{"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"]}]}