li.shaoyi 3 年 前
コミット
7eb479c97e
1 ファイル変更46 行追加275 行削除
  1. 46 275
      src/views/information/custom/compoments/add/index.vue

+ 46 - 275
src/views/information/custom/compoments/add/index.vue

@@ -1,34 +1,14 @@
 <template>
   <!-- 平安客户资料 -->
-  <a-modal
-    class="add-custom"
-    :title="isAdd() ? '新增客户资料' : '修改客户资料'"
-    v-model:visible="visible"
-    @cancel="cancel"
-    centered
-    :maskClosable="false"
-    v-if="isPingAnOem()"
-    width="890px"
-  >
+  <a-modal class="add-custom" :title="isAdd() ? '新增客户资料' : '修改客户资料'" v-model:visible="visible" @cancel="cancel" centered :maskClosable="false" v-if="isPingAnOem()" width="890px">
     <template #footer>
-      <a-button
-        key="submit"
-        class="cancelBtn"
-        :loading="loading"
-        :disabled="loading"
-        @click="submit(1)"
-      >完成</a-button>
+      <a-button key="submit" class="cancelBtn" :loading="loading" :disabled="loading" @click="submit(1)">完成</a-button>
     </template>
     <a-form class="inlineForm" ref="formRef" :model="formState" :rules="rules">
       <a-row :gutter="24">
         <a-col :span="12">
           <a-form-item label="客户类型" name="userinfotype">
-            <a-select
-              class="typeSelect"
-              style="width: 200px"
-              v-model:value="formState.userinfotype"
-              placeholder="请选择客户类型"
-            >
+            <a-select class="typeSelect" style="width: 200px" v-model:value="formState.userinfotype" placeholder="请选择客户类型">
               <a-select-option value="1">个人</a-select-option>
               <a-select-option value="2">企业</a-select-option>
             </a-select>
@@ -37,136 +17,67 @@
         <template v-if="!isPersonal()">
           <a-col :span="12">
             <a-form-item label="企业名称" name="customername">
-              <a-input
-                class="dialogInput"
-                v-model:value="formState.customername"
-                style="width: 200px"
-                placeholder="请输入企业名称"
-              />
+              <a-input class="dialogInput" v-model:value="formState.customername" style="width: 200px" placeholder="请输入企业名称" />
             </a-form-item>
           </a-col>
         </template>
         <template v-else>
           <a-col :span="12">
             <a-form-item label="姓名" name="username">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.username"
-                placeholder="请输入姓名"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.username" placeholder="请输入姓名" />
             </a-form-item>
           </a-col>
         </template>
         <a-col :span="12">
           <a-form-item label="点价联系人" name="contactname">
-            <a-input
-              class="dialogInput"
-              style="width: 200px"
-              v-model:value="formState.contactname"
-              placeholder="请输入联系人"
-            />
+            <a-input class="dialogInput" style="width: 200px" v-model:value="formState.contactname" placeholder="请输入联系人" />
           </a-form-item>
         </a-col>
         <a-col :span="12">
           <a-form-item label="联系人手机号" name="mobilephone">
-            <a-input
-              class="dialogInput"
-              style="width: 200px"
-              v-model:value="formState.mobilephone"
-              placeholder="请输入联系人手机号"
-            />
+            <a-input class="dialogInput" style="width: 200px" v-model:value="formState.mobilephone" placeholder="请输入联系人手机号" />
           </a-form-item>
         </a-col>
       </a-row>
     </a-form>
   </a-modal>
   <!-- 其他项目客户资料 -->
-  <a-modal
-    class="add-custom"
-    v-else
-    :title="isAdd() ? '新增客户资料' : '修改客户资料'"
-    v-model:visible="visible"
-    @cancel="cancel"
-    centered
-    :maskClosable="false"
-    width="890px"
-  >
+  <a-modal class="add-custom" v-else :title="isAdd() ? '新增客户资料' : '修改客户资料'" v-model:visible="visible" @cancel="cancel" centered :maskClosable="false" width="890px">
     <template #footer>
