{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\NavbarForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\NavbarForm.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\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"]}]}