1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\NavbarForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\NavbarForm.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdSI7CmltcG9ydCBMaW5rU2VsIGZyb20gIi4uL2NvbXBvbmVudHMvTGlua1NlbC52dWUiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk5hdmJhckZvcm0iLAogIGNvbXBvbmVudHM6IHsKICAgIFVwbG9hZFFpbml1LAogICAgTGlua1NlbAogIH0sCiAgcHJvcHM6IHsKICAgIHRlbUZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGZvcm06IHt9LAogICAgICBpbWdfaW5kZXg6IDAsCiAgICAgIGxpbmtfc2hvdzogZmFsc2UsCiAgICAgIHByZWRlZmluZUNvbG9yczogWyIjZmZmZmZmIiwgIiMwMDAwMDAiLCAiI2Y3ZjhmYSIsICIjZmY0NTAwIiwgIiNmZjhjMDAiLCAiI2ZmZDcwMCIsICIjOTBlZTkwIiwgIiMwMGNlZDEiLCAiIzFlOTBmZiIsICIjYzcxNTg1IiwgInJnYmEoMjU1LCA2OSwgMCwgMC42OCkiLCAicmdiKDI1NSwgMTIwLCAwKSIsICIjYzcxNTg1NzciXQogICAgfTsKICB9LAoKICB3YXRjaDogewogICAgdGVtRm9ybSh2YWwpIHsKICAgICAgdGhpcy5mb3JtID0gdmFsOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5mb3JtID0gdGhpcy50ZW1Gb3JtOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIGNvbmZpcm0oKSB7CiAgICAgIHRoaXMuJGVtaXQoImNvbmZpcm0iLCB0aGlzLmZvcm0pOwogICAgfSwKCiAgICBsaW5rQ29uZmlybShvYmopIHsKICAgICAgdGhpcy5mb3JtLm5hdkxpc3RbdGhpcy5pbWdfaW5kZXhdLnVybCA9IG9iai5saW5rczsKICAgICAgdGhpcy5mb3JtLm5hdkxpc3RbdGhpcy5pbWdfaW5kZXhdLnN3aXRjaFRhYiA9IG9iai5zd2l0Y2hUYWIgPyAic3dpdGNoVGFiIiA6ICIiOwogICAgICB0aGlzLmNvbmZpcm0oKTsKICAgIH0sCgogICAgdXBsb2FkU3VjY2Vzcyh2YWwsIHJlcywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy5mb3JtLm5hdkxpc3RbdGhpcy5pbWdfaW5kZXhdLmltYWdlID0gewogICAgICAgIG5hbWU6IGZpbGUubmFtZSwKICAgICAgICB1cmw6IHZhbAogICAgICB9OwogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgYmVmb3JlVXBsb2FkKGluZGV4KSB7CiAgICAgIHRoaXMuaW1nX2luZGV4ID0gaW5kZXg7CiAgICB9LAoKICAgIG9wZW5VcmwoaW5kZXgpIHsKICAgICAgdGhpcy5pbWdfaW5kZXggPSBpbmRleDsKICAgICAgdGhpcy5saW5rX3Nob3cgPSB0cnVlOwogICAgfSwKCiAgICBkZWxJbWcoaW5kZXgpIHsKICAgICAgdGhpcy5mb3JtLm5hdkxpc3Quc3BsaWNlKGluZGV4LCAxKTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGFkZEltZygpIHsKICAgICAgdGhpcy5mb3JtLm5hdkxpc3QucHVzaCh7CiAgICAgICAgaW1hZ2U6IHt9LAogICAgICAgIHRleHQ6ICIiLAogICAgICAgIHVybDogIiIsCiAgICAgICAgc3dpdGNoVGFiOiAiIgogICAgICB9KTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;AACA;AACA;EACAA,kBADA;EAEAC;IACAC,WADA;IAEAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CANA;;EAcAC;IACA;MACAC,QADA;MAEAC,YAFA;MAGAC,gBAHA;MAIAC,kBACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA,EASA,SATA,EAUA,SAVA,EAWA,wBAXA,EAYA,kBAZA,EAaA,WAbA;IAJA;EAoBA,CAnCA;;EAoCAC;IACAR;MACA;IACA;;EAHA,CApCA;;EAyCAS;IACA;EACA,CA3CA;;EA4CAC;IACAC;MACA;IACA,CAHA;;IAIAC;MACA;MACA,8DACA,WADA,GAEA,EAFA;MAGA;IACA,CAVA;;IAWAC;MACA;QACAlB,eADA;QAEAmB;MAFA;MAIA;IACA,CAjBA;;IAkBAC;MACA;IACA,CApBA;;IAqBAC;MACA;MACA;IACA,CAxBA;;IAyBAC;MACA;MACA;IACA,CA5BA;;IA6BAC;MACA;QACAC,SADA;QAEAC,QAFA;QAGAN,OAHA;QAIAO;MAJA;MAMA;IACA;;EArCA;AA5CA","names":["name","components","UploadQiniu","LinkSel","props","temForm","type","default","data","form","img_index","link_show","predefineColors","watch","created","methods","confirm","linkConfirm","uploadSuccess","url","beforeUpload","openUrl","delImg","addImg","image","text","switchTab"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["NavbarForm.vue"],"sourcesContent":["<template>\n <div class=\"tem-box\">\n <div class=\"tem-tit clearfix\">\n <span class=\"tem-tit-span float_left\">导航</span>\n </div>\n <div class=\"tem-main\">\n <el-form ref=\"form\" :model=\"form\" size=\"small\" label-position=\"top\">\n <el-form-item label=\"背景颜色\" class=\"PD-form-item\">\n <el-color-picker\n v-model=\"form.bgColor\"\n show-alpha\n :predefine=\"predefineColors\"\n @change=\"confirm\"\n ></el-color-picker>\n </el-form-item>\n <el-form-item label=\"文字颜色\" class=\"PD-form-item\">\n <el-color-picker\n v-model=\"form.color\"\n @change=\"confirm\"\n ></el-color-picker>\n </el-form-item>\n <el-form-item label=\"每行数量\" class=\"PD-form-item\">\n <el-radio-group v-model=\"form.num\" @change=\"confirm\">\n <el-radio :label=\"3\">3个</el-radio>\n <el-radio :label=\"4\">4个</el-radio>\n <el-radio :label=\"5\">5个</el-radio>\n </el-radio-group>\n </el-form-item>\n <el-form-item label=\"导航\" class=\"PD-form-item\">\n <p class=\"input-tip\">建议图片尺寸44px*44px,图片高度须完全一致</p>\n\n <ul class=\"up-img-ul\">\n <li\n v-for=\"(item, index) in form.navList\"\n :key=\"index\"\n class=\"clearfix up-img-li\"\n >\n <div>\n <UploadQiniu\n :width=\"50\"\n is-btn=\"picture\"\n :file-list=\"item.image.url ? [item.image] : []\"\n @uploadSuccess=\"uploadSuccess\"\n @beforeUpload=\"beforeUpload(index)\"\n >\n <div slot=\"upbtn\">\n <el-button size=\"small\" type=\"text\">点击上传</el-button>\n <!-- <i class=\"el-icon-plus\"></i>-->\n </div>\n </UploadQiniu>\n </div>\n <el-input\n v-model=\"item.text\"\n size=\"small\"\n placeholder=\"按钮文字\"\n class=\"nav-input\"\n ></el-input>\n <div class=\"up-url\" @click=\"openUrl(index)\">\n <i class=\"el-icon-link\"></i>\n <span>{{ item.url || \"请选择链接\" }}</span>\n </div>\n <div\n v-if=\"form.navList.length > 1\"\n class=\"img-del-icon\"\n @click=\"delImg(index)\"\n >\n <i class=\"el-icon-close\"></i>\n </div>\n </li>\n </ul>\n <div style=\"padding-top: 10px\">\n <el-button\n style=\"width: 100%; border: 1px dashed #999\"\n size=\"small\"\n icon=\"el-icon-plus\"\n @click=\"addImg\"\n >\n 添加一个\n </el-button>\n </div>\n </el-form-item>\n </el-form>\n </div>\n <LinkSel\n v-if=\"link_show\"\n :is-show=\"link_show\"\n @confirm=\"linkConfirm\"\n @cancel=\"link_show = false\"\n />\n </div>\n</template>\n\n<script>\n import UploadQiniu from \"@/component/common/UploadQiniu\";\n import LinkSel from \"../components/LinkSel.vue\";\n export default {\n name: \"NavbarForm\",\n components: {\n UploadQiniu,\n LinkSel,\n },\n props: {\n temForm: {\n type: Object,\n default: () => {\n return {};\n },\n },\n },\n data() {\n return {\n form: {},\n img_index: 0,\n link_show: false,\n predefineColors: [\n \"#ffffff\",\n \"#000000\",\n \"#f7f8fa\",\n \"#ff4500\",\n \"#ff8c00\",\n \"#ffd700\",\n \"#90ee90\",\n \"#00ced1\",\n \"#1e90ff\",\n \"#c71585\",\n \"rgba(255, 69, 0, 0.68)\",\n \"rgb(255, 120, 0)\",\n \"#c7158577\",\n ],\n };\n },\n watch: {\n temForm(val) {\n this.form = val;\n },\n },\n created() {\n this.form = this.temForm;\n },\n methods: {\n confirm() {\n this.$emit(\"confirm\", this.form);\n },\n linkConfirm(obj) {\n this.form.navList[this.img_index].url = obj.links;\n this.form.navList[this.img_index].switchTab = obj.switchTab\n ? \"switchTab\"\n : \"\";\n this.confirm();\n },\n uploadSuccess(val, res, file, fileList) {\n this.form.navList[this.img_index].image = {\n name: file.name,\n url: val,\n };\n this.$emit(\"confirm\", this.form);\n },\n beforeUpload(index) {\n this.img_index = index;\n },\n openUrl(index) {\n this.img_index = index;\n this.link_show = true;\n },\n delImg(index) {\n this.form.navList.splice(index, 1);\n this.confirm();\n },\n addImg() {\n this.form.navList.push({\n image: {},\n text: \"\",\n url: \"\",\n switchTab: \"\",\n });\n this.confirm();\n },\n },\n };\n</script>\n\n<style scoped>\n .nav-input {\n margin-bottom: 10px;\n }\n</style>\n"]}]}
|