{"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\\FloatBtnForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\FloatBtnForm.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdSI7CmltcG9ydCBMaW5rU2VsIGZyb20gIi4uL2NvbXBvbmVudHMvTGlua1NlbC52dWUiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkZsb2F0QnRuRm9ybSIsCiAgY29tcG9uZW50czogewogICAgVXBsb2FkUWluaXUsCiAgICBMaW5rU2VsCiAgfSwKICBwcm9wczogewogICAgdGVtRm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZm9ybToge30sCiAgICAgIGxpbmtfc2hvdzogZmFsc2UsCiAgICAgIGltYWdlX2xpc3Q6IFtdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICB0ZW1Gb3JtKHZhbCkgewogICAgICB0aGlzLmZvcm0gPSB2YWw7CiAgICAgIHRoaXMuaW1hZ2VfbGlzdCA9IHZhbC5pbWFnZSA/IFt7CiAgICAgICAgbmFtZTogIiIsCiAgICAgICAgdXJsOiB2YWwuaW1hZ2UKICAgICAgfV0gOiBbXTsKICAgIH0KCiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuZm9ybSA9IHRoaXMudGVtRm9ybTsKICAgIHRoaXMuaW1hZ2VfbGlzdCA9IHRoaXMudGVtRm9ybS5pbWFnZSA/IFt7CiAgICAgIG5hbWU6ICIiLAogICAgICB1cmw6IHRoaXMudGVtRm9ybS5pbWFnZQogICAgfV0gOiBbXTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBjb25maXJtKCkgewogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgdXBsb2FkU3VjY2Vzcyh2YWwpIHsKICAgICAgdGhpcy5mb3JtLmltYWdlID0gdmFsOwogICAgICB0aGlzLmNvbmZpcm0oKTsKICAgIH0sCgogICAgdXBsb2FkUmVtb3ZlKCkgewogICAgICB0aGlzLmZvcm0uaW1hZ2UgPSAiIjsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGxpbmtDb25maXJtKG9iaikgewogICAgICB0aGlzLmZvcm0udXJsID0gb2JqLmxpbmtzOwogICAgICB0aGlzLmZvcm0uc3dpdGNoVGFiID0gb2JqLnN3aXRjaFRhYiA/ICJzd2l0Y2hUYWIiIDogIiI7CiAgICAgIHRoaXMuY29uZmlybSgpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA;AACA;AAEA;EACAA,oBADA;EAEAC;IACAC,WADA;IAEAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CANA;;EAcAC;IACA;MACAC,QADA;MAEAC,gBAFA;MAGAC;IAHA;EAKA,CApBA;;EAqBAC;IACAP;MACA;MACA;QAAAL;QAAAa;MAAA;IACA;;EAJA,CArBA;;EA2BAC;IACA;IACA,uCACA;MAAAd;MAAAa;IAAA,EADA,GAEA,EAFA;EAGA,CAhCA;;EAiCAE;IACAC;MACA;IACA,CAHA;;IAIAC;MACA;MACA;IACA,CAPA;;IAQAC;MACA;MACA;IACA,CAXA;;IAYAC;MACA;MACA;MACA;IACA;;EAhBA;AAjCA","names":["name","components","UploadQiniu","LinkSel","props","temForm","type","default","data","form","link_show","image_list","watch","url","created","methods","confirm","uploadSuccess","uploadRemove","linkConfirm"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["FloatBtnForm.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          <UploadQiniu\n            :width=\"50\"\n            :file-list=\"image_list\"\n            @uploadSuccess=\"uploadSuccess\"\n            @handleRemove=\"uploadRemove\"\n          ></UploadQiniu>\n        </el-form-item>\n        <el-form-item label=\"按钮风格\" class=\"PD-form-item\">\n          <el-radio-group v-model=\"form.btnStyle\" @change=\"confirm\">\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\n          v-if=\"form.btnStyle === 2\"\n          label=\"背景颜色\"\n          class=\"PD-form-item\"\n        >\n          <el-color-picker\n            v-model=\"form.bgColor\"\n            @change=\"confirm\"\n          ></el-color-picker>\n        </el-form-item>\n\n        <el-form-item label=\"按钮类型\" class=\"PD-form-item\">\n          <el-radio-group v-model=\"form.btnType\" @change=\"confirm\">\n            <el-radio :label=\"1\">链接</el-radio>\n            <el-radio :label=\"2\">拨打电话</el-radio>\n            <el-radio :label=\"3\">返回顶部</el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item\n          v-if=\"form.btnType === 1\"\n          label=\"链接\"\n          class=\"PD-form-item\"\n        >\n          <el-input v-model=\"form.url\" placeholder=\"请选择跳转链接\" readonly>\n            <el-button\n              slot=\"append\"\n              icon=\"el-icon-circle-check\"\n              @click=\"link_show = true\"\n            >\n              选择\n            </el-button>\n          </el-input>\n        </el-form-item>\n        <el-form-item\n          v-if=\"form.btnType === 2\"\n          label=\"电话号码\"\n          class=\"PD-form-item\"\n        >\n          <el-input v-model=\"form.phone\" placeholder=\"请输入\"></el-input>\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: \"FloatBtnForm\",\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        link_show: false,\n        image_list: [],\n      };\n    },\n    watch: {\n      temForm(val) {\n        this.form = val;\n        this.image_list = val.image ? [{ name: \"\", url: val.image }] : [];\n      },\n    },\n    created() {\n      this.form = this.temForm;\n      this.image_list = this.temForm.image\n        ? [{ name: \"\", url: this.temForm.image }]\n        : [];\n    },\n    methods: {\n      confirm() {\n        this.$emit(\"confirm\", this.form);\n      },\n      uploadSuccess(val) {\n        this.form.image = val;\n        this.confirm();\n      },\n      uploadRemove() {\n        this.form.image = \"\";\n        this.confirm();\n      },\n      linkConfirm(obj) {\n        this.form.url = obj.links;\n        this.form.switchTab = obj.switchTab ? \"switchTab\" : \"\";\n        this.confirm();\n      },\n    },\n  };\n</script>\n\n<style scoped></style>\n"]}]}