证据清单页面的开发

src/views/caseManagement/caseList.vue

@@ -111,7 +111,7 @@
           <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)" v-if="scope.row.caseStatus == 2 &&
             checkPermi(['caseManagement:list:pay']) && btnStatus
             ">缴费</el-button>
-
+          <el-button size="mini" type="text" icon="el-icon-tickets" @click="evidenceListS(scope.row)" >证据清单</el-button>
           <!-- <el-button
             size="mini"
             type="text"
@@ -237,6 +237,8 @@
     <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams" @cancelCompreess="cancelCompreess"
       :getcaseApply="getcaseApply">
     </caseCompressionPackage>
+    <!-- 证据清单 -->
+    <evidenceList :evidenceListD ="evidenceListD" @cancelevidenceList="cancelevidenceList" :caseAttachListR ="caseAttachListR"></evidenceList>
     
   </div>
 </template>
@@ -257,7 +259,8 @@ import evidenceDialog from './components/evidenceDialog.vue';
 import timeDialog from './components/timeDialog.vue';
 import operateDialog from './components/operateDialog.vue';
 import uploadCaseDialog from './components/uploadCaseDialog.vue';
-import caseCompressionPackage from './components/caseCompressionPackage.vue'
+import caseCompressionPackage from './components/caseCompressionPackage.vue';
+import evidenceList from './components/evidenceList.vue'
 // 秘书审核页面
 import caseentryExamineDialog from './components/caseentryExamine.vue';
 import { caseApplicationDetail } from "@/api/pay/pay";
@@ -297,7 +300,8 @@ export default {
     operateDialog,
     uploadCaseDialog,
     caseentryExamineDialog,
-    caseCompressionPackage
+    caseCompressionPackage,
+    evidenceList
   },
   data() {
     return {
@@ -349,6 +353,8 @@ export default {
       payForm: {},
       caseAttachList: [], //案件质证资料
       showcaseLog: false, //案件日志弹框显示
+      evidenceListD:false,//证据清单弹框显示
+      caseAttachListR:[], //证据清单
       flagLoading: true, //案件日志弹框loading
       caselogDataArr: [],
       options: [], //机构数据
@@ -588,6 +594,11 @@ export default {
       this.showcaseLog = true;
       this.caseLogRecordListFn(row);
     },
+    // 证据清单
+    evidenceListS(row){
+      this.evidenceListD = true;
+      this.getInfo(row);
+    },
     // 查询案件日志信息
     caseLogRecordListFn(val) {
       this.flagLoading = true;
@@ -607,6 +618,10 @@ export default {
     cancelViewProcess() {
       this.processVisable = false;
     },
+    // 关闭案件详情
+    cancelevidenceList(){
+      this.evidenceListD = false;
+    },
     // 修改
     editRow(row) {
       this.flag = "1";
@@ -769,6 +784,8 @@ export default {
         version: row.version
       }
       selectCaseApply(params).then((res) => {
+        // 证据清单
+        this.caseAttachListR = res.data.caseAttachList;
         // this.visible = true;
         // this.formData = res.data;
         this.form.caseName = res.data.caseName;
@@ -790,7 +807,7 @@ export default {
           }
         });
         this.caseAttachList = res.data.caseAttachList;
-        console.log(this.caseAttachList,"caseAttachList")
+        // console.log(this.caseAttachList,"caseAttachList")
         this.form.requestRule = res.data.requestRule;
         this.form.properPreser = res.data.properPreser;
       });