企业地址input修改

pull/25/head
lukeyan 1 year ago
parent 823117b31a
commit 13fa0a225b

@ -1,12 +1,22 @@
<!-- 新增企业或者查看企业名单 -->
<template>
<el-dialog class="dialog" :title="dialogTitle" :visible.sync="visible" :close-on-click-modal="false" width="970px">
<el-dialog
class="dialog"
:title="dialogTitle"
:visible.sync="visible"
:close-on-click-modal="false"
width="970px"
>
<div class="form_body">
<div class="commerceMessage">
<p>企业工商信息</p>
<!-- 为适应上传图片表单布局把企业工商表单拆分 -->
<div class="commerceMessage_one">
<el-form ref="commerceMessage_form" :model="form" class="commerceMessage_form">
<el-form
ref="commerceMessage_form"
:model="form"
class="commerceMessage_form"
>
<el-form-item label="企业名称">
<el-input v-model="form.companyName"></el-input>
</el-form-item>
@ -35,16 +45,32 @@
<el-input v-model="form.businessStatus"></el-input>
</el-form-item>
</el-form>
<el-upload ref="upload" class="avatar-uploader" accept=".jpg,.jpeg,.png,.gif,.JPG,.JPEG" :action="upUrl"
:headers="upheaders" :show-file-list="false" :on-success="handleAvatarSuccess">
<img v-if="imageUrl" :src="imageUrl" class="avatar" @error="setDefaultImage" />
<el-upload
ref="upload"
class="avatar-uploader"
accept=".jpg,.jpeg,.png,.gif,.JPG,.JPEG"
:action="upUrl"
:headers="upheaders"
:show-file-list="false"
:on-success="handleAvatarSuccess"
>
<img
v-if="imageUrl"
:src="imageUrl"
class="avatar"
@error="setDefaultImage"
/>
<div v-else class="avatar-uploader-icon">
<div>点击上传企业封面图片</div>
</div>
</el-upload>
</div>
<!-- 为适应上传图片表单布局把企业工商表单拆分,剩余部分 -->
<el-form ref="commerceMessage_form_two" :model="form" class="commerceMessage_form_two">
<el-form
ref="commerceMessage_form_two"
:model="form"
class="commerceMessage_form_two"
>
<el-form-item label="企业登记注册地">
<el-input v-model="form.registerAddress"></el-input>
</el-form-item>
@ -69,7 +95,11 @@
<!-- 企业联系人信息表单 -->
<div class="company_person_message">
<p>企业联系人信息</p>
<el-form ref="company_person_message_form" :model="form" class="company_person_message_form">
<el-form
ref="company_person_message_form"
:model="form"
class="company_person_message_form"
>
<el-form-item label="安全责任人">
<el-input v-model="form.emergencyContact"></el-input>
</el-form-item>
@ -81,48 +111,94 @@
<!-- 企业位置信息表单 -->
<div class="company_position">
<p>企业位置信息</p>
<el-form ref="company_position_form" :model="form" class="company_position_form">
<el-form
ref="company_position_form"
:model="form"
class="company_position_form"
>
<el-form-item label="省份名称">
<el-select v-model="form.provinceName" @change="checkCity" placeholder="请选择省份名称">
<el-option v-for="item in form.province" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
<el-select
v-model="form.provinceName"
@change="checkCity"
placeholder="请选择省份名称"
>
<el-option
v-for="item in form.province"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="城市名称">
<el-select v-model="form.cityName" @change="checkCounty" placeholder="请选择城市名称">
<el-option v-for="item in form.city" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
<el-select
v-model="form.cityName"
@change="checkCounty"
placeholder="请选择城市名称"
>
<el-option
v-for="item in form.city"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="区县名称">
<el-select v-model="form.areaName" @change="checkTown" placeholder="请选择区县名称">
<el-option v-for="item in form.county" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
<el-select
v-model="form.areaName"
@change="checkTown"
placeholder="请选择区县名称"
>
<el-option
v-for="item in form.county"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="街道/乡镇名称">
<el-select v-model="form.blockName" @change="checkCommunity" placeholder="请选择街道/乡镇名称">
<el-option v-for="item in form.township" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
<el-select
v-model="form.blockName"
@change="checkCommunity"
placeholder="请选择街道/乡镇名称"
>
<el-option
v-for="item in form.township"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="社区/村名称">
<el-select v-model="form.streetName" placeholder="请选择社区/村名称">
<el-option v-for="item in form.community" :key="item.areaCode" :label="item.areaName"
:value="item.areaCode">
<el-select
v-model="form.streetName"
placeholder="请选择社区/村名称"
>
<el-option
v-for="item in form.community"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
</el-form-item>
<el-form-item> </el-form-item>
<el-form-item label="经度" prop="longitude">
<el-input v-model="form.longitude"></el-input>
</el-form-item>
<el-form-item label="纬度" prop="latitude">
<el-input v-model="form.latitude"></el-input>
</el-form-item>
<el-form-item label="企业地址">
<el-form-item> </el-form-item>
<el-form-item label="企业地址" prop="companyAddress" class="companyAddress_text">
<el-input v-model="form.companyAddress"></el-input>
</el-form-item>
</el-form>
@ -130,14 +206,25 @@
<!-- 管辖区信息表单 -->
<div class="jurisdiction">
<p>管辖区信息</p>
<el-form ref="jurisdiction_form" :model="form" class="jurisdiction_form">
<el-form
ref="jurisdiction_form"
:model="form"
class="jurisdiction_form"
>
<el-form-item label="辖区派出所编码">
<el-input v-model="form.policeDistrictCode"></el-input>
</el-form-item>
<el-form-item label="辖区派出所名称">
<el-select v-model="form.policeDistrictCn" placeholder="请选择辖区派出所名称">
<el-option v-for="item in form.jurisdiction" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
<el-select
v-model="form.policeDistrictCn"
placeholder="请选择辖区派出所名称"
>
<el-option
v-for="item in form.jurisdiction"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
</el-option>
</el-select>
</el-form-item>
@ -331,10 +418,10 @@ export default {
this.$emit("back");
},
handleAvatarSuccess(res, file) {
console.log('resimg', res);
console.log('fileimg', file);
console.log("resimg", res);
console.log("fileimg", file);
// this.imageUrl = URL.createObjectURL(file.raw);
this.$message.success('上传成功')
this.$message.success("上传成功");
},
closeForm() {
this.visible = false;
@ -575,6 +662,14 @@ export default {
}
}
}
.el-form-item.companyAddress_text {
width: 870px !important;
.el-form-item__content {
.el-input__inner {
width: 762px;
}
}
}
}
.el-form.jurisdiction_form {

Loading…
Cancel
Save