案件日志页面开发

src/views/caseManagement/caseList.vue

@@ -5,7 +5,7 @@
       ref="queryForm"
       size="small"
       :inline="true"
-      label-width="68px"
+      label-width="98px"
     >
       <el-form-item label="案件编号" prop="caseNum">
         <el-input
@@ -15,6 +15,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="申请人(机构)" prop="applicantName">
+        <el-input
+          v-model="queryParams.applicantName"
+          placeholder="请输入机构名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="案件状态" prop="caseStatus">
         <el-select
           v-model="queryParams.caseStatus"
@@ -89,12 +97,12 @@
         prop="caseNum"
         :show-overflow-tooltip="true"
       />
-      <!-- <el-table-column
-        label="申请人"
+      <el-table-column
+        label="申请人(机构)"
         align="center"
         prop="caseAffiliates[0].name"
         :show-overflow-tooltip="true"
-      /> -->
+      />
       <el-table-column
         label="案件标的"
         align="center"
@@ -134,6 +142,15 @@
             v-hasPermi="['monitor:online:forceLogout']"
             >详情</el-button
           >
+          <!-- 案件日志 -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="caselogRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >案件日志</el-button
+          >
           <el-button
             size="mini"
             type="text"
@@ -341,6 +358,12 @@
       @getcaseApply="getcaseApply"
       @paycancelRow="paycancelRow"
     ></payDialog>
+    <!-- 案件日志 -->
+    <caselogDialog
+    :showcaseLog="showcaseLog"
+    @cancelcaseLog="cancelcaseLog"
+    :flagLoading="flagLoading"
+    ></caselogDialog>
   </div>
 </template>
 
@@ -354,6 +377,7 @@ import adjudicaterecordDialog from "./components/adjudicaterecordDialog.vue";
 import trialincourtDialog from "./components/trialincourtDialog.vue";
 import payDialog from "./components/payDialog.vue";
 import filingreviewDialog from "./components/filingreviewDialog.vue";
+import caselogDialog from './components/caselogDialog.vue';
 
 import { caseApplicationDetail } from "@/api/pay/pay";
 import {
@@ -377,6 +401,7 @@ export default {
     trialincourtDialog,
     payDialog,
     filingreviewDialog,
+    caselogDialog
   },
   data() {
     return {
@@ -393,6 +418,7 @@ export default {
         caseStatusList: [0, 1, 2, 5, 6, 7, 8, 9, 10, 16],
         hearDate: "",
         caseStatus: null,
+        applicantName: "",
         pageNum: 1,
         pageSize: 10,
       },
@@ -420,6 +446,8 @@ export default {
       payTitle: "",
       payForm: {},
       caseAttachList: [], //案件质证资料
+      showcaseLog: false, //案件日志弹框显示
+      flagLoading: false, //案件日志弹框loading
     };
   },
   created() {
@@ -509,6 +537,14 @@ export default {
       this.dialogtitle = "立案详情";
       this.getInfo(row);
     },
+    // 案件日志
+    caselogRow(row) {
+      this.showcaseLog = true;
+    },
+    // 关闭案件日志
+    cancelcaseLog() {
+      this.showcaseLog = false;
+    },
     // 修改
     editRow(row) {
       this.flag = "1";