lshcom 1.0.0

package/src/components/LshVehicle/index.vue

@@ -0,0 +1,1002 @@
+<template>
+  <div class="LSH-Vehicle">
+    <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.licNum" />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车架号-美版VIN*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input
+            v-model.trim="queryParams.frameNo"
+            :disabled="!isAdd"
+            @blur="handleQuery"
+          />
+          <!-- <el-autocomplete
+            :disabled="!isAdd"
+            class="inline-input"
+            v-model="queryParams.frameNo"
+            :fetch-suggestions="queryCarVinList"
+            placeholder="请输入车架号"
+            :trigger-on-focus="false"
+            @select="handleSelect">
+          </el-autocomplete> -->
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车架号-欧版FIN*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-input
+            v-model.trim="queryParams.vehicleNo"
+            :disabled="finFlag"
+          />
+        </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.engineNumber" />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="品牌*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select :value="queryParams.brandName" placeholder="" filterable>
+            <el-option
+              v-for="item in brandList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              @click.native="queryCarInfo(item.value, 'brandCode')"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="来源*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select :value="queryParams.vehicleSource" placeholder="" filterable>
+            <el-option
+              v-for="item in sourceList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              @click.native="queryCarInfo(item.value, 'factoryCode')"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车系*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select :value="queryParams.vehicleClass" placeholder="" filterable>
+            <el-option
+              v-for="item in vehicleClassList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              @click.native="queryCarInfo(item.value, 'seriesCode')"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车型*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select :value="queryParams.vehicleModel" placeholder="" filterable>
+            <el-option
+              v-for="item in vehicleModelList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              @click.native="queryCarInfo(item.value, 'modelCode')"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="车款*"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select :value="queryParams.vehicleVariant" placeholder="" filterable>
+            <el-option
+              v-for="(item,index) in vehicleVariantList"
+              :key="index"
+              :label="item.displayName"
+              :value="item.label"
+              @click.native="queryCarInfo(item.label, 'vehicleCode')"
+              @change="queryCarInfo(item.label, 'vehicleCode')"
+            >
+              {{ item.displayName }} &nbsp;&nbsp;&nbsp; {{ item.carModelCode }}
+            </el-option>
+          </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.varient" disabled />
+        </b-form-fieldset>
+      </div>
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="业务交易类型"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-select
+            :disabled="queryParams.brandName != 'smart精灵'"
+            :value="queryParams.businessTransactionType"
+            placeholder=""
+          >
+            <el-option
+              v-for="item in businessTransactionOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+              @click.native="setValue(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-date-picker
+            v-model="queryParams.firstRegistrationDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </b-form-fieldset>
+      </div>
+    </div>
+
+    <div class="lsh-info">相关信息</div>
+
+    <div class="row">
+      <div class="col-md-4">
+        <b-form-fieldset
+          horizontal
+          label="销售时间"
+          label-cols="4"
+          class="text-right"
+        >
+          <el-date-picker
+            v-model="queryParams.salesDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </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.licDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </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.lastServiceDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </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.nextServiceDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </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.serviceMileAge" />
+        </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.insExpiryDate"
+            type="date"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </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.insVciCode" placeholder="">
+            <el-option
+              v-for="item in insTciList"
+              :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.insTciCode" placeholder="">
+            <el-option
+              v-for="item in insTciList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </b-form-fieldset>
+      </div>
+
+      <div class="col-md-12">
+        <div class="pull-right">
+          <b-button
+            v-if="showChange"
+            @click="changeMaster"
+            size="sm"
+            variant="success"
+            >车主变更</b-button
+          >
+          <b-button size="sm" variant="default" @click="cancel">取消</b-button>
+          <b-button size="sm" variant="primary" @click="preserve"
+            >保存</b-button
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+<script>
+import { showBtn } from "common/api-common";
+
+import api from "common/api";
+import { SAP_ACINS_ORG, Business_Transaction_Type } from "common/ref-code";
+import { ORDER_CHANGE_MASTER } from "common/resource-btn.js";
+export default {
+  props: {
+    vehicleVo: {
+      type: Object,
+      default: {},
+    },
+    isAdd: {
+      type: Boolean,
+      default: false,
+    },
+    custVoSpace: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+
+  data() {
+    return {
+      changeFlag: false,
+      queryParams: {
+        varient: "",
+        businessTransactionType: "",
+      },
+      businessTransactionOptions: [], //业务交易类型
+      // 保险公司
+      insTciList: [],
+      carRelaInfo: {
+        pageSize: 1,
+        pageNums: 1000,
+        rootPropertyIndex: 0,
+        fatherProperty: "rootCode",
+        fatherPropertyValue: "",
+      },
+      chooseList: [],
+      brandList: [],
+      sourceList: [],
+      vehicleClassList: [],
+      vehicleModelList: [],
+      vehicleVariantList: [],
+      msgList: [
+        // { key: "vehicleNo", msg: "请输入车架号-欧版" },
+        { key: "frameNo", msg: "请输入车架号-美版" },
+        { key: "varient", msg: "车型销售代码不存在，请重新选择品牌车系车型" },
+        { key: "brandName", msg: "请选择品牌" },
+        { key: "vehicleSource", msg: "请选择来源" },
+        { key: "vehicleClass", msg: "请选择车系" },
+        { key: "vehicleModel", msg: "请选择车型" },
+        { key: "vehicleVariant", msg: "请选择车款" },
+      ],
+      _relation: {},
+      frameNo_ls: "",
+    };
+  },
+  watch: {
+    vehicleVo: {
+      handler(newName, oldName) {
+        // if (JSON.stringify(newName) === '{}') return
+
+        this.queryParams = JSON.parse(JSON.stringify(newName)) || {};
+        if(this.queryParams.vehicleVariant && this.queryParams.varient){
+          this.queryParams.vehicleVariant = this.queryParams.vehicleVariant + "---&---" + this.queryParams.varient;
+        }
+        const {
+          brandName,
+          vehicleSource,
+          vehicleClass,
+          vehicleModel,
+          vehicleVariant,
+        } = this.queryParams;
+
+        // 默认进来查询下拉
+        this.getCarRelationInfoList(
+          {
+            fatherProperty: "brandCode",
+            fatherPropertyValue: brandName,
+            pageNums: 1000,
+            pageSize: 1,
+          },
+          "sourceList"
+        );
+        this.getCarRelationInfoList(
+          {
+            fatherProperty: "factoryCode",
+            fatherPropertyValue: `${brandName}|${vehicleSource}`,
+            pageNums: 1000,
+            pageSize: 1,
+          },
+          "vehicleClassList"
+        );
+        this.getCarRelationInfoList(
+          {
+            fatherProperty: "seriesCode",
+            fatherPropertyValue: `${brandName}|${vehicleSource}|${vehicleClass}`,
+            pageNums: 1000,
+            pageSize: 1,
+          },
+          "vehicleModelList"
+        );
+        // this.getCarRelationInfoList(
+        //   {
+        //     fatherProperty: "modelCode",
+        //     fatherPropertyValue: `${brandName}|${vehicleSource}|${vehicleClass}|${vehicleModel}`,
+        //     pageNums: 1000,
+        //     pageSize: 1,
+        //   },
+        //   "vehicleVariantList"
+        // );
+        this.getCarVariantRelationInfo({
+          fatherProperty: "modelCode",
+          fatherPropertyValue: `${brandName}|${vehicleSource}|${vehicleClass}|${vehicleModel}`,
+          pageNums: 1000,
+          pageSize: 1,
+        })
+      },
+      immediate: true,
+    },
+    custVoSpace: {
+      handler(newName, oldName) {
+        console.log(newName, oldName);
+        if (!oldName) return;
+        const {
+          vehicleNo,
+          plateNumber,
+          customerName,
+          contactPhoneNo,
+          scvId,
+          state,
+        } = JSON.parse(JSON.stringify(newName)) || {};
+
+        this._relation = {
+          finNo: vehicleNo,
+          plateNumber: plateNumber,
+          custName: customerName,
+          custPhone: contactPhoneNo,
+          relationType: 0,
+          scvId: scvId,
+          state: 0,
+        };
+      },
+      immediate: true,
+    },
+  },
+
+  created() {
+    this.init();
+  },
+  computed: {
+    showChange() {
+      return showBtn(ORDER_CHANGE_MASTER);
+    },
+    // 无需填写fin码标识
+    finFlag() {
+      return this.global.userInfo.nonManufacturersAuthorizedStoreTag || !((this.global.userInfo.benzProductVehicleSet || []).includes(this.queryParams.brandName))
+    }
+  },
+
+  methods: {
+    setValue(label) {
+      this.$set(this.queryParams, "businessTransactionType", label);
+    },
+    // 根据美版车架号查车
+    handleQuery() {
+      if (!this.queryParams.frameNo || this.queryParams.frameNo.length != 17) {
+        return this.$message.warning("美版车架号必须是17位");
+      }
+      const params = {
+        frameNo: this.queryParams.frameNo,
+        pageStart: 1,
+        pageNums: 1000,
+      };
+      api.liApi.custVehcile.getVehicleByVin(params, (res) => {
+        if (res && res.data.code === "success" && res.data.obj && res.data.obj.length) {
+          this.frameNo_ls = this.queryParams.frameNo;
+          console.log(this.frameNo_ls, this.queryParams.frameNo);
+          this.queryParams = res.data.obj[0] || {};
+          // 防止查不到数据，将输入的车架号清空
+          this.queryParams.frameNo =
+            this.queryParams.frameNo || this.frameNo_ls;
+          // if (!!this.queryParams.vehicleNo) this.queryParams.vinFlag = true;
+        }
+      });
+    },
+    changeMaster() {
+      if (!this.queryParams.frameNo) {
+        this.$message({
+          message: "请选择美版VIN",
+          type: "warning",
+        });
+        return;
+      }
+
+      if (!this.queryParams.brandName) {
+        this.$message({
+          message: "请输入品牌",
+          type: "warning",
+        });
+        return;
+      }
+
+      if (!this.queryParams.vehicleSource) {
+        this.$message({
+          message: "请选择来源",
+          type: "warning",
+        });
+        return;
+      }
+
+      if (!this.queryParams.vehicleClass) {
+        this.$message({
+          message: "请选择车系",
+          type: "warning",
+        });
+        return;
+      }
+      if (!this.queryParams.vehicleModel) {
+        this.$message({
+          message: "请选择车型",
+          type: "warning",
+        });
+        return;
+      }
+      if (!this.queryParams.vehicleVariant) {
+        this.$message({
+          message: "请选择车款",
+          type: "warning",
+        });
+        return;
+      }
+      if(this.isAdd && (this.global.userInfo.benzProductVehicleSet || []).includes(this.queryParams.brandName)){
+        if (!this.queryParams.frameNo || this.queryParams.frameNo.length != 17) {
+          return this.$message.warning("美版车架号必须是17位");
+        }
+        if(/^\d+$/.test(this.queryParams.frameNo.slice(3,5))){
+          return this.$message.warning('美版(VIN)第4位和第5位，不可以同时为数字')
+        }
+      }
+      if(!this.finFlag){
+        if (!this.queryParams.vehicleNo) {
+          return this.$message.warning('请输入车架号-欧版FIN')
+        }
+        if(this.queryParams.vehicleNo.slice(3,9) != this.queryParams.varient.slice(0,6)){
+          return this.$message.warning('FIN码第4-9位，与车型销售代码前6位不一致，请重新修改')
+        }
+      }
+      const queryParams = {
+        ...this.queryParams,
+        vehicleVariant: this.queryParams.vehicleVariant.split('---&---')[0]
+      }
+      if (this.bindFlag) {
+        this.$emit("changeMaster", queryParams);
+        return;
+      }
+      const params = {
+        saveFrom: 0,
+        custVo: {
+          ...this.custVoSpace,
+          ...queryParams,
+          sapSyncTime: undefined,
+        }
+      };
+      api.liApi.custVehcile.setCustVehicle(params, (res) => {
+        if (res && res.data.code === "success") {
+          this.$emit("changeMaster", res.data.obj.custVo);
+          this.$message({
+            message: "变更成功",
+            type: "success",
+          });
+        }
+      });
+    },
+    init() {
+      this.queryRef({ refCode: SAP_ACINS_ORG }, "insTciList", false);
+      this.getCarRelationInfo("brandList");
+      this.queryRef(
+        { refCode: Business_Transaction_Type },
+        "businessTransactionOptions",
+        false
+      );
+    },
+
+    /**
+     * @desc 取消
+     */
+    cancel() {
+      this.$emit("cancel");
+    },
+
+    /**
+     * @desc 保存
+     */
+    preserve() {
+      let len = this.msgList.length;
+      for (let i = 0; i < len; i++) {
+        let key = this.msgList[i].key;
+        if (!this.queryParams[key]) {
+          this.$message({
+            message: this.msgList[i].msg,
+            type: "warning",
+          });
+          return;
+        }
+      }
+      if(this.isAdd && (this.global.userInfo.benzProductVehicleSet || []).includes(this.queryParams.brandName)){
+        if (!this.queryParams.frameNo || this.queryParams.frameNo.length != 17) {
+          return this.$message.warning("美版车架号必须是17位");
+        }
+        if(/^\d+$/.test(this.queryParams.frameNo.slice(3,5))){
+          return this.$message.warning('美版(VIN)第4位和第5位，不可以同时为数字')
+        }
+      }
+      if(!this.finFlag){
+        if (!this.queryParams.vehicleNo) {
+          return this.$message.warning('请输入车架号-欧版FIN')
+        }
+        if(this.queryParams.vehicleNo.slice(3,9) != this.queryParams.varient.slice(0,6)){
+          return this.$message.warning('FIN码第4-9位，与车型销售代码前6位不一致，请重新修改')
+        }
+      }
+      if (
+        this.queryParams.brandName == "smart精灵" &&
+        !this.queryParams.businessTransactionType
+      ) {
+        this.$message({
+          message: "请选择业务交易类型",
+          type: "warning",
+        });
+        return;
+      }
+      const params = {
+        saveFrom: 0,
+        custVo: null,
+        vehicleVo: {
+          ...this.queryParams,
+          vehicleVariant: this.queryParams.vehicleVariant.split('---&---')[0]
+        },
+        relationList: [],
+      };
+      (params.relationList = [
+        {
+          vinNo: this.queryParams.frameNo,
+          finNo: this.queryParams.vehicleNo,
+          plateNumber: this.queryParams.plateNumber,
+          custName: this.queryParams.customerName,
+          custPhone: this.queryParams.contactPhoneNo,
+          relationType: 0,
+          scvId: this.queryParams.scvId,
+          state: 0,
+        },
+      ]),
+        // this.getCarCodeAndSalesCode(params);
+        this.setCustVehicle(params);
+      // this.$emit('preserve', this.queryParams)
+      // api.liApi.custVehcile.setCustVehicle(params, res => {
+      //   if (res && res.data.code === 'success') {
+      //     this.tableList = res.data.obj || []
+      //     this.$emit('preserve', this.queryParams)
+      //   }
+      // })
+    },
+
+    // 查询车型销售代码
+    getCarCodeAndSalesCode(params) {
+      if (params.vehicleVo.frameNo.length !== 17) {
+        this.$message({
+          message: "美版车架号必须是17位",
+          type: "warning",
+        });
+        return;
+      }
+      const {
+        brandName: brandCode,
+        vehicleSource: factoryCode,
+        vehicleClass: seriesCode,
+        vehicleModel: modelCode,
+        vehicleVariant: displayName,
+      } = this.queryParams;
+      const option = {
+        brandCode,
+        factoryCode,
+        seriesCode,
+        modelCode,
+        displayName,
+      };
+      api.liApi.custVehcile.getCarCodeAndSalesCode(option, (res) => {
+        if (res && res.data.code === "success") {
+          this.queryParams.varient =
+            res.data.obj[0] && res.data.obj[0].carModelCode;
+          this.setCustVehicle(params);
+        }
+      });
+    },
+    //保存更新
+    setCustVehicle(params) {
+      const queryParams = {
+        ...this.queryParams,
+        vehicleVariant: this.queryParams.vehicleVariant.split('---&---')[0]
+      }
+      if (this.isAdd) {
+        this.$emit("preserve", queryParams, true);
+      } else {
+        if (JSON.stringify(this._relation) == "{}") {
+          params.relationList = [];
+        }
+        if (!queryParams.contactPhoneNo || (!!queryParams.contactPhoneNo && !queryParams.bpNum)) {
+          params.relationList = undefined
+        }
+        api.liApi.custVehcile.setCustVehicle(params, (res) => {
+          if (res && res.data.code === "success") {
+            // this.tableList = res.data.obj || []
+            this.$message({
+              message: "保存成功",
+              type: "success",
+            });
+            this.$emit("preserve", queryParams, false);
+          }
+          if (res && res.data.code === "carIsBind") {
+            this.$emit("preserve", queryParams, false);
+          }
+        });
+      }
+    },
+    /**
+     * @desc 选择车辆信息
+     */
+    queryCarInfo(val, code) {
+      // console.log(`test:>${code}`, val)
+      // if (!val || !this.changeFlag) return
+      if (!val) return;
+      switch (code) {
+        case "brandCode":
+          this.$nextTick(() => {
+            if(this.finFlag){
+              this.queryParams.vehicleNo = ''
+            }
+          });
+          if (val != "smart精灵") {
+            this.$set(this.queryParams, "businessTransactionType", "");
+          }
+          this.queryParams.brandName = val;
+          this.carRelaInfo.fatherProperty = code;
+          this.carRelaInfo.fatherPropertyValue = val;
+          this.vehicleClassList = [];
+          this.vehicleModelList = [];
+          this.vehicleVariantList = [];
+          this.queryParams.vehicleSource = "";
+          this.queryParams.vehicleClass = "";
+          this.queryParams.vehicleModel = "";
+          this.queryParams.vehicleVariant = "";
+          this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          this.getCarRelationInfo("sourceList");
+          break;
+
+        case "factoryCode":
+          this.queryParams.vehicleSource = val;
+          this.carRelaInfo.fatherProperty = code;
+          this.carRelaInfo.fatherPropertyValue = `${this.queryParams.brandName}|${val}`;
+          this.vehicleModelList = [];
+          this.vehicleVariantList = [];
+          this.queryParams.vehicleClass = "";
+          this.queryParams.vehicleModel = "";
+          this.queryParams.vehicleVariant = "";
+          this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          this.getCarRelationInfo("vehicleClassList");
+          break;
+
+        case "seriesCode":
+          this.queryParams.vehicleClass = val;
+          this.carRelaInfo.fatherProperty = code;
+          this.carRelaInfo.fatherPropertyValue = `${this.queryParams.brandName}|${this.queryParams.vehicleSource}|${val}`;
+          this.vehicleVariantList = [];
+          this.queryParams.vehicleModel = "";
+          this.queryParams.vehicleVariant = "";
+          this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          this.getCarRelationInfo("vehicleModelList");
+          break;
+
+        case "modelCode":
+          this.queryParams.vehicleModel = val;
+          this.carRelaInfo.fatherProperty = code;
+          this.carRelaInfo.fatherPropertyValue = `${this.queryParams.brandName}|${this.queryParams.vehicleSource}|${this.queryParams.vehicleClass}|${val}`;
+          this.queryParams.vehicleVariant = "";
+          this.queryParams.varient = "";
+          this.queryParams = JSON.parse(JSON.stringify(this.queryParams));
+          // this.getCarRelationInfo("vehicleVariantList");
+          this.getCarVariantRelationInfo(this.carRelaInfo)
+          break;
+        case "vehicleCode":
+          this.queryParams.vehicleVariant = val;
+          // let params = {
+          //   brandCode: this.queryParams.brandName,
+          //   factoryCode: this.queryParams.vehicleSource,
+          //   seriesCode: this.queryParams.vehicleClass,
+          //   modelCode: this.queryParams.vehicleModel,
+          //   displayName: this.queryParams.vehicleVariant,
+          // };
+
+          // api.liApi.custVehcile.getCarCodeAndSalesCode(params, (res) => {
+          //   if (res && res.data.code === "success") {
+          //     let { carCode, carModelCode } = res.data.obj[0];
+          //     carCode && (this.queryParams.carCode = carCode);
+          //     if (carModelCode) {
+          //       this.queryParams.carModelCode = carModelCode;
+          //       this.queryParams.varient = carModelCode;
+          //     }
+          //   }
+          // });
+          let carModelCode = val.split('---&---')[1]
+          this.queryParams.carModelCode = carModelCode
+          this.queryParams.varient = carModelCode
+      }
+    },
+
+    /**
+     * 模糊查询车架号
+     * @method queryCarVinList
+     * @param {string} 输入车架号
+     * @param {callBack} cb 回调
+     */
+    queryCarVinList(val, cb) {
+      if (!val || val.length < 6) {
+        cb([]);
+        return;
+      }
+      api.liApi.custVehcile.queryCarVinList(
+        { vinNoReverse: val, pageNums: 1000 },
+        (res) => {
+          if (res && res.data.code === "success") {
+            if (res.data.obj.list && res.data.obj.list.length > 0) {
+              let list = res.data.obj.list.map((item, index) => {
+                return { value: item.vinNo, index: index };
+              });
+              cb(list);
+              this.chooseList = res.data.obj.list;
+            } else {
+              cb([]);
+            }
+          }
+        }
+      );
+    },
+
+    /**
+     * 车架号下拉选择
+     * @method handleSelect
+     * @param {object} item 当前选择项
+     */
+    handleSelect() {
+      const params = {
+        frameNo: this.value,
+        pageStart: 1,
+        pageNums: 1000,
+      };
+      api.liApi.custVehcile.getVehicleByVin(params, (res) => {
+        if (res && res.data.code === "success") {
+          this.queryParams = res.data.obj[0] || {};
+        }
+      });
+    },
+
+    /**
+     * @desc 查询车辆信息
+     */
+    getCarRelationInfo(code) {
+      api.liApi.custVehcile.getCarRelationInfo(this.carRelaInfo, (res) => {
+        if (res && res.data.code === "success") {
+          this[code] = res.data.obj.list.map((item) => {
+            return { label: item, value: item };
+          });
+          // console.log(`test:>${code}`, this[code])
+        }
+      });
+    },
+
+    /**
+     * @desc 查询初始化进来下拉
+     */
+    getCarRelationInfoList(params, code) {
+      if (!params.fatherPropertyValue) {
+        return;
+      }
+      api.liApi.custVehcile.getCarRelationInfo(params, (res) => {
+        if (res && res.data.code === "success") {
+          this[code] = res.data.obj.list.map((item) => {
+            return { label: item, value: item };
+          });
+          // console.log(`test:>${code}`, this[code])
+        }
+      });
+    },
+    // 获取车款+车型销售代码
+    getCarVariantRelationInfo(params){
+      this.global.post(this.global.isdev + '/systemFoundation_service/v1/sys/car/getCarVariantRelationInfo', params, obj => {
+        this.vehicleVariantList = obj.list.map(item => {
+          return {
+            ...item,
+            label: `${item.displayName}---&---${item.carModelCode}`,
+          }
+        })
+      })
+    },
+
+    /**
+     * @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 }) => ({
+              label,
+              value,
+            })
+          );
+          flag && (this[key] = [{ label: "全部", value: "" }, ..._list]);
+          // console.log(`test:>${key}`, this[key])
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.LSH-Vehicle {
+  .lsh-info {
+    font-size: 18px;
+    padding-left: 20px;
+  }
+  .el-select,
+  .el-autocomplete {
+    width: 100%;
+  }
+}
+</style>
+<style lang="scss" scoped>
+  .el-select-dropdown__list{
+    .el-select-dropdown__item{
+      max-width: 100% !important;
+    }
+  }
+</style>