‘liusuyi’
2023-05-24 0484a33f0550b344382f0d3caac5b26bbba23ca0
1
{"remainingRequest":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\src\\components\\RightToolbar\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\src\\components\\RightToolbar\\index.vue","mtime":1675221397100},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\babel.config.js","mtime":1675221397043},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1678842088721},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1678842086999},{"path":"D:\\Workspaces\\ard\\RuoYi-Vue-master\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1678842089772}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnB1c2guanMiKTsKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmluY2x1ZGVzLmpzIik7CnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5zdHJpbmcuaW5jbHVkZXMuanMiKTsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIG5hbWU6ICJSaWdodFRvb2xiYXIiLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyDmmL7pmpDmlbDmja4KICAgICAgdmFsdWU6IFtdLAogICAgICAvLyDlvLnlh7rlsYLmoIfpopgKICAgICAgdGl0bGU6ICLmmL7npLov6ZqQ6JePIiwKICAgICAgLy8g5piv5ZCm5pi+56S65by55Ye65bGCCiAgICAgIG9wZW46IGZhbHNlCiAgICB9OwogIH0sCiAgcHJvcHM6IHsKICAgIHNob3dTZWFyY2g6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfSwKICAgIGNvbHVtbnM6IHsKICAgICAgdHlwZTogQXJyYXkKICAgIH0sCiAgICBzZWFyY2g6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogdHJ1ZQogICAgfSwKICAgIGd1dHRlcjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEwCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgc3R5bGU6IGZ1bmN0aW9uIHN0eWxlKCkgewogICAgICB2YXIgcmV0ID0ge307CiAgICAgIGlmICh0aGlzLmd1dHRlcikgewogICAgICAgIHJldC5tYXJnaW5SaWdodCA9ICIiLmNvbmNhdCh0aGlzLmd1dHRlciAvIDIsICJweCIpOwogICAgICB9CiAgICAgIHJldHVybiByZXQ7CiAgICB9CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgLy8g5pi+6ZqQ5YiX5Yid5aeL6buY6K6k6ZqQ6JeP5YiXCiAgICBmb3IgKHZhciBpdGVtIGluIHRoaXMuY29sdW1ucykgewogICAgICBpZiAodGhpcy5jb2x1bW5zW2l0ZW1dLnZpc2libGUgPT09IGZhbHNlKSB7CiAgICAgICAgdGhpcy52YWx1ZS5wdXNoKHBhcnNlSW50KGl0ZW0pKTsKICAgICAgfQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgLy8g5pCc57SiCiAgICB0b2dnbGVTZWFyY2g6IGZ1bmN0aW9uIHRvZ2dsZVNlYXJjaCgpIHsKICAgICAgdGhpcy4kZW1pdCgidXBkYXRlOnNob3dTZWFyY2giLCAhdGhpcy5zaG93U2VhcmNoKTsKICAgIH0sCiAgICAvLyDliLfmlrAKICAgIHJlZnJlc2g6IGZ1bmN0aW9uIHJlZnJlc2goKSB7CiAgICAgIHRoaXMuJGVtaXQoInF1ZXJ5VGFibGUiKTsKICAgIH0sCiAgICAvLyDlj7PkvqfliJfooajlhYPntKDlj5jljJYKICAgIGRhdGFDaGFuZ2U6IGZ1bmN0aW9uIGRhdGFDaGFuZ2UoZGF0YSkgewogICAgICBmb3IgKHZhciBpdGVtIGluIHRoaXMuY29sdW1ucykgewogICAgICAgIHZhciBrZXkgPSB0aGlzLmNvbHVtbnNbaXRlbV0ua2V5OwogICAgICAgIHRoaXMuY29sdW1uc1tpdGVtXS52aXNpYmxlID0gIWRhdGEuaW5jbHVkZXMoa2V5KTsKICAgICAgfQogICAgfSwKICAgIC8vIOaJk+W8gOaYvumakOWIl2RpYWxvZwogICAgc2hvd0NvbHVtbjogZnVuY3Rpb24gc2hvd0NvbHVtbigpIHsKICAgICAgdGhpcy5vcGVuID0gdHJ1ZTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAwBA;EACAA;EACAC;IACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;IACA;EACA;EACAC;IACAC;MACAC;MACAC;IACA;IACAC;MACAF;IACA;IACAG;MACAH;MACAC;IACA;IACAG;MACAJ;MACAC;IACA;EACA;EACAI;IACAC;MACA;MACA;QACAC;MACA;MACA;IACA;EACA;EACAC;IACA;IACA;MACA;QACA;MACA;IACA;EACA;EACAC;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;IACA;IACA;IACAC;MACA;QACA;QACA;MACA;IACA;IACA;IACAC;MACA;IACA;EACA;AACA;AAAA","names":["name","data","value","title","open","props","showSearch","type","default","columns","search","gutter","computed","style","ret","created","methods","toggleSearch","refresh","dataChange","showColumn"],"sourceRoot":"src/components/RightToolbar","sources":["index.vue"],"sourcesContent":["<template>\r\n  <div class=\"top-right-btn\" :style=\"style\">\r\n    <el-row>\r\n      <el-tooltip class=\"item\" effect=\"dark\" :content=\"showSearch ? '隐藏搜索' : '显示搜索'\" placement=\"top\" v-if=\"search\">\r\n        <el-button size=\"mini\" circle icon=\"el-icon-search\" @click=\"toggleSearch()\" />\r\n      </el-tooltip>\r\n      <el-tooltip class=\"item\" effect=\"dark\" content=\"刷新\" placement=\"top\">\r\n        <el-button size=\"mini\" circle icon=\"el-icon-refresh\" @click=\"refresh()\" />\r\n      </el-tooltip>\r\n      <el-tooltip class=\"item\" effect=\"dark\" content=\"显隐列\" placement=\"top\" v-if=\"columns\">\r\n        <el-button size=\"mini\" circle icon=\"el-icon-menu\" @click=\"showColumn()\" />\r\n      </el-tooltip>\r\n    </el-row>\r\n    <el-dialog :title=\"title\" :visible.sync=\"open\" append-to-body>\r\n      <el-transfer\r\n        :titles=\"['显示', '隐藏']\"\r\n        v-model=\"value\"\r\n        :data=\"columns\"\r\n        @change=\"dataChange\"\r\n      ></el-transfer>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"RightToolbar\",\r\n  data() {\r\n    return {\r\n      // 显隐数据\r\n      value: [],\r\n      // 弹出层标题\r\n      title: \"显示/隐藏\",\r\n      // 是否显示弹出层\r\n      open: false,\r\n    };\r\n  },\r\n  props: {\r\n    showSearch: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    columns: {\r\n      type: Array,\r\n    },\r\n    search: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    gutter: {\r\n      type: Number,\r\n      default: 10,\r\n    },\r\n  },\r\n  computed: {\r\n    style() {\r\n      const ret = {};\r\n      if (this.gutter) {\r\n        ret.marginRight = `${this.gutter / 2}px`;\r\n      }\r\n      return ret;\r\n    }\r\n  },\r\n  created() {\r\n    // 显隐列初始默认隐藏列\r\n    for (let item in this.columns) {\r\n      if (this.columns[item].visible === false) {\r\n        this.value.push(parseInt(item));\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    // 搜索\r\n    toggleSearch() {\r\n      this.$emit(\"update:showSearch\", !this.showSearch);\r\n    },\r\n    // 刷新\r\n    refresh() {\r\n      this.$emit(\"queryTable\");\r\n    },\r\n    // 右侧列表元素变化\r\n    dataChange(data) {\r\n      for (let item in this.columns) {\r\n        const key = this.columns[item].key;\r\n        this.columns[item].visible = !data.includes(key);\r\n      }\r\n    },\r\n    // 打开显隐列dialog\r\n    showColumn() {\r\n      this.open = true;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-transfer__button {\r\n  border-radius: 50%;\r\n  padding: 12px;\r\n  display: block;\r\n  margin-left: 0px;\r\n}\r\n::v-deep .el-transfer__button:first-child {\r\n  margin-bottom: 10px;\r\n}\r\n</style>\r\n"]}]}