瀏覽代碼

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

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

+ 19 - 22
src/views/bpm/processInstance/detailNew.vue

@@ -57,29 +57,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">
-                  <el-image
-                    style="
-                      width: 50px;
-                      height: 50px;
-                      position: absolute;
-                      transform: translate(0px, 0px);
-                    "
-                    :src="item?.assigneeUser?.signature[0]?.url"
-                  >
-                    <div slot="error" class="image-slot">
-                      <!--                        <i class="el-icon-picture-outline"></i>-->
-                      <span></span>
-                    </div>
-                  </el-image>
-                </label>
 
+                <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
+                      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">
+                        <span></span>
+                      </div>
+                    </el-image>
+                </div>
+                
                 <p v-if="item.reason && item.result != 4">
                   审批意见:<div :class="getTimelineItemType(item)">{{
                     item.reason