{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\search.vue?vue&type=style&index=0&id=63364a5c&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\layout\\navBars\\breadcrumb\\search.vue","mtime":1761185180054},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubGF5b3V0LXNlYXJjaC1kaWFsb2cgew0KICA6OnYtZGVlcCAuZWwtZGlhbG9nIHsNCiAgICBib3gtc2hhZG93OiB1bnNldCAhaW1wb3J0YW50Ow0KICAgIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuNSk7DQogIH0NCiAgOjp2LWRlZXAgLmVsLWF1dG9jb21wbGV0ZSB7DQogICAgd2lkdGg6IDMwMHB4Ow0KICAgIC8vIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAvLyB0b3A6IDEwMHB4Ow0KICAgIC8vIGxlZnQ6IDUwJTsNCiAgICAvLyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7DQogIH0NCn0NCjo6di1kZWVwIC5lbC1kaWFsb2dfX2hlYWRlciB7DQogIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLmVsLWlucHV0LS1zbWFsbCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgaGVpZ2h0OiAzNnB4Ow0KICBsaW5lLWhlaWdodDogMzZweDsNCn0NCg=="},{"version":3,"sources":["search.vue"],"names":[],"mappings":";AAiGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"search.vue","sourceRoot":"src/layout/navBars/breadcrumb","sourcesContent":["<template>\r\n  <div class=\"layout-search-dialog\">\r\n    <el-autocomplete\r\n      v-model=\"menuQuery\"\r\n      :fetch-suggestions=\"menuSearch\"\r\n      :placeholder=\"$t('message.user.searchPlaceholder')\"\r\n      prefix-icon=\"el-icon-search\"\r\n      ref=\"layoutMenuAutocompleteRef\"\r\n      @select=\"onHandleSelect\"\r\n      @blur=\"onSearchBlur\"\r\n    >\r\n      <template slot-scope=\"{ item }\">\r\n        <div><i :class=\"item.icon\" class=\"mr10\"></i>{{ $t(item.title) }}</div>\r\n      </template>\r\n    </el-autocomplete>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { menusSearch } from '@/api/setting';\r\nimport { getAllSiderMenu } from '@/libs/system';\r\n\r\nexport default {\r\n  name: 'layoutBreadcrumbSearch',\r\n  data() {\r\n    return {\r\n      isShowSearch: false,\r\n      menuQuery: '',\r\n      tagsViewList: [],\r\n    };\r\n  },\r\n  methods: {\r\n    // 搜索弹窗打开\r\n    openSearch() {\r\n      this.menuQuery = '';\r\n      this.isShowSearch = true;\r\n      this.initTageView();\r\n      this.$nextTick(() => {\r\n        this.$refs.layoutMenuAutocompleteRef.focus();\r\n      });\r\n    },\r\n    // 搜索弹窗关闭\r\n    closeSearch() {\r\n      setTimeout(() => {\r\n        this.$emit('close');\r\n        this.isShowSearch = false;\r\n      }, 150);\r\n    },\r\n    // 菜单搜索数据过滤\r\n    menuSearch(queryString, cb) {\r\n      if (!queryString) {\r\n        let results = queryString ? this.tagsViewList.filter(this.createFilter(queryString)) : this.tagsViewList;\r\n        cb(results);\r\n      } else {\r\n        let queryData = {\r\n          keyword: queryString,\r\n        };\r\n        menusSearch(queryData).then((res) => {\r\n          cb(res.data);\r\n        });\r\n      }\r\n    },\r\n    // 菜单搜索过滤\r\n    createFilter(queryString) {\r\n      return (restaurant) => {\r\n        return (\r\n          restaurant.path.toLowerCase().indexOf(queryString.toLowerCase()) > -1 ||\r\n          restaurant.title.toLowerCase().indexOf(queryString.toLowerCase()) > -1 ||\r\n          this.$t(restaurant.title).toLowerCase().indexOf(queryString.toLowerCase()) > -1\r\n        );\r\n      };\r\n    },\r\n    // 初始化菜单数据\r\n    initTageView() {\r\n      if (this.tagsViewList.length > 0) return false;\r\n      this.tagsViewList = getAllSiderMenu(this.$store.state.routesList.routesList);\r\n      // this.$store.state.tagsViewRoutes.tagsViewRoutes.map((v) => {\r\n      // \tif (!v.isHide) this.tagsViewList.push({ ...v });\r\n      // });\r\n    },\r\n    // 当前菜单选中时\r\n    onHandleSelect(item) {\r\n      let { path, redirect } = item;\r\n      if (item.isLink && !item.isIframe) window.open(item.isLink);\r\n      else if (redirect) this.$router.push(redirect);\r\n      else this.$router.push(path);\r\n      this.closeSearch();\r\n    },\r\n    // input 失去焦点时\r\n    onSearchBlur() {\r\n      this.closeSearch();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-search-dialog {\r\n  ::v-deep .el-dialog {\r\n    box-shadow: unset !important;\r\n    border-radius: 0 !important;\r\n    background: rgba(0, 0, 0, 0.5);\r\n  }\r\n  ::v-deep .el-autocomplete {\r\n    width: 300px;\r\n    // position: absolute;\r\n    // top: 100px;\r\n    // left: 50%;\r\n    // transform: translateX(-50%);\r\n  }\r\n}\r\n::v-deep .el-dialog__header {\r\n  border: none !important;\r\n}\r\n::v-deep .el-input--small .el-input__inner {\r\n  height: 36px;\r\n  line-height: 36px;\r\n}\r\n</style>\r\n"]}]}