-      <a-button
-        key="submit"
-        class="cancelBtn"
-        :loading="loading"
-        :disabled="loading"
-        @click="submit(1)"
-      >保存草稿</a-button>
-      <a-button
-        key="submit"
-        type="primary"
-        :loading="loading"
-        :disabled="loading"
-        @click="submit(2)"
-      >提交审核</a-button>
+      <a-button key="submit" class="cancelBtn" :loading="loading" :disabled="loading" @click="submit(1)">保存草稿</a-button>
+      <a-button key="submit" type="primary" :loading="loading" :disabled="loading" @click="submit(2)">提交审核</a-button>
     </template>
     <a-form class="inlineForm" ref="formRef" :model="formState" :rules="rules">
       <a-row :gutter="24">
         <template v-if="isQianHaiJin()">
           <a-col :span="12">
             <a-form-item label="所属机构" name="areaid">
-              <a-select
-                class="typeSelect"
-                style="width: 200px"
-                v-model:value="formState.areaid"
-                placeholder="请选择所属机构"
-              >
+              <a-select class="typeSelect" style="width: 200px" v-model:value="formState.areaid" placeholder="请选择所属机构">
                 <a-select-option v-for="item in areaList" :key="item.userid">{{ item.accountname }}</a-select-option>
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="所属客户经理" name="teammanageruserid">
-              <a-select
-                class="typeSelect"
-                style="width: 200px"
-                v-model:value="formState.teammanageruserid"
-                placeholder="请选择所属客户经理"
-              >
-                <a-select-option
-                  v-for="item in brokerList"
-                  :key="item.userid"
-                >{{ item.customername }}</a-select-option>
+              <a-select class="typeSelect" style="width: 200px" v-model:value="formState.teammanageruserid" placeholder="请选择所属客户经理">
+                <a-select-option v-for="item in brokerList" :key="item.userid">{{ item.customername }}</a-select-option>
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="12" v-if="isAdd()">
             <a-form-item label="登录账号" name="logincode">
-              <a-input
-                class="dialogInput"
-                v-model:value="formState.logincode"
-                style="width: 200px"
-                placeholder="请输入登录账号"
-              />
+              <a-input class="dialogInput" v-model:value="formState.logincode" style="width: 200px" placeholder="请输入登录账号" />
             </a-form-item>
           </a-col>
           <a-col :span="12" v-if="isAdd()">
             <a-form-item label="登录密码" name="loginpwd">
-              <a-input
-                class="dialogInput"
-                v-model:value="formState.loginpwd"
-                style="width: 200px"
-                placeholder="请输入登录密码"
-              />
+              <a-input class="dialogInput" v-model:value="formState.loginpwd" style="width: 200px" placeholder="请输入登录密码" />
             </a-form-item>
           </a-col>
         </template>
         <a-col :span="12">
           <a-form-item label="客户类型" name="userinfotype">
-            <a-select
-              class="typeSelect"
-              style="width: 200px"
-              v-model:value="formState.userinfotype"
-              placeholder="请选择客户类型"
-            >
+            <a-select class="typeSelect" style="width: 200px" v-model:value="formState.userinfotype" placeholder="请选择客户类型">
               <a-select-option value="1">个人</a-select-option>
               <a-select-option value="2">企业</a-select-option>
             </a-select>
@@ -175,192 +86,97 @@
         <template v-if="!isPersonal()">
           <a-col :span="12">
             <a-form-item label="企业名称" name="customername">
