| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\layout\\components\\Settings\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\layout\\components\\Settings\\index.vue","mtime":1615971308741},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgVGhlbWVQaWNrZXIgZnJvbSAnQC9jb21wb25lbnRzL1RoZW1lUGlja2VyJw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIGNvbXBvbmVudHM6IHsgVGhlbWVQaWNrZXIgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4ge30NCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICB0aGVtZSgpIHsNCiAgICAgIHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS5zZXR0aW5ncy50aGVtZQ0KICAgIH0sDQogICAgc2lkZVRoZW1lKCkgew0KICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLnNpZGVUaGVtZQ0KICAgIH0sDQogICAgZml4ZWRIZWFkZXI6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLmZpeGVkSGVhZGVyDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnc2V0dGluZ3MvY2hhbmdlU2V0dGluZycsIHsNCiAgICAgICAgICBrZXk6ICdmaXhlZEhlYWRlcicsDQogICAgICAgICAgdmFsdWU6IHZhbA0KICAgICAgICB9KQ0KICAgICAgfQ0KICAgIH0sDQogICAgdGFnc1ZpZXc6IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLnRhZ3NWaWV3DQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnc2V0dGluZ3MvY2hhbmdlU2V0dGluZycsIHsNCiAgICAgICAgICBrZXk6ICd0YWdzVmlldycsDQogICAgICAgICAgdmFsdWU6IHZhbA0KICAgICAgICB9KQ0KICAgICAgfQ0KICAgIH0sDQogICAgc2lkZWJhckxvZ286IHsNCiAgICAgIGdldCgpIHsNCiAgICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnNldHRpbmdzLnNpZGViYXJMb2dvDQogICAgICB9LA0KICAgICAgc2V0KHZhbCkgew0KICAgICAgICB0aGlzLiRzdG9yZS5kaXNwYXRjaCgnc2V0dGluZ3MvY2hhbmdlU2V0dGluZycsIHsNCiAgICAgICAgICBrZXk6ICdzaWRlYmFyTG9nbycsDQogICAgICAgICAgdmFsdWU6IHZhbA0KICAgICAgICB9KQ0KICAgICAgfQ0KICAgIH0sDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICB0aGVtZUNoYW5nZSh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdzZXR0aW5ncy9jaGFuZ2VTZXR0aW5nJywgew0KICAgICAgICBrZXk6ICd0aGVtZScsDQogICAgICAgIHZhbHVlOiB2YWwNCiAgICAgIH0pDQogICAgfSwNCiAgICBoYW5kbGVUaGVtZSh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCdzZXR0aW5ncy9jaGFuZ2VTZXR0aW5nJywgew0KICAgICAgICBrZXk6ICdzaWRlVGhlbWUnLA0KICAgICAgICB2YWx1ZTogdmFsDQogICAgICB9KQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;;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;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":"index.vue","sourceRoot":"src/layout/components/Settings","sourcesContent":["<template>\r\n <div class=\"drawer-container\">\r\n <div>\r\n <div class=\"setting-drawer-content\">\r\n <div class=\"setting-drawer-title\">\r\n <h3 class=\"drawer-title\">主题风格设置</h3>\r\n </div>\r\n <div class=\"setting-drawer-block-checbox\">\r\n <div class=\"setting-drawer-block-checbox-item\" @click=\"handleTheme('theme-dark')\">\r\n <img src=\"@/assets/images/dark.svg\" alt=\"dark\">\r\n <div v-if=\"sideTheme === 'theme-dark'\" class=\"setting-drawer-block-checbox-selectIcon\" style=\"display: block;\">\r\n <i aria-label=\"图标: check\" class=\"anticon anticon-check\">\r\n <svg viewBox=\"64 64 896 896\" data-icon=\"check\" width=\"1em\" height=\"1em\" :fill=\"theme\" aria-hidden=\"true\"\r\n focusable=\"false\" class=\"\">\r\n <path\r\n d=\"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z\"/>\r\n </svg>\r\n </i>\r\n </div>\r\n </div>\r\n <div class=\"setting-drawer-block-checbox-item\" @click=\"handleTheme('theme-light')\">\r\n <img src=\"@/assets/images/light.svg\" alt=\"light\">\r\n <div v-if=\"sideTheme === 'theme-light'\" class=\"setting-drawer-block-checbox-selectIcon\" style=\"display: block;\">\r\n <i aria-label=\"图标: check\" class=\"anticon anticon-check\">\r\n <svg viewBox=\"64 64 896 896\" data-icon=\"check\" width=\"1em\" height=\"1em\" :fill=\"theme\" aria-hidden=\"true\"\r\n focusable=\"false\" class=\"\">\r\n <path\r\n d=\"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z\"/>\r\n </svg>\r\n </i>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"drawer-item\">\r\n <span>主题颜色</span>\r\n <theme-picker style=\"float: right;height: 26px;margin: -3px 8px 0 0;\" @change=\"themeChange\" />\r\n </div>\r\n </div>\r\n\r\n <el-divider/>\r\n\r\n <h3 class=\"drawer-title\">系统布局配置</h3>\r\n\r\n <div class=\"drawer-item\">\r\n <span>开启 Tags-Views</span>\r\n <el-switch v-model=\"tagsView\" class=\"drawer-switch\" />\r\n </div>\r\n\r\n <div class=\"drawer-item\">\r\n <span>固定 Header</span>\r\n <el-switch v-model=\"fixedHeader\" class=\"drawer-switch\" />\r\n </div>\r\n\r\n <div class=\"drawer-item\">\r\n <span>显示 Logo</span>\r\n <el-switch v-model=\"sidebarLogo\" class=\"drawer-switch\" />\r\n </div>\r\n\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport ThemePicker from '@/components/ThemePicker'\r\n\r\nexport default {\r\n components: { ThemePicker },\r\n data() {\r\n return {}\r\n },\r\n computed: {\r\n theme() {\r\n return this.$store.state.settings.theme\r\n },\r\n sideTheme() {\r\n return this.$store.state.settings.sideTheme\r\n },\r\n fixedHeader: {\r\n get() {\r\n return this.$store.state.settings.fixedHeader\r\n },\r\n set(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'fixedHeader',\r\n value: val\r\n })\r\n }\r\n },\r\n tagsView: {\r\n get() {\r\n return this.$store.state.settings.tagsView\r\n },\r\n set(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'tagsView',\r\n value: val\r\n })\r\n }\r\n },\r\n sidebarLogo: {\r\n get() {\r\n return this.$store.state.settings.sidebarLogo\r\n },\r\n set(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'sidebarLogo',\r\n value: val\r\n })\r\n }\r\n },\r\n },\r\n methods: {\r\n themeChange(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'theme',\r\n value: val\r\n })\r\n },\r\n handleTheme(val) {\r\n this.$store.dispatch('settings/changeSetting', {\r\n key: 'sideTheme',\r\n value: val\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n .setting-drawer-content {\r\n .setting-drawer-title {\r\n margin-bottom: 12px;\r\n color: rgba(0, 0, 0, .85);\r\n font-size: 14px;\r\n line-height: 22px;\r\n font-weight: bold;\r\n }\r\n\r\n .setting-drawer-block-checbox {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n\r\n .setting-drawer-block-checbox-item {\r\n position: relative;\r\n margin-right: 16px;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n .setting-drawer-block-checbox-selectIcon {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n padding-top: 15px;\r\n padding-left: 24px;\r\n color: #1890ff;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .drawer-container {\r\n padding: 24px;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n word-wrap: break-word;\r\n\r\n .drawer-title {\r\n margin-bottom: 12px;\r\n color: rgba(0, 0, 0, .85);\r\n font-size: 14px;\r\n line-height: 22px;\r\n }\r\n\r\n .drawer-item {\r\n color: rgba(0, 0, 0, .65);\r\n font-size: 14px;\r\n padding: 12px 0;\r\n }\r\n\r\n .drawer-switch {\r\n float: right\r\n }\r\n }\r\n</style>\r\n"]}]}
|
