SH-Arbitrate/Arbitrate-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1102提交

Browse Source
This commit is contained in:
fz
2023-11-02 14:30:57 +08:00
parent ec2afd10a5
commit 434d6e186f
10 changed files with 258 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/caseManagement/components/courtReviewDialog.vue
+124 -36
View File
@@ -1,42 +1,57 @@
<template>
<div>
<!-- 组庭确认页面 -->
<el-dialog
title="组庭确认"
:visible="showcourtReview"
@close="cancel"
:destroy-on-close="true"
center
>
<el-dialog title="组庭确认" :visible="showcourtReview" @close="cancel" :destroy-on-close="true" center>
<el-form ref="courtReviewform" :model="courtReviewform">
<el-form-item
label="开庭日期："
prop="hearDate"
:rules="[
{
required: true,
message: '请选择开庭日期',
trigger: 'blur',
},
]"
>
<el-form-item label="开庭日期：" prop="hearDate" :rules="[
{
required: true,
message: '请选择开庭日期',
trigger: 'blur',
},
]">
<div class="reviewbox">
<el-date-picker
v-model="courtReviewform.hearDate"
type="datetime"
placeholder="选择日期"
>
<el-date-picker v-model="courtReviewform.hearDate" :picker-options="pickerOptions" type="datetime"
placeholder="选择日期">
</el-date-picker>
</div>
</el-form-item>
<el-form-item label="是否同意组庭：">
<el-radio-group v-model="isAgreePendTral">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-tag type="warning" v-if="noArbitrator">当前案件未指定仲裁员，请先指定仲裁员！</el-tag>
<p></p>
<!-- <el-form ref="form"> -->
<!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
<div style="display: inline-flex; margin-bottom: 8px">
<div class="infoIcon"></div>
<div>
<span v-if="isAgreePendTral == 1">当前案件</span>仲裁员<span v-if="isAgreePendTral !== 1">信息列表</span>
</div>
</div>
<div v-if="isAgreePendTral == 1" class="nowarbitrator">
<el-tag size="medium">
{{ form.arbitratorName }}
</el-tag>
</div>
<div v-if="noArbitrator || isAgreePendTral == 0">
<el-table :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" v-if="noArbitrator || isAgreePendTral == 0">
</el-table-column>
<el-table-column label="仲裁员姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
<el-table-column label="介绍" align="center" prop="remark" :show-overflow-tooltip="true" />
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams1.pageNum"
:limit.sync="queryParams1.pageSize" @pagination="getarbitrAtor" v-if="isAgreePendTral == 0" />
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm" class="endbutton"
><span>确 定</span>
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span>
</el-button>
<el-button @click="cancel" class="endbutton1"
><span> 取 消</span></el-button
>
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
</div>
</el-dialog>
</div>
@@ -44,6 +59,7 @@
<script>
import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
import moment from "moment";
export default {
name: "courtReviewDialog",
@@ -52,25 +68,93 @@ export default {
return {
hearDate: "",
courtReviewform: {},
noArbitrator: false,
isAgreePendTral: 1,
total: 0,
queryParams1: {
pageNum: 1,
pageSize: 10,
},
paramsdata: {},
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
};
},
created() {
this.getarbitrAtor();
},
watch: {
showformateCourt(val) {
if (val) {
this.isAgreePendTral = 1;
}
},
form: {
handler(val) {
if (val.arbitratorName == null) {
this.noArbitrator = true;
} else {
this.noArbitrator = false;
}
},
},
},
methods: {
// 获取仲裁员信息
getarbitrAtor() {
arbitrAtor({}).then((res) => {
this.dataList = res.rows;
this.total = res.total;
});
},
// 勾选仲裁员
handleSelectionChange(val) {
this.arbitrators = [];
val.forEach((item) => {
this.arbitrators.push({
id: item.userId,
arbitratorName: item.nickName,
});
});
},
submitForm() {
if (this.noArbitrator) {
this.paramsdata = {
id: this.form.id,
arbitrators: this.arbitrators,
};
} else {
if (this.isAgreePendTral == 0) {
this.paramsdata = {
isAgreePendTral: 0,
id: this.form.id,
arbitrators: this.arbitrators,
};
} else {
this.paramsdata = {
isAgreePendTral: 1,
id: this.form.id,
};
}
}
this.$refs["courtReviewform"].validate((valid) => {
if (valid) {
this.courtReviewform.hearDate = moment(
this.courtReviewform.hearDate
).format("YYYY-MM-DD HH:mm:ss");
pendTralSure({
id: this.form.id,
hearDate: this.courtReviewform.hearDate,
})
this.paramsdata.hearDate = this.courtReviewform.hearDate;
pendTralSure(
this.paramsdata
)
.then((res) => {
this.$modal.msgSuccess("确认成功");
this.cancel();
this.$emit("getcaseApply",this.queryParams);
this.$emit("getcaseApply", this.queryParams);
})
.catch((err) => {});
.catch((err) => { });
}
});
},
@@ -83,19 +167,20 @@ export default {
<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;
@@ -106,12 +191,14 @@ export default {
// line-height: 48px;
}
}
.endbutton1 {
width: 124px;
height: 37px;
background: #ffffff;
border: 1px solid #d0d0d0;
border-radius: 19px;
span {
width: 31px;
height: 13px;
@@ -122,6 +209,7 @@ export default {
// line-height: 48px;
}
}
::v-deep .el-form-item__error {
left: 90px;
}