优化新增编辑客户信息

src/components/SalesModule/MyCustomer.vue

 <style>
+  .addMsgSW{
+    width: 105px;
+  }
+  .updateMsgSw{
+    width: 169px;
+  }
   ._info_img ul {
     /* padding: 10px 0 */
   }
@@ -605,36 +611,36 @@
       </p>
       <el-form class="_info_box clearfix" :model="addMsg" :rules="rules" ref="addMsg" label-width="120px">
         <el-row :gutter="20">
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item :label="$t('restaurant.res_ContactNumber')" prop="contactNumber">
               <el-input :disabled="isOldPerson" v-model="addMsg.contactNumber"
                 @input='searchHistory(addMsg.contactNumber)' :placeholder="$t('pub.pleaseImport')"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="4">
             <!-- :label="$t('salesModule.storeName')" -->
             <el-form-item label="客户名称" prop="customerName">
               <el-input :disabled="isOldPerson" v-model="addMsg.customerName" :placeholder="$t('pub.pleaseImport')"
                 maxlength="20"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item :label="$t('hotel.suplier_contact')" prop="contact">
               <el-input :disabled="isOldPerson" v-model="addMsg.contact" :placeholder="$t('pub.pleaseImport')"
                 maxlength="20"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item :label="$t('pub.area')">
-              <el-select filterable v-model='addMsg.Province' @change='getCity'>
+              <el-select class="addMsgSW" filterable v-model='addMsg.Province' @change='getCity'>
                 <el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
-              <el-select filterable v-model='addMsg.City' @change='getRegion'>
+              <el-select class="addMsgSW" filterable v-model='addMsg.City' @change='getRegion'>
                 <el-option v-for='item in cityList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
-              <el-select filterable v-model='addMsg.District'>
+              <el-select class="addMsgSW" filterable v-model='addMsg.District'>
                 <el-option v-for='item in regionList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
@@ -642,7 +648,7 @@
           </el-col>
           <el-col :span="6">
             <el-form-item :label="$t('hotel.hotel_detailinfo')" prop="address">
-              <el-input v-model="addMsg.address" :placeholder="$t('salesModule.HouseNumber')" maxlength="50"></el-input>
+              <el-input v-model="addMsg.address" :placeholder="$t('salesModule.HouseNumber')" autosize type="textarea" maxlength="50"></el-input>
             </el-form-item>
           </el-col>
           <!--
@@ -662,7 +668,7 @@
 
             </el-form-item>
           </el-col> -->
-          <el-col :span="6">
+          <el-col :span="8">
             <el-form-item label="合同资料">
               <div style="display: flex;flex-wrap: wrap;">
               <div class="_info_img" v-if="addMsg.BusinessCardPhotos&&addMsg.BusinessCardPhotos.length>0">
@@ -699,7 +705,7 @@
             </div>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="10">
             <el-form-item label="平台用户名">
               <div style="display: flex;flex-wrap: nowrap;justify-content: space-between;">
                 <div style="display: flex; flex-wrap: wrap;align-items: center;">
@@ -747,14 +753,14 @@
             </el-col>
             <el-col :span="4">
               <el-form-item :label="$t('salesModule.Belongbrand')" prop="brandIds">
-                <el-select filterable class='multiple_input' style="width: 240px;" multiple v-model='addMsg.brandIds'
+                <el-select filterable class='multiple_input' multiple v-model='addMsg.brandIds'
                   :placeholder="$t('pub.pleaseSel')">
                   <el-option v-for='item in CustomerBrandList' :label='item.name' :value='item.id' :key='item.id'>
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="6">
+            <el-col :span="4">
               <el-form-item :label="$t('visaT.post')" prop="Duty">
                 <el-select filterable v-model='addMsg.Duty' :placeholder="$t('pub.pleaseSel')">
                   <el-option v-for='item in zw' :label='item.Name' :value='item.ID' :key='item.ID'>
@@ -764,34 +770,37 @@
             </el-col>
             <el-col :span="4">
               <el-form-item :label="$t('salesModule.premises')" prop="Premises">
-                <el-select class="w220" filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
+                <el-select filterable v-model='addMsg.Premises' :placeholder="$t('pub.pleaseSel')">
                   <el-option v-for='item in jycs' :label='item.Name' :value='item.ID' :key='item.ID'>
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="4">
+            <el-col :span="6">
               <el-form-item label="签约月结客户" prop="SigningType">
