马宇豪
2024-12-30 4982061e27b3b149709808541c64834e15cbdc31
src/views/license/licenseInfo/components/licenseInfoForm.vue
@@ -7,7 +7,8 @@
        width="60%"
    >
        <el-form ref="dataForm"  :model="dataForm" :rules="ruleForm" label-position="right" label-width="150px"  element-loading-text="保存中...">
        <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>
@@ -83,7 +84,8 @@
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="经营方式:" >
                                <el-select v-model="dataForm.dealingtype" clearable filterable @change="changeDealing()">
                                <el-select v-model="dataForm.dealingtype" clearable filterable
                                           @change="changeDealing()">
                                    <el-option
                                        v-for="item in dealingtypeList"
                                        :key="item.id"
@@ -124,7 +126,8 @@
                    <el-row>
                        <el-col :span="8">
                            <el-form-item label="注册地址省:" >
                                <el-select v-model="dataForm.province" clearable filterable @change="changeArea('province')" placeholder="省">
                                <el-select v-model="dataForm.province" clearable filterable
                                           @change="changeArea('province')" placeholder="省">
                                    <el-option
                                        v-for="item in provinceList"
                                        :key="item.id"
@@ -137,7 +140,8 @@
                        </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-select v-model="dataForm.city" prop="city" clearable filterable
                                           @change="changeArea('city')" placeholder="市">
                                    <el-option
                                        v-for="item in cityList"
                                        :key="item.id"
@@ -150,7 +154,8 @@
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="区" >
                                <el-select v-model="dataForm.district" clearable filterable @change="changeArea('district')" placeholder="区">
                                <el-select v-model="dataForm.district" clearable filterable
                                           @change="changeArea('district')" placeholder="区">
                                    <el-option
                                        v-for="item in districtList"
                                        :key="item.id"
@@ -165,7 +170,8 @@
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="注册详细地址:" >
                                <el-input v-model.trim="dataForm.address" class="carrierLicense_select" placeholder="详细地址(无需填写省市区信息)">
                                <el-input v-model.trim="dataForm.address" class="carrierLicense_select"
                                          placeholder="详细地址(无需填写省市区信息)">
                                </el-input>
                            </el-form-item>
                        </el-col>
@@ -179,7 +185,8 @@
                    <el-row>
                        <el-col :span="8">
                            <el-form-item label="仓储地址省:" >
                                <el-select v-model="dataForm.storageprovince" clearable filterable @change="changeStorageArea('province')" placeholder="省">
                                <el-select v-model="dataForm.storageprovince" clearable filterable
                                           @change="changeStorageArea('province')" placeholder="省">
                                    <el-option
                                        v-for="item in provinceList"
                                        :key="item.id"
@@ -192,7 +199,8 @@
                        </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-select v-model="dataForm.storagecity" prop="city" clearable filterable
                                           @change="changeStorageArea('city')" placeholder="市">
                                    <el-option
                                        v-for="item in cityList"
                                        :key="item.id"
@@ -205,7 +213,8 @@
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="区" >
                                <el-select v-model="dataForm.storagedistrict" clearable filterable @change="changeStorageArea('district')" placeholder="区">
                                <el-select v-model="dataForm.storagedistrict" clearable filterable
                                           @change="changeStorageArea('district')" placeholder="区">
                                    <el-option
                                        v-for="item in districtList"
                                        :key="item.id"
@@ -220,7 +229,8 @@
                    <el-row>
                        <el-col :span="24">
                            <el-form-item label="仓储详细地址:" >
                                <el-input v-model.trim="dataForm.storageaddress" class="carrierLicense_select" placeholder="详细地址(无需填写省市区信息)">
                                <el-input v-model.trim="dataForm.storageaddress" class="carrierLicense_select"
                                          placeholder="详细地址(无需填写省市区信息)">
                                </el-input>
                            </el-form-item>
                        </el-col>
@@ -233,7 +243,8 @@
                    </el-row>
                    <el-row>
                        <el-form-item label="经济类型:" prop="economictype" >
                            <el-select v-model.trim="dataForm.economictype"  placeholder="" clearable class="enterpriseBasicInformation_input">
                            <el-select v-model.trim="dataForm.economictype" placeholder="" clearable
                                       class="enterpriseBasicInformation_input">
                                <el-option
                                    v-for="item in economicTypeList"
                                    :key="item.id"
@@ -539,46 +550,68 @@
                                <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 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 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 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 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 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 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 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>
@@ -588,7 +621,8 @@
                    <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 type="textarea" :rows="3" v-model.trim="dataForm.remark"
                                          class="carrierLicense_select">
                                </el-input>
                            </el-form-item>
                        </el-col>
@@ -602,7 +636,8 @@
                    <el-row>
                        <el-col :span="8">
                            <el-form-item label="发证机关:" >
                                <el-input v-model.trim="dataForm.issuingunit"  :disabled="isSupervision === 'null' ? false :true">
                                <el-input v-model.trim="dataForm.issuingunit"
                                          :disabled="isSupervision === 'null' ? false :true">
                                </el-input>
                            </el-form-item>
                        </el-col>
@@ -667,9 +702,7 @@
        return{
            title:'',
            licenseInfoVisible:false,
            ruleForm:{
            },
            ruleForm: {},
            type:null,
            isSupervision:'',
            roleType:'',
@@ -715,14 +748,10 @@
                effectdate:'',
                noeffectdate:'',
                economictype:'',
                licenseStorage:[
                ],
                licenseStorage: [],
                remark:'',
            },
            areaListQuery:{
            },
            areaListQuery: {},
            provinceList:[],
            cityList:[],
            districtList:[],
@@ -959,19 +988,80 @@
        },
        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})
                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.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}])
                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.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)
@@ -1277,8 +1367,7 @@
                let a = val.charAt(i);
                if (a.match(/[^\x00-\xff]/ig) != null) {
                    len += 2;
                }
                else {
                } else {
                    len += 1;
                }
            }
@@ -1295,11 +1384,13 @@
    text-align: center;
    margin-top: 10px;
}
.enterpriseBasicInformation_image{
    width:70%;
    height:70%;
    margin-left:10px;
}
.el-input-number{
    width: 100%;
}