审理页面案件证据显示问题修复

src/views/caseManagement/components/adjudicaterecordDialog.vue

@@ -10,7 +10,7 @@
       <el-form
         ref="form"
         :model="formData"
-        label-width="150px"
+        label-width="180px"
         :disabled="true"
       >
         <p>案件信息：</p>
@@ -119,10 +119,34 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24">
+        <!-- <el-col :span="24">
           <el-form-item label="案件资料：" prop="claimPrinciOwed">
             <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
           </el-form-item>
+        </el-col> -->
+        <el-col :span="24">
+            <el-form-item
+              label="申请人案件证据："
+            >
+              <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
+              <div v-else v-for="(item, index) in applicateArr" :key="index">
+                <a href="#" @click="toFile(item, index)" style="color: blue">
+                  {{ item.annexName }}
+                </a>
+              </div>
+            </el-form-item>
+        </el-col>
+        <el-col :span="24">
+            <el-form-item
+              label="被申请人案件证据："
+            >
+            <div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
+            <div v-else v-for="(item, index) in quiltArr" :key="index">
+                <a href="#" @click="toFile1(item, index)" style="color: blue">
+                  {{ item.annexName }}
+                </a>
+            </div>
+            </el-form-item>
         </el-col>
       </el-form>
       <el-form ref="form2" :model="form2" label-width="150px">
@@ -275,7 +299,7 @@
         </el-col>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">提交仲裁结果</el-button>
+        <el-button type="primary" @click="submitForm">提交庭审笔录</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -291,19 +315,53 @@ export default {
     return {
       formData: {},
       form2: {},
+      applicateArr: [],//申请人案件资料
+      quiltArr: [],//被申请人案件资料
     };
   },
   watch: {
     showadjudicaterecord: {
       handler(val) {
         if (val) {
+          this.applicateArr = [];
+          this.quiltArr = [];
           this.formData = this.form;
+          setTimeout(() => {    
+          this.adjudicatename.caseAttachList.forEach(item => {
+            if (item.annexType == 2) {
+                this.applicateArr.push({
+                  annexName: item.annexName,
+                  annexPath: item.annexPath,
+                });
+              }
+              if (item.annexType == 6) {
+                this.quiltArr.push({
+                  annexName: item.annexName,
+                  annexPath: item.annexPath,
+                });
+              }
+          });
+          }, 500);
           this.form2 = {};
         }
       },
     },
   },
   methods: {
+     // 详情显示，展示申请人案件文件
+    toFile(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.applicateArr[index].annexPath,
+        "_black"
+      );
+    },
+    // 被申请人文件
+    toFile1(item, index) {
+      window.open(
+        window.location.origin + "/API" + this.quiltArr[index].annexPath,
+        "_black"
+      );
+    },
     submitForm() {
       this.$refs["form2"].validate((valid) => {
         if (valid) {
@@ -333,7 +391,7 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 900px;
   background: #ffffff;
   border-radius: 20px;
 }