{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\product\\components\\vipPriceSet.vue?vue&type=style&index=0&id=44f2ee41&scoped=true&lang=css","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\product\\components\\vipPriceSet.vue","mtime":1761614939046},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaWNvbmJpYW5qaTEgew0KICBmb250LXNpemU6IDEycHg7DQogIHBhZGRpbmctbGVmdDogNHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5wb3BvdmVyLWlucHV0IHsNCiAgd2lkdGg6IDEwMHB4Ow0KfQ0KDQoudy0yNTAgew0KICB3aWR0aDogMjUwcHg7DQp9DQoNCi5wb3AtdGl0bGUgew0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiBib2xkOw0KICBtYXJnaW4tYm90dG9tOiAxNHB4Ow0KfQ0KDQoucmVkIHsNCiAgY29sb3I6ICNlOTMzMjM7DQp9DQoNCi5oLTIzIHsNCiAgaGVpZ2h0OiAyM3B4Ow0KfQ0K"},{"version":3,"sources":["vipPriceSet.vue"],"names":[],"mappings":";AA+QA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"vipPriceSet.vue","sourceRoot":"src/pages/product/components","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog :visible.sync=\"visible\" title=\"自定义会员价\" width=\"900\"\r\n      ><el-form :model=\"formData\" label-width=\"120px\">\r\n        <el-form-item label=\"付费会员专属：\">\r\n          <el-switch\r\n            v-model=\"formData.vip_product\"\r\n            :active-value=\"1\"\r\n            :inactive-value=\"0\"\r\n            active-text=\"开启\"\r\n            inactive-text=\"关闭\"\r\n            size=\"large\"\r\n            class=\"defineSwitch\"\r\n          >\r\n          </el-switch>\r\n        </el-form-item>\r\n        <el-form-item label=\"付费会员价：\">\r\n          <el-switch\r\n            v-model=\"formData.is_vip\"\r\n            :active-value=\"1\"\r\n            :inactive-value=\"0\"\r\n            active-text=\"开启\"\r\n            inactive-text=\"关闭\"\r\n            size=\"large\"\r\n            class=\"defineSwitch\"\r\n            @change=\"changeVip\"\r\n          >\r\n          </el-switch>\r\n        </el-form-item>\r\n        <el-form-item label-width=\"0px\">\r\n          <el-table size=\"small\" border max-height=\"460\" :data=\"attrData\" style=\"width: 100%\">\r\n            <el-table-column prop=\"pic\" label=\"规格图\" min-width=\"90\" align=\"center\">\r\n              <template slot-scope=\"scope\">\r\n                <div class=\"tabBox_img m-auto\" v-viewer>\r\n                  <img v-lazy=\"scope.row.pic\" />\r\n                </div>\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"suk\" label=\"产品规格\" min-width=\"120\" align=\"center\"></el-table-column>\r\n            <el-table-column prop=\"price\" label=\"售价\" min-width=\"120\" align=\"center\"></el-table-column>\r\n            <el-table-column min-width=\"140\" align=\"center\" v-if=\"formData.is_vip == 1\">\r\n              <template slot=\"header\" slot-scope=\"scope\">\r\n                <span>付费会员价</span>\r\n                <el-popover\r\n                  ref=\"vipSetPopover\"\r\n                  :value.sync=\"vipSetPopoverPopver\"\r\n                  placement=\"top\"\r\n                  width=\"290\"\r\n                  trigger=\"click\"\r\n                >\r\n                  <div class=\"pop-title\">批量修改本列</div>\r\n                  <div class=\"mt-14\">\r\n                    <el-radio-group v-model=\"vipSetType\">\r\n                      <el-radio :label=\"0\">指定价格</el-radio>\r\n                      <el-radio :label=\"1\">折扣</el-radio>\r\n                      <el-radio :label=\"2\">减现</el-radio>\r\n                    </el-radio-group>\r\n                  </div>\r\n                  <div class=\"mt10 mb10 acea-row row-middle\">\r\n                    <span class=\"mr5\" v-show=\"vipSetType == 2\">减</span>\r\n                    <el-input type=\"number\" class=\"popover-input\" v-model=\"vipSetNum\">\r\n                      <template slot=\"suffix\">\r\n                        <span v-show=\"vipSetType == 0\">元</span>\r\n                        <span v-show=\"vipSetType == 1\">%</span>\r\n                      </template>\r\n                    </el-input>\r\n                    <div class=\"acea-row row-right row-middle ml14\">\r\n                      <el-button size=\"small\" @click=\"closeVipSet\">取消</el-button>\r\n                      <el-button size=\"small\" type=\"primary\" class=\"ml-14\" @click=\"vipSetConfirm\">确认</el-button>\r\n                    </div>\r\n                  </div>\r\n                  <span class=\"iconfont iconbianji1\" slot=\"reference\" @click.stop=\"vipSetPopoverPopver = true\"></span>\r\n                </el-popover>\r\n              </template>\r\n              <template slot-scope=\"scope\">\r\n                <el-input type=\"number\" v-model=\"scope.row.vip_price\" @change=\"vipRowReplace(scope.row)\">\r\n                  <template slot=\"suffix\">\r\n                    <span>元</span>\r\n                  </template>\r\n                </el-input>\r\n                <div class=\"flex-x-center red\" v-show=\"scope.row.vip_price == 0\">会员价不可为0</div>\r\n                <div class=\"flex-x-center red\" v-show=\"Number(scope.row.vip_price) > Number(scope.row.price)\">\r\n                  会员价不可大于售价\r\n                </div>\r\n              </template>\r\n            </el-table-column>\r\n          </el-table>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"onCancel\">取消</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm\" :disabled=\"disabled\" class=\"ml-14\">确认</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { productBrokerage, productBrokerageUpdate } from '@/api/product';\r\nexport default {\r\n  name: 'vipPriceSet',\r\n  data() {\r\n    return {\r\n      formData: {\r\n        is_vip: 0,\r\n        vip_product: 1,\r\n      },\r\n      brokerage: '',\r\n      brokerage_two: '',\r\n      loading: false,\r\n      attrData: [],\r\n      disabled: false,\r\n      levelList: [],\r\n      vipSetType: 0,\r\n      vipSetNum: '',\r\n      levelSetType: 0,\r\n      levelSetNum: '',\r\n      visible: false,\r\n      vipSetPopoverPopver: false,\r\n      popoverTwo: false,\r\n    };\r\n  },\r\n  props: {\r\n    productId: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n  },\r\n  watch: {\r\n    visible(val) {\r\n      if (val) {\r\n        this.getData();\r\n      }\r\n    },\r\n  },\r\n  created() {},\r\n  methods: {\r\n    vipPriceReplace(value) {\r\n      this.vipSetNum = value;\r\n    },\r\n    levelPriceReplace(value) {\r\n      this.levelSetNum = value;\r\n    },\r\n    submitForm() {\r\n      let isSuccess = true,\r\n        step = true;\r\n      if (this.formData.is_vip) {\r\n        this.attrData.forEach((item) => {\r\n          if (item.vip_price == 0 && this.formData.is_vip) {\r\n            isSuccess = false;\r\n          }\r\n          if (Number(item.vip_price) > Number(item.price) && this.formData.is_vip) {\r\n            step = false;\r\n          }\r\n        });\r\n      }\r\n      if (!isSuccess) return this.$message.error('会员价不可为0');\r\n      if (!step) return this.$message.error('会员价不可大于售价');\r\n      this.disabled = true;\r\n      let data = {\r\n        ...this.formData,\r\n        attr_value: this.attrData,\r\n      };\r\n      productBrokerageUpdate(this.productId, 2, data)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.disabled = false;\r\n          this.visible = false;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n          this.disabled = false;\r\n        });\r\n    },\r\n    closeVipSet(i) {\r\n      console.log(this.$refs['vipSetPopover'].doClose);\r\n      this.vipSetPopoverPopver = false;\r\n      this.$refs.vipSetPopover.doClose();\r\n      this.vipSetType = 0;\r\n      this.vipSetNum = '';\r\n    },\r\n    closeLevelSet(i) {\r\n      this.popoverTwo = false;\r\n      // this.$refs['popoverRef_' + i].doClose(); //关闭的\r\n      this.levelSetType = 0;\r\n      this.levelSetNum = '';\r\n    },\r\n    vipSetConfirm() {\r\n      if (this.vipSetNum == 0) return this.$message.error('会员价不可为0');\r\n      if (this.vipSetType == 1 && this.vipSetNum > 100) return this.$message.error('折扣不可超过100');\r\n      this.attrData.map((item) => {\r\n        if (this.vipSetType == 0) {\r\n          item.vip_price = this.vipSetNum;\r\n        } else if (this.vipSetType == 1) {\r\n          item.vip_price = ((this.vipSetNum / 100) * item.price).toFixed(2);\r\n        } else {\r\n          item.vip_price = item.price - this.vipSetNum;\r\n        }\r\n      });\r\n      this.closeVipSet();\r\n    },\r\n    levelSetConfirm(index) {\r\n      if (this.levelSetNum == 0) return this.$message.error('等级会员价不可为0');\r\n      if (this.levelSetType == 1 && this.levelSetNum > 100) return this.$message.error('折扣不可超过100');\r\n      this.attrData.map((item) => {\r\n        if (this.levelSetType == 0) {\r\n          item.level_price[index].price = this.levelSetNum;\r\n        } else if (this.levelSetType == 1) {\r\n          item.level_price[index].price = ((this.levelSetNum / 100) * item.price).toFixed(2);\r\n        } else {\r\n          item.level_price[index].price = item.price - this.levelSetNum;\r\n        }\r\n      });\r\n      this.closeLevelSet(index);\r\n    },\r\n    onCancel() {\r\n      this.visible = false;\r\n    },\r\n    changeLevelType(type) {\r\n      this.attrData.map((item) => {\r\n        this.$set(\r\n          item,\r\n          'level_price',\r\n          this.levelList.map((val) => {\r\n            return {\r\n              id: val.id,\r\n              price: type == 1 ? val.discount * 100 : 0,\r\n            };\r\n          }),\r\n        );\r\n      });\r\n    },\r\n    vipRowReplace(row) {\r\n      // row.vip_price = row.vip_price.replace(/^-|\\D/g, '');\r\n    },\r\n    levelRowReplace(row, i) {\r\n      row.level_price[i].price = row.level_price[i].price.replace(/^-|\\D/g, '');\r\n    },\r\n    getData() {\r\n      //获取产品属性\r\n      productBrokerage(this.productId, 2).then((res) => {\r\n        this.formData.is_vip = res.data.storeInfo.is_vip;\r\n        this.formData.vip_product = res.data.storeInfo.vip_product;\r\n        this.attrData = Object.values(res.data.attrValue);\r\n        // this.levelList = res.data.level_list;\r\n        // if (res.data.level_list.length) {\r\n        //   this.attrData.map((item) => {\r\n        //     if (!item.level_price.length) {\r\n        //       this.$set(\r\n        //         item,\r\n        //         'level_price',\r\n        //         res.data.level_list.map((val) => {\r\n        //           return {\r\n        //             id: val.id,\r\n        //             price: res.data.storeInfo.is_vip == 1 ? val.discount * 100 : 0,\r\n        //           };\r\n        //         }),\r\n        //       );\r\n        //     }\r\n        //   });\r\n        // }\r\n      });\r\n    },\r\n    changeVip(is_vip) {\r\n      this.attrData.map((item) => {\r\n        this.$set(item, 'vip_price', is_vip == 1 ? item.price : 0);\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.iconbianji1 {\r\n  font-size: 12px;\r\n  padding-left: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.popover-input {\r\n  width: 100px;\r\n}\r\n\r\n.w-250 {\r\n  width: 250px;\r\n}\r\n\r\n.pop-title {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.red {\r\n  color: #e93323;\r\n}\r\n\r\n.h-23 {\r\n  height: 23px;\r\n}\r\n</style>\r\n"]}]}