lshcomment 1.0.0

package/src/components/LshCust/index.vue

@@ -0,0 +1,885 @@
+<template>
+  <div class="LSH-Cust">
+    <div class="row">
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="客户编码"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.scvId" disabled />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="相关编号"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.bpNum" disabled />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="客户类型*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select
+            v-model="queryParams.custType"
+            @change="handleChange"
+            @visible-change="handleVisibleChange"
+          >
+            <el-option
+              v-for="item in customTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          style="position: relative"
+          horizontal
+          label="移动电话*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-autocomplete
+            :disabled="isEdit"
+            :maxlength="11"
+            class="inline-input"
+            v-model="queryParams.contactPhoneNo"
+            @keyup.native="numberKeyup"
+            :fetch-suggestions="querySearch"
+            placeholder="请输入手机号"
+            :trigger-on-focus="false"
+            @select="handleSelect"
+          >
+          </el-autocomplete>
+          <div
+            style="position: absolute; right: -22px; top: 10px"
+            class="portrayal-icon"
+            @click="letPortrayalVisible"
+          >
+            <img src="../../assets/img/customer-portrayal-blue.png" alt="" />
+          </div>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="客户姓名*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input
+            v-model.trim="queryParams.customerName"
+            :disabled="isEdit"
+          />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="称谓*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select v-model="queryParams.customerGender" placeholder="">
+            <el-option
+              v-for="item in genderTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              :disabled="
+                (companyFlag && !item.refDetailRemark) ||
+                (!companyFlag && !!item.refDetailRemark)
+              "
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="国籍/地区*"
+          label-cols="4"
+          class="text-right"
+        >
+          <!-- <el-input v-model.trim="queryParams.customerCountry" /> -->
+          <el-select v-model="queryParams.customerCountryCode" placeholder="">
+            <el-option
+              v-for="item in customerCountryList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="证件类型"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select v-model="queryParams.customerIdTypeCode">
+            <el-option
+              v-for="item in CertificateTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              :disabled="
+                (companyFlag && !item.refDetailRemark) ||
+                (!companyFlag && !!item.refDetailRemark)
+              "
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="证件号"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.customerIdNo" />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="生日"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-date-picker
+            v-model="queryParams.customerBirthDate"
+            type="date"
+            placeholder="选择日期"
+            :picker-options="pickerOptions0"
+          >
+          </el-date-picker>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="邮箱"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.customerMail" />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="学历"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.customerEducation" />
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="省"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select
+            v-model="queryParams.addressProvinceCode"
+            placeholder=""
+            @change="selectProvince"
+          >
+            <el-option
+              v-for="item in provinceList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="市"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select
+            v-model="queryParams.addressCityCode"
+            placeholder=""
+            @change="selectCity"
+          >
+            <el-option
+              v-for="item in cityList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="区"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select v-model="queryParams.addressRegionCode" placeholder="">
+            <el-option
+              v-for="item in direectList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="详细地址"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.addressDetail" />
+        </b-form-fieldset>
+      </div>
+      <!-- 客户档案单独加的字段明细 -->
+      <!-- <slot name="custom-add"></slot> -->
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="其他电话1"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.otherPhoneNoOne" />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="其他电话2"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.otherPhoneNoTwo" />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="其他电话3"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.otherPhoneNoThree" />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="是否本店"
+          label-cols="4"
+          class="text-right"
+        >
+          <!-- <el-select
+            v-model="queryParams.custType">
+            <el-option
+              v-for="item in customTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"/>
+          </el-select> -->
+          <el-input :value="queryParams.storeCode ? '是' : '否'" disabled />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="SAP手机号"
+          label-cols="4"
+          class="text-right"
+        >
+          <!-- <el-select
+            v-model="queryParams.sapPhoneNo">
+            <el-option
+              v-for="item in customTypeList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"/>
+          </el-select> -->
+          <el-input v-model.trim="queryParams.sapPhoneNo" disabled />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车险电话"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input v-model.trim="queryParams.renewalCustomerMobile" disabled />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="数据标记类型"
+          label-cols="4"
+          class="text-right"
+        >
+          <EleSelect v-model="queryParams.dataMarkType" :options="global.state('dataDictionarys','CustomerDataMarkType')" disabled/>
+          <i v-if="$route.name != 'lsh-customer-view' && global.showBtn('P-lshcustomer#B-ButtonTypeOther-dataMarkType')" class="el-icon-edit u-par f-cb1 f-cp" @click="dataMarkTypeEdit"></i>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="标记原因"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-tooltip v-if="queryParams.markReason" class="item" effect="dark" :content="queryParams.markReason" placement="top">
+            <el-input class="f-toe" v-model.trim="queryParams.markReason" disabled />
+          </el-tooltip>
+          <el-input v-else v-model.trim="queryParams.markReason" disabled />
+        </b-form-fieldset>
+      </div>
+    </div>
+
+    <div class="f-tar">
+        <b-button size="sm" variant="default" @click="cancel">取消</b-button>
+        <b-button v-if="$route.name != 'lsh-customer-view'" size="sm" variant="primary" @click="checkAuthCustomerInfo('preserve')">保存</b-button>
+    </div>
+
+    <EleDialog title="客户信息更正" ref="EleDialog" showFooter customFooter :modalAppendToBody="false" :modal="false">
+			<p>该手机号码的个人客户已经完成实名制，信息如下：</p>
+      <p>姓名：{{ custInfo.userName }}</p>
+      <p>证件号：{{ custInfo.certNo }}</p>
+      <p>是否使用正确的客户更新进行保存？</p>
+			<div slot="footer">
+				<el-button type="primary" @click="checkAuthCustomerInfoCancel">取消</el-button>
+				<el-button type="primary" @click="checkAuthCustomerInfoConfirm">确定</el-button>
+			</div>
+		</EleDialog>
+    <EleDialog title="数据类型编辑" ref="dataTypeDialog" size="tiny" showFooter :modalAppendToBody="false" :modal="false" @confirm="dataTypeConfirm">
+			<el-form class="m-form" :model="dataTypeForm" ref="dataTypeForm" label-position="right" label-width="96px">
+        <el-form-item label="数据标记类型" prop="dataMarkType">
+          <EleSelect v-model="dataTypeForm.dataMarkType" :options="global.state('dataDictionarys','CustomerDataMarkType')" />
+        </el-form-item>
+        <el-form-item label="标记原因" prop="markReason" :rules="[dataTypeForm.dataMarkType == '3' ? {required: true, message: '不能为空'} : {}]">
+          <el-input v-model.trim="dataTypeForm.markReason" :maxlength="500" />
+        </el-form-item>
+      </el-form>
+		</EleDialog>
+  </div>
+</template>
+
+<script>
+	import {showBtn} from 'common/api-common'
+
+import api from "common/api";
+import {
+  LSH_GENDER_TYPE,
+  LSH_CUSTOM_TYPE,
+  LSH_CERTIFICATE_TYPE,
+  NATIONA_LITY_REGION,
+} from "common/ref-code";
+import {
+		 ORDER_CHANGE_USERCCHANGE
+	} from 'common/resource-btn.js'
+import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+export default {
+  props: {
+    custVo: {
+      type: Object,
+      default: () => { return {} },
+    },
+    bindFlag: {
+      type: Boolean,
+      default: false,
+    },
+    isEdit: {
+      type: Boolean,
+      default: false,
+    },
+    isSaveOther: {
+      type: Boolean,
+      default: false,
+    },
+
+  },
+
+  data() {
+    return {
+      queryParams: {
+        contactPhoneNo: "",
+        scvId: "",
+        customerIdTypeCode: "ID",
+        customerCountryCode: "CHN",
+      },
+      addressCode: {},
+      purchaseOrderTypeList: [],
+      genderTypeList: [],
+      customTypeList: [],
+      CertificateTypeList: [],
+      // 省
+      provinceList: [],
+      // 市
+      cityList: [],
+      // 区
+      direectList: [],
+      chooseList: [],
+      pickerOptions0: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+      },
+      customerCountryList: [],
+      companyFlag: false,
+      visbileFlag: false,
+      btnType: '',
+      custInfo: {},
+      dataTypeForm: {
+        dataMarkType: '',
+        markReason: '',
+      },
+    };
+  },
+
+  watch: {
+    custVo: {
+      async handler(newName, oldName) {
+        console.log(0, newName);
+        if (JSON.stringify(newName) === "{}") return;
+        this.queryParams = JSON.parse(JSON.stringify(newName)) || {};
+        // 实时更新用户信息
+        this.querySearch(this.queryParams.contactPhoneNo);
+        !this.queryParams.bpNum && (this.queryParams.bpNum = "");
+      },
+      immediate: true,
+    },
+    'queryParams.contactPhoneNo': {
+			  handler: function() {
+			    this.querySearch()
+			  },
+			}
+    // 'queryParams.contactPhoneNo': {
+    //   handler: function() {
+    //     this.querySearch()
+    //   },
+    // }
+  },
+
+  created() {
+    this.queryRef({ refCode: LSH_GENDER_TYPE }, "genderTypeList", false);
+    this.queryRef({ refCode: LSH_CUSTOM_TYPE }, "customTypeList", false);
+    this.queryRef(
+      { refCode: LSH_CERTIFICATE_TYPE },
+      "CertificateTypeList",
+      false
+    );
+    this.queryRef(
+      { refCode: "NationalityRegion" },
+      "customerCountryList",
+      false
+    );
+    this.init();
+    // this.getType()
+  },
+  computed: {
+    ...mapState("customerPortrayal", ["customerPhoneNo", "portrayalVisible"]),
+    showChange() {
+      // return showBtn( ORDER_CHANGE_USERCCHANGE)
+      return true
+    },
+  },
+
+  methods: {
+    handleInit(params) {
+      const { mobilePhone } = params
+      console.log(params, mobilePhone)
+      mobilePhone && this.querySearch(mobilePhone, (nouse, res) => {
+        if (Array.isArray(res) && res.length) {
+          console.log('res ===>>', res)
+
+          this.queryParams = res[0]
+          console.log('queryParams ===>>', this.queryParams)
+        } else {
+          Object.assign(this.queryParams, params)
+        }
+      })
+    },
+    ...mapActions({
+      saveScvId: "customerPortrayal/getScvIdSave",
+      savePhoneNo: "customerPortrayal/getCustomerPhoneNo",
+      savePortrayalVisible: "customerPortrayal/getPortrayalVisible",
+    }),
+        delogmessage(flag){
+          if(flag){
+            this.$message({
+							message: '变更成功',
+							type: 'success'
+						})
+          }
+        },
+    init() {
+      this.querychinaarea({ levels: 1 });
+    },
+
+    /**
+     * @desc 手机号下拉查询
+     */
+    querySearch(val, cb = () => {}) {
+      if (val.length === 11) {
+        api.liApi.custVehcile.getCustByPhoneName(
+          { contactPhoneNo: val, pageStart: 1, pageNums: 1000 },
+          (res) => {
+            if (res && res.data.code === "success") {
+              if (res.data.obj && res.data.obj.length > 0) {
+                let list = res.data.obj.map((item, index) => {
+                  return {
+                    value: `${item.contactPhoneNo} ${item.customerName}`,
+                    label: item.contactPhoneNo,
+                    index: index,
+                  };
+                });
+                this.chooseList = res.data.obj;
+                cb(list, res.data.obj);
+                // 回显
+                // this.queryParams = res.data.obj[0]
+              } else {
+                this.queryParams = {
+                  contactPhoneNo: val,
+                  customerIdTypeCode: "ID",
+                  customerCountryCode: "CHN",
+                };
+                cb([]);
+              }
+            }
+          }
+        );
+      } else {
+        cb([]);
+      }
+    },
+
+    /**
+     * @desc 手机号选择
+     */
+    handleSelect(item) {
+      // console.log('test:>选择', item)
+      this.queryParams = this.chooseList[item.index];
+      !this.queryParams.bpNum && (this.queryParams.bpNum = "");
+      // this.$emit('selectPhone', this.queryParams)
+    },
+
+    /**
+     * @desc 保存
+     */
+    preserve() {
+      if(this.provinceList.length>0) {
+        let economize =  this.provinceList.filter((item)=>{
+          return item.value == this.queryParams.addressProvinceCode
+        })
+        if(economize.length>0){
+          this.queryParams.addressProvince = economize[0].label;
+        }
+        console.log(economize,"economize");
+      }
+      if(this.cityList.length>0) {
+        let market =  this.cityList.filter((item)=>{
+          return item.value == this.queryParams.addressCityCode
+        })
+        if(market.length>0){
+          this.queryParams.addressCity = market[0].label;
+        }
+        console.log(market,"market");
+      }
+      console.log();
+      if(this.direectList.length>0) {
+        let direect =  this.direectList.filter((item)=>{
+          return item.value == this.queryParams.addressRegionCode
+        })
+        if(direect.length>0){
+          this.queryParams.addressRegion = direect[0].label;
+        }
+      }
+      let params = {}
+      if(this.isSaveOther) {
+        const {
+          annualIncome, company, customerTrade, drivableType, wxNo,
+          driveLicenceEnd, driveLicenceStart, interest, interestedVas,
+          maritalStatus, post, qqNo, remark, scvId, storeCode
+        } = this.custVo;
+        params = {
+          saveFrom: 0,
+          custVo: {
+            ...this.queryParams,
+            annualIncome, company, customerTrade, drivableType, wxNo,
+            driveLicenceEnd, driveLicenceStart, interest, interestedVas,
+            maritalStatus, post, qqNo, remark, scvId, storeCode
+          }
+        };
+      } else {
+        params = {
+          saveFrom: 0,
+          custVo: this.queryParams,
+        };
+      }
+      api.liApi.custVehcile.setCustVehicle(params, (res) => {
+        console.log(params,"paramsxxx");
+        if (res && res.data.code === "success") {
+          const { custVo } = res.data.obj || {}
+          if(this.global.prefix == '/sflivecs'){
+            if(this.chooseList && this.chooseList.length){
+              this.insertOrUpdateCustomInfoSF(custVo)
+            } else {
+              this.querySearch(this.queryParams.contactPhoneNo, () => {
+                this.insertOrUpdateCustomInfoSF(custVo)
+              })
+            }
+          } else {
+            this.$refs.EleDialog.visible = false
+            this.$emit("preserve", custVo);
+            this.$message.success('保存成功')
+          }
+
+          // 解决保存后 loading一直转圈的问题
+          // setTimeout(function(){
+          //   window.location.reload()
+          // }, 1000)
+        }
+      });
+    },
+    insertOrUpdateCustomInfoSF(custVo){
+      this.chooseList[0].customType=this.chooseList[0].custType
+      api.liApi.custVehcile.insertOrUpdateCustomInfoSF({
+        ...this.chooseList[0],
+        dealerCode:this.global.userInfo.userAvailableInfo.storeInfoVo.dealerCode,
+      }, res => {
+          if (res && res.data.code === 'success') {
+            this.$message.success('保存成功')
+            this.$refs.EleDialog.visible = false
+            this.$emit('preserve', custVo)
+          }
+        })
+    },
+
+    /**
+     * @desc 取消
+     */
+    cancel() {
+      this.$emit("cancel");
+    },
+
+    /**
+     * @desc 客户类型修改
+     */
+    handleChange(item) {
+      if (!this.visbileFlag) return;
+      this.companyFlag = item === "customTypeGroupCus" ? true : false;
+      this.$set(this.queryParams, "customerIdTypeCode", "");
+      this.$set(this.queryParams, "customerGender", "");
+    },
+
+    handleVisibleChange(val) {
+      this.visbileFlag = val;
+    },
+
+    /**
+     * @desc 选择省 => 市
+     */
+    selectProvince(val) {
+      if (!val) return;
+      const params = { levels: 2, fatherAreaCode: val };
+      this.querychinaarea(params);
+    },
+
+    /**
+     * @desc 选择市 => 区
+     */
+    selectCity(val) {
+      if (!val) return;
+      const params = { levels: 3, fatherAreaCode: val };
+      this.querychinaarea(params);
+    },
+
+    /**
+     * @desc 省市区
+     */
+    querychinaarea(params) {
+      // console.log('test:>params', params)
+      // console.log('test:>this', this.queryParams)
+
+      api.chinaarea.querychinaarea(params, (res) => {
+        if (res && res.data.code == "success") {
+          const list = res.data.obj || [];
+          const target = list.map(({ areaName: label, areaCode: value }) => ({
+            label,
+            value,
+          }));
+
+          if (params.levels == 1) {
+            this.provinceList = target;
+            this.cityList = [];
+            this.direectList = [];
+          }
+
+          if (params.levels == 2) {
+            this.cityList = target;
+            this.direectList = [];
+            // this.queryParams.addressCityCode = ''
+            // this.queryParams.addressRegionCode = ''
+            this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          }
+
+          if (params.levels == 3) {
+            this.direectList = target;
+            // this.queryParams.addressRegionCode = ''
+            this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          }
+        }
+      });
+    },
+
+    /**
+     * @desc 查询数字字典
+     */
+    queryRef(params, key, flag) {
+      api.ref.getDataDictionarys(params, (res) => {
+        if (res && res.data.code == "success") {
+          const Vo = res.data.obj || {};
+          const list = Vo.referenceDetailInfos || [];
+          this[key] = list.map(
+            ({
+              refDetailName: label,
+              refDetailCode: value,
+              refDetailRemark,
+            }) => ({ label, value, refDetailRemark })
+          );
+          flag && (this[key] = [{ label: "全部", value: "" }, ..._list]);
+          // console.log(`test:>${key}`, this[key])
+        }
+      });
+    },
+
+    numberKeyup(e) {
+      e.target.value = e.target.value.replace(/[^\d]/g, "");
+    },
+
+    letPortrayalVisible() {
+      if (!this.queryParams.contactPhoneNo && !this.portrayalVisible) {
+        this.$message({
+          type: "warning",
+          message: "请输入手机号",
+        });
+        return;
+      }
+      // 都是同步方法
+      this.saveScvId(this.queryParams.scvId);
+      this.savePhoneNo(this.queryParams.contactPhoneNo);
+      this.savePortrayalVisible(!this.portrayalVisible);
+    },
+    // 客户实名制校验
+    checkAuthCustomerInfo(type){
+      this.btnType = type
+      if (!this.queryParams.custType) return this.$message.warning('请选择客户类型')
+      if (!this.queryParams.contactPhoneNo) return this.$message.warning('请输入移动电话')
+      if (!this.queryParams.customerName) return this.$message.warning('请输入客户姓名')
+      if (!this.queryParams.customerGender) return this.$message.warning('请选择称谓')
+      if (!this.queryParams.customerCountryCode) return this.$message.warning('请选择国家/地区')
+      // 个人客户点击保存后校验实名制关系
+      if (this.queryParams.custType == 'customTypeIndividualCus'){
+        this.global.post(this.global.isdev + '/v1/ecep/customer/checkAuthCustomerInfo', {
+          certNo: this.queryParams.customerIdNo,
+          mobilePhone: this.queryParams.contactPhoneNo,
+          userName: this.queryParams.customerName,
+        }, (obj, res) => {
+          if(!res.data.obj) {
+            this[this.btnType]()
+          } else {
+            this.custInfo = obj
+            this.$refs.EleDialog.visible = true
+          }
+        })
+      } else {
+        this[type]()
+      }
+    },
+    checkAuthCustomerInfoConfirm(){
+      this.queryParams.customerName = this.custInfo.userName
+      this.queryParams.customerIdNo = this.custInfo.certNo
+      this[this.btnType]()
+    },
+    checkAuthCustomerInfoCancel(){
+      this.$refs.EleDialog.visible = false
+    },
+    dataMarkTypeEdit(){
+      this.dataTypeForm.dataMarkType = this.queryParams.dataMarkType || ''
+      this.dataTypeForm.markReason = this.queryParams.markReason
+      this.$refs.dataTypeDialog.visible = true
+    },
+    dataTypeConfirm(){
+      this.$refs.dataTypeForm.validate((valid) => {
+        if (valid) {
+          this.queryParams = {
+            ...this.queryParams,
+            ...this.dataTypeForm,
+          }
+          this.$refs.dataTypeDialog.visible = false
+        }
+      })
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.LSH-Cust {
+  .el-select {
+    width: 100%;
+  }
+  .el-autocomplete {
+    width: 100%;
+  }
+  .portrayal-icon {
+    cursor: pointer;
+    z-index: 1;
+    img {
+      width: 24px;
+      height: 19px;
+    }
+  }
+}
+</style>