组庭确认接口联调
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user