| 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\\diyComponents\\c_tab_bar.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\diyComponents\\c_tab_bar.vue","mtime":1677828270147},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZ1ZWRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnOwppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjX3RhYl9iYXInLAogIHByb3BzOiB7CiAgICBuYW1lOiB7CiAgICAgIHR5cGU6IFN0cmluZwogICAgfSwKICAgIGNvbmZpZ0RhdGE6IHsKICAgICAgdHlwZTogbnVsbAogICAgfSwKICAgIGNvbmZpZ051bTogewogICAgICB0eXBlOiBOdW1iZXIgfCBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0JwogICAgfQogIH0sCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzLAogICAgZHJhZ2dhYmxlOiB2dWVkcmFnZ2FibGUKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBhY3RpdmVJbmRleDogMCwKICAgICAgaXNTZWxlY3Q6IDAsCiAgICAgIGRhdGFzOiB0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dLAogICAgICBsYXN0T2JqOiB7fQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICB3YXRjaDogewogICAgY29uZmlnRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRhdGFzID0gblZhbFt0aGlzLmNvbmZpZ051bV07CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOa3u+WKoOaooeWdlwogICAgYWRkTWVudTogZnVuY3Rpb24gYWRkTWVudSgpIHsKICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0Lmxlbmd0aCA9PSAwKSB7CiAgICAgICAgdGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QucHVzaCh0aGlzLmxhc3RPYmopOwogICAgICB9IGVsc2UgewogICAgICAgIHZhciBvYmogPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0W3RoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0Lmxlbmd0aCAtIDFdKSk7CiAgICAgICAgdGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QucHVzaChvYmopOwogICAgICB9CiAgICB9LAogICAgZGVsZXRlTWVudTogZnVuY3Rpb24gZGVsZXRlTWVudShpbmRleCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgdGhpcy4kTW9kYWwuY29uZmlybSh7CiAgICAgICAgdGl0bGU6ICfmj5DnpLonLAogICAgICAgIGNvbnRlbnQ6ICfmmK/lkKbnoa7lrprliKDpmaTor6Xoj5zljZUnLAogICAgICAgIG9uT2s6IGZ1bmN0aW9uIG9uT2soKSB7CiAgICAgICAgICBpZiAoX3RoaXMuY29uZmlnRGF0YVtfdGhpcy5jb25maWdOdW1dW190aGlzLm5hbWVdLmxpc3QubGVuZ3RoID09IDEpIHsKICAgICAgICAgICAgX3RoaXMubGFzdE9iaiA9IF90aGlzLmNvbmZpZ0RhdGFbX3RoaXMuY29uZmlnTnVtXVtfdGhpcy5uYW1lXS5saXN0WzBdOwogICAgICAgICAgfQoKICAgICAgICAgIF90aGlzLmNvbmZpZ0RhdGFbX3RoaXMuY29uZmlnTnVtXVtfdGhpcy5uYW1lXS5saXN0LnNwbGljZShpbmRleCwgMSk7CiAgICAgICAgfSwKICAgICAgICBvbkNhbmNlbDogZnVuY3Rpb24gb25DYW5jZWwoKSB7fQogICAgICB9KTsKICAgIH0sCiAgICAvLyDngrnlh7vlm77mloflsIHpnaIKICAgIG1vZGFsUGljVGFwOiBmdW5jdGlvbiBtb2RhbFBpY1RhcCh0aXRsZSwgaW5kZXgsIHNlbGVjdCkgewogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7CiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOwogICAgICB0aGlzLmlzU2VsZWN0ID0gc2VsZWN0OwogICAgfSwKICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrwogICAgZ2V0UGljOiBmdW5jdGlvbiBnZXRQaWMocGMpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMyLmNvbmZpZ0RhdGFbX3RoaXMyLmNvbmZpZ051bV1bX3RoaXMyLm5hbWVdLmxpc3RbX3RoaXMyLmFjdGl2ZUluZGV4XS5pbWdMaXN0W190aGlzMi5pc1NlbGVjdF0gPSBwYy5hdHRfZGlyOwogICAgICAgIF90aGlzMi5tb2RhbFBpYyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;AACA;AACA;EACAA,iBADA;EAEAC;IACAD;MACAE;IADA,CADA;IAIAC;MACAD;IADA,CAJA;IAOAE;MACAF,qBADA;MAEAG;IAFA;EAPA,CAFA;EAcAC;IACAC,8BADA;IAEAC;EAFA,CAdA;EAkBAC,IAlBA,kBAkBA;IACA;MACAC,eADA;MAEAC,cAFA;MAGAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CAHA;MAUAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAVA;MAiBAE,cAjBA;MAkBAC,WAlBA;MAmBAC,sCAnBA;MAoBAC;IApBA;EAsBA,CAzCA;EA0CAC,OA1CA,qBA0CA,EA1CA;EA2CAC;IACArB;MACAsB,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA;EADA,CA3CA;EAmDAC;IACA;IACAC,OAFA,qBAEA;MACA;QACA;MACA,CAFA,MAEA;QACA,qBACAC,eACA,2GADA,CADA;QAKA;MACA;IACA,CAbA;IAcAC,UAdA,sBAcAC,KAdA,EAcA;MAAA;;MACA;QACAC,WADA;QAEAC,oBAFA;QAGAC;UACA;YACA;UACA;;UACA;QACA,CARA;QASAC;MATA;IAWA,CA1BA;IA2BA;IACAC,WA5BA,uBA4BAJ,KA5BA,EA4BAD,KA5BA,EA4BAM,MA5BA,EA4BA;MACA;MACA;MACA;IACA,CAhCA;IAiCA;IACAC,MAlCA,kBAkCAC,EAlCA,EAkCA;MAAA;;MACA;QACA;QACA;MACA,CAHA;IAIA;EAvCA;AAnDA","names":["name","props","type","configData","configNum","default","components","uploadPictures","draggable","data","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","isSelect","datas","lastObj","mounted","watch","handler","nVal","oVal","deep","methods","addMenu","JSON","deleteMenu","index","title","content","onOk","onCancel","modalPicTap","select","getPic","pc"],"sourceRoot":"src/components/diyComponents","sources":["c_tab_bar.vue"],"sourcesContent":["<template>\r\n <div class=\"tabBars\">\r\n <div class=\"title\">{{ datas[name].title }}</div>\r\n <draggable class=\"dragArea list-group\" :list=\"datas[name].list\" group=\"peoples\" handle=\".iconfont\">\r\n <div class=\"box-item\" v-for=\"(item, index) in datas[name].list\" :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 <Input v-model=\"item.link\" placeholder=\"选填不超过10个字\" />\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 <div class=\"add-btn\" v-if=\"datas[name].list.length < 5\">\r\n <Button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100%; height: 40px; border-color: #1890ff; color: #1890ff\"\r\n @click=\"addMenu\"\r\n >添加图文导航\r\n </Button>\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=\"888\"\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 vuedraggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nexport default {\r\n name: 'c_tab_bar',\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n configData: {\r\n type: null,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n },\r\n components: {\r\n uploadPictures,\r\n draggable: vuedraggable,\r\n },\r\n data() {\r\n return {\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 activeIndex: 0,\r\n isSelect: 0,\r\n datas: this.configData[this.configNum],\r\n lastObj: {},\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n // 添加模块\r\n addMenu() {\r\n if (this.configData[this.configNum][this.name].list.length == 0) {\r\n this.configData[this.configNum][this.name].list.push(this.lastObj);\r\n } else {\r\n let obj = JSON.parse(\r\n JSON.stringify(\r\n this.configData[this.configNum][this.name].list[this.configData[this.configNum][this.name].list.length - 1],\r\n ),\r\n );\r\n this.configData[this.configNum][this.name].list.push(obj);\r\n }\r\n },\r\n deleteMenu(index) {\r\n this.$Modal.confirm({\r\n title: '提示',\r\n content: '是否确定删除该菜单',\r\n onOk: () => {\r\n if (this.configData[this.configNum][this.name].list.length == 1) {\r\n this.lastObj = this.configData[this.configNum][this.name].list[0];\r\n }\r\n this.configData[this.configNum][this.name].list.splice(index, 1);\r\n },\r\n onCancel: () => {},\r\n });\r\n },\r\n // 点击图文封面\r\n modalPicTap(title, index, select) {\r\n this.activeIndex = index;\r\n this.modalPic = true;\r\n this.isSelect = select;\r\n },\r\n // 获取图片信息\r\n getPic(pc) {\r\n this.$nextTick(() => {\r\n this.configData[this.configNum][this.name].list[this.activeIndex].imgList[this.isSelect] = pc.att_dir;\r\n this.modalPic = false;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"stylus\">\r\n.tabBars .box-item:last-child{\r\n margin-bottom 20px;\r\n}\r\n.tabBars\r\n .title\r\n margin-bottom: 10px;\r\n padding-bottom 10px\r\n border-bottom:1px solid rgba(0,0,0,0.05);\r\n font-size:12px;\r\n color:#999;\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-bottom 20px\r\n width 100%\r\n height 40px\r\n</style>\r\n"]}]}
|
