src/views/systemManagement/companyList/components/companyDataDialog.vue

@@ -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"
+          <el-upload
-            :headers="upheaders" :show-file-list="false" :on-success="handleAvatarSuccess">
+            ref="upload"
-            <img v-if="imageUrl" :src="imageUrl" class="avatar" @error="setDefaultImage" />
+            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-select
-              <el-option v-for="item in form.province" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
+              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-select
-              <el-option v-for="item in form.city" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
+              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-select
-              <el-option v-for="item in form.county" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
+              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-select
-              <el-option v-for="item in form.township" :key="item.areaCode" :label="item.areaName" :value="item.areaCode">
+              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-select
-              <el-option v-for="item in form.community" :key="item.areaCode" :label="item.areaName"
+              v-model="form.streetName"
-                :value="item.areaCode">
+              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-select
-              <el-option v-for="item in form.jurisdiction" :key="item.dictValue" :label="item.dictLabel"
+              v-model="form.policeDistrictCn"
-                :value="item.dictValue">
+              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("resimg", res);
-      console.log('fileimg', file);
+      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 {