证据目录界面,案件导入问题

src/views/caseManagement/components/operateDialog.vue

@@ -1,13 +1,13 @@
 <template>
     <div>
         <el-dialog :title="operateTitle" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
-            <el-table v-loading="loading" :data="dataList" style="width: 100%">
+            <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
                 <el-table-column type="selection">
                 </el-table-column>
                 <el-table-column label="序号" type="index" align="center">
                     <template slot-scope="scope">
                         <span>{{
-                            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
                         }}</span>
                     </template>
                 </el-table-column>
@@ -25,17 +25,33 @@
                     </template>
                 </el-table-column>
             </el-table>
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize" @pagination="getcaseApply(queryParams)" />
+            <div class="radiobox" v-if="operateStatus == 2">
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">同意</el-radio>
+                    <el-radio :label="2">拒绝</el-radio>
+                </el-radio-group>
+            </div>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getcaseApply(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button @click="submitBatch" type="primary" class="endbutton" :disabled="dataList.length == 0"><span>确 认</span></el-button>
+            </div>
         </el-dialog>
     </div>
 </template>
 <script>
 import {
-  caseApply,
+    caseApply,
+    submitCaseApply,
+    removeCaseApply,
+    submitCaseApplicationCheck
 } from "@/api/caseAccess/caseEntry";
+import {
+    adjudicationCaseFile,
+} from "@/api/awardManagement/awardManagement";
 export default {
-    props: ["operateVisable", "operateData", "operateTitle"],
+    props: ["operateVisable", "operateData", "operateTitle", 'operateStatus','queryParams'],
     data() {
         return {
             // 遮罩层
@@ -43,19 +59,21 @@ export default {
             // 总条数
             total: 0,
             // 查询参数
-            queryParams: {
+            queryParamsData: {
                 caseStatus: null,
                 pageNum: 1,
                 pageSize: 10,
             },
             // 表格数据
             dataList: [],
+            batchData: [],
+            radio:1
         };
     },
     watch: {
         operateVisable(val) {
             if (val) {
-                this.getcaseApply()
+                this.getcaseApply(this.queryParamsData)
             }
         }
     },
@@ -63,12 +81,72 @@ export default {
 
     },
     methods: {
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
         cancel() {
             this.$emit("cancelOperate");
         },
+        // 批量操作
+        submitBatch() {
+            if (this.operateStatus == 0) {
+                this.submitCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 1) {
+                this.removeCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 2) {
+                this.submitCaseApplicationCheckFn({ ids: this.batchData,agreeOrNotCheck:this.radio })
+            }else if (this.operateStatus == 3) {
+                this.adjudicationCaseFileFn({ ids: this.batchData })
+            }
+        },
+        // 批量提交
+        submitCaseApplyFn(data) {
+            submitCaseApply(data).then(res => {
+                this.$modal.msgSuccess("提交成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量删除
+        removeCaseApplyFn(data) {
+            removeCaseApply(data).then(res => {
+                this.$modal.msgSuccess("删除成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量立案审查
+        submitCaseApplicationCheckFn(data){
+            submitCaseApplicationCheck(data).then(res=>{
+                this.$modal.msgSuccess("立案审查成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        //批量归档
+        adjudicationCaseFileFn(data){
+            adjudicationCaseFile(data).then(res=>{
+                this.$modal.msgSuccess("归档成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
         /** 查询列表 */
         getcaseApply(val) {
             this.loading = true;
+            if (this.operateStatus == 0) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 1) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 2) {
+                this.queryParamsData.caseStatus = 1
+            }else if (this.operateStatus == 3) {
+                this.queryParamsData.caseStatus = 16
+            }
             caseApply(val).then((response) => {
                 this.dataList = response.rows;
                 this.total = response.total;
@@ -84,4 +162,7 @@ export default {
     display: flex;
     flex-wrap: wrap;
 }
+.radiobox{
+    margin-top: 30px;
+}
 </style>