批量上传,批量操作

src/views/paymentManagement/components/paymentdetailsDialog.vue

@@ -1,12 +1,6 @@
 <template>
   <div>
-    <el-dialog
-      :title="title"
-      :visible="openDialog"
-      @close="cancel"
-      :destroy-on-close="true"
-      center
-    >
+    <el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
       <el-form ref="form" :model="form" label-width="90px" :disabled="true">
         <el-form-item label="案件编号：" prop="caseNum">
           <el-input v-model="form.caseNum" placeholder="" />
@@ -33,15 +27,15 @@
             {{ form.paymentStatusName }}
           </el-tag>
         </el-form-item>
+        <el-form-item label="缴费凭证：" prop="caseStatusName">
+          <div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.payOrderList" :key="index" @click="preview(item.annexPath)">
+            {{ item.annexName }}
+          </div>
+          <!-- <el-tag>{{ form.caseStatusName }}</el-tag> -->
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="submitForm"
-          v-if="flag == 0"
-          class="endbutton"
-          >确认已缴费</el-button
-        >
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button>
         <el-button @click="cancel" class="endbutton1">取 消</el-button>
       </div>
     </el-dialog>
@@ -56,6 +50,7 @@ export default {
     return {
       // key: value
       form: {},
+      srcList: []
     };
   },
   watch: {
@@ -63,11 +58,18 @@ export default {
       handler(val) {
         if (val) {
           this.form = val;
+
         }
       },
     },
   },
   methods: {
+    preview(data) {
+      window.open(
+        window.location.origin + "/API" + data,
+        "_blank"
+      );
+    },
     // 确认缴费
     submitForm() {
       confirmPay({ id: this.form.id }).then((res) => {
@@ -94,11 +96,13 @@ export default {
   background: #ffffff;
   border-radius: 20px;
 }
+
 .endbutton {
   width: 124px;
   height: 37px;
   background: #0072ff;
   border-radius: 19px;
+
   span {
     width: 32px;
     height: 15px;
@@ -109,12 +113,14 @@ export default {
     // line-height: 48px;
   }
 }
+
 .endbutton1 {
   width: 124px;
   height: 37px;
   background: #ffffff;
   border: 1px solid #d0d0d0;
   border-radius: 19px;
+
   span {
     width: 31px;
     height: 13px;