<template>
|
<div class="register_main">
|
<div class="register_main_body">
|
<span class="register_main_body_span">用户注册</span>
|
</div>
|
<div class="register_main_form">
|
<el-form :model="registerForm" :rules="rules" ref="ruleForm" label-width="200px">
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="企业名称" prop="enterprisename">
|
<el-input v-model="registerForm.enterprisename" @change="checkNameAndNumber('name')"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4" style="margin-top:10px;" v-if="showName">
|
<span style="margin-left:5px;color: red">企业名称已存在</span>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="企业编号" prop="enterprisenumber">
|
<el-input v-model="registerForm.enterprisenumber" @change="checkNameAndNumber('number')"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="4" style="margin-top:10px;" v-if="showNumber">
|
<span style="margin-left:5px;color: red">企业编号已存在</span>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="密码" prop="password">
|
<el-input v-model="registerForm.password"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="企业类型" prop="type">
|
<el-select v-model="registerForm.type" @change="showMaterial">
|
<el-option
|
v-for="item in typeList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="经营范围" prop="businessrange">
|
<el-input v-model="registerForm.businessrange"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="负责人" prop="legalperson">
|
<el-input v-model="registerForm.legalperson"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="负责人手机号" prop="legalpersonphone">
|
<el-input v-model="registerForm.legalpersonphone"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="许可证开始时间" prop="licensestart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.licensestart"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="许可证结束时间" prop="licenseend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.licenseend"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="省：" prop="province">
|
<el-select v-model="registerForm.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="10">
|
<el-form-item label="市：" prop="city">
|
<el-select v-model="registerForm.city" clearable filterable @change="changeArea('city')">
|
<el-option
|
v-for="item in cityList"
|
: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="district">
|
<el-select v-model="registerForm.district" clearable filterable @change="changeArea('district')">
|
<el-option
|
v-for="item in districtList"
|
: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="street">
|
<el-select v-model="registerForm.street" clearable filterable @change="changeArea('street')">
|
<el-option
|
v-for="item in streetList"
|
: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="committee">
|
<el-select v-model="registerForm.committee" clearable filterable @change="changeArea('committee')">
|
<el-option
|
v-for="item in committeeList"
|
: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="20">
|
<el-form-item label="详细地址" prop="address">
|
<el-input v-model="registerForm.address"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row v-if="longMaterial">
|
<el-form-item label="企业营业执照、生产许可证:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="businessLicense"
|
:on-change="handleChangeOne"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'one')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
<el-row v-if="shortMaterial">
|
<el-form-item label="法人身份证复印件加盖公章:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="idCard"
|
:on-change="handleChangeTwo"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'two')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
<div v-if="shortMaterial">
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（主要负责人）:" prop="legalpersonstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.legalpersonstart"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="legalpersonend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.legalpersonend"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-form-item label="主要负责人、安全生产管理人员考核合格的证明材料:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="legalPerson"
|
:on-change="handleChangeThree"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'three')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
</div>
|
<div v-if="produceMaterial">
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（特种人员）:" prop="qualificationstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.qualificationstart"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="qualificationend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.qualificationend"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-form-item label="特种作业人员取得操作资格证书的证明材料，从业人员安全生产教育和培训合格的证明材料:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="operationQualification"
|
:on-change="handleChangeFour"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'four')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（押运公司）:" prop="escortstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.escortstart"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="escortend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.escortend"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="押运公司营业执照、道路运输经营许可证、危险品准运证:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="escortCompany"
|
:on-change="handleChangeFive"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'five')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
</div>
|
<el-row v-if="shortMaterial">
|
<el-form-item label="安全责任险、意外险投保材料:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="insurance"
|
:on-change="handleChangeSix"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'six')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
<el-row v-if="buyMaterial">
|
<el-form-item label="安全生产标准化证书材料:" prop="imgs">
|
<el-upload
|
action="#"
|
list-type="picture-card"
|
:file-list="safetyProduction"
|
:on-change="handleChangeSeven"
|
:auto-upload="false">
|
<i slot="default" class="el-icon-plus"></i>
|
<div slot="file" slot-scope="{file}">
|
<img
|
class="el-upload-list__item-thumbnail"
|
:src="file.url" alt=""
|
>
|
<span class="el-upload-list__item-actions">
|
<span
|
class="el-upload-list__item-preview"
|
@click="handlePictureCardPreview(file)"
|
>
|
<i class="el-icon-zoom-in"></i>
|
</span>
|
<span
|
v-if="!disabled"
|
class="el-upload-list__item-delete"
|
@click="handleRemove(file,'seven')"
|
>
|
<i class="el-icon-delete"></i>
|
</span>
|
</span>
|
</div>
|
</el-upload>
|
</el-form-item>
|
</el-row>
|
</el-form>
|
<div align="center" style="padding-bottom: 30px">
|
<el-button type="primary" @click="submit()">同意协议并注册</el-button>
|
</div>
|
<el-dialog :visible.sync="dialogVisible">
|
<img width="100%" :src="dialogImageUrl" alt="">
|
</el-dialog>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import {isNameExist, isNumberExist, register} from "../../api/login";
|
import {getCityListData, getProvinceListData} from "../../api/area";
|
import {parseError} from "../../utils/messageDialog";
|
|
export default {
|
name: "register",
|
data(){
|
return{
|
showNumber:false,
|
showName:false,
|
shortMaterial:false,
|
longMaterial:false,
|
produceMaterial:false,
|
buyMaterial:false,
|
registerForm:{
|
enterprisename:'',
|
enterprisenumber:'',
|
password:'',
|
type:'',
|
businessrange:'',
|
licensestart:'',
|
licenseend:'',
|
legalpersonstart:'',
|
legalpersonend:'',
|
qualificationstart:'',
|
qualificationend:'',
|
escortstart:'',
|
escortend:'',
|
legalperson:'',
|
legalpersonphone:'',
|
province:'',
|
city:'',
|
district:'',
|
street:'',
|
committee:'',
|
address:'',
|
},
|
businessLicense:[],
|
idCard:[],
|
legalPerson:[],
|
operationQualification:[],
|
escortCompany:[],
|
insurance:[],
|
safetyProduction:[],
|
rules:{
|
enterprisename:[
|
{ required: true, message: '请填写企业名称', trigger: 'blur' },
|
],
|
enterprisenumber:[
|
{ required: true, message: '请填写企业编号', trigger: 'blur' },
|
],
|
password:[
|
{ required: true, message: '请填写密码', trigger: 'change' },
|
],
|
type:[
|
{ required: true, message: '请选择企业类型', trigger: 'blur' },
|
],
|
businessrange:[
|
{ required: true, message: '请填写经营范围', trigger: 'blur' },
|
],
|
legalperson:[
|
{ required: true, message: '请填写负责人', trigger: 'blur' },
|
],
|
legalpersonphone:[
|
{ required: true, message: '请填写负责人电话', trigger: 'blur' },
|
],
|
licensestart:[
|
{ required: true, message: '请填写许可证有效期开始日期', trigger: 'blur' },
|
],
|
licenseend:[
|
{ required: true, message: '请填写许可证有效期结束日期', trigger: 'blur' },
|
],
|
province:[
|
{ required: true, message: '请填写省', trigger: 'change' },
|
],
|
city:[
|
{ required: true, message: '请填写市', trigger: 'change' },
|
],
|
district:[
|
{ required: true, message: '请填写区', trigger: 'change' },
|
],
|
address:[
|
{ required: true, message: '请填写区', trigger: 'blur' },
|
],
|
legalpersonstart:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
legalpersonend:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
qualificationstart:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
qualificationend:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
escortstart:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
escortend:[
|
{ required: true, message: '请填写', trigger: 'change' },
|
],
|
},
|
typeList:[{id:1,name:'烟花爆竹生产'},{id:2,name:'烟花爆竹批发经营'},{id:3,name:'烟花爆竹零售经营（长期）'},{id:4,name:'烟花爆竹零售经营（短期）'}],
|
provinceList:[],
|
cityList:[],
|
districtList: [],
|
streetList:[],
|
committeeList:[],
|
dialogImageUrl: '',
|
dialogVisible: false,
|
disabled: false
|
}
|
},
|
watch:{
|
},
|
created(){
|
this.getProvince()
|
},
|
methods:{
|
handleRemove(file,value) {
|
return this.$confirm(`确定移除 ${ file.name }？`,'提示',{
|
confirmButtonText:'确定',
|
cancelButtonText:'取消',
|
type:'warning',
|
}).then(()=> {
|
switch (value) {
|
case 'one':this.businessLicense.splice(this.businessLicense.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'two':this.idCard.splice(this.idCard.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'three':this.legalPerson.splice(this.legalPerson.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'four':this.operationQualification.splice(this.operationQualification.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'five':this.escortCompany.splice(this.escortCompany.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'six':this.insurance.splice(this.insurance.findIndex(item =>item.name === file.name),1);
|
break;
|
case 'seven':this.safetyProduction.splice(this.safetyProduction.findIndex(item =>item.name === file.name),1);
|
break;
|
}
|
})
|
},
|
handlePictureCardPreview(file) {
|
this.dialogImageUrl = file.url;
|
this.dialogVisible = true;
|
},
|
handleChangeOne(file, fileList) {
|
this.businessLicense = fileList.slice(0);
|
},
|
handleChangeTwo(file, fileList){
|
this.idCard = fileList.slice(0);
|
},
|
handleChangeThree(file, fileList) {
|
this.legalPerson = fileList.slice(0);
|
},
|
handleChangeFour(file, fileList){
|
this.operationQualification = fileList.slice(0);
|
},
|
handleChangeFive(file, fileList) {
|
this.escortCompany = fileList.slice(0);
|
},
|
handleChangeSix(file, fileList){
|
this.insurance = fileList.slice(0);
|
},
|
handleChangeSeven(file,fileList){
|
this.safetyProduction = fileList.slice(0)
|
},
|
async getProvince(){
|
let res = await getProvinceListData()
|
if(res.data.code === "200"){
|
this.provinceList = res.data.result.provinceList
|
}
|
},//获取省
|
async submit(){
|
this.$refs["ruleForm"].validate((valid) =>{
|
if(valid){
|
if(this.registerForm.type === '烟花爆竹生产' && this.businessLicense.length !== 0 && this.idCard.length !== 0 && this.legalPerson.length !== 0 && this.operationQualification.length !== 0 && this.escortCompany.length !== 0 && this.insurance.length !==0){
|
this.businessLicense = this.businessLicense.map((item,index,arr) =>{
|
return item.raw
|
},this.businessLicense)
|
this.idCard = this.idCard.map((item,index,arr) =>{
|
return item.raw
|
},this.idCard)
|
this.legalPerson = this.legalPerson.map((item,index,arr) =>{
|
return item.raw
|
},this.legalPerson)
|
this.operationQualification = this.operationQualification.map((item,index,arr) =>{
|
return item.raw
|
},this.operationQualification)
|
this.escortCompany = this.escortCompany.map((item,index,arr) =>{
|
return item.raw
|
},this.escortCompany)
|
this.insurance = this.insurance.map((item,index,arr) =>{
|
return item.raw
|
},this.insurance)
|
this.safetyProduction = this.safetyProduction.map((item,index,arr) =>{
|
return item.raw
|
},this.safetyProduction)
|
const formData = new FormData();
|
for (const i in this.registerForm) {
|
if (
|
this.registerForm[i] != undefined &&
|
this.registerForm[i].toString() != ""
|
) {
|
formData.append(i, this.registerForm[i]);
|
}
|
}
|
if (this.businessLicense && this.businessLicense.length > 0) {
|
for (let i = 0; i < this.businessLicense.length; i++)
|
formData.append("businessLicense", this.businessLicense[i]);
|
}
|
if (this.idCard && this.idCard.length > 0) {
|
for (let i = 0; i < this.idCard.length; i++)
|
formData.append("idCard", this.idCard[i]);
|
}
|
if (this.legalPerson && this.legalPerson.length > 0) {
|
for (let i = 0; i < this.legalPerson.length; i++)
|
formData.append("legalPersonFile", this.legalPerson[i]);
|
}
|
if (this.operationQualification && this.operationQualification.length > 0) {
|
for (let i = 0; i < this.operationQualification.length; i++)
|
formData.append("operationQualification", this.operationQualification[i]);
|
}
|
if (this.escortCompany && this.escortCompany.length > 0) {
|
for (let i = 0; i < this.escortCompany.length; i++)
|
formData.append("escortCompany", this.escortCompany[i]);
|
}
|
if (this.insurance && this.insurance.length > 0) {
|
for (let i = 0; i < this.insurance.length; i++)
|
formData.append("insurance", this.insurance[i]);
|
}
|
if (this.safetyProduction && this.safetyProduction.length > 0) {
|
for (let i = 0; i < this.safetyProduction.length; i++)
|
formData.append("safetyProduction", this.safetyProduction[i]);
|
}
|
register(formData).then(res =>{
|
if(res.data.code === '200'){
|
this.$message({
|
type:'success',
|
message:'注册成功',
|
duration:2000,
|
title:'成功'
|
})
|
this.$router.push('/login')
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}else if(this.registerForm.type === '烟花爆竹批发经营'&& this.businessLicense.length !== 0 && this.idCard.length !== 0 && this.legalPerson.length !== 0 && this.operationQualification.length !== 0 && this.escortCompany.length !== 0 && this.insurance.length !== 0 && this.safetyProduction.length !== 0){
|
this.businessLicense = this.businessLicense.map((item,index,arr) =>{
|
return item.raw
|
},this.businessLicense)
|
this.idCard = this.idCard.map((item,index,arr) =>{
|
return item.raw
|
},this.idCard)
|
this.legalPerson = this.legalPerson.map((item,index,arr) =>{
|
return item.raw
|
},this.legalPerson)
|
this.operationQualification = this.operationQualification.map((item,index,arr) =>{
|
return item.raw
|
},this.operationQualification)
|
this.escortCompany = this.escortCompany.map((item,index,arr) =>{
|
return item.raw
|
},this.escortCompany)
|
this.insurance = this.insurance.map((item,index,arr) =>{
|
return item.raw
|
},this.insurance)
|
this.safetyProduction = this.safetyProduction.map((item,index,arr) =>{
|
return item.raw
|
},this.safetyProduction)
|
const formData = new FormData();
|
for (const i in this.registerForm) {
|
if (
|
this.registerForm[i] != undefined &&
|
this.registerForm[i].toString() != ""
|
) {
|
formData.append(i, this.registerForm[i]);
|
}
|
}
|
if (this.businessLicense && this.businessLicense.length > 0) {
|
for (let i = 0; i < this.businessLicense.length; i++)
|
formData.append("businessLicense", this.businessLicense[i]);
|
}
|
if (this.idCard && this.idCard.length > 0) {
|
for (let i = 0; i < this.idCard.length; i++)
|
formData.append("idCard", this.idCard[i]);
|
}
|
if (this.legalPerson && this.legalPerson.length > 0) {
|
for (let i = 0; i < this.legalPerson.length; i++)
|
formData.append("legalPersonFile", this.legalPerson[i]);
|
}
|
if (this.operationQualification && this.operationQualification.length > 0) {
|
for (let i = 0; i < this.operationQualification.length; i++)
|
formData.append("operationQualification", this.operationQualification[i]);
|
}
|
if (this.escortCompany && this.escortCompany.length > 0) {
|
for (let i = 0; i < this.escortCompany.length; i++)
|
formData.append("escortCompany", this.escortCompany[i]);
|
}
|
if (this.insurance && this.insurance.length > 0) {
|
for (let i = 0; i < this.insurance.length; i++)
|
formData.append("insurance", this.insurance[i]);
|
}
|
if (this.safetyProduction && this.safetyProduction.length > 0) {
|
for (let i = 0; i < this.safetyProduction.length; i++)
|
formData.append("safetyProduction", this.safetyProduction[i]);
|
}
|
register(formData).then(res =>{
|
if(res.data.code === '200'){
|
this.$message({
|
type:'success',
|
message:'注册成功',
|
duration:2000,
|
title:'成功'
|
})
|
this.$router.push('/login')
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}else if(this.registerForm.type === '烟花爆竹零售经营（长期）' && this.businessLicense.length !== 0 && this.idCard.length !== 0 && this.legalPerson.length !== 0 && this.insurance.length !== 0){
|
this.businessLicense = this.businessLicense.map((item,index,arr) =>{
|
return item.raw
|
},this.businessLicense)
|
this.idCard = this.idCard.map((item,index,arr) =>{
|
return item.raw
|
},this.idCard)
|
this.legalPerson = this.legalPerson.map((item,index,arr) =>{
|
return item.raw
|
},this.legalPerson)
|
this.operationQualification = this.operationQualification.map((item,index,arr) =>{
|
return item.raw
|
},this.operationQualification)
|
this.escortCompany = this.escortCompany.map((item,index,arr) =>{
|
return item.raw
|
},this.escortCompany)
|
this.insurance = this.insurance.map((item,index,arr) =>{
|
return item.raw
|
},this.insurance)
|
this.safetyProduction = this.safetyProduction.map((item,index,arr) =>{
|
return item.raw
|
},this.safetyProduction)
|
const formData = new FormData();
|
for (const i in this.registerForm) {
|
if (
|
this.registerForm[i] != undefined &&
|
this.registerForm[i].toString() != ""
|
) {
|
formData.append(i, this.registerForm[i]);
|
}
|
}
|
if (this.businessLicense && this.businessLicense.length > 0) {
|
for (let i = 0; i < this.businessLicense.length; i++)
|
formData.append("businessLicense", this.businessLicense[i]);
|
}
|
if (this.idCard && this.idCard.length > 0) {
|
for (let i = 0; i < this.idCard.length; i++)
|
formData.append("idCard", this.idCard[i]);
|
}
|
if (this.legalPerson && this.legalPerson.length > 0) {
|
for (let i = 0; i < this.legalPerson.length; i++)
|
formData.append("legalPersonFile", this.legalPerson[i]);
|
}
|
if (this.operationQualification && this.operationQualification.length > 0) {
|
for (let i = 0; i < this.operationQualification.length; i++)
|
formData.append("operationQualification", this.operationQualification[i]);
|
}
|
if (this.escortCompany && this.escortCompany.length > 0) {
|
for (let i = 0; i < this.escortCompany.length; i++)
|
formData.append("escortCompany", this.escortCompany[i]);
|
}
|
if (this.insurance && this.insurance.length > 0) {
|
for (let i = 0; i < this.insurance.length; i++)
|
formData.append("insurance", this.insurance[i]);
|
}
|
if (this.safetyProduction && this.safetyProduction.length > 0) {
|
for (let i = 0; i < this.safetyProduction.length; i++)
|
formData.append("safetyProduction", this.safetyProduction[i]);
|
}
|
register(formData).then(res =>{
|
if(res.data.code === '200'){
|
this.$message({
|
type:'success',
|
message:'注册成功',
|
duration:2000,
|
title:'成功'
|
})
|
this.$router.push('/login')
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}else if(this.registerForm.type==='烟花爆竹零售经营（短期）' && this.idCard.length !== 0 && this.legalPerson.length !== 0 && this.insurance.length !== 0){
|
this.businessLicense = this.businessLicense.map((item,index,arr) =>{
|
return item.raw
|
},this.businessLicense)
|
this.idCard = this.idCard.map((item,index,arr) =>{
|
return item.raw
|
},this.idCard)
|
this.legalPerson = this.legalPerson.map((item,index,arr) =>{
|
return item.raw
|
},this.legalPerson)
|
this.operationQualification = this.operationQualification.map((item,index,arr) =>{
|
return item.raw
|
},this.operationQualification)
|
this.escortCompany = this.escortCompany.map((item,index,arr) =>{
|
return item.raw
|
},this.escortCompany)
|
this.insurance = this.insurance.map((item,index,arr) =>{
|
return item.raw
|
},this.insurance)
|
this.safetyProduction = this.safetyProduction.map((item,index,arr) =>{
|
return item.raw
|
},this.safetyProduction)
|
const formData = new FormData();
|
for (const i in this.registerForm) {
|
if (
|
this.registerForm[i] != undefined &&
|
this.registerForm[i].toString() != ""
|
) {
|
formData.append(i, this.registerForm[i]);
|
}
|
}
|
if (this.businessLicense && this.businessLicense.length > 0) {
|
for (let i = 0; i < this.businessLicense.length; i++)
|
formData.append("businessLicense", this.businessLicense[i]);
|
}
|
if (this.idCard && this.idCard.length > 0) {
|
for (let i = 0; i < this.idCard.length; i++)
|
formData.append("idCard", this.idCard[i]);
|
}
|
if (this.legalPerson && this.legalPerson.length > 0) {
|
for (let i = 0; i < this.legalPerson.length; i++)
|
formData.append("legalPersonFile", this.legalPerson[i]);
|
}
|
if (this.operationQualification && this.operationQualification.length > 0) {
|
for (let i = 0; i < this.operationQualification.length; i++)
|
formData.append("operationQualification", this.operationQualification[i]);
|
}
|
if (this.escortCompany && this.escortCompany.length > 0) {
|
for (let i = 0; i < this.escortCompany.length; i++)
|
formData.append("escortCompany", this.escortCompany[i]);
|
}
|
if (this.insurance && this.insurance.length > 0) {
|
for (let i = 0; i < this.insurance.length; i++)
|
formData.append("insurance", this.insurance[i]);
|
}
|
if (this.safetyProduction && this.safetyProduction.length > 0) {
|
for (let i = 0; i < this.safetyProduction.length; i++)
|
formData.append("safetyProduction", this.safetyProduction[i]);
|
}
|
register(formData).then(res =>{
|
if(res.data.code === '200'){
|
this.$message({
|
type:'success',
|
message:'注册成功',
|
duration:2000,
|
title:'成功'
|
})
|
this.$router.push('/login')
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}else{
|
this.$message({
|
type:'warning',
|
message:'请提交相关材料'
|
})
|
}
|
}else{
|
this.$message({
|
type:'warning',
|
message:'请填写基本信息'
|
})
|
}
|
})
|
|
},
|
async changeArea(value){
|
if(value === 'province'){
|
this.registerForm.city = ''
|
this.registerForm.district = ''
|
this.registerForm.street = ''
|
this.registerForm.committee = ''
|
this.areaListQuery = {
|
type: 2,
|
parenttype: 1,
|
parentname: this.registerForm.province,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.cityList = res.data.result
|
}
|
}else if(value === 'city'){
|
this.registerForm.district = ''
|
this.registerForm.street = ''
|
this.registerForm.committee = ''
|
this.areaListQuery = {
|
type: 3,
|
parenttype: 2,
|
parentname: this.registerForm.city,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.districtList = res.data.result
|
}
|
}else if(value === 'district'){
|
this.registerForm.street = ''
|
this.registerForm.committee = ''
|
this.areaListQuery = {
|
type: 4,
|
parenttype: 3,
|
parentname: this.registerForm.district,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.streetList = res.data.result
|
}
|
}else if(value === 'street'){
|
this.registerForm.committee = ''
|
this.areaListQuery = {
|
type: 5,
|
parenttype: 4,
|
parentname: this.registerForm.street,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.committeeList = res.data.result
|
}
|
}
|
},//市、镇、街道、委员会
|
showMaterial(){
|
if(this.registerForm.type === '烟花爆竹生产'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = true
|
this.buyMaterial = false
|
}else if(this.registerForm.type === '烟花爆竹批发经营'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = true
|
this.buyMaterial = true
|
}else if(this.registerForm.type === '烟花爆竹零售经营（长期）'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = false
|
this.buyMaterial = false
|
}else{
|
this.shortMaterial = true
|
this.longMaterial = false
|
this.produceMaterial = false
|
this.buyMaterial = false
|
}
|
},
|
checkNameAndNumber(value){
|
if(value === 'name'){
|
isNameExist(this.registerForm.enterprisename).then(res =>{
|
if(res.data.code === '200'){
|
if(res.data.result === true) {
|
this.showName = true
|
this.$message({
|
type: 'warning',
|
message: '企业名称已存在',
|
})
|
}else{
|
this.$message({
|
type:'success',
|
message:'企业名称可以使用'
|
})
|
this.showName = false
|
}
|
}else{
|
this.showName = false
|
this.$message({
|
type:'warning',
|
message:res.data.message,
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}else if(value === 'number'){
|
isNumberExist(this.registerForm.enterprisenumber).then(res =>{
|
if(res.data.code === '200'){
|
if(res.data.result === true) {
|
this.showNumber = true
|
this.$message({
|
type: 'warning',
|
message: '企业编号已存在',
|
})
|
}else{
|
this.$message({
|
type:'success',
|
message:'企业编号可以使用'
|
})
|
this.showNumber = false
|
}
|
}else{
|
this.showNumber = false
|
this.$message({
|
type:'warning',
|
message:res.data.message,
|
})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: this})
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style rel="stylesheet/scss" lang="scss">
|
$dark_gray:#889aa4;
|
.register_main{
|
display: block;
|
width: 100%;
|
max-width: 1200px;
|
padding: 0 20px;
|
margin: 30px auto
|
}
|
.register_main_body{
|
font-size: 24px;
|
}
|
.register_main_form{
|
padding-top: 70px;
|
margin: 30px auto;
|
max-width: 900px;
|
display: block;
|
width: 100%;
|
}
|
.register_main_body_span{
|
padding: 6px 5px 6px 15px;
|
color: $dark_gray;
|
vertical-align: middle;
|
width: 30px;
|
display: inline-block;
|
}
|
</style>
|
