<template>
|
<div class="processajapproval-box">
|
<basic-container>
|
<h1 class="processajapproval-title">立案审批表</h1>
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm">
|
<table class="process-table" align="center" border="1" cellpadding="0" cellspacing="0">
|
<!-- <colgroup>-->
|
<!-- <col class="col-title"></col>-->
|
<!-- <col class="col-title"></col>-->
|
<!-- <col></col>-->
|
<!-- <col></col>-->
|
<!-- </colgroup>-->
|
<tr class="process-tr-box">
|
<th colspan="3">案件来源</th>
|
<td colspan="6">
|
<el-form-item prop="caseSource">
|
<el-input v-model="dataForm.caseSource" type="textarea" autosize></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr class="process-tr-box">
|
<th colspan="3">案 由</th>
|
<td colspan="6">
|
<el-form-item prop="caseReason">
|
<el-input v-model="dataForm.caseReason" type="textarea" autosize></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr class="chooseMenBox">
|
<th colspan="9">
|
<el-form-item prop="caseType">
|
<el-radio v-model="dataForm.caseType" label="0">公民</el-radio>
|
<el-radio v-model="dataForm.caseType" label="1">单位</el-radio>
|
</el-form-item>
|
</th>
|
</tr>
|
<tbody>
|
<tr class="process-tr-box">
|
<th class="party-box" rowspan="4">
|
<div class="person-box">当事人</div>
|
</th>
|
<th class="party-box" rowspan="2">
|
<div class="person-box">公民</div>
|
</th>
|
<th>姓名</th>
|
<td>
|
<!--<el-input v-model="dataForm.citizenName" type="textarea" autosize ></el-input>-->
|
<el-form-item prop="citizenName">
|
<el-select :disabled="dataForm.caseType == 1" v-model="dataForm.citizenName" clearable>
|
<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>
|
</td>
|
<th class="faren-box">性别</th>
|
<!--<td><el-input type="textarea" autosize v-model="inputVal" ></el-input></td>-->
|
<td>
|
<el-form-item prop="citizenSex">
|
<el-radio-group :disabled="dataForm.caseType == 1" v-model="dataForm.citizenSex">
|
<el-radio label="0">男</el-radio>
|
<el-radio label="1">女</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</td>
|
<th class="faren-box">身份证号码</th>
|
<td colspan="2">
|
<el-form-item prop="citizenIdcard">
|
<el-input :disabled="dataForm.caseType == 1" v-model="dataForm.citizenIdcard" type="textarea" autosize></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr class="process-tr-box">
|
<th>地址或者单位</th>
|
<td colspan="3">
|
<el-form-item prop="citizenUnitoraddr">
|
<el-input :disabled="dataForm.caseType == 1" type="textarea" autosize v-model="dataForm.citizenUnitoraddr"></el-input>
|
</el-form-item>
|
</td>
|
<th class="faren-box">联系电话</th>
|
<td colspan="2">
|
<el-form-item prop="citizenPhone">
|
<el-input :disabled="dataForm.caseType == 1" type="textarea" autosize v-model="dataForm.citizenPhone"></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr class="process-tr-box">
|
<th rowspan="2">
|
<div class="person-box">单位</div>
|
</th>
|
<th>名称</th>
|
<td colspan="3">
|
<!--<el-input type="textarea" autosize v-model="dataForm.unitName" ></el-input>-->
|
<el-form-item prop="unitName">
|
<el-select :disabled="dataForm.caseType == 0" 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>
|
</td>
|
<th class="faren-box">法定代表人（负责人）姓名</th>
|
<td colspan="2">
|
<el-form-item prop="legalPerson">
|
<el-input :disabled="dataForm.caseType == 0" type="textarea" autosize v-model="dataForm.legalPerson"></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr class="process-tr-box">
|
<th>地址</th>
|
<td colspan="3">
|
<el-form-item prop="unitAddress">
|
<el-input :disabled="dataForm.caseType == 0" type="textarea" autosize v-model="dataForm.unitAddress"></el-input>
|
</el-form-item>
|
</td>
|
<th class="faren-box">联系电话</th>
|
<td colspan="2">
|
<el-form-item prop="unitPhone">
|
<el-input :disabled="dataForm.caseType == 0" type="textarea" autosize v-model="dataForm.unitPhone"></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr>
|
<th class="yijianbox2" colspan="2">案 情 及 立 案 理 由</th>
|
<td class="yijianbox2" colspan="7">
|
<el-form-item prop="caseStatement">
|
<el-input type="textarea" autosize v-model="dataForm.caseStatement"></el-input>
|
</el-form-item>
|
</td>
|
</tr>
|
<tr>
|
<th class="yijianbox2" colspan="2">承 办 人 意 见</th>
|
<td class="yijianbox2 chengbanyijian" colspan="7">
|
<div class="qianming-box">
|
<div class="qianming-main-inside">
|
<el-form-item prop="agentIdea">
|
<el-input type="textarea" autosize v-model="dataForm.agentIdea"></el-input>
|
</el-form-item>
|
</div>
|
<div class="qianming-box-inside">
|
<div class="qianming-box-main">
|
<h1>签名:</h1>
|
<div colspan="6">
|
<el-form-item prop="agentIdeaSign1">
|
<el-input type="textarea" autosize v-model="dataForm.agentIdeaSign1"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="qianming-box-main">
|
<h1>执法编号:</h1>
|
<div colspan="6">
|
<el-form-item prop="agentIdeaSign1Num">
|
<el-input type="textarea" autosize v-model="dataForm.agentIdeaSign1Num"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
<div class="qianming-box-inside">
|
<div class="qianming-box-main">
|
<h1>签名:</h1>
|
<div colspan="6">
|
<el-form-item prop="agentIdeaSign2">
|
<el-input type="textarea" autosize v-model="dataForm.agentIdeaSign2"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
<div class="qianming-box-main">
|
<h1>执法编号:</h1>
|
<div colspan="6">
|
<el-form-item prop="agentIdeaSign2Num">
|
<el-input type="textarea" autosize v-model="dataForm.agentIdeaSign2Num"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="chengbanDate">
|
<!--<el-input v-model="inputVal" class="date-input firstDate" placeholder="年"></el-input>
|
<span>年</span>
|
<el-input v-model="inputVal" class="date-input" placeholder="月"></el-input>
|
<span>月</span>
|
<el-input v-model="inputVal" class="date-input" placeholder="日"></el-input>
|
<span>日</span>-->
|
<el-form-item prop="agentIdeaTime">
|
<el-date-picker
|
v-model="dataForm.agentIdeaTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</td>
|
</tr>
|
<tr>
|
<th class="yijianbox" colspan="2">承 办 单 位 意 见</th>
|
<td class="chengbanyijian" colspan="7">
|
<div class="qianming-box">
|
<div class="qianming-main-inside2">
|
<el-form-item prop="unitIdea">
|
<el-input type="textarea" autosize v-model="dataForm.unitIdea"></el-input>
|
</el-form-item>
|
</div>
|
<div class="qianming-box-inside">
|
<div class="qianming-box-main">
|
<h1>签名:</h1>
|
<div colspan="6">
|
<el-form-item prop="unitIdeaSign">
|
<el-input type="textarea" autosize v-model="dataForm.unitIdeaSign"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="chengbanDate">
|
<el-form-item prop="unitIdeaTime">
|
<el-date-picker
|
v-model="dataForm.unitIdeaTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</td>
|
|
</tr>
|
<tr>
|
<th class="yijianbox" colspan="2">法 制 审 核 意 见</th>
|
<td class="chengbanyijian" colspan="7">
|
<div class="qianming-box">
|
<div class="qianming-main-inside2">
|
<el-form-item prop="legislationIdea">
|
<el-input type="textarea" autosize v-model="dataForm.legislationIdea"></el-input>
|
</el-form-item>
|
</div>
|
<div class="qianming-box-inside">
|
<div class="qianming-box-main">
|
<h1>签名:</h1>
|
<div colspan="6">
|
<el-form-item prop="legislationIdeaSign">
|
<el-input type="textarea" autosize v-model="dataForm.legislationIdeaSign"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="chengbanDate">
|
<el-form-item prop="legislationIdeaTime">
|
<el-date-picker
|
v-model="dataForm.legislationIdeaTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</td>
|
|
</tr>
|
<tr>
|
<th class="yijianbox" colspan="2">机 关 负 责 人 审 批 意 见</th>
|
<td class="chengbanyijian" colspan="7">
|
<div class="qianming-box">
|
<div class="qianming-main-inside2">
|
<el-form-item prop="leaderIdea">
|
<el-input type="textarea" autosize v-model="dataForm.leaderIdea"></el-input>
|
</el-form-item>
|
</div>
|
<div class="qianming-box-inside">
|
<div class="qianming-box-main">
|
<h1>签名:</h1>
|
<div colspan="6">
|
<el-form-item prop="leaderIdeaSign">
|
<el-input type="textarea" autosize v-model="dataForm.leaderIdeaSign"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="chengbanDate">
|
<el-form-item prop="leaderIdeaTime">
|
<el-date-picker
|
v-model="dataForm.leaderIdeaTime"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</td>
|
|
</tr>
|
</tbody>
|
</table>
|
<div class="submitBtns">
|
<el-button style="margin-right: 20px" @click="handelCancel">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit">确定</el-button>
|
</div>
|
</el-form>
|
|
</basic-container>
|
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj, findPer, findCom} from '@/api/process/processajapproval'
|
export default {
|
name: "processajapproval",
|
watch: {
|
'dataForm.caseType': {
|
immediate: true,
|
handler:function(newVal) {
|
if(newVal == 0) {
|
this.dataRule['citizenName'] = [{required: true, message: '公民姓名不能为空', trigger: 'blur'}]
|
this.dataRule['citizenSex'] = [{required: true, message: '公民性别不能为空', trigger: 'blur'}]
|
this.dataRule['citizenIdcard'] = [{required: true, message: '公民身份证号不能为空', trigger: 'blur'}]
|
this.dataRule['citizenUnitoraddr'] = [{required: true, message: '公民地址或单位不能为空', trigger: 'blur'}]
|
this.dataRule['citizenPhone'] = [{required: true, message: '公民联系电话不能为空', trigger: 'blur'}]
|
|
this.dataRule['unitName'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['legalPerson'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['unitAddress'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['unitPhone'] = [{required: false, trigger: 'blur'}]
|
}else {
|
this.dataRule['citizenName'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['citizenSex'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['citizenIdcard'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['citizenUnitoraddr'] = [{required: false, trigger: 'blur'}]
|
this.dataRule['citizenPhone'] = [{required: false, trigger: 'blur'}]
|
|
this.dataRule['unitName'] = [{required: true, message: '单位名称不能为空', trigger: 'blur'}]
|
this.dataRule['legalPerson'] = [{required: true, message: '法定代表人（负责人）姓名不能为空', trigger: 'blur'}]
|
this.dataRule['unitAddress'] = [{required: true, message: '单位地址不能为空', trigger: 'blur'}]
|
this.dataRule['unitPhone'] = [{required: true, message: '单位联系电话不能为空', trigger: 'blur'}]
|
}
|
}
|
}
|
},
|
data () {
|
return {
|
persons:[],
|
companys:[],
|
//visible: false,
|
dataForm: {
|
id: 0,
|
caseSource: '',
|
caseReason: '',
|
caseType:'0',
|
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()
|
console.log('this.$refs.dataForm---',this.$refs.dataForm)
|
// 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>
|
|
<style>
|
.processajapproval-box .el-textarea__inner {
|
background-color: transparent;
|
border: none;
|
}
|
|
.date-input .el-input__inner {
|
width: 60px;
|
background-color: transparent;
|
border: none;
|
}
|
|
.firstDate .el-input__inner {
|
width: 80px;
|
}
|
|
.processajapproval-box .el-textarea {
|
height: 100%;
|
}
|
|
.processajapproval-box .el-textarea__inner {
|
min-height: 100% !important;
|
}
|
|
.chengbanDate .el-input__inner {
|
border: none;
|
background-color: transparent;
|
}
|
|
.process-tr-box .el-radio-group {
|
font-size: 0;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
padding: 0 10px;
|
}
|
.process-tr-box .el-input__inner{
|
border:none;
|
}
|
.processajapproval-box .el-form-item{
|
margin-bottom:0px;
|
}
|
</style>
|
<style scoped>
|
/*.col-title{*/
|
/* width: 40px;*/
|
/*}*/
|
.processajapproval-box {
|
|
}
|
|
.process-table {
|
/*table-layout: fixed;*/
|
width: 45%;
|
margin: 0 auto;
|
min-width: 600px;
|
}
|
|
.process-tr-box {
|
height: 50px;
|
}
|
|
.processajapproval-title {
|
text-align: center;
|
font-size: 16px;
|
font-weight: 700;
|
line-height: 30px;
|
margin: 20px 0;
|
}
|
|
.party-box {
|
width: 50px;
|
}
|
|
.person-box {
|
width: 20px;
|
line-height: 24px;
|
margin: 0 auto;
|
}
|
|
.chooseMenBox {
|
height: 40px;
|
}
|
|
.faren-box {
|
width: 78px;
|
}
|
|
.yijianbox {
|
height: 160px;
|
}
|
.yijianbox2{
|
height: 180px;
|
}
|
|
.chengbanyijian {
|
position: relative;
|
}
|
|
.qianming-box {
|
position: absolute;
|
bottom: 0px;
|
left: 20px;
|
height: 100%;
|
width: calc(100% - 20px);
|
display: flex;
|
flex-direction: column;
|
}
|
.qianming-box-inside{
|
display: flex;
|
height: 25%;
|
}
|
|
.qianming-main-inside {
|
display: flex;
|
height: 30%;
|
}
|
.qianming-main-inside2 {
|
display: flex;
|
height: 60%;
|
}
|
.qianming-box-main {
|
display: flex;
|
align-items: center;
|
width: 50%;
|
}
|
|
.chengbanDate {
|
position: absolute;
|
right: 10px;
|
bottom: 5px;
|
display: flex;
|
}
|
.submitBtns{
|
display: flex;
|
justify-content: center;
|
margin: 40px 0;
|
}
|
</style>
|
