<style lang="less">
|
</style>
|
<template>
|
<div >
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
|
<el-form-item label="案件来源" prop="caseSource">
|
<el-input v-model="dataForm.caseSource" placeholder="案件来源"></el-input>
|
</el-form-item>
|
<el-form-item label="案由" prop="caseReason">
|
<el-input v-model="dataForm.caseReason" placeholder="案由"></el-input>
|
</el-form-item>
|
<el-form-item label="案件类型" prop="caseType">
|
<el-radio v-model="dataForm.caseType" label="0" @click.native="selectPerOrCom($event,0)">个人</el-radio>
|
<el-radio v-model="dataForm.caseType" label="1" @click.native="selectPerOrCom($event,1)">企业</el-radio>
|
</el-form-item>
|
<el-form-item label="公民姓名" prop="citizenName" v-if="dataForm.caseType==='0'">
|
<!-- <el-input v-model="dataForm.citizenName" placeholder="公民姓名"></el-input>-->
|
<el-select v-model="dataForm.citizenName" clearable placeholder="请选择" >
|
<el-option
|
v-for="item in this.persons"
|
:key="item.name"
|
:label="item.name"
|
:value="item.name"
|
@click.native="selectPer(item)">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="公民性别" prop="citizenSex" v-if="dataForm.caseType==='0'">
|
<!-- <el-input v-model="dataForm.citizenSex" placeholder="公民性别"></el-input>-->
|
<el-radio v-model="dataForm.citizenSex" label="0">男</el-radio>
|
<el-radio v-model="dataForm.citizenSex" label="1">女</el-radio>
|
</el-form-item>
|
<el-form-item label="公民身份证号" prop="citizenIdcard" v-if="dataForm.caseType==='0'">
|
<el-input v-model="dataForm.citizenIdcard" placeholder="公民身份证号"></el-input>
|
</el-form-item>
|
<el-form-item label="公民地址或单位" prop="citizenUnitoraddr" v-if="dataForm.caseType==='0'">
|
<el-input v-model="dataForm.citizenUnitoraddr" placeholder="公民地址或单位" ></el-input>
|
</el-form-item>
|
<el-form-item label="公民联系电话" prop="citizenPhone" v-if="dataForm.caseType==='0'">
|
<el-input v-model="dataForm.citizenPhone" placeholder="公民联系电话"></el-input>
|
</el-form-item>
|
<el-form-item label="单位名称" prop="unitName" v-if="dataForm.caseType==='1'">
|
<!-- <el-input v-model="dataForm.unitName" placeholder="单位名称"></el-input>-->
|
<el-select v-model="dataForm.unitName" clearable placeholder="请选择">
|
<el-option
|
v-for="item in this.companys"
|
:key="item.name"
|
:label="item.name"
|
:value="item.name"
|
@click.native="selectCom(item)"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="单位地址" prop="unitAddress" v-if="dataForm.caseType==='1'">
|
<el-input v-model="dataForm.unitAddress" placeholder="单位地址"></el-input>
|
</el-form-item>
|
<el-form-item label="单位联系电话" prop="unitPhone" v-if="dataForm.caseType==='1'">
|
<el-input v-model="dataForm.unitPhone" placeholder="单位联系电话"></el-input>
|
</el-form-item>
|
<el-form-item label="法定代表人（负责人）姓名" prop="legalPerson" v-if="dataForm.caseType==='1'">
|
<el-input v-model="dataForm.legalPerson" placeholder="法定代表人（负责人）姓名"></el-input>
|
</el-form-item>
|
<el-form-item label="案情及立案理由" prop="caseStatement">
|
<el-input v-model="dataForm.caseStatement" placeholder="案情及立案理由"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人意见" prop="agentIdea">
|
<el-input v-model="dataForm.agentIdea" placeholder="承办人意见"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人签名1" prop="agentIdeaSign1">
|
<el-input v-model="dataForm.agentIdeaSign1" placeholder="承办人签名1"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人1执法证编号" prop="agentIdeaSign1Num">
|
<el-input v-model="dataForm.agentIdeaSign1Num" placeholder="承办人1执法证编号"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人2签名" prop="agentIdeaSign2">
|
<el-input v-model="dataForm.agentIdeaSign2" placeholder="承办人2签名"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人2执法证编号" prop="agentIdeaSign2Num">
|
<el-input v-model="dataForm.agentIdeaSign2Num" placeholder="承办人2执法证编号"></el-input>
|
</el-form-item>
|
<el-form-item label="承办人意见填写时间" prop="agentIdeaTime">
|
<!-- <el-input v-model="dataForm.agentIdeaTime" placeholder="承办人意见填写时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.agentIdeaTime"
|
align="right"
|
type="date"
|
:picker-options="pickerOptions"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="承办单位意见" prop="unitIdea">
|
<el-input v-model="dataForm.unitIdea" placeholder="承办单位意见"></el-input>
|
</el-form-item>
|
<el-form-item label="承办单位审批人签名" prop="unitIdeaSign">
|
<el-input v-model="dataForm.unitIdeaSign" placeholder="承办单位审批人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="承办单位填写意见时间" prop="unitIdeaTime">
|
<!-- <el-input v-model="dataForm.unitIdeaTime" placeholder="承办单位填写意见时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.unitIdeaTime"
|
align="right"
|
type="date"
|
:picker-options="pickerOptions"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="法制审核意见" prop="legislationIdea">
|
<el-input v-model="dataForm.legislationIdea" placeholder="法制审核意见"></el-input>
|
</el-form-item>
|
<el-form-item label="法制审核人签名" prop="legislationIdeaSign">
|
<el-input v-model="dataForm.legislationIdeaSign" placeholder="法制审核人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="法制审核时间" prop="legislationIdeaTime">
|
<!-- <el-input v-model="dataForm.legislationIdeaTime" placeholder="法制审核时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.legislationIdeaTime"
|
align="right"
|
type="date"
|
:picker-options="pickerOptions"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="机关负责人审批意见" prop="leaderIdea">
|
<el-input v-model="dataForm.leaderIdea" placeholder="机关负责人审批意见"></el-input>
|
</el-form-item>
|
<el-form-item label="机关负责人签名" prop="leaderIdeaSign">
|
<el-input v-model="dataForm.leaderIdeaSign" placeholder="机关负责人签名"></el-input>
|
</el-form-item>
|
<el-form-item label="机关负责人审核时间" prop="leaderIdeaTime">
|
<!-- <el-input v-model="dataForm.leaderIdeaTime" placeholder="机关负责人审核时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.leaderIdeaTime"
|
align="right"
|
type="date"
|
:picker-options="pickerOptions"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="是否删除0为否，1为是" prop="delFlag" v-show="false">
|
<el-input v-model="dataForm.delFlag" placeholder="是否删除0为否，1为是"></el-input>
|
</el-form-item>
|
<el-form-item label="租户id" prop="tenantId" v-show="false">
|
<el-input v-model="dataForm.tenantId" placeholder="租户id"></el-input>
|
</el-form-item>
|
</el-form>
|
<!--<el-button @click="handelCancel">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>-->
|
<span style="margin: 0 0 50px 1120px" >
|
<el-button @click="handelCancel">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</span>
|
</div>
|
</template>
|
|
<script>
|
|
import {getObj, addObj, putObj, findPer, findCom} from '@/api/process/processajapproval'
|
|
export default {
|
name: "processajapproval",
|
data () {
|
return {
|
persons:[],
|
companys:[],
|
//visible: false,
|
dataForm: {
|
id: 0,
|
caseSource: '',
|
caseReason: '',
|
caseType:'',
|
citizenName: '',
|
citizenSex: '',
|
citizenIdcard: '',
|
citizenUnitoraddr: '',
|
citizenPhone: '',
|
unitName: '',
|
unitAddress: '',
|
unitPhone: '',
|
legalPerson: '',
|
caseStatement: '',
|
agentIdea: '',
|
agentIdeaSign1: '',
|
agentIdeaSign1Num: '',
|
agentIdeaSign2: '',
|
agentIdeaSign2Num: '',
|
agentIdeaTime: '',
|
unitIdea: '',
|
unitIdeaSign: '',
|
unitIdeaTime: '',
|
legislationIdea: '',
|
legislationIdeaSign: '',
|
legislationIdeaTime: '',
|
leaderIdea: '',
|
leaderIdeaSign: '',
|
leaderIdeaTime: '',
|
delFlag: '',
|
processAjCoverId: '',
|
processAjCoverName:'',
|
tenantId: '',
|
},
|
pickerOptions: {
|
disabledDate(time) {
|
return time.getTime() > Date.now();
|
},
|
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);
|
}
|
}]
|
},
|
dataRule: {
|
caseSource: [
|
{ required: true, message: '案件来源不能为空', trigger: 'blur' }
|
],
|
caseReason: [
|
{ required: true, message: '案由不能为空', trigger: 'blur' }
|
],
|
citizenName: [
|
{ required: true, message: '公民姓名不能为空', trigger: 'blur' }
|
],
|
citizenSex: [
|
{ required: true, message: '公民性别不能为空', trigger: 'blur' }
|
],
|
citizenIdcard: [
|
{ required: true, message: '公民身份证号不能为空', trigger: 'blur' }
|
],
|
citizenUnitoraddr: [
|
{ required: true, message: '公民地址或单位不能为空', trigger: 'blur' }
|
],
|
citizenPhone: [
|
{ required: true, message: '公民联系电话不能为空', trigger: 'blur' }
|
],
|
unitName: [
|
{ required: true, message: '单位名称不能为空', trigger: 'blur' }
|
],
|
unitAddress: [
|
{ required: true, message: '单位地址不能为空', trigger: 'blur' }
|
],
|
unitPhone: [
|
{ required: true, message: '单位联系电话不能为空', trigger: 'blur' }
|
],
|
legalPerson: [
|
{ required: true, message: '法定代表人（负责人）姓名不能为空', trigger: 'blur' }
|
],
|
caseStatement: [
|
{ required: true, message: '案情及立案理由不能为空', trigger: 'blur' }
|
],
|
agentIdea: [
|
{ required: true, message: '承办人意见不能为空', trigger: 'blur' }
|
],
|
agentIdeaSign1: [
|
{ required: true, message: '承办人签名1不能为空', trigger: 'blur' }
|
],
|
agentIdeaSign1Num: [
|
{ required: true, message: '承办人1执法证编号不能为空', trigger: 'blur' }
|
],
|
agentIdeaSign2: [
|
{ required: true, message: '承办人2签名不能为空', trigger: 'blur' }
|
],
|
agentIdeaSign2Num: [
|
{ required: true, message: '承办人2执法证编号不能为空', trigger: 'blur' }
|
],
|
agentIdeaTime: [
|
{ required: true, message: '承办人意见填写时间不能为空', trigger: 'blur' }
|
],
|
unitIdea: [
|
{ required: true, message: '承办单位意见不能为空', trigger: 'blur' }
|
],
|
unitIdeaSign: [
|
{ required: true, message: '承办单位审批人签名不能为空', trigger: 'blur' }
|
],
|
unitIdeaTime: [
|
{ required: true, message: '承办单位填写意见时间不能为空', trigger: 'blur' }
|
],
|
legislationIdea: [
|
{ required: true, message: '法制审核意见不能为空', trigger: 'blur' }
|
],
|
legislationIdeaSign: [
|
{ required: true, message: '法制审核人签名不能为空', trigger: 'blur' }
|
],
|
legislationIdeaTime: [
|
{ required: true, message: '法制审核时间不能为空', trigger: 'blur' }
|
],
|
leaderIdea: [
|
{ required: true, message: '机关负责人审批意见不能为空', trigger: 'blur' }
|
],
|
leaderIdeaSign: [
|
{ required: true, message: '机关负责人签名不能为空', trigger: 'blur' }
|
],
|
leaderIdeaTime: [
|
{ required: true, message: '机关负责人审核时间不能为空', trigger: 'blur' }
|
],
|
// isDelete: [
|
// { required: true, message: '是否删除0为否，1为是不能为空', trigger: 'blur' }
|
// ],
|
// tenantId: [
|
// { required: true, message: '租户id不能为空', trigger: 'blur' }
|
// ]
|
}
|
}
|
},
|
methods: {
|
init() {
|
this.type = this.$route.query.type;
|
this.backRoute = this.$route.query.backRoute;
|
this.procDefId = this.$route.query.procDefId;
|
|
//
|
this.dataForm.id = this.$route.query.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.selectPOC()
|
})
|
}
|
})
|
},
|
// 表单提交
|
dataFormSubmit () {
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
this.dataForm.agentIdeaTime=this.moment(this.dataForm.agentIdeaTime).format("YYYY-MM-DD")
|
this.dataForm.unitIdeaTime=this.moment(this.dataForm.unitIdeaTime).format("YYYY-MM-DD")
|
this.dataForm.legislationIdeaTime=this.moment(this.dataForm.legislationIdeaTime).format("YYYY-MM-DD")
|
this.dataForm.leaderIdeaTime=this.moment(this.dataForm.leaderIdeaTime).format("YYYY-MM-DD")
|
// if (this.dataForm.id) {
|
// putObj(this.dataForm).then(data => {
|
// this.$message.success('修改成功')
|
// this.visible = false
|
// this.$emit('refreshDataList')
|
// });
|
// }
|
// console.log("+++++++++++++++++++++=")
|
addObj(this.dataForm).then(data => {
|
// console.log(this.dataForm)
|
this.$message.success('添加成功');
|
this.closeCurrentPage();
|
})
|
}
|
})
|
},
|
//企业单位信息联动
|
selectCom(val){
|
this.dataForm.unitAddress = val.address
|
this.dataForm.unitPhone = val.telephone
|
this.dataForm.legalPerson = val.legalPerson
|
this.dataForm.citizenName = ''
|
this.dataForm.citizenSex = ''
|
this.dataForm.citizenIdcard = ''
|
this.dataForm.citizenUnitoraddr = ''
|
this.dataForm.citizenPhone = ''
|
},
|
//人员信息联动
|
selectPer(val){
|
this.dataForm.citizenSex = val.sex
|
this.dataForm.citizenIdcard = val.cardNo
|
this.dataForm.citizenUnitoraddr = val.address
|
this.dataForm.citizenPhone = val.phone
|
this.dataForm.unitName = ''
|
this.dataForm.unitAddress = ''
|
this.dataForm.unitPhone = ''
|
this.dataForm.legalPerson = ''
|
},
|
//点击修改后，再点击新增数据清除
|
clearData(){
|
this.dataForm.citizenName = ''
|
this.dataForm.citizenSex = ''
|
this.dataForm.citizenIdcard = ''
|
this.dataForm.citizenUnitoraddr = ''
|
this.dataForm.citizenPhone = ''
|
this.dataForm.unitName = ''
|
this.dataForm.unitAddress = ''
|
this.dataForm.unitPhone = ''
|
this.dataForm.legalPerson = ''
|
},
|
//选择类型触发事件
|
selectPerOrCom(e,index){
|
|
// console.log(index+"+++++++++++++++++++++=")
|
if(e.target.tagName=='INPUT') return
|
if (index.toString()==='0'){
|
// console.log(index+"+++++++++++++++++++++=")
|
this.persons=[{name:'cxp',
|
sex:'1',
|
cardNo:'123456789',
|
address:'石家庄',
|
phone:'111111'},
|
{
|
name:'cxp001',
|
sex:'0',
|
cardNo:'123452323',
|
address:'石家庄长安区',
|
phone:'114444'
|
}]
|
this.companys = []
|
/*findPer().then(reponse =>{
|
this.persons = reponse.data.data
|
console.log(this.persons+"+++++++++++++++++++++++++++++")
|
})*/
|
}
|
if(index.toString()==='1'){
|
this.companys=[{
|
name:'呜呜呜呜cxp',
|
legalPerson:'王先生',
|
address:'石家庄雨花',
|
telephone:'111111'
|
},
|
{
|
name:'飞飞飞',
|
legalPerson:'李先生',
|
address:'石家庄稍等',
|
telephone:'111111'
|
}]
|
/*findCom().then(response =>{
|
this.companys = response.data.data
|
console.log(this.companys)
|
})*/
|
this.persons = []
|
}
|
},
|
//防止点击修改时，不点击类型，下拉选中出现无数据的问题
|
selectPOC(){
|
if (this.dataForm.caseType==='0'){
|
// console.log(index+"+++++++++++++++++++++=")
|
this.persons=[{
|
name:'cxp',
|
sex:'1',
|
cardNo:'123456789',
|
address:'石家庄',
|
phone:'111111'},
|
{
|
name:'cxp001',
|
sex:'0',
|
cardNo:'123452323',
|
address:'石家庄长安区',
|
phone:'114444'
|
}]
|
this.companys = []
|
// findPer().then(reponse =>{
|
// this.persons = reponse.data.data
|
// console.log(this.persons+"+++++++++++++++++++++++++++++")
|
// })
|
}
|
if(this.dataForm.caseType==='1'){
|
this.companys=[{
|
name:'呜呜呜呜cxp',
|
legalPerson:'王先生',
|
address:'石家庄雨花',
|
telephone:'111111'
|
},
|
{
|
name:'飞飞飞',
|
legalPerson:'李先生',
|
address:'石家庄稍等',
|
telephone:'111111'
|
}]
|
// findCom().then(response =>{
|
// this.companys = response.data.data
|
// console.log(this.companys)
|
// })
|
this.persons = []
|
}
|
},
|
|
handelCancel() {
|
this.closeCurrentPage();
|
},
|
// 关闭当前页面
|
closeCurrentPage() {
|
this.$store.commit('delVisitedViews',this.$route.path);
|
this.$router.push({
|
name: this.backRoute,
|
});
|
},
|
},
|
mounted() {
|
this.init();
|
},
|
created() {
|
/*remote('industry').then(res => { //选择执法主体
|
this.industryList = res.data.data
|
})
|
remote('company_status').then(res => { //选择执法主体
|
this.companyStatus = res.data.data
|
})
|
remote('company_type').then(res => { //选择执法主体
|
this.companyStype = res.data.data
|
})*/
|
},
|
};
|
</script>
|
