| 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\\mobileConfigRightDiy\\c_foot.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobileConfigRightDiy\\c_foot.vue","mtime":1677828270161},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuc3RyaW5nLmxpbmsuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5zcGxpY2UuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7CmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOwppbXBvcnQgbGlua2FkZHJlc3MgZnJvbSAnQC9jb21wb25lbnRzL2xpbmthZGRyZXNzJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjX2Zvb3QnLAogIHByb3BzOiB7CiAgICBjb25maWdPYmo6IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbiBfZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0sCiAgICBjb25maWdObWU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnJwogICAgfQogIH0sCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzLAogICAgbGlua2FkZHJlc3M6IGxpbmthZGRyZXNzLAogICAgZHJhZ2dhYmxlOiB2dWVkcmFnZ2FibGUKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB2YWwxOiAnJywKICAgICAgdmFsMjogJycsCiAgICAgIGZvb3RDb25maWc6IFtdLAogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgaXRlbUluZGV4OiAwLAogICAgICBpdGVtQ2hpbGRJbmRleDogMCwKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9CiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZ09iajogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmZvb3RDb25maWcgPSBuVmFsW3RoaXMuY29uZmlnTm1lXTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMuZm9vdENvbmZpZyA9IHRoaXMuY29uZmlnT2JqW3RoaXMuY29uZmlnTm1lXTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGxpbmtVcmw6IGZ1bmN0aW9uIGxpbmtVcmwoZSkgewogICAgICB0aGlzLmZvb3RDb25maWdbdGhpcy5pdGVtSW5kZXhdLmxpbmsgPSBlOwogICAgfSwKICAgIGdldExpbms6IGZ1bmN0aW9uIGdldExpbmsoaW5kZXgpIHsKICAgICAgdGhpcy5pdGVtSW5kZXggPSBpbmRleDsKICAgICAgdGhpcy4kcmVmcy5saW5rYWRkcmVzLm1vZGFscyA9IHRydWU7CiAgICB9LAogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iCiAgICBtb2RhbFBpY1RhcDogZnVuY3Rpb24gbW9kYWxQaWNUYXAocGFyZW50LCBjaGlsZCkgewogICAgICB0aGlzLml0ZW1JbmRleCA9IHBhcmVudDsKICAgICAgdGhpcy5pdGVtQ2hpbGRJbmRleCA9IGNoaWxkOwogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsKICAgIH0sCiAgICAvLyDojrflj5blm77niYfkv6Hmga8KICAgIGdldFBpYzogZnVuY3Rpb24gZ2V0UGljKHBjKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMuZm9vdENvbmZpZ1tfdGhpcy5pdGVtSW5kZXhdLmltZ0xpc3RbX3RoaXMuaXRlbUNoaWxkSW5kZXhdID0gcGMuYXR0X2RpcjsKICAgICAgICBfdGhpcy5tb2RhbFBpYyA9IGZhbHNlOwoKICAgICAgICBfdGhpcy4kc3RvcmUuY29tbWl0KCdtb2JpbGRDb25maWcvZm9vdFVwZGF0YScsIF90aGlzLmZvb3RDb25maWcpOwogICAgICB9KTsKICAgIH0sCiAgICAvLyDmt7vliqDmqKHlnZcKICAgIGFkZE1lbnU6IGZ1bmN0aW9uIGFkZE1lbnUoKSB7CiAgICAgIHZhciBvYmogPSB7CiAgICAgICAgaW1nTGlzdDogWycnLCAnJ10sCiAgICAgICAgbmFtZTogJ+iHquWumuS5iScsCiAgICAgICAgbGluazogJycKICAgICAgfTsKICAgICAgdGhpcy5mb290Q29uZmlnLnB1c2gob2JqKTsKICAgIH0sCiAgICBkZWxldGVNZW51OiBmdW5jdGlvbiBkZWxldGVNZW51KGluZGV4KSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwoKICAgICAgdGhpcy4kTW9kYWwuY29uZmlybSh7CiAgICAgICAgdGl0bGU6ICfmj5DnpLonLAogICAgICAgIGNvbnRlbnQ6ICfmmK/lkKbnoa7lrprliKDpmaTor6Xoj5zljZUnLAogICAgICAgIG9uT2s6IGZ1bmN0aW9uIG9uT2soKSB7CiAgICAgICAgICBfdGhpczIuZm9vdENvbmZpZy5zcGxpY2UoaW5kZXgsIDEpOwogICAgICAgIH0sCiAgICAgICAgb25DYW5jZWw6IGZ1bmN0aW9uIG9uQ2FuY2VsKCkge30KICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;AACA;EACAA,cADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA,CADA;IAOAC;MACAF,YADA;MAEAC;IAFA;EAPA,CAFA;EAcAE;IACAC,8BADA;IAEAC,wBAFA;IAGAC;EAHA,CAdA;EAmBAC,IAnBA,kBAmBA;IACA;MACAC,QADA;MAEAC,QAFA;MAGAC,cAHA;MAIAC,eAJA;MAKAC,cALA;MAMAC,YANA;MAOAC,iBAPA;MAQAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CARA;MAeAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA;IAfA;EAuBA,CA3CA;EA4CAE;IACAvB;MACAwB,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA;EADA,CA5CA;EAoDAC,OApDA,qBAoDA;IACA;EACA,CAtDA;EAuDAC;IACAC,OADA,mBACAC,CADA,EACA;MACA;IACA,CAHA;IAIAC,OAJA,mBAIAC,KAJA,EAIA;MACA;MACA;IACA,CAPA;IAQA;IACAC,WATA,uBASAC,MATA,EASAC,KATA,EASA;MACA;MACA;MACA;IACA,CAbA;IAcA;IACAC,MAfA,kBAeAC,EAfA,EAeA;MAAA;;MACA;QACA;QACA;;QACA;MACA,CAJA;IAKA,CArBA;IAsBA;IACAC,OAvBA,qBAuBA;MACA;QACAC,iBADA;QAEA1C,WAFA;QAGA2C;MAHA;MAKA;IACA,CA9BA;IA+BAC,UA/BA,sBA+BAT,KA/BA,EA+BA;MAAA;;MACA;QACAU,WADA;QAEAC,oBAFA;QAGAC;UACA;QACA,CALA;QAMAC;MANA;IAQA;EAxCA;AAvDA","names":["name","props","configObj","type","default","configNme","components","uploadPictures","linkaddress","draggable","data","val1","val2","footConfig","modalPic","isChoice","itemIndex","itemChildIndex","gridBtn","xl","lg","md","sm","xs","gridPic","watch","handler","nVal","oVal","deep","created","methods","linkUrl","e","getLink","index","modalPicTap","parent","child","getPic","pc","addMenu","imgList","link","deleteMenu","title","content","onOk","onCancel"],"sourceRoot":"src/components/mobileConfigRightDiy","sources":["c_foot.vue"],"sourcesContent":["<template>\r\n <div 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 icondrag2\"></span>\r\n </div>\r\n <div class=\"right-wrapper\">\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 <img :src=\"img\" alt=\"\" v-if=\"img\" />\r\n <p class=\"txt\" v-if=\"img\">{{ j == 0 ? '选中' : '未选中' }}</p>\r\n <div class=\"empty-img\" v-else>\r\n <span class=\"iconfont iconjiahao\"></span>\r\n <p>{{ j == 0 ? '选中' : '未选中' }}</p>\r\n </div>\r\n </div>\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=\"item.name\" placeholder=\"选填不超过10个字\" />\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 <div @click=\"getLink(index)\">\r\n <Input icon=\"ios-arrow-forward\" v-model=\"item.link\" readonly placeholder=\"选填不超过10个字\" />\r\n </div>\r\n </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 <Button class=\"add-btn\" type=\"info\" ghost @click=\"addMenu\" v-if=\"footConfig.length < 5\">添加图文导航</Button>\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 <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 };\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.footConfig = nVal[this.configNme];\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: ['', ''],\r\n name: '自定义',\r\n link: '',\r\n };\r\n this.footConfig.push(obj);\r\n },\r\n deleteMenu(index) {\r\n this.$Modal.confirm({\r\n title: '提示',\r\n content: '是否确定删除该菜单',\r\n onOk: () => {\r\n this.footConfig.splice(index, 1);\r\n },\r\n onCancel: () => {},\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n /deep/.ivu-input{\r\n font-size 13px!important;\r\n }\r\n.tips\r\n padding-bottom 5px\r\n font-size 12px\r\n color #999\r\n border-bottom 1px solid rgba(0, 0, 0, 0.05)\r\n.box-item\r\n position relative\r\n display flex\r\n margin-top 15px\r\n padding 20px 30px 20px 0\r\n border: 1px solid #DDDDDD;\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 #999\r\n font-size 30px\r\n .left-tool\r\n display flex\r\n align-items center\r\n justify-content center\r\n width 72px\r\n .iconfont\r\n color #999\r\n font-size 36px\r\n cursor move\r\n .right-wrapper\r\n flex 1\r\n .img-wrapper\r\n display flex\r\n .img-item\r\n position relative\r\n width 80px\r\n height 80px\r\n margin-right 20px\r\n cursor pointer\r\n img\r\n display block\r\n width 100%\r\n height 100%\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 background #f7f7f7\r\n font-size 12px\r\n color #BFBFBF\r\n .iconfont\r\n font-size 16px\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.4);\r\n color #fff\r\n font-size 12px\r\n .c_row-item\r\n margin-top 10px\r\n.add-btn\r\n margin-top 20px\r\n width 100%\r\n height 40px\r\n</style>\r\n"]}]}
|
