Merge branch 'hhl' of SH-Arbitrate/Arbitrate-Frontend into dev

This commit was merged in pull request #25.
This commit is contained in:
2023-09-19 20:51:51 +08:00
committed by Gitea
4 changed files with 219 additions and 19 deletions
+8
View File
@@ -18,3 +18,11 @@ export function writtenHear(data, id) {
data: id,
});
}
// 组庭确认
export function pendTralSure(data) {
return request({
url: "/caseApplication/pendTralSure",
method: "post",
data: data,
});
}
+7 -7
View File
@@ -283,7 +283,9 @@
<!-- 组庭审核--改组庭确认 -->
<courtReviewDialog
:showcourtReview="showcourtReview"
:form="form"
@cancelcourtReview="cancelcourtReview"
@getcaseApply="getcaseApply"
></courtReviewDialog>
<!-- 选择开庭方式 -->
<choosetrialmethodDaiog
@@ -303,6 +305,8 @@
<!-- 开庭审理 -->
<trialincourtDialog
:showtrialincourt="showtrialincourt"
:adjudicatename="adjudicatename"
:form="form"
@canceltrialincourt="canceltrialincourt"
></trialincourtDialog>
</div>
@@ -505,13 +509,7 @@ export default {
courtconfirmationRow(row) {
console.log(row, "组庭确认");
this.showcourtReview = true;
// this.$modal
// .confirm("确定进行组庭吗?")
// .then(function () {})
// .then(() => {
// this.$modal.msgSuccess("组庭成功");
// })
// .catch((err) => {});
this.form = row;
},
// 组庭审核
courtreviewRow(row) {
@@ -546,6 +544,8 @@ export default {
trialcourtRow(row) {
console.log(row, "开庭审理");
this.showtrialincourt = true;
this.form = row;
this.getInfo(row)
},
canceltrialincourt() {
this.showtrialincourt = false;
@@ -8,10 +8,24 @@
@close="cancel"
:destroy-on-close="true"
>
<el-form ref="ktrq">
<el-form-item label="开庭日期:">
<el-form ref="courtReviewform" :model="courtReviewform">
<el-form-item
label="开庭日期:"
prop="hearDate"
:rules="[
{
required: true,
message: '请选择开庭日期',
trigger: 'blur',
},
]"
>
<div class="reviewbox">
<el-date-picker v-model="value1" type="date" placeholder="选择日期">
<el-date-picker
v-model="courtReviewform.hearDate"
type="datetime"
placeholder="选择日期"
>
</el-date-picker>
</div>
</el-form-item>
@@ -25,17 +39,36 @@
</template>
<script>
import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
import moment from "moment";
export default {
name: "courtReviewDialog",
props: ["showcourtReview"],
props: ["showcourtReview", "form"],
data() {
return {
value1: "",
hearDate: "",
courtReviewform: {},
};
},
methods: {
submitForm() {
// this.$refs['ktrq'].
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,
})
.then((res) => {
this.$modal.msgSuccess("确认成功");
this.cancel();
this.$emit("getcaseApply");
})
.catch((err) => {});
}
});
},
cancel() {
this.$emit("cancelcourtReview");
@@ -45,7 +78,7 @@ export default {
</script>
<style lang="scss" scoped>
.el-form-item{
.el-form-item {
margin-left: 10%;
}
</style>
@@ -3,14 +3,137 @@
<el-dialog
title="开庭审理"
:visible="showtrialincourt"
width="500px"
@close="cancel"
:destroy-on-close="true"
center
>
开庭审理弹框
<el-form
ref="form"
:model="formData"
label-width="150px"
:disabled="true"
>
<p>案件信息:</p>
<el-divider></el-divider>
<el-row>
<el-col :span="12">
<el-form-item label="案件编号:" prop="caseNum">
<el-input
v-model="formData.caseNum"
placeholder="请输入案件编号"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人:" prop="applicantName">
<el-input v-model="adjudicatename.applicantName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被申请人:" prop="respondentName">
<el-input v-model="adjudicatename.respondentName" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="借款开始日期:" prop="loanStartDate">
<el-date-picker
v-model="formData.loanStartDate"
type="datetime"
placeholder="借款开始日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="借款结束日期:" prop="loanEndDate">
<el-date-picker
v-model="formData.loanEndDate"
type="datetime"
placeholder="借款结束日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="案件标的:" prop="caseSubjectAmount">
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入案件标的"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="逾期天数:" prop="caseSubjectAmount">
<el-input
v-model="formData.caseSubjectAmount"
placeholder="请输入逾期天数"
/>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="仲裁费用:" prop="feePayable">
<el-input
v-model="adjudicatename.feePayable"
placeholder="请输入仲裁费用"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="申请人主张欠本金:" prop="claimPrinciOwed">
<el-input
v-model="formData.claimPrinciOwed"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="案件顾问:" prop="claimPrinciOwed">
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="案件状态:" prop="caseStatus">
<el-input
v-model="formData.caseStatusName"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="仲裁员:" prop="arbitratorName">
<el-input
v-model="formData.arbitratorName"
placeholder="请输入"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开庭日期:" prop="hearDate">
<el-date-picker
v-model="adjudicatename.hearDate"
type="datetime"
placeholder="开庭日期"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-col :span="24">
<el-form-item label="案件资料:" prop="claimPrinciOwed">
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
</el-form-item>
</el-col>
</el-form>
<el-button>发起会议</el-button>
<el-button>提交仲裁结果</el-button>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">提 交</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button @click="submitForm" class="endbutton"
><span>结束审理</span></el-button
>
<el-button @click="cancel" class="endbutton1"
><span>取 消</span></el-button
>
</div>
</el-dialog>
</div>
@@ -18,10 +141,11 @@
<script>
export default {
props: ["showtrialincourt"],
props: ["showtrialincourt", "adjudicatename"],
data() {
return {
// key: value
formData: {},
};
},
methods: {
@@ -34,4 +158,39 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .el-dialog {
width: 800px;
background: #ffffff;
border-radius: 20px;
}
.endbutton {
width: 154px;
height: 37px;
background: #ff5a00;
border-radius: 19px;
span {
width: 65px;
height: 16px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
// line-height: 48px;
}
}
.endbutton1 {
width: 154px;
height: 37px;
background: #ffffff;
border-radius: 19px;
span {
width: 31px;
height: 13px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #959595;
// line-height: 48px;
}
}
</style>