-              <a-input
-                class="dialogInput"
-                v-model:value="formState.customername"
-                style="width: 200px"
-                placeholder="请输入企业名称"
-              />
+              <a-input class="dialogInput" v-model:value="formState.customername" style="width: 200px" placeholder="请输入企业名称" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="企业简称" name="nickname">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.nickname"
-                placeholder="请输入企业简称"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.nickname" placeholder="请输入企业简称" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="证件类型" name="cardtype">
-              <a-select
-                class="inlineFormSelect"
-                v-model:value="formState.cardtype"
-                style="width: 200px"
-                placeholder="请选择证件类型"
-              >
-                <a-select-option
-                  :value="item.enumitemname"
-                  v-for="item in cardTypeList"
-                  :key="item.autoid"
-                >{{ item.enumdicname }}</a-select-option>
+              <a-select class="inlineFormSelect" v-model:value="formState.cardtype" style="width: 200px" placeholder="请选择证件类型">
+                <a-select-option :value="item.enumitemname" v-for="item in cardTypeList" :key="item.autoid">{{ item.enumdicname }}</a-select-option>
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="法定代表人" name="legalpersonname">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.legalpersonname"
-                placeholder="请输入法定代表人"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.legalpersonname" placeholder="请输入法定代表人" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="证件号码" name="cardnum">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.cardnum"
-                placeholder="请输入证件号码"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.cardnum" placeholder="请输入证件号码" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="纳税人识别号" name="taxpayernum">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.taxpayernum"
-                placeholder="请输入纳税人识别号"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.taxpayernum" placeholder="请输入纳税人识别号" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="营业执照">
-              <UploadImg
-                :visible="visible"
-                :imgList="attachmentImgList"
-                @upload="attachmentUpLoad"
-              />
+              <UploadImg :visible="visible" :imgList="attachmentImgList" @upload="attachmentUpLoad" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="联系人" name="contactname">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.contactname"
-                placeholder="请输入联系人"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.contactname" placeholder="请输入联系人" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="联系人手机号" name="mobilephone">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.mobilephone"
-                placeholder="请输入联系人手机号"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.mobilephone" placeholder="请输入联系人手机号" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="联系电话" name="telphone">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.telphone"
-                placeholder="请输入联系电话"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.telphone" placeholder="请输入联系电话" />
             </a-form-item>
           </a-col>
         </template>
         <template v-else>
           <a-col :span="12">
             <a-form-item label="姓名" name="username">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.username"
-                placeholder="请输入姓名"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.username" placeholder="请输入姓名" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="身份证号码" name="cardnum">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.cardnum"
-                placeholder="请输入身份证号码"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.cardnum" placeholder="请输入身份证号码" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="手机号码" name="mobilephone">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.mobilephone"
-                placeholder="请输入手机号码"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.mobilephone" placeholder="请输入手机号码" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="身份证正面照" name="cardbackphotourl">
-              <UploadImg
-                :visible="visible"
-                :imgList="cardfrontImgList"
-                @upload="cardfrontphotourlUpLoad"
-              />
+              <UploadImg :visible="visible" :imgList="cardfrontImgList" @upload="cardfrontphotourlUpLoad" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="邮箱" name="email">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.email"
-                placeholder="请输入邮箱"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.email" placeholder="请输入邮箱" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="身份证反面照" name="cardfrontphotourl">
-              <UploadImg
-                :visible="visible"
-                :imgList="cardbackImgList"
-                @upload="cardbackphotourlUpLoad"
-              />
+              <UploadImg :visible="visible" :imgList="cardbackImgList" @upload="cardbackphotourlUpLoad" />
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="联系电话" name="telphone">
-              <a-input
-                class="dialogInput"
-                style="width: 200px"
-                v-model:value="formState.telphone"
-                placeholder="请输入联系电话"
-              />
+              <a-input class="dialogInput" style="width: 200px" v-model:value="formState.telphone" placeholder="请输入联系电话" />
             </a-form-item>
           </a-col>
           <a-col :span="12" v-if="isQianHaiJin()">
             <a-form-item label="性别" name="sex">
-              <a-select
-                class="inlineFormSelect"
-                v-model:value="formState.sex"
-                style="width: 200px"
-                placeholder="请选择性别"
-              >
-                <a-select-option
-                  :value="item.id"
-                  v-for="item in sexList"
-                  :key="item.id"
-                >{{ item.value }}</a-select-option>
+              <a-select class="inlineFormSelect" v-model:value="formState.sex" style="width: 200px" placeholder="请选择性别">
+                <a-select-option :value="item.id" v-for="item in sexList" :key="item.id">{{ item.value }}</a-select-option>
               </a-select>
               <!-- <a-input class="dialogInput"
                        style="width: 200px"
