{"version":3,"sources":["webpack:///./src/views/ShoppingMall/ShopChange.vue?9711","webpack:///./src/views/ShoppingMall/ShopChange.vue?51eb","webpack:///./src/api/Shop.js","webpack:///./src/views/ShoppingMall/ShopChange.vue","webpack:///src/views/ShoppingMall/ShopChange.vue","webpack:///./src/views/ShoppingMall/ShopChange.vue?0663","webpack:///./src/views/ShoppingMall/ShopChange.vue?9b18"],"names":["GetList","params","request","url","method","GetProeuctInfo","ValidateOrder","GetAllCity","GetDefaultAddress","BuyProduct","data","ValidateProductType","ValidateOnlyBuyOne","render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","_v","clientWidth","attrs","tableData","tableRowClassName","scopedSlots","_u","key","fn","scope","row","img","_s","title","on","$event","subNum","price","shopNum","onlyBuyOne","domProps","numChange","residueNum","target","composing","addNum","staticStyle","_l","item","id","modifiers","_n","$forceUpdate","Info","money","Allprice","$route","query","submitPrice","staticRenderFns","$store","state","Infos","computed","mounted","Id","Shop","productId","then","res","status","push","num","$toast","message","$router","methods","rowIndex","Allprices","token","watch","val","component"],"mappings":"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","file":"js/chunk-5a9ac9e4.8abbfb54.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopChange.vue?vue&type=style&index=0&id=029e0c39&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopChange.vue?vue&type=style&index=1&id=029e0c39&prod&lang=scss\"","import request from '@/utils/request'\r\n\r\n// !获取商品列表\r\nexport function GetList(params) {\r\n  return request({\r\n    url: '/Product/GetList',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !获取商品详情\r\nexport function GetProeuctInfo(params) {\r\n  return request({\r\n    url: '/Product/GetProeuctInfo',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !验证商品剩余\r\nexport function ValidateOrder(params) {\r\n  return request({\r\n    url: '/Product/ValidateOrder',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !获取省市区\r\nexport function GetAllCity() {\r\n  return request({\r\n    url: '/Product/GetAllCity',\r\n    method: 'GET',\r\n  })\r\n}\r\n// !获取默认地址\r\nexport function GetDefaultAddress() {\r\n  return request({\r\n    url: '/Product/GetDefaultAddress',\r\n    method: 'GET',\r\n  })\r\n}\r\n// !兑换商品地址\r\nexport function BuyProduct(data) {\r\n  return request({\r\n    url: '/Product/BuyProduct',\r\n    method: 'post',\r\n    data\r\n  })\r\n}\r\n\r\n// !判断是否为电子商品\r\nexport function ValidateProductType(params) {\r\n  return request({\r\n    url: '/Product/ValidateProductType',\r\n    method: 'get',\r\n    params\r\n  })\r\n}\r\n// !限制兑换一次\r\nexport function ValidateOnlyBuyOne(params) {\r\n  return request({\r\n    url: '/Product/ValidateOnlyBuyOne',\r\n    method: 'get',\r\n    params\r\n  })\r\n}\r\n\r\n\r\n\r\n\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ShopChange\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]}),_c('h1',{staticClass:\"ShopChange-h1\"},[_vm._v(\"商品清单\")]),(_vm.clientWidth > 750)?_c('div',[_c('el-table',{attrs:{\"data\":_vm.tableData,\"border\":\"\",\"header-row-class-name\":_vm.tableRowClassName}},[_c('el-table-column',{attrs:{\"prop\":\"date\",\"label\":\"商品信息\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('img',{attrs:{\"src\":scope.row.img,\"alt\":\"\",\"width\":\"100\"}}),_c('span',{staticClass:\"shop-title\"},[_vm._v(_vm._s(scope.row.title))])]}}],null,false,69043192)}),_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":\"商品数量\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"flex0 addsub cur mr\",on:{\"click\":function($event){return _vm.subNum(scope.row.price, _vm.shopNum)}}},[_vm._v(\"-\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.shopNum),expression:\"shopNum\"}],staticClass:\"tc addsubInput\",attrs:{\"type\":\"text\",\"disabled\":scope.row.onlyBuyOne},domProps:{\"value\":(_vm.shopNum)},on:{\"change\":function($event){return _vm.numChange(scope.row.residueNum, scope.row.price, scope.row.onlyBuyOne)},\"input\":function($event){if($event.target.composing)return;_vm.shopNum=$event.target.value}}}),_c('div',{staticClass:\"flex0 addsub cur ml\",on:{\"click\":function($event){return _vm.addNum(scope.row.residueNum, scope.row.price, scope.row.onlyBuyOne)}}},[_vm._v(\"+\")])]}}],null,false,693243819)}),_c('el-table-column',{attrs:{\"prop\":\"address\",\"label\":\"商品单价\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"flex0 violet\",staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" \"+_vm._s(scope.row.price)+\" 金币 \")])]}}],null,false,370384625)}),_c('el-table-column',{attrs:{\"prop\":\"address\",\"label\":\"商品小计\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"flex0\",staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" \"+_vm._s(scope.row.price * _vm.shopNum)+\" 金币 \")])]}}],null,false,1730326116)})],1)],1):_c('div',[_c('div',{staticClass:\"mobList\"},_vm._l((_vm.tableData),function(item){return _c('div',{key:item.id,staticClass:\"mobList-item flex0\"},[_c('div',{staticClass:\"mobList-item-img flex\"},[_c('img',{attrs:{\"src\":item.img}})]),_c('div',{staticClass:\"mobList-item-d\"},[_c('h1',[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"co-999\"},[_c('span',{staticClass:\"violet\"},[_vm._v(\" \"+_vm._s(item.price)+\" \")]),_vm._v(\" 金币\")]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex0 addsub cur mr\",on:{\"click\":function($event){return _vm.subNum(item.price, _vm.shopNum)}}},[_vm._v(\"-\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.shopNum),expression:\"shopNum\",modifiers:{\"number\":true}}],staticClass:\"tc addsubInput\",attrs:{\"type\":\"text\",\"disabled\":item.onlyBuyOne},domProps:{\"value\":(_vm.shopNum)},on:{\"change\":function($event){return _vm.numChange(item.residueNum, item.price, item.onlyBuyOne)},\"input\":function($event){if($event.target.composing)return;_vm.shopNum=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}}),_c('div',{staticClass:\"flex0 addsub cur ml\",on:{\"click\":function($event){return _vm.addNum(item.residueNum, item.price, item.onlyBuyOne)}}},[_vm._v(\"+\")])])])])}),0)]),_c('div',{staticClass:\"flex5 price-close\"},[_c('p',{staticClass:\"available-gold\"},[_vm._v(\"当前可用金币：\"+_vm._s(_vm.Info.money)+\" 金币\")]),_c('p',{staticClass:\"actual-payment\"},[_vm._v(\"实际支付：\"),_c('b',{staticClass:\"violet\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(_vm._s(_vm.Allprice))]),_vm._v(\" 金币\")])]),_c('div',{staticClass:\"price-btn flex5\"},[_c('div',{staticClass:\"cancel-detail mr cur flex2\"},[_c('van-icon',{attrs:{\"name\":\"share-o\"}}),_c('router-link',{attrs:{\"to\":'/Home/ShoppingMall/ShopDetail?id=' + _vm.$route.query.id}},[_vm._v(\"返回商品详情\")])],1),_c('div',{staticClass:\"submit-price co-fff cur\",on:{\"click\":_vm.submitPrice}},[_vm._v(\"提交订单\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ShopChange\">\r\n    <div v-loading=\"loading\"></div>\r\n    <h1 class=\"ShopChange-h1\">商品清单</h1>\r\n    <div v-if=\"clientWidth > 750\">\r\n      <el-table :data=\"tableData\" border :header-row-class-name=\"tableRowClassName\">\r\n        <el-table-column prop=\"date\" label=\"商品信息\">\r\n          <template slot-scope=\"scope\">\r\n            <img :src=\"scope.row.img\" alt=\"\" width=\"100\"/>\r\n            <span class=\"shop-title\">{{ scope.row.title }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"name\" label=\"商品数量\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"flex0 addsub cur mr\" @click=\"subNum(scope.row.price, shopNum)\">-</div>\r\n            <input type=\"text\" class=\"tc addsubInput\" v-model=\"shopNum\" @change=\"numChange(scope.row.residueNum, scope.row.price, scope.row.onlyBuyOne)\" :disabled=\"scope.row.onlyBuyOne\"/>\r\n            <div class=\"flex0 addsub cur ml\" @click=\"addNum(scope.row.residueNum, scope.row.price, scope.row.onlyBuyOne)\">+</div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"address\" label=\"商品单价\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"flex0 violet\" style=\"font-size: 16px\">\r\n              {{ scope.row.price }} 金币\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"address\" label=\"商品小计\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"flex0\" style=\"font-size: 16px\">\r\n              {{ scope.row.price * shopNum }} 金币\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n    <div v-else>\r\n      <div class=\"mobList\">\r\n        <div v-for=\"item in tableData\" :key=\"item.id\" class=\"mobList-item flex0\">\r\n          <div class=\"mobList-item-img flex\">\r\n            <img :src=\"item.img\">\r\n          </div>\r\n          <div class=\"mobList-item-d\">\r\n            <h1>{{ item.title }}</h1>\r\n            <p class=\"co-999\"><span class=\"violet\"> {{ item.price }} </span> 金币</p>\r\n            <div class=\"flex\">\r\n              <div class=\"flex0 addsub cur mr\" @click=\"subNum(item.price, shopNum)\">-</div>\r\n              <input type=\"text\" class=\"tc addsubInput\" v-model.number=\"shopNum\" @change=\"numChange(item.residueNum, item.price, item.onlyBuyOne)\" :disabled=\"item.onlyBuyOne\"/>\r\n              <div class=\"flex0 addsub cur ml\" @click=\"addNum(item.residueNum, item.price, item.onlyBuyOne)\">+</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"flex5 price-close\">\r\n      <p class=\"available-gold\">当前可用金币：{{ Info.money }} 金币</p>\r\n      <p class=\"actual-payment\">实际支付：<b class=\"violet\" style=\"font-size: 30px\">{{ Allprice }}</b> 金币</p>\r\n    </div>\r\n    <div class=\"price-btn flex5\">\r\n      <div class=\"cancel-detail mr cur flex2\">\r\n        <van-icon name=\"share-o\" />\r\n        <router-link :to=\"'/Home/ShoppingMall/ShopDetail?id=' + $route.query.id\">返回商品详情</router-link>\r\n      </div>\r\n      <div @click=\"submitPrice\" class=\"submit-price co-fff cur\">提交订单</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Shop from \"@/api/Shop.js\";\r\n\r\nexport default {\r\n  name: \"ShopChange\",\r\n  data() {\r\n    return {\r\n      loading: true,                      // !loading\r\n      Info: this.$store.state.Infos,      // !可用金币数量\r\n      tableData: [],                      // !列表数据\r\n      shopNum: 1,                         // !选择的数量\r\n      Allprice: 0,                        // !实际支付金币\r\n    };\r\n  },\r\n  computed: {\r\n    clientWidth () {\r\n      return this.$store.state.clientWidth;\r\n    },\r\n    Infos() {\r\n      return this.$store.state.Infos;\r\n    },\r\n  },\r\n  mounted() {\r\n    const Id = this.$route.query.id;\r\n    Shop.GetProeuctInfo({ productId: Id }).then((res) => {\r\n      if (res.status == 1) {\r\n        this.tableData.push(res.data);\r\n        if (this.$route.query.num) {\r\n          this.shopNum = this.$route.query.num;\r\n        } else {\r\n          this.shopNum = 1;\r\n        }\r\n        if(res.data.onlyBuyOne) {\r\n          this.shopNum = 1;\r\n        }\r\n        this.Allprice = this.shopNum * res.data.price;\r\n      } else {\r\n        this.$toast(res.message);\r\n        this.$router.push(\"/Home/ShoppingMall/ShopList\");\r\n      }\r\n      this.loading = false;\r\n    });\r\n  },\r\n  methods: {\r\n    tableRowClassName({ row, rowIndex }) {\r\n      if (rowIndex === 0) {\r\n        return \"warning-row\";\r\n      }\r\n    },\r\n    // !商品数量加\r\n    addNum(residueNum, price, onlyBuyOne) {\r\n      if(onlyBuyOne) {\r\n        this.shopNum = 1;\r\n        this.$toast('当前商品只允许兑换一次！')\r\n      }else {\r\n        if (this.shopNum < residueNum) {\r\n          this.shopNum++;\r\n        } else {\r\n          this.shopNum = residueNum;\r\n          this.$toast('超出最大可兑换数量，已重置！')\r\n        }\r\n      }\r\n      this.Allprices(price, this.shopNum);\r\n    },\r\n    // !商品数量减\r\n    subNum(price) {\r\n      if (this.shopNum < 2) {\r\n        this.shopNum = 1;\r\n      } else {\r\n        this.shopNum--;\r\n      }\r\n      this.Allprices(price, this.shopNum);\r\n    },\r\n    // !监听输入框内容\r\n    numChange(residueNum, price, onlyBuyOne) {\r\n      if(onlyBuyOne) {\r\n        this.shopNum = 1;\r\n        this.$toast('当前商品只允许兑换一次！')\r\n      }else {\r\n        if (this.shopNum < 2 || !(this.shopNum * 1)) {\r\n          this.shopNum = 1;\r\n        } else if (this.shopNum > residueNum) {\r\n          this.shopNum = residueNum;\r\n          this.$toast('超出最大可兑换数量，已重置！')\r\n        }\r\n      }\r\n      this.Allprices(price, this.shopNum);\r\n    },\r\n    // !商品小计\r\n    Allprices(price, num) {\r\n      this.Allprice = price * num;\r\n    },\r\n    // !提交订单\r\n    submitPrice() {\r\n      if (this.$store.state.token) {\r\n        if (this.Info.money < this.Allprice) {\r\n          this.$toast(\"您的可用金币不足，无法兑换！\");\r\n        } else {\r\n          const Id = { productId: this.$route.query.id };\r\n          this.loading = true;\r\n          Shop.ValidateOrder(Id).then((res) => {\r\n            if (res.status == 1) {\r\n              this.$router.push(\"/Home/ShopForm?id=\" + this.$route.query.id + \"&num=\" + this.shopNum);\r\n            } else {\r\n              this.loading = false;\r\n              this.$toast(res.message);\r\n              this.$router.push(\"/Home/ShoppingMall/ShopList\");\r\n            }\r\n          });\r\n        }\r\n      } else {\r\n        this.$toast(\"请先登录后再来兑换吧！\");\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    Infos(val) {\r\n      this.Info = val;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  $mobil_base: 750;\r\n\r\n  @function vw($true) {\r\n    @return ($true / $mobil_base) * 100vw;\r\n  }\r\n\r\n  .ShopChange {\r\n    width: 1200px; min-height: 300px; box-shadow: 0 0 10px #ccc; margin: 50px auto; padding: 40px;\r\n    .ShopChange-h1 { font-size: 28px; font-weight: 400; margin-bottom: 25px;}\r\n    .shop-title { font-size: 16px; line-height: 23px; margin-left: 15px;}\r\n\r\n    .addsub { width: 25px; height: 30px; border: 1px #ccc solid; background: #eed2fc; line-height: 30px;}\r\n    .addsubInput { width: 100px; height: 26px; border: 1px #ccc solid;}\r\n\r\n    /deep/.el-table th > .cell, /deep/.el-table td > .cell { text-align: center;}\r\n    /deep/.el-table tr td:first-of-type .cell { justify-content: flex-start;}\r\n\r\n    .price-close { height: 120px; flex-wrap: wrap; padding: 30px 50px;}\r\n    .price-close p { width: 100%; text-align: right;}\r\n\r\n    .cancel-detail { padding-right: 40px; display: flex; align-items: center;}\r\n    .cancel-detail a, .submit-price, .price-close p { font-size: 16px;}\r\n\r\n    .van-icon-share-o { transform: scaleX(-1); font-size: 24px; margin-right: 5px; color: #999;}\r\n    .submit-price { width: 184px; height: 52px; line-height: 52px; text-align: center; background: #6b18a8;}\r\n  }\r\n  @media (max-width: 750px) {\r\n    .ShopChange {\r\n      width: auto;margin: vw(40) vw(40);padding: vw(30); \r\n      .ShopChange-h1 { font-size: vw(36); font-weight: 400; margin-bottom: vw(36);}\r\n\r\n      .mobList {min-height: vw(740);}\r\n      .mobList-item-img {min-width: vw(166); width: vw(166); height: vw(166); margin-right: vw(22); overflow: hidden; border-radius: vw(10); background: #fefefe;}\r\n      .mobList-item-img img, .mobList-item-d { width: 100%;}\r\n      .mobList-item-d h1{ font-size: vw(28); margin-bottom: vw(15);}\r\n      .mobList-item-d p {margin-bottom: vw(20);}\r\n      .mobList-item-d p span {font-size: vw(36);}\r\n\r\n      .addsub { width: vw(41); height: vw(49); line-height: vw(49);}\r\n      .addsubInput { width: vw(88); height: vw(49); border-radius: 0; border: 0; border: 1px #ccc solid; padding: 0; box-sizing: border-box;}\r\n      \r\n      .price-close {padding: vw(30) ;}\r\n      .price-close {height: vw(130); background: #f9f8f8;}\r\n      .cancel-detail a, .submit-price, .price-close p { font-size: vw(24);}\r\n      .price-close b {font-size: vw(40)!important;}\r\n      .cancel-detail { padding-right: vw(10);}\r\n      .submit-price { width: vw(300); height: vw(85);font-size: vw(28);line-height: vw(85);}\r\n    }\r\n  }\r\n</style>\r\n<style lang=\"scss\">\r\n.ShopChange {\r\n  .el-table th,.el-table tr,.el-table--enable-row-hover .el-table__body tr:hover > td {background: #f5f0f8}\r\n  .cell {display: flex;align-items: center;justify-content: center;}\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopChange.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopChange.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShopChange.vue?vue&type=template&id=029e0c39&scoped=true\"\nimport script from \"./ShopChange.vue?vue&type=script&lang=js\"\nexport * from \"./ShopChange.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShopChange.vue?vue&type=style&index=0&id=029e0c39&prod&lang=scss&scoped=true\"\nimport style1 from \"./ShopChange.vue?vue&type=style&index=1&id=029e0c39&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"029e0c39\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}