<template>
|
<el-dialog
|
:title="!dataForm.id ? '新增' : '修改'"
|
:close-on-click-modal="false"
|
:visible.sync="visible">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
|
<el-form-item label="案件名称" prop="name">
|
<el-input v-model="dataForm.name" placeholder="案件名称"></el-input>
|
</el-form-item>
|
<el-form-item label="案由" prop="causeAction">
|
<el-input v-model="dataForm.causeAction" placeholder="案由"></el-input>
|
</el-form-item>
|
<el-form-item label="开始时间" prop="startTime">
|
<el-col :span="24"></el-col>
|
<el-col :span="6">
|
<avue-date v-model="dataForm.startTime" type="datetime" format="yyyy年MM月dd日 hh:mm:ss" value-format="yyyy-MM-dd hh:mm:ss" placeholder="请选择日期"></avue-date>
|
</el-col>
|
</el-form-item>
|
<el-form-item label="结束时间" prop="endTime">
|
<el-col :span="24"></el-col>
|
<el-col :span="6">
|
<avue-date v-model="dataForm.endTime" type="datetime" format="yyyy年MM月dd日 hh:mm:ss" value-format="yyyy-MM-dd hh:mm:ss" placeholder="请选择日期"></avue-date>
|
</el-col>
|
</el-form-item>
|
<el-form-item label="地点" prop="site">
|
<el-input v-model="dataForm.site" placeholder="地点"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人姓名" prop="interrogeeName">
|
<el-input v-model="dataForm.interrogeeName" placeholder="被询问人姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人性别" prop="interrogeeSex">
|
<el-select v-model="dataForm.interrogeeSex" placeholder="请选择被询问人性别" size="medium" style="width: 60%">
|
<el-option label="男" value="0"></el-option>
|
<el-option label="女" value="1"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="被询问人年龄" prop="被询问人年龄">
|
<el-input v-model="dataForm.interrogeeAge" placeholder="integer"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人身份证号码" prop="interrogeeCardNo">
|
<el-input v-model="dataForm.interrogeeCardNo" placeholder="被询问人身份证号码"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人工作单位" prop="interrogeeUnit">
|
<el-input v-model="dataForm.interrogeeUnit" placeholder="被询问人工作单位"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人职务" prop="interrogeeDuty">
|
<el-input v-model="dataForm.interrogeeDuty" placeholder="被询问人职务"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人电话" prop="interrogeePhone">
|
<el-input v-model="dataForm.interrogeePhone" placeholder="被询问人电话"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人住址" prop="interrogeeAddress">
|
<el-input v-model="dataForm.interrogeeAddress" placeholder="被询问人住址"></el-input>
|
</el-form-item>
|
<el-form-item label="被询问人邮编" prop="interrogeePostcode">
|
<el-input v-model="dataForm.interrogeePostcode" placeholder="被询问人邮编"></el-input>
|
</el-form-item>
|
<el-form-item label="询问人姓名工作单位：字符串类型json数组" prop="inquisitorial">
|
<avue-form :option="option2" v-model="object">
|
<template slot-scope="{row}" slot="input">
|
<el-tag>{{row}}</el-tag>
|
</template>
|
</avue-form>
|
</el-form-item>
|
<el-form-item label="记录人姓名" prop="recorderName">
|
<el-input v-model="dataForm.recorderName" placeholder="记录人姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="记录人工作单位" prop="recorderUnit">
|
<el-input v-model="dataForm.recorderUnit" placeholder="记录人工作单位"></el-input>
|
</el-form-item>
|
<el-form-item label="立案审批表id" prop="processAjApprovalId">
|
<el-input v-model="dataForm.processAjApprovalId" placeholder="立案审批表id"></el-input>
|
</el-form-item>
|
<avue-form :option="option1" v-model="obj">
|
<template slot-scope="{row}" slot="input">
|
<el-tag>{{row}}</el-tag>
|
</template>
|
</avue-form>
|
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/inquirycause'
|
|
export default {
|
data () {
|
return {
|
visible: false,
|
dataForm: {
|
id: 0,
|
name: '',
|
causeAction: '',
|
startTime: '',
|
endTime: '',
|
site: '',
|
interrogeeName: '',
|
interrogeeSex: '',
|
interrogeeAge: '',
|
interrogeeCardNo: '',
|
interrogeeUnit: '',
|
interrogeeDuty: '',
|
interrogeePhone: '',
|
interrogeeAddress: '',
|
interrogeePostcode: '',
|
inquisitorial: '',
|
recorderName: '',
|
recorderUnit: '',
|
processAjApprovalId: '',
|
causeCourseList:[]
|
},
|
dataRule: {
|
name: [
|
{ required: true, message: '案件名称不能为空', trigger: 'blur' }
|
],
|
causeAction: [
|
{ required: true, message: '案由不能为空', trigger: 'blur' }
|
],
|
startTime: [
|
{ required: true, message: '开始时间不能为空', trigger: 'blur' }
|
],
|
endTime: [
|
{ required: true, message: '结束时间不能为空', trigger: 'blur' }
|
],
|
site: [
|
{ required: true, message: '地点不能为空', trigger: 'blur' }
|
],
|
interrogeeName: [
|
{ required: true, message: '被询问人姓名不能为空', trigger: 'blur' }
|
],
|
interrogeeSex: [
|
{ required: true, message: '被询问人性别（0男 1女）不能为空', trigger: 'blur' }
|
],
|
interrogeeAge: [
|
{ required: true, message: 'integer不能为空', trigger: 'blur' }
|
],
|
interrogeeCardNo: [
|
{ required: true, message: '被询问人身份证号码不能为空', trigger: 'blur' }
|
],
|
interrogeeUnit: [
|
{ required: true, message: '被询问人工作单位不能为空', trigger: 'blur' }
|
],
|
interrogeeDuty: [
|
{ required: true, message: '被询问人职务不能为空', trigger: 'blur' }
|
],
|
interrogeePhone: [
|
{ required: true, message: '被询问人电话不能为空', trigger: 'blur' }
|
],
|
interrogeeAddress: [
|
{ required: true, message: '被询问人住址不能为空', trigger: 'blur' }
|
],
|
interrogeePostcode: [
|
{ required: true, message: '被询问人邮编不能为空', trigger: 'blur' }
|
],
|
inquisitorial: [
|
{ required: true, message: '询问人姓名工作单位：字符串类型json数组不能为空', trigger: 'blur' }
|
],
|
recorderName: [
|
{ required: true, message: '记录人姓名不能为空', trigger: 'blur' }
|
],
|
recorderUnit: [
|
{ required: true, message: '记录人工作单位不能为空', trigger: 'blur' }
|
],
|
delFlag: [
|
{ required: true, message: '删除类别:0未删除 1已删除不能为空', trigger: 'blur' }
|
],
|
processAjApprovalId: [
|
{ required: true, message: '立案审批表id不能为空', trigger: 'blur' }
|
]
|
},
|
|
obj: {
|
wenda: [{
|
wen: 1,
|
da: 1,
|
}, {
|
wen: 2,
|
da: 2,
|
}]
|
},
|
option1: {
|
labelWidth: 110,
|
column: [
|
{
|
label: '子表单',
|
prop: 'wenda',
|
type: 'dynamic',
|
span:24,
|
children: {
|
align: 'center',
|
type:'form',
|
headerAlign: 'center',
|
rowAdd:(done)=>{
|
this.$message.success('新增回调');
|
done({
|
input:'默认值'
|
});
|
},
|
rowDel:(row,done)=>{
|
this.$message.success('删除回调'+JSON.stringify(row));
|
done();
|
},
|
column: [{
|
label: '提问',
|
prop: "wen",
|
span:12,
|
row: true
|
}, {
|
width: 200,
|
label: '回答',
|
prop: "da",
|
type: 'textarea'
|
}]
|
}
|
},
|
|
]
|
},
|
|
|
object: {
|
inquisitorial: [{
|
xunWenpersonName: 1,
|
xunWenpersonUnit: 1,
|
}, {
|
xunWenpersonName: 2,
|
xunWenpersonUnit: 2,
|
}]
|
},
|
option2: {
|
labelWidth: 110,
|
column: [
|
{
|
label: '子表单',
|
prop: 'inquisitorial',
|
type: 'dynamic',
|
span:24,
|
children: {
|
align: 'center',
|
type:'form',
|
headerAlign: 'center',
|
rowAdd:(done)=>{
|
this.$message.success('新增回调');
|
done({
|
input:'默认值'
|
});
|
},
|
rowDel:(row,done)=>{
|
this.$message.success('删除回调'+JSON.stringify(row));
|
done();
|
},
|
column: [{
|
label: '姓名',
|
prop: "xunWenpersonName",
|
span:12,
|
row: true
|
}, {
|
label: '工作单位',
|
prop: "xunWenpersonUnit",
|
span:12,
|
row: true
|
}]
|
}
|
},
|
|
]
|
}
|
|
}
|
},
|
methods: {
|
init (id) {
|
|
this.dataForm.id = id || 0
|
this.visible = true
|
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields()
|
if (this.dataForm.id) {
|
getObj(this.dataForm.id).then(response => {
|
this.dataForm = response.data.data
|
})
|
}
|
})
|
},
|
// 表单提交
|
dataFormSubmit () {
|
/*zhuanhuan*/
|
this.dataForm.inquisitorial = JSON.stringify(this.object.inquisitorial);
|
this.dataForm.causeCourseList=this.obj.wenda;
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
if (this.dataForm.id) {
|
putObj(this.dataForm).then(data => {
|
this.$message.success('修改成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
});
|
} else {
|
addObj(this.dataForm).then(data => {
|
this.$message.success('添加成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
})
|
}
|
}
|
})
|
}
|
}
|
}
|
</script>
|
