{"version":3,"sources":["webpack:///./src/views/pc/page/PCProduct.vue","webpack:///src/views/pc/page/PCProduct.vue","webpack:///./src/views/pc/page/PCProduct.vue?788d","webpack:///./src/views/pc/page/PCProduct.vue?6bcd","webpack:///./src/assets/img/search.png","webpack:///./src/views/pc/page/PCProduct.vue?a9f2","webpack:///./src/assets/img/shop.png"],"names":["render","_vm","this","_c","_self","getRelationListResult","ProductDetail","staticClass","ref","attrs","on","changeCarousel","_l","ListUploadFile","item","index","key","staticStyle","FullURL","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","_e","staticRenderFns","components","data","CHPProductId","ShopId","created","$route","query","$store","state","bases","urlArr","length","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-e0d9d7f2.83351179.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.getRelationListResult.ProductDetail)?_c('div',{staticClass:\"PCProduct\"},[_c('div',{staticClass:\"product_top flex_row\"},[_c('div',{staticClass:\"left\"},[_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\"},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":item.FullURL,\"alt\":\"\"}})])])}),_c('div',{staticClass:\"left_search flex_row\",on:{\"click\":_vm.searchClick}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/search.png\")}})])],2),_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=\"PCProduct\" v-if=\"getRelationListResult.ProductDetail\">\r\n    <div class=\"product_top flex_row\">\r\n      <div class=\"left\">\r\n        <el-carousel  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 :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        <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: 'PCProduct',\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.PCProduct {\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!./PCProduct.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!./PCProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PCProduct.vue?vue&type=template&id=1bc4c664&scoped=true&\"\nimport script from \"./PCProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./PCProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PCProduct.vue?vue&type=style&index=0&id=1bc4c664&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  \"1bc4c664\",\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!./PCProduct.vue?vue&type=style&index=0&id=1bc4c664&prod&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/shop.d2801a84.png\";"],"sourceRoot":""}