文件上传

src/views/awardManagement/components/paymentdetailsDialog.vue

@@ -32,15 +32,21 @@
         <el-descriptions-item label="申请人主张违约金">{{
           form.claimLiquidDamag
         }}</el-descriptions-item>
-        <el-descriptions-item label="申请人案件证据资料">{{
-          form.aaa
-        }}</el-descriptions-item>
-        <el-descriptions-item label="被申请人案件证据资料">{{
-          form.aaa
-        }}</el-descriptions-item>
-        <el-descriptions-item label="裁决书附件">{{
-          form.aaa
-        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人案件证据资料">
+          <span @click="toFile(2)">
+            <a href="#">{{ applicantFile }}</a>
+          </span>
+        </el-descriptions-item>
+        <el-descriptions-item label="被申请人案件证据资料">
+          <span @click="toFile(6)">
+            <a href="#">{{ respondentFile }}</a>
+          </span>
+        </el-descriptions-item>
+        <el-descriptions-item label="裁决书附件">
+          <span @click="toFile(3)">
+            <a href="#">{{ awardFile }}</a>
+          </span>
+        </el-descriptions-item>
       </el-descriptions>
       <el-form
         ref="form"
@@ -208,6 +214,12 @@ export default {
           },
         ],
       },
+      applicantFile: "", //申请人
+      applicantPath: "", //申请人
+      respondentFile: "", //被申请人
+      respondentPath: "", //被申请人
+      awardFile: "", //裁决书
+      awardPath: "", //裁决书
     };
   },
   watch: {
@@ -218,12 +230,40 @@ export default {
             this.form = this.detailform;
             this.arbitrateRecord = this.form.arbitrateRecord;
             console.log(this.form, "this.form");
+            this.evidenceFile(this.form);
           }, 1000);
         }
       },
     },
   },
   methods: {
+    // 申请人裁决书
+    evidenceFile(val) {
+      if (val) {
+        val.caseAttachList.forEach((item) => {
+          if ((item.annexType = 2)) {
+            this.applicantFile = item.annexName;
+            this.applicantPath = item.annexPath;
+          } else if ((item.annexType = 6)) {
+            this.respondentFile = item.annexName;
+            this.respondenPath = item.annexPath;
+          } else if ((item.annexType = 3)) {
+            this.awardFile = item.annexName;
+            this.awardPath = item.annexPath;
+          }
+        });
+      }
+    },
+    toFile(val) {
+      let headPath = window.location.origin + "/API";
+      if (val == 2) {
+        window.open(headPath + this.applicantPath, "_black");
+      } else if (val == 6) {
+        window.open(headPath + this.respondenPath, "_black");
+      } else if (val == 3) {
+        window.open(headPath + this.awardPath, "_black");
+      }
+    },
     // 校验裁决书
     verificationArbitrateRecordFn(parms) {
       verificationArbitrateRecord(parms).then((res) => {
@@ -283,4 +323,7 @@ export default {
 .esign {
   border: 1px solid;
 }
+a {
+  color: blue;
+}
 </style>