| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_hot_word.vue?vue&type=style&index=0&id=d0f4a3e6&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_hot_word.vue","mtime":1761614938951},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubGluZS1ib3ggew0KICBtYXJnaW4tdG9wOiAyMHB4Ow0KICBwYWRkaW5nOiAxMHB4IDAgMjBweDsNCiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4wNSk7DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMDUpOw0KICAudGl0bGUgew0KICAgIHAgew0KICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgY29sb3I6ICMwMDAwMDA7DQogICAgfQ0KDQogICAgc3BhbiB7DQogICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICB9DQogIH0NCiAgLmlucHV0LWJveCB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIG1hcmdpbi10b3A6IDEwcHg7DQogICAgLmFkZC1idG4gew0KICAgICAgbWFyZ2luLXRvcDogMThweDsNCiAgICB9DQogICAgLmlucHV0LWl0ZW0gew0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBtYXJnaW4tYm90dG9tOiAxNXB4Ow0KICAgICAgLmljb24gew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgICAgd2lkdGg6IDM2cHg7DQogICAgICAgIGN1cnNvcjogbW92ZTsNCiAgICAgICAgY29sb3I6ICNkOGQ4ZDg7DQogICAgICB9DQogICAgICA6OnYtZGVlcCAuaXZ1LWlucHV0IHsNCiAgICAgICAgZmxleDogMTsNCiAgICAgICAgaGVpZ2h0OiAzNnB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAuY2xvc2Ugew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgcmlnaHQ6IDEwcHg7DQogICAgICB0b3A6IDUwJTsNCiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["c_hot_word.vue"],"names":[],"mappings":";AAoFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_hot_word.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n <div class=\"line-box\">\r\n <div class=\"title\">\r\n <p>搜索热词</p>\r\n <span>{{ datas[name].title }}</span>\r\n </div>\r\n <div class=\"input-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"datas[name].list\" group=\"peoples\" handle=\".icon\">\r\n <div class=\"input-item\" v-for=\"(item, index) in datas[name].list\" :key=\"index\">\r\n <div class=\"icon\">\r\n <i class=\"el-icon-s-grid\" style=\"font-size: 20px\"></i>\r\n </div>\r\n <el-input v-model=\"item.val\" placeholder=\"选填，不超过十个字\" :maxlength=\"item.maxlength || 10\" />\r\n <div class=\"close\" v-db-click @click=\"close(index)\">\r\n <i class=\"el-icon-close\" style=\"color: #d8d8d8; font-size: 20px\"></i>\r\n </div>\r\n </div>\r\n </draggable>\r\n <div class=\"add-btn\" v-db-click @click=\"addHotTxt\">\r\n <el-button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100%; height: 40px; border-color: var(--prev-color-primary); color: var(--prev-color-primary)\"\r\n >添加热词</el-button\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nexport default {\r\n name: 'c_hot_word',\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n configData: {\r\n type: null,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n },\r\n components: {\r\n draggable: vuedraggable,\r\n },\r\n data() {\r\n return {\r\n hotWordList: [],\r\n hotIndex: 1,\r\n defaults: {},\r\n datas: this.configData[this.configNum],\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n addHotTxt() {\r\n let obj = {\r\n val: '',\r\n };\r\n if (this.datas[this.name].list.length < 20) {\r\n this.datas[this.name].list.push(obj);\r\n } else {\r\n this.$message.warning('最多添加20个热词');\r\n }\r\n },\r\n close(index) {\r\n this.datas[this.name].list.splice(index, 1);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.line-box {\r\n margin-top: 20px;\r\n padding: 10px 0 20px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n .title {\r\n p {\r\n font-size: 14px;\r\n color: #000000;\r\n }\r\n\r\n span {\r\n color: #999999;\r\n }\r\n }\r\n .input-box {\r\n position: relative;\r\n margin-top: 10px;\r\n .add-btn {\r\n margin-top: 18px;\r\n }\r\n .input-item {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n .icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n cursor: move;\r\n color: #d8d8d8;\r\n }\r\n ::v-deep .ivu-input {\r\n flex: 1;\r\n height: 36px;\r\n }\r\n }\r\n .close {\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
