Files
Arbitrate-Frontend/src/views/batchManagement/batchManagList.vue
T
2024-01-09 18:04:17 +08:00

387 lines
19 KiB
Vue

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="案件批号:" prop="batchNumber">
<el-input v-model="queryParams.batchNumber" placeholder="请输入批号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="申请人" prop="applicantName">
<el-cascader v-model="queryParams.nameId" :options="options" @change="changeDept" :props="{ checkStrictly: true }"
clearable></el-cascader>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" style="width: 100%" :data="dataList">
<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" prop="batchNumber" :show-overflow-tooltip="true" />
<el-table-column label="申请人" align="center" prop="applicantName" :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" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="350">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-view" @click="viewingCasesBtn(scope.row)">查看案件列表</el-button>
<el-button size="mini" type="text" icon="el-icon-check" @click="confirmSubmission(scope.row)" v-if="scope.row.caseStatusstr == '0' && checkPermi(['batchManagement:list:submit'])">提交</el-button>
<el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)" v-if="scope.row.caseStatusstr == '1' && checkPermi(['batchManagement:list:filingReview'])">立案审查</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)" v-if="scope.row.caseStatusstr == '2' && checkPermi(['batchManagement:list:pay'])">缴费</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="paymentConfir(scope.row)" v-if="scope.row.caseStatusstr == '3' && checkPermi(['batchManagement:list:payconfirm'])">缴费确认</el-button>
<el-button size="mini" type="text" icon="el-icon-check" @click="courtReviews(scope.row)" v-if="scope.row.caseStatusstr == '5' && checkPermi(['batchManagement:list:checkgroup'])">组庭审核</el-button>
<el-button size="mini" type="text" icon="el-icon-sort" @click="courtConfirmations(scope.row)" v-if="scope.row.caseStatusstr == '6' && checkPermi(['batchManagement:list:confirmgroup'])">组庭确认</el-button>
<el-button size="mini" type="text" @click="reviewArbitrations(scope.row)" v-if="scope.row.caseStatusstr == '7' && checkPermi(['batchManagement:list:checkarbitrationway'])">审核仲裁方式</el-button>
<el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)" v-if="scope.row.caseStatusstr == '9' && checkPermi(['batchManagement:list:hear'])">书面审理</el-button>
<!-- <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)">书面审理</el-button> -->
<el-button size="mini" type="text" @click="secretaryArbitration(scope.row)" v-if="scope.row.caseStatusstr == '11' && checkPermi(['batchManagement:list:secretarycheck'])">秘书确认</el-button>
<el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)" v-if="scope.row.caseStatusstr == '18' && checkPermi(['batchManagement:list:arbitratorConfirm'])">仲裁员确认</el-button>
<el-button size="mini" type="text" @click="departmentDocuments(scope.row)" v-if="scope.row.caseStatusstr == '12' && checkPermi(['batchManagement:list:confirmaward'])">部门长确认</el-button>
<el-button size="mini" type="text" @click="batchSignatures(scope.row)" v-if="scope.row.caseStatusstr == '13' && checkPermi(['batchManagement:list:sign'])">签名</el-button>
<el-button size="mini" type="text" @click="batchPrintings(scope.row)" v-if="scope.row.caseStatusstr == '14' && checkPermi(['batchManagement:list:signprint'])">用印</el-button>
<el-button size="mini" type="text" @click="servicearBitration(scope.row)" v-if="scope.row.caseStatusstr == '15' && checkPermi(['batchManagement:list:sendaward'])">送达裁决书</el-button>
<el-button size="mini" type="text" @click="archive(scope.row)" v-if="scope.row.caseStatusstr == '16' && checkPermi(['batchManagement:list:file'])">案件归档</el-button>
</template>
</el-table-column>
</el-table>
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList(queryParams)"
/>
<!-- 缴费 -->
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue" :totalFees="totalFees" :queryParams="queryParams" @getList="getList"></batchPayment>
<!-- 缴费确认 -->
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment" :confirmPaymen="confirmPaymen" :queryParams="queryParams" @getList="getList" :totalFeeConfir="totalFeeConfir"></paymentConfirmation>
<!-- 组庭审核 -->
<courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview" :formateCourtData="formateCourtData" :queryParams="queryParams" @getList="getList"></courtReview>
<!-- 查看案件列表 -->
<!-- <viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases> -->
<!-- 组庭确认 -->
<courtConfirmation :showcourtReview="showcourtReview" @cancelcourtReview="cancelcourtReview" :courtConfirmationData="courtConfirmationData" :queryParams="queryParams" @getList="getList"></courtConfirmation>
<!-- 审核仲裁方式 -->
<reviewArbitrationMethod :caseVisableReviewl="caseVisableReviewl" @cancelCaseReviewl="cancelCaseReviewl" :queryParams="queryParams" @getList="getList" :reviewMethod="reviewMethod"></reviewArbitrationMethod>
<!-- 签名 -->
<batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature" :queryParams="queryParams" @getList="getList" :signatureData="signatureData"></batchSignature>
<!-- 用印 -->
<batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting" :queryParams="queryParams" @getList="getList" :printingData="printingData"></batchPrinting>
<!-- 立案审查 -->
<filingReview :caseVisableReviewF="caseVisableReviewF" @cancelCaseReviewF="cancelCaseReviewF" :filingFeviewbatchNumber="filingFeviewbatchNumber" :queryParams="queryParams" @getList="getList"></filingReview>
<!-- 秘书审核仲裁文书 -->
<arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary" :queryParams="queryParams" @getList="getList" :secretaryArb="secretaryArb"></arbitratorsDocuments>
<!-- 仲裁员审核仲裁文书 -->
<arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration" :queryParams="queryParams" @getList="getList" :arbitratorDeter="arbitratorDeter"></arbitratorsvVerify>
<!-- 部门长审核仲裁文书 -->
<departmentReviews :caseVisablearHead="caseVisablearHead" @cancelCaseHead="cancelCaseHead" :queryParams="queryParams" @getList="getList" :departmentDoc="departmentDoc"></departmentReviews>
</div>
</template>
<script>
import {listBatch,submitCaseApplicationBatch,
payListBatch,writtenHearBatch,
caseFileBatch,serviceBatch,getSignUrlBatch
} from '@/api/batchManagement/batchManagement.js'
import { listDept } from "@/api/system/dept";
import batchPayment from './components/batchPayment.vue'
import paymentConfirmation from './components/paymentConfirmation.vue'
import courtReview from './components/courtReview.vue'
import viewingCases from './components/viewingCases.vue'
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'
import departmentReviews from './components/departmentReviews.vue'
export default {
components: {
batchPayment,
paymentConfirmation,
courtReview,
viewingCases,
courtConfirmation,
reviewArbitrationMethod,
batchSignature,
batchPrinting,
filingReview,
arbitratorsDocuments,
arbitratorsvVerify,
departmentReviews
},
data() {
return {
queryParams: {
pageNum: 1,
pageSize: 10
},
// 遮罩层
loading: false,
// 总条数
total: 0,
filingFeviewbatchNumber:'',
batchPaymentValue:{},
confirmPaymen:{},//批量确认缴费
totalFees:{},//缴费总金额
totalFeeConfir:{},//确认缴费总金额
formateCourtData:{},//组庭审核
courtConfirmationData:{},//组庭确认
secretaryArb:{},//秘书确认
arbitratorDeter:{},//仲裁员确认
departmentDoc:{}, //部门长确认
reviewMethod:{},//仲裁员审核仲裁方式
signatureData:{},//签名批号
printingData:{},//批量用印批号
caseVisablePay: false,//批量缴费弹窗
caseVisablePayment:false,//批量缴费确认
caseVisableReview:false,//批量组庭审核
caseVisableViewing:false,//查看案件列表
showcourtReview:false,//批量组庭确认
caseVisableReviewl:false,//批量审核仲裁方式
caseVisableSignature:false,//批量签名
caseVisablePrinting:false,//批量用印
caseVisableReviewF:false, //批量立案审查
caseVisableSecretary:false,//秘书审核文书
caseVisablearBitration:false,//仲裁员核查文书
caseVisablearHead:false,//部门长审核文书
dataList: [],
editData:{},
options: [], //机构数据
};
},
created() {
this.getList(this.queryParams)
this.getInstitution();
},
methods: {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList(this.queryParams);
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
(this.queryParams.applicantName = ""),
(this.queryParams.nameId = ""),
this.handleQuery();
},
// 机构发生变化
changeDept(data) {
if(data){
this.queryParams.nameId = data[0];
}
},
// 获取机构数据
getInstitution() {
listDept().then((res) => {
res.data.forEach((item) => {
item.value = item.deptId;
item.label = item.deptName;
});
this.options = this.handleTree(res.data, "deptId");
});
},
// 查询列表
getList(parm){
this.loading = true;
listBatch(parm).then(res=>{
this.dataList = res.rows;
this.total = res.total
this.loading = false;
})
},
// 批量提交
confirmSubmission(row){
console.log(row)
this.$modal.confirm("您确定要批量提交吗?").then((res) => {
this.submitCaseApplicationBatchs({ batchNumber: row.batchNumber })
}).catch(() =>{
})
},
// 批量提交接口
submitCaseApplicationBatchs(data) {
submitCaseApplicationBatch(data).then(res => {
this.$modal.msgSuccess("提交成功!");
this.getList(this.queryParams);
})
},
// 批量立案审查
filingFeview(row){
console.log(row)
this.filingFeviewbatchNumber = row.batchNumber
this.caseVisableReviewF = true
},
cancelCaseReviewF(){
this.caseVisableReviewF = false
},
// 批量缴费
batchPayments(row){
this.batchPaymentValue = row
let batchNumber = row.batchNumber.toString()
payListBatch({batchNumber:batchNumber}).then(res=>{
this.totalFees = res.data
})
this.caseVisablePay = true
},
cancelCasePay(){
this.caseVisablePay = false
},
// 批量缴费确认
paymentConfir(row){
this.confirmPaymen = row
let batchNumber = row.batchNumber.toString()
payListBatch({batchNumber:batchNumber}).then(res=>{
this.totalFeeConfir = res.data
})
this.caseVisablePayment = true
},
cancelCasePayment(){
this.caseVisablePayment = false
},
// 批量组庭审核
courtReviews(row){
this.formateCourtData = row;
this.caseVisableReview = true
},
cancelCaseReview(){
this.caseVisableReview = false
},
// 查看案件列表
viewingCasesBtn(row){
let batchNumber = row.batchNumber
if(batchNumber){
this.$router.push({ name: 'CaseManagement/caseList', params: { batchNumber: batchNumber + '' } })
}
},
// 批量组庭确认
courtConfirmations(row){
this.courtConfirmationData = row
console.log(row)
this.showcourtReview = true
},
cancelcourtReview(){
this.showcourtReview = false
},
// 批量审核仲裁方式
reviewArbitrations(row){
console.log(row)
this.reviewMethod = row
this.caseVisableReviewl = true
},
cancelCaseReviewl(){
this.caseVisableReviewl = false
},
// 批量书面审理
batchWrittenReviewy(row){
this.$modal.confirm("你确定要批量书面审理吗?").then(res => {
writtenHearBatch({batchNumber: row.batchNumber}).then(res=>{
this.$modal.msgSuccess("提交成功!");
this.getList(this.queryParams);
})
})
},
// 批量归档
archive(row){
this.$modal.confirm("你确定要批量归档吗?").then((res) => {
this.caseFileBatchs({ batchNumber: row.batchNumber})
}).catch(() =>{
})
},
// 批量归档接口
caseFileBatchs(vals){
caseFileBatch(vals).then(res=>{
this.$modal.msgSuccess("归档成功!");
this.getList(this.queryParams);
})
},
// 批量签名
batchSignatures(row){
this.signatureData = row
this.caseVisableSignature = true
// this.$modal.confirm("你确定要批量签名吗?").then(res => {
// getSignUrlBatch({
// batchNumber: row.batchNumber
// }).then(res=>{
// window.open(res.data.signUrl)
// this.$modal.confirm("你已经批量签名了吗?").then(res => {
// this.$modal.msgSuccess("签名成功!");
// this.getList(this.queryParams);
// })
// })
// }).catch(() =>{
// })
},
cancelCaseSignature(){
this.caseVisableSignature = false
},
// 批量签名
batchPrintings(row){
this.printingData = row
this.caseVisablePrinting = true
},
cancelCasePrinting(){
this.caseVisablePrinting = false
},
// 生成裁决书
arbitrationAward(){
this.$modal.confirm("你确定要批量生成裁决书吗?").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
//仲裁文书送达
servicearBitration(row){
this.$modal.confirm("你确定要批量仲裁文书批量送达吗?").then((res) => {
this.serviceBatchs({ batchNumber: row.batchNumber})
}).catch(() =>{
})
},
serviceBatchs(val){
serviceBatch(val).then(res=>{
this.$modal.msgSuccess("批量送达成功!");
this.getList(this.queryParams);
})
},
// 秘书审核仲裁文书
secretaryArbitration(row){
this.secretaryArb = row
this.caseVisableSecretary = true
},
cancelCaseSecretary(){
this.caseVisableSecretary = false
},
// 仲裁员审核文书
arbitratorsVerify(row){
this.arbitratorDeter = row
this.caseVisablearBitration = true
},
cancelCaseBitration(){
this.caseVisablearBitration = false
},
// 部门长审核仲裁文书
departmentDocuments(row){
this.departmentDoc =row
this.caseVisablearHead = true
},
cancelCaseHead(){
this.caseVisablearHead = false
}
},
};
</script>
<style lang="scss" scoped></style>