| 1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\IntegralGoods.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\IntegralGoods.vue","mtime":1678954023584},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"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"]}]}
|
