| 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\\mobileConfigRight\\c_foot.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_foot.vue","mtime":1761185179989},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7DQppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsNCmltcG9ydCBsaW5rYWRkcmVzcyBmcm9tICdAL2NvbXBvbmVudHMvbGlua2FkZHJlc3MnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnY19mb290JywNCiAgcHJvcHM6IHsNCiAgICBjb25maWdPYmo6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uICgpIHsNCiAgICAgICAgcmV0dXJuIHt9Ow0KICAgICAgfSwNCiAgICB9LA0KICAgIGNvbmZpZ05tZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgfSwNCiAgY29tcG9uZW50czogew0KICAgIHVwbG9hZFBpY3R1cmVzLA0KICAgIGxpbmthZGRyZXNzLA0KICAgIGRyYWdnYWJsZTogdnVlZHJhZ2dhYmxlLA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB2YWwxOiAnJywNCiAgICAgIHZhbDI6ICcnLA0KICAgICAgZm9vdENvbmZpZzogW10sDQogICAgICBtb2RhbFBpYzogZmFsc2UsDQogICAgICBpc0Nob2ljZTogJ+WNlemAiScsDQogICAgICBpdGVtSW5kZXg6IDAsDQogICAgICBpdGVtQ2hpbGRJbmRleDogMCwNCiAgICAgIGdyaWRCdG46IHsNCiAgICAgICAgeGw6IDQsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogOCwNCiAgICAgICAgc206IDgsDQogICAgICAgIHhzOiA4LA0KICAgICAgfSwNCiAgICAgIGdyaWRQaWM6IHsNCiAgICAgICAgeGw6IDYsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogMTIsDQogICAgICAgIHNtOiAxMiwNCiAgICAgICAgeHM6IDEyLA0KICAgICAgfSwNCiAgICAgIG5hdlN0eWxlOiAwLA0KICAgICAgbm9QaWM6IHJlcXVpcmUoJy4uLy4uL2Fzc2V0cy9pbWFnZXMvbm9QaWN0cnVlLnBuZycpLA0KICAgIH07DQogIH0sDQogIHdhdGNoOiB7DQogICAgY29uZmlnT2JqOiB7DQogICAgICBoYW5kbGVyKG5WYWwsIG9WYWwpIHsNCiAgICAgICAgdGhpcy5mb290Q29uZmlnID0gblZhbFt0aGlzLmNvbmZpZ05tZV07DQogICAgICAgIHRoaXMubmF2U3R5bGUgPSBuVmFsLm5hdlN0eWxlQ29uZmlnLnRhYlZhbDsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5mb290Q29uZmlnID0gdGhpcy5jb25maWdPYmpbdGhpcy5jb25maWdObWVdOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgbGlua1VybChlKSB7DQogICAgICB0aGlzLmZvb3RDb25maWdbdGhpcy5pdGVtSW5kZXhdLmxpbmsgPSBlOw0KICAgIH0sDQogICAgZ2V0TGluayhpbmRleCkgew0KICAgICAgdGhpcy5pdGVtSW5kZXggPSBpbmRleDsNCiAgICAgIHRoaXMuJHJlZnMubGlua2FkZHJlcy5tb2RhbHMgPSB0cnVlOw0KICAgIH0sDQogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iDQogICAgbW9kYWxQaWNUYXAocGFyZW50LCBjaGlsZCkgew0KICAgICAgdGhpcy5pdGVtSW5kZXggPSBwYXJlbnQ7DQogICAgICB0aGlzLml0ZW1DaGlsZEluZGV4ID0gY2hpbGQ7DQogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrw0KICAgIGdldFBpYyhwYykgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICB0aGlzLmZvb3RDb25maWdbdGhpcy5pdGVtSW5kZXhdLmltZ0xpc3RbdGhpcy5pdGVtQ2hpbGRJbmRleF0gPSBwYy5hdHRfZGlyOw0KICAgICAgICB0aGlzLm1vZGFsUGljID0gZmFsc2U7DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbW9iaWxkQ29uZmlnL2Zvb3RVcGRhdGEnLCB0aGlzLmZvb3RDb25maWcpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmt7vliqDmqKHlnZcNCiAgICBhZGRNZW51KCkgew0KICAgICAgbGV0IG9iaiA9IHsNCiAgICAgICAgaW1nTGlzdDogW3RoaXMubm9QaWMsIHRoaXMubm9QaWNdLA0KICAgICAgICBuYW1lOiAn6Ieq5a6a5LmJJywNCiAgICAgICAgbGluazogJycsDQogICAgICB9Ow0KICAgICAgdGhpcy5mb290Q29uZmlnLnB1c2gob2JqKTsNCiAgICB9LA0KICAgIGRlbGV0ZU1lbnUoaW5kZXgpIHsNCiAgICAgIHRoaXMuJG1zZ2JveCh7DQogICAgICAgIHRpdGxlOiAn5o+Q56S6JywNCiAgICAgICAgbWVzc2FnZTogJ+aYr+WQpuehruWumuWIoOmZpOivpeiPnOWNlScsDQogICAgICAgIHNob3dDYW5jZWxCdXR0b246IHRydWUsDQogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLA0KICAgICAgICBjb25maXJtQnV0dG9uVGV4dDogJ+WIoOmZpCcsDQogICAgICAgIGljb25DbGFzczogJ2VsLWljb24td2FybmluZycsDQogICAgICAgIGNvbmZpcm1CdXR0b25DbGFzczogJ2J0bi1jdXN0b20tY2FuY2VsJywNCiAgICAgIH0pDQogICAgICAgIC50aGVuKCgpID0+IHsNCiAgICAgICAgICB0aGlzLmZvb3RDb25maWcuc3BsaWNlKGluZGV4LCAxKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKCgpID0+IHt9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_foot.vue"],"names":[],"mappings":";AA+DA;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;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":"c_foot.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div class=\"footer\" v-if=\"footConfig\">\r\n <p class=\"tips\">图片建议宽度81*81px；鼠标拖拽左侧圆点可调整导航顺序</p>\r\n <draggable class=\"dragArea list-group\" :list=\"footConfig\" group=\"peoples\" handle=\".iconfont\">\r\n <div class=\"box-item\" v-for=\"(item, index) in footConfig\" :key=\"index\">\r\n <div class=\"left-tool\">\r\n <span class=\"iconfont iconxingzhuangjiehe\"></span>\r\n </div>\r\n <div class=\"right-wrapper\">\r\n <div class=\"acea-row\" v-if=\"navStyle != 1\">\r\n <div class=\"title\">图标</div>\r\n <div class=\"img-wrapper\">\r\n <div class=\"img-item\" v-for=\"(img, j) in item.imgList\" @click=\"modalPicTap(index, j)\">\r\n <div class=\"pictrue\" v-if=\"img\">\r\n <img :src=\"img\" alt=\"\" />\r\n <p class=\"txt\">替换</p>\r\n </div>\r\n <div class=\"empty-img\" v-else>\r\n <span class=\"iconfont iconjiahao\"></span>\r\n </div>\r\n <div class=\"name\">{{ j == 0 ? '选中' : '未选中' }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"c_row-item\" v-if=\"navStyle != 2\">\r\n <el-col class=\"label\" :span=\"4\"> 名称 </el-col>\r\n <el-col class=\"slider-box\" :span=\"20\">\r\n <el-input v-model=\"item.name\" placeholder=\"选填不超过10个字\" />\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 class=\"slider-box\" :span=\"20\">\r\n <div>\r\n <el-input v-model=\"item.link\" placeholder=\"选填不超过10个字\">\r\n <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index)\" />\r\n </el-input>\r\n </div>\r\n </el-col>\r\n </div>\r\n </div>\r\n <div class=\"del-box\" @click=\"deleteMenu(index)\">\r\n <span class=\"iconfont iconcha\"></span>\r\n </div>\r\n </div>\r\n </draggable>\r\n <el-button class=\"add-btn\" @click=\"addMenu\" v-if=\"footConfig.length < 5\">+ 添加板块</el-button>\r\n <div>\r\n <el-dialog :visible.sync=\"modalPic\" width=\"960px\" title=\"上传底部菜单\" :mask-closable=\"false\" :z-index=\"1\">\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 <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nexport default {\r\n name: 'c_foot',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n default: function () {\r\n return {};\r\n },\r\n },\r\n configNme: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n components: {\r\n uploadPictures,\r\n linkaddress,\r\n draggable: vuedraggable,\r\n },\r\n data() {\r\n return {\r\n val1: '',\r\n val2: '',\r\n footConfig: [],\r\n modalPic: false,\r\n isChoice: '单选',\r\n itemIndex: 0,\r\n itemChildIndex: 0,\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 navStyle: 0,\r\n noPic: require('../../assets/images/noPictrue.png'),\r\n };\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.footConfig = nVal[this.configNme];\r\n this.navStyle = nVal.navStyleConfig.tabVal;\r\n },\r\n deep: true,\r\n },\r\n },\r\n created() {\r\n this.footConfig = this.configObj[this.configNme];\r\n },\r\n methods: {\r\n linkUrl(e) {\r\n this.footConfig[this.itemIndex].link = e;\r\n },\r\n getLink(index) {\r\n this.itemIndex = index;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n // 点击图文封面\r\n modalPicTap(parent, child) {\r\n this.itemIndex = parent;\r\n this.itemChildIndex = child;\r\n this.modalPic = true;\r\n },\r\n // 获取图片信息\r\n getPic(pc) {\r\n this.$nextTick(() => {\r\n this.footConfig[this.itemIndex].imgList[this.itemChildIndex] = pc.att_dir;\r\n this.modalPic = false;\r\n this.$store.commit('mobildConfig/footUpdata', this.footConfig);\r\n });\r\n },\r\n // 添加模块\r\n addMenu() {\r\n let obj = {\r\n imgList: [this.noPic, this.noPic],\r\n name: '自定义',\r\n link: '',\r\n };\r\n this.footConfig.push(obj);\r\n },\r\n deleteMenu(index) {\r\n this.$msgbox({\r\n title: '提示',\r\n message: '是否确定删除该菜单',\r\n showCancelButton: true,\r\n cancelButtonText: '取消',\r\n confirmButtonText: '删除',\r\n iconClass: 'el-icon-warning',\r\n confirmButtonClass: 'btn-custom-cancel',\r\n })\r\n .then(() => {\r\n this.footConfig.splice(index, 1);\r\n })\r\n .catch(() => {});\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep.ivu-input {\r\n font-size: 12px !important;\r\n}\r\n.dragArea {\r\n padding-bottom: 20px;\r\n}\r\n.footer {\r\n padding: 0 15px;\r\n}\r\n.tips {\r\n font-size: 12px;\r\n color: #bbbbbb;\r\n}\r\n.box-item {\r\n position: relative;\r\n display: flex;\r\n margin-top: 15px;\r\n padding: 20px 20px 20px 0;\r\n background: #f9f9f9;\r\n border-radius: 3px;\r\n .del-box {\r\n position: absolute;\r\n right: -13px;\r\n top: -18px;\r\n cursor: pointer;\r\n .iconfont {\r\n color: #ccc;\r\n font-size: 24px;\r\n }\r\n }\r\n}\r\n.left-tool {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 42px;\r\n .iconfont {\r\n color: #999;\r\n font-size: 18px;\r\n cursor: move;\r\n }\r\n}\r\n.right-wrapper {\r\n flex: 1;\r\n .title {\r\n color: #999999;\r\n font-size: 12px;\r\n width: 50px;\r\n margin-top: 23px;\r\n }\r\n .img-wrapper {\r\n display: flex;\r\n .img-item {\r\n width: 64px;\r\n margin-right: 20px;\r\n .name {\r\n color: #bbbbbb;\r\n font-size: 12px;\r\n text-align: center;\r\n margin-top: 7px;\r\n }\r\n .pictrue {\r\n width: 100%;\r\n height: 64px;\r\n cursor: pointer;\r\n border: 1px solid #eeeeee;\r\n position: relative;\r\n border-radius: 3px;\r\n }\r\n img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .empty-img {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n width: 100%;\r\n height: 100%;\r\n font-size: 12px;\r\n color: #bfbfbf;\r\n border: 1px solid #eeeeee;\r\n border-radius: 3px;\r\n .iconfont {\r\n font-size: 24px;\r\n }\r\n }\r\n .txt {\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 22px;\r\n line-height: 22px;\r\n text-align: center;\r\n background: rgba(0, 0, 0, 0.5);\r\n color: #fff;\r\n font-size: 12px;\r\n border-radius: 0 0 3px 3px;\r\n }\r\n }\r\n }\r\n .c_row-item {\r\n margin-top: 10px;\r\n .label {\r\n color: #999999;\r\n font-size: 12px;\r\n }\r\n }\r\n}\r\n.add-btn {\r\n width: 100%;\r\n height: 40px;\r\n margin-bottom: 30px;\r\n}\r\n</style>\r\n"]}]}
|
