<template>
|
<div>
|
<el-form ref="dataForm" :rules="dataFormRules" :model="dataForm" label-position="right" label-width="150px" element-loading-text="保存中...">
|
|
<div class="enterpriseBasicInformation_title">
|
<span>企业基本信息（带*为必填项）</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div v-if="stableFire">
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="安全监管分类:" prop="safetysupervision">
|
<!-- <el-select v-model.trim="dataForm.instituteId" placeholder="请选择研究所" style="width:100%;" @change="handleInstituteChange">-->
|
<!-- <el-option v-for="(item,index) in instituteList" :label="item.name" :value="item.id" :key="index"/>-->
|
<!-- </el-select>-->
|
<el-select v-model.trim="dataForm.safetysupervision" placeholder="" clearable class="enterpriseBasicInformation_input" @change="ifShowLong" :disabled="title=='修改'?true:false">
|
<el-option
|
v-for="item in safetySuperVisionList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="国民经济行业分类:" prop="economicindustry">
|
<el-select v-model.trim="dataForm.economicindustry" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicIndustryList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="行政主管部门:" prop="department">
|
<el-select v-model.trim="dataForm.department" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in departmentList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="15">
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="企业名称:" prop="enterprisename" >
|
<el-input v-model.trim="dataForm.enterprisename" class="enterpriseBasicInformation_input" :disabled="isEdit"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位编号:" prop="enterprisenumber" >
|
<el-input v-model.trim="dataForm.enterprisenumber" class="enterpriseBasicInformation_input" :disabled="isEdit"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="设备编号:" prop="devicenumber" >
|
<el-input v-model.trim="dataForm.devicenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位注册地址:" prop="registeraddress" >
|
<el-input v-model.trim="dataForm.registeraddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位办公地址:" prop="officeaddress" >
|
<el-input v-model.trim="dataForm.officeaddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-col>
|
<el-col :span="8">
|
<div style="width: 60%;height: 60%;margin-left:25%" id="qrcode" ref="qrcode" v-if="title === '修改' ? true : false"/>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="治安主管单位:" prop="securitysupervisory">
|
<el-input v-model.trim="dataForm.securitysupervisory" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="2">
|
<a @click="selectPublicSecurityDepartment" class="enterpriseBasicInformation_department">选择</a>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="7">
|
<el-form-item label="所属区域:" prop="province" >
|
<el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')">
|
<el-option
|
v-for="item in provinceList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.city" clearable filterable @change="changeArea('city')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in cityList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.street"clearable filterable @change="changeArea('street')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in streetList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.committee" clearable filterable class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in committeeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="企业规模:" prop="enterprisesize" >
|
<el-select v-model.trim="dataForm.enterprisesize" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in enterpriseSizeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="工房数量(个):" prop="roomnumber" >
|
<el-input v-model.trim="dataForm.roomnumber"
|
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="注册类型:" prop="registertype" >
|
<el-select v-model.trim="dataForm.registertype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in registerTypeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="国民经济类型:" prop="economictype" >
|
<el-select v-model.trim="dataForm.economictype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicTypeList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="officephone" >
|
<el-input v-model.trim="dataForm.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="成立时间:" prop="establishtime" >
|
<el-date-picker
|
v-model="dataForm.establishtime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
class="enterpriseBasicInformation_input">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="传真电话:" prop="faxphone" >
|
<el-input v-model.trim="dataForm.faxphone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="QQ号码:" prop="qqnumber" >
|
<el-input v-model.trim="dataForm.qqnumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="电子邮箱:" prop="enterpriseemail">
|
<el-input v-model.trim="dataForm.enterpriseemail" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="邮编:" prop="postcode" >
|
<el-input v-model.trim="dataForm.postcode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="工商注册号:" prop="businessregisternumber" >
|
<el-input v-model.trim="dataForm.businessregisternumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="组织结构代码:" prop="organizationstructurecode" >
|
<el-input v-model.trim="dataForm.organizationstructurecode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="从业人数:" prop="employeenumber" >
|
<el-input v-model.trim="dataForm.employeenumber"
|
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="*许可证期限:" style="color: red" prop="validTime">
|
<el-date-picker
|
v-model="validTime"
|
value-format="yyyy-MM-dd"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="changeTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="专职安全生产管理人员及仓库守护、保管人员数量:" class="person-number" prop="personnumber" >
|
<el-input v-model.trim="dataForm.personnumber" style="width: 170px"
|
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="经度:" prop="longitude">
|
<el-input v-model="dataForm.longitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item label="纬度:" prop="latitude">
|
<el-input v-model="dataForm.latitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="1">
|
<img src="../../../assets/map.png" class="enterpriseBasicInformation_image" @click="showMapLocation"></img>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="20">
|
<el-form-item label="生产经营项目:" prop="productioncontent" >
|
<el-input
|
:autosize="{ minRows: 2, maxRows: 4}" v-model.trim="dataForm.productioncontent" type="textarea" class="enterpriseBasicInformation_input">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="密码:">
|
<el-input v-model.trim="dataForm.password" :type="passwordType" placeholder="请输入密码">
|
<el-button slot="append" icon="el-icon-view" @click="showPwd"/>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div v-if="stableFireSell">
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="安全监管分类:" prop="safetysupervision" >
|
<!-- <el-select v-model.trim="dataForm.instituteId" placeholder="请选择研究所" style="width:100%;" @change="handleInstituteChange">-->
|
<!-- <el-option v-for="(item,index) in instituteList" :label="item.name" :value="item.id" :key="index"/>-->
|
<!-- </el-select>-->
|
<el-select v-model.trim="dataForm.safetysupervision" placeholder="" clearable class="enterpriseBasicInformation_input" @change="ifShowLong" :disabled="title=='修改'?true:false">
|
<el-option
|
v-for="item in safetySuperVisionList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="国民经济行业分类:" prop="economicindustry" >
|
<el-select v-model.trim="dataForm.economicindustry" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicIndustryList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="行政主管部门:" prop="department">
|
<el-select v-model.trim="dataForm.department" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in departmentList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="15">
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="企业名称:" prop="enterprisename" >
|
<el-input v-model.trim="dataForm.enterprisename" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位编号:" prop="enterprisenumber" >
|
<el-input v-model.trim="dataForm.enterprisenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位注册地址:" prop="registeraddress" >
|
<el-input v-model.trim="dataForm.registeraddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位办公地址:" prop="officeaddress" >
|
<el-input v-model.trim="dataForm.officeaddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
</el-col>
|
<el-col :span="8">
|
<div style="width: 60%;height: 60%;margin-left:25%" id="qrcode" ref="qrcode" v-if="title === '修改' ? true : false"/>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="治安主管单位:" prop="securitysupervisory">
|
<el-input v-model.trim="dataForm.securitysupervisory" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="2">
|
<a @click="selectPublicSecurityDepartment" class="enterpriseBasicInformation_department">选择</a>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="7">
|
<el-form-item label="所属区域:" prop="province" >
|
<el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')">
|
<el-option
|
v-for="item in provinceList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.city" prop="city" clearable filterable @change="changeArea('city')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in cityList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.street"clearable filterable @change="changeArea('street')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in streetList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.committee" clearable filterable class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in committeeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="企业规模:" prop="enterprisesize" >
|
<el-select v-model.trim="dataForm.enterprisesize" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in enterpriseSizeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="工房数量:" prop="roomnumber" >
|
<el-input v-model.trim="dataForm.roomnumber"
|
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="注册类型:" prop="registertype" >
|
<el-select v-model.trim="dataForm.registertype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in registerTypeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="国民经济类型:" prop="economictype" >
|
<el-select v-model.trim="dataForm.economictype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicTypeList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="officephone" >
|
<el-input v-model.trim="dataForm.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="成立时间:" prop="establishtime" >
|
<el-date-picker
|
v-model="dataForm.establishtime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
class="enterpriseBasicInformation_input">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="传真电话:" prop="faxphone" >
|
<el-input v-model.trim="dataForm.faxphone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="QQ号码:" prop="qqnumber" >
|
<el-input v-model.trim="dataForm.qqnumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
</el-row>
|
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="电子邮箱:" prop="enterpriseemail">
|
<el-input v-model.trim="dataForm.enterpriseemail" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="邮编:" prop="postcode" >
|
<el-input v-model.trim="dataForm.postcode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="工商注册号:" prop="businessregisternumber" >
|
<el-input v-model.trim="dataForm.businessregisternumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="组织结构代码:" prop="organizationstructurecode" >
|
<el-input v-model.trim="dataForm.organizationstructurecode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="从业人数:" prop="employeenumber" >
|
<el-input v-model.trim="dataForm.employeenumber"
|
onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
|
class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="*许可证期限:" prop="validTime">
|
<el-date-picker
|
v-model="validTime"
|
value-format="yyyy-MM-dd"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="changeTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="经度:" prop="longitude">
|
<el-input v-model="dataForm.longitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item label="纬度:" prop="latitude">
|
<el-input v-model="dataForm.latitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="1">
|
<img src="../../../assets/map.png" class="enterpriseBasicInformation_image" @click="showMapLocation"></img>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-col :span="20">
|
<el-form-item label="生产经营项目:" prop="productioncontent" >
|
<el-input
|
:autosize="{ minRows: 2, maxRows: 4}" v-model.trim="dataForm.productioncontent" type="textarea" class="enterpriseBasicInformation_input">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="密码:">
|
<el-input v-model.trim="dataForm.password" :type="passwordType" placeholder="请输入密码">
|
<el-button slot="append" icon="el-icon-view" @click="showPwd"/>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div v-if="longFire">
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="安全监管分类:" prop="safetysupervision" >
|
<!-- <el-select v-model.trim="dataForm.instituteId" placeholder="请选择研究所" style="width:100%;" @change="handleInstituteChange">-->
|
<!-- <el-option v-for="(item,index) in instituteList" :label="item.name" :value="item.id" :key="index"/>-->
|
<!-- </el-select>-->
|
<el-select v-model.trim="dataForm.safetysupervision" placeholder="" clearable class="enterpriseBasicInformation_input" @change="ifShowLong" :disabled="title=='修改'?true:false">
|
<el-option
|
v-for="item in safetySuperVisionList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="国民经济行业分类:" prop="economicindustry" >
|
<el-select v-model.trim="dataForm.economicindustry" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicIndustryList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="行政主管部门:" prop="department">
|
<el-select v-model.trim="dataForm.department" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in departmentList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="15">
|
<el-row>
|
<el-col :span="15">
|
<el-form-item label="企业名称:" prop="enterprisename" >
|
<el-input v-model.trim="dataForm.enterprisename" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="单位编号:" prop="enterprisenumber" >
|
<el-input v-model.trim="dataForm.enterprisenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="设备编号:" prop="devicenumber" >
|
<el-input v-model.trim="dataForm.devicenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="单位办公地址:" prop="officeaddress" >
|
<el-input v-model.trim="dataForm.officeaddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-col>
|
<el-col :span="8">
|
<div style="width: 60%;height: 60%;margin-left:25%" id="qrcode" ref="qrcode" v-if="title === '修改' ? true : false"/>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="治安主管单位:" prop="securitysupervisory">
|
<el-input v-model.trim="dataForm.securitysupervisory" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="2">
|
<a @click="selectPublicSecurityDepartment" class="enterpriseBasicInformation_department">选择</a>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="7">
|
<el-form-item label="所属区域:" prop="province" >
|
<el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')">
|
<el-option
|
v-for="item in provinceList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.city" clearable filterable @change="changeArea('city')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in cityList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.street" clearable filterable @change="changeArea('street')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in streetList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.committee" clearable filterable class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in committeeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="企业规模:" prop="enterprisesize" >
|
<el-select v-model.trim="dataForm.enterprisesize" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in enterpriseSizeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="officephone" >
|
<el-input v-model.trim="dataForm.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="成立时间:" prop="establishtime" >
|
<el-date-picker
|
v-model="dataForm.establishtime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
class="enterpriseBasicInformation_input">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="QQ号码:" prop="qqnumber" >
|
<el-input v-model.trim="dataForm.qqnumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="*许可证期限:" prop="validTime">
|
<el-date-picker
|
v-model="validTime"
|
value-format="yyyy-MM-dd"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="changeTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="经度:" prop="longitude">
|
<el-input v-model="dataForm.longitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item label="纬度:" prop="latitude">
|
<el-input v-model="dataForm.latitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="1">
|
<img src="../../../assets/map.png" class="enterpriseBasicInformation_image" @click="showMapLocation"></img>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="20">
|
<el-form-item label="生产经营项目:" prop="productioncontent" >
|
<el-input
|
:autosize="{ minRows: 2, maxRows: 4}" v-model.trim="dataForm.productioncontent" type="textarea" class="enterpriseBasicInformation_input">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="密码:">
|
<el-input v-model.trim="dataForm.password" :type="passwordType" placeholder="请输入密码">
|
<el-button slot="append" icon="el-icon-view" @click="showPwd"/>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
<div v-if="shortFire">
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="安全监管分类:" prop="safetysupervision" >
|
<!-- <el-select v-model.trim="dataForm.instituteId" placeholder="请选择研究所" style="width:100%;" @change="handleInstituteChange">-->
|
<!-- <el-option v-for="(item,index) in instituteList" :label="item.name" :value="item.id" :key="index"/>-->
|
<!-- </el-select>-->
|
<el-select v-model.trim="dataForm.safetysupervision" placeholder="" clearable class="enterpriseBasicInformation_input" @change="ifShowLong" :disabled="title=='修改'?true:false">
|
<el-option
|
v-for="item in safetySuperVisionList"
|
:key="item.id"
|
:value="item.text"
|
:label="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="15">
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位编号:" prop="enterprisenumber" >
|
<el-input v-model.trim="dataForm.enterprisenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="企业名称:" prop="enterprisename" >
|
<el-input v-model.trim="dataForm.enterprisename" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="设备编号:" prop="devicenumber" >
|
<el-input v-model.trim="dataForm.devicenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="24">
|
<el-form-item label="单位注册地址:" prop="registeraddress" >
|
<el-input v-model.trim="dataForm.registeraddress" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-col>
|
<el-col :span="8">
|
<div style="width: 60%;height: 60%;margin-left:25%" id="qrcode" ref="qrcode" v-if="title === '修改' ? true : false"/>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="15">
|
<el-form-item label="治安主管单位:" prop="securitysupervisory">
|
<el-input v-model.trim="dataForm.securitysupervisory" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="2">
|
<a @click="selectPublicSecurityDepartment" class="enterpriseBasicInformation_department">选择</a>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="7">
|
<el-form-item label="所属区域:" prop="province" >
|
<el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')">
|
<el-option
|
v-for="item in provinceList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.city" prop="city" clearable filterable @change="changeArea('city')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in cityList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.street"clearable filterable @change="changeArea('street')" class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in streetList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="4">
|
<el-select v-model="dataForm.committee" clearable filterable class="enterpriseBasicInformation_area">
|
<el-option
|
v-for="item in committeeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="officephone" >
|
<el-input v-model.trim="dataForm.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="成立时间:" prop="establishtime" >
|
<el-date-picker
|
v-model="dataForm.establishtime"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
class="enterpriseBasicInformation_input">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="电子邮箱:" prop="enterpriseemail">
|
<el-input v-model.trim="dataForm.enterpriseemail" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="邮编:" prop="postcode" >
|
<el-input v-model.trim="dataForm.postcode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="企业规模:" prop="enterprisesize" >
|
<el-select v-model.trim="dataForm.enterprisesize" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in enterpriseSizeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="工房数量:" prop="roomnumber" >
|
<el-input v-model.trim="dataForm.roomnumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="注册类型:" prop="registertype" >
|
<el-select v-model.trim="dataForm.registertype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in registerTypeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="国民经济类型:" prop="economictype" >
|
<el-select v-model.trim="dataForm.economictype" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in economicTypeList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="工商注册号:" prop="businessregisternumber" >
|
<el-input v-model.trim="dataForm.businessregisternumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="组织结构代码:" prop="organizationstructurecode" >
|
<el-input v-model.trim="dataForm.organizationstructurecode" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="从业人数:" prop="employeenumber" >
|
<el-input v-model.trim="dataForm.employeenumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="*许可证期限:" prop="validTime">
|
<el-date-picker
|
v-model="validTime"
|
value-format="yyyy-MM-dd"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="changeTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="经度:" prop="longitude">
|
<el-input v-model="dataForm.longitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="9">
|
<el-form-item label="纬度:" prop="latitude">
|
<el-input v-model="dataForm.latitude" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="1">
|
<img src="../../../assets/map.png" class="enterpriseBasicInformation_image" @click="showMapLocation"></img>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="20">
|
<el-form-item label="生产经营项目:" prop="productioncontent">
|
<el-input
|
:autosize="{ minRows: 2, maxRows: 4}" v-model.trim="dataForm.productioncontent" type="textarea" class="enterpriseBasicInformation_input">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row >
|
<el-col :span="10">
|
<el-form-item label="密码:">
|
<el-input v-model.trim="dataForm.password" :type="passwordType" placeholder="请输入密码">
|
<el-button slot="append" icon="el-icon-view" @click="showPwd"/>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>安全责任险</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="是否缴纳安全责任险:" prop="ispaysafetyinsurance">
|
<el-radio-group v-model="dataForm.ispaysafetyinsurance">
|
<el-radio :label="true">是</el-radio>
|
<el-radio :label="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="保险公司名称:" prop="insurancecompany" >
|
<el-input v-model.trim="dataForm.insurancecompany" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="保单号:" prop="insurancecontractnumber" >
|
<el-input v-model.trim="dataForm.insurancecontractnumber" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="投保金额(元):" prop="insureamount">
|
<el-input v-model.trim="dataForm.insureamount" type="number" step="0.01" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="投保开始时间:" prop="insurestarttime" >
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.insurestarttime"
|
type="date"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="投保结束时间:" prop="insureendtime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.insureendtime"
|
type="date"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>法定代表人（所有信息必填）</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="法定代表人姓名:" prop="法定代表人姓名">
|
<el-input v-model="dataForm.legalrepresentative.name" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="职务:" prop="legalRepresentativeJob">
|
<el-select v-model="dataForm.legalrepresentative.post" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in jobList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="身份证号:" prop="legalRepresentativeIdCard" >
|
<el-input v-model.trim="dataForm.legalrepresentative.identify" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="手机号码:" prop="legalRepresentativePhone">
|
<el-input v-model.trim="dataForm.legalrepresentative.phone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="legalRepresentativeTel">
|
<el-input v-model.trim="dataForm.legalrepresentative.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="安全培训合格证编号:" prop="legalRepresentativeSafetyId">
|
<el-input v-model.trim="dataForm.legalrepresentative.number" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-form-item label="有效期：" prop="legalRepresentativeTime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="legalRepresentativeTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="giveLegalRepresentativeTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-row>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>主要负责人（所有信息必填）</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="姓名:" prop="mainPrincipalName" >
|
<el-input v-model.trim="dataForm.mainprincipal.name" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="职务:" prop="mainPrincipalJob">
|
<el-select v-model="dataForm.mainprincipal.post" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in jobList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="mainPrincipalTel" >
|
<el-input v-model.trim="dataForm.mainprincipal.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="手机号码:" prop="mainPrincipalPhone">
|
<el-input v-model.trim="dataForm.mainprincipal.phone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="安全培训合格证编号:" prop="mainPrincipalSafetyId" >
|
<el-input v-model.trim="dataForm.mainprincipal.number" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="有效期：" prop="mainPrincipalTime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="mainprincipalTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="giveMainPrincipalTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>安全负责人（非必填）</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="姓名:" prop="securityOfficerName" >
|
<el-input v-model.trim="dataForm.securityofficer.name" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="职务:" prop="securityOfficerJob">
|
<el-select v-model="dataForm.securityofficer.post" placeholder="" clearable class="enterpriseBasicInformation_input">
|
<el-option
|
v-for="item in jobList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="securityOfficerTel" >
|
<el-input v-model.trim="dataForm.securityofficer.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="手机号码:" prop="securityOfficerPhone">
|
<el-input v-model.trim="dataForm.securityofficer.phone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="安全培训合格证编号:" prop="securityOfficerSafetyId" >
|
<el-input v-model.trim="dataForm.securityofficer.number" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="有效期：" prop="securityOfficerTime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="securityOfficerTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="giveSecurityOfficerTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>信息员安全负责人（非必填）</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="姓名:" prop="informationOfficerName" >
|
<el-input v-model.trim="dataForm.informationofficer.name" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="职务:" prop="informationOfficerJob">
|
<el-select v-model="dataForm.informationofficer.post" placeholder="" clearable class="enterpriseBasicInformation_input" >
|
<el-option
|
v-for="item in jobList"
|
:key="item.id"
|
:label="item.text"
|
:value="item.text"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
|
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="办公电话:" prop="informationOfficerTel" >
|
<el-input v-model.trim="dataForm.informationofficer.officephone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="手机号码:" prop="informationOfficerPhone">
|
<el-input v-model.trim="dataForm.informationofficer.phone" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="安全培训合格证编号:" prop="informationOfficerSafetyId" >
|
<el-input v-model.trim="dataForm.informationofficer.number" class="enterpriseBasicInformation_input"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="有效期：" prop="informationOfficerTime">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
v-model="informationofficerTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="giveInformationOfficerTime"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
</div>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>相关属性</span>
|
</div>
|
<el-divider></el-divider>
|
|
<div>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="重大危险源:" prop="ismajorhazard">
|
<el-radio-group v-model="dataForm.ismajorhazard">
|
<el-radio :label="true">是</el-radio>
|
<el-radio :label="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="特种设备:" prop="isspecialequipment">
|
<el-radio-group v-model="dataForm.isspecialequipment">
|
<el-radio :label="true">是</el-radio>
|
<el-radio :label="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="职业卫生信息:" prop="isoccupationalhealthinfo">
|
<el-radio-group v-model="dataForm.isoccupationalhealthinfo">
|
<el-radio :label="true">是</el-radio>
|
<el-radio :label="false">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="10">
|
<el-form-item label="特种人员:" prop="isspecialpersonnel">
|
<el-radio-group v-model="dataForm.isspecialpersonnel">
|
<el-radio :label="true">有</el-radio>
|
<el-radio :label="false">无</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="自查记录周期:" prop="selfrecordingcycle">
|
<el-select v-model="dataForm.selfrecordingcycle" placeholder="" clearable style="width: 90%">
|
<el-option
|
v-for="item in selfrecordingcycleList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="是否有上级企业:" prop="isparententerprise">
|
<el-radio-group v-model="dataForm.isparententerprise">
|
<el-radio :label="true">有</el-radio>
|
<el-radio :label="false">无</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
|
<el-row>
|
<el-col :span="14">
|
<el-form-item label="上级企业名称:" prop="parententerprisename">
|
<el-input v-model.trim="dataForm.parententerprisename" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="1">
|
<img src="../../../assets/enterprise.png" class="enterpriseBasicInformation_image" @click="showEnterprise"></img>
|
</el-col>
|
</el-row>
|
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="企业状态：" prop="enterprisestatus">
|
<el-select v-model="dataForm.enterprisestatus" placeholder="" clearable style="width: 90%">
|
<el-option
|
v-for="item in enterprisestatusList"
|
:key="item.id"
|
:value="item.id"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
</el-form>
|
<div class="enterpriseBasicInformation_footer">
|
<el-button @click="cancel">取消</el-button>
|
<el-button type="primary" @click="submitEnterprise()">确认</el-button>
|
</div>
|
<mapLocation ref="mapLocation" @giveLatLng="achieveLatLng"></mapLocation>
|
<publicSecurityDepartment ref="publicSecurityDepartment" @getinfo="changeSecuritySupervisory"></publicSecurityDepartment>
|
<select-enterprise ref="selectEnterprise" @getinfo="changeEnterprise"></select-enterprise>
|
</div>
|
</template>
|
|
<script>
|
import QRCode from "qrcodejs2"
|
import mapLocation from "./components/mapLocation";
|
import selectEnterprise from "./components/selectEnterprise";
|
import publicSecurityDepartment from "./components/publicSecurityDepartment";
|
import { getProvinceListData , getCityListData} from "../../../api/area";
|
|
export default {
|
name: "enterpriseBasicInformation",
|
props:['title','passForm'],
|
data(){
|
return{
|
justify:true,
|
correct:'',
|
isEdit:false,
|
disabled:false,
|
stableFire:true,
|
stableFireSell:false,
|
longFire:false,
|
shortFire:false,
|
passwordType: 'password',
|
validTime:['',''],
|
jobList:[],
|
provinceList:[],
|
cityList:[],
|
districtList:[],
|
streetList:[],
|
committeeList:[],
|
informationofficerTime:['',''],
|
legalRepresentativeTime:['',''],
|
mainprincipalTime:['',''],
|
securityOfficerTime:['',''],
|
safetySuperVisionList:[],
|
economicIndustryList:[],
|
departmentList:[
|
{id:1,name:'安监局'}
|
],
|
enterpriseSizeList:[
|
{id:1,name:'大型'},
|
{id:2,name:'中型'},
|
{id:3,name:'小型'},
|
{id:4,name:'微型'}
|
],
|
registerTypeList:[
|
{id:1,name:'企业'},
|
{id:2,name:'政府事业单位'},
|
{id:3,name:'社会组织'},
|
{id:4,name:'民办非企业单位'},
|
{id:5,name:'基金会'}
|
],
|
enterprisestatusList:[
|
{id:1,name:'正常'},
|
{id:0,name:'停止'}
|
],
|
selfrecordingcycleList:[
|
{id:1,name:'月报'},
|
{id:2,name:'季报'},
|
{id:3,name:'半年报'},
|
{id:4,name:'年报'},
|
{id:5,name:'不报'}
|
],
|
economicTypeList:[],
|
areaListQuery:{
|
type:'',
|
parentname:'',
|
parenttype:'',
|
},
|
dataForm:{
|
safetysupervision: '',
|
economicindustry: '',
|
enterprisenumber: '',
|
enterprisename: '',
|
enterpriseemail: '',
|
enterprisesize: '',
|
enterprisestatus: '',
|
department: '',
|
devicenumber: '',
|
officeaddress: '',
|
province: '',
|
city: '',
|
district: '',
|
street: '',
|
committee: '',
|
securitysupervisory: '',
|
officephone: '',
|
faxphone: '',
|
registeraddress: '',
|
registertype: '',
|
establishtime: '',
|
qqnumber: '',
|
postcode: '',
|
roomnumber: '',
|
economictype: '',
|
productioncontent: '',
|
businessregisternumber: '',
|
organizationstructurecode: '',
|
validstarttime: '',
|
validendtime: '',
|
employeenumber: '',
|
ispaysafetyinsurance: true,
|
insurancecontractnumber: '',
|
insureamount: '',
|
insurestarttime: '',
|
insureendtime: '',
|
insurancecompany:'',
|
ismajorhazard: '',
|
isspecialequipment: '',
|
isoccupationalhealthinfo: '',
|
isspecialpersonnel: '',
|
selfrecordingcycle: '',
|
isparententerprise: '',
|
parententerprisename: '',
|
latitude:'',
|
longitude:'',
|
personnumber:'',
|
legalrepresentative:{
|
belongid: 1,
|
belongname: "",
|
id: null,
|
name: "",
|
number: "",
|
identify:"",
|
officephone: "",
|
phone: "",
|
post: "",
|
type: "",
|
validendtime:"",
|
validstarttime:"",
|
},
|
informationofficer:{
|
belongid: 1,
|
belongname: "",
|
id: null,
|
name: "",
|
number: "",
|
officephone: "",
|
phone: "",
|
post: "",
|
type: "",
|
validendtime:"",
|
validstarttime:"",
|
},
|
mainprincipal:{
|
belongid: 1,
|
belongname: "",
|
id: null,
|
name: "",
|
number: "",
|
officephone: "",
|
phone: "",
|
post: "",
|
type: "",
|
validendtime:"",
|
validstarttime:"",
|
},
|
securityofficer:{
|
belongid: 1,
|
belongname: "",
|
id: null,
|
name: "",
|
number: "",
|
officephone: "",
|
phone: "",
|
post: "",
|
type: "",
|
validendtime:"",
|
validstarttime:"",
|
},
|
},
|
dataFormRules:{
|
department:[
|
{ required: true, message: '请选择行政主管部门', trigger: 'change' },
|
],
|
safetysupervision:[
|
{ required: true, message: '请选择安全监管分类', trigger: 'change' },
|
],
|
economicindustry:[
|
{ required: true, message: '请选择国民经济行业分类', trigger: 'change' },
|
],
|
enterprisenumber:[
|
{ required: true, message: '请填写单位编号', trigger: 'blur' },
|
],
|
enterprisename:[
|
{ required: true, message: '请填写企业名称', trigger: 'blur' },
|
],
|
registeraddress:[
|
{ required: true, message: '请填写单位注册地址', trigger: 'blur' },
|
],
|
officeaddress:[
|
{ required: true, message: '请填写单位办公地址', trigger: 'blur' },
|
],
|
province:[
|
{ required: true, message: '请填写单位办公地址', trigger: 'change' },
|
],
|
establishtime:[
|
{ required: true, message: '成立时间', trigger: 'change' },
|
],
|
officephone:[
|
{ required: true, message: '请填写办公电话', trigger: 'blur' },
|
],
|
faxphone:[
|
{ required: true, message: '请填写传真电话', trigger: 'blur' },
|
],
|
businessregisternumber:[
|
{ required: true, message: '请填写工商注册号', trigger: 'blur' },
|
],
|
organizationstructurecode:[
|
{ required: true, message: '请填写组织结构代码', trigger: 'blur' },
|
],
|
employeenumber:[
|
{ required: true, message: '请填写从业人数', trigger: 'blur' },
|
],
|
productioncontent:[
|
{ required: true, message: '请填写生产经营项目', trigger: 'blur' },
|
],
|
insurancecontractnumber:[
|
{required: true, message: '请填写保单号', trigger: 'blur'}
|
],
|
enterprisesize:[
|
{required: true, message: '请填写企业规模', trigger: 'blur'}
|
],
|
enterprisestatus:[
|
{required: true, message: '请填写企业状态', trigger: 'blur'}
|
],
|
ispaysafetyinsurance:[
|
{required: true, message: '请选择是否缴纳安全责任险', trigger: 'change'}
|
],
|
insurancecompany:[
|
{required: true, message: '请填写保险公司', trigger: 'blur'}
|
],
|
personnumber:[
|
{required: true, message: '请填写专职安全生产管理人员及仓库守护、保管人员数量', trigger: 'blur'}
|
],
|
insureamount:[
|
{required: true, message: '请填写投保金额', trigger: 'blur'}
|
],
|
},
|
}
|
},
|
components:{
|
mapLocation,
|
publicSecurityDepartment,
|
selectEnterprise
|
},
|
created(){
|
this.getProvince()
|
},
|
mounted(){
|
this.$nextTick(() => {
|
this.qrcode()
|
})
|
},
|
methods:{
|
qrcode () {
|
if(this.title === '新增'){
|
|
}else{
|
document.getElementById("qrcode").innerHTML = ""
|
let qrcode = new QRCode('qrcode', {
|
width: 125,
|
height: 125, // 高度
|
text: this.passForm.enterprisenumber, // 二维码内容
|
// render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
|
background: '#f0f', // 背景色
|
// foreground: '#ff0' // 前景色
|
|
})
|
}
|
},
|
selectPublicSecurityDepartment(){
|
this.$refs.publicSecurityDepartment.showPublicSecurityDepartment()
|
},
|
showPwd() {
|
if (this.passwordType === 'password') {
|
this.passwordType = ''
|
} else {
|
this.passwordType = 'password'
|
}
|
},
|
async getProvince(){
|
let res = await getProvinceListData()
|
if(res.data.code === "200"){
|
this.provinceList = res.data.result.provinceList
|
}
|
},
|
async changeArea(value){
|
if(value === 'province'){
|
this.dataForm.city = ''
|
this.dataForm.district = ''
|
this.dataForm.street = ''
|
this.dataForm.committee = ''
|
this.areaListQuery = {
|
type: 2,
|
parenttype: 1,
|
parentname: this.dataForm.province,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.cityList = res.data.result
|
}
|
}else if(value === 'city'){
|
this.dataForm.district = ''
|
this.dataForm.street = ''
|
this.dataForm.committee = ''
|
this.areaListQuery = {
|
type: 3,
|
parenttype: 2,
|
parentname: this.dataForm.city,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.districtList = res.data.result
|
}
|
}else if(value === 'district'){
|
this.dataForm.street = ''
|
this.dataForm.committee = ''
|
this.areaListQuery = {
|
type: 4,
|
parenttype: 3,
|
parentname: this.dataForm.district,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.streetList = res.data.result
|
}
|
}else if(value === 'street'){
|
this.dataForm.committee = ''
|
this.areaListQuery = {
|
type: 5,
|
parenttype: 4,
|
parentname: this.dataForm.street,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.committeeList = res.data.result
|
}
|
}
|
},
|
showMapLocation(){
|
this.$refs.mapLocation.openMapLocation(this.dataForm.longitude,this.dataForm.latitude)
|
},
|
showEnterprise(){
|
this.$refs.selectEnterprise.showEnterPrise(this.safetySuperVisionList)
|
},
|
changeSecuritySupervisory(value){
|
this.dataForm.securitysupervisory = value
|
},
|
changeEnterprise(value){
|
this.dataForm.parententerprisename = value
|
},
|
ifShowLong(){
|
if(this.dataForm.safetysupervision === '烟花爆竹生产'){
|
this.stableFire = true
|
this.stableFireSell = false
|
this.longFire = false
|
this.shortFire = false
|
}else if(this.dataForm.safetysupervision === '烟花爆竹批发经营'){
|
this.stableFire = false
|
this.stableFireSell = true
|
this.longFire = false
|
this.shortFire = false
|
}else if(this.dataForm.safetysupervision === '烟花爆竹零售经营（长期）'){
|
this.stableFire = false
|
this.stableFireSell = false
|
this.longFire = true
|
this.shortFire = false
|
}else{
|
this.stableFire = false
|
this.stableFireSell = false
|
this.longFire = false
|
this.shortFire = true
|
}
|
},
|
justifyRules(){
|
this.$refs["dataForm"].validate((valid) =>{
|
if(valid){
|
this.correct = true
|
}else{
|
this.correct = false
|
}
|
})
|
},
|
resetFormRules(){
|
this.$nextTick(()=> {
|
this.$refs["dataForm"].clearValidate()
|
})
|
},
|
submitEnterprise(){
|
this.$emit('getinfo')
|
},
|
changeTime(){
|
this.dataForm.validstarttime = this.validTime[0]
|
this.dataForm.validendtime = this.validTime[1]
|
},
|
cancel(){
|
this.$emit('cancel')
|
},
|
giveInformationOfficerTime(){
|
this.dataForm.informationofficer.validstarttime = this.informationofficerTime[0]
|
this.dataForm.informationofficer.validendtime = this.informationofficerTime[1]
|
},
|
giveSecurityOfficerTime(){
|
this.dataForm.securityofficer.validstarttime = this.securityOfficerTime[0]
|
this.dataForm.securityofficer.validendtime = this.securityOfficerTime[1]
|
},
|
giveMainPrincipalTime(){
|
this.dataForm.mainprincipal.validstarttime = this.mainprincipalTime[0]
|
this.dataForm.mainprincipal.validendtime = this.mainprincipalTime[1]
|
},
|
giveLegalRepresentativeTime(){
|
this.dataForm.legalrepresentative.validstarttime = this.legalRepresentativeTime[0]
|
this.dataForm.legalrepresentative.validendtime = this.legalRepresentativeTime[1]
|
},
|
achieveLatLng(value){
|
this.dataForm.longitude = value.lng
|
this.dataForm.latitude = value.lat
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.enterpriseBasicInformation_input{
|
width:100%;
|
}
|
.enterpriseBasicInformation_image{
|
width:70%;
|
height:70%;
|
margin-left:10px;
|
}
|
.enterpriseBasicInformation_department{
|
height:36px;
|
text-decoration:underline;
|
color:blue;
|
padding-left: 10px;
|
}
|
.enterpriseBasicInformation_area{
|
margin-left: 10px;
|
}
|
.enterpriseBasicInformation_footer{
|
padding-top:10px;
|
text-align: right;
|
}
|
/deep/ .el-divider--horizontal {
|
display: block;
|
height: 1px;
|
width: 100%;
|
margin-bottom: 24px;
|
margin-top: 10px;
|
}
|
.enterpriseBasicInformation_title{
|
font-weight: bolder;
|
font-size: large;
|
text-align: center;
|
margin-top: 24px;
|
}
|
.enterpriseBasicInformation_lnglat{
|
width:48%;
|
}
|
|
/deep/ .person-number>label{
|
width:350px !important;
|
}
|
</style>
|
