{"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\\pages\\marketing\\live\\components\\add_goods.vue?vue&type=style&index=0&id=3431ac76&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\marketing\\live\\components\\add_goods.vue","mtime":1761185180114},{"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:DQouaXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQp9DQoudXBsb2FkLWJveCB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICB3aWR0aDogNjBweDsNCiAgaGVpZ2h0OiA2MHB4Ow0KICBiYWNrZ3JvdW5kOiAjY2NjOw0KfQ0KLmJveCB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGZsZXgtd3JhcDogd3JhcDsNCiAgLmJveC1pdGVtIHsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgbWFyZ2luLXJpZ2h0OiAyMHB4Ow0KICAgIC5pdnUtaWNvbiB7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICByaWdodDogLTEwcHg7DQogICAgICB0b3A6IC04cHg7DQogICAgICBjb2xvcjogIzk5OTsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICB9DQogIH0NCiAgLnVwbG9hZC1ib3gsDQogIC5ib3gtaXRlbSB7DQogICAgd2lkdGg6IDYwcHg7DQogICAgaGVpZ2h0OiA2MHB4Ow0KICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["add_goods.vue"],"names":[],"mappings":";AA6EA;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":"add_goods.vue","sourceRoot":"src/pages/marketing/live/components","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"item\">\r\n      <span>直播间名称：</span>\r\n      {{ datas.name }}\r\n    </div>\r\n    <div class=\"item\">\r\n      <span>直播间ID：</span>\r\n      {{ datas.id }}\r\n    </div>\r\n    <div class=\"item box\">\r\n      <div class=\"box-item\" v-for=\"(item, index) in goodsList\" :key=\"index\">\r\n        <img :src=\"item.image\" alt=\"\" />\r\n        <i class=\"el-icon-close\" v-db-click @click=\"bindDelete(index)\" style=\"font-size: 20px\"></i>\r\n      </div>\r\n      <div class=\"upload-box\" v-db-click @click=\"modals = true\">\r\n        <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n      </div>\r\n    </div>\r\n    <el-button type=\"primary\" style=\"width: 100%\" v-db-click @click=\"bindSub\">提交</el-button>\r\n    <el-dialog :visible.sync=\"modals\" title=\"商品列表\" class=\"paymentFooter\" width=\"1000px\">\r\n      <goods-list\r\n        ref=\"goodslist\"\r\n        @getProductId=\"getProductId\"\r\n        v-if=\"modals\"\r\n        :ischeckbox=\"true\"\r\n        :liveStatus=\"true\"\r\n      ></goods-list>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport goodsList from '@/components/goodsList';\r\nexport default {\r\n  name: 'add_goods',\r\n  components: {\r\n    goodsList,\r\n  },\r\n  props: {\r\n    datas: {\r\n      type: Object,\r\n      default: function () {\r\n        return {};\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      modals: false,\r\n      goodsList: [],\r\n    };\r\n  },\r\n  methods: {\r\n    getProductId(data) {\r\n      this.goodsList = this.goodsList.concat(data);\r\n      this.$nextTick((res) => {\r\n        setTimeout(() => {\r\n          this.modals = false;\r\n        }, 300);\r\n      });\r\n    },\r\n    bindDelete(index) {\r\n      this.goodsList.splice(index, 1);\r\n    },\r\n    bindSub() {\r\n      let arr = [];\r\n      this.goodsList.map((el) => {\r\n        arr.push(el.product_id);\r\n      });\r\n      this.$emit('getData', arr);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.item {\r\n  margin-bottom: 10px;\r\n}\r\n.upload-box {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 60px;\r\n  height: 60px;\r\n  background: #ccc;\r\n}\r\n.box {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  .box-item {\r\n    position: relative;\r\n    margin-right: 20px;\r\n    .ivu-icon {\r\n      position: absolute;\r\n      right: -10px;\r\n      top: -8px;\r\n      color: #999;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .upload-box,\r\n  .box-item {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 10px;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}