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

src/views/awardManagement/listofAwards.vue

             </el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <!-- <el-button size="mini" type="text" icon="el-icon-reading" v-if="scope.row.caseStatus == 10" @click="showModel(scope.row, 0)"
-                        v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button> -->
+                    <el-button size="mini" type="text" icon="el-icon-reading" v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''" @click="showModel(scope.row, 0)">查看裁决书</el-button>
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 11 && checkPermi(['awardManagement:list:check'])" @click="showModel(scope.row, 1)"
                     >核查</el-button>
                     <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 12 && checkPermi(['awardManagement:list:confirmaward'])" @click="showModel(scope.row, 2)"
         showModel(row, type) {
 
             switch (type) {
+                case 0:
+                    let url = row.filearbitraUrl;
+                    window.open(url)
+                    break;
                 case 1:
                     this.getDetail({ id: row.id });
                     this.openDialog = true;

src/views/caseManagement/caseList.vue

           feePayable: res.data.feePayable,
           hearDate: res.data.hearDate,
           arbitratorName: res.data.arbitratorName,
+          caseAttachList: res.data.caseAttachList
         };
         this.initpaymentArr = [];
         this.initpaymentArr1 = [];

src/views/caseManagement/components/adjudicaterecordDialog.vue

       <el-form
         ref="form"
         :model="formData"
-        label-width="150px"
+        label-width="180px"
         :disabled="true"
       >
         <p>案件信息：</p>
             </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">
         </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>
     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) {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 900px;
   background: #ffffff;
   border-radius: 20px;
 }

src/views/caseManagement/components/trialincourtDialog.vue

       <el-form
         ref="form"
         :model="formData"
-        label-width="150px"
+        label-width="180px"
         :disabled="true"
       >
         <p>案件信息：</p>
             </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-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>
       <el-button @click="openmeeting" type="primary"
         >发起会议
         <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
       </el-button>
       <el-button @click="openArbitrationresults" type="primary"
-        >提交仲裁结果</el-button
-      >
+        >生成庭审笔录</el-button
+      >    
       <div slot="footer" class="dialog-footer">
         <!-- <el-button @click="submitForm" class="endbutton"
           ><span>结束审理</span></el-button
         > -->
+        <el-button @click="openArbitrationresults" class="endbutton"
+        ><span>提交庭审笔录</span></el-button
+      >
         <el-button @click="cancel" class="endbutton1"
           ><span>关 闭</span></el-button
         >
       </div>
     </el-dialog>
     <el-dialog
-      title="提交仲裁结果"
+      title="提交庭审笔录"
       :visible="showArbitrationresults"
       @close="closeArbitrationresults"
       center
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="submitForm" class="endbutton">
-          <span>提交仲裁结果</span></el-button
+          <span>提交</span></el-button
         >
         <el-button @click="closeArbitrationresults" class="endbutton1"
           ><span>取 消</span></el-button
       user: "",
       showArbitrationresults: false,
       form2: {},
+      applicateArr: [],//申请人案件资料
+      quiltArr: [],//被申请人案件资料
     };
   },
   watch: {
     showtrialincourt: {
       handler(val) {
         if (val) {
-          this.formData = this.form;
+          this.formData = this.form;      
+          this.applicateArr = [];
+          this.quiltArr = [];
+          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.getUser();
   },
   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"
+      );
+    },
     getUser() {
       getUserProfile().then((response) => {
         this.user = response.data.userName;
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 900px;
   background: #ffffff;
   border-radius: 20px;
 }
 .endbutton {
   width: 154px;
   height: 37px;
-  background: #0072ff;
+  background: #488de2;
   border-radius: 19px;
   span {
     width: 96px;

vue.config.js

 
 const API = 'http://121.40.189.20:9001'  //测试
 // const API = 'http://192.168.3.18:9001'  //B
-// const API = 'http://192.168.3.77:8080' //Q
+// const API = 'http://192.168.3.77:9001' //Q
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions