{"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\\SwiperForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\SwiperForm.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdSI7CmltcG9ydCBMaW5rU2VsIGZyb20gIi4uL2NvbXBvbmVudHMvTGlua1NlbC52dWUiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlN3aXBlckZvcm0iLAogIGNvbXBvbmVudHM6IHsKICAgIFVwbG9hZFFpbml1LAogICAgTGlua1NlbAogIH0sCiAgcHJvcHM6IHsKICAgIHRlbUZvcm06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICBkZWZhdWx0OiAoKSA9PiB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGZpbGVfbGlzdDogW10sCiAgICAgIGxpbmtfc2hvdzogZmFsc2UsCiAgICAgIGltZ19pbmRleDogMCwKICAgICAgZm9ybToge30KICAgIH07CiAgfSwKCiAgd2F0Y2g6IHsKICAgIHRlbUZvcm0odmFsKSB7CiAgICAgIHRoaXMuZm9ybSA9IHZhbDsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuZm9ybSA9IHRoaXMudGVtRm9ybTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBjb25maXJtKCkgewogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgY29sb3JDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuZm9ybS5pbmRpY2F0b3JDb2xvciA9IHRoaXMuJF9jb21tb24uY29sb3JSZ2JhKHZhbCwgMC40KTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGFkZEltZygpIHsKICAgICAgdGhpcy5mb3JtLmJhbm5lckxpc3QucHVzaCh7CiAgICAgICAgaW1hZ2U6IHt9LAogICAgICAgIHVybDogIiIsCiAgICAgICAgc3dpdGNoVGFiOiAiIgogICAgICB9KTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGRlbEltZyhpbmRleCkgewogICAgICB0aGlzLmZvcm0uYmFubmVyTGlzdC5zcGxpY2UoaW5kZXgsIDEpOwogICAgICB0aGlzLmNvbmZpcm0oKTsKICAgIH0sCgogICAgdXBsb2FkU3VjY2Vzcyh2YWwsIHJlcywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy5mb3JtLmJhbm5lckxpc3RbdGhpcy5pbWdfaW5kZXhdLmltYWdlID0gewogICAgICAgIG5hbWU6IGZpbGUubmFtZSwKICAgICAgICB1cmw6IHZhbAogICAgICB9OwogICAgICB0aGlzLmZvcm0uYmFubmVyTGlzdFt0aGlzLmltZ19pbmRleF0uaW1nID0gdmFsOwogICAgICB0aGlzLmNvbmZpcm0oKTsKICAgIH0sCgogICAgYmVmb3JlVXBsb2FkKGluZGV4KSB7CiAgICAgIHRoaXMuaW1nX2luZGV4ID0gaW5kZXg7CiAgICB9LAoKICAgIGxpbmtDb25maXJtKG9iaikgewogICAgICB0aGlzLmZvcm0uYmFubmVyTGlzdFt0aGlzLmltZ19pbmRleF0udXJsID0gb2JqLmxpbmtzOwogICAgICB0aGlzLmZvcm0uYmFubmVyTGlzdFt0aGlzLmltZ19pbmRleF0uc3dpdGNoVGFiID0gb2JqLnN3aXRjaFRhYiA/ICJzd2l0Y2hUYWIiIDogIiI7CiAgICAgIHRoaXMuY29uZmlybSgpOwogICAgfSwKCiAgICBvcGVuVXJsKGluZGV4KSB7CiAgICAgIHRoaXMuaW1nX2luZGV4ID0gaW5kZXg7CiAgICAgIHRoaXMubGlua19zaG93ID0gdHJ1ZTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHA;AACA;AAEA;EACAA,kBADA;EAEAC;IACAC,WADA;IAEAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CANA;;EAcAC;IACA;MACAC,aADA;MAEAC,gBAFA;MAGAC,YAHA;MAIAC;IAJA;EAMA,CArBA;;EAsBAC;IACAR;MACA;IACA;;EAHA,CAtBA;;EA2BAS;IACA;EACA,CA7BA;;EA8BAC;IACAC;MACA;IACA,CAHA;;IAIAC;MACA;MACA;IACA,CAPA;;IAQAC;MACA;QACAC,SADA;QAEAC,OAFA;QAGAC;MAHA;MAKA;IACA,CAfA;;IAgBAC;MACA;MACA;IACA,CAnBA;;IAoBAC;MACA;QACAvB,eADA;QAEAoB;MAFA;MAIA;MACA;IACA,CA3BA;;IA4BAI;MACA;IACA,CA9BA;;IA+BAC;MACA;MACA,iEACA,WADA,GAEA,EAFA;MAGA;IACA,CArCA;;IAsCAC;MACA;MACA;IACA;;EAzCA;AA9BA","names":["name","components","UploadQiniu","LinkSel","props","temForm","type","default","data","file_list","link_show","img_index","form","watch","created","methods","confirm","colorChange","addImg","image","url","switchTab","delImg","uploadSuccess","beforeUpload","linkConfirm","openUrl"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["SwiperForm.vue"],"sourcesContent":["<template>\n  <div class=\"tem-box\">\n    <div class=\"tem-tit clearfix\">\n      <span class=\"tem-tit-span float_left\">图片轮播</span>\n      <!--<el-button\n        class=\"float_right\"\n        type=\"primary\"\n        size=\"mini\"\n        @click=\"confirm\"\n      >\n        完成\n      </el-button>-->\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-radio-group v-model=\"form.style\">\n            <el-radio :label=\"1\">标准</el-radio>\n            <el-radio :label=\"2\">卡牌</el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"指示点显示\" class=\"PD-form-item\">\n          <el-switch\n            v-model=\"form.indicatorDots\"\n            active-color=\"#36B365\"\n            inactive-color=\"#ff4949\"\n            active-text=\"是\"\n            inactive-text=\"否\"\n            @change=\"confirm\"\n          ></el-switch>\n        </el-form-item>\n        <el-form-item label=\"指示点颜色\" class=\"PD-form-item\">\n          <el-color-picker\n            v-model=\"form.indicatorActiveColor\"\n            @change=\"colorChange\"\n          ></el-color-picker>\n        </el-form-item>\n        <el-form-item label=\"自动切换\" class=\"PD-form-item\">\n          <el-switch\n            v-model=\"form.autoplay\"\n            active-color=\"#36B365\"\n            inactive-color=\"#ff4949\"\n            active-text=\"是\"\n            inactive-text=\"否\"\n            @change=\"confirm\"\n          ></el-switch>\n        </el-form-item>\n        <el-form-item label=\"切换时间\" class=\"PD-form-item\">\n          <el-input-number\n            v-model=\"form.interval\"\n            :controls=\"false\"\n          ></el-input-number>\n        </el-form-item>\n        <el-form-item label=\"轮播图片\" class=\"PD-form-item\">\n          <p v-if=\"form.style === 1\" class=\"input-tip\">\n            建议图片尺寸750px*420px，图片高度须完全一致\n          </p>\n          <p v-else class=\"input-tip\">\n            建议图片尺寸634px*302px，图片高度须完全一致\n          </p>\n\n          <ul class=\"up-img-ul\">\n            <li\n              v-for=\"(item, index) in form.bannerList\"\n              :key=\"index\"\n              class=\"clearfix up-img-li\"\n            >\n              <div>\n                <UploadQiniu\n                  is-btn=\"picture\"\n                  :file-list=\"item.image.url ? [item.image] : []\"\n                  :width=\"50\"\n                  @uploadSuccess=\"uploadSuccess\"\n                  @beforeUpload=\"beforeUpload(index)\"\n                ></UploadQiniu>\n              </div>\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.bannerList.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              :disabled=\"form.bannerList.length === 10\"\n              @click=\"addImg\"\n            >\n              {{ form.bannerList.length }}/10 添加一个\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\n  export default {\n    name: \"SwiperForm\",\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        file_list: [],\n        link_show: false,\n        img_index: 0,\n        form: {},\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      colorChange(val) {\n        this.form.indicatorColor = this.$_common.colorRgba(val, 0.4);\n        this.confirm();\n      },\n      addImg() {\n        this.form.bannerList.push({\n          image: {},\n          url: \"\",\n          switchTab: \"\",\n        });\n        this.confirm();\n      },\n      delImg(index) {\n        this.form.bannerList.splice(index, 1);\n        this.confirm();\n      },\n      uploadSuccess(val, res, file, fileList) {\n        this.form.bannerList[this.img_index].image = {\n          name: file.name,\n          url: val,\n        };\n        this.form.bannerList[this.img_index].img = val;\n        this.confirm();\n      },\n      beforeUpload(index) {\n        this.img_index = index;\n      },\n      linkConfirm(obj) {\n        this.form.bannerList[this.img_index].url = obj.links;\n        this.form.bannerList[this.img_index].switchTab = obj.switchTab\n          ? \"switchTab\"\n          : \"\";\n        this.confirm();\n      },\n      openUrl(index) {\n        this.img_index = index;\n        this.link_show = true;\n      },\n    },\n  };\n</script>\n"]}]}