附件详情修改

src/views/accounting/voucher/index.vue

@@ -288,37 +288,18 @@
         @tab-click="handleClick"
       >
         <el-tab-pane label="附件" name="first">
-          <!-- <el-upload
-            class="upload-demo"
-            drag
-            multiple
-            :action="uploadUrl1"
-            :file-list="fileList1"
-            :headers="headers"
-            name="multipartFile"
-            :on-success="handleSuccess1"
-            :show-file-list="false"
-          >
-            <i class="el-icon-upload"></i>
-            <div class="el-upload__text">
-              将文件拖到此处，或<em>点击上传</em>
-            </div>
-          </el-upload>
-          <el-divider>已上传附件</el-divider> -->
           <div v-if="showNull" class="null1">空</div>
-          <div v-for="(item, index) in fjList1">
+          <div v-for="(item, index) in fjList1" @click="handleClickPdf(item)">
-            <el-image :src="item.fileUrl"> </el-image>
+            <el-image
-          </div>
+              :src="item.fileUrl"
-          <div v-for="(item, index) in fjList2" @click="handleClickPdf(item)">
-            <img
-              src="~@/assets/images/pdf.png"
               style="
                 object-fit: cover;
                 width: 240px;
                 height: 220px;
                 cursor: pointer;
               "
-            />
+            >
+            </el-image>
           </div>
         </el-tab-pane>
         <el-tab-pane label="审批流程" name="second">
@@ -337,27 +318,6 @@
           <div v-if="showNul2" class="null1">空</div>
         </el-tab-pane>
         <el-tab-pane label="电子发票" name="third">
-          <!-- <el-upload
-            class="upload-demo"
-            drag
-            multiple
-            :action="uploadUrl3"
-            :file-list="fileList3"
-            :headers="headers"
-            name="multipartFile"
-            :on-success="handleSuccess3"
-            :show-file-list="false"
-            :accept="imgType1"
-          >
-            <i class="el-icon-upload"></i>
-            <div class="el-upload__text">
-              将文件拖到此处，或<em>点击上传</em>
-            </div>
-            <div class="el-upload__tip" slot="tip">
-              支持图片、pdf、ofd格式上传
-            </div>
-          </el-upload>
-          <el-divider>已上传电子发票</el-divider> -->
           <div v-if="showNul3" class="null1">空</div>
           <div v-for="(item, index) in dzfpList1">
             <el-image :src="item.fileUrl"> </el-image>
@@ -430,7 +390,6 @@ import { getAttachmentPage } from "@/api/accounting/attachment";
 import { getFlowPage } from "@/api/accounting/flow";
 import { getInvoicesPage } from "@/api/accounting/invoices";
 import { getBankSlipPage } from "@/api/accounting/bankSlip";
-import { getAccessToken, getTenantId } from "@/utils/auth";
 
 export default {
   name: "Voucher",
@@ -497,29 +456,11 @@ export default {
         depotId: null,
         cabinetId: null,
       },
-      fileList1: [], // 文件列表
-      fileList2: [],
-      fileList3: [],
       fjList1: [],
       fjList2: [],
       dzfpList1: [],
       dzfpList2: [],
       dzfpList3: [],
-      uploadUrl1:
-        process.env.VUE_APP_BASE_API +
-        "/admin-api/accounting/attachment/upload", // 附件上传地址
-      uploadUrl2:
-        process.env.VUE_APP_BASE_API + "/admin-api//archives/flow/upload", // 审批流程上传地址
-      uploadUrl3:
-        process.env.VUE_APP_BASE_API +
-        "/admin-api/accounting/invoices/identify", // 电子发票上传地址
-      uploadUrl4:
-        process.env.VUE_APP_BASE_API +
-        "/admin-api/accounting/attachment/upload", // 银行回单上传地址
-      headers: {
-        Authorization: "Bearer " + getAccessToken(),
-        "tenant-id": getTenantId(),
-      }, // 设置上传的请求头
       // 表单参数
       form: {},
       // 表单校验
@@ -528,11 +469,11 @@ export default {
       siteOptions: [], //归档位置数据
       siteArray: [], //归档位置选中值
       typeOptions: [], //凭证类别
-      url: "",
       showNull: "",
       showNul2: "",
       showNul3: true,
       showNul4: true,
+      fjUrl: "",
     };
   },
   created() {
@@ -568,6 +509,7 @@ export default {
         } else {
           this.showNull = false;
         }
+        this.fjList1 = response.data.list;
         this.fjList2 = response.data.list.filter(function (item) {
           return item.suffix == "pdf";
         });
@@ -576,10 +518,6 @@ export default {
     handleClickPdf(val) {
       window.open(val.fileUrl);
     },
-    handleSuccess1(response, file, fileList) {
-      console.log(response, file, fileList);
-      this.getFJ();
-    },
     /** 查询审批流程 */
     getSPLC(val) {
       // 执行查询