SH-Arbitrate/Arbitrate-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
gyj
2023-12-15 18:06:02 +08:00
parent b30d79a516
commit 54a821a31f
7 changed files with 494 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/caseList.vue
+55 -3
View File
@@ -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
+154
View File
@@ -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
+59
View File
@@ -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
+59
View File
@@ -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>