{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\pageTitle.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfig\\pageTitle.vue","mtime":1761614938964},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdwYWdlVGl0bGUnLA0KICBjb21wb25lbnRzOiB7DQogICAgdXBsb2FkUGljdHVyZXMsDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHZhbHVlOiAnJywNCiAgICAgIG5hbWU6ICcnLA0KICAgICAgaXNTaG93OiB0cnVlLA0KICAgICAgcGljTGlzdDogWydpY29uZGFudHUnLCAnaWNvbnBpbmdwdScsICdpY29ubGFzaGVuJ10sDQogICAgICBiZ0NvbG9yOiBmYWxzZSwNCiAgICAgIGJnUGljOiBmYWxzZSwNCiAgICAgIHRhYlZhbDogMCwNCiAgICAgIGNvbG9yUGlja2VyOiAnI2Y1ZjVmNScsDQogICAgICBtb2RhbFBpYzogZmFsc2UsDQogICAgICBpc0Nob2ljZTogJ+WNlemAiScsDQogICAgICBncmlkQnRuOiB7DQogICAgICAgIHhsOiA0LA0KICAgICAgICBsZzogOCwNCiAgICAgICAgbWQ6IDgsDQogICAgICAgIHNtOiA4LA0KICAgICAgICB4czogOCwNCiAgICAgIH0sDQogICAgICBncmlkUGljOiB7DQogICAgICAgIHhsOiA2LA0KICAgICAgICBsZzogOCwNCiAgICAgICAgbWQ6IDEyLA0KICAgICAgICBzbTogMTIsDQogICAgICAgIHhzOiAxMiwNCiAgICAgIH0sDQogICAgICBiZ1BpY1VybDogJycsDQogICAgfTsNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICBsZXQgc3RhdGUgPSB0aGlzLiRzdG9yZS5zdGF0ZS5tb2JpbGRDb25maWc7DQogICAgdGhpcy52YWx1ZSA9IHN0YXRlLnBhZ2VUaXRsZTsNCiAgICB0aGlzLm5hbWUgPSBzdGF0ZS5wYWdlTmFtZTsNCiAgICB0aGlzLmlzU2hvdyA9IHN0YXRlLnBhZ2VTaG93ID8gdHJ1ZSA6IGZhbHNlOw0KICAgIHRoaXMuYmdDb2xvciA9IHN0YXRlLnBhZ2VDb2xvciA/IHRydWUgOiBmYWxzZTsNCiAgICB0aGlzLmJnUGljID0gc3RhdGUucGFnZVBpYyA/IHRydWUgOiBmYWxzZTsNCiAgICB0aGlzLmNvbG9yUGlja2VyID0gc3RhdGUucGFnZUNvbG9yUGlja2VyOw0KICAgIHRoaXMudGFiVmFsID0gc3RhdGUucGFnZVRhYlZhbDsNCiAgICB0aGlzLmJnUGljVXJsID0gc3RhdGUucGFnZVBpY1VybDsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOeCueWHu+WbvuaWh+Wwgemdog0KICAgIG1vZGFsUGljVGFwKHRpdGxlKSB7DQogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsNCiAgICB9LA0KICAgIGJpbmREZWxldGUoKSB7DQogICAgICB0aGlzLmJnUGljVXJsID0gJyc7DQogICAgfSwNCiAgICBnZXRQaWMocGMpIHsNCiAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAgICAgdGhpcy5iZ1BpY1VybCA9IHBjLmF0dF9kaXI7DQogICAgICAgIHRoaXMubW9kYWxQaWMgPSBmYWxzZTsNCiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBQSUNVUkwnLCBwYy5hdHRfZGlyKTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgY29sb3JQaWNrZXJUYXAoY29sb3JQaWNrZXIpIHsNCiAgICAgIGNvbnNvbGUubG9nKGNvbG9yUGlja2VyKTsNCg0KICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBQSUNLRVInLCBjb2xvclBpY2tlcik7DQogICAgfSwNCiAgICByYWRpb1RhcCh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQUkFESU8nLCB2YWwpOw0KICAgIH0sDQogICAgY2hhbmdWYWwodmFsKSB7DQogICAgICB0aGlzLiRzdG9yZS5jb21taXQoJ21vYmlsZENvbmZpZy9VUFRJVExFJywgdmFsKTsNCiAgICB9LA0KICAgIGNoYW5nTmFtZSh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQTkFNRScsIHZhbCk7DQogICAgfSwNCiAgICBjaGFuZ2VTdGF0ZSh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQU0hPVycsIHZhbCk7DQogICAgfSwNCiAgICBiZ0NvbG9yVGFwKHZhbCkgew0KICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvVVBDT0xPUicsIHZhbCk7DQogICAgfSwNCiAgICBiZ1BpY1RhcCh2YWwpIHsNCiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL1VQUElDJywgdmFsKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["pageTitle.vue"],"names":[],"mappings":";AAmEA;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;AACA;AACA;AACA;;AAEA;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"]}]}