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-28 17:53:19 +08:00
parent 3df8326d9b
commit 4a3c470cf9
8 changed files with 395 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/batchManagement/batchManagList.vue
+177
View File
@@ -0,0 +1,177 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="70px">
<el-form-item label="批号:" prop="deptNameFirchar">
<el-input v-model="queryParams.deptNameFirchar" placeholder="请输入批号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="申请人:" prop="deptNameFirchar">
<el-input v-model="queryParams.deptNameFirchar" placeholder="请输入申请人" clearable @keyup.enter.native="handleQuery" />
</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="ruleType" :show-overflow-tooltip="true" />
<el-table-column label="申请人" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
<el-table-column label="仲裁方式" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
<el-table-column label="仲裁员" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
<el-table-column label="案件状态" align="center" prop="prefixstr">
<template slot-scope="scope">
<el-tag type="success">{{ scope.row.prefixstr }}</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)">提交</el-button>
<el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)">立案审查</el-button>
<el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)">缴费</el-button>
<el-button size="mini" type="text" @click="paymentConfir(scope.row)">缴费确认</el-button>
<el-button size="mini" type="text" @click="courtReviews(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">书面审理</el-button>
<el-button size="mini" type="text">仲裁员审核仲裁文书</el-button>
<el-button size="mini" type="text">核验仲裁文书</el-button>
<el-button size="mini" type="text">部门长审核仲裁文书</el-button>
<el-button size="mini" type="text">签名</el-button>
<el-button size="mini" type="text">用印</el-button>
<el-button size="mini" type="text">生成裁决书</el-button>
<el-button size="mini" type="text">归档</el-button>
<el-button size="mini" type="text">仲裁文书送达</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"></batchPayment>
<!-- 缴费确认 -->
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment"></paymentConfirmation>
<!-- 组庭审核 -->
<courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview"></courtReview>
<!-- 查看案件列表 -->
<viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases>
</div>
</template>
<script>
import {caseNumRuleList,deleteCaseNumRule} from '@/api/officialSeal/officialSeal.js'
import batchPayment from './components/batchPayment.vue'
import paymentConfirmation from './components/paymentConfirmation.vue'
import courtReview from './components/courtReview.vue'
import viewingCases from './components/viewingCases.vue'
export default {
components: {
batchPayment,
paymentConfirmation,
courtReview,
viewingCases
},
data() {
return {
queryParams: {
pageNum: 1,
pageSize: 10,
},
// 遮罩层
loading: false,
// 总条数
total: 0,
caseVisablePay: false,//批量缴费弹窗
caseVisablePayment:false,//批量缴费确认
caseVisableReview:false,//批量组庭审核
caseVisableViewing:false,//查看案件列表
dataList: [],
editData:{}
};
},
created() {
this.getList(this.queryParams)
},
methods: {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList(this.queryParams);
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 查询列表
getList(parm){
this.loading = true;
caseNumRuleList(parm).then(res=>{
this.dataList = res.rows;
this.total = res.total
this.loading = false;
})
},
// 批量提交
confirmSubmission(row){
this.$modal.confirm("您确定要批量提交吗？").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
// 批量提交接口
confirmSubmissionFn(data) {
// deleteCaseNumRule(data).then(res => {
// this.$modal.msgSuccess("删除成功！");
// this.getList(this.queryParams);
// })
},
// 批量立案审查
filingFeview(){
this.$modal.confirm("你确定要批量立案审查吗？").then((res) => {
// this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
// 批量缴费
batchPayments(){
this.caseVisablePay = true
},
cancelCasePay(){
this.caseVisablePay = false
},
// 批量缴费确认
paymentConfir(){
this.caseVisablePayment = true
},
cancelCasePayment(){
this.caseVisablePayment = false
},
// 批量组庭审核
courtReviews(){
this.caseVisableReview = true
},
cancelCaseReview(){
this.caseVisableReview = false
},
// 查看案件列表
viewingCasesBtn(){
this.caseVisableViewing = true
},
cancelCaseViewing(){
this.caseVisableViewing = false
}
},
};
</script>
<style lang="scss" scoped></style>
src/views/batchManagement/components/batchPayment.vue
+49
View File
@@ -0,0 +1,49 @@
<template>
<div>
<!-- 批量缴费 -->
<el-dialog title="批量缴费" :visible="caseVisablePay" @close="cancel" width="600px" center>
<el-descriptions>
<el-descriptions-item label="案件总金额">1000</el-descriptions-item>
</el-descriptions-item>
</el-descriptions>
<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: ["caseVisablePay","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablePay(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCasePay");
},
// 新增模板
},
};
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}</style>
src/views/batchManagement/components/courtReview.vue
+44
View File
@@ -0,0 +1,44 @@
<template>
<div>
<!-- 批量组庭审核 -->
<el-dialog title="批量组庭审核" :visible="caseVisableReview" destroy-on-close @close="cancel" width="600px" 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: ["caseVisableReview","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablePayment(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCaseReview");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
src/views/batchManagement/components/paymentConfirmation.vue
+48
View File
@@ -0,0 +1,48 @@
<template>
<div>
<!-- 批量缴费确认 -->
<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>
</el-descriptions>
<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: ["caseVisablePayment","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisablePayment(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCasePayment");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
src/views/batchManagement/components/viewingCases.vue
+71
View File
@@ -0,0 +1,71 @@
<template>
<div>
<!--查看案件列表 -->
<el-dialog title="查看案件列表" :visible="caseVisableViewing" destroy-on-close @close="cancel" width="70%" center>
<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" :show-overflow-tooltip="true" />
<el-table-column label="案件状态" align="center" >
<template slot-scope="scope">
<!-- <el-tag type="success">{{ scope.row.prefixstr }}</el-tag> -->
</template>
</el-table-column>
<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-view">跳转案件列表</el-button>
</template>
</el-table-column>
</el-table>
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList(queryParams)"
<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: ["caseVisableViewing","queryParams"],
dicts: ["manager_type"],
data() {
return {
};
},
watch: {
caseVisableViewing(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCaseViewing");
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
background: #ffffff;
border-radius: 20px;
}
</style>
src/views/caseManagement/caseList.vue
+4 -8
View File
@@ -49,12 +49,8 @@
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="compressedPackages"
v-hasPermi="['caseManagement:list:zip']"
>案件压缩包导入</el-button>
<!-- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button> -->
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(0)"
v-hasPermi="['caseManagement:list:Batchsubmit']">案件批量提交</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(1)"
v-hasPermi="['caseManagement:list:delete']">案件批量删除</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(2)"
v-hasPermi="['caseManagement:list:check']">案件批量立案审查</el-button>
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(4)"
@@ -118,9 +114,9 @@
<el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
checkPermi(['caseManagement:list:submit']) && btnStatus
">提交</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="deleteRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
<!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="deleteRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
checkPermi(['caseManagement:list:delete']) && btnStatus
">删除</el-button>
">删除</el-button> -->
<el-button size="mini" type="text" icon="el-icon-view" @click="filingreviewRow(scope.row)" v-if="scope.row.caseStatus == 1 &&
checkPermi(['caseManagement:list:check']) && btnStatus
">立案审查</el-button>
src/views/caseManagement/components/formateCourtDialog.vue
+1
View File
@@ -103,6 +103,7 @@ export default {
},
watch: {
showformateCourt(val){
console.log(this.dataList)
this.Arbitor = ""
if(val){
this.isAgreePendTral = 1;
src/views/paymentManagement/paymentList.vue
+1
View File
@@ -34,6 +34,7 @@
<el-col :span="24" style="margin-bottom:15px;">
<el-button type="primary" plain icon="el-icon-plus" size="mini"
@click="batchConfirmation"
v-hasPermi="['paymentManagement:list:batchConfirma']"
>批量确认缴费</el-button>
</el-col>
<el-table v-loading="loading" :data="dataList" style="width: 100%">