{"version":3,"sources":["webpack:///./src/views/pc/page/Product.vue","webpack:///src/views/pc/page/Product.vue","webpack:///./src/views/pc/page/Product.vue?01df","webpack:///./src/views/pc/page/Product.vue?0d1c","webpack:///./src/assets/img/search.png","webpack:///./src/views/pc/page/Product.vue?0b7c","webpack:///./src/assets/img/shop.png","webpack:///./src/assets/svgs/error.svg"],"names":["render","_vm$ProductDetail$Lis","_vm$ProductDetail$Lis2","_vm","this","_c","_self","getRelationListResult","ProductDetail","staticClass","ListUploadFile","length","ref","attrs","on","changeCarousel","_l","item","index","key","FullURL","staticStyle","_e","searchClick","require","setActiveItem","class","carouselIndex","_v","_s","Brand","BrandName","Product","ProductName","ProductOfficalPrice","directives","name","rawName","value","SPPrice","expression","style","CHPChooseId","ProductNum","addClick","subClick","addCart","AllProduct","ProductUnit","ProductFormat","ProductFormatQuantity","ProductDes","ListProperty","PropertyGroup","PropertyGroupName","PropertyValue","ListUploadFileDetail","dialogTableVisible","$event","imgSrc","staticRenderFns","components","data","CHPProductId","ShopId","created","$route","query","$store","state","bases","urlArr","arr","Map","i","set","IAKey","IAValue","commit","priceSortList","GetInterfaceAddress","methods","loadingInstance","Loading","service","background","text","val","axios","post","then","res","InterfaceAddress","getAllUrl","url","GetListResult","store","close","MessageBox","confirmButtonText","type","center","catch","err","_api","userCurdApi","PriceSortList","_this$getRelationList","_this$getRelationList2","_this$getRelationList3","RecordCount","GetRelationListResult","ShopProduct","SPShopPrice","register","$router","push","path","e","target","dataset","$refs","carousel","$alert","lo","$loading","CHPS_OP_ALL_Id","FrameDetailAddToCart","ProductSortKey","msg","component","module","exports"],"mappings":"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","file":"js/chunk-333b3ab8.c0c86b6e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.getRelationListResult.ProductDetail)?_c('div',{staticClass:\"Product\"},[_c('div',{staticClass:\"product_top flex_row\"},[_c('div',{staticClass:\"left\"},[(_vm.ProductDetail.ListUploadFile?.length)?_c('el-carousel',{ref:\"carousel\",attrs:{\"width\":\"100%\",\"arrow\":\"always\"},on:{\"change\":_vm.changeCarousel}},[_vm._l((_vm.ProductDetail.ListUploadFile),function(item,index){return _c('el-carousel-item',{key:index},[_c('div',{staticClass:\"big_Img flex_row\"},[(item.FullURL)?_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":item.FullURL,\"alt\":\"\"}}):_vm._e()])])}),_c('div',{staticClass:\"left_search flex_row\",on:{\"click\":_vm.searchClick}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/search.png\")}})])],2):_vm._e(),(!_vm.ProductDetail.ListUploadFile?.length)?_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":require(\"@/assets/svgs/error.svg\"),\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"small_Img flex_row\",on:{\"click\":_vm.setActiveItem}},_vm._l((_vm.ProductDetail.ListUploadFile),function(item,index){return _c('div',{key:index,staticClass:\"img_border flex_row\"},[_c('img',{class:_vm.carouselIndex==index?'pattern': '',attrs:{\"src\":item.FullURL,\"alt\":\"\",\"data-index\":index}})])}),0)],1),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"product_name\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.Brand.BrandName))]),_c('p',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.Product.ProductName))])]),_c('div',{staticClass:\"product_name\"},[_c('div',{staticClass:\"info\"},[_vm._v(\"官方指导价：（￥\"+_vm._s(_vm.Product.ProductOfficalPrice)+\"）\")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.SPPrice !== ''),expression:\"SPPrice !== ''\"}],staticClass:\"product_price flex_row\"},[_c('div',{staticClass:\"price_tag\"},[_vm._v(\"价格\")]),_c('div',{staticClass:\"price\"},[_vm._v(\"￥\"+_vm._s(_vm.SPPrice))])]),_c('div',{staticClass:\"product_num flex_row\",style:({'visibility':_vm.CHPChooseId?'visible': 'hidden'})},[_c('div',{staticClass:\"num_tag\"},[_vm._v(\"数量\")]),_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(_vm.ProductNum))]),_c('div',{staticClass:\"num_mode\"},[_c('div',{staticClass:\"num_add\",on:{\"click\":_vm.addClick}},[_vm._v(\"▲\")]),_c('div',{staticClass:\"num_sub\",on:{\"click\":_vm.subClick}},[_vm._v(\"▼\")])])]),_c('div',{staticClass:\"product_buy flex_row_start\"},[_c('button',{staticClass:\"buy\",staticStyle:{\"display\":\"none\"}},[_vm._v(\"立即购买\")]),_c('button',{staticClass:\"shop\",style:({'display':_vm.CHPChooseId?'block': 'none'}),on:{\"click\":_vm.addCart}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/shop.png\")}}),_vm._v(\"加入购物车\")])])])]),_c('div',{staticClass:\"product_details\"},[_c('div',{staticClass:\"details_top\"},[_vm._v(\"商品详情\")]),_c('div',{staticClass:\"details_body\"},[_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"品牌：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.Brand.BrandName))])]),_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"名称：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.Product.ProductName))])]),_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"单位：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.AllProduct.ProductUnit))])]),_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"规格：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.AllProduct.ProductFormat))])]),_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"规格数：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.AllProduct.ProductFormatQuantity))])]),_c('div',{staticClass:\"details_item flex_row\"},[_c('div',{staticClass:\"tag\"},[_vm._v(\"描述：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.Product.ProductDes))])]),_c('div',{staticClass:\"details_items flex_row\"},_vm._l((_vm.ProductDetail.ListProperty),function(item,index){return _c('div',{key:index,staticClass:\"flex_row details_item\",class:index % 2 == 0 ? '': 'details_item1'},[_c('div',{staticClass:\"tag\"},[_vm._v(_vm._s(item.PropertyGroup.PropertyGroupName)+\"：\")]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(item.PropertyValue))])])}),0)])]),_c('div',{staticClass:\"details_intro\"},_vm._l((_vm.ProductDetail.ListUploadFileDetail),function(item,index){return _c('div',{key:index,staticClass:\"intro_border flex_row\"},[_c('img',{attrs:{\"src\":item.FullURL,\"alt\":\"\",\"data-index\":index}})])}),0),_c('el-dialog',{staticClass:\"dialog\",staticStyle:{\"width\":\"100vw\"},attrs:{\"visible\":_vm.dialogTableVisible},on:{\"update:visible\":function($event){_vm.dialogTableVisible=$event}}},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.imgSrc.FullURL,\"alt\":\"\"}})])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"Product\" v-if=\"getRelationListResult.ProductDetail\">\r\n    <div class=\"product_top flex_row\">\r\n      <div class=\"left\">\r\n        <el-carousel v-if=\"ProductDetail.ListUploadFile?.length\"  width=\"100%\" arrow=\"always\" @change=\"changeCarousel\" ref=\"carousel\">\r\n          <el-carousel-item v-for=\"(item, index) in ProductDetail.ListUploadFile\" :key=\"index\">\r\n            <div class=\"big_Img flex_row\">\r\n              <img v-if=\"item.FullURL\" :src=\"item.FullURL\" alt=\"\" style=\"width: 100%\">\r\n            </div>\r\n          </el-carousel-item>\r\n          <div class=\"left_search flex_row\" @click=\"searchClick\">\r\n            <img src=\"@/assets/img/search.png\">\r\n          </div>\r\n        </el-carousel>\r\n        <img v-if=\"!ProductDetail.ListUploadFile?.length\" style=\"width: 100%\" src=\"@/assets/svgs/error.svg\" alt=\"\">\r\n        <div class=\"small_Img flex_row\" @click=\"setActiveItem\">\r\n          <div class=\"img_border flex_row\" v-for=\"(item, index) in ProductDetail.ListUploadFile\" :key=\"index\">\r\n            <img :src=\"item.FullURL\" alt=\"\" :data-index=\"index\" :class=\"carouselIndex==index?'pattern': ''\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"right\">\r\n        <div class=\"product_name\">\r\n          <div class=\"title\">{{Brand.BrandName}}</div>\r\n          <p class=\"info\">{{Product.ProductName}}</p>\r\n        </div>\r\n        <div class=\"product_name\">\r\n          <div class=\"info\">官方指导价：（￥{{ Product.ProductOfficalPrice }}）</div>\r\n        </div>\r\n        <div class=\"product_price flex_row\" v-show=\"SPPrice !== ''\">\r\n          <div class=\"price_tag\">价格</div>\r\n          <div class=\"price\">￥{{SPPrice}}</div>\r\n        </div>\r\n        <div class=\"product_num flex_row\" :style=\"{'visibility':CHPChooseId?'visible': 'hidden'}\">\r\n          <div class=\"num_tag\">数量</div>\r\n          <div class=\"num\">{{ProductNum}}</div>\r\n          <div class=\"num_mode\">\r\n            <div class=\"num_add\" @click=\"addClick\">&#9650</div>\r\n            <div class=\"num_sub\" @click=\"subClick\">&#9660</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"product_buy flex_row_start\">\r\n          <button class=\"buy\" style=\"display: none\">立即购买</button>\r\n          <button class=\"shop\" @click=\"addCart\" :style=\"{'display':CHPChooseId?'block': 'none'}\"><img src=\"@/assets/img/shop.png\">加入购物车</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"product_details\">\r\n      <div class=\"details_top\">商品详情</div>\r\n      <div class=\"details_body\">\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">品牌：</div>\r\n          <div class=\"details\">{{Brand.BrandName}}</div>\r\n        </div>\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">名称：</div>\r\n          <div class=\"details\">{{Product.ProductName}}</div>\r\n        </div>\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">单位：</div>\r\n          <div class=\"details\">{{AllProduct.ProductUnit}}</div>\r\n        </div>\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">规格：</div>\r\n          <div class=\"details\">{{AllProduct.ProductFormat}}</div>\r\n        </div>\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">规格数：</div>\r\n          <div class=\"details\">{{AllProduct.ProductFormatQuantity}}</div>\r\n        </div>\r\n        <div class=\"details_item flex_row\">\r\n          <div class=\"tag\">描述：</div>\r\n          <div class=\"details\">{{Product.ProductDes}}</div>\r\n        </div>\r\n        <div class=\"details_items flex_row\">\r\n          <div class=\"flex_row details_item\" v-for=\"(item, index) in ProductDetail.ListProperty\" :key=\"index\" :class=\"index % 2 == 0 ? '': 'details_item1'\">\r\n            <div class=\"tag\">{{item.PropertyGroup.PropertyGroupName}}：</div>\r\n            <div class=\"details\">{{item.PropertyValue}}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"details_intro\">\r\n      <div class=\"intro_border flex_row\" v-for=\"(item, index) in ProductDetail.ListUploadFileDetail\" :key=\"index\">\r\n        <img :src=\"item.FullURL\" alt=\"\" :data-index=\"index\">\r\n      </div>\r\n    </div>\r\n    <el-dialog class=\"dialog\" :visible.sync=\"dialogTableVisible\" style=\"width: 100vw\">\r\n      <img :src=\"imgSrc.FullURL\" alt=\"\" style=\"width: 100%\">\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {Loading, MessageBox} from \"element-ui\";\r\nimport axios from \"@/axios/axios\";\r\nimport store from \"@/store\";\r\nexport default {\r\n  name: 'Product',\r\n  components: {\r\n  },\r\n  data() {\r\n    return {\r\n      carouselIndex: 0,\r\n      getRelationListResult: {},\r\n      ProductDetail: {},\r\n      Brand: {},\r\n      Product: {},\r\n      AllProduct: {},\r\n      ProductNum: 1,\r\n      CHPChooseId: '',\r\n      CHPProductId: '',\r\n      dialogTableVisible: false,\r\n      imgSrc: '',\r\n      ShopId: '',\r\n      SPPrice: ''\r\n    }\r\n  },\r\n  created() {\r\n    this.CHPChooseId = this.$route.query.CHPChooseId;\r\n    this.CHPProductId = this.$route.query.CHPProductId;\r\n    this.ShopId = this.$route.query.ShopId;\r\n    if (this.$store.state.bases.urlArr.length > 0) {\r\n      let arr = this.$store.state.bases.urlArr\r\n      let item = new Map()\r\n      for (let i = 0; i < arr.length; i++) {\r\n        item.set(arr[i].IAKey, arr[i].IAValue)\r\n      }\r\n      this.$store.commit('bases/UpUrlMap', item);\r\n      this.priceSortList();\r\n    }else {\r\n      this.GetInterfaceAddress();\r\n    }\r\n  },\r\n  methods: {\r\n    GetInterfaceAddress() {\r\n      let loadingInstance = Loading.service({\r\n        background: 'rgba(0, 0, 0, 0.7)',\r\n        text: '加载中...'\r\n      });\r\n      let val = '0510D02D-3A1F-4796-B303-DAAE36394606'\r\n      axios.post('https://wsbusiness.visumall.com/BusinessConfig.ashx?cmd=GetInterfaceAddress', {\r\n        \"token\": {\r\n          \"sToken\": \"8BED23DE028E0E9966B8CE9E8F77DB89\",\r\n          \"TimeSpan\": \"1535942069232\"\r\n        },\r\n        \"SearchCondition\":{\r\n          \"BCTypeId\": val\r\n        }\r\n      })\r\n          .then(res => {\r\n            if (res.InterfaceAddress) {\r\n              this.getAllUrl(res.InterfaceAddress, loadingInstance)\r\n            }\r\n          })\r\n    },\r\n    getAllUrl (url, loadingInstance) {\r\n      axios.post(url,\r\n          {\r\n            \"token\": {\r\n              \"sToken\": \"8BED23DE028E0E9966B8CE9E8F77DB89\",\r\n              \"TimeSpan\": \"1535942069232\"\r\n            },\r\n            \"Version\": \"4\",\r\n            \"Type\":\"VisumallIOSAPP\"\r\n          }\r\n      )\r\n          .then(res => {\r\n            if (res && res.GetListResult.length > 0) {\r\n              store.commit('bases/UpUrlArr', res.GetListResult)\r\n              let item = new Map()\r\n              for (let i = 0; i < res.GetListResult.length; i++) {\r\n                item.set(res.GetListResult[i].IAKey, res.GetListResult[i].IAValue)\r\n              }\r\n              store.commit('bases/UpUrlMap', item)\r\n              loadingInstance.close();\r\n              this.priceSortList();\r\n            }else {\r\n              MessageBox('数据加载失败，请稍后再试！', '提示', {\r\n                confirmButtonText: '确定',\r\n                type: 'warning',\r\n                center: true})\r\n            }\r\n          })\r\n          .catch(err => {\r\n            MessageBox('数据加载失败，请稍后再试！', '提示', {\r\n              confirmButtonText: '确定',\r\n              type: 'warning',\r\n              center: true})\r\n            loadingInstance.close();\r\n          })\r\n    },\r\n    priceSortList() {\r\n      let loadingInstance = Loading.service({\r\n        background: 'rgba(0, 0, 0, 0.7)',\r\n        text: '加载中...'\r\n      });\r\n      this._api.userCurdApi.PriceSortList(this.CHPProductId, this.ShopId)\r\n          .then(res => {\r\n            if (res && res.RecordCount > 0 && res.GetRelationListResult.length > 0) {\r\n              loadingInstance.close();\r\n              this.getRelationListResult = res.GetRelationListResult[0];\r\n              this.ProductDetail = this.getRelationListResult.ProductDetail;\r\n              this.Brand = this.ProductDetail.Brand;\r\n              this.Product = this.ProductDetail.Product;\r\n              this.AllProduct = this.ProductDetail.AllProduct;\r\n              this.imgSrc = this.ProductDetail.ListUploadFile[0];\r\n              this.SPPrice = this?.getRelationListResult?.ShopProduct ? this?.getRelationListResult?.ShopProduct?.SPShopPrice : '';\r\n              this.carouselIndex = 0;\r\n            }else {\r\n              loadingInstance.close();\r\n              MessageBox('数据加载失败，请稍后再试！', '提示', {\r\n                confirmButtonText: '确定',\r\n                type: 'warning',\r\n                center: true})\r\n            }\r\n          });\r\n    },\r\n    register() {\r\n      this.$router.push({path: '/Register'});\r\n    },\r\n    changeCarousel(e) {\r\n      this.imgSrc = this.ProductDetail.ListUploadFile[e];\r\n      this.carouselIndex = e;\r\n    },\r\n    setActiveItem(e) {\r\n      let index = e.target.dataset.index;\r\n\r\n      this.carouselIndex = index;\r\n      this.$refs.carousel.setActiveItem(index);\r\n    },\r\n    addClick() {\r\n      this.ProductNum++;\r\n    },\r\n    subClick() {\r\n      if(this.ProductNum <= 1) {\r\n        this.$alert('商品数量不可少于1', '提示');\r\n      }\r\n      else {\r\n        this.ProductNum--;\r\n      }\r\n    },\r\n    addCart() {\r\n      let lo = this.$loading({\r\n        text: '注册中...',\r\n        background: 'rgba(0, 0, 0, 0.8)'\r\n      })\r\n      let CHPS_OP_ALL_Id = '00000000-0000-0000-0000-000000000000' ;\r\n      this._api.userCurdApi.FrameDetailAddToCart(this.CHPChooseId, this.CHPProductId, this.Product.ProductSortKey, this.ProductNum,\r\n          '', CHPS_OP_ALL_Id, '', this.Product.ProductOfficalPrice)\r\n          .then(res => {\r\n            lo.close()\r\n            if (res.msg == 'Success') {\r\n              this.$alert('加入购物车成功。', '提示');\r\n            }else {\r\n              this.$alert('加入购物车失败', '提示');\r\n            }\r\n          })\r\n    },\r\n    searchClick() {\r\n      this.dialogTableVisible = true;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.Product {\r\n  min-width: 1024px;\r\n  width: 60vw;\r\n  margin: 0 auto;\r\n  .product_top {\r\n    align-items: flex-start;\r\n    //margin-top: 0.35rem;\r\n    .left {\r\n      width: 30%;\r\n      .big_Img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      .small_Img {\r\n        width: 100%;\r\n        flex-wrap: wrap;;\r\n        overflow: hidden;\r\n        overflow-x: auto;\r\n        list-style: none;\r\n        .img_border {\r\n          margin-top: 0.05rem;\r\n          width: 25%;\r\n          img {\r\n            width: 80%;\r\n            border: 0.01rem solid #BCBCBC;\r\n          }\r\n          .pattern {\r\n            border: 0.01rem solid red;\r\n          }\r\n        }\r\n      }\r\n      .el-carousel {\r\n        border: 0.01rem solid #BCBCBC;\r\n        .el-carousel__item:nth-child(2n) {\r\n          //background-color: #99a9bf;\r\n        }\r\n\r\n        .el-carousel__item:nth-child(2n+1) {\r\n          //background-color: #d3dce6;\r\n        }\r\n        ::v-deep .el-carousel__indicators {// 指示器\r\n          display: none;\r\n        }\r\n        ::v-deep .el-carousel__arrow {\r\n          background-color: rgba(31,45,61,0);\r\n          color: #010101;\r\n          font-size: 0.22rem;\r\n        }\r\n        ::v-deep .el-carousel__arrow--left {\r\n          left: 0;\r\n          opacity: 0.67;\r\n        }\r\n        ::v-deep .el-carousel__arrow--right {\r\n          right: 0;\r\n          opacity: 0.67;\r\n        }\r\n      }\r\n\r\n      .left_search {\r\n        width: 0.7rem;\r\n        height: 0.7rem;\r\n        left: 100%;\r\n        top: 100%;\r\n        z-index: 999;\r\n        transform: translate(-120%, -120%);\r\n        position: absolute;\r\n        img {\r\n          width: 50%;\r\n        }\r\n      }\r\n    }\r\n    .right {\r\n      flex: 1;\r\n      margin-left: 0.94rem;\r\n      .product_name {\r\n        //margin-top: 1.12rem;\r\n        text-align: left;\r\n        padding-left: 0.04rem;\r\n        .title {\r\n          font-size: 0.28rem;\r\n        }\r\n        .info {\r\n          margin-top: 0.17rem;\r\n          font-size: 0.25rem;\r\n          color: #6F6F6F;\r\n        }\r\n      }\r\n      .product_price {\r\n        background: #e9e9e9;\r\n        padding: 0.06rem 0.04rem;\r\n        justify-content: flex-start;\r\n        margin-top: 0.32rem;\r\n        .price_tag {\r\n          font-size: 0.21rem;\r\n          color: #010101;\r\n        }\r\n        .price {\r\n          margin-left: 0.17rem;\r\n          font-size: 0.25rem;\r\n          font-weight: bold;\r\n          color: #FF0000;\r\n        }\r\n      }\r\n      .product_num {\r\n        padding-left: 0.04rem;\r\n        margin-top: 0.46rem;\r\n        justify-content: flex-start;\r\n        .num_tag {\r\n          font-size: 0.22rem;\r\n          color: #010101;\r\n        }\r\n        .num {\r\n          width: 0.65rem;\r\n          height: 0.45rem;\r\n          font-size: 0.17rem;\r\n          line-height: 0.45rem;\r\n          border: 0.01rem solid #7D7D7D;\r\n          margin-left: 0.22rem;\r\n        }\r\n        .num_mode {\r\n          margin-left: 0.05rem;\r\n          div {\r\n            cursor: pointer;\r\n            border: 0.01rem solid #7D7D7D;\r\n            width: 0.29rem;\r\n            height: 0.2rem;\r\n            font-size: 0.26rem;\r\n            line-height: 0.2rem;\r\n            color: #010101;\r\n            text-align: center;\r\n            //transform: rotate(90deg);\r\n          }\r\n          .num_add {\r\n          }\r\n          .num_sub {\r\n            margin-top: 0.03rem;\r\n          }\r\n        }\r\n      }\r\n      .product_buy {\r\n        margin-top: 1.8rem ;\r\n        button {\r\n          margin: 0 0.09rem;\r\n          padding: 0.22rem 0.58rem;\r\n          border-radius: 0.1rem;\r\n          border: 0.01rem solid #FF0000;\r\n          font-size: 0.23rem;\r\n        }\r\n        .buy {\r\n          color: #FF0000;\r\n          background: #FFEDED;\r\n        }\r\n        .shop {\r\n          position: relative;\r\n          img {\r\n            width: 0.34rem;\r\n            height: 0.34rem;\r\n            position: absolute;\r\n            left: 15%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n          }\r\n          background: #FF0000;\r\n          color: #FFFFFF;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .product_details {\r\n    margin-top: 0.56rem;\r\n    text-align: left;\r\n    .details_top {\r\n      padding: 0.18rem 0.34rem;\r\n      background: #e9e9e9;\r\n      margin-bottom: 0.12rem;\r\n      font-size: 0.25rem;\r\n      color: #006CFF;\r\n    }\r\n    .details_body {\r\n      background: #e9e9e9;\r\n      padding: 0.13rem 0.34rem 0;\r\n      .details_item {\r\n        margin-bottom: 0.3rem;;\r\n        justify-content: flex-start;\r\n        font-size: 0.25rem;\r\n        .tag {\r\n          font-weight: bold;\r\n        }\r\n        .details {\r\n          margin-left: 0.1rem;\r\n          color: #6F6F6F;\r\n        }\r\n      }\r\n      .details_items {\r\n        justify-content: flex-start;\r\n        flex-wrap: wrap;\r\n        .details_item {\r\n          width: 40%;\r\n        }\r\n        .details_item1 {\r\n          width: 60%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .details_intro {\r\n    .intro_border {\r\n      margin-top: \t0.15rem;\r\n      img {\r\n        width:100%;\r\n      }\r\n    }\r\n  }\r\n  .dialog {\r\n    ::v-deep .el-dialog {\r\n      width: 70%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./Product.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!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=f69b8fe8&scoped=true&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=f69b8fe8&prod&scoped=true&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  \"f69b8fe8\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/search.f549aab4.png\";","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!./Product.vue?vue&type=style&index=0&id=f69b8fe8&prod&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/shop.d2801a84.png\";","module.exports = __webpack_public_path__ + \"img/error.a7c89639.svg\";"],"sourceRoot":""}