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

仲裁员批量审核页面开发，和接口联调

Browse Source
This commit is contained in:
gyj
2024-01-03 17:32:35 +08:00
parent 7dc3c11f06
commit e17dea52b1
7 changed files with 127 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/batchManagement/batchManagement.js
+24
View File
@@ -31,4 +31,28 @@ export function confirmPayBatch(data) {
method: 'post',
data: data
})
}
//批量缴费总金额
export function payListBatch(data) {
return request({
url: '/pay/listBatch',
method: 'post',
data: data
})
}
// 缴费支付二维码
export function casePayBatch(data) {
return request({
url: '/pay/casePayBatch',
method: 'post',
data: data
})
}
// 批量缴费确认
export function confirmBatch(data) {
return request({
url: '/pay/confirmBatch',
method: 'post',
data: data
})
}
src/views/batchManagement/batchManagList.vue
+32 -9
View File
@@ -24,7 +24,7 @@
<el-table-column label="申请人" align="center" prop="name" :show-overflow-tooltip="true" />
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
<el-table-column label="仲裁员" align="center" prop="arbitratorName" :show-overflow-tooltip="true" />
<el-table-column label="案件状态" align="center" prop="caseStatusName">
<el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
</template>
@@ -42,7 +42,7 @@
<el-button size="mini" type="text" @click="batchWrittenReview(scope.row)">书面审理</el-button>
<el-button size="mini" type="text" @click="secretaryArbitration(scope.row)">秘书审核仲裁文书</el-button>
<el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)">仲裁员核验仲裁文书</el-button>
<el-button size="mini" type="text">部门长审核仲裁文书</el-button>
<el-button size="mini" type="text" @click="departmentDocuments(scope.row)">部门长审核仲裁文书</el-button>
<el-button size="mini" type="text" @click="batchSignatures(scope.row)">签名</el-button>
<el-button size="mini" type="text" @click="batchPrintings(scope.row)">用印</el-button>
<el-button size="mini" type="text" @click="arbitrationAward(scope.row)">生成裁决书</el-button>
@@ -55,9 +55,9 @@
@pagination="getList(queryParams)"
/>
<!-- 缴费 -->
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue"></batchPayment>
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue" :totalFees="totalFees" :queryParams="queryParams" @getList="getList"></batchPayment>
<!-- 缴费确认 -->
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment"></paymentConfirmation>
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment" :confirmPaymen="confirmPaymen" :queryParams="queryParams" @getList="getList" :totalFeeConfir="totalFeeConfir"></paymentConfirmation>
<!-- 组庭审核 -->
<courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview"></courtReview>
<!-- 查看案件列表 -->
@@ -76,11 +76,14 @@
<arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary"></arbitratorsDocuments>
<!-- 仲裁员审核仲裁文书 -->
<arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration"></arbitratorsvVerify>
<!-- 部门长审核仲裁文书 -->
<departmentReviews :caseVisablearHead="caseVisablearHead" @cancelCaseHead="cancelCaseHead"></departmentReviews>
</div>
</template>
<script>
import {listBatch,submitCaseApplicationBatch} from '@/api/batchManagement/batchManagement.js'
import {listBatch,submitCaseApplicationBatch,payListBatch} from '@/api/batchManagement/batchManagement.js'
import { caseApplicationDetail } from "@/api/pay/pay";
import batchPayment from './components/batchPayment.vue'
import paymentConfirmation from './components/paymentConfirmation.vue'
import courtReview from './components/courtReview.vue'
@@ -92,6 +95,7 @@ import batchPrinting from './components/batchPrinting.vue'
import filingReview from './components/filingReview.vue'
import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
import departmentReviews from './components/departmentReviews.vue'
export default {
components: {
batchPayment,
@@ -104,7 +108,8 @@ export default {
batchPrinting,
filingReview,
arbitratorsDocuments,
arbitratorsvVerify
arbitratorsvVerify,
departmentReviews
},
data() {
@@ -119,6 +124,9 @@ export default {
total: 0,
filingFeviewbatchNumber:'',
batchPaymentValue:{},
confirmPaymen:{},//批量确认缴费
totalFees:{},//缴费总金额
totalFeeConfir:{},//确认缴费总金额
caseVisablePay: false,//批量缴费弹窗
caseVisablePayment:false,//批量缴费确认
caseVisableReview:false,//批量组庭审核
@@ -130,6 +138,7 @@ export default {
caseVisableReviewF:false, //批量立案审查
caseVisableSecretary:false,//秘书审核文书
caseVisablearBitration:false,//仲裁员核查文书
caseVisablearHead:false,//部门长审核文书
dataList: [],
editData:{}
};
@@ -184,14 +193,22 @@ export default {
// 批量缴费
batchPayments(row){
this.batchPaymentValue = row
console.log(row)
let batchNumber = row.batchNumber.toString()
payListBatch({batchNumber:batchNumber}).then(res=>{
this.totalFees = res.data
})
this.caseVisablePay = true
},
cancelCasePay(){
this.caseVisablePay = false
},
// 批量缴费确认
paymentConfir(){
paymentConfir(row){
this.confirmPaymen = row
let batchNumber = row.batchNumber.toString()
payListBatch({batchNumber:batchNumber}).then(res=>{
this.totalFeeConfir = res.data
})
this.caseVisablePayment = true
},
cancelCasePayment(){
@@ -284,8 +301,14 @@ export default {
},
cancelCaseBitration(){
this.caseVisablearBitration = false
},
// 部门长审核仲裁文书
departmentDocuments(){
this.caseVisablearHead = true
},
cancelCaseHead(){
this.caseVisablearHead = false
}
},
};
</script>
src/views/batchManagement/components/arbitratorsvVerify.vue
+2 -1
View File
@@ -3,7 +3,8 @@
<!-- 仲裁员批量审核 -->
<el-dialog title="仲裁员批量审核" :visible="caseVisablearBitration" destroy-on-close width="30%" @close="cancel" center>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="endbutton"><span>确认</span></el-button>
<el-button type="primary" class="endbutton"><span>同 意</span></el-button>
<el-button type="danger" class="endbutton"><span>驳 回</span></el-button>
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
src/views/batchManagement/components/batchPayment.vue
+11 -10
View File
@@ -3,7 +3,7 @@
<el-dialog title="批量确认缴费" :visible="caseVisablePay" @close="payCancel" width="800px" append-to-body
:destroy-on-close="true" center>
<el-descriptions>
<el-descriptions-item label="案件总金额">1000</el-descriptions-item>
<el-descriptions-item label="案件总金额">{{totalFees.totalFee}}元</el-descriptions-item>
<el-descriptions-item label="申请人">{{batchPaymentValue.name}}</el-descriptions-item>
</el-descriptions>
<div class="paySelectType">
@@ -43,11 +43,11 @@
<script>
import { casePay, confirmPayDig } from "@/api/pay/pay";
import {confirmPayBatch} from '@/api/batchManagement/batchManagement.js'
import {confirmPayBatch,casePayBatch} from '@/api/batchManagement/batchManagement.js'
import QRCode from "qrcodejs2";
import { getToken } from "@/utils/auth";
export default {
props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue"],
props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue","totalFees"],
data() {
return {
// key: value
@@ -98,11 +98,10 @@ export default {
}
let batchNumber = this.batchPaymentValue.batchNumber.toString()
let submitForm = Object.assign(this.submitForm,{batchNumber:batchNumber})
console.log(submitForm)
confirmPayBatch(submitForm).then(res=>{
this.$modal.msgSuccess("成功");
this.$modal.msgSuccess("缴费成功");
this.payCancel()
this.$emit("getcaseApply", this.queryParams);
this.$emit("getList", this.queryParams);
})
},
handleRemove(file, fileList) {
@@ -129,7 +128,7 @@ export default {
},
// 支付
pay(val) {
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
if (this.totalFees.totalFee == 0 || !this.totalFees.totalFee) {
this.$message({
message: "此案件无需缴费",
type: "error",
@@ -144,12 +143,14 @@ export default {
payType = "alipay";
this.payMain = "请使用支付宝扫二维码支付";
}
casePay({
totalFee: this.payForm.feePayable * 100,
caseIds: [this.payForm.caseId],
let batchNumber = this.batchPaymentValue.batchNumber.toString()
casePayBatch({
totalFee: this.totalFees.totalFee*100,
batchNumber:batchNumber,
tradeType: "native",
platform: payType,
}).then((res) => {
console.log(res)
this.paySrc = res.data.code_url;
this.qrcode(this.paySrc);
});
src/views/batchManagement/components/courtReview.vue
+1 -2
View File
@@ -2,7 +2,7 @@
<div>
<!-- 组庭界面 -->
<el-dialog
title="组庭建议"
title="批量组庭审核"
:visible="caseVisableReview"
v-if="caseVisableReview"
@close="cancel"
@@ -98,7 +98,6 @@ export default {
},
watch: {
caseVisableReview(val){
console.log(this.formateCourtData)
this.Arbitor = ""
if(val){
this.isAgreePendTral = 1;
src/views/batchManagement/components/departmentReviews.vue
+45
View File
@@ -0,0 +1,45 @@
<template>
<div>
<!-- 部门长批量审核 -->
<el-dialog title="部门长批量审核" :visible="caseVisablearHead" destroy-on-close width="30%" @close="cancel" center>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="endbutton"><span>同 意</span></el-button>
<el-button type="danger" class="endbutton"><span>驳 回</span></el-button>
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["caseVisablearHead","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablearHead(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCaseHead");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
src/views/batchManagement/components/paymentConfirmation.vue
+12 -4
View File
@@ -3,19 +3,20 @@
<!-- 批量缴费确认 -->
<el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
<el-descriptions>
<el-descriptions-item label="案件总金额">1000</el-descriptions-item>
<el-descriptions-item label="申请人">xx</el-descriptions-item>
<el-descriptions-item label="案件总金额">{{totalFeeConfir.totalFee}}</el-descriptions-item>
<el-descriptions-item label="申请人">{{confirmPaymen.name}}</el-descriptions-item>
</el-descriptions>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="endbutton"><span>确认</span></el-button>
<el-button type="primary" class="endbutton" @click="confirmPayment"><span>缴费确认</span></el-button>
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {confirmBatch} from '@/api/batchManagement/batchManagement.js'
export default {
props: ["caseVisablePayment","queryParams"],
props: ["caseVisablePayment","queryParams","confirmPaymen","totalFeeConfir"],
dicts: ["manager_type"],
data() {
return {
@@ -34,6 +35,13 @@ export default {
},
methods: {
confirmPayment(){
confirmBatch({batchNumber:this.confirmPaymen.batchNumber}).then(res=>{
this.$modal.msgSuccess("缴费确认成功");
this.cancel()
this.$emit("getList", this.queryParams);
})
},
cancel() {
this.$emit("cancelCasePayment");
},