批量页面开发,接口联调

This commit is contained in:
gyj
2024-01-02 17:57:03 +08:00
parent 6cd4f2843c
commit 7dc3c11f06
6 changed files with 291 additions and 21 deletions
@@ -15,4 +15,20 @@ export function submitCaseApplicationBatch(data) {
method: 'post',
data: data
})
}
// 批量立案审查
export function submitCaseApplicationCheckBatch(data) {
return request({
url: '/caseApplication/submitCaseApplicationCheckBatch',
method: 'post',
data: data
})
}
// 批量缴费
export function confirmPayBatch(data) {
return request({
url: '/pay/confirmPayBatch',
method: 'post',
data: data
})
}
+63 -17
View File
@@ -40,14 +40,14 @@
<el-button size="mini" type="text" @click="courtConfirmations(scope.row)">组庭确认</el-button>
<el-button size="mini" type="text" @click="reviewArbitrations(scope.row)">审核仲裁方式</el-button>
<el-button size="mini" type="text" @click="batchWrittenReview(scope.row)">书面审理</el-button>
<el-button size="mini" type="text">仲裁员审核仲裁文书</el-button>
<el-button size="mini" type="text">核验仲裁文书</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="batchSignatures(scope.row)">签名</el-button>
<el-button size="mini" type="text" @click="batchPrintings(scope.row)">用印</el-button>
<el-button size="mini" type="text">生成裁决书</el-button>
<el-button size="mini" type="text" @click="arbitrationAward(scope.row)">生成裁决书</el-button>
<el-button size="mini" type="text" @click="servicearBitration(scope.row)">仲裁文书送达</el-button>
<el-button size="mini" type="text" @click="archive(scope.row)">归档</el-button>
<el-button size="mini" type="text">仲裁文书送达</el-button>
</template>
</el-table-column>
</el-table>
@@ -55,7 +55,7 @@
@pagination="getList(queryParams)"
/>
<!-- 缴费 -->
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay"></batchPayment>
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue"></batchPayment>
<!-- 缴费确认 -->
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment"></paymentConfirmation>
<!-- 组庭审核 -->
@@ -70,14 +70,16 @@
<batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature"></batchSignature>
<!-- 用印 -->
<batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting"></batchPrinting>
<!-- 立案审查 -->
<filingReview :caseVisableReviewF="caseVisableReviewF" @cancelCaseReviewF="cancelCaseReviewF" :filingFeviewbatchNumber="filingFeviewbatchNumber" :queryParams="queryParams" @getList="getList"></filingReview>
<!-- 秘书审核仲裁文书 -->
<arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary"></arbitratorsDocuments>
<!-- 仲裁员审核仲裁文书 -->
<arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration"></arbitratorsvVerify>
</div>
</template>
<script>
import {caseNumRuleList,deleteCaseNumRule} from '@/api/officialSeal/officialSeal.js'
import {listBatch,submitCaseApplicationBatch} from '@/api/batchManagement/batchManagement.js'
import batchPayment from './components/batchPayment.vue'
import paymentConfirmation from './components/paymentConfirmation.vue'
@@ -87,6 +89,9 @@ import courtConfirmation from './components/courtConfirmation.vue'
import reviewArbitrationMethod from './components/reviewArbitrationMethod.vue'
import batchSignature from './components/batchSignature.vue'
import batchPrinting from './components/batchPrinting.vue'
import filingReview from './components/filingReview.vue'
import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
export default {
components: {
batchPayment,
@@ -96,7 +101,10 @@ export default {
courtConfirmation,
reviewArbitrationMethod,
batchSignature,
batchPrinting
batchPrinting,
filingReview,
arbitratorsDocuments,
arbitratorsvVerify
},
data() {
@@ -109,6 +117,8 @@ export default {
loading: false,
// 总条数
total: 0,
filingFeviewbatchNumber:'',
batchPaymentValue:{},
caseVisablePay: false,//批量缴费弹窗
caseVisablePayment:false,//批量缴费确认
caseVisableReview:false,//批量组庭审核
@@ -117,6 +127,9 @@ export default {
caseVisableReviewl:false,//批量审核仲裁方式
caseVisableSignature:false,//批量签名
caseVisablePrinting:false,//批量用印
caseVisableReviewF:false, //批量立案审查
caseVisableSecretary:false,//秘书审核文书
caseVisablearBitration:false,//仲裁员核查文书
dataList: [],
editData:{}
};
@@ -161,15 +174,17 @@ export default {
})
},
// 批量立案审查
filingFeview(){
this.$modal.confirm("你确定要批量立案审查吗?").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
filingFeview(row){
this.filingFeviewbatchNumber = row.batchNumber
this.caseVisableReviewF = true
},
cancelCaseReviewF(){
this.caseVisableReviewF = false
},
// 批量缴费
batchPayments(){
batchPayments(row){
this.batchPaymentValue = row
console.log(row)
this.caseVisablePay = true
},
cancelCasePay(){
@@ -239,7 +254,38 @@ export default {
},
cancelCasePrinting(){
this.caseVisablePrinting = false
},
// 生成裁决书
arbitrationAward(){
this.$modal.confirm("你确定要批量生成裁决书吗?").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
//仲裁文书送达
servicearBitration(){
this.$modal.confirm("你确定要批量仲裁文书批量送达吗?").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
// 秘书审核仲裁文书
secretaryArbitration(){
this.caseVisableSecretary = true
},
cancelCaseSecretary(){
this.caseVisableSecretary = false
},
// 仲裁员审核文书
arbitratorsVerify(){
this.caseVisablearBitration = true
},
cancelCaseBitration(){
this.caseVisablearBitration = false
}
},
};
</script>
@@ -0,0 +1,44 @@
<template>
<div>
<!-- 秘书批量审核 -->
<el-dialog title="秘书批量审核" :visible="caseVisableSecretary" 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 class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["caseVisableSecretary","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisableSecretary(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCaseSecretary");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
@@ -0,0 +1,44 @@
<template>
<div>
<!-- 仲裁员批量审核 -->
<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 class="endbutton" @click="cancel"><span>取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["caseVisablearBitration","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablearBitration(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCaseBitration");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
@@ -4,7 +4,7 @@
:destroy-on-close="true" center>
<el-descriptions>
<el-descriptions-item label="案件总金额">1000</el-descriptions-item>
<el-descriptions-item label="申请人">xx</el-descriptions-item>
<el-descriptions-item label="申请人">{{batchPaymentValue.name}}</el-descriptions-item>
</el-descriptions>
<div class="paySelectType">
<el-radio-group v-model="paySelect" @input="changPayType">
@@ -43,10 +43,11 @@
<script>
import { casePay, confirmPayDig } from "@/api/pay/pay";
import {confirmPayBatch} from '@/api/batchManagement/batchManagement.js'
import QRCode from "qrcodejs2";
import { getToken } from "@/utils/auth";
export default {
props: ["caseVisablePay", "payTitle", "form", "payForm", "queryParams","payId"],
props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue"],
data() {
return {
// key: value
@@ -64,7 +65,7 @@ export default {
submitForm:{
payType:1,
payOrderList:[],
caseId:null
caseId:null,
}
};
},
@@ -95,7 +96,10 @@ export default {
this.$modal.msgError("请上传缴费凭证");
return
}
confirmPayDig(this.submitForm).then(res=>{
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.payCancel()
this.$emit("getcaseApply", this.queryParams);
@@ -0,0 +1,116 @@
<template>
<div>
<!-- 批量立案审查 -->
<el-dialog title="批量立案审查" :visible="caseVisableReviewF" width="500px" @close="cancel" :destroy-on-close="true">
<div class="radiobox">
<el-radio-group v-model="radio" style="margin-bottom: 20px;">
<el-radio :label="1">同意</el-radio>
<el-radio :label="2">拒绝</el-radio>
</el-radio-group>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<!-- TODO -->
<el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
<el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" class="endbutton"><span>提 交</span></el-button>
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {submitCaseApplicationCheckBatch} from '@/api/batchManagement/batchManagement.js'
export default {
name: "filingReview",
props: ["caseVisableReviewF", "filingreviewdata", "filingFeviewbatchNumber","queryParams"],
data() {
return {
radio: 1,
ruleForm: {},
rules: {
caseCheckReject: [
{
required: true,
message: "拒绝原因不能为空",
trigger: "blur",
},
],
}
};
},
methods: {
submitForm() {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
let batchNumber = this.filingFeviewbatchNumber
let paramsdata = {
agreeOrNotCheck: this.radio,
batchNumber:batchNumber.toString(),
caseCheckReject:this.ruleForm.caseCheckReject
};
submitCaseApplicationCheckBatch(paramsdata)
.then((res) => {
this.$modal.msgSuccess("提交成功");
this.cancel();
this.$emit("getList", this.queryParams);
})
.catch((err) => { });
}
});
},
cancel() {
this.$emit("cancelCaseReviewF");
},
},
};
</script>
<style lang="scss" scoped>
.radiobox {
margin-left: 5%;
}
::v-deep .el-dialog {
width: 800px;
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 124px;
height: 37px;
background: #0072ff;
border-radius: 19px;
span {
width: 32px;
height: 15px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
// line-height: 48px;
}
}
.endbutton1 {
width: 124px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
}
}
</style>