{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_goods.vue?vue&type=style&index=0&id=6c54e856&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_goods.vue","mtime":1761185179959},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubWlkZGxlVG9wIDo6di1kZWVwIC5pdnUtbW9kYWwtd3JhcCAuaXZ1LW1vZGFsIHsNCiAgdG9wOiA1MCUgIWltcG9ydGFudDsNCiAgbWFyZ2luLXRvcDogLTM1MHB4Ow0KfQ0KLmdvb2RzLWJveCB7DQogIHBhZGRpbmc6IDE2cHggMDsNCiAgbWFyZ2luLWJvdHRvbTogMTZweDsNCiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4wNSk7DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMDUpOw0KICAud3JhcHBlciwNCiAgLmxpc3QtZ3JvdXAgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC13cmFwOiB3cmFwOw0KICB9DQogIC5hZGQtaXRlbSB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIHdpZHRoOiA4MHB4Ow0KICAgIGhlaWdodDogODBweDsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgIGJhY2tncm91bmQ6ICNmN2Y3Zjc7DQogICAgLmljb25mb250IHsNCiAgICAgIGZvbnQtc2l6ZTogMThweDsNCiAgICAgIGNvbG9yOiAjZDhkOGQ4Ow0KICAgIH0NCiAgfQ0KICAuaXRlbSB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIHdpZHRoOiA4MHB4Ow0KICAgIGhlaWdodDogODBweDsNCiAgICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KICAgIG1hcmdpbi1yaWdodDogMTJweDsNCiAgICAmOm50aC1jaGlsZCg0bikgew0KICAgICAgbWFyZ2luLXJpZ2h0OiAwOw0KICAgIH0NCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICAgIC5pY29uZGVsXzEgew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgcmlnaHQ6IC0xMHB4Ow0KICAgICAgdG9wOiAtMTZweDsNCiAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgZm9udC1zaXplOiAyOHB4Ow0KICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["c_goods.vue"],"names":[],"mappings":";AAmJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_goods.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n  <div class=\"goods-box\" v-if=\"defaults.goodsList\">\r\n    <div class=\"wrapper\">\r\n      <draggable class=\"dragArea list-group\" :list=\"defaults.goodsList.list\" group=\"peoples\">\r\n        <div\r\n          class=\"item\"\r\n          v-for=\"(goods, index) in defaults.goodsList.list\"\r\n          :key=\"index\"\r\n          v-show=\"defaults.goodsList.list.length\"\r\n        >\r\n          <img :src=\"type == 1 ? goods.pic : goods.image\" alt=\"\" />\r\n          <span class=\"iconfont icondel_1\" v-db-click @click.stop=\"bindDelete(index)\"></span>\r\n        </div>\r\n        <div class=\"add-item item\" v-db-click @click=\"modals = true\"><span class=\"iconfont iconaddto\"></span></div>\r\n      </draggable>\r\n    </div>\r\n\r\n    <el-dialog\r\n      :visible.sync=\"modals\"\r\n      :title=\"titles\"\r\n      class=\"paymentFooter\"\r\n      :class=\"type ? '' : 'middleTop'\"\r\n      width=\"900px\"\r\n    >\r\n      <sort-list ref=\"goodslist\" @getProductDiy=\"getProductDiy\" v-if=\"modals && type == 1\"></sort-list>\r\n      <goods-list\r\n        ref=\"goodslist\"\r\n        @getProductDiy=\"getProductDiy\"\r\n        :ischeckbox=\"true\"\r\n        :type=\"type\"\r\n        :is_new=\"is_new\"\r\n        :diy=\"true\"\r\n        v-if=\"modals && type != 1\"\r\n      ></goods-list>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"cancel\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"ok\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport goodsList from '@/components/goodsList';\r\nimport sortList from '@/components/sortList';\r\nexport default {\r\n  name: 'c_goods',\r\n  props: {\r\n    name: {\r\n      type: String,\r\n    },\r\n    configData: {\r\n      type: null,\r\n    },\r\n    configNum: {\r\n      type: Number | String,\r\n      default: 'default',\r\n    },\r\n  },\r\n  components: {\r\n    goodsList,\r\n    sortList,\r\n    draggable: vuedraggable,\r\n  },\r\n  watch: {\r\n    configData: {\r\n      handler(nVal, oVal) {\r\n        this.defaults = nVal[this.configNum];\r\n        let goodType = nVal[this.configNum].titleInfo ? nVal[this.configNum].titleInfo.type : 0;\r\n        this.type = nVal[this.configNum].selectConfig.type\r\n          ? nVal[this.configNum].selectConfig.type\r\n          : goodType\r\n          ? goodType\r\n          : 0;\r\n        switch (this.type) {\r\n          case 0:\r\n            this.titles = '商品列表';\r\n            break;\r\n          case 1:\r\n            this.titles = '分类列表';\r\n            break;\r\n          case 8:\r\n            this.titles = '砍价列表';\r\n            break;\r\n          case 2:\r\n            this.titles = '秒杀列表';\r\n            break;\r\n          case 3:\r\n            this.titles = '拼团列表';\r\n            break;\r\n          default:\r\n        }\r\n      },\r\n      immediate: true,\r\n      deep: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      modals: false,\r\n      goodsList: [],\r\n      tempGoods: [],\r\n      defaults: {},\r\n      type: '',\r\n      is_new: '',\r\n      loading: true,\r\n      titles: '',\r\n    };\r\n  },\r\n  created() {\r\n    this.defaults = this.configData[this.configNum];\r\n    this.is_new = this.configData[this.configNum].is_new;\r\n  },\r\n  methods: {\r\n    getProductDiy(data) {\r\n      this.tempGoods = data;\r\n      this.loading = false;\r\n    },\r\n    cancel() {\r\n      this.tempGoods = [];\r\n    },\r\n    //对象数组去重；\r\n    unique(arr) {\r\n      const res = new Map();\r\n      return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));\r\n    },\r\n    ok() {\r\n      if (!this.tempGoods.length) {\r\n        return this.$message.warning('请先选择商品');\r\n      }\r\n      let list = this.defaults.goodsList.list;\r\n      list.push.apply(list, this.tempGoods);\r\n      // list.push(this.tempGoods);\r\n      let picList = this.unique(list);\r\n      this.defaults.goodsList.list = picList;\r\n      // this.defaults.goodsList.list.push(this.tempGoods);\r\n      this.modals = false;\r\n    },\r\n    bindDelete(index) {\r\n      this.defaults.goodsList.list.splice(index, 1);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.middleTop ::v-deep .ivu-modal-wrap .ivu-modal {\r\n  top: 50% !important;\r\n  margin-top: -350px;\r\n}\r\n.goods-box {\r\n  padding: 16px 0;\r\n  margin-bottom: 16px;\r\n  border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n  .wrapper,\r\n  .list-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .add-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 80px;\r\n    height: 80px;\r\n    margin-bottom: 10px;\r\n    background: #f7f7f7;\r\n    .iconfont {\r\n      font-size: 18px;\r\n      color: #d8d8d8;\r\n    }\r\n  }\r\n  .item {\r\n    position: relative;\r\n    width: 80px;\r\n    height: 80px;\r\n    margin-bottom: 20px;\r\n    margin-right: 12px;\r\n    &:nth-child(4n) {\r\n      margin-right: 0;\r\n    }\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .icondel_1 {\r\n      position: absolute;\r\n      right: -10px;\r\n      top: -16px;\r\n      color: #999999;\r\n      font-size: 28px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}