@@ -370,13 +186,7 @@
           </a-col>
           <a-col :span="12" v-if="isQianHaiJin()">
             <a-form-item label="生日" name="birthday">
-              <a-date-picker
-                v-model:value="formState.birthday"
-                :allowClear="false"
-                style="width: 200px"
-                placeholder="请选择生日"
-                class="commonDatePicker"
-              />
+              <a-date-picker v-model:value="formState.birthday" :allowClear="false" style="width: 200px" placeholder="请选择生日" class="commonDatePicker" />
               <!-- <a-input class="dialogInput"
                        style="width: 200px"
                        v-model:value="formState.birthday"
@@ -389,64 +199,25 @@
         </template>
         <a-col :span="24">
           <a-form-item label="通讯地址">
-            <a-select
-              class="inlineFormSelect"
-              style="width: 205px"
-              v-model:value="formState.provinceid"
-              @change="getCityList"
-              placeholder="请选择省"
-            >
-              <a-select-option
-                v-for="item in provinceList"
-                :key="item.autoid"
-                :value="item.autoid"
-              >{{ item.divisionname }}</a-select-option>
+            <a-select class="inlineFormSelect" style="width: 205px" v-model:value="formState.provinceid" @change="getCityList" placeholder="请选择省">
+              <a-select-option v-for="item in provinceList" :key="item.autoid" :value="item.autoid">{{ item.divisionname }}</a-select-option>
             </a-select>
-            <a-select
-              class="inlineFormSelect ml9"
-              style="width: 205px"
-              v-model:value="formState.cityid"
-              @change="getDistrictList"
-              placeholder="请选择市"
-            >
-              <a-select-option
-                v-for="item in cityList"
-                :key="item.autoid"
-                :value="item.autoid"
-              >{{ item.divisionname }}</a-select-option>
+            <a-select class="inlineFormSelect ml9" style="width: 205px" v-model:value="formState.cityid" @change="getDistrictList" placeholder="请选择市">
+              <a-select-option v-for="item in cityList" :key="item.autoid" :value="item.autoid">{{ item.divisionname }}</a-select-option>
             </a-select>
-            <a-select
-              class="inlineFormSelect ml9"
-              v-model:value="formState.districtid"
-              style="width: 205px"
-              placeholder="请选择县(区)"
-            >
-              <a-select-option
-                v-for="item in districtList"
-                :key="item.autoid"
-                :value="item.autoid"
-              >{{ item.divisionname }}</a-select-option>
+            <a-select class="inlineFormSelect ml9" v-model:value="formState.districtid" style="width: 205px" placeholder="请选择县(区)">
+              <a-select-option v-for="item in districtList" :key="item.autoid" :value="item.autoid">{{ item.divisionname }}</a-select-option>
             </a-select>
           </a-form-item>
         </a-col>
         <a-col :span="24">
           <a-form-item label="&nbsp;" name="cardaddress">
-            <a-input
-              class="dialogInput"
-              style="width: 635px"
-              v-model:value="formState.cardaddress"
-              placeholder="请输入详细地址"
-            />
+            <a-input class="dialogInput" style="width: 635px" v-model:value="formState.cardaddress" placeholder="请输入详细地址" />
           </a-form-item>
         </a-col>
         <a-col :span="24">
           <a-form-item label="备注" name="remark">
-            <a-input
-              class="dialogInput"
-              style="width: 635px"
-              v-model:value="formState.remark"
-              placeholder="请输入备注"
-            />
+            <a-input class="dialogInput" style="width: 635px" v-model:value="formState.remark" placeholder="请输入备注" />
           </a-form-item>
         </a-col>
       </a-row>
@@ -564,7 +335,7 @@ export default defineComponent({
           // 以上必填
           cardtype: (param.cardtype as number) !== undefined ? (param.cardtype as number) : 0, // 证件类型
           cardnum: param.cardnum, // 证件号码
-          nickname: param.nickname, // 昵称
+          nickname: Number(param.userinfotype) === 1 ? param.username : param.nickname, // 昵称
           remark: param.remark, // 备注
           mobilephone: param.mobilephone, //  手机号码
           telphone: param.telphone, // 电话