{"version":3,"sources":["webpack:///./src/components/select/SingleAutoComplete.vue?c0d6","webpack:///src/components/select/SingleAutoComplete.vue","webpack:///./src/components/select/SingleAutoComplete.vue?692e","webpack:///./src/components/select/SingleAutoComplete.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","attrs","searchRemote","loading","on","change","model","value","callback","$$v","data","expression","$attrs","_l","item","key","id","selectOptions","nameFormat","valueFormat","staticRenderFns","name","props","model_id","model_name","options","watch","computed","fetchApi","apiType","console","created","methods","search","joinParamter","limit","page","status","condition","dataStruct","succcallback","clear","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAYJ,EAAIM,GAAG,CAACC,MAAM,CAAC,WAAa,GAAG,OAAS,GAAG,kBAAkB,GAAG,UAAY,GAAG,gBAAgBP,EAAIQ,aAAa,QAAUR,EAAIS,SAASC,GAAG,CAAC,OAASV,EAAIW,QAAQC,MAAM,CAACC,MAAOb,EAAQ,KAAEc,SAAS,SAAUC,GAAMf,EAAIgB,KAAKD,GAAKE,WAAW,SAAS,YAAYjB,EAAIkB,QAAO,GAAOlB,EAAImB,GAAInB,EAAW,SAAE,SAASoB,GAAM,OAAOhB,EAAG,YAAY,CAACiB,IAAID,EAAKE,GAAGf,MAAM,CAAC,MAAQa,EAAKpB,EAAIuB,cAAcC,YAAc,QAAQ,MAAQJ,EAAKpB,EAAIuB,cAAcE,aAAe,YAAW,IACxjBC,EAAkB,G,YCgBtB,GACAC,0BACAC,OACAC,yBACAC,kBAYAP,sBAEAP,OACA,OACAA,QACAP,WACAsB,aAGAC,OACAH,WACA,cAGA,0CACA,eAHA,aACA,mBAMAI,UACAC,WACA,cAAAC,GAAA,mBACA,MAEA,OADAC,0BACA,KAEA,UACA,wBACA,cACA,YACA,cACA,aACA,cACA,YACA,cACA,QACA,gBAIAC,WACA,iCACA,eAGAC,SACAC,SACA,wCACA,iBACA,qCACA,oBAEA,qPACA,wDACA,yKAEA,kBAIA/B,gBACA,6CAIAgC,gBAAA,oBACA,SACAC,8FACAC,OACAC,+FACA,uFAEA,QAGA,IAGA,IAIA,IAVA,gBACAC,+GAEA,kBACAA,wHAEA,IACAA,0GAGA,+GACA,mGAEA,UAEA,qBACA,gBACA,YACA,2EACA,WAAAC,MAAA,mBACA,uCACA,eACAC,0BACA,SACA,uCACA,gBARC,QAUD,kBAGAnC,SACAyB,kCACA,wCAEA,iKACA,8BAEAW,QACA,aACA,iCACA,mBCjJ2W,I,YCOvWC,EAAY,eACd,EACAjD,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E","file":"js/chunk-2d224d04.a69d2de3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-select',_vm._b({attrs:{\"filterable\":\"\",\"remote\":\"\",\"reserve-keyword\":\"\",\"clearable\":\"\",\"remote-method\":_vm.searchRemote,\"loading\":_vm.loading},on:{\"change\":_vm.change},model:{value:(_vm.data),callback:function ($$v) {_vm.data=$$v},expression:\"data\"}},'el-select',_vm.$attrs,false),_vm._l((_vm.options),function(item){return _c('el-option',{key:item.id,attrs:{\"label\":item[_vm.selectOptions.nameFormat || 'name'],\"value\":item[_vm.selectOptions.valueFormat || 'id']}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-select\n    v-bind=\"$attrs\"\n    v-model=\"data\"\n    filterable\n    remote\n    reserve-keyword\n    clearable\n    :remote-method=\"searchRemote\"\n    :loading=\"loading\"\n    @change=\"change\"\n  >\n    <el-option v-for=\"item in options\" :key=\"item.id\" :label=\"item[selectOptions.nameFormat || 'name']\" :value=\"item[selectOptions.valueFormat || 'id']\"></el-option>\n  </el-select>\n</template>\n<script>\nimport {getUserNameAutoList, getAdminAutoList, projectAutoSelect, getAreaCity} from '@/api/base';\nexport default{\n  name: 'SingleAutoComplete',\n  props: {\n    model_id: [Number, String],\n    model_name: String,\n    /**\n     * selectOptions: Object\n     *  apiType: 当前联动下拉类型 【必填】\n     *  dataStruct：返回数据结构类型 ''表示直接返回Array(默认), 'data'表示返回对象包含data的Array\n     *  model_id_label: id请求的参数名称, 默认id\n     *  model_name_label: name请求的参数名称，默认name\n     *  per_page: 列表显示长度,默认20\n     *  params: 其余接口请求的参数\n     *  valueFormat：返回值的字段名\n     *  nameFormat: 显示值的字段名\n     */\n    selectOptions: Object\n  },\n  data() {\n    return {\n      data: '',\n      loading: false,\n      options: []\n    }\n  },\n  watch: {\n    model_id() {\n      if (!this.model_id) {\n        this.data = '';\n        this.options = [];\n      }else if ((this.model_id && this.data !== this.model_id)) {\n        this.search();\n      }\n    }\n  },\n  computed: {\n    fetchApi () {\n      const { apiType } = this.selectOptions;\n      if (!apiType) {\n        console.error('请选择联动类型！');\n        return null;\n      }\n      switch (apiType) {\n        case 'permissionCustome': // 权限内的客户搜索\n          return getUserNameAutoList;\n        case 'agent': // 所有经纪人联动搜索\n          return getAdminAutoList;\n        case 'houses': // 意向楼盘联动搜索\n          return projectAutoSelect;\n        case 'citys':\n          return getAreaCity;\n        default:\n          return () => {}\n      }\n    }\n  },\n  created() {\n    if (this.model_id || this.model_name) {\n      this.search()\n    }\n  },\n  methods: {\n    search () {\n      this.fetchList(this.joinParamter(), () => {\n        if (this.model_id) {\n          this.data = Number(this.model_id);\n        } else if (this.model_name) {\n          // 模糊匹配包含搜索条件的\n          const list = this.options.filter(v => (v[this.selectOptions?.model_name_label ?? 'name']?.indexOf(this.model_name) ?? -1) >= 0);\n          if (list?.length > 0) {\n            this.data = list[0]?.[this.selectOptions?.valueFormat??'id'] ?? '';\n          }\n          this.change();\n        }\n      })\n    },\n    searchRemote (query) {\n      this.fetchList(this.joinParamter(query), () => {\n\n      })\n    },\n    joinParamter (query) {\n      const condition = {\n        limit: this.selectOptions?.per_page ?? 20,\n        page: 1,\n        status: this.selectOptions?.status ?? 0,\n        ...this.selectOptions?.params ?? {}\n      };\n      if (this.model_id) {\n        condition[this.selectOptions?.valueFormat ?? 'id'] = this.model_id;\n      };\n      if (this.model_name) {\n        condition[this.selectOptions?.model_name_label ?? 'name'] = this.model_name\n      };\n      if (query) {\n        condition[this.selectOptions?.model_name_label ?? 'name'] = query\n      }\n      // 如果两个都存在的情况下，清除id选项的搜索条件\n      if (condition[this.selectOptions?.model_name_label ?? 'name']) {\n        delete condition[this.selectOptions?.model_id_label ?? 'id'];\n      }\n      return condition;\n    },\n    async fetchList (paramters, succcallback) {\n      this.loading = true;\n      try {\n        const res = await this.fetchApi?.(paramters);\n        const { dataStruct = '' } = this.selectOptions;\n        const list = (!dataStruct ? res : res[dataStruct]) ?? [];\n        this.options = list;\n        succcallback?.();\n      } catch (error) {\n        this.$message.error(error.msg || '操作失败，请重试');\n        this.options = [];\n      } finally {\n        this.loading = false;\n      }\n    },\n    change () {\n      console.log('model_id', this.data)\n      this.$emit('update:model_id', this.data);\n      // 返回整个对象\n      const item = this.options.find(v => v[this.selectOptions?.valueFormat ?? 'id'] === this.data) || null;\n      this.$emit('update:model', item)\n    },\n    clear () {\n      this.data = '';\n      this.$emit('update:model_id', '');\n      this.options = [];\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SingleAutoComplete.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SingleAutoComplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SingleAutoComplete.vue?vue&type=template&id=a512cecc&\"\nimport script from \"./SingleAutoComplete.vue?vue&type=script&lang=js&\"\nexport * from \"./SingleAutoComplete.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}