| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\setting\\themeStyle\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\setting\\themeStyle\\index.vue","mtime":1677828270239},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRTovaXRlbS9uZXdJdGVtL2FkbWluL25vZGVfbW9kdWxlcy9AdnVlL2JhYmVsLXByZXNldC1hcHAvbm9kZV9tb2R1bGVzL0BiYWJlbC9ydW50aW1lL2hlbHBlcnMvZXNtL29iamVjdFNwcmVhZDIuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwppbXBvcnQgeyBjb2xvckNoYW5nZSwgZ2V0Q29sb3JDaGFuZ2UgfSBmcm9tICdAL2FwaS9kaXknOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3RoZW1lU3R5bGUnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBncmlkOiB7CiAgICAgICAgeGw6IDcsCiAgICAgICAgbGc6IDcsCiAgICAgICAgbWQ6IDEyLAogICAgICAgIHNtOiAyNCwKICAgICAgICB4czogMjQKICAgICAgfSwKICAgICAgcGljTGlzdDogW10sCiAgICAgIHBpY0xpc3RCdWxlOiBbewogICAgICAgIGltYWdlOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvYnVsZS5qcGcnKQogICAgICB9XSwKICAgICAgcGljTGlzdEdyZWVuOiBbewogICAgICAgIGltYWdlOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvZ3JlZW4uanBnJykKICAgICAgfV0sCiAgICAgIHBpY0xpc3RSZWQ6IFt7CiAgICAgICAgaW1hZ2U6IHJlcXVpcmUoJ0AvYXNzZXRzL2ltYWdlcy9yZWQuanBnJykKICAgICAgfV0sCiAgICAgIHBpY0xpc3RQaW5rOiBbewogICAgICAgIGltYWdlOiByZXF1aXJlKCdAL2Fzc2V0cy9pbWFnZXMvcGluay5qcGcnKQogICAgICB9XSwKICAgICAgcGljTGlzdE9yYW5nZTogW3sKICAgICAgICBpbWFnZTogcmVxdWlyZSgnQC9hc3NldHMvaW1hZ2VzL29yYW5nZS5qcGcnKQogICAgICB9XSwKICAgICAgY3VycmVudDogJycsCiAgICAgIGNsaWVudEhlaWdodDogMCwKICAgICAgbG9hZGluZ0V4aXN0OiBmYWxzZQogICAgfTsKICB9LAogIGNvbXB1dGVkOiBfb2JqZWN0U3ByZWFkKF9vYmplY3RTcHJlYWQoe30sIG1hcFN0YXRlKCdhZG1pbi9sYXlvdXQnLCBbJ2lzTW9iaWxlJ10pKSwge30sIHsKICAgIGxhYmVsV2lkdGg6IGZ1bmN0aW9uIGxhYmVsV2lkdGgoKSB7CiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogMTAwOwogICAgfSwKICAgIGxhYmVsUG9zaXRpb246IGZ1bmN0aW9uIGxhYmVsUG9zaXRpb24oKSB7CiAgICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gJ3RvcCcgOiAncmlnaHQnOwogICAgfQogIH0pLAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnBpY0xpc3QgPSB0aGlzLnBpY0xpc3RCdWxlOwogICAgdGhpcy5nZXRJbmZvKCk7CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKCiAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgIF90aGlzLmNsaWVudEhlaWdodCA9ICIiLmNvbmNhdChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50SGVpZ2h0KSAtIDI1MDsgLy/ojrflj5bmtY/op4jlmajlj6/op4bljLrln5/pq5jluqYKCiAgICAgIHZhciB0aGF0ID0gX3RoaXM7CgogICAgICB3aW5kb3cub25yZXNpemUgPSBmdW5jdGlvbiAoKSB7CiAgICAgICAgdGhhdC5jbGllbnRIZWlnaHQgPSAiIi5jb25jYXQoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudEhlaWdodCkgLSAyNTA7CiAgICAgIH07CiAgICB9KTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGdldEluZm86IGZ1bmN0aW9uIGdldEluZm8oKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwoKICAgICAgZ2V0Q29sb3JDaGFuZ2UoJ2NvbG9yX2NoYW5nZScpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzMi5jdXJyZW50ID0gcmVzLmRhdGEuc3RhdHVzID8gcmVzLmRhdGEuc3RhdHVzIDogMzsKCiAgICAgICAgX3RoaXMyLmNoYW5nZUNvbG9yKF90aGlzMi5jdXJyZW50KTsKICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKGVycikgewogICAgICAgIF90aGlzMi4kTWVzc2FnZS5lcnJvcihlcnIubXNnKTsKICAgICAgfSk7CiAgICB9LAogICAgc3VibWl0OiBmdW5jdGlvbiBzdWJtaXQoKSB7CiAgICAgIHZhciBfdGhpczMgPSB0aGlzOwoKICAgICAgdGhpcy5sb2FkaW5nRXhpc3QgPSB0cnVlOwogICAgICBjb2xvckNoYW5nZSh0aGlzLmN1cnJlbnQsICdjb2xvcl9jaGFuZ2UnKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpczMubG9hZGluZ0V4aXN0ID0gZmFsc2U7CgogICAgICAgIF90aGlzMy4kTWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMzLmxvYWRpbmdFeGlzdCA9IGZhbHNlOwogICAgICB9KTsKICAgIH0sCiAgICBjaGFuZ2VDb2xvcjogZnVuY3Rpb24gY2hhbmdlQ29sb3IoZSkgewogICAgICBzd2l0Y2ggKGUpIHsKICAgICAgICBjYXNlIDE6CiAgICAgICAgICB0aGlzLnBpY0xpc3QgPSB0aGlzLnBpY0xpc3RCdWxlOwogICAgICAgICAgYnJlYWs7CgogICAgICAgIGNhc2UgMjoKICAgICAgICAgIHRoaXMucGljTGlzdCA9IHRoaXMucGljTGlzdEdyZWVuOwogICAgICAgICAgYnJlYWs7CgogICAgICAgIGNhc2UgMzoKICAgICAgICAgIHRoaXMucGljTGlzdCA9IHRoaXMucGljTGlzdFJlZDsKICAgICAgICAgIGJyZWFrOwoKICAgICAgICBjYXNlIDQ6CiAgICAgICAgICB0aGlzLnBpY0xpc3QgPSB0aGlzLnBpY0xpc3RQaW5rOwogICAgICAgICAgYnJlYWs7CgogICAgICAgIGNhc2UgNToKICAgICAgICAgIHRoaXMucGljTGlzdCA9IHRoaXMucGljTGlzdE9yYW5nZTsKICAgICAgICAgIGJyZWFrOwoKICAgICAgICBkZWZhdWx0OgogICAgICAgICAgYnJlYWs7CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA;AACA;AACA;EACAA,kBADA;EAEAC,IAFA,kBAEA;IACA;MACAC;QACAC,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CADA;MAQAC,WARA;MASAC;QAAAC;MAAA,EATA;MAUAC;QAAAD;MAAA,EAVA;MAWAE;QAAAF;MAAA,EAXA;MAYAG;QAAAH;MAAA,EAZA;MAaAI;QAAAJ;MAAA,EAbA;MAcAK,WAdA;MAeAC,eAfA;MAgBAC;IAhBA;EAkBA,CArBA;EAsBAC,0CACAC,sCADA;IAEAC,UAFA,wBAEA;MACA;IACA,CAJA;IAKAC,aALA,2BAKA;MACA;IACA;EAPA,EAtBA;EA+BAC,OA/BA,qBA+BA;IACA;IACA;EACA,CAlCA;EAmCAC;IAAA;;IACA;MACA,4EADA,CACA;;MACA;;MACAC;QACAC;MACA,CAFA;IAGA,CANA;EAOA,CA3CA;EA4CAC;IACAC,OADA,qBACA;MAAA;;MACAC,+BACAC,IADA,CACA;QACA;;QACA;MACA,CAJA,EAKAC,KALA,CAKA;QACA;MACA,CAPA;IAQA,CAVA;IAWAC,MAXA,oBAWA;MAAA;;MACA;MACAC,0CACAH,IADA,CACA;QACA;;QACA;MACA,CAJA,EAKAC,KALA,CAKA;QACA;MACA,CAPA;IAQA,CArBA;IAsBAG,WAtBA,uBAsBAC,CAtBA,EAsBA;MACA;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;MAjBA;IAmBA;EA1CA;AA5CA","names":["name","data","grid","xl","lg","md","sm","xs","picList","picListBule","image","picListGreen","picListRed","picListPink","picListOrange","current","clientHeight","loadingExist","computed","mapState","labelWidth","labelPosition","created","mounted","window","that","methods","getInfo","getColorChange","then","catch","submit","colorChange","changeColor","e"],"sourceRoot":"src/pages/setting/themeStyle","sources":["index.vue"],"sourcesContent":["<template>\r\n <div>\r\n <!-- <div class=\"i-layout-page-header\">\r\n <PageHeader\r\n class=\"product_tabs\"\r\n :title=\"$route.meta.title\"\r\n hidden-breadcrumb\r\n >\r\n <div slot=\"title\">\r\n <div style=\"float: left\">\r\n <span v-text=\"$route.meta.title\" class=\"mr20\"></span>\r\n </div>\r\n <div style=\"float: right\">\r\n <Button\r\n class=\"bnt\"\r\n type=\"primary\"\r\n @click=\"submit\"\r\n :loading=\"loadingExist\"\r\n >保存</Button\r\n >\r\n </div>\r\n </div>\r\n </PageHeader>\r\n </div> -->\r\n <div class=\"i-layout-page-header\">\r\n <span class=\"ivu-page-header-title mr20\">{{ $route.meta.title }}</span>\r\n <div>\r\n <div style=\"float: right\">\r\n <Button class=\"bnt\" type=\"primary\" @click=\"submit\">保存</Button>\r\n </div>\r\n </div>\r\n </div>\r\n <Card :bordered=\"false\" dis-hover class=\"ivu-mt\" :style=\"'min-height:' + clientHeight + 'px'\">\r\n <Form :label-width=\"labelWidth\">\r\n <FormItem label=\"选择配色方案：\">\r\n <RadioGroup v-model=\"current\" @on-change=\"changeColor\">\r\n <Radio :label=\"1\" border class=\"box\">天空蓝<i class=\"iconfont iconxuanzhong6\"></i></Radio>\r\n <Radio :label=\"2\" border class=\"box green\">生鲜绿<i class=\"iconfont iconxuanzhong6\"></i></Radio>\r\n <Radio :label=\"3\" border class=\"box red\">热情红<i class=\"iconfont iconxuanzhong6\"></i></Radio>\r\n <Radio :label=\"4\" border class=\"box pink\">魅力粉<i class=\"iconfont iconxuanzhong6\"></i></Radio>\r\n <Radio :label=\"5\" border class=\"box orange\">活力橙<i class=\"iconfont iconxuanzhong6\"></i></Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n <FormItem label=\"当前风格示例：\">\r\n <div class=\"acea-row row-top\">\r\n <div class=\"pictrue\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <img :src=\"item.image\" />\r\n </div>\r\n </div>\r\n </FormItem>\r\n </Form>\r\n </Card>\r\n <!--<div class=\"footer acea-row row-center-wrapper\">-->\r\n <!--<Button type=\"primary\" @click=\"submit\">保存</Button>-->\r\n <!--</div>-->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { colorChange, getColorChange } from '@/api/diy';\r\nexport default {\r\n name: 'themeStyle',\r\n data() {\r\n return {\r\n grid: {\r\n xl: 7,\r\n lg: 7,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n picList: [],\r\n picListBule: [{ image: require('@/assets/images/bule.jpg') }],\r\n picListGreen: [{ image: require('@/assets/images/green.jpg') }],\r\n picListRed: [{ image: require('@/assets/images/red.jpg') }],\r\n picListPink: [{ image: require('@/assets/images/pink.jpg') }],\r\n picListOrange: [{ image: require('@/assets/images/orange.jpg') }],\r\n current: '',\r\n clientHeight: 0,\r\n loadingExist: false,\r\n };\r\n },\r\n computed: {\r\n ...mapState('admin/layout', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : 100;\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n created() {\r\n this.picList = this.picListBule;\r\n this.getInfo();\r\n },\r\n mounted: function () {\r\n this.$nextTick(() => {\r\n this.clientHeight = `${document.documentElement.clientHeight}` - 250; //获取浏览器可视区域高度\r\n let that = this;\r\n window.onresize = function () {\r\n that.clientHeight = `${document.documentElement.clientHeight}` - 250;\r\n };\r\n });\r\n },\r\n methods: {\r\n getInfo() {\r\n getColorChange('color_change')\r\n .then((res) => {\r\n this.current = res.data.status ? res.data.status : 3;\r\n this.changeColor(this.current);\r\n })\r\n .catch((err) => {\r\n this.$Message.error(err.msg);\r\n });\r\n },\r\n submit() {\r\n this.loadingExist = true;\r\n colorChange(this.current, 'color_change')\r\n .then((res) => {\r\n this.loadingExist = false;\r\n this.$Message.success(res.msg);\r\n })\r\n .catch(() => {\r\n this.loadingExist = false;\r\n });\r\n },\r\n changeColor(e) {\r\n switch (e) {\r\n case 1:\r\n this.picList = this.picListBule;\r\n break;\r\n case 2:\r\n this.picList = this.picListGreen;\r\n break;\r\n case 3:\r\n this.picList = this.picListRed;\r\n break;\r\n case 4:\r\n this.picList = this.picListPink;\r\n break;\r\n case 5:\r\n this.picList = this.picListOrange;\r\n break;\r\n default:\r\n break;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.box {\r\n height: 40px;\r\n width: 100px;\r\n line-height: 40px;\r\n text-align: center;\r\n}\r\n\r\n.bnt {\r\n // width 10px!important;\r\n}\r\n\r\n.pictrue {\r\n width: 800px;\r\n height: 100%;\r\n margin: 10px 24px 0 0;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n\r\n.footer {\r\n width: 100%;\r\n height: 70px;\r\n box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.03);\r\n background-color: #fff;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 9;\r\n}\r\n\r\n/deep/.i-layout-content-main {\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n/deep/.ivu-card-body {\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n/deep/.ivu-radio-inner {\r\n background-color: #1db0fc;\r\n border: 0;\r\n border-radius: 3px;\r\n width: 18px;\r\n height: 18px;\r\n}\r\n\r\n/deep/.ivu-radio-wrapper-checked .iconfont {\r\n display: inline-block;\r\n}\r\n\r\n/deep/.ivu-radio-focus {\r\n box-shadow: unset;\r\n z-index: unset;\r\n}\r\n\r\n/deep/.ivu-radio-wrapper {\r\n margin-right: 18px;\r\n}\r\n\r\n.green /deep/.ivu-radio-inner {\r\n background-color: #42CA4D;\r\n}\r\n\r\n.red /deep/.ivu-radio-inner {\r\n background-color: #E93323;\r\n}\r\n\r\n.pink/deep/.ivu-radio-inner {\r\n background-color: #FF448F;\r\n}\r\n\r\n.orange/deep/.ivu-radio-inner {\r\n background-color: #FE5C2D;\r\n}\r\n\r\n/deep/.ivu-radio-border {\r\n position: relative;\r\n}\r\n\r\n.iconfont {\r\n position: absolute;\r\n top: 0px;\r\n left: 21px;\r\n font-size: 12px;\r\n display: none;\r\n color: #fff;\r\n}\r\n\r\n/deep/.ivu-radio-inner:after {\r\n background-color: unset;\r\n transform: unset;\r\n}\r\n\r\n/deep/.i-layout-page-header {\r\n height: 66px;\r\n background-color: #fff;\r\n border-bottom: 1px solid #e8eaec;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n</style>\r\n"]}]}
|
