{"version":3,"sources":["webpack:///./src/components/SearchSelectCreate/SearchSelectCreate.vue?fd7b","webpack:///src/components/SearchSelectCreate/SearchSelectCreate.vue","webpack:///./src/components/SearchSelectCreate/SearchSelectCreate.vue?0717","webpack:///./src/components/SearchSelectCreate/SearchSelectCreate.vue","webpack:///./src/components/SearchSelectCreate/SearchSelectCreate.vue?21bb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","remoteMethod","loadingText","loading","on","focusRequest","change","model","value","callback","$$v","labelValue","expression","_l","item","key","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACE,YAAY,SAASC,MAAM,CAAC,SAAW,GAAG,WAAa,GAAG,OAAS,GAAG,eAAe,GAAG,UAAY,GAAG,uBAAuB,GAAG,kBAAkB,GAAG,YAAc,SAAS,gBAAgBP,EAAIQ,aAAa,eAAeR,EAAIS,YAAY,QAAUT,EAAIU,SAASC,GAAG,CAAC,MAAQX,EAAIY,aAAa,OAASZ,EAAIa,QAAQC,MAAM,CAACC,MAAOf,EAAc,WAAEgB,SAAS,SAAUC,GAAMjB,EAAIkB,WAAWD,GAAKE,WAAW,eAAenB,EAAIoB,GAAIpB,EAAW,QAAE,SAASqB,GAAM,OAAOjB,EAAG,YAAY,CAACkB,IAAID,EAAKd,MAAM,CAAC,MAAQc,EAAK,MAAQA,OAAU,IAAI,IAC7pBE,EAAkB,GC4BtB,G,UAAA,CACE,KAAF,qBACE,MAAF,CACI,UAAJ,CACM,KAAN,QAEI,MAAJ,CACM,KAAN,MACM,QAAN,WACQ,MAAR,MAIE,KAbF,WAcI,MAAJ,CACM,SAAN,EACM,YAAN,MACM,WAAN,WACM,SAAN,GACM,QAAN,KAGE,MAAF,CACI,WADJ,SACA,KACM,KAAN,iBACM,KAAN,YAEI,MALJ,SAKA,GACM,KAAN,eAGE,QAAF,CACI,OADJ,SACA,GAAM,IAAN,OACM,WAAN,WACQ,EAAR,8BACA,IAEI,aANJ,WAMM,IAAN,OACM,KAAN,WACM,KAAN,kBACM,KAAN,WACM,KAAN,oCACQ,MAAR,GACQ,UAAR,iBACA,iBACA,gCACU,EAAV,gBAEA,iBACU,EAAV,WAEU,EAAV,oBAMA,YACQ,EAAR,WACQ,EAAR,eACU,MAAV,KACU,QAAV,0BACU,OAAV,OAEA,kBACQ,EAAR,WACQ,EAAR,gBAGI,aAtCJ,SAsCA,GAAM,IAAN,OACM,KAAN,WACM,KAAN,kBACM,KAAN,WACM,KAAN,oCACQ,MAAR,EACQ,UAAR,iBACA,iBACA,gCACU,EAAV,gBAEQ,EAAR,YACA,YACQ,EAAR,WACQ,EAAR,eACU,MAAV,KACU,QAAV,0BACU,OAAV,OAEA,kBACQ,EAAR,WACQ,EAAR,gBAGI,UA9DJ,WA+DM,KAAN,kBC3H2W,I,wBCQvWC,EAAY,eACd,EACAzB,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAAikB,EAAG,G","file":"static/js/chunk-dba56202.c9f33d96.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"search_select\"},[_c('el-select',{staticClass:\"select\",attrs:{\"multiple\":\"\",\"filterable\":\"\",\"remote\":\"\",\"allow-create\":\"\",\"clearable\":\"\",\"default-first-option\":\"\",\"reserve-keyword\":\"\",\"placeholder\":\"请输入关键词\",\"remote-method\":_vm.remoteMethod,\"loading-text\":_vm.loadingText,\"loading\":_vm.loading},on:{\"focus\":_vm.focusRequest,\"change\":_vm.change},model:{value:(_vm.labelValue),callback:function ($$v) {_vm.labelValue=$$v},expression:\"labelValue\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item,attrs:{\"label\":item,\"value\":item}})}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"search_select\">\n        <el-select\n                class=\"select\"\n                v-model=\"labelValue\"\n                multiple\n                filterable\n                remote\n                allow-create\n                clearable\n                default-first-option\n                reserve-keyword\n                placeholder=\"请输入关键词\"\n                :remote-method=\"remoteMethod\"\n                @focus=\"focusRequest\"\n                @change=\"change\"\n                :loading-text=\"loadingText\"\n                :loading=\"loading\">\n            <el-option\n                    v-for=\"item in options\"\n                    :key=\"item\"\n                    :label=\"item\"\n                    :value=\"item\">\n            </el-option>\n        </el-select>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"SearchSelectCreate\",\n        props: {\n            subjectId: {\n                type: Number\n            },\n            value: {\n                type: Array,\n                default: () => {\n                    return []\n                }\n            }\n        },\n        data () {\n            return {\n                loading: false,\n                loadingText: '加载中',\n                labelValue: this.value,\n                oldValue: '',\n                options: []\n            }\n        },\n        watch: {\n            labelValue (newV, oldV) {\n                this.$emit('input', newV);\n                this.oldValue = oldV;\n            },\n            value (newV) {\n                this.labelValue = newV\n            }\n        },\n        methods: {\n            change (value) {\n                setTimeout(() => {\n                    this.$emit('change', value, this.oldValue)\n                }, 1)\n            },\n            focusRequest () {\n                this.loading = true;\n                this.loadingText = '加载中'\n                this.options = [];\n                this.$https.post(`/api/tk/label/search`, {\n                    query: '',\n                    subjectId: this.subjectId\n                }).then((response)=>{\n                    if (response.data && Array.isArray(response.data)) {\n                        this.options = response.data;\n                    }\n                    if (this.options.length) {\n                        this.loading = false;\n                    } else {\n                        this.loadingText = '暂无数据'\n                        // setTimeout(() => {\n                        //     this.loading = false;\n                        //     this.loadingText = '加载中'\n                        // }, 1000)\n                    }\n                },(error) => {\n                    this.loading = false;\n                    this.$notify.error({\n                        title: '错误',\n                        message: error.message || error.data.message,\n                        offset: 50\n                    });\n                }).catch(errors => {\n                    this.loading = false;\n                    this.$errorLog(errors)\n                })\n            },\n            remoteMethod (value) {\n                this.loading = true;\n                this.loadingText = '加载中'\n                this.options = [];\n                this.$https.post(`/api/tk/label/search`, {\n                    query: value,\n                    subjectId: this.subjectId\n                }).then((response)=>{\n                    if (response.data && Array.isArray(response.data)) {\n                        this.options = response.data;\n                    }\n                    this.loading = false;\n                },(error) => {\n                    this.loading = false;\n                    this.$notify.error({\n                        title: '错误',\n                        message: error.message || error.data.message,\n                        offset: 50\n                    });\n                }).catch(errors => {\n                    this.loading = false;\n                    this.$errorLog(errors)\n                })\n            },\n            moveLabel () {\n                this.labelValue = []\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .search_select{\n        .select{\n            width: 100%;\n            /deep/ .el-tag{\n                background: #FFAB00;\n                border: none;\n                border-radius: 14px;\n                font-size: 16px;\n                color: white;\n                line-height: 24px;\n                padding: 0 6px;\n                .el-tag__close{\n                    background: #FFAB00;\n                    right: 0;\n                    margin-left: 5px;\n                    transform: none;\n                    color: #FFAB00;\n                    font-size: 16px;\n                    text-align: center;\n                    line-height: 16px;\n                }\n                .el-icon-close:before{\n                    transform: none;\n                    content: \"\\E79D\";\n                    color: white;\n                }\n            }\n        }\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchSelectCreate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchSelectCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SearchSelectCreate.vue?vue&type=template&id=4e258494&scoped=true&\"\nimport script from \"./SearchSelectCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./SearchSelectCreate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SearchSelectCreate.vue?vue&type=style&index=0&id=4e258494&lang=scss&scoped=true&\"\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  \"4e258494\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchSelectCreate.vue?vue&type=style&index=0&id=4e258494&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchSelectCreate.vue?vue&type=style&index=0&id=4e258494&lang=scss&scoped=true&\""],"sourceRoot":""}