更新

src/components/autocomplete/index.vue

@@ -11,13 +11,31 @@
     :disabled="isDisabled"
     @change="change"
   >
-    <el-option
+    <template v-if="labelIsMore">
-      v-for="(item, index) in list"
+      <el-option
-      :key="item.id + index"
+        v-for="(item, index) in list"
-      :label="item[config.labelKey]"
+        :key="item.id + index"
-      :value="item[config.valueKey]"
+        :label="
-    >
+          item[config.labelKey[0]] +
-    </el-option>
+          '(' +
+          item[config.labelKey[1]] +
+          '-' +
+          item[config.labelKey[2]] +
+          ')'
+        "
+        :value="item[config.valueKey]"
+      >
+      </el-option>
+    </template>
+    <template>
+      <el-option
+        v-for="(item, index) in list"
+        :key="item.id + index"
+        :label="item[config.labelKey]"
+        :value="item[config.valueKey]"
+      >
+      </el-option>
+    </template>
   </el-select>
 </template>
 
@@ -37,6 +55,8 @@ export default {
   data() {
     return {
       text: "",
+      labelIsMore: false,
+      // labelKeyArr:[],
       list: [],
       isDisabled: false,
     };
@@ -58,8 +78,7 @@ export default {
     "config.isDisabled": {
       handler(nval, oval) {
         let type = this.$utils.typeJudgment(nval);
-        console.log("type", type);
+        if (["Boolean", "String"].includes(type)) {
-        if (type.includes("Boolean") || type.includes("String")) {
           this.isDisabled = !!this.config.isDisabled;
         }
       },
@@ -67,6 +86,16 @@ export default {
       immediate: true,
     },
   },
+  created() {
+    let { labelKey } = this.config;
+    let type = this.$utils.typeJudgment(labelKey);
+    // console.log(type);
+    if (type === "Array") {
+      // let
+      this.labelIsMore = true;
+      // console.log(this.labelIsMore);
+    }
+  },
   methods: {
     // 远程搜索
     remoteMethod(query) {
@@ -79,17 +108,12 @@ export default {
         //   return;
         // }
         let params = {};
-        if (type.includes("Object")) {
+        if (["Object"].includes(type)) {
           params[this.config.autocompleteKey.key] = query;
           params["enableMark"] = this.config.autocompleteKey.enableMark;
         }
-        if (
+        if (["String", "Undefined", "Null"].includes(type)) {
-          type.includes("String") ||
-          type.includes("Undefined") ||
-          type.includes("Null")
-        ) {
           // 接口为get类型时需将autocompleteKey值设为空
-          console.log();
           this.config.autocompleteKey
             ? (params[this.config.autocompleteKey] = query)
             : (params = query);

src/utils/index.js

@@ -58,5 +58,6 @@ export function cellStyle() {
 // 类型判断
 export function typeJudgment(object) {
   let res = {}.__proto__.toString.call(object);
-  return res || "";
+  let type = /(?<= ).+(?=\])/.exec(res);
+  return type.length ? type[0] : "";
 }

src/views/customerManagement/companyManagement/index.vue

@@ -509,7 +509,7 @@ export default {
       },
       configAutocompleteLeader: {
         serveTarget: commonServe.liekQuery,
-        labelKey: "nickName",
+        labelKey: ["id", "nickName", "phone"],
         valueKey: "id",
         placeholder: "企业负责人姓名或联系方式",
         querykey: "businessLeader",

src/views/financialCenter/accountManagement/index.vue

@@ -275,7 +275,7 @@ export default {
       configAutocompleteBusinessLeader: {
         serveTarget: commonServe.liekQuery,
         autocompleteKey: "",
-        labelKey: "nickName",
+        labelKey: ["id", "nickName", "phone"],
         valueKey: "id",
         placeholder: "业务负责人",
         querykey: "businessLeader",

src/views/financialCenter/enterpriseRecharge/index.vue

@@ -395,7 +395,7 @@ export default {
       configAutocompleteSec: {
         serveTarget: commonServe.liekQuery,
         autocompleteKey: "",
-        labelKey: "nickName",
+        labelKey: ["id", "nickName", "phone"],
         valueKey: "id",
         placeholder: "业务负责人",
         querykey: "businessLeader",

src/views/financialCenter/enterpriseRechargeDetails/index.vue

@@ -257,7 +257,7 @@ export default {
       configAutocompleteSec: {
         serveTarget: commonServe.liekQuery,
         autocompleteKey: "",
-        labelKey: "nickName",
+        labelKey: ["id", "nickName", "phone"],
         valueKey: "id",
         placeholder: "业务负责人",
         querykey: "businessLeader",