{"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\\IntegralGoods.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\IntegralGoods.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJJbnRlZ3JhbEdvb2RzIiwKICBwcm9wczogewogICAgdGVtRm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZm9ybToge30sCiAgICAgIHRhYl9pbmRleDogMCwKICAgICAgcHJlZGVmaW5lQ29sb3JzOiBbIiNmZmZmZmYiLCAiIzAwMDAwMCIsICIjZjdmOGZhIiwgIiNmZjQ1MDAiLCAiI2ZmOGMwMCIsICIjZmZkNzAwIiwgIiM5MGVlOTAiLCAiIzAwY2VkMSIsICIjMWU5MGZmIiwgIiNjNzE1ODUiLCAicmdiYSgyNTUsIDY5LCAwLCAwLjY4KSIsICJyZ2IoMjU1LCAxMjAsIDApIiwgIiNjNzE1ODU3NyJdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICB0ZW1Gb3JtKHZhbCkgewogICAgICB0aGlzLmZvcm0gPSB2YWw7CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmZvcm0gPSB0aGlzLnRlbUZvcm07CiAgfSwKCiAgbWV0aG9kczogewogICAgdGl0QmdDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuZm9ybS50aXRsZUJnQ29sb3IyID0gdGhpcy4kX2NvbW1vbi5jb2xvclJnYmEodmFsLCAwLjcpOwogICAgICB0aGlzLmNvbmZpcm0oKTsKICAgIH0sCgogICAgdGl0bGVTdHlsZUNoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGxpbmtDb25maXJtKG9iaikgewogICAgICB0aGlzLmZvcm0udGl0bGVfdXJsID0gb2JqLmxpbmtzOwogICAgICB0aGlzLmZvcm0uc3dpdGNoVGFiID0gb2JqLnN3aXRjaFRhYiA/ICJzd2l0Y2hUYWIiIDogIiI7CiAgICAgIHRoaXMuY29uZmlybSgpOwogICAgfSwKCiAgICBjb25maXJtKCkgewogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgLy8g5a+86Iiq6aOO5qC85YiH5o2iCiAgICBzdHlsZUNoYW5nZSgpIHsKICAgICAgdGhpcy5mb3JtLnRpdGxlID0gIiI7CiAgICAgIHRoaXMuZm9ybS5nb29kc0Zyb20gPSAxOwogICAgICB0aGlzLmZvcm0uY2F0ZWdvcnlQYXRoID0gW107CiAgICAgIHRoaXMuZm9ybS5nb29kc19pZHMgPSBbXTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4KA;EACAA,qBADA;EAEAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CAFA;;EAUAC;IACA;MACAC,QADA;MAEAC,YAFA;MAGAC,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;IAHA;EAmBA,CA9BA;;EA+BAC;IACAP;MACA;IACA;;EAHA,CA/BA;;EAoCAQ;IACA;EACA,CAtCA;;EAuCAC;IACAC;MACA;MACA;IACA,CAJA;;IAKAC;MACA;IACA,CAPA;;IAQAC;MACA;MACA;MACA;IACA,CAZA;;IAaAC;MACA;IACA,CAfA;;IAgBA;IACAC;MACA;MACA;MACA;MACA;MACA;IACA;;EAvBA;AAvCA","names":["name","props","temForm","type","default","data","form","tab_index","predefineColors","watch","created","methods","titBgChange","titleStyleChange","linkConfirm","confirm","styleChange"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["IntegralGoods.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\n          v-if=\"form.navStyle === 1\"\n          label=\"标题栏风格\"\n          class=\"PD-form-item\"\n        >\n          <el-radio-group v-model=\"form.titleStyle\" @change=\"titleStyleChange\">\n            <el-radio :label=\"1\" style=\"padding-bottom: 10px\">风格1</el-radio>\n            <el-radio :label=\"2\">风格2</el-radio>\n            <el-radio :label=\"3\">风格3</el-radio>\n            <el-radio :label=\"4\">风格4</el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item\n          v-if=\"form.navStyle === 1\"\n          label=\"标题\"\n          class=\"PD-form-item\"\n        >\n          <el-input\n            v-model=\"form.title\"\n            size=\"small\"\n            maxlength=\"5\"\n            show-word-limit\n            placeholder=\"自定义标题\"\n          ></el-input>\n        </el-form-item>\n        <el-form-item\n          v-if=\"form.navStyle === 1\"\n          label=\"子标题\"\n          class=\"PD-form-item\"\n        >\n          <el-input\n            v-model=\"form.title_two\"\n            size=\"small\"\n            maxlength=\"10\"\n            show-word-limit\n            placeholder=\"自定义标题\"\n          ></el-input>\n        </el-form-item>\n        <el-form-item class=\"PD-form-item\">\n          <ul class=\"color-ul\">\n            <li>\n              <p>标题字体色</p>\n              <el-color-picker\n                v-model=\"form.titleColor\"\n                :predefine=\"predefineColors\"\n                @change=\"confirm\"\n              ></el-color-picker>\n            </li>\n            <li>\n              <p>标题栏背景</p>\n              <el-color-picker\n                v-model=\"form.titleBgColor\"\n                show-alpha\n                :predefine=\"predefineColors\"\n                @change=\"titBgChange\"\n              ></el-color-picker>\n            </li>\n            <li>\n              <p>标题装饰色</p>\n              <el-color-picker\n                v-model=\"form.titleSetColor\"\n                show-alpha\n                :predefine=\"predefineColors\"\n                @change=\"confirm\"\n              ></el-color-picker>\n            </li>\n          </ul>\n        </el-form-item>\n        <el-form-item label=\"显示数量\" class=\"PD-form-item\">\n          <el-input-number v-model=\"form.goodsNum\"></el-input-number>\n        </el-form-item>\n        <div class=\"common-form\" style=\"border-top: 4px solid #f5f9fc\">\n          <el-form-item class=\"PD-form-item\">\n            <ul class=\"color-ul\">\n              <li>\n                <p>总体背景</p>\n                <el-color-picker\n                  v-model=\"form.bgColor\"\n                  show-alpha\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </li>\n              <li>\n                <p>商品背景</p>\n                <el-color-picker\n                  v-model=\"form.itemBgColor\"\n                  show-alpha\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </li>\n            </ul>\n          </el-form-item>\n          <el-form-item class=\"PD-form-item\">\n            <ul class=\"color-ul\">\n              <li>\n                <p>字体色</p>\n                <el-color-picker\n                  v-model=\"form.textColor\"\n                  show-alpha\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </li>\n              <li>\n                <p>价格颜色</p>\n                <el-color-picker\n                  v-model=\"form.priceColor\"\n                  show-alpha\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </li>\n            </ul>\n          </el-form-item>\n          <el-form-item class=\"PD-form-item\">\n            <ul class=\"color-ul\">\n              <li>\n                <p>按钮样式</p>\n                <el-radio-group v-model=\"form.btnStyle\" @change=\"confirm\">\n                  <el-radio :label=\"1\">\n                    <i class=\"iconfont icon-xinzeng1\"></i>\n                  </el-radio>\n                  <el-radio :label=\"2\">\n                    <i class=\"iconfont icon-gouwuche1\"></i>\n                  </el-radio>\n                </el-radio-group>\n              </li>\n            </ul>\n          </el-form-item>\n          <el-form-item label=\"显示类型\" class=\"PD-form-item\">\n            <el-radio-group v-model=\"form.type\">\n              <el-radio :label=\"1\">列表平铺</el-radio>\n              <el-radio :label=\"2\" :disabled=\"form.colNum === 1\">\n                横向滑动\n              </el-radio>\n            </el-radio-group>\n          </el-form-item>\n          <el-form-item label=\"分列数量\" class=\"PD-form-item\">\n            <el-radio-group v-model=\"form.colNum\">\n              <el-radio :label=\"1\" :disabled=\"form.type === 2\">单列</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 label=\"显示内容\" class=\"PD-form-item\">\n            <el-checkbox-group v-model=\"form.goodsInfo\">\n              <el-checkbox :label=\"1\">商品名称</el-checkbox>\n              <el-checkbox :label=\"2\">商品价格</el-checkbox>\n              <el-checkbox v-show=\"form.colNum === 1\" :label=\"3\">\n                商品卖点\n              </el-checkbox>\n              <el-checkbox v-show=\"form.colNum === 1\" :label=\"4\">\n                商品销量\n              </el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n        </div>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"IntegralGoods\",\n    props: {\n      temForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        form: {},\n        tab_index: 0,\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      titBgChange(val) {\n        this.form.titleBgColor2 = this.$_common.colorRgba(val, 0.7);\n        this.confirm();\n      },\n      titleStyleChange(val) {\n        this.confirm();\n      },\n      linkConfirm(obj) {\n        this.form.title_url = obj.links;\n        this.form.switchTab = obj.switchTab ? \"switchTab\" : \"\";\n        this.confirm();\n      },\n      confirm() {\n        this.$emit(\"confirm\", this.form);\n      },\n      // 导航风格切换\n      styleChange() {\n        this.form.title = \"\";\n        this.form.goodsFrom = 1;\n        this.form.categoryPath = [];\n        this.form.goods_ids = [];\n        this.confirm();\n      },\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .icon-xinzeng1 {\n    color: #fd463e;\n  }\n  .icon-gouwuche1 {\n    font-size: 20px;\n    border-radius: 100%;\n    text-align: center;\n    color: #fd463e;\n  }\n  .color-ul {\n    display: flex;\n    li {\n      flex: 3;\n      p {\n        color: #666666;\n      }\n    }\n  }\n</style>\n"]}]}