批量确认缴费，编号管理页面的开发，批量签名，批量用印页面的开发

src/views/caseManagement/caseList.vue

@@ -61,6 +61,21 @@
           v-hasPermi="['caseManagement:list:Batchgeneration']">批量生成裁决书</el-button>
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(6)"
           v-hasPermi="['caseManagement:list:pay']">批量缴费</el-button>
+          <el-button type="primary" plain icon="el-icon-plus" size="mini" 
+           @click="batchConfirmation"
+           v-hasPermi="['caseManagement:list:batchConfirma']"
+           >
+          批量缴费确认
+        </el-button>
+      </el-col>
+      <el-col :span="1.5" style="margin-top:10px;">
+       
+        <!-- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignatures">
+          批量签名
+        </el-button>
+        <el-button  type="primary" plain icon="el-icon-plus" size="mini" @click="batchPrintings">
+          批量用印
+        </el-button> -->
       </el-col>
     </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%" :row-class-name="tableRowClassName" class="pendingTrial">
@@ -239,7 +254,12 @@
     </caseCompressionPackage>
     <!-- 证据清单 -->
     <evidenceList :evidenceListD ="evidenceListD" @cancelevidenceList="cancelevidenceList" :caseAttachListR ="caseAttachListR"></evidenceList>
-    
+    <!-- 批量缴费确认 -->
+    <batchConfirmationPaymen @batchOperate="batchOperate" :batchVisable="batchVisable"></batchConfirmationPaymen>
+    <!-- 批量签名 -->
+    <batchSignature :signatureVisable="signatureVisable" @signatureOperate="signatureOperate"></batchSignature>
+    <!-- 批量用印 -->
+    <batchPrinting :printingVisable="printingVisable" @printingOperate="printingOperate"></batchPrinting>
   </div>
 </template>
 
@@ -261,6 +281,9 @@ import operateDialog from './components/operateDialog.vue';
 import uploadCaseDialog from './components/uploadCaseDialog.vue';
 import caseCompressionPackage from './components/caseCompressionPackage.vue';
 import evidenceList from './components/evidenceList.vue'
+import batchConfirmationPaymen from './components/batchConfirmationPaymen.vue'
+import batchSignature from './components/batchSignature.vue'
+import batchPrinting from './components/batchPrinting.vue'
 // 秘书审核页面
 import caseentryExamineDialog from './components/caseentryExamine.vue';
 import { caseApplicationDetail } from "@/api/pay/pay";