-                <el-checkbox v-model='addMsg.SigningType'>
-                </el-checkbox>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6" v-show="addMsg.SigningType">
-              <el-form-item label="签约资料" prop="SigningFile">
-                <el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!addMsg.SigningType"
-                  style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
-                  :show-file-list="false" action="">
-                  <el-button size="small" type="primary">签约材料</el-button>
-                </el-upload>
-                <template v-if="addMsg.SigningType && saveMsg&& saveMsg.length>0">
-                  <template v-for="(subItem,subIndex) in saveMsg">
-                    <a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
-                      @click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
-
-                    <a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
-                      @click="DeleteFile(subIndex)">删除</a>
-                  </template>
-                </template>
+                <div style="display: flex;flex-wrap: nowrap;">
+                  <div>
+                    <el-checkbox v-model='addMsg.SigningType'>
+                    </el-checkbox>
+                  </div>
+                  <div v-if="addMsg.SigningType">
+                    <el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!addMsg.SigningType"
+                      style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
+                      :show-file-list="false" action="">
+                      <el-button size="small" type="primary">上传签约资料</el-button>
+                    </el-upload>
+                    <div v-if="addMsg.SigningType && saveMsg&& saveMsg.length>0">
+                      <template v-for="(subItem,subIndex) in saveMsg">
+                        <a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
+                          @click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
+
+                        <a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
+                          @click="DeleteFile(subIndex)">删除</a>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -856,23 +865,23 @@
       <el-form label-width="80px">
 
         <el-row :gutter="20">
-          <el-col :span="5">
+          <el-col :span="4">
             <el-form-item label="联系电话">
               <el-input v-model="updateMsg.contactNumber" @input='searchHistory(updateMsg.contactNumber)'
                 placeholder="请输入联系电话"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="4">
             <el-form-item label="门店名称">
               <el-input v-model='updateMsg.CustomerName'></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="4">
             <el-form-item label="联系人姓名">
               <el-input v-model='updateMsg.Contact'></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5" v-if="updateMsg.customerExceptionList.length > 0">
+          <el-col :span="4" v-if="updateMsg.customerExceptionList.length > 0">
             <el-form-item label="解决异常">
               <el-select filterable multiple clearable collapse-tags
                 v-model='updateMsg.CustomerExceptionIds'>
@@ -899,56 +908,59 @@
             </el-form-item>
           </el-col> -->
 
-          <el-col :span="4">
+          <el-col :span="12">
             <el-form-item label="签约" prop="SigningType">
-              <el-checkbox v-model='updateMsg.SigningType'>签约月结客户
-              </el-checkbox>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4" v-show="updateMsg.SigningType">
-            <el-form-item label="签约资料" prop="SigningFile">
-              <el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!updateMsg.SigningType"
+              <div style="display: flex;flex-wrap: nowrap;">
+                <div>
+                  <el-checkbox v-model='updateMsg.SigningType'>签约月结客户
+                  </el-checkbox>
+                </div>
+                <div v-show="updateMsg.SigningType">
+                  <el-upload v-if="!saveMsg || !saveMsg.length" class="upload-demo" :disabled="!updateMsg.SigningType"
                 style="display:inline-block;position:relative;top:-1px;left:3px;" :http-request="uploadFileBtn"
                 :show-file-list="false" action="">
-                <el-button size="small" type="primary">上传资料</el-button>
+                <el-button size="small" type="primary">上传签约资料</el-button>
               </el-upload>
               <template v-if="updateMsg.SigningType && saveMsg&& saveMsg.length>0">
-                <template v-for="(subItem,subIndex) in saveMsg">
+                <div v-for="(subItem,subIndex) in saveMsg" style="display: flex;flex-wrap: nowrap;">
                   <a style="margin-left:20px;color:blue;cursor:pointer;" target="_blank" :key="subIndex"
                     @click="downloadFile(subItem.URL,subItem.FileName)">{{subItem.FileName}}</a>
 
                   <a :key="subIndex+1000" style="margin-left:20px;color:blue;cursor:pointer;"
                     @click="DeleteFile(subIndex)">删除</a>
-                </template>
+                </div>
               </template>
+                </div>
+              </div>
+
             </el-form-item>
           </el-col>
-          <el-col :span="20">
+          <el-col :span="24">
             <p class="fz12 color333 fbold" style="border: none; margin-bottom: 15px; padding-left: 20px;">需审核信息<span
                 class="colorE95252 fz12 fwnormal">
                 (编辑门店地址后，客户将重新进入审核流程)
               </span>
             </p>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="8">
             <el-form-item label="区域">
-              <el-select class='w200' filterable v-model='updateMsg.Province' @change='getCityNew'>
+              <el-select class="updateMsgSw" filterable v-model='updateMsg.Province' @change='getCityNew'>
                 <el-option v-for='item in provinceList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
-              <el-select class='w200' filterable v-model='updateMsg.City' @change='getRegionNew'>
+              <el-select class="updateMsgSw" filterable v-model='updateMsg.City' @change='getRegionNew'>
                 <el-option v-for='item in cityList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
-              <el-select class='w200' filterable v-model='updateMsg.District'>
+              <el-select class="updateMsgSw" filterable v-model='updateMsg.District'>
                 <el-option v-for='item in regionList' :label='item.Name' :value='item.ID' :key='item.ID'>
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="10">
+          <el-col :span="4">
             <el-form-item label="详细地址">
-              <el-input v-model='updateMsg.Address'></el-input>
+              <el-input v-model='updateMsg.Address' autosize type="textarea" maxlength="50"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
@@ -989,7 +1001,7 @@
               </div>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="平台用户名">
               <el-tag
               :key="tag"