<template>
|
<div class="inquirycause-box">
|
<el-dialog title="检 查（勘 验）笔 录" :visible.sync="visible">
|
<div class="inquirycause-form-box">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="120px">
|
<el-form-item label="案件：" prop="name">
|
<div class="anjian-box">
|
<el-select v-model="dataForm.name" placeholder="请选择" @change="causeChange">
|
<el-option
|
v-for="item in processAjApprovalList"
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item">
|
</el-option>
|
</el-select>
|
</div>
|
</el-form-item>
|
<el-form-item label="开始时间：" prop="startTime">
|
<!--<el-input disabled v-model="inputVal"></el-input>-->
|
<!--<el-date-picker
|
v-model="dataForm.startTime"
|
type="datetimerange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>-->
|
<el-date-picker
|
v-model="dataForm.startTime"
|
type="datetime"
|
placeholder="选择日期时间"
|
align="right"
|
:picker-options="pickerOptions">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束时间：" prop="endTime">
|
<el-date-picker
|
v-model="dataForm.endTime"
|
type="datetime"
|
placeholder="选择日期时间"
|
align="right"
|
:picker-options="pickerOptions">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="地点：" prop="site">
|
<el-input v-model="dataForm.site"></el-input>
|
</el-form-item>
|
<div v-if="caseType == 1 || caseType ==''">
|
<div class="inquirycause-line">
|
<el-form-item label="被检查（勘验）人名称：" label-width="180px" prop="inquestName">
|
<el-input v-model="dataForm.inquestName"></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人（负责人）：" label-width="180px" prop='principalName'>
|
<el-input v-model="dataForm.principalName"></el-input>
|
</el-form-item>
|
</div>
|
<div class="inquirycause-line">
|
<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>
|
</div>
|
</div>
|
<div v-if="caseType == 0 || caseType ==''">
|
<div class="inquirycause-line">
|
<el-form-item label="被检查（勘验）人姓名：" label-width="180px" prop="reviewedName">
|
<el-input v-model="dataForm.reviewedName"></el-input>
|
</el-form-item>
|
<el-form-item label="性别：" prop='reviewedSex'>
|
<!--<el-input v-model="dataForm.principalName"></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='reviewedCardNo'>
|
<el-input v-model="dataForm.reviewedCardNo"></el-input>
|
</el-form-item>
|
</div>
|
<div class="inquirycause-line">
|
<el-form-item label="工作单位：" prop='reviewedUnit'>
|
<el-input v-model="dataForm.reviewedUnit"></el-input>
|
</el-form-item>
|
<el-form-item label="联系方式：" prop='reviewedPhone'>
|
<el-input v-model="dataForm.reviewedPhone"></el-input>
|
</el-form-item>
|
</div>
|
<div class="inquirycause-line">
|
<el-form-item label="住址：" prop='reviewedAddress'>
|
<el-input v-model="dataForm.reviewedAddress"></el-input>
|
</el-form-item>
|
<el-form-item label="邮编：" prop='reviewedPostcode'>
|
<el-input v-model="dataForm.reviewedPostcode"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
|
<!--<div class="inquirycause-line">
|
<el-form-item label="询问人：" label-width="100px" prop="recorderName">
|
<el-input v-model="dataForm.recorderName"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位：" label-width="100px" prop="recorderUnit">
|
<el-input v-model="dataForm.recorderUnit"></el-input>
|
</el-form-item>
|
</div>-->
|
<div class="inquirycause-line">
|
<el-form-item label="见证人姓名：" prop="eyewitnessName">
|
<el-input v-model="dataForm.eyewitnessName"></el-input>
|
</el-form-item>
|
<el-form-item label="联系方式" prop="eyewitnessPhone">
|
<el-input v-model="dataForm.eyewitnessPhone"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位：" prop="eyewitnessUnit">
|
<el-input v-model="dataForm.eyewitnessUnit"></el-input>
|
</el-form-item>
|
</div>
|
<div class="inquirycause-line">
|
<el-form-item label="记录人执法证号：" label-width="140px" prop="recorderName">
|
<el-input v-model="dataForm.recorderName"></el-input>
|
</el-form-item>
|
<el-form-item label="工作单位：" prop="recorderUnit">
|
<el-input v-model="dataForm.recorderUnit"></el-input>
|
</el-form-item>
|
</div>
|
<!--<el-form-item label="问：" label-width="100px">
|
<div class="ask-box">
|
<h1>我们是</h1>
|
<el-input v-model="inputVal"></el-input>
|
<h1>（馆陶县综合行政执法局）的行政执法人员，这是执法证件（出示执法证件）请你过目确认，如无异议请在此签字：</h1>
|
<el-input v-model="inputVal"></el-input>
|
</div>
|
</el-form-item>-->
|
<!--<div class="ask-box">
|
<h1>现在就</h1>
|
<el-input v-model="inputVal"></el-input>
|
<h1>一案，依法对你进行询问，</h1>
|
<h1>请你如实回答问题，如说假话或作伪证是要负法律责任的，对与本案无关的问题，你有拒绝回答的权利；你有陈述和申辩的权利；你认为办案人员与本案有利害关系，可能影响公正处理案件的，有提出回避的权利，清楚了吗？ </h1>
|
</div>-->
|
<div>
|
<el-form-item label="问：">
|
<div class="ask-box">
|
<el-input v-model="wenda.wen" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>
|
<el-form-item label="答：">
|
<div class="ask-box">
|
<el-input v-model="wenda.da" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>
|
</div>
|
<div id="mount-point"></div>
|
<div class="addLawBtn">
|
<img @click="addLawClick" src="../../../assets/lawImg/addIcon.png" alt="">
|
<el-button @click="dataFormSubmit()" class="submitBtn" size="medium" type="primary">确 定</el-button>
|
</div>
|
<!--<el-form-item label="问：" label-width="100px">
|
<div class="ask-box">
|
<el-input v-model="inputVal" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>
|
<el-form-item label="答：" label-width="100px">
|
<div class="ask-box">
|
<el-input v-model="inputVal" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>-->
|
<!--<el-form-item label-width="0">
|
<div class="footer-box">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</div>
|
</el-form-item>-->
|
</el-form>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/chechcause'
|
import {findAll} from '@/api/process/processajapproval'
|
import Vue from 'vue'
|
|
|
export default {
|
name: "chechcause-form.vue",
|
data() {
|
return {
|
inputVal:'',
|
caseType:'', //案件类型(0个人，1企业)
|
visible: false,
|
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:[],
|
|
},
|
wenda: {
|
wen: '我们是 ** （馆陶县综合行政执法局）的行政执法人员，这是执法证件（出示执法证件）请你过目确认，如无异议请在此签字： ** 。\n' +
|
'现在就 ** 一案，依法对你进行询问，请你如实回答问题，如说假话或作伪证是要负法律责任的，对与本案无关的问题，你有拒绝回答的权利；你有陈述和申辩的权利；你认为办案人员与本案有利害关系，可能影响公正处理案件的，有提出回避的权利，清楚了吗？',
|
da: '',
|
},
|
wendaDomArr:[], //动态追加的dom
|
lastWendaDomArr:[], //最终的问答Arr
|
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' }
|
]
|
},
|
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'
|
}]
|
}
|
},
|
|
]
|
},
|
pickerOptions: {
|
shortcuts: [{
|
text: '今天',
|
onClick(picker) {
|
picker.$emit('pick', new Date());
|
}
|
}, {
|
text: '昨天',
|
onClick(picker) {
|
const date = new Date();
|
date.setTime(date.getTime() - 3600 * 1000 * 24);
|
picker.$emit('pick', date);
|
}
|
}, {
|
text: '一周前',
|
onClick(picker) {
|
const date = new Date();
|
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
|
picker.$emit('pick', date);
|
}
|
}]
|
},
|
|
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: {
|
addLawClick() { //增加问答
|
let periodDiv = Vue.extend({
|
template:`
|
<el-form :model="wendaObj">
|
<div>
|
<el-form-item label="问：" label-width="100px">
|
<div class="ask-box">
|
<el-input v-model="wendaObj.wen" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>
|
<el-form-item label="答：" label-width="100px">
|
<div class="ask-box">
|
<el-input v-model="wendaObj.da" type="textarea" :autosize="{ minRows: 2}"></el-input>
|
</div>
|
</el-form-item>
|
</div>
|
</el-form>
|
`,
|
data() {
|
return {
|
wendaObj: {
|
wen:'',
|
da:''
|
}
|
}
|
},
|
})
|
let component = new periodDiv().$mount(); // 每次添加需要重新new一个periodDiv
|
let $dom = $(component.$el); // 获取动态元素的jquery对象
|
$("#mount-point").append($dom); // 添加元素至相应位置
|
this.wendaDomArr.push(component)
|
},
|
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 => {
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
|
|
//选择案件改变
|
causeChange(item) {
|
this.dataForm.processAjApprovalId = item.id
|
this.dataForm.name = item.processAjCoverName
|
/*被勘察单位信息*/
|
this.dataForm.inquestName = item.unitName
|
this.dataForm.principalName = item.legalPerson
|
this.dataForm.inquestAddress = item.unitAddress
|
this.dataForm.inquestPhone = item.unitPhone
|
/*被勘察公民信息*/
|
this.dataForm.reviewedName = item.citizenName
|
this.dataForm.reviewedSex = item.citizenSex
|
this.dataForm.reviewedCardNo = item.citizenIdcard
|
this.dataForm.reviewedUnit = item.citizenUnitoraddr
|
this.dataForm.reviewedPhone = item.citizenPhone
|
this.dataForm.reviewedAddress = item.citizenUnitoraddr
|
this.caseType = item.caseType
|
/* this.dataForm.subjectType = item.subjectType*/
|
/*this.dataForm.interrogeeName = item.subjectName*/
|
},
|
|
// 表单提交
|
dataFormSubmit() {
|
/*zhuanhuan*/
|
this.dataForm.inquisitorial = JSON.stringify(this.object.inquisitorial);
|
this.lastWendaDomArr = []
|
this.lastWendaDomArr.push(this.wenda)
|
this.wendaDomArr.forEach(item => {
|
this.lastWendaDomArr.push(item.$data.wendaObj)
|
})
|
this.dataForm.endTime = this.moment(this.dataForm.endTime).format('YYYY-MM-DD hh:mm:ss')
|
this.dataForm.startTime = this.moment(this.dataForm.startTime).format('YYYY-MM-DD hh:mm:ss')
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
if (this.dataForm.id) {
|
putObj(Object.assign(this.dataForm,{causeCourseList:this.lastWendaDomArr})).then(data => {
|
this.$message.success('修改成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
});
|
} else {
|
addObj(Object.assign(this.dataForm,{causeCourseList:this.lastWendaDomArr})).then(data => {
|
this.$message.success('添加成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
})
|
}
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
|
|
<style>
|
.inquirycause-box .el-dialog__header{
|
text-align: center;
|
font-weight: 700;
|
}
|
.inquirycause-form-box .el-input__inner{
|
border:none;
|
border-bottom:1px solid #E4E7ED;
|
background-color: transparent!important;
|
border-radius:0px;
|
}
|
.anjian-box .el-select{
|
width: 60%;
|
}
|
.inquirycause-form-box .el-form-item__label{
|
font-weight: 700;
|
}
|
.inquirycause-form-box .el-textarea__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
}
|
.ask-box .el-input{
|
width: 150px;
|
}
|
.el-scrollbar .el-select-dropdown__item{
|
padding:0 20px!important;
|
}
|
|
</style>
|
|
<style scoped>
|
.inquirycause-form-box{
|
padding:0 20px;
|
}
|
.inquirycause-line{
|
display: flex;
|
}
|
.ask-box{
|
display: flex;
|
flex-wrap: wrap;
|
}
|
.ask-box h1:first-child{
|
text-indent: 2em;
|
}
|
.footer-box{
|
display: flex;
|
justify-content: center;
|
}
|
.addLawBtn{
|
display: flex;
|
justify-content: center;
|
margin-top: 20px;
|
cursor: pointer;
|
position: relative;
|
}
|
.addLawBtn img{
|
width: 40px;
|
height: 40px;
|
}
|
</style>
|
