This commit is contained in:
fz
2023-09-21 14:34:27 +08:00
12 changed files with 780 additions and 129 deletions
+134 -74
View File
@@ -101,9 +101,9 @@
prop="caseSubjectAmount"
/>
<el-table-column
label="立案日期"
label="仲裁方式"
align="center"
prop="registerDate"
prop="arbitratMethod"
:show-overflow-tooltip="true"
/>
<!-- 仲裁员 -->
@@ -147,6 +147,15 @@
v-hasPermi="['monitor:online:forceLogout']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="onsubmitRow(scope.row)"
v-if="scope.row.caseStatus == 0"
v-hasPermi="['monitor:online:forceLogout']"
>提交</el-button
>
<el-button
size="mini"
type="text"
@@ -159,21 +168,24 @@
<el-button
size="mini"
type="text"
icon="el-icon-zoom-in"
icon="el-icon-view"
@click="filingreviewRow(scope.row)"
v-if="scope.row.caseStatus == 1"
v-hasPermi="['monitor:online:forceLogout']"
>立案审查</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-tickets"
@click="viewpaymentRow(scope.row)"
v-if="scope.row.caseStatus == 2"
v-hasPermi="['monitor:online:forceLogout']"
>查看缴费</el-button
>
<el-popconfirm title="是否进行缴费" @confirm="payStatus(scope.row)">
<el-button
size="mini"
type="text"
slot="reference"
icon="el-icon-tickets"
v-if="scope.row.caseStatus == 2"
v-hasPermi="['monitor:online:forceLogout']"
>缴费</el-button
>
</el-popconfirm>
<!-- <el-button
size="mini"
type="text"
@@ -207,7 +219,7 @@
@click="choosetrialmethodRow(scope.row)"
v-if="scope.row.caseStatus == 7"
v-hasPermi="['monitor:online:forceLogout']"
>选择开庭方式</el-button
>审核仲裁方式</el-button
>
<el-button
size="mini"
@@ -227,15 +239,17 @@
v-hasPermi="['monitor:online:forceLogout']"
>开庭审理</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-document"
@click="generateawardRow(scope.row)"
v-if="scope.row.caseStatus == 10"
v-hasPermi="['monitor:online:forceLogout']"
>生成裁决书</el-button
>
<el-popconfirm title="确定生成裁决书吗?" @confirm="generateawardRow(scope.row)">
<el-button
size="mini"
slot="reference"
type="text"
icon="el-icon-document"
v-if="scope.row.caseStatus == 10"
v-hasPermi="['monitor:online:forceLogout']"
>生成裁决书</el-button
>
</el-popconfirm>
<el-button
size="mini"
type="text"
@@ -253,7 +267,7 @@
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getcaseApply"
@pagination="getcaseApply(queryParams)"
/>
<!-- 立案申请弹框 -->
@@ -261,6 +275,7 @@
:visible="visible"
@cancel="cancel"
:form="form"
:queryParams="queryParams"
:dialogtitle="dialogtitle"
:getcaseApply="getcaseApply"
:flag="flag"
@@ -270,13 +285,23 @@
<!-- 批量申请弹框 openbatch-->
<batchDialog
:openbatch="openbatch"
:queryParams="queryParams"
@cancelBatch="cancelBatch"
:getcaseApply="getcaseApply"
></batchDialog>
<!-- 立案审查页面 -->
<filingreviewDialog
:showfilingreview="showfilingreview"
:filingreviewdata="filingreviewdata"
:queryParams="queryParams"
@getcaseApply="getcaseApply"
@cancelFilingreview="cancelFilingreview"
></filingreviewDialog>
<!-- 组庭页面---改为组庭审核 -->
<formateCourtDialog
:showformateCourt="showformateCourt"
@cancelcourtDialog="cancelcourtDialog"
:queryParams="queryParams"
:formateCourtData="formateCourtData"
@getcaseApply="getcaseApply"
></formateCourtDialog>
@@ -284,13 +309,15 @@
<courtReviewDialog
:showcourtReview="showcourtReview"
:form="form"
:queryParams="queryParams"
@cancelcourtReview="cancelcourtReview"
@getcaseApply="getcaseApply"
></courtReviewDialog>
<!-- 选择开庭方式 -->
<!-- 审核仲裁方式 -->
<choosetrialmethodDaiog
:showchoosetrialmethod="showchoosetrialmethod"
:choosetrialmethodata="choosetrialmethodata"
:queryParams="queryParams"
@getcaseApply="getcaseApply"
@cancelshowchoosetrialMethod="cancelshowchoosetrialMethod"
></choosetrialmethodDaiog>
@@ -299,16 +326,25 @@
:showadjudicaterecord="showadjudicaterecord"
:form="form"
:adjudicatename="adjudicatename"
:queryParams="queryParams"
@canceladjudicaterecord="canceladjudicaterecord"
@getcaseApply="getcaseApply"
></adjudicaterecordDialog>
<!-- 开庭审理 -->
<trialincourtDialog
:showtrialincourt="showtrialincourt"
:adjudicatename="adjudicatename"
:form="form"
@canceltrialincourt="canceltrialincourt"
:showtrialincourt="showtrialincourt"
:adjudicatename="adjudicatename"
:form="form"
@canceltrialincourt="canceltrialincourt"
></trialincourtDialog>
<!-- 缴费 -->
<payDialog
:openPay="openPay"
:payTitle="payTitle"
:form="form"
:payForm="payForm"
@paycancelRow="paycancelRow"
></payDialog>
</div>
</template>
@@ -319,14 +355,18 @@ import formateCourtDialog from "./components/formateCourtDialog.vue";
import courtReviewDialog from "./components/courtReviewDialog.vue";
import choosetrialmethodDaiog from "./components/choosetrialmethodDaiog.vue";
import adjudicaterecordDialog from "./components/adjudicaterecordDialog.vue";
import trialincourtDialog from './components/trialincourtDialog.vue';
import trialincourtDialog from "./components/trialincourtDialog.vue";
import payDialog from "./components/payDialog.vue";
import filingreviewDialog from './components/filingreviewDialog.vue';
import { caseApplicationDetail } from "@/api/pay/pay";
import {
caseApply,
removeCaseApply,
submitCaseApply,
selectCaseApply,
} from "@/api/caseAccess/caseEntry";
export default {
name: "caseList",
dicts: ["case_status"],
@@ -337,7 +377,9 @@ export default {
courtReviewDialog,
choosetrialmethodDaiog,
adjudicaterecordDialog,
trialincourtDialog
trialincourtDialog,
payDialog,
filingreviewDialog
},
data() {
return {
@@ -351,6 +393,7 @@ export default {
// 查询参数
queryParams: {
caseNum: undefined,
caseStatusList: [0, 1, 2, 3, 5, 6, 7, 8, 9, 10, 16],
hearDate: "",
caseStatus: null,
pageNum: 1,
@@ -365,19 +408,24 @@ export default {
flag: "-1",
initpaymentArr: [],
initpaymentArr1: [],
showfilingreview: false, //立案申查弹框控制
filingreviewdata: {}, //立案审查传输数据
openbatch: false, // 批量申请弹框
formateCourtData: {}, //组庭
showformateCourt: false, //组庭界面显示
showcourtReview: false, //组庭审核页面
showchoosetrialmethod: false, //选择仲裁方式页面
choosetrialmethodata:{},
choosetrialmethodata: {},
showadjudicaterecord: false, //书面审理弹框
adjudicatename: {},//书面仲裁(被)申请人姓名
adjudicatename: {}, //书面仲裁(被)申请人姓名
showtrialincourt: false, //开庭审理
openPay: false, //缴费弹框
payTitle: "",
payForm: {},
};
},
created() {
this.getcaseApply();
this.getcaseApply(this.queryParams);
},
methods: {
cancel() {
@@ -387,26 +435,28 @@ export default {
this.openbatch = false;
},
/** 查询列表 */
getcaseApply() {
getcaseApply(val) {
this.loading = true;
caseApply(this.queryParams).then((response) => {
caseApply(val).then((response) => {
this.dataList = response.rows;
// this.dataList.forEach((item) => {
// item.caseStatus = item.caseStatus == 0 ? "立案申请" : "待缴费";
// });
this.dataList.forEach((item) => {
item.arbitratMethod = item.arbitratMethod == 1 ? "视频仲裁" : "书面仲载";
});
this.total = response.total;
this.loading = false;
});
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.caseStatusList = [];
this.queryParams.pageNum = 1;
this.getcaseApply();
this.getcaseApply(this.queryParams);
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
(this.queryParams.caseStatusList = [0, 1, 2, 3, 5, 6, 7, 8, 9, 10, 16]),
this.getcaseApply(this.queryParams);
},
// 案件录入
filingApplication() {
@@ -448,19 +498,6 @@ export default {
batchApplication() {
this.openbatch = true;
},
// 列表提交立案
onsubmitRow(row) {
this.$modal
.confirm("是否提交立案?")
.then(function () {
return submitCaseApply({ id: row.id });
})
.then(() => {
this.getcaseApply();
this.$modal.msgSuccess("立案成功");
})
.catch(() => {});
},
// 详情
detailRow(row) {
this.flag = "0";
@@ -477,24 +514,48 @@ export default {
this.dialogtitle = "立案修改";
this.getInfo(row);
},
// 立案审查
filingreviewRow(row) {
console.log(row, "立案审查");
// 列表提交立案
onsubmitRow(row) {
this.$modal
.confirm("确定提交案件数据吗?")
.confirm("是否提交立案申请?")
.then(function () {
return submitCaseApply({ id: row.id });
})
.then(() => {
this.getcaseApply();
this.$modal.msgSuccess("立案成功");
this.getcaseApply(this.queryParams);
this.$modal.msgSuccess("立案申请成功");
})
.catch(() => {});
},
// 查看缴费
viewpaymentRow(row) {
console.log(row, "查看缴费");
// 立案审查
filingreviewRow(row) {
console.log(row, "立案审查");
this.showfilingreview = true;
this.filingreviewdata = row;
},
cancelFilingreview() {
this.showfilingreview = false;
},
// 取消缴费
paycancelRow(row) {
this.openPay = false;
},
payStatus(val) {
this.getDetail({ id: val.id });
this.openPay = true;
this.payTitle = "缴费";
},
getDetail(parms) {
caseApplicationDetail(parms).then((res) => {
if (res.data.caseStatus == 1) {
res.data.caseStatusName = "待缴费";
}
this.form = res.data;
this.payForm.feePayable = res.data.feePayable;
this.payForm.caseId = res.data.id;
});
},
// 组庭
// formationcourtRow(row) {
// console.log(row, "组庭");
@@ -507,26 +568,26 @@ export default {
},
// 组庭确认
courtconfirmationRow(row) {
console.log(row, "组庭确认");
// console.log(row, "组庭确认");
this.showcourtReview = true;
this.form = row;
},
// 组庭审核
courtreviewRow(row) {
console.log(row, "组庭审核");
// console.log(row, "组庭审核");
this.formateCourtData = row;
this.showformateCourt = true;
},
cancelcourtReview() {
this.showcourtReview = false;
},
// 选择开庭方式
// 选择开庭方式改为审核仲裁方式
choosetrialmethodRow(row) {
console.log(row, "选择开庭方式");
// console.log(row, "审核仲裁方式");
this.choosetrialmethodata = row;
this.showchoosetrialmethod = true;
},
// 关闭选择开庭方式
// 关闭审核仲裁方式
cancelshowchoosetrialMethod() {
this.showchoosetrialmethod = false;
},
@@ -535,7 +596,7 @@ export default {
// console.log(row, "书面审理");
this.showadjudicaterecord = true;
this.form = row;
this.getInfo(row)
this.getInfo(row);
},
canceladjudicaterecord() {
this.showadjudicaterecord = false;
@@ -545,10 +606,10 @@ export default {
console.log(row, "开庭审理");
this.showtrialincourt = true;
this.form = row;
this.getInfo(row)
this.getInfo(row);
},
canceltrialincourt() {
this.showtrialincourt = false;
this.showtrialincourt = false;
},
// 生成裁决书
generateawardRow(row) {
@@ -562,15 +623,14 @@ export default {
getInfo(row) {
const id = row.id;
selectCaseApply({ id }).then((res) => {
console.log(res,'nnnnnnnnnnnn');
// this.visible = true;
// this.formData = res.data;
this.adjudicatename = {
applicantName: res.data.applicantName,
respondentName: res.data.respondentName,
feePayable: res.data.feePayable,
hearDate: res.data.hearDate
}
hearDate: res.data.hearDate,
};
this.initpaymentArr = [];
this.initpaymentArr1 = [];
res.data.caseAffiliates.forEach((item) => {
@@ -591,7 +651,7 @@ export default {
return removeCaseApply({ id: row.id });
})
.then((res) => {
this.getcaseApply();
this.getcaseApply(this.queryParams);
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
@@ -93,7 +93,10 @@
</el-col> -->
<el-col :span="12">
<el-form-item label="案件状态:" prop="caseStatus">
<el-input v-model="formData.caseStatusName" placeholder="请输入" />
<el-input
v-model="formData.caseStatusName"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<el-col :span="12">
@@ -123,7 +126,7 @@
</el-col>
</el-form>
<el-form ref="form2" :model="form2" label-width="150px">
<el-col :span="24">
<!-- <el-col :span="24">
<el-form-item
label="案情描述:"
prop="accidentDescription"
@@ -143,7 +146,7 @@
>
</el-input>
</el-form-item>
</el-col>
</el-col>
<el-col :span="24">
<el-form-item
label="仲裁结果:"
@@ -164,6 +167,111 @@
>
</el-input>
</el-form-item>
</el-col>-->
<el-col :span="24">
<el-form-item
label="经庭审质证,对各方提供的证据认定如下:"
prop="evidenDetermi"
:rules="[
{
required: true,
message: '请输入仲裁结果',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入仲裁结果"
v-model="form2.evidenDetermi"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="仲裁庭经审理查明(写明仲裁庭认定的事实):"
prop="factDetermi"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入"
v-model="form2.factDetermi"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="综上所述:"
prop="caseSketch"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.caseSketch"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="本庭认为:"
prop="arbitrateThink"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.arbitrateThink"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="裁决如下:"
prop="rulingFollows"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.rulingFollows"
>
</el-input>
</el-form-item>
</el-col>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -178,7 +286,7 @@
import { writtenHear } from "@/api/caseManagement/caseManagement.js";
export default {
props: ["showadjudicaterecord", "form", "adjudicatename"],
props: ["showadjudicaterecord", "form", "adjudicatename", "queryParams"],
data() {
return {
formData: {},
@@ -190,7 +298,6 @@ export default {
handler(val) {
if (val) {
this.formData = this.form;
console.log('this.formData',this.formData);
this.form2 = {};
}
},
@@ -200,17 +307,18 @@ export default {
submitForm() {
this.$refs["form2"].validate((valid) => {
if (valid) {
writtenHear(
{
accidentDescription: this.form2.accidentDescription,
arbitrationResult: this.form2.arbitrationResult,
},
{ id: this.formData.id }
)
writtenHear({
caseAppliId: this.formData.id,
evidenDetermi: this.form2.evidenDetermi,
factDetermi: this.form2.factDetermi,
caseSketch: this.form2.caseSketch,
arbitrateThink: this.form2.arbitrateThink,
rulingFollows: this.form2.rulingFollows,
})
.then((res) => {
this.$modal.msgSuccess("提交成功");
this.cancel();
this.$emit("getcaseApply");
this.$emit("getcaseApply",this.queryParams);
})
.catch((err) => {});
}
@@ -65,7 +65,7 @@
import { importTemplate } from "@/api/caseAccess/caseEntry";
import { getToken } from "@/utils/auth";
export default {
props: ["openbatch","getcaseApply"],
props: ["openbatch","getcaseApply","queryParams"],
data() {
return {
// key: value,
@@ -141,7 +141,7 @@ export default {
"导入结果",
{ dangerouslyUseHTMLString: true }
);
this.getcaseApply();
this.getcaseApply(this.queryParams);
},
},
};
@@ -540,6 +540,7 @@ export default {
"flag",
"initpaymentArr",
"initpaymentArr1",
"queryParams"
],
data() {
return {
@@ -755,7 +756,7 @@ export default {
}).then((res) => {
this.$modal.msgSuccess("修改成功");
this.$emit("cancel");
this.getcaseApply();
this.getcaseApply(this.queryParams);
});
} else {
addCaseApply({
@@ -764,7 +765,7 @@ export default {
}).then((response) => {
this.$modal.msgSuccess("新增成功");
this.$emit("cancel");
this.getcaseApply();
this.getcaseApply(this.queryParams);
});
}
// this.$emit("cancel");
@@ -2,7 +2,7 @@
<div>
<!-- 选择仲裁方式页面 -->
<el-dialog
title="开庭方式"
title="审核开庭方式"
:visible="showchoosetrialmethod"
width="500px"
@close="cancel"
@@ -10,14 +10,18 @@
>
<div class="radiobox">
<el-radio-group v-model="radio">
<el-radio :label="2">书面审理</el-radio>
<el-radio :label="1">开庭审理</el-radio>
<el-radio :label="0">拒绝开庭方式</el-radio>
<el-radio :label="1">同意开庭方式</el-radio>
</el-radio-group>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">提 交</el-button>
<el-button @click="cancel">取 消</el-button>
<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>
@@ -27,17 +31,17 @@
import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
export default {
name: "showchoosetrialmethodDialog",
props: ["showchoosetrialmethod", "choosetrialmethodata"],
props: ["showchoosetrialmethod", "choosetrialmethodata", "queryParams"],
data() {
return {
radio: 2,
radio: 1,
};
},
methods: {
// 提交开庭方式 arbitrateMethod
// 审核仲裁方式 arbitrateMethod
submitForm() {
let paramsdata = {
arbitratMethod: this.radio,
opinion: this.radio,
};
let id = {
id: this.choosetrialmethodata.id,
@@ -46,7 +50,7 @@ export default {
.then((res) => {
this.$modal.msgSuccess("提交成功");
this.cancel();
this.$emit("getcaseApply");
this.$emit("getcaseApply",this.queryParams);
})
.catch((err) => {});
},
@@ -61,4 +65,39 @@ export default {
.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>
@@ -1,12 +1,12 @@
<template>
<div>
<!-- 组庭审核页面 -->
<!-- 组庭确认页面 -->
<el-dialog
title="组庭确认"
:visible="showcourtReview"
width="500px"
@close="cancel"
:destroy-on-close="true"
center
>
<el-form ref="courtReviewform" :model="courtReviewform">
<el-form-item
@@ -31,8 +31,12 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<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>
@@ -43,7 +47,7 @@ import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
import moment from "moment";
export default {
name: "courtReviewDialog",
props: ["showcourtReview", "form"],
props: ["showcourtReview", "form", "queryParams"],
data() {
return {
hearDate: "",
@@ -64,7 +68,7 @@ export default {
.then((res) => {
this.$modal.msgSuccess("确认成功");
this.cancel();
this.$emit("getcaseApply");
this.$emit("getcaseApply",this.queryParams);
})
.catch((err) => {});
}
@@ -78,7 +82,44 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
width: 422px;
height: 245px;
background: #ffffff;
border-radius: 20px;
}
.el-form-item {
margin-left: 10%;
}
.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;
// line-height: 48px;
}
}
</style>
@@ -0,0 +1,102 @@
<template>
<div>
<!-- 立案审查 -->
<el-dialog
title="立案审查"
:visible="showfilingreview"
width="500px"
@close="cancel"
:destroy-on-close="true"
>
<div class="radiobox">
<el-radio-group v-model="radio">
<el-radio :label="1">同意</el-radio>
<el-radio :label="2">拒绝</el-radio>
</el-radio-group>
</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 { submitCaseApplicationCheck } from "@/api/caseManagement/caseManagement.js";
export default {
name: "filingreviewDialog",
props: ["showfilingreview", "filingreviewdata", "queryParams"],
data() {
return {
radio: 1,
};
},
methods: {
submitForm() {
let paramsdata = {
agreeOrNotCheck: this.radio,
id: this.filingreviewdata.id,
};
submitCaseApplicationCheck(paramsdata)
.then((res) => {
this.$modal.msgSuccess("审查成功");
this.cancel();
this.$emit("getcaseApply", this.queryParams);
})
.catch((err) => {});
},
cancel() {
this.$emit("cancelFilingreview");
},
},
};
</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>
@@ -52,8 +52,8 @@
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
:page.sync="queryParams1.pageNum"
:limit.sync="queryParams1.pageSize"
@pagination="getarbitrAtor"
v-if="isAgreePendTral == 0"
/>
@@ -74,12 +74,12 @@
<script>
import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
export default {
props: ["showformateCourt", "formateCourtData"],
props: ["showformateCourt", "formateCourtData", "queryParams"],
data() {
return {
dataList: [],
total: 0,
queryParams: {
queryParams1: {
pageNum: 1,
pageSize: 10,
},
@@ -127,7 +127,7 @@ export default {
pendTralCheck(this.paramsdata).then((res) => {
this.cancel();
this.$modal.msgSuccess("组庭成功");
this.$emit("getcaseApply");
this.$emit("getcaseApply",this.queryParams);
});
// }
},
@@ -0,0 +1,138 @@
<template>
<div>
<el-dialog
:title="payTitle"
:visible.sync="openPay"
v-if="openPay"
width="800px"
append-to-body
:destroy-on-close="true"
>
<el-descriptions title="订单信息">
<el-descriptions-item label="案件编号:">{{
form.caseNum
}}</el-descriptions-item>
<el-descriptions-item label="申请人:">{{
form.applicant
}}</el-descriptions-item>
<el-descriptions-item label="案件标的:">{{
form.caseSubjectAmount
}}</el-descriptions-item>
<el-descriptions-item label="案件应缴费用:">{{
form.feePayable
}}</el-descriptions-item>
<el-descriptions-item label="被申请人:">{{
form.respondent
}}</el-descriptions-item>
<el-descriptions-item label="申请人仲裁诉求:">{{
form.arbitratClaims
}}</el-descriptions-item>
<el-descriptions-item label="案件状态:">{{
form.caseStatusName
}}</el-descriptions-item>
</el-descriptions>
<div class="payType">
<span>请选择支付方式:</span>
<i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
<i class="iconfont icon-zhifubao" @click="pay(1)"></i>
</div>
<div class="payImg">
<div id="qrcodeImg"></div>
</div>
<div class="payTitle">{{ payMain }}</div>
<div slot="footer" class="dialog-footer">
<el-button @click="payCancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { casePay } from "@/api/pay/pay";
import QRCode from "qrcodejs2";
export default {
props: ["openPay", "payTitle", "form", "payForm"],
data() {
return {
// key: value
// 支付文字
payMain: "",
};
},
methods: {
// 生成二维码
qrcode(url) {
// 前端根据 URL 生成微信支付二维码
document.getElementById("qrcodeImg").innerHTML = "";
return new QRCode("qrcodeImg", {
width: 200,
height: 200,
text: url,
colorDark: "#000",
colorLight: "#fff",
});
},
// 支付
pay(val) {
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
this.$message({
message: "此案件无需缴费",
type: "error",
});
return;
}
let payType = "";
if (val == 0) {
payType = "wxpay";
this.payMain = "请使用微信扫二维码支付";
} else if (val == 1) {
payType = "alipay";
this.payMain = "请使用支付宝扫二维码支付";
}
casePay({
totalFee: this.payForm.feePayable * 100,
caseId: this.payForm.caseId,
tradeType: "native",
platform: payType,
}).then((res) => {
this.paySrc = res.data.code_url;
this.qrcode(this.paySrc);
});
},
payCancel() {
this.$emit("paycancelRow");
this.payMain = "";
},
},
};
</script>
<style lang="scss" scoped>
.payType {
height: 80px;
line-height: 80px;
.icon-weixinzhifu {
font-size: 24px;
color: #27a56f;
margin-right: 15px;
}
.icon-zhifubao {
font-size: 24px;
color: #1d76cc;
}
}
.payImg {
width: 100%;
display: flex;
justify-content: center;
}
.payTitle {
margin-top: 20px;
width: 100%;
text-align: center;
}
</style>
@@ -5,7 +5,6 @@
:visible="showtrialincourt"
@close="cancel"
:destroy-on-close="true"
center
>
<el-form
ref="form"
@@ -125,31 +124,188 @@
</el-form-item>
</el-col>
</el-form>
<el-button>发起会议</el-button>
<el-button>提交仲裁结果</el-button>
<el-button @click="openmeeting" type="primary"
>发起会议
<!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
</el-button>
<el-button @click="openArbitrationresults" type="primary">提交仲裁结果</el-button>
<div slot="footer" class="dialog-footer">
<el-button @click="submitForm" class="endbutton"
<!-- <el-button @click="submitForm" class="endbutton"
><span>结束审理</span></el-button
>
> -->
<el-button @click="cancel" class="endbutton1"
><span>取 消</span></el-button
><span>关 闭</span></el-button
>
</div>
</el-dialog>
<el-dialog
title="仲裁结果"
:visible="showArbitrationresults"
@close="closeArbitrationresults"
>
<el-form ref="form2" :model="form2" label-width="150px">
<el-col :span="24">
<el-form-item
label="经庭审质证,对各方提供的证据认定如下:"
prop="evidenDetermi"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入"
v-model="form2.evidenDetermi"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="仲裁庭经审理查明(写明仲裁庭认定的事实):"
prop="factDetermi"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
:autosize="{ minRows: 4 }"
placeholder="请输入"
v-model="form2.factDetermi"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="综上所述:"
prop="caseSketch"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.caseSketch"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="本庭认为:"
prop="arbitrateThink"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.arbitrateThink"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
label="裁决如下:"
prop="rulingFollows"
:rules="[
{
required: true,
message: '请输入',
trigger: 'blur',
},
]"
>
<el-input
type="textarea"
autosize
placeholder="请输入"
v-model="form2.rulingFollows"
>
</el-input>
</el-form-item>
</el-col>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="submitForm">提交</el-button>
<el-button @click="closeArbitrationresults">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getUserProfile } from "@/api/system/user";
export default {
props: ["showtrialincourt", "adjudicatename"],
props: ["showtrialincourt", "adjudicatename", "form"],
data() {
return {
// key: value
formData: {},
user: "",
showArbitrationresults: false,
form2: {},
};
},
watch: {
showtrialincourt: {
handler(val) {
if (val) {
this.formData = this.form;
}
},
},
},
created() {
this.getUser();
},
methods: {
submitForm() {},
getUser() {
getUserProfile().then((response) => {
this.user = response.data.userName;
});
},
// 打开会议
openmeeting() {
window.open(`http://47.97.117.253:9005/#/home?name=${this.user}`);
},
// 提交仲裁结果
openArbitrationresults() {
this.showArbitrationresults = true;
},
closeArbitrationresults() {
this.showArbitrationresults = false;
},
submitForm() {
this.$refs["form2"].validate((valid) => {
if (valid) {
console.log(6666666666);
}
});
},
cancel() {
this.$emit("canceltrialincourt");
},
+4 -5
View File
@@ -74,7 +74,6 @@
<el-descriptions-item label="申请人:">{{ form.applicant }}</el-descriptions-item>
<el-descriptions-item label="案件标的:">{{ form.caseSubjectAmount }}</el-descriptions-item>
<el-descriptions-item label="案件应缴费用:">{{ form.feePayable }}</el-descriptions-item>
<el-descriptions-item label="案件实缴费用:">{{ form.paidExpenses }}</el-descriptions-item>
<el-descriptions-item label="被申请人:">{{ form.respondent }}</el-descriptions-item>
<el-descriptions-item label="申请人仲裁诉求:">{{ form.arbitratClaims }}</el-descriptions-item>
<el-descriptions-item label="案件状态:">{{ form.caseStatusName }}</el-descriptions-item>
@@ -121,7 +120,7 @@ export default {
openPay: false,
// 查询参数
queryParams: {
caseStatus: 1,
caseStatus: 2,
pageNum: 1,
pageSize: 10
},
@@ -203,13 +202,13 @@ export default {
res.data.caseStatusName = '待缴费'
}
this.form = res.data;
this.payForm.totalFee = res.data.paidExpenses;
this.payForm.feePayable = res.data.feePayable;
this.payForm.caseId = res.data.id
})
},
// 支付
pay(val) {
if (this.payForm.totalFee == 0 || !this.payForm.totalFee) {
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
this.$message({
message: '此案件无需缴费',
type: 'error'
@@ -225,7 +224,7 @@ export default {
this.payMain = "请使用支付宝扫二维码支付"
}
casePay({
totalFee: this.payForm.totalFee * 100,
totalFee: this.payForm.feePayable * 100,
caseId: this.payForm.caseId,
tradeType: "native",
platform: payType