案件列表信息，详情，修改，压缩包

src/views/caseManagement/caseList.vue

@@ -1,19 +1,44 @@
 <template>
     <div class="app-container">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
-            <el-form-item label="案件状态" prop="roleName">
-                <el-input v-model="queryParams.roleName" placeholder="请输入案件状态" clearable style="width: 240px"
+            <el-form-item label="案件状态" prop="caseFlowId">
+                <el-select v-model="queryParams.caseFlowId" placeholder="请选择" @change="columnNameChange(item)" clearable>
+                    <el-option v-for="dict in dict.type.case_flow_node" :key="dict.value" :label="dict.label"
+                        :value="dict.value" @keyup.enter.native="handleQuery"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="申请机构" prop="applicationOrganId">
+                <el-select v-model="queryParams.applicationOrganId" placeholder="请选择" clearable>
+                    <el-option v-for="dict in deptList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId"
+                        @keyup.enter.native="handleQuery"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="批号" prop="batchNumber">
+                <el-input v-model="queryParams.batchNumber" placeholder="请输入案件批号" clearable style="width: 240px"
                     @keyup.enter.native="handleQuery" />
             </el-form-item>
+            <el-form-item label="案件编号" prop="caseNum">
+                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable style="width: 240px"
+                    @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="创建时间" prop="caseTime">
+                <el-date-picker v-model="caseTime" type="datetimerange" align="right" unlink-panels range-separator="至"
+                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" @change="caseTimeChange">
+                </el-date-picker>
+            </el-form-item>
             <el-form-item>
                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
             </el-form-item>
         </el-form>
         <el-row :gutter="10" class="mb8">
             <el-col :span="1.5">
                 <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addCase">新增案件</el-button>
             </el-col>
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini"
+                    @click="compressedPackages">案件压缩包上传</el-button>
+            </el-col>
         </el-row>
         <el-table v-loading="loading" :data="dataList" style="width: 100%">
             <el-table-column label="序号" type="index" align="center">
@@ -31,28 +56,39 @@
             <el-table-column label="调解员" align="center" prop="mediatorName" :show-overflow-tooltip="true" />
             <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
             <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true" />
-            <el-table-column label="创建时间" align="center" class-name="small-padding fixed-width">
+            <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                 <template slot-scope="scope">
-                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
-                        icon="el-icon-edit">修改</el-button>
-                    <el-button size="mini" @click="checkDetail(scope.row)" type="text"
-                        icon="el-icon-delete">查看详情</el-button>
+                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit"
+                        v-if="statusRole(scope.row.caseFlowId)">修改</el-button>
+                    <el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
                 </template>
             </el-table-column>
         </el-table>
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
             @pagination="getList(queryParams)" />
-        <addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList" :caseData="caseData"></addCase>    
+        <!-- 新增编辑详情 -->
+        <addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList"
+            :caseData="caseData" :caseDisabled="caseDisabled"></addCase>
+        <!-- 压缩包导入     -->
+        <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
+            @cancelCompreess="cancelCompreess" :getList="getList">
+        </caseCompressionPackage>
     </div>
 </template>
 
 <script>
 import { caseApplicationList } from '@/api/caseManagement/caseManagement.js'
+import { listDept } from '@/api/system/dept.js'
+import moment from "moment";
 import addCase from './components/addCase.vue'
+import caseCompressionPackage from './components/caseCompressionPackage.vue';
 export default {
     name: "caseList",
+    dicts: ["case_flow_node"],
     components: {
-        addCase
+        addCase,
+        caseCompressionPackage
     },
     data() {
         return {
@@ -70,42 +106,80 @@ export default {
             rules: {},
             dataList: [],
             addVisable: false,//新增弹窗
+            openCompressedPackages:false,//压缩包导入弹窗
             caseData: {},
+            caseDisabled: false,
+            caseTime: '',
+            deptList: []
         };
     },
     created() {
-        this.getList(this.queryParams)
+        this.getList(this.queryParams);
+        this.listDeptFn()
     },
     methods: {
         /** 新增案件 */
-        addCase(){
+        addCase() {
             this.addVisable = true;
             this.caseData = {};
+            this.caseDisabled = false;
         },
         /** 查看详情 */
-        checkDetail(val){
-            // this.addVisable = true;
-            // this.caseData = val;
+        checkDetail(val) {
+            this.addVisable = true;
+            this.caseData = val;
+            this.caseData.flag = 1;
+            this.caseDisabled = true;
         },
         /** 修改案件 */
-        eidtNodeprocess(row){
+        eidtNodeprocess(row) {
             this.addVisable = true;
             this.caseData = row;
+            this.caseDisabled = false;
         },
-        /** 关闭弹窗 */
-        cancelCaseAdd(){
+        /** 案件导入压缩包 */
+        compressedPackages() {
+            this.openCompressedPackages = true;
+        },
+        /** 时间改变处理 */
+        caseTimeChange() {
+            if (this.caseTime) {
+                this.queryParams.startTime = moment(
+                    this.caseTime[0]
+                ).format("YYYY-MM-DD HH:mm:ss");
+                this.queryParams.endTime = moment(
+                    this.caseTime[1]
+                ).format("YYYY-MM-DD HH:mm:ss");
+            } else {
+                this.queryParams.startTime = '';
+                this.queryParams.endTime = '';
+            }
+
+        },
+        /** 获取所有部门 */
+        listDeptFn() {
+            listDept().then(res => {
+                this.deptList = res.data;
+            })
+        },
+        /** 关闭新增弹窗 */
+        cancelCaseAdd() {
             this.addVisable = false;
         },
+        /** 关闭压缩包导入弹窗 */
+        cancelCompreess() {
+            this.openCompressedPackages = false;
+        },
         /** 搜索按钮操作 */
         handleQuery() {
             this.queryParams.pageNum = 1;
             this.getList(this.queryParams);
         },
         /** 重置按钮操作 */
-        resetQuery() {
-            this.resetForm("queryForm");
-            this.handleQuery();
-        },
+        // resetQuery() {
+        //     this.resetForm("queryForm");
+        //     this.handleQuery();
+        // },
         // 查询列表数据
         getList(parms) {
             this.loading = true;