Преглед изворни кода

个人档案头像显示修复

cyy пре 4 дана
родитељ
комит
8127ab1f99
1 измењених фајлова са 13 додато и 3 уклоњено
  1. 13 3
      src/views/component/personnelFile/components/personnelInfo.vue

+ 13 - 3
src/views/component/personnelFile/components/personnelInfo.vue

@@ -12,8 +12,8 @@
       <div class="photoSty">
         <el-avatar
           :src="getPhoto(personInfoData.photo)"
-          fit="fit"
           @error="errorHandler"
+          class="center-avatar"
         >
           <img
             src="../../../../../public/images/common/default_user_image.jpg"
@@ -315,8 +315,12 @@ export default {
       flowDiagramVisible: false,
       approvalHistoryVisible: false,
       moreShow: false,
-      processKey: setting?.system?.isJYB ? 'Process_0v35zf8' : 'Process_08xwabfNEW',
-      processId: setting?.system?.isJYB ? '1453020655493578752' : '1315609540510613504',
+      processKey: setting?.system?.isJYB
+        ? 'Process_0v35zf8'
+        : 'Process_08xwabfNEW',
+      processId: setting?.system?.isJYB
+        ? '1453020655493578752'
+        : '1315609540510613504'
     }
   },
   watch: {
@@ -459,6 +463,12 @@ export default {
         width: 14vh;
         border-radius: 100%;
       }
+      .center-avatar ::v-deep img {
+        object-fit: contain; /* 保持比例完整显示 */
+        object-position: center; /* 居中 */
+        width: 100%;
+        height: 100%;
+      }
     }
     .contentSty {
       height: 100%;