110 lines
3.0 KiB
Vue
110 lines
3.0 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<!-- 组庭详情页面 -->
|
||
|
|
<el-dialog
|
||
|
|
title="组庭详情"
|
||
|
|
:visible="showDetails"
|
||
|
|
width="1000px"
|
||
|
|
@close="cancel"
|
||
|
|
>
|
||
|
|
<el-form ref="form" label-width="150px" disabled>
|
||
|
|
<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="name">
|
||
|
|
<el-input v-model="formData.name" 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="registerDate">
|
||
|
|
<el-date-picker
|
||
|
|
v-model="formData.registerDate"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="立案日期"
|
||
|
|
>
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="开庭日期：" prop="hearDate">
|
||
|
|
<el-date-picker
|
||
|
|
v-model="formData.hearDate"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="开庭日期"
|
||
|
|
>
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- 案件仲裁员 -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="案件仲裁员：" prop="caseArbitrator">
|
||
|
|
<el-input
|
||
|
|
v-model="formData.caseArbitrator"
|
||
|
|
placeholder="请输入"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
<!-- 案件状态 -->
|
||
|
|
<el-col :span="12">
|
||
|
|
<el-form-item label="案件状态：" prop="caseStatus">
|
||
|
|
<el-input
|
||
|
|
v-model="formData.caseStatus"
|
||
|
|
placeholder="请输入案件状态"
|
||
|
|
/>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-form>
|
||
|
|
<div slot="footer" class="dialog-footer">
|
||
|
|
<el-button @click="cancel">取 消</el-button>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "formateCourtdetailDaiog",
|
||
|
|
props: ["formateListdata", "showDetails"],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
formData: {},
|
||
|
|
// key: value
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
showDetails: {
|
||
|
|
handler(val) {
|
||
|
|
if (val) {
|
||
|
|
this.formData = this.formateListdata;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
cancel() {
|
||
|
|
this.$emit("cancelDetails");
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
</style>
|