<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="processAjApprovalId">
|
<el-select v-model="dataForm.processAjApprovalList" placeholder="请选择" @change="causeChange">
|
<el-option
|
v-for="item in processAjApprovalList"
|
:key="item.id"
|
:label="item.name"
|
:value="item">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
|
|
<el-form-item label="案件名称" prop="name">
|
<el-input v-model="dataForm.name" 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="inquestName">
|
<el-input v-model="dataForm.inquestName" placeholder="被检查（勘验）人名称"></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人（负责人）" prop="principalName">
|
<el-input v-model="dataForm.principalName" placeholder="法定代表人（负责人）"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人地址" prop="inquestAddress">
|
<el-input v-model="dataForm.inquestAddress" placeholder="被检查（勘验）人地址"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人联系方式" prop="inquestPhone">
|
<el-input v-model="dataForm.inquestPhone" placeholder="被检查（勘验）人联系方式"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人姓名" prop="reviewedName">
|
<el-input v-model="dataForm.reviewedName" placeholder="被检查（勘验）人姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人性别" prop="reviewedSex">
|
<!-- <el-input v-model="dataForm.reviewedSex" placeholder="被检查（勘验）人性别（0男 1女）"></el-input>-->
|
<el-select v-model="dataForm.reviewedSex" 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="reviewedAge">
|
<el-input v-model="dataForm.reviewedAge" placeholder="被检查（勘验）人年龄"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人身份证号码" prop="reviewedCardNo">
|
<el-input v-model="dataForm.reviewedCardNo" placeholder="被检查（勘验）人身份证号码"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人工作单位" prop="reviewedUnit">
|
<el-input v-model="dataForm.reviewedUnit" placeholder="被检查（勘验）人工作单位"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人职务" prop="reviewedDuty">
|
<el-input v-model="dataForm.reviewedDuty" placeholder="被检查（勘验）人职务"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人电话" prop="reviewedPhone">
|
<el-input v-model="dataForm.reviewedPhone" placeholder="被检查（勘验）人电话"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人住址" prop="reviewedAddress">
|
<el-input v-model="dataForm.reviewedAddress" placeholder="被检查（勘验）人住址"></el-input>
|
</el-form-item>
|
<el-form-item label="被检查（勘验）人邮编" prop="reviewedPostcode">
|
<el-input v-model="dataForm.reviewedPostcode" placeholder="被检查（勘验）人邮编"></el-input>
|
</el-form-item>
|
<el-form-item label="见证人姓名" prop="eyewitnessName">
|
<el-input v-model="dataForm.eyewitnessName" placeholder="见证人姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="见证人联系电话" prop="eyewitnessPhone">
|
<el-input v-model="dataForm.eyewitnessPhone" placeholder="见证人联系电话"></el-input>
|
</el-form-item>
|
<el-form-item label="见证人工作单位" prop="eyewitnessUnit">
|
<el-input v-model="dataForm.eyewitnessUnit" placeholder="见证人工作单位"></el-input>
|
</el-form-item>
|
<el-form-item label="检查（勘验）人执法证号，工作单位：字符串类型json数组" prop="inquisitorial">
|
<!--<el-input v-model="dataForm.inquisitorial" placeholder="检查（勘验）人执法证号，工作单位：字符串类型json数组"></el-input>-->
|
<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="现场情况" prop="currentSituation">
|
<el-input v-model="dataForm.currentSituation" placeholder="现场情况"></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="删除类别:0未删除 1已删除" prop="delFlag">
|
<el-input v-model="dataForm.delFlag" placeholder="删除类别:0未删除 1已删除"></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/chechcause'
|
import {findAll} from '@/api/process/processajapproval'
|
|
export default {
|
data () {
|
return {
|
form1:'',
|
visible: false,
|
|
/* processAjApprovalList:[
|
{id:1,name:"案件1",subjectType:"公司或组织",subjectId:"1",subjectName:"太华科技"},
|
{id:2,name:"案件2",subjectType:"公司或组织",subjectId:"2",subjectName:"方正集团"},
|
{id:3,name:"案件3",subjectType:"个人",subjectId:"1",subjectName:"张三"},
|
{id:4,name:"案件4",subjectType:"个人",subjectId:"2",subjectName:"李四"}
|
],//案件列表*/
|
processAjApprovalList:[],
|
dataForm: {
|
id: 0,
|
name: '',
|
startTime: '',
|
endTime: '',
|
site: '',
|
inquestName: '',
|
principalName: '',
|
inquestAddress: '',
|
inquestPhone: '',
|
reviewedName: '',
|
reviewedSex: '',
|
reviewedAge: '',
|
reviewedCardNo: '',
|
reviewedUnit: '',
|
reviewedDuty: '',
|
reviewedPhone: '',
|
reviewedAddress: '',
|
reviewedPostcode: '',
|
eyewitnessName: '',
|
eyewitnessPhone: '',
|
eyewitnessUnit: '',
|
inquisitorial: '',
|
recorderName: '',
|
recorderUnit: '',
|
currentSituation: '',
|
processAjApprovalId: '',
|
causeCourseList:[],
|
|
},
|
|
dataRule: {
|
name: [
|
{ required: true, message: '案件名称不能为空', trigger: 'blur' }
|
],
|
startTime: [
|
{ required: true, message: '开始时间不能为空', trigger: 'blur' }
|
],
|
endTime: [
|
{ required: true, message: '结束时间不能为空', trigger: 'blur' }
|
],
|
site: [
|
{ required: true, message: '地点不能为空', trigger: 'blur' }
|
],
|
inquestName: [
|
{ required: true, message: '被检查（勘验）人名称不能为空', trigger: 'blur' }
|
],
|
principalName: [
|
{ required: true, message: '法定代表人（负责人）不能为空', trigger: 'blur' }
|
],
|
inquestAddress: [
|
{ required: true, message: '被检查（勘验）人地址不能为空', trigger: 'blur' }
|
],
|
inquestPhone: [
|
{ required: true, message: '被检查（勘验）人联系方式不能为空', trigger: 'blur' }
|
],
|
reviewedName: [
|
{ required: true, message: '被检查（勘验）人姓名不能为空', trigger: 'blur' }
|
],
|
reviewedSex: [
|
{ required: true, message: '被检查（勘验）人性别（0男 1女）不能为空', trigger: 'blur' }
|
],
|
reviewedAge: [
|
{ required: true, message: '被检查（勘验）人年龄不能为空', trigger: 'blur' }
|
],
|
reviewedCardNo: [
|
{ required: true, message: '被检查（勘验）人身份证号码不能为空', trigger: 'blur' }
|
],
|
reviewedUnit: [
|
{ required: true, message: '被检查（勘验）人工作单位不能为空', trigger: 'blur' }
|
],
|
reviewedDuty: [
|
{ required: true, message: '被检查（勘验）人职务不能为空', trigger: 'blur' }
|
],
|
reviewedPhone: [
|
{ required: true, message: '被检查（勘验）人电话不能为空', trigger: 'blur' }
|
],
|
reviewedAddress: [
|
{ required: true, message: '被检查（勘验）人住址不能为空', trigger: 'blur' }
|
],
|
reviewedPostcode: [
|
{ required: true, message: '被检查（勘验）人邮编不能为空', trigger: 'blur' }
|
],
|
eyewitnessName: [
|
{ required: true, message: '见证人姓名不能为空', trigger: 'blur' }
|
],
|
eyewitnessPhone: [
|
{ required: true, message: '见证人联系电话不能为空', trigger: 'blur' }
|
],
|
eyewitnessUnit: [
|
{ required: true, message: '见证人工作单位不能为空', trigger: 'blur' }
|
],
|
inquisitorial: [
|
{ required: true, message: '检查（勘验）人执法证号，工作单位：字符串类型json数组不能为空', trigger: 'blur' }
|
],
|
recorderName: [
|
{ required: true, message: '记录人执法证号不能为空', trigger: 'blur' }
|
],
|
recorderUnit: [
|
{ required: true, message: '记录人工作单位不能为空', trigger: 'blur' }
|
],
|
currentSituation: [
|
{ required: true, message: '现场情况不能为空', trigger: 'blur' }
|
],
|
delFlag: [
|
{ required: true, message: '删除类别:0未删除 1已删除不能为空', trigger: 'blur' }
|
],
|
processAjApprovalId: [
|
{ required: true, message: '立案审批表id不能为空', trigger: 'blur' }
|
]
|
},
|
obj: {
|
wenda: [{
|
wen: "",
|
da: "",
|
}, {
|
wen: "",
|
da: "",
|
}]
|
},
|
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: "",
|
xunWenpersonUnit: "",
|
}, {
|
xunWenpersonName: "",
|
xunWenpersonUnit: "",
|
}]
|
},
|
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
|
})
|
}
|
})
|
//获取所有案件
|
this.findAllProcessAj();
|
},
|
|
//查询所有案件
|
findAllProcessAj(){
|
findAll().then(res => {
|
console.log(res.data.data)
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
|
//选择案件改变
|
causeChange(item){
|
console.log(item);
|
this.dataForm.processAjApprovalId = item.id
|
this.dataForm.name = item.name
|
/* this.dataForm.subjectType = item.subjectType*/
|
/*this.dataForm.interrogeeName = item.subjectName*/
|
},
|
|
|
|
|
// 表单提交
|
dataFormSubmit () {
|
this.dataForm.inquisitorial = JSON.stringify(this.object.inquisitorial);
|
console.log("----------------------------")
|
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>
|
