瀏覽代碼

refactor: 优化签名布局逻辑,防止显示在审批意见上

xieyong 4 天之前
父節點
當前提交
a93effef5f
共有 1 個文件被更改,包括 14 次插入 和 9 次删除
  1. 14 9
      src/views/bpm/processInstance/detail.vue

+ 14 - 9
src/views/bpm/processInstance/detail.vue

@@ -54,21 +54,26 @@
                   >
                     {{ getDateStar(item.durationInMillis) }}
                   </label>
-                  <label   v-if="item.result!=1"  style="margin-left: 30px;color: #8a909c; font-weight: normal">
-                    签名:
-                  </label>
-                  <label v-if="item.result!=1">
+                  <div
+                    v-if="item.result!=1"
+                    style="margin-top: 6px; display: flex; align-items: center;"
+                  >
+                    <label style="color: #8a909c; font-weight: normal; margin-right: 8px;">
+                      签名:
+                    </label>
                     <el-image
-                      style="width: 50px; height: 50px;position: absolute;transform: translate(0px, 0px);"
-                      :src="item?.assigneeUser?.signature[0]?.url">
+                      v-if="item?.assigneeUser?.signature[0]?.url"
+                      style="width: 50px; height: 50px;"
+                      :src="item?.assigneeUser?.signature[0]?.url"
+                      :preview-src-list="item?.assigneeUser?.signature?.map(s => s.url)"
+                      fit="contain">
                       <div slot="error" class="image-slot">
-<!--                        <i class="el-icon-picture-outline"></i>-->
                         <span></span>
                       </div>
                     </el-image>
-                  </label>
+                  </div>
 
-                  <p v-if="item.reason&&item.result!=4">
+                  <p v-if="item.reason&&item.result!=4" style="margin-top: 8px;">
                     审批意见:<el-tag :type="getTimelineItemType(item)">{{
                       item.reason
                     }}</el-tag>