详情修改

src/views/accounting/voucher/index.vue

@@ -289,7 +289,7 @@
       >
         <el-tab-pane label="附件" name="first">
           <div v-if="showNull" class="null1">空</div>
-          <div v-for="(item, index) in fjList1" @click="handleClickPdf(item)">
+          <div v-for="(item, index) in fjList" @click="handleClickPdf(item)">
             <el-image
               :src="item.fileUrl"
               style="
@@ -303,26 +303,35 @@
           </div>
         </el-tab-pane>
         <el-tab-pane label="审批流程" name="second">
-          <!-- <el-upload
+          <div v-if="showNul2" class="null1">空</div>
-            class="upload-demo"
+          <div v-for="(item, index) in splcList" @click="handleClickPdf(item)">
-            drag
+            <el-image
-            action="https://jsonplaceholder.typicode.com/posts/"
+              :src="item.fileUrl"
-            multiple
+              style="
+                object-fit: cover;
+                width: 240px;
+                height: 220px;
+                cursor: pointer;
+              "
             >
-            <i class="el-icon-upload"></i>
+            </el-image>
-            <div class="el-upload__text">
-              将文件拖到此处，或<em>点击上传</em>
           </div>
-          </el-upload>
-          <el-divider>已上传审批流程</el-divider> -->
-          <div v-if="showNul2" class="null1">空</div>
         </el-tab-pane>
         <el-tab-pane label="电子发票" name="third">
           <div v-if="showNul3" class="null1">空</div>
-          <div v-for="(item, index) in dzfpList1">
+          <div v-for="(item, index) in dzfpList" @click="handleClickPdf(item)">
-            <el-image :src="item.fileUrl"> </el-image>
+            <el-image
+              :src="item.fileUrl"
+              style="
+                object-fit: cover;
+                width: 240px;
+                height: 220px;
+                cursor: pointer;
+              "
+            >
+            </el-image>
           </div>
-          <div v-for="(item, index) in dzfpList2" @click="handleClickPdf(item)">
+          <!-- <div v-for="(item, index) in dzfpList2" @click="handleClickPdf(item)">
             <img
               src="~@/assets/images/pdf.png"
               style="
@@ -343,26 +352,22 @@
                 cursor: pointer;
               "
             />
-          </div>
+          </div> -->
         </el-tab-pane>
         <el-tab-pane label="银行回单" name="fourth">
-          <!-- <el-upload
+          <div v-if="showNul4" class="null1">空</div>
-            class="upload-demo"
+          <div v-for="(item, index) in yhhdList" @click="handleClickPdf(item)">
-            drag
+            <el-image
-            action="https://jsonplaceholder.typicode.com/posts/"
+              :src="item.fileUrl"
-            multiple
+              style="
-            :accept="imgType2"
+                object-fit: cover;
+                width: 240px;
+                height: 220px;
+                cursor: pointer;
+              "
             >
-            <i class="el-icon-upload"></i>
+            </el-image>
-            <div class="el-upload__text">
-              将文件拖到此处，或<em>点击上传</em>
-            </div>
-            <div class="el-upload__tip" slot="tip">
-              支持pdf、jpg、png格式上传
           </div>
-          </el-upload>
-          <el-divider>已上传银行回单</el-divider> -->
-          <div v-if="showNul4" class="null1">空</div>
         </el-tab-pane>
       </el-tabs>
       <div slot="footer" class="dialog-footer">
@@ -456,11 +461,10 @@ export default {
         depotId: null,
         cabinetId: null,
       },
-      fjList1: [],
+      fjList: [],
-      fjList2: [],
+      splcList: [],
-      dzfpList1: [],
+      dzfpList: [],
-      dzfpList2: [],
+      yhhdList: [],
-      dzfpList3: [],
       // 表单参数
       form: {},
       // 表单校验
@@ -509,10 +513,7 @@ export default {
         } else {
           this.showNull = false;
         }
-        this.fjList1 = response.data.list;
+        this.fjList = response.data.list;
-        this.fjList2 = response.data.list.filter(function (item) {
-          return item.suffix == "pdf";
-        });
       });
     },
     handleClickPdf(val) {
@@ -527,6 +528,7 @@ export default {
         } else {
           this.showNul2 = false;
         }
+        this.splcList = response.data.list;
       });
     },
     /** 查询电子发票 */
@@ -538,12 +540,7 @@ export default {
         } else {
           this.showNul3 = false;
         }
-        this.dzfpList2 = response.data.list.filter(function (item) {
+        this.dzfpList = response.data.list;
-          return item.suffix == "pdf";
-        });
-        this.dzfpList3 = response.data.list.filter(function (item) {
-          return item.suffix == "ofd";
-        });
       });
     },
     /** 查询银行回单 */
@@ -555,6 +552,7 @@ export default {
         } else {
           this.showNul4 = false;
         }
+        this.yhhdList = response.data.list;
       });
     },
     handleClickOfd() {},