fix:已完成图片显示不对

src/views/business/housingFund/declare/form.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog title="公积金申报信息111" v-model="visible" :width="width" append-to-body draggable @close="close"
+  <el-dialog title="公积金申报信息" v-model="visible" :width="width" append-to-body draggable @close="close"
     :close-on-click-modal="false">
     <!-- 功能按钮 -->
     <div v-loading="loading">

src/views/business/housingFund/declare/view.vue

@@ -82,7 +82,9 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="凭证" required>
-                <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
+                <img  style="height: 148px; width: 148px" :src="`${baseUrl}/${form.evidenceFile}`"
+                class="avatar" @click="openEvidience()" />
+                <!-- <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
                   <el-button size="small" type="primary" icon="Upload" v-if="form.status !==3">点击上传</el-button>
                 </el-upload>
                 <el-table style="margin-top: 15px;" ref="dbTable" :data="form.evidenceFiles" size="small" border
@@ -102,7 +104,7 @@
                         v-if="form.status !==3">删除</el-button>
                     </template>
                   </el-table-column>
-                </el-table>
+                </el-table> -->
               </el-form-item>
             </el-col>
           </el-row>
@@ -179,7 +181,10 @@
     form.value = detail;
     loadData();
   }
-
+  function openEvidience() {
+    
+    window.open(`${baseUrl.value}${form.value.evidenceFile}`);
+  }
   function loadData() {
     loading.value = true
     form.value.year = proxy.moment(currentMonth.value).format("YYYY");
@@ -188,6 +193,7 @@
     const clearForm = { year, month, socialSecurityDeclareId, companyId }
     getDetail(clearForm).then((res) => {
       form.value = { ...proxy.deepClone(emptyForm), ...res.data };
+      form.value.evidenceFile =  form.value.evidenceFiles[0].fileUrl;
       amountChangeHandler();
 
     }).finally(() => {

src/views/business/socialSecurity/declare/view.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog title="社保申报信息" v-model="visible" :width="width" append-to-body draggable @close="close"
+  <el-dialog title="社保申报信息11" v-model="visible" :width="width" append-to-body draggable @close="close"
     :close-on-click-modal="false">
     <div v-loading="loading">
       <!-- <div slot="title" class="dialog-title-container">
@@ -165,7 +165,9 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="凭证" required>
-                <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
+                <img  style="height: 148px; width: 148px" :src="`${baseUrl}/${form.evidenceFile}`"
+                class="avatar" @click="openEvidience()" />
+                <!-- <el-upload action="#" :http-request="upload" :with-credentials="true" :show-file-list="false" multiple>
                   <el-button size="small" type="primary" icon="Upload" v-if="form.status !==3">点击上传</el-button>
                 </el-upload>
                 <el-table ref="dbTable" :data="form.evidenceFiles" size="small" border
@@ -179,19 +181,19 @@
                         }}</el-button>
                     </template>
                   </el-table-column>
-                  <!-- <el-table-column
+                  <el-table-column
                     label="文件类型"
                     width="80"
                     prop="fileType"
                     align="center"
-                  /> -->
-                  <el-table-column label="操作" width="80" prop="fileType" align="center">
+                  />
+                   <el-table-column label="操作" width="80" prop="fileType" align="center">
                     <template #default="scope">
                       <el-button size="small" link type="danger" v-if=" form.status !== 3"
                         @click="handlerEportFilesDel(scope.row, scope.$index)">删除</el-button>
                     </template>
-                  </el-table-column>
-                </el-table>
+                  </el-table-column> 
+                </el-table>  -->
               </el-form-item>
             </el-col>
             <el-col :span="24">
@@ -304,6 +306,7 @@
     const clearForm = { year, month, socialSecurityDeclareId, companyId }
     getDetail(clearForm).then((res) => {
       form.value = { ...proxy.deepClone(emptyForm), ...res.data };
+      form.value.evidenceFile =  form.value.evidenceFiles[0].fileUrl;
       amountChangeHandler();
     }).finally(() => {
         loading.value = false;
@@ -478,7 +481,9 @@
   function changeEdit() {
     editStatus.value = !editStatus.value;
   }
-
+  function openEvidience() {
+    window.open(`${baseUrl.value}${form.value.evidenceFile}`);
+  }
   function amountChangeHandler() {
     let amount = 0;
     amount += form.value.unitInjury == null ? 0 : form.value.unitInjury;