移动批量按钮和修改bug
This commit is contained in:
@@ -0,0 +1,158 @@
|
||||
<template>
|
||||
<!-- 批量用印 -->
|
||||
<div>
|
||||
<el-dialog title="批量用印" width="65%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<!-- 查询机构信息 -->
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="查询机构:"
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '查询机构不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择查询机构"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.id"
|
||||
:label="item.identifyName"
|
||||
:value="item.operPhone"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @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" width="150" :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="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<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" />
|
||||
<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="confirmSeals"><span>确认用印</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
|
||||
export default {
|
||||
props:["printingVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 14,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
printingVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchPrinting(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 查询机构信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
deptIdentifyList({}).then((res) => {
|
||||
console.log(res)
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
// 下拉获取电话号码
|
||||
changeArbitor(val){
|
||||
this.paramsdata.psnAccount = val
|
||||
},
|
||||
// 确认用印
|
||||
confirmSeals(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
selectBatchSealUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("printingOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量签名 -->
|
||||
<el-dialog title="批量签名" width="65%" :visible="signatureVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="仲裁员:"
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.value"
|
||||
:label="item.nickName"
|
||||
:value="item.phonenumber"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @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" width="150" :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="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<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="witnessing"><span>确认签名</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
export default {
|
||||
props:["signatureVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 13,//待定
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
signatureVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchSignation(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
arbitrAtor({}).then((res) => {
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.paramsdata.psnAccount =val
|
||||
|
||||
},
|
||||
// 确认签名
|
||||
witnessing(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
console.log(this.paramsdata)
|
||||
selectBatchSignUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("signatureOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -44,11 +44,17 @@
|
||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
|
||||
<el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='six'">
|
||||
<!-- <div v-show="activeName=='six'">
|
||||
<div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
|
||||
</div> -->
|
||||
<div v-show="activeName=='six'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='seven'">
|
||||
<div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div>
|
||||
|
||||
@@ -37,6 +37,18 @@
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(5)"
|
||||
v-hasPermi="['awardManagement:list:check']">案件批量核查</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignature"
|
||||
v-hasPermi="['awardManagement:list:signature']"
|
||||
>批量签名
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchPrinting"
|
||||
v-hasPermi="['awardManagement:list:officialSeal']"
|
||||
>批量用印
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
@@ -110,6 +122,10 @@
|
||||
<detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
|
||||
:flagLoadingS="flagLoadingS" :trialTranscripts="trialTranscripts"
|
||||
></detailsAward>
|
||||
<!-- 批量签名 -->
|
||||
<batchSignatures :signatureVisable="signatureVisable" @signatureOperate="signatureOperate"></batchSignatures>
|
||||
<!-- 批量用印 -->
|
||||
<batchPrintings :printingVisable="printingVisable" @printingOperate="printingOperate"></batchPrintings>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -133,6 +149,8 @@ import detailsAward from './components/detailsAward.vue'
|
||||
import { getDicts } from '@/api/system/dict/data.js'
|
||||
import { videoList } from "@/api/caseFiling/caseFiling";
|
||||
import {attachListByCaseId} from "@/api/caseManagement/caseManagement"
|
||||
import batchSignatures from "./components/batchSignatures.vue"
|
||||
import batchPrintings from "./components/batchPrintings.vue"
|
||||
export default {
|
||||
name: "paymentList",
|
||||
dicts: ["case_status"],
|
||||
@@ -141,7 +159,9 @@ export default {
|
||||
mailawardDialog,
|
||||
expressDeliveryDialog,
|
||||
operateDialog,
|
||||
detailsAward
|
||||
detailsAward,
|
||||
batchSignatures,
|
||||
batchPrintings
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -170,6 +190,8 @@ export default {
|
||||
dataList: [],
|
||||
detailform: {}, //缴费详情数据
|
||||
detailsAwardNum:{},//裁决书数据
|
||||
signatureVisable:false,//批量签名
|
||||
printingVisable:false,
|
||||
videoList:"", //视频数据
|
||||
trialTranscripts:[],//庭审笔录
|
||||
openDialog: false, //缴费详情数据弹框
|
||||
@@ -220,6 +242,12 @@ export default {
|
||||
cancelDetail(){
|
||||
this.showarchiveDetails = false;
|
||||
},
|
||||
signatureOperate(){
|
||||
this.signatureVisable = false;
|
||||
},
|
||||
printingOperate(){
|
||||
this.printingVisable = false;
|
||||
},
|
||||
operateClick(type) {
|
||||
this.operateVisable = true;
|
||||
if (type == 0) {
|
||||
@@ -402,6 +430,14 @@ export default {
|
||||
attachListByCaseId(data).then(res =>{
|
||||
this.trialTranscripts = res.data;
|
||||
})
|
||||
},
|
||||
// 批量签名
|
||||
batchSignature(){
|
||||
this.signatureVisable = true;
|
||||
},
|
||||
// 批量用印
|
||||
batchPrinting(){
|
||||
this.printingVisable = true;
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
@@ -61,14 +61,14 @@
|
||||
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"
|
||||
<!-- <el-button type="primary" plain icon="el-icon-plus" size="mini"
|
||||
@click="batchConfirmation"
|
||||
v-hasPermi="['caseManagement:list:batchConfirma']"
|
||||
>
|
||||
批量缴费确认
|
||||
</el-button>
|
||||
</el-button> -->
|
||||
</el-col>
|
||||
<el-col :span="24" style="margin-top:10px;">
|
||||
<!-- <el-col :span="24" style="margin-top:10px;">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignatures"
|
||||
v-hasPermi="['caseManagement:list:signature']"
|
||||
>
|
||||
@@ -79,7 +79,7 @@
|
||||
>
|
||||
批量用印
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" :row-class-name="tableRowClassName" class="pendingTrial">
|
||||
<el-table-column type="selection">
|
||||
@@ -876,6 +876,7 @@ export default {
|
||||
// console.log(this.caseAttachList,"caseAttachList")
|
||||
this.form.requestRule = res.data.requestRule;
|
||||
this.form.properPreser = res.data.properPreser;
|
||||
this.form.facts =res.data.facts;
|
||||
this.form.applicantIsWrittenHear = 1
|
||||
});
|
||||
},
|
||||
|
||||
@@ -512,8 +512,8 @@
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="itm.responSex">
|
||||
<el-radio label="1">男</el-radio>
|
||||
<el-radio label="0">女</el-radio>
|
||||
<el-radio label="0">男</el-radio>
|
||||
<el-radio label="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -525,7 +525,7 @@
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="datetime"
|
||||
<el-date-picker v-model="itm.responBirth" :picker-options="pickerOptions" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
@@ -848,6 +848,7 @@ export default {
|
||||
this.applicateArr = [];
|
||||
this.quiltArr = [];
|
||||
this.formData = this.form;
|
||||
console.log(this.form)
|
||||
this.fileList = [];
|
||||
if (this.flag == "1" || this.flag == "0") {
|
||||
this.form2.paymentArr = this.initpaymentArr;
|
||||
|
||||
@@ -0,0 +1,150 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量确认缴费 -->
|
||||
<el-dialog title="批量确认缴费" :visible="batchVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-table v-loading="loading" 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 {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
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)
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchComfirmation(this.queryParamsData)
|
||||
},
|
||||
methods:{
|
||||
// 查询列表
|
||||
getBatchComfirmation(val){
|
||||
this.loading = true;
|
||||
caseApply(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
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;
|
||||
console.log(this.submitForm)
|
||||
confirmPay(this.submitForm).then(res => {
|
||||
this.$modal.msgSuccess("成功");
|
||||
this.payCancel();
|
||||
this.getBatchComfirmation(this.queryParamsData);
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("batchOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -31,6 +31,11 @@
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-col :span="24" style="margin-bottom:15px;">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini"
|
||||
@click="batchConfirmation"
|
||||
>批量确认缴费</el-button>
|
||||
</el-col>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
@@ -63,6 +68,8 @@
|
||||
<!-- 缴费确认数据详情 -->
|
||||
<paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag" :getList="getList"
|
||||
@cancelpaymentdetails="cancelpaymentdetails"></paymentdetailsDialog>
|
||||
<!-- 批量确认缴费 -->
|
||||
<batchConfirmationPaymens @batchOperate="batchOperate" :batchVisable="batchVisable"></batchConfirmationPaymens>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -73,11 +80,12 @@ import {
|
||||
casePay,
|
||||
} from "@/api/pay/pay";
|
||||
import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
|
||||
import batchConfirmationPaymens from "./components/batchConfirmationPaymens.vue"
|
||||
import { getDicts } from '@/api/system/dict/data.js'
|
||||
export default {
|
||||
name: "paymentList",
|
||||
// dicts: ["case_status"],
|
||||
components: { paymentdetailsDialog },
|
||||
components: { paymentdetailsDialog,batchConfirmationPaymens },
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
@@ -103,6 +111,7 @@ export default {
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
openPay: false,
|
||||
batchVisable:false,
|
||||
// 弹出层内容
|
||||
form: {},
|
||||
// 校验表单
|
||||
@@ -201,6 +210,14 @@ export default {
|
||||
// 关闭弹窗
|
||||
cancelpaymentdetails() {
|
||||
this.openDialog = false;
|
||||
},
|
||||
// 批量缴费
|
||||
batchConfirmation(){
|
||||
this.batchVisable = true;
|
||||
},
|
||||
// 批量确认缴费关闭
|
||||
batchOperate(){
|
||||
this.batchVisable = false;
|
||||
},
|
||||
/** 查询详情 */
|
||||
getDetail(parms) {
|
||||
|
||||
Reference in New Issue
Block a user