| 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\\components\\mobileConfigDiy\\pageTitle.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobileConfigDiy\\pageTitle.vue","mtime":1677828270160},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7CmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3BhZ2VUaXRsZScsCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6ICcnLAogICAgICBuYW1lOiAnJywKICAgICAgaXNTaG93OiB0cnVlLAogICAgICBwaWNMaXN0OiBbJ2ljb25kYW50dScsICdpY29ucGluZ3B1JywgJ2ljb25sYXNoZW4nXSwKICAgICAgYmdDb2xvcjogZmFsc2UsCiAgICAgIGJnUGljOiBmYWxzZSwKICAgICAgdGFiVmFsOiAwLAogICAgICBjb2xvclBpY2tlcjogJyNmNWY1ZjUnLAogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBiZ1BpY1VybDogJycKICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdmFyIHN0YXRlID0gdGhpcy4kc3RvcmUuc3RhdGUubW9iaWxkQ29uZmlnOwogICAgdGhpcy52YWx1ZSA9IHN0YXRlLnBhZ2VUaXRsZTsKICAgIHRoaXMubmFtZSA9IHN0YXRlLnBhZ2VOYW1lOwogICAgdGhpcy5pc1Nob3cgPSBzdGF0ZS5wYWdlU2hvdyA/IHRydWUgOiBmYWxzZTsKICAgIHRoaXMuYmdDb2xvciA9IHN0YXRlLnBhZ2VDb2xvciA/IHRydWUgOiBmYWxzZTsKICAgIHRoaXMuYmdQaWMgPSBzdGF0ZS5wYWdlUGljID8gdHJ1ZSA6IGZhbHNlOwogICAgdGhpcy5jb2xvclBpY2tlciA9IHN0YXRlLnBhZ2VDb2xvclBpY2tlcjsKICAgIHRoaXMudGFiVmFsID0gc3RhdGUucGFnZVRhYlZhbDsKICAgIHRoaXMuYmdQaWNVcmwgPSBzdGF0ZS5wYWdlUGljVXJsOwogIH0sCiAgbWV0aG9kczogewogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iCiAgICBtb2RhbFBpY1RhcDogZnVuY3Rpb24gbW9kYWxQaWNUYXAodGl0bGUpIHsKICAgICAgdGhpcy5tb2RhbFBpYyA9IHRydWU7CiAgICB9LAogICAgYmluZERlbGV0ZTogZnVuY3Rpb24gYmluZERlbGV0ZSgpIHsKICAgICAgdGhpcy5iZ1BpY1VybCA9ICcnOwogICAgfSwKICAgIGdldFBpYzogZnVuY3Rpb24gZ2V0UGljKHBjKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMuYmdQaWNVcmwgPSBwYy5hdHRfZGlyOwogICAgICAgIF90aGlzLm1vZGFsUGljID0gZmFsc2U7CgogICAgICAgIF90aGlzLiRzdG9yZS5jb21taXQoJ21vYmlsZENvbmZpZy9VUFBJQ1VSTCcsIHBjLmF0dF9kaXIpOwogICAgICB9KTsKICAgIH0sCiAgICBjb2xvclBpY2tlclRhcDogZnVuY3Rpb24gY29sb3JQaWNrZXJUYXAoY29sb3JQaWNrZXIpIHsKICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBQSUNLRVInLCBjb2xvclBpY2tlcik7CiAgICB9LAogICAgcmFkaW9UYXA6IGZ1bmN0aW9uIHJhZGlvVGFwKHZhbCkgewogICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21vYmlsZENvbmZpZy9VUFJBRElPJywgdmFsKTsKICAgIH0sCiAgICBjaGFuZ1ZhbDogZnVuY3Rpb24gY2hhbmdWYWwodmFsKSB7CiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQVElUTEUnLCB2YWwudGFyZ2V0LnZhbHVlKTsKICAgIH0sCiAgICBjaGFuZ05hbWU6IGZ1bmN0aW9uIGNoYW5nTmFtZSh2YWwpIHsKICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBOQU1FJywgdmFsLnRhcmdldC52YWx1ZSk7CiAgICB9LAogICAgY2hhbmdlU3RhdGU6IGZ1bmN0aW9uIGNoYW5nZVN0YXRlKHZhbCkgewogICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21vYmlsZENvbmZpZy9VUFNIT1cnLCB2YWwpOwogICAgfSwKICAgIGJnQ29sb3JUYXA6IGZ1bmN0aW9uIGJnQ29sb3JUYXAodmFsKSB7CiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQQ09MT1InLCB2YWwpOwogICAgfSwKICAgIGJnUGljVGFwOiBmdW5jdGlvbiBiZ1BpY1RhcCh2YWwpIHsKICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBQSUMnLCB2YWwpOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEA;AACA;AACA;EACAA,iBADA;EAEAC;IACAC;EADA,CAFA;EAKAC,IALA,kBAKA;IACA;MACAC,SADA;MAEAJ,QAFA;MAGAK,YAHA;MAIAC,kDAJA;MAKAC,cALA;MAMAC,YANA;MAOAC,SAPA;MAQAC,sBARA;MASAC,eATA;MAUAC,cAVA;MAWAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CAXA;MAkBAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAlBA;MAyBAE;IAzBA;EA2BA,CAjCA;EAkCAC,OAlCA,qBAkCA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,CA5CA;EA6CAC;IACA;IACAC,WAFA,uBAEAC,KAFA,EAEA;MACA;IACA,CAJA;IAKAC,UALA,wBAKA;MACA;IACA,CAPA;IAQAC,MARA,kBAQAC,EARA,EAQA;MAAA;;MACA;QACA;QACA;;QACA;MACA,CAJA;IAKA,CAdA;IAeAC,cAfA,0BAeAlB,WAfA,EAeA;MACA;IACA,CAjBA;IAkBAmB,QAlBA,oBAkBAC,GAlBA,EAkBA;MACA;IACA,CApBA;IAqBAC,QArBA,oBAqBAD,GArBA,EAqBA;MACA;IACA,CAvBA;IAwBAE,SAxBA,qBAwBAF,GAxBA,EAwBA;MACA;IACA,CA1BA;IA2BAG,WA3BA,uBA2BAH,GA3BA,EA2BA;MACA;IACA,CA7BA;IA8BAI,UA9BA,sBA8BAJ,GA9BA,EA8BA;MACA;IACA,CAhCA;IAiCAK,QAjCA,oBAiCAL,GAjCA,EAiCA;MACA;IACA;EAnCA;AA7CA","names":["name","components","uploadPictures","data","value","isShow","picList","bgColor","bgPic","tabVal","colorPicker","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","bgPicUrl","created","methods","modalPicTap","title","bindDelete","getPic","pc","colorPickerTap","radioTap","val","changVal","changName","changeState","bgColorTap","bgPicTap"],"sourceRoot":"src/components/mobileConfigDiy","sources":["pageTitle.vue"],"sourcesContent":["<template>\r\n <div class=\"box\">\r\n <div class=\"c_row-item\" v-if=\"this.$route.query.type !== 2\">\r\n <Col class=\"label\" span=\"4\"> 模板名称 </Col>\r\n <Col span=\"19\" class=\"slider-box\">\r\n <Input v-model=\"name\" placeholder=\"选填不超过15个字\" maxlength=\"15\" @on-change=\"changName\" />\r\n </Col>\r\n </div>\r\n <div class=\"c_row-item\">\r\n <Col class=\"label\" span=\"4\"> 页面标题 </Col>\r\n <Col span=\"19\" class=\"slider-box\">\r\n <Input v-model=\"value\" placeholder=\"选填不超过30个字\" maxlength=\"30\" @on-change=\"changVal\" />\r\n </Col>\r\n </div>\r\n <div class=\"c_row-item\">\r\n <Col class=\"label\" span=\"4\"> 页面状态 </Col>\r\n <Col span=\"19\" class=\"slider-box\">\r\n <i-switch v-model=\"isShow\" @on-change=\"changeState\" />\r\n </Col>\r\n </div>\r\n <div class=\"c_row-item acea-row row-top\">\r\n <Col class=\"label\" span=\"4\"> 背景设置 </Col>\r\n <Col span=\"19\" class=\"slider-box\">\r\n <div class=\"acea-row row-between row-top color\">\r\n <Checkbox v-model=\"bgColor\" @on-change=\"bgColorTap\">背景色</Checkbox>\r\n <ColorPicker v-model=\"colorPicker\" @on-change=\"colorPickerTap(colorPicker)\" />\r\n </div>\r\n <div class=\"acea-row row-between row-top color\">\r\n <Checkbox v-model=\"bgPic\" @on-change=\"bgPicTap\">背景图</Checkbox>\r\n <RadioGroup v-model=\"tabVal\" type=\"button\" @on-change=\"radioTap\">\r\n <Radio :label=\"index\" v-for=\"(item, index) in picList\" :key=\"index\">\r\n <span class=\"iconfont-diy\" :class=\"item\"></span>\r\n </Radio>\r\n </RadioGroup>\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>\r\n <Icon type=\"ios-camera-outline\" size=\"36\" />\r\n </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 </Col>\r\n </div>\r\n <div>\r\n <Modal\r\n v-model=\"modalPic\"\r\n width=\"950px\"\r\n scrollable\r\n footer-hide\r\n closable\r\n title=\"上传背景图\"\r\n :mask-closable=\"false\"\r\n :z-index=\"1\"\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 </Modal>\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 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.target.value);\r\n },\r\n changName(val) {\r\n this.$store.commit('mobildConfig/UPNAME', val.target.value);\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=\"stylus\">\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\r\n/deep/.ivu-input {\r\n font-size: 13px !important;\r\n}\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\r\n.c_row-item {\r\n padding: 0 15px;\r\n margin-top: 22px;\r\n}\r\n\r\n.slider-box .color {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.boxs {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 10px;\r\n position: relative;\r\n\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\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\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 6px;\r\n }\r\n}\r\n\r\n.ivu-color-picker /deep/ .ivu-select-dropdown {\r\n position: absolute;\r\n // width: 300px !important;\r\n left: 34px !important;\r\n}\r\n</style>\r\n"]}]}
|
