{"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\\AdvGroupForm.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\AdvGroupForm.vue","mtime":1678954023583},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdSI7CmltcG9ydCBMaW5rU2VsIGZyb20gIi4uL2NvbXBvbmVudHMvTGlua1NlbC52dWUiOwpjb25zdCBhZHZBcnIgPSBbewogIHRpdGxlOiAi54Ot6ZSA5qac5Y2VIiwKICB0aXRsZUNvbG9yOiAiIzAwMDAwMCIsCiAgZGVzYzogIuWPkeeOsOeIhuasvuWlveWVhuWTgSIsCiAgZGVzY0NvbG9yOiAiI0YwNTA2NCIsCiAgYnRuVGV4dDogIueri+WNs+aKoui0rSIsCiAgaW1hZ2U6IHt9LAogIHVybDogIiIsCiAgc3dpdGNoVGFiOiAiIgp9LCB7CiAgdGl0bGU6ICLlvZPlraPmlrDlk4EiLAogIHRpdGxlQ29sb3I6ICIjM0NCNEI2IiwKICBkZXNjOiAi5Y+R546w54iG5qy+5aW95ZWG5ZOBIiwKICBkZXNjQ29sb3I6ICIjRjA1MDY0IiwKICBidG5UZXh0OiAi5p+l55yL5YWo6YOoIiwKICBpbWFnZToge30sCiAgdXJsOiAiIiwKICBzd2l0Y2hUYWI6ICIiCn0sIHsKICB0aXRsZTogIuS8mOi0qOW6l+mTuiIsCiAgdGl0bGVDb2xvcjogIiMwMDAwMDAiLAogIGRlc2M6ICLlj5HnjrDlpb3lupciLAogIGRlc2NDb2xvcjogIiNGRDZGMDIiLAogIGJ0blRleHQ6ICLmn6XnnIvlhajpg6giLAogIGltYWdlOiB7fSwKICB1cmw6ICIiLAogIHN3aXRjaFRhYjogIiIKfSwgewogIHRpdGxlOiAi5ZOB6LSo5aW96LSnIiwKICB0aXRsZUNvbG9yOiAiIzAwMDAwMCIsCiAgZGVzYzogIuWlveivhOWmgua9riIsCiAgZGVzY0NvbG9yOiAiIzE5OTA2QyIsCiAgYnRuVGV4dDogIuafpeeci+WFqOmDqCIsCiAgaW1hZ2U6IHt9LAogIHVybDogIiIsCiAgc3dpdGNoVGFiOiAiIgp9LCB7CiAgdGl0bGU6ICLniIblk4HmjqjojZAiLAogIHRpdGxlQ29sb3I6ICIjMDAwMDAwIiwKICBkZXNjOiAi6LSo6YeP5aW96ZSA6YeP6auYIiwKICBkZXNjQ29sb3I6ICIjMTk5MDZDIiwKICBidG5UZXh0OiAi5p+l55yL5YWo6YOoIiwKICBpbWFnZToge30sCiAgdXJsOiAiIiwKICBzd2l0Y2hUYWI6ICIiCn1dOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkFkdkdyb3VwRm9ybSIsCiAgY29tcG9uZW50czogewogICAgVXBsb2FkUWluaXUsCiAgICBMaW5rU2VsCiAgfSwKICBwcm9wczogewogICAgdGVtRm9ybTogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsKICAgICAgICByZXR1cm4ge307CiAgICAgIH0KICAgIH0KICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbGlua19zaG93OiBmYWxzZSwKICAgICAgc3R5bGVfdmlzaWJsZTogZmFsc2UsCiAgICAgIGZvcm06IHt9LAogICAgICBzdHlsZV9saXN0OiBbewogICAgICAgIGxhYmVsOiAi5LiK5LiJ5LiL5LqMIiwKICAgICAgICBzdHlsZUlkOiAxLAogICAgICAgIGltZzogcmVxdWlyZSgiQC9hc3NldHMvaW1nL3BhZ2VDb21wb25lbnRzL2Fkdi1zdHlsZS0wMy5wbmciKQogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLkuIDlt6bkuKTlj7MiLAogICAgICAgIHN0eWxlSWQ6IDIsCiAgICAgICAgaW1nOiByZXF1aXJlKCJAL2Fzc2V0cy9pbWcvcGFnZUNvbXBvbmVudHMvYWR2LXN0eWxlLTAyLnBuZyIpCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuS4gOW3puS4gOWPsyIsCiAgICAgICAgc3R5bGVJZDogMywKICAgICAgICBpbWc6IHJlcXVpcmUoIkAvYXNzZXRzL2ltZy9wYWdlQ29tcG9uZW50cy9hZHYtc3R5bGUtMDEucG5nIikKICAgICAgfV0sCiAgICAgIGltZ19pbmRleDogMCwKICAgICAgcHJlZGVmaW5lQ29sb3JzOiBbIiMwMDAwMDAiLCAiI0YwNTA2NCIsICIjRkQ2RjAyIiwgIiNmZmQ3MDAiLCAiIzE5OTA2QyIsICIjM0NCNEI2IiwgIiMxZTkwZmYiLCAiI2M3MTU4NSJdCiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICB0ZW1Gb3JtKHZhbCkgewogICAgICB0aGlzLmZvcm0gPSB2YWw7CgogICAgICBpZiAoIXRoaXMuZm9ybS5hZHZfbGlzdC5sZW5ndGgpIHsKICAgICAgICBpZiAodGhpcy5mb3JtLnN0eWxlLnN0eWxlSWQgPT09IDEpIHsKICAgICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgICAgfQogICAgICB9CiAgICB9CgogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmZvcm0gPSB0aGlzLnRlbUZvcm07CgogICAgaWYgKCF0aGlzLmZvcm0uYWR2X2xpc3QubGVuZ3RoKSB7CiAgICAgIGlmICh0aGlzLmZvcm0uc3R5bGUuc3R5bGVJZCA9PT0gMSkgewogICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgIH0KICAgIH0KICB9LAoKICBtZXRob2RzOiB7CiAgICBsaW5rQ29uZmlybShvYmopIHsKICAgICAgdGhpcy5mb3JtLmFkdl9saXN0W3RoaXMuaW1nX2luZGV4XS51cmwgPSBvYmoubGlua3M7CiAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdFt0aGlzLmltZ19pbmRleF0uc3dpdGNoVGFiID0gb2JqLnN3aXRjaFRhYiA/ICJzd2l0Y2hUYWIiIDogIiI7CiAgICAgIHRoaXMuY29uZmlybSgpOwogICAgfSwKCiAgICBjb25maXJtKCkgewogICAgICB0aGlzLiRlbWl0KCJjb25maXJtIiwgdGhpcy5mb3JtKTsKICAgIH0sCgogICAgb3BlblVybChpbmRleCkgewogICAgICB0aGlzLmltZ19pbmRleCA9IGluZGV4OwogICAgICB0aGlzLmxpbmtfc2hvdyA9IHRydWU7CiAgICB9LAoKICAgIGNoYW5nZVN0eWxlKHN0eWxlKSB7CiAgICAgIHRoaXMuc3R5bGVfdmlzaWJsZSA9IGZhbHNlOwogICAgICB0aGlzLmZvcm0uc3R5bGUgPSB7CiAgICAgICAgbGFiZWw6IHN0eWxlLmxhYmVsLAogICAgICAgIHN0eWxlSWQ6IHN0eWxlLnN0eWxlSWQKICAgICAgfTsKCiAgICAgIHN3aXRjaCAoc3R5bGUuc3R5bGVJZCkgewogICAgICAgIGNhc2UgMToKICAgICAgICAgIHRoaXMuZm9ybS5hZHZfbGlzdCA9IHRoaXMuJF9jb21tb24uZGVlcENsb25lKGFkdkFycik7CiAgICAgICAgICBicmVhazsKCiAgICAgICAgY2FzZSAyOgogICAgICAgICAgdGhpcy5mb3JtLmFkdl9saXN0ID0gdGhpcy4kX2NvbW1vbi5kZWVwQ2xvbmUoYWR2QXJyKS5zbGljZSgwLCAzKTsKICAgICAgICAgIGJyZWFrOwoKICAgICAgICBjYXNlIDM6CiAgICAgICAgICB0aGlzLmZvcm0uYWR2X2xpc3QgPSB0aGlzLiRfY29tbW9uLmRlZXBDbG9uZShhZHZBcnIpLnNsaWNlKDAsIDIpOwogICAgICAgICAgYnJlYWs7CiAgICAgIH0KICAgIH0sCgogICAgdXBsb2FkU3VjY2Vzcyh2YWwsIHJlcywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy5mb3JtLmFkdl9saXN0W3RoaXMuaW1nX2luZGV4XS5pbWFnZSA9IHsKICAgICAgICBuYW1lOiBmaWxlLm5hbWUsCiAgICAgICAgdXJsOiB2YWwKICAgICAgfTsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGJlZm9yZVVwbG9hZChpbmRleCkgewogICAgICB0aGlzLmltZ19pbmRleCA9IGluZGV4OwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA;AACA;AACA,gBACA;EACAA,aADA;EAEAC,qBAFA;EAGAC,eAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CADA,EAWA;EACAP,aADA;EAEAC,qBAFA;EAGAC,eAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CAXA,EAqBA;EACAP,aADA;EAEAC,qBAFA;EAGAC,YAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CArBA,EA+BA;EACAP,aADA;EAEAC,qBAFA;EAGAC,YAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CA/BA,EAyCA;EACAP,aADA;EAEAC,qBAFA;EAGAC,cAHA;EAIAC,oBAJA;EAKAC,eALA;EAMAC,SANA;EAOAC,OAPA;EAQAC;AARA,CAzCA;AAoDA;EACAC,oBADA;EAEAC;IACAC,WADA;IAEAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CANA;;EAcAC;IACA;MACAC,gBADA;MAEAC,oBAFA;MAGAC,QAHA;MAIAC,aACA;QACAC,aADA;QAEAC,UAFA;QAGAC;MAHA,CADA,EAMA;QACAF,aADA;QAEAC,UAFA;QAGAC;MAHA,CANA,EAWA;QACAF,aADA;QAEAC,UAFA;QAGAC;MAHA,CAXA,CAJA;MAqBAC,YArBA;MAsBAC,kBACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA;IAtBA;EAiCA,CAhDA;;EAiDAC;IACAb;MACA;;MACA;QACA;UACA;QACA;MACA;IACA;;EARA,CAjDA;;EA2DAc;IACA;;IACA;MACA;QACA;MACA;IACA;EACA,CAlEA;;EAmEAC;IACAC;MACA;MACA,+DACA,WADA,GAEA,EAFA;MAGA;IACA,CAPA;;IAQAC;MACA;IACA,CAVA;;IAWAC;MACA;MACA;IACA,CAdA;;IAeAC;MACA;MACA;QACAX,kBADA;QAEAC;MAFA;;MAIA;QACA;UACA;UACA;;QACA;UACA;UACA;;QACA;UACA;UACA;MATA;IAWA,CAhCA;;IAiCAW;MACA;QACAzB,eADA;QAEAF;MAFA;MAIA;IACA,CAvCA;;IAwCA4B;MACA;IACA;;EA1CA;AAnEA","names":["title","titleColor","desc","descColor","btnText","image","url","switchTab","name","components","UploadQiniu","LinkSel","props","temForm","type","default","data","link_show","style_visible","form","style_list","label","styleId","img","img_index","predefineColors","watch","created","methods","linkConfirm","confirm","openUrl","changeStyle","uploadSuccess","beforeUpload"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["AdvGroupForm.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          <div\n            class=\"clearfix\"\n            style=\"cursor: pointer\"\n            @click=\"style_visible = true\"\n          >\n            <span class=\"float_left\">{{ form.style.label }}</span>\n            <span class=\"float_right\">\n              <i class=\"iconfont icon-jinru1\"></i>\n            </span>\n          </div>\n          <div class=\"style-size\">\n            <img\n              v-if=\"form.style.styleId === 1\"\n              :src=\"require('@/assets/img/pageComponents/adv-size-01.jpg')\"\n            />\n            <img\n              v-if=\"form.style.styleId === 2\"\n              :src=\"require('@/assets/img/pageComponents/adv-size-02.jpg')\"\n            />\n            <img\n              v-if=\"form.style.styleId === 3\"\n              :src=\"require('@/assets/img/pageComponents/adv-size-03.jpg')\"\n            />\n          </div>\n        </el-form-item>\n        <el-form-item label=\"内容设置\" class=\"PD-form-item\">\n          <ul class=\"up-img-ul\">\n            <li\n              v-for=\"(item, index) in form.adv_list\"\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\">\n                <i>标题：</i>\n                <input v-model=\"item.title\" type=\"text\" />\n              </div>\n              <div class=\"up-url\">\n                <i>标题颜色：</i>\n                <el-color-picker\n                  v-model=\"item.titleColor\"\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </div>\n              <div class=\"up-url\">\n                <i>副标题：</i>\n                <input v-model=\"item.desc\" type=\"text\" />\n              </div>\n              <div class=\"up-url\">\n                <i>副标题颜色：</i>\n                <el-color-picker\n                  v-model=\"item.descColor\"\n                  :predefine=\"predefineColors\"\n                  @change=\"confirm\"\n                ></el-color-picker>\n              </div>\n              <div class=\"up-url\">\n                <i>按钮文字：</i>\n                <input v-model=\"item.btnText\" type=\"text\" />\n              </div>\n              <div class=\"up-url\" @click=\"openUrl(index)\">\n                <i>按钮指向：</i>\n                <span>{{ item.url || \"请选择链接\" }}</span>\n              </div>\n            </li>\n          </ul>\n        </el-form-item>\n      </el-form>\n    </div>\n    <el-dialog title=\"选择风格\" :visible.sync=\"style_visible\" width=\"60%\">\n      <div class=\"style-ul\">\n        <div\n          v-for=\"(item, index) in style_list\"\n          :key=\"index\"\n          class=\"style-item\"\n          :class=\"[form.style.styleId === item.styleId ? 'style-on' : '']\"\n          @click=\"changeStyle(item)\"\n        >\n          <div class=\"style-img\">\n            <img :src=\"item.img\" />\n          </div>\n          <p>{{ item.label }}</p>\n        </div>\n      </div>\n    </el-dialog>\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  const advArr = [\n    {\n      title: \"热销榜单\",\n      titleColor: \"#000000\",\n      desc: \"发现爆款好商品\",\n      descColor: \"#F05064\",\n      btnText: \"立即抢购\",\n      image: {},\n      url: \"\",\n      switchTab: \"\",\n    },\n    {\n      title: \"当季新品\",\n      titleColor: \"#3CB4B6\",\n      desc: \"发现爆款好商品\",\n      descColor: \"#F05064\",\n      btnText: \"查看全部\",\n      image: {},\n      url: \"\",\n      switchTab: \"\",\n    },\n    {\n      title: \"优质店铺\",\n      titleColor: \"#000000\",\n      desc: \"发现好店\",\n      descColor: \"#FD6F02\",\n      btnText: \"查看全部\",\n      image: {},\n      url: \"\",\n      switchTab: \"\",\n    },\n    {\n      title: \"品质好货\",\n      titleColor: \"#000000\",\n      desc: \"好评如潮\",\n      descColor: \"#19906C\",\n      btnText: \"查看全部\",\n      image: {},\n      url: \"\",\n      switchTab: \"\",\n    },\n    {\n      title: \"爆品推荐\",\n      titleColor: \"#000000\",\n      desc: \"质量好销量高\",\n      descColor: \"#19906C\",\n      btnText: \"查看全部\",\n      image: {},\n      url: \"\",\n      switchTab: \"\",\n    },\n  ];\n  export default {\n    name: \"AdvGroupForm\",\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        link_show: false,\n        style_visible: false,\n        form: {},\n        style_list: [\n          {\n            label: \"上三下二\",\n            styleId: 1,\n            img: require(\"@/assets/img/pageComponents/adv-style-03.png\"),\n          },\n          {\n            label: \"一左两右\",\n            styleId: 2,\n            img: require(\"@/assets/img/pageComponents/adv-style-02.png\"),\n          },\n          {\n            label: \"一左一右\",\n            styleId: 3,\n            img: require(\"@/assets/img/pageComponents/adv-style-01.png\"),\n          },\n        ],\n        img_index: 0,\n        predefineColors: [\n          \"#000000\",\n          \"#F05064\",\n          \"#FD6F02\",\n          \"#ffd700\",\n          \"#19906C\",\n          \"#3CB4B6\",\n          \"#1e90ff\",\n          \"#c71585\",\n        ],\n      };\n    },\n    watch: {\n      temForm(val) {\n        this.form = val;\n        if (!this.form.adv_list.length) {\n          if (this.form.style.styleId === 1) {\n            this.form.adv_list = this.$_common.deepClone(advArr);\n          }\n        }\n      },\n    },\n    created() {\n      this.form = this.temForm;\n      if (!this.form.adv_list.length) {\n        if (this.form.style.styleId === 1) {\n          this.form.adv_list = this.$_common.deepClone(advArr);\n        }\n      }\n    },\n    methods: {\n      linkConfirm(obj) {\n        this.form.adv_list[this.img_index].url = obj.links;\n        this.form.adv_list[this.img_index].switchTab = obj.switchTab\n          ? \"switchTab\"\n          : \"\";\n        this.confirm();\n      },\n      confirm() {\n        this.$emit(\"confirm\", this.form);\n      },\n      openUrl(index) {\n        this.img_index = index;\n        this.link_show = true;\n      },\n      changeStyle(style) {\n        this.style_visible = false;\n        this.form.style = {\n          label: style.label,\n          styleId: style.styleId,\n        };\n        switch (style.styleId) {\n          case 1:\n            this.form.adv_list = this.$_common.deepClone(advArr);\n            break;\n          case 2:\n            this.form.adv_list = this.$_common.deepClone(advArr).slice(0, 3);\n            break;\n          case 3:\n            this.form.adv_list = this.$_common.deepClone(advArr).slice(0, 2);\n            break;\n        }\n      },\n      uploadSuccess(val, res, file, fileList) {\n        this.form.adv_list[this.img_index].image = {\n          name: file.name,\n          url: val,\n        };\n        this.confirm();\n      },\n      beforeUpload(index) {\n        this.img_index = index;\n      },\n    },\n  };\n</script>\n\n<style scoped lang=\"scss\">\n  .style-ul {\n    display: flex;\n    flex-wrap: wrap;\n    .style-item {\n      text-align: center;\n      margin-right: 13px;\n      margin-bottom: 15px;\n      cursor: pointer;\n      border: 1px solid #ededed;\n      background: #f7f8fa;\n      p {\n        line-height: 30px;\n        font-weight: 600;\n      }\n      .style-img {\n        height: 224px;\n        line-height: 224px;\n        img {\n          width: 280px;\n          vertical-align: middle;\n        }\n      }\n    }\n    .style-on {\n      border-color: #ff6a00;\n    }\n  }\n  .style-size {\n    width: 300px;\n    border: 1px solid #eeeeee;\n    margin: 10px auto;\n    img {\n      width: 100%;\n      display: block;\n    }\n  }\n  .up-url {\n    margin-bottom: 5px;\n    input {\n      font-size: 12px;\n    }\n  }\n</style>\n"]}]}