| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfig\\pageTitle.vue?vue&type=style&index=0&id=151f0a4e&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfig\\pageTitle.vue","mtime":1761185179986},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoudXBsb2FkLWJveCB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICB3aWR0aDogNjBweDsNCiAgaGVpZ2h0OiA2MHB4Ow0KICBiYWNrZ3JvdW5kOiAjY2NjOw0KfQ0KOjp2LWRlZXAuaXZ1LWlucHV0IHsNCiAgZm9udC1zaXplOiAxM3B4ICFpbXBvcnRhbnQ7DQp9DQouc2xpZGVyLWJveCAudGl0bGUgew0KICBjb2xvcjogIzk5OTk5OTsNCiAgZm9udC1zaXplOiAxM3B4Ow0KICBtYXJnaW4tYm90dG9tOiA1cHg7DQp9DQouY19yb3ctaXRlbSB7DQogIHBhZGRpbmc6IDAgMTVweDsNCiAgbWFyZ2luLXRvcDogMjJweDsNCn0NCi5zbGlkZXItYm94IC5jb2xvciB7DQogIG1hcmdpbi1ib3R0b206IDE1cHg7DQp9DQouYm94cyB7DQogIHdpZHRoOiA2MHB4Ow0KICBoZWlnaHQ6IDYwcHg7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgLnJlcGxhY2Ugew0KICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC40KTsNCiAgICBib3JkZXItcmFkaXVzOiAwIDAgNnB4IDZweDsNCiAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgYm90dG9tOiAwOw0KICAgIGxlZnQ6IDA7DQogICAgd2lkdGg6IDEwMCU7DQogICAgY29sb3I6ICNmZmY7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICBoZWlnaHQ6IDI0cHg7DQogICAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIH0NCiAgLmljb25mb250LWRpeSB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHRvcDogLTE1cHg7DQogICAgcmlnaHQ6IC04cHg7DQogICAgZm9udC1zaXplOiAyNXB4Ow0KICAgIGNvbG9yOiAjOTk5Ow0KICB9DQogIGltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICAgIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["pageTitle.vue"],"names":[],"mappings":";AA6JA;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":"pageTitle.vue","sourceRoot":"src/components/mobileConfig","sourcesContent":["<template>\r\n <div class=\"box\">\r\n <!-- <div class=\"c_row-item\" v-if=\"this.$route.query.type !==2\">\r\n <el-col class=\"label\" :span=\"4\">\r\n 模板名称\r\n </el-col>\r\n <el-col span=\"19\" class=\"slider-box\">\r\n <el-input v-model=\"name\" placeholder=\"选填不超过15个字\" maxlength=\"15\" @change=\"changName\" />\r\n </el-col>\r\n </div> -->\r\n <div class=\"c_row-item\">\r\n <el-col class=\"label\" :span=\"4\"> 页面标题 </el-col>\r\n <el-col :span=\"19\" class=\"slider-box\">\r\n <el-input v-model=\"value\" placeholder=\"选填不超过30个字\" maxlength=\"30\" @change=\"changVal\" />\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item\">\r\n <el-col class=\"label\" :span=\"4\"> 页面状态 </el-col>\r\n <el-col :span=\"19\" class=\"slider-box\">\r\n <el-switch v-model=\"isShow\" @change=\"changeState\"></el-switch>\r\n </el-col>\r\n </div>\r\n <div class=\"c_row-item acea-row row-top\">\r\n <el-col class=\"label\" :span=\"4\"> 背景设置 </el-col>\r\n <el-col :span=\"19\" class=\"slider-box\">\r\n <div class=\"acea-row row-between row-top color\">\r\n <el-checkbox v-model=\"bgColor\" @change=\"bgColorTap\">背景色</el-checkbox>\r\n <el-color-picker v-model=\"colorPicker\" @change=\"colorPickerTap\" show-alpha />\r\n </div>\r\n <div class=\"acea-row row-between row-top color\">\r\n <el-checkbox v-model=\"bgPic\" @change=\"bgPicTap\">背景图</el-checkbox>\r\n <el-radio-group v-model=\"tabVal\" size=\"mini\" @input=\"radioTap\">\r\n <el-radio-button :label=\"index\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <span class=\"iconfont-diy\" :class=\"item\"></span>\r\n </el-radio-button>\r\n </el-radio-group>\r\n </div>\r\n <div v-if=\"bgPic\">\r\n <div class=\"title\">建议尺寸：690 * 240px</div>\r\n <div class=\"boxs\" @click=\"modalPicTap('单选')\">\r\n <img :src=\"bgPicUrl\" alt=\"\" v-if=\"bgPicUrl\" />\r\n <div class=\"upload-box\" v-else><i class=\"el-icon-camera\" /></div>\r\n <div class=\"replace\" v-if=\"bgPicUrl\">更换图片</div>\r\n <!--<span class=\"iconfont-diy icondel_1\" @click.stop=\"bindDelete\" v-if=\"bgPicUrl\"></span>-->\r\n </div>\r\n </div>\r\n </el-col>\r\n </div>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"modalPic\"\r\n width=\"960px\"\r\n title=\"上传背景图\"\r\n >\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"modalPic\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nexport default {\r\n name: 'pageTitle',\r\n components: {\r\n uploadPictures,\r\n },\r\n data() {\r\n return {\r\n value: '',\r\n name: '',\r\n isShow: true,\r\n picList: ['icondantu', 'iconpingpu', 'iconlashen'],\r\n bgColor: false,\r\n bgPic: false,\r\n tabVal: 0,\r\n colorPicker: '#f5f5f5',\r\n modalPic: false,\r\n isChoice: '单选',\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n bgPicUrl: '',\r\n };\r\n },\r\n created() {\r\n let state = this.$store.state.mobildConfig;\r\n this.value = state.pageTitle;\r\n this.name = state.pageName;\r\n this.isShow = state.pageShow ? true : false;\r\n this.bgColor = state.pageColor ? true : false;\r\n this.bgPic = state.pagePic ? true : false;\r\n this.colorPicker = state.pageColorPicker;\r\n this.tabVal = state.pageTabVal;\r\n this.bgPicUrl = state.pagePicUrl;\r\n },\r\n methods: {\r\n // 点击图文封面\r\n modalPicTap(title) {\r\n this.modalPic = true;\r\n },\r\n bindDelete() {\r\n this.bgPicUrl = '';\r\n },\r\n getPic(pc) {\r\n this.$nextTick(() => {\r\n this.bgPicUrl = pc.att_dir;\r\n this.modalPic = false;\r\n this.$store.commit('mobildConfig/UPPICURL', pc.att_dir);\r\n });\r\n },\r\n colorPickerTap(colorPicker) {\r\n console.log(colorPicker);\r\n\r\n this.$store.commit('mobildConfig/UPPICKER', colorPicker);\r\n },\r\n radioTap(val) {\r\n this.$store.commit('mobildConfig/UPRADIO', val);\r\n },\r\n changVal(val) {\r\n this.$store.commit('mobildConfig/UPTITLE', val);\r\n },\r\n changName(val) {\r\n this.$store.commit('mobildConfig/UPNAME', val);\r\n },\r\n changeState(val) {\r\n this.$store.commit('mobildConfig/UPSHOW', val);\r\n },\r\n bgColorTap(val) {\r\n this.$store.commit('mobildConfig/UPCOLOR', val);\r\n },\r\n bgPicTap(val) {\r\n this.$store.commit('mobildConfig/UPPIC', val);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.upload-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n height: 60px;\r\n background: #ccc;\r\n}\r\n::v-deep.ivu-input {\r\n font-size: 13px !important;\r\n}\r\n.slider-box .title {\r\n color: #999999;\r\n font-size: 13px;\r\n margin-bottom: 5px;\r\n}\r\n.c_row-item {\r\n padding: 0 15px;\r\n margin-top: 22px;\r\n}\r\n.slider-box .color {\r\n margin-bottom: 15px;\r\n}\r\n.boxs {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 10px;\r\n position: relative;\r\n .replace {\r\n background: rgba(0, 0, 0, 0.4);\r\n border-radius: 0 0 6px 6px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n color: #fff;\r\n font-size: 12px;\r\n text-align: center;\r\n height: 24px;\r\n line-height: 24px;\r\n }\r\n .iconfont-diy {\r\n position: absolute;\r\n top: -15px;\r\n right: -8px;\r\n font-size: 25px;\r\n color: #999;\r\n }\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 6px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
