<template>
|
<el-dialog
|
:visible.sync="licenseInfoVisible"
|
append-to-body
|
:title="title"
|
:close-on-click-modal="false"
|
width="60%"
|
>
|
|
<el-form ref="dataForm" :model="dataForm" :rules="ruleForm" label-position="right" label-width="150px" element-loading-text="保存中...">
|
<el-row>
|
<el-col :span="23">
|
<el-row>
|
<el-col :span="15">
|
<el-form-item label="企业名称:" >
|
<el-input v-model.trim="dataForm.name" class="carrierLicense_select" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="统一社会信用代码:" >
|
<el-input v-model.trim="dataForm.code" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="主要负责人姓名:" >
|
<el-input v-model.trim="dataForm.mainpersonname" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="主要负责人身份证号:" >
|
<el-input v-model.trim="dataForm.mainpersonidcardnum" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="主要负责人联系电话:" >
|
<el-input v-model.trim="dataForm.mainpersontel" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="安全负责人姓名:" >
|
<el-input v-model.trim="dataForm.safetypersonname" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="安全负责人身份证号:" >
|
<el-input v-model.trim="dataForm.safetypersonidcardnum" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="安全负责人联系电话:" >
|
<el-input v-model.trim="dataForm.safetypersontel" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="许可类型:" >
|
<el-select v-model="dataForm.licensetype" clearable filterable >
|
<el-option
|
v-for="item in licensetypeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="经营方式:" >
|
<el-select v-model="dataForm.dealingtype" clearable filterable @change="changeDealing()">
|
<el-option
|
v-for="item in dealingtypeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="核定储量（箱）:" >
|
<el-input-number :controls="false" v-model="dataForm.reservebox">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="核定储量（千克）:" >
|
<el-input-number :controls="false" v-model="dataForm.reservekg">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="经营面积（全部）:" >
|
<el-input-number :controls="false" v-model="dataForm.dealingarea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="经营面积（物品）:" v-if="showSaveArea">
|
<el-input-number :controls="false" v-model="dataForm.savearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="注册地址省:" >
|
<el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')" placeholder="省">
|
<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="8">
|
<el-form-item label="市" >
|
<el-select v-model="dataForm.city" prop="city" clearable filterable @change="changeArea('city')" placeholder="市">
|
<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-col :span="8">
|
<el-form-item label="区" >
|
<el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" placeholder="区">
|
<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-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="注册详细地址:" >
|
<el-input v-model.trim="dataForm.address" class="carrierLicense_select" placeholder="详细地址（无需填写省市区信息）">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :span="8">-->
|
<!-- <el-form-item label="发证机关:" >-->
|
<!-- <el-input v-model.trim="dataForm.salecompanyname" class="carrierLicense_select">-->
|
<!-- </el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="仓储地址省:" >
|
<el-select v-model="dataForm.storageprovince" clearable filterable @change="changeStorageArea('province')" placeholder="省">
|
<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="8">
|
<el-form-item label="市" >
|
<el-select v-model="dataForm.storagecity" prop="city" clearable filterable @change="changeStorageArea('city')" placeholder="市">
|
<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-col :span="8">
|
<el-form-item label="区" >
|
<el-select v-model="dataForm.storagedistrict" clearable filterable @change="changeStorageArea('district')" placeholder="区">
|
<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-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="仓储详细地址:" >
|
<el-input v-model.trim="dataForm.storageaddress" class="carrierLicense_select" placeholder="详细地址（无需填写省市区信息）">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :span="8">-->
|
<!-- <el-form-item label="发证机关:" >-->
|
<!-- <el-input v-model.trim="dataForm.salecompanyname" class="carrierLicense_select">-->
|
<!-- </el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
</el-row>
|
<el-row>
|
<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-row>
|
|
<div v-if="roleType==='烟花爆竹批发经营' || type === 2 ? true : false">
|
<div class="enterpriseBasicInformation_title">
|
<span>库房信息</span>
|
</div>
|
<el-divider></el-divider>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="库区面积:" >
|
<el-input-number :controls="false" style="width: auto" v-model.trim="area" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房数量:" >
|
<el-input v-model.trim="storagenum" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房面积:" >
|
<el-input v-model.trim="storagearea" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="核定药量:" >
|
<el-input v-model.trim="powder" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="firststoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="firststoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="firstpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="thirdstoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="thirdstoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="thirdpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<div v-if="roleType==='烟花爆竹生产' || type === 1 ? true : false">
|
<div class="enterpriseBasicInformation_title">
|
<span>危险品中转库信息</span>
|
</div>
|
<el-divider></el-divider>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="库区面积:" >
|
<el-input-number :controls="false" style="width: auto" v-model.trim="storage1.area" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房数量:" >
|
<el-input v-model.trim="storagenum1" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房面积:" >
|
<el-input v-model.trim="storagearea1" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="核定药量:" >
|
<el-input v-model.trim="powder1" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage1.firststoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage1.firststoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage1.firstpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage1.thirdstoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage1.thirdstoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage1.thirdpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>药物总库信息</span>
|
</div>
|
<el-divider></el-divider>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="库区面积:" >
|
<el-input-number :controls="false" style="width: auto" v-model.trim="storage2.area" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房数量:" >
|
<el-input v-model.trim="storagenum2" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房面积:" >
|
<el-input v-model.trim="storagearea2" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="核定药量:" >
|
<el-input v-model.trim="powder2" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage2.firststoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage2.firststoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage2.firstpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage2.thirdstoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage2.thirdtoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage2.thirdpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>成品总库信息</span>
|
</div>
|
<el-divider></el-divider>
|
<el-row>
|
<el-col :span="6">
|
<el-form-item label="库区面积:" >
|
<el-input-number :controls="false" style="width: auto" v-model.trim="storage3.area" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房数量:" >
|
<el-input v-model.trim="storagenum3" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="库房面积:" >
|
<el-input v-model.trim="storagearea3" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="核定药量:" >
|
<el-input v-model.trim="powder3" :disabled="true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage3.firststoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage3.firststoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.1级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage3.firstpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房数量:" >
|
<el-input-number :controls="false" v-model.trim="storage3.thirdstoragenum" >
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 库房面积:" >
|
<el-input-number :controls="false" v-model.trim="storage3.thirdtoragearea">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="1.3级 核定药量:" >
|
<el-input-number :controls="false" v-model.trim="storage3.thirdpowder">
|
</el-input-number>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="许可范围:" >
|
<el-row>
|
<el-col :span="8">
|
<el-checkbox v-model="checked1" @change="justifySingle(1)">爆竹类</el-checkbox>
|
<el-checkbox-group v-model="checkMore1" style="display:inline-block;" @change="justify(1)">
|
<el-checkbox v-for="item in checkList1" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="8">
|
<el-checkbox v-model="checked2" @change="justifySingle(2)">喷花类</el-checkbox>
|
<el-checkbox-group v-model="checkMore2" style="display:inline-block;" @change="justify(2)">
|
<el-checkbox v-for="item in checkList2" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="8">
|
<el-checkbox v-model="checked3" @change="justifySingle(3)">旋转类</el-checkbox>
|
<el-checkbox-group v-model="checkMore3" style="display:inline-block;" @change="justify(3)">
|
<el-checkbox v-for="item in checkMoreList" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-checkbox v-model="checked4" @change="justifySingle(4)">吐珠类</el-checkbox>
|
<el-checkbox-group v-model="checkMore4" style="display:inline-block;" @change="justify(4)">
|
<el-checkbox v-for="item in checkList1" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="8">
|
<el-checkbox v-model="checked5" @change="justifySingle(5)">玩具类</el-checkbox>
|
<el-checkbox-group v-model="checkMore5" style="display:inline-block;" @change="justify(5)">
|
<el-checkbox v-for="item in checkMoreList" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="8">
|
<el-checkbox v-model="checked6" @change="justifySingle(6)">组合烟花类</el-checkbox>
|
<el-checkbox-group v-model="checkMore6" style="display:inline-block;" @change="justify(6)">
|
<el-checkbox v-for="item in checkList2" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
<el-col :span="8">
|
<el-checkbox v-model="checked7" @change="justifySingle(7)">升空类</el-checkbox>
|
<el-checkbox-group v-model="checkMore7" style="display:inline-block;" @change="justify(7)">
|
<el-checkbox v-for="item in checkList2" :label="item" :key="item">{{item}}</el-checkbox>
|
</el-checkbox-group>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="备注:" >
|
<el-input type="textarea" :rows="3" v-model.trim="dataForm.remark" class="carrierLicense_select">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
|
<div class="enterpriseBasicInformation_title">
|
<span>发证机关必填内容</span>
|
<span style="display: inline-block;color:red">(*必填)</span>
|
</div>
|
<el-divider></el-divider>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="发证机关:" prop="issuingunit" :rules="rules.rulesItem">
|
<el-input v-model.trim="dataForm.issuingunit" :disabled="isSupervision === 'null' ? false :true">
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="发证日期:" prop="issuingdate" :rules="rules.rulesItem">
|
<el-date-picker
|
:disabled="isSupervision === 'null' ? false :true"
|
value-format="yyyy-MM-dd"
|
v-model="dataForm.issuingdate"
|
placeholder="选择日期时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<span :span="16">
|
<el-form-item label="有效期:" prop="effectdate" :rules="rules.rulesArray">
|
<el-date-picker
|
:disabled="isSupervision === 'null' ? false :true"
|
value-format="yyyy-MM-dd"
|
v-model="validTime"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
@change="giveData"
|
>
|
</el-date-picker>
|
</el-form-item>
|
</span>
|
</el-row>
|
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
<div align="right" style="margin-top:30px;" v-if="title==='审核' ? false : true">
|
<el-button @click="licenseInfoVisible = false">取消</el-button>
|
<el-button type="primary" @click="submit('')">确认</el-button>
|
</div>
|
<div align="right" style="margin-top:30px;" v-if="title==='审核' ?true : false">
|
<el-button @click="submit('拒绝')">拒绝</el-button>
|
<el-button type="primary" @click="submit('同意')">同意</el-button>
|
</div>
|
<!-- <select-enterprise ref="selectEnterprise" @getinfo="giveEnterprise"></select-enterprise>-->
|
</el-dialog>
|
</template>
|
|
<script>
|
import selectEnterprise from "./selectEnterprise";
|
import {addLicenseInfo,modLicense} from "../../../../api/license";
|
import {getCityListData, getProvinceListData} from "../../../../api/area";
|
import Cookies from "js-cookie";
|
import { dictionaryAllItems } from '../../../../api/dictionary'
|
import {parseError} from "../../../../utils/messageDialog";
|
|
export default {
|
name: "licenseInfoForm",
|
data(){
|
return{
|
title:'',
|
licenseInfoVisible:false,
|
ruleForm:{
|
|
},
|
rules:{
|
rulesItem:[
|
{ message:"必填项",required:true, trigger: 'change'}
|
],
|
rulesArray:[
|
{ type:'array',message:"开始结束日期必填",required:true, trigger: 'change'}
|
],
|
},
|
type:null,
|
isSupervision:'',
|
roleType:'',
|
showSaveArea:false,
|
salecompanyname:[],
|
economicTypeList:[],
|
licensetypeList:[
|
{id:1,name:'长期'},
|
{id:2,name:'临时'}
|
],
|
dealingtypeList:[
|
{id:1,name:'专柜'},
|
{id:2,name:'专店'}
|
],
|
validTime:['',''],
|
dataForm:{
|
id:'',
|
type:null,
|
name:'',
|
mainpersonname:'',
|
mainpersonidcardnum:'',
|
mainpersontel:'',
|
safetypersonname:'',
|
safetypersonidcardnum:'',
|
safetypersontel:'',
|
dealingrange:[],
|
licensetype:'',
|
dealingtype:'',
|
reservebox:'',
|
reservekg:'',
|
dealingarea:'',
|
savearea:'',
|
province:'',
|
city:'',
|
district:'',
|
address:'',
|
storageprovince:'',
|
storagecity:'',
|
storagedistrict:'',
|
storageaddress:'',
|
issuingunit:'',
|
issuingdate:'',
|
effectdate:'',
|
noeffectdate:'',
|
economictype:'',
|
licenseStorage:[
|
|
],
|
remark:'',
|
},
|
areaListQuery:{
|
|
},
|
provinceList:[],
|
cityList:[],
|
districtList:[],
|
checked1:false,
|
checked2:false,
|
checked3:false,
|
checked4:false,
|
checked5:false,
|
checked6:false,
|
checked7:false,
|
checkMore1:[],
|
checkMore2:[],
|
checkMore3:[],
|
checkMore4:[],
|
checkMore5:[],
|
checkMore6:[],
|
checkMore7:[],
|
checkList1:['C级','D级'],
|
checkList2:['C级','D级'],
|
checkMoreList:['C级','D级'],
|
storage1:{
|
id:null,
|
area:null,
|
firststoragenum:null,
|
thirdstoragenum:null,
|
firststoragearea:null,
|
thirdstoragearea:null,
|
firstpowder:null,
|
thirdpowder:null,
|
},
|
storage2:{
|
id:null,
|
area:null,
|
firststoragenum:null,
|
thirdstoragenum:null,
|
firststoragearea:null,
|
thirdstoragearea:null,
|
firstpowder:null,
|
thirdpowder:null,
|
},
|
storage3:{
|
id:null,
|
area:null,
|
firststoragenum:null,
|
thirdstoragenum:null,
|
firststoragearea:null,
|
thirdstoragearea:null,
|
firstpowder:null,
|
thirdpowder:null,
|
},
|
id:null,
|
area:null,
|
firststoragenum:null,
|
thirdstoragenum:null,
|
firststoragearea:null,
|
thirdstoragearea:null,
|
firstpowder:null,
|
thirdpowder:null,
|
}
|
},
|
components:{
|
selectEnterprise
|
},
|
computed:{
|
storagenum:function (){
|
return Number(this.firststoragenum) + Number(this.thirdstoragenum)
|
},
|
storagearea:function(){
|
return Number(this.firststoragearea) + Number(this.thirdstoragearea)
|
},
|
powder:function (){
|
return Number(this.firstpowder) + Number(this.thirdpowder)
|
},
|
storagenum1:function (){
|
return Number(this.storage1.firststoragenum) + Number(this.storage1.thirdstoragenum)
|
},
|
storagearea1:function(){
|
console.log(this.storage1);
|
return Number(this.storage1.firststoragearea) + Number(this.storage1.thirdstoragearea)
|
},
|
powder1:function (){
|
console.log(this.storage1);
|
return Number(this.storage1.firstpowder) + Number(this.storage1.thirdpowder)
|
},
|
storagenum2:function (){
|
return Number(this.storage2.firststoragenum) + Number(this.storage2.thirdstoragenum)
|
},
|
storagearea2:function(){
|
return Number(this.storage2.firststoragearea) + Number(this.storage2.thirdstoragearea)
|
},
|
powder2:function (){
|
return Number(this.storage2.firstpowder) + Number(this.storage2.thirdpowder)
|
},
|
storagenum3:function (){
|
return Number(this.storage3.firststoragenum) + Number(this.storage3.thirdstoragenum)
|
},
|
storagearea3:function(){
|
return Number(this.storage3.firststoragearea) + Number(this.storage3.thirdstoragearea)
|
},
|
powder3:function (){
|
return Number(this.storage3.firstpowder) + Number(this.storage3.thirdpowder)
|
}
|
},
|
created(){
|
this.getProvince();
|
this.getEconomicTypeList()
|
},
|
methods:{
|
showLicenseForm(title,value,isSupervision,roleType){
|
this.isSupervision = isSupervision
|
this.roleType = roleType
|
this.licenseInfoVisible = true
|
this.title = title
|
this.validTime = [value.effectdate,value.noeffectdate]
|
let {...copyValue} = value
|
this.dataForm = copyValue
|
if(roleType === '烟花爆竹批发经营' || (this.dataForm.type === 2 && roleType === 'null')){
|
this.type = 2
|
if(this.dataForm.licenseStorage.length > 10){
|
this.dataForm.licenseStorage = JSON.parse(this.dataForm.licenseStorage)
|
this.dataForm.dealingrange =JSON.parse(this.dataForm.dealingrange)
|
}
|
let licenseStorage = this.dataForm.licenseStorage
|
let dealingrange = this.dataForm.dealingrange
|
this.id = licenseStorage[0].id
|
this.area = licenseStorage[0].area
|
this.firststoragenum=licenseStorage[0].firststoragenum
|
this.thirdstoragenum=licenseStorage[0].thirdstoragenum
|
this.firststoragearea=licenseStorage[0].firststoragearea
|
this.thirdstoragearea=licenseStorage[0].thirdstoragearea
|
this.firstpowder=licenseStorage[0].firstpowder
|
this.thirdpowder=licenseStorage[0].thirdpowder
|
this.checked1 = dealingrange[0].checked1
|
this.checked2 = dealingrange[1].checked2
|
this.checked3 = dealingrange[2].checked3
|
this.checked4 = dealingrange[3].checked4
|
this.checked5 = dealingrange[4].checked5
|
this.checked6 = dealingrange[5].checked6
|
this.checked7 = dealingrange[6].checked7
|
this.checkMore1=dealingrange[0].checkMore1
|
this.checkMore2=dealingrange[1].checkMore2
|
this.checkMore3=dealingrange[2].checkMore3
|
this.checkMore4=dealingrange[3].checkMore4
|
this.checkMore5=dealingrange[4].checkMore5
|
this.checkMore6=dealingrange[5].checkMore6
|
this.checkMore7=dealingrange[6].checkMore7
|
}else if(roleType === '烟花爆竹零售经营（长期）' || roleType === '烟花爆竹零售经营（短期）' || (roleType === 'null'&& this.dataForm.type ===3)){
|
this.type = 3
|
if(this.dataForm.dealingrange.length > 10){
|
this.dataForm.dealingrange =JSON.parse(this.dataForm.dealingrange)
|
}
|
let dealingrange = this.dataForm.dealingrange
|
this.checked1 = dealingrange[0].checked1
|
this.checked2 = dealingrange[1].checked2
|
this.checked3 = dealingrange[2].checked3
|
this.checked4 = dealingrange[3].checked4
|
this.checked5 = dealingrange[4].checked5
|
this.checked6 = dealingrange[5].checked6
|
this.checked7 = dealingrange[6].checked7
|
this.checkMore1=dealingrange[0].checkMore1
|
this.checkMore2=dealingrange[1].checkMore2
|
this.checkMore3=dealingrange[2].checkMore3
|
this.checkMore4=dealingrange[3].checkMore4
|
this.checkMore5=dealingrange[4].checkMore5
|
this.checkMore6=dealingrange[5].checkMore6
|
this.checkMore7=dealingrange[6].checkMore7
|
}
|
},
|
async submit(value){
|
if(this.dataForm.type === 1){
|
let storageOne = Object.assign(this.storage1,{storagenum1:this.storagenum1,storagearea1:this.storagearea1,powder1:this.powder1})
|
let storageTwo = Object.assign(this.storage1,{storagenum2:this.storagenum2,storagearea2:this.storagearea2,powder2:this.powder2})
|
let storageThree = Object.assign(this.storage1,{storagenum3:this.storagenum3,storagearea3:this.storagearea3,powder3:this.powder3})
|
this.dataForm.licenseStorage.push(storageOne)
|
this.dataForm.licenseStorage.push(storageTwo)
|
this.dataForm.licenseStorage.push(storageThree)
|
this.dataForm.dealingrange = JSON.stringify([{checked1:this.checked1,checkMore1:this.checkMore1},{checked2:this.checked2,checkMore2:this.checkMore2},{checked3:this.checked3,checkMore3:this.checkMore3},{checked4:this.checked4,checkMore4:this.checkMore4},{checked5:this.checked5,checkMore5:this.checkMore5},{checked6:this.checked6,checkMore6:this.checkMore6},{checked7:this.checked7,checkMore7:this.checkMore7}])
|
this.dataForm.licenseStorage = JSON.stringify(this.dataForm.licenseStorage)
|
}else if(this.dataForm.type === 2){
|
this.dataForm.licenseStorage = JSON.stringify([{id:this.id,area:this.area,storagenum:this.storagenum,storagearea:this.storagearea,powder:this.powder,firststoragenum:this.firststoragenum,firststoragearea:this.firststoragearea,firstpowder:this.firstpowder,thirdstoragenum:this.thirdstoragenum,thirdstoragearea:this.thirdstoragearea,thirdpowder:this.thirdpowder,type:3}])
|
this.dataForm.dealingrange = JSON.stringify([{checked1:this.checked1,checkMore1:this.checkMore1},{checked2:this.checked2,checkMore2:this.checkMore2},{checked3:this.checked3,checkMore3:this.checkMore3},{checked4:this.checked4,checkMore4:this.checkMore4},{checked5:this.checked5,checkMore5:this.checkMore5},{checked6:this.checked6,checkMore6:this.checkMore6},{checked7:this.checked7,checkMore7:this.checkMore7}])
|
}else{
|
this.dataForm.dealingrange = JSON.stringify([{checked1:this.checked1,checkMore1:this.checkMore1},{checked2:this.checked2,checkMore2:this.checkMore2},{checked3:this.checked3,checkMore3:this.checkMore3},{checked4:this.checked4,checkMore4:this.checkMore4},{checked5:this.checked5,checkMore5:this.checkMore5},{checked6:this.checked6,checkMore6:this.checkMore6},{checked7:this.checked7,checkMore7:this.checkMore7}])
|
this.dataForm.licenseStorage = JSON.stringify([])
|
}
|
let fullAddress = (this.dataForm.province ==='新疆维吾尔自治区'? '新疆': this.dataForm.province)
|
+ this.dataForm.city + this.dataForm.district + this.dataForm.address;
|
let fullStorageAddress = (this.dataForm.storageprovince ==='新疆维吾尔自治区'? '新疆': this.dataForm.storageprovince)
|
+ this.dataForm.storagecity + this.dataForm.storagedistrict + this.dataForm.storageaddress;
|
|
if (this.dealingtypeList.filter(item => item.id === this.dataForm.dealingtype).length !== 1) {
|
parseError({error: '请填写经营方式', vm: this})
|
return
|
}
|
if (this.licensetypeList.filter(item => item.id === this.dataForm.licensetype).length !== 1) {
|
parseError({error: '请填写许可类型', vm: this})
|
return
|
}
|
if (this.getByteLen(fullAddress) > 390 || this.getByteLen(fullStorageAddress) > 390){
|
parseError({error: '注册地址或仓储地址的省市区详细地址总和不能超过200个字，请删减', vm: this})
|
} else {
|
let res = await modLicense(this.dataForm)
|
if(res.data.code === '200'){
|
this.licenseInfoVisible = false
|
this.$emit('getinfo')
|
this.$notify({
|
title:'成功',
|
duration:2000,
|
message:'变更成功',
|
type:'success'
|
})
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
}
|
|
|
},
|
justify(value){
|
if(value === 1){
|
if(this.checkMore1.length !== 0){
|
this.checked1 = true
|
}else{
|
this.checked1 = false
|
}
|
}else if(value===2){
|
if(this.checkMore2.length !== 0){
|
this.checked2 = true
|
}else{
|
this.checked2= false
|
}
|
}else if(value ===3){
|
if(this.checkMore3.length !== 0){
|
this.checked3 = true
|
}else{
|
this.checked3 = false
|
}
|
}else if(value === 4){
|
if(this.checkMore4.length !== 0){
|
this.checked4 = true
|
}else{
|
this.checked4 = false
|
}
|
}else if(value === 5){
|
if(this.checkMore5.length !== 0){
|
this.checked5 = true
|
}else{
|
this.checked5 = false
|
}
|
}else if(value === 6){
|
if(this.checkMore6.length !== 0){
|
this.checked6 = true
|
}else{
|
this.checked6 = false
|
}
|
}else{
|
if(this.checkMore7.length !== 0){
|
this.checked7 = true
|
}else{
|
this.checked7 = false
|
}
|
}
|
},
|
|
justifySingle(value){
|
if(value === 1){
|
if(this.checked1 === true){
|
this.checkMore1 = ['C级','D级']
|
}else{
|
this.checkMore1 = []
|
}
|
}else if(value ===2){
|
if(this.checked2 === true){
|
this.checkMore2 = ['C级','D级']
|
}else{
|
this.checkMore2 = []
|
}
|
}else if(value=== 3){
|
if(this.checked3 === true){
|
this.checkMore3 = ['C级','D级']
|
}else{
|
this.checkMore3 = []
|
}
|
}else if(value === 4){
|
if(this.checked4 === true){
|
this.checkMore4 = ['C级','D级']
|
}else{
|
this.checkMore4 = []
|
}
|
}else if(value ===5){
|
if(this.checked5 === true){
|
this.checkMore5 = ['C级','D级']
|
}else{
|
this.checkMore5 = []
|
}
|
}else if(value === 6){
|
if(this.checked6 === true){
|
this.checkMore6 = ['C级','D级']
|
}else{
|
this.checkMore6 = []
|
}
|
}else{
|
if(this.checked7 === true){
|
this.checkMore7 = ['C级','D级']
|
}else{
|
this.checkMore7 = []
|
}
|
}
|
},
|
|
getEconomicTypeList() {
|
const _this = this
|
if (_this.levelOptions && _this.levelOptions.length > 0) {
|
return
|
}
|
const params = {}
|
params['dictionaryType'] = '国民经济类型'
|
dictionaryAllItems(params).then(response => {
|
const res = response.data
|
if (res.code == 200) {
|
_this.economicTypeList = res.result
|
} else {
|
parseError({error: res.message, vm: _this})
|
}
|
}).catch(error => {
|
parseError({error: error, vm: _this})
|
})
|
},//获取国民经济类型列表
|
|
|
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.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.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.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
|
}
|
}
|
},
|
async changeStorageArea(value){
|
if(value === 'province'){
|
this.dataForm.storagecity = ''
|
this.dataForm.storagedistrict = ''
|
this.areaListQuery = {
|
type: 2,
|
parenttype: 1,
|
parentname: this.dataForm.storageprovince,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.cityList = res.data.result
|
}
|
}else if(value === 'city'){
|
this.dataForm.storagedistrict = ''
|
this.areaListQuery = {
|
type: 3,
|
parenttype: 2,
|
parentname: this.dataForm.storagecity,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.districtList = res.data.result
|
}
|
}else if(value === 'district'){
|
this.areaListQuery = {
|
type: 4,
|
parenttype: 3,
|
parentname: this.dataForm.storagedistrict,
|
}
|
let res = await getCityListData(this.areaListQuery)
|
if(res.data.code === "200"){
|
this.streetList = res.data.result
|
}
|
}
|
},
|
changeDealing(){
|
if(this.dataForm.dealingtype === 1){
|
this.showSaveArea = true
|
}else{
|
this.showSaveArea = false
|
}
|
},
|
giveData(){
|
if(this.validTime ===null){
|
this.dataForm.effectdate = ""
|
this.dataForm.noeffectdate = ""
|
}else{
|
this.dataForm.effectdate = this.validTime[0]
|
this.dataForm.noeffectdate = this.validTime[1]
|
}
|
},
|
showEnterprise(){
|
this.$refs.selectEnterprise.showEnterPrise(this.safetySuperVisionList)
|
},
|
giveEnterprise(val){
|
this.dataForm.name = val
|
},
|
getByteLen(val) {
|
let len = 0;
|
for (let i = 0; i < val.length; i++) {
|
let a = val.charAt(i);
|
if (a.match(/[^\x00-\xff]/ig) != null) {
|
len += 2;
|
}
|
else {
|
len += 1;
|
}
|
}
|
return len;
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.enterpriseBasicInformation_title{
|
font-weight: bolder;
|
font-size: large;
|
text-align: center;
|
margin-top: 10px;
|
}
|
.enterpriseBasicInformation_image{
|
width:70%;
|
height:70%;
|
margin-left:10px;
|
}
|
.el-input-number{
|
width: 100%;
|
}
|
</style>
|
