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>
src/views/numberManagement/caseNumberList.vue
+70
View File
@@ -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
+96
View File
@@ -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>