修改资方详情展示,用户图片预览

front-vue/src/views/service/financeRecord/detailFinanceRecord.vue

@@ -2,7 +2,7 @@
 <div class="app-container zap-main">
     <!-- 添加或修改融资记录对话框 -->
     <header-bar :list="headerList"></header-bar>
-    <div class="zap-reason mt20">
+    <div class="zap-reason mt20" v-if="reason">
         <div class="zap-reason__title">资方拒绝放款:</div>
         <div class="zap-reasaon__item">原因:{{reason ? reason : "暂无"}}；</div>
         <div class="zap-reason__item">

front-vue/src/views/system/user/index.vue

@@ -292,6 +292,19 @@
             <el-button @click="upload.open = false">取 消</el-button>
         </div>
     </el-dialog>
+        <!-- 查看图片 -->
+    <el-dialog :visible.sync="sfzVisible">
+      <img width="100%" :src="sfzImageUrl" alt="" />
+    </el-dialog>
+    <el-dialog :visible.sync="sqsVisible">
+      <img width="100%" :src="sqsImageUrl" alt="" />
+    </el-dialog>
+    <el-dialog :visible.sync="jsfzzVisible">
+      <img width="100%" :src="jsfzzImageUrl" alt="" />
+    </el-dialog>
+    <el-dialog :visible.sync="jsfzfVisible">
+      <img width="100%" :src="jsfzfImageUrl" alt="" />
+    </el-dialog>
 </div>
 </template>
 
@@ -352,6 +365,10 @@ export default {
             sfzVisible: false,
             sqsImageUrl: "",
             sqsVisible: false,
+             jsfzzImageUrl: "",
+            jsfzzVisible: false,
+            jsfzfImageUrl: "",
+            jsfzfVisible: false,
             showBtnImg: false,
             noneBtnImg: false,
             showsBtnImg: false,
@@ -638,7 +655,7 @@ export default {
         },
         jsfzfPictureCardPreview(file) {
             this.jsfzfImageUrl = file.url;
-            this.jsffzVisible = true;
+            this.jsfzfVisible = true;
         },
         jsfzfImgChange(file, jsfzfList) {
             this.jsfzfBtnImg = jsfzfList.length >= this.limitCountImg;