@@ -269,7 +292,7 @@ import {
   removeCaseApply,
   submitCaseApply,
   selectCaseApply,
-  updateCaseLockStatus
+  updateCaseLockStatus,
 } from "@/api/caseAccess/caseEntry";
 import { listDept } from "@/api/system/dept";
 import {
@@ -301,7 +324,10 @@ export default {
     uploadCaseDialog,
     caseentryExamineDialog,
     caseCompressionPackage,
-    evidenceList
+    evidenceList,
+    batchConfirmationPaymen,
+    batchSignature,
+    batchPrinting
   },
   data() {
     return {
@@ -368,6 +394,9 @@ export default {
       timeVisable: false,
       timeData: {},
       operateVisable: false,
+      batchVisable:false,
+      signatureVisable:false,//批量签名
+      printingVisable:false,
       operateData: {},
       operateTitle: "",
       operateStatus: 0,
@@ -419,14 +448,36 @@ export default {
     cancelOperate() {
       this.operateVisable = false;
     },
+    batchOperate(){
+      this.batchVisable = false;
+    },
+    printingOperate(){
+       this.printingVisable = false;
+    },
     uploadCaseCancel() {
       this.uploadCaseVisable = false;
     },
+    signatureOperate(){
+      this.signatureVisable = false;
+    },
+    
     // 上传证据目录弹窗
     uploadCase(row) {
       this.uploadCaseData = row;
       this.uploadCaseVisable = true;
     },
+    // 批量缴费
+    batchConfirmation(){
+      this.batchVisable = true;
+    },
+    // 批量签名
+    batchSignatures(){
+      this.signatureVisable = true;
+    },
+    // 批量用印
+    batchPrintings(){
+      this.printingVisable = true;
+    },
     // 批量操作弹窗
     operateClick(type) {
       this.operateVisable = true;
@@ -731,6 +782,7 @@ export default {
     courtreviewRow(row) {
       // console.log(row, "组庭审核");
       this.formateCourtData = row;
+      console.log(row)
       this.showformateCourt = true;
     },
     cancelcourtReview() {

src/views/caseManagement/components/batchConfirmationPaymen.vue

@@ -0,0 +1,154 @@
+<template>
+    <div>
+        <!-- 批量确认缴费 -->
+        <el-dialog title="批量确认缴费" :visible="batchVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table style="width: 100%" :data="dataList" @selection-change="handleSelectionChange">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" prop="caseNum" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" prop="arbitratorName" align="center"  />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" prop="hearDate" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" prop="caseStatusName" align="center">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton"  :disabled="dataList.length == 0 || batchData.length == 0" @click="submitPay"><span>确认缴费</span></el-button>
+            </div>
+            <el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
+                <!-- 案件总金额 -->
+                <h3>案件总金额：{{ form.totalFee / 100 }}</h3>
+                <el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
+                    :key="index" border>
+                    <el-descriptions-item label="案件编号">{{
+                        item.caseNum
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人">{{
+                        item.caseAppName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件标的">{{
+                        item.caseSubjectAmount
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件应缴费用">{{
+                        item.feePayable
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="被申请人">{{
+                        item.caseResName
+                    }}</el-descriptions-item>
+                    <!-- <el-descriptions-item label="申请人仲裁诉求">{{
+                        item.arbitratClaims
+                    }}</el-descriptions-item> -->
+                </el-descriptions>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+                    <el-button type="primary" class="endbutton" @click="submitUpload"><span>确认缴费</span></el-button>
+                </div>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {caseApply} from '@/api/caseAccess/caseEntry'
+import { getPayDetail,confirmPay} from "@/api/pay/pay";
+export default {
+    props:["batchVisable"],
+    data() {
+        return {
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: 3,
+                pageNum: 1,
+                pageSize: 10,
+            },
+             // 表格数据
+            dataList: [],
+            batchData: [],
+            payVisible: false,
+            form: {},
+            submitForm: {
+                ids:[]
+            },
+        }
+    },
+     watch: {
+        batchVisable(val) {
+            if (val) {
+                this.getBatchComfirmation(this.queryParamsData)
+            }
+        },
+        // payVisible(val) {
+        //     if (val) {
+        //         this.submitForm.payOrderList = []
+        //         this.paySelect = 1;
+        //         this.fileList = [];
+        //     }
+        // }
+       
+    },
+    created(){
+        this.getBatchComfirmation(this.queryParamsData)
+    },
+    methods:{
+        // 查询列表
+        getBatchComfirmation(val){
+            caseApply(val).then(res=>{
+                this.dataList = res.rows
+            })
+        },
+        
+        // 选择勾选框
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
+              // 批量缴费弹窗
+        submitPay() {
+            this.payVisible = true;
+            this.getPayDetailFn({ caseIds: this.batchData })
+        },
+         // 查询缴费信息
+        getPayDetailFn(params) {
+            getPayDetail(params).then(res => {
+                console.log(res)
+                this.form = res.data;
+            })
+        },
+       payCancel() {
+            this.payVisible = false;
+        },
+        submitUpload() {
+            this.submitForm.ids = this.batchData;
+            confirmPay(this.submitForm).then(res => {
+                this.$modal.msgSuccess("成功");
+                this.payCancel();
+                this.getBatchComfirmation(this.queryParamsData);
+            })
+        },
+        cancel() {
+         this.$emit("batchOperate");
+        },
+    }
+}
+</script>

src/views/caseManagement/components/batchPrinting.vue

@@ -0,0 +1,59 @@
+<template>
+<!-- 批量用印 -->
+    <div>
+        <el-dialog  :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table   style="width: 100%">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <!-- <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span> -->
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center"  />
+                <el-table-column label="仲裁方式" align="center"  :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center"  />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center">
+                    <template slot-scope="scope">
+                        <el-tag type="success"></el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton"><span>确认用印</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props:["printingVisable"],
+    data() {
+        return {
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: null,
+                pageNum: 1,
+                pageSize: 10,
+            },
+        }
+    },
+    methods:{
+        cancel() {
+         this.$emit("printingOperate");
+        },
+    }
+}
+</script>

src/views/caseManagement/components/batchSignature.vue

@@ -0,0 +1,59 @@
+<template>
+    <div>
+        <!-- 批量签名 -->
+        <el-dialog  :visible="signatureVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table  style="width: 100%">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <!-- <span>{{
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
+                        }}</span> -->
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="申请人" align="center" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center"  />
+                <el-table-column label="仲裁方式" align="center"  :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center"  />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center"  :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center">
+                    <template slot-scope="scope">
+                        <el-tag type="success"></el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+             <pagination  :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize"  />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel"  class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" class="endbutton"><span>确认签名</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props:["signatureVisable"],
+    data() {
+        return {
+            // 总条数
+            total:0,
+             // 查询参数
+            queryParamsData: {
+                caseStatus: null,
+                pageNum: 1,
+                pageSize: 10,
+            },
+        }
+    },
+    methods:{
+        cancel() {
+         this.$emit("signatureOperate");
+        },
+    }
+}
+</script>

src/views/numberManagement/caseNumberList.vue

@@ -0,0 +1,70 @@
+<template>
+    <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addList">新增</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
+        <el-table  style="width: 100%">
+            <el-table-column label="序号" type="index" align="center">
+                <template slot-scope="scope">
+                    <!-- <span>{{
+                        (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                    }}</span> -->
+                </template>
+            </el-table-column>
+            <el-table-column label="规则类型" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="前缀" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="时间格式" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="机构名称" align="center"  :show-overflow-tooltip="true" />
+            <el-table-column label="机构名称首字母拼写" align="center"  :show-overflow-tooltip="true" />
+            <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-delete">删除</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit">修改模板</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+             />
+        <addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase"></addOrdered>
+    </div>    
+</template>
+  
+<script>
+import addOrdered from './components/addOrdered.vue'
+export default {
+    components: {
+        addOrdered
+    },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            caseVisable: false,//新增弹窗
+        };
+    },
+    created() {
+        
+    },
+    methods: {
+        // 新增模板
+        addList() {
+            this.caseVisable = true;
+        },
+        cancelCase() {
+            this.caseVisable = false;
+        }
+
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/numberManagement/components/addOrdered.vue

@@ -0,0 +1,96 @@
+<template>
+    <div>
+        <el-dialog title="编号新增" :visible="caseVisable" @close="cancel" width="600px" center>
+            <el-form  label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules"  label-width="100px"
+                class="demo-ruleForm">
+                <el-form-item label="规则类型:" prop="ruleType">
+                    <el-select  placeholder="请选择规则类型" v-model="ruleForm.ruleType">
+                        <el-option label="字符串" value="1"></el-option>
+                        <el-option label="整数" value="2"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="前缀:" prop="prefixstr">
+                    <el-input v-model="ruleForm.prefixstr" placeholder="请输入前缀内容" />
+                </el-form-item>
+                <el-form-item label="时间格式:" prop="dateFormat">
+                    <el-select  placeholder="请选择时间格式" v-model="ruleForm.dateFormat">
+                        <el-option label="yyyy-MM-dd" value="1"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="机构名称:" prop="deptName">
+                    <el-input v-model="ruleForm.deptName" placeholder="请输入机构名称" />
+                </el-form-item>
+                <el-form-item label="机构名称首字母拼写:" prop="deptNameFirchar">
+                    <el-input v-model="ruleForm.deptNameFirchar" placeholder="请输入机构名称首字母拼写" />
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+                <el-button type="primary"  class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisable"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+            ruleForm:{
+                ruleType:''
+            },
+             rules: {
+                ruleType: [
+                    { required: true, message: '请输入规则类型', trigger: 'blur' },
+                ],
+                prefixstr: [
+                    { required: true, message: '请输入前缀', trigger: 'blur' },
+                ],
+                dateFormat: [
+                    { required: true, message: '请输入时间格式', trigger: 'blur' },
+                ],
+                deptName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                ],
+                deptNameFirchar: [
+                    { required: true, message: '请输入首字母拼写', trigger: 'blur' },
+                ]
+            }
+           
+        };
+    },
+    watch: {
+        // uploadVisable(val) {
+        //     if (val) {
+        //         this.ruleForm = {};
+        //     }
+        // }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCase");
+        },
+        // 新增模板
+        // insertManagerFn(data) {
+        //     insertManager(data).then(res => {
+        //         this.$message.success('新增成功');
+        //         this.$emit("cancelUpload");
+        //         this.$emit('getList', this.queryParams);
+        //     })
+        // },
+        // submitUpload() {
+        //     this.$refs['ruleForm'].validate((valid) => {
+        //         if (valid) {
+        //             this.insertManagerFn(this.ruleForm)
+        //         }
+        //     });
+        // },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

vue.config.js

@@ -13,7 +13,7 @@ const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
 // const API = 'http://121.40.189.20:9001'  //生产
 const API = 'http://121.40.189.20:8001'  //测试
-// const API = 'http://192.168.3.18:9001'  //B
+// const API = 'http://192.168.3.18:8001'  //B
 // const API = 'http://192.168.3.77:9001' //Q
 
 // vue.config.js 配置说明