{"version":3,"sources":["webpack:///./src/pages/index/product.vue","webpack:///src/pages/index/product.vue","webpack:///./src/pages/index/product.vue?3f2a","webpack:///./src/pages/index/product.vue?cd85","webpack:///./src/pages/index/product.vue?72fd"],"names":["render","_vm","this","_c","_self","staticClass","errorFlag","attrs","path","_v","_s","good","title","swiperOptions","img","slot","domProps","soldPrice","dic","on","handleChange","model","value","num","callback","$$v","expression","productName","productPrice","_e","stockStatus","$event","goToOrder","staticStyle","outStcok","id","notifyGood","$store","state","token","is_col","collected","collectProduct","Instructions","_l","sortList","hot","idx","key","directives","name","rawName","cover","price","detail","_m","showModal","goToCart","scopedSlots","_u","fn","proxy","staticRenderFns","components","swiper","swiperSlide","Modal","data","t1","t2","version","autoplay","loop","pagination","el","clickable","navigation","nextEl","prevEl","sliderList","marketPrice","params","link","require","newList","computed","length","toString","pop","getTitle","filter","item","err","methods","getVersion","val","axios","get","then","res","console","log","swapGood","getDict","data1","a","keys","Object","temp","i","j","prototype","hasOwnProperty","call","push","getSortProduct","is_new","list","map","pic","min_price","window","open","_Message","warning","success","post","product","getProduct","getCartNum","dispatch","total","addCart","gid","csrftoken","$cookie","goods","nums","is_select","routeData","$router","resolve","href","cateName","category","gitem","is_sold","sold_price","brandId","brand","brandLogo","image","brandName","en_name","sn","desc","item1","market_price","sort","document","init","flag","$route","obj","some","mounted","component"],"mappings":"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","file":"js/chunk-367a5f1a.6c4fc7a7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"detail\"},[(_vm.errorFlag)?_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"product\"},[_c('div',{staticClass:\"crumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(_vm._s(_vm.good.title))])],1)],1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"left\"},[_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_c('swiper-slide',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":_vm.good.img}})])]),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"})],1)],1),_c('div',{staticClass:\"right\"},[_c('h2',{staticClass:\"item-title\",domProps:{\"innerHTML\":_vm._s(_vm.good.title)}}),_c('div',{staticClass:\"item-price\"},[_vm._v(\"资费：\"+_vm._s(_vm.good.soldPrice)+\"元 \"+_vm._s(_vm.good.dic)+\" \")]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"item-nums\"},[_c('h2',[_vm._v(\"数量\")]),_c('el-input-number',{staticClass:\"num-right\",attrs:{\"min\":1,\"max\":10},on:{\"change\":_vm.handleChange},model:{value:(_vm.num),callback:function ($$v) {_vm.num=$$v},expression:\"num\"}})],1),(_vm.productName)?[_c('div',{staticClass:\"total\"},[_c('div',{staticClass:\"phone-info\"},[_c('div',{staticClass:\"fl\",domProps:{\"innerHTML\":_vm._s(_vm.productName)}}),_c('div',{staticClass:\"fr\"},[_vm._v(\"价格：\"+_vm._s(_vm.productPrice * _vm.num)+\"元\")])])])]:_vm._e(),_c('div',{staticClass:\"btn-submit\"},[(_vm.stockStatus === 0 )?[_c('div',{staticClass:\"btn-1\",on:{\"click\":function($event){return _vm.goToOrder()}}},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"立即办理\")])])]:[_c('div',{staticClass:\"btn-1\",staticStyle:{\"background-color\":\"#999999\"}},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.outStcok(_vm.good.id)}}},[_vm._v(\"库存不足\")])]),_c('div',{staticClass:\"btn-2\",on:{\"click\":function($event){return _vm.notifyGood(_vm.good.id)}}},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"到货通知\")])])],(this.$store.state.token)?[(_vm.good.is_col)?[_c('div',{staticClass:\"btn-3\"},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.collected}},[_vm._v(\"已搜藏\")])])]:[_c('div',{staticClass:\"btn-3\",on:{\"click\":function($event){return _vm.collectProduct(_vm.good.id)}}},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"搜藏\")])])]]:_vm._e()],2),_c('div',{staticStyle:{\"margin-top\":\"10px\"}},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.good.Instructions)}})])],2)])]),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"desc\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"hot\"},[_c('div',{staticClass:\"hot-title\"},[_vm._v(\"热卖推荐\")]),_c('div',{staticClass:\"new-list\"},_vm._l((_vm.sortList),function(hot,idx){return _c('div',{key:idx,staticClass:\"shop-item\"},[_c('div',{staticClass:\"item-img\"},[_c('router-link',{attrs:{\"to\":'/product/'+hot.id,\"target\":\"_blank\"}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(hot.cover),expression:\"hot.cover\"}],attrs:{\"alt\":hot.title}})])],1),_c('div',{staticClass:\"item-info\"},[_c('router-link',{attrs:{\"to\":'/product/'+hot.id,\"target\":\"_blank\"}},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(hot.title))])]),_c('p',{staticClass:\"price\"},[_vm._v(_vm._s(hot.price)+\"元\")])],1)])}),0)])]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"right-title\"},[_vm._v(\"商品详情\")]),_c('div',{staticClass:\"right-content\",domProps:{\"innerHTML\":_vm._s(_vm.good.detail)}})])])]):_c('div',{staticClass:\"error\"},[_vm._m(0)]),_c('modal',{attrs:{\"title\":\"提示\",\"sureText\":\"查看购物车\",\"btnType\":\"1\",\"modalType\":\"middle\",\"showModal\":_vm.showModal},on:{\"submit\":_vm.goToCart,\"cancel\":function($event){_vm.showModal=false}},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('p',[_vm._v(\"商品添加成功！\")])]},proxy:true}])})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"message\"},[_c('div',{staticClass:\"l1\"},[_vm._v(\"商品已失效，请看看其他商品吧~\")]),_c('div',{staticClass:\"l2\"},[_c('p',[_vm._v(\"建议您：\")]),_c('p',[_vm._v(\" 1、适当减少筛选条件，可以获得更多结果\")]),_c('p',[_vm._v(\" 2、尝试其他产品ID\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"detail\">\n    <div class=\"container\" v-if=\"errorFlag\">\n      <div class=\"product\">\n        <div class=\"crumb\">\n          <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n            <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n            <!-- <el-breadcrumb-item>{{ good.cateName }}</el-breadcrumb-item> -->\n            <el-breadcrumb-item>{{ good.title }}</el-breadcrumb-item>\n          </el-breadcrumb>\n        </div>\n        <div class=\"content\">\n          <div class=\"left\">\n            <swiper :options=\"swiperOptions\">\n              <swiper-slide>\n                <a href=\"javascript:;\">\n                  <img :src=\"good.img\">\n                </a>\n              </swiper-slide>\n              <div class=\"swiper-pagination\" slot=\"pagination\"></div>\n              <div class=\"swiper-button-prev\" slot=\"button-prev\"></div>\n              <div class=\"swiper-button-next\" slot=\"button-next\"></div>\n            </swiper>\n          </div>\n          <div class=\"right\">\n            <h2 class=\"item-title\" v-html=\"good.title\"></h2>\n            <div class=\"item-price\">资费：{{ good.soldPrice }}元 {{ good.dic }}\n              <!--              <span class=\"del\">{{ marketPrice }}元</span>-->\n            </div>\n            <div class=\"line\"></div>\n\n            <!--            <div class=\"item-version\" v-for=\"(item, idx) in t2\" :key=\"idx\">-->\n            <!--              <h2>{{ item }}</h2>-->\n            <!--              <div class=\"info-list\">-->\n            <!--                <div class=\"phone\"-->\n            <!--                     v-for=\"(param,idx1) in t1\" :key=\"idx1\" :data-id=\"param['skuId']\" @click=\"swapGood(param)\">-->\n            <!--                  {{ param[item] }}-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--            </div>-->\n\n            <!--            <div class=\"item-version\" v-for=\"(item, idx) in getDict(good.param)\" :key=\"idx\">-->\n            <!--              <h2>{{ idx }}</h2>-->\n            <!--              <div class=\"info-list\">-->\n            <!--                <div class=\"phone\"-->\n            <!--                     v-for=\"(param,idx1) in item\" :key=\"idx1\">-->\n            <!--                  {{ param }}-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--            </div>-->\n\n\n            <!--            <div class=\"item-version\">-->\n            <!--              <h2>产品</h2>-->\n            <!--              <div class=\"info-list\">-->\n            <!--                <div class=\"phone\" :class=\"{'checked':version===item.id}\" @click=\"getVersion(item.id)\"-->\n            <!--                     v-for=\"item in good.params\" :key=\"item.id\">-->\n            <!--                  {{ getTitle(item.params) }}-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--            </div>-->\n\n            <!--            2021/08/02 对新的api进行适配-->\n            <!-- <div class=\"item-version\">\n              <h2>产品</h2>\n              <div class=\"info-list\">\n                <div class=\"phone\" :class=\"{'checked':version===item.id}\" @click=\"getVersion(item.id)\"\n                     v-for=\"item in good.params\" :key=\"item.id\">\n                  <template v-for=\"k in item.params\">\n                    {{ k[\"value\"] }}\n                  </template>\n                  测试\n                </div>\n              </div>\n            </div> -->\n\n            <!--            <template>-->\n            <!--              <div class=\"item-version\">-->\n            <!--                <h2>规格</h2>-->\n            <!--                <div class=\"info-list\">-->\n            <!--                  <div class=\"phone\">6GB+64GB 全网通</div>-->\n            <!--                  <div class=\"phone\">4GB+64GB 移动4G</div>-->\n            <!--                  <div class=\"phone\">6GB+64GB 全网通</div>-->\n            <!--                  <div class=\"phone\">4GB+64GB 移动4G</div>-->\n            <!--                </div>-->\n            <!--              </div>-->\n            <!--            </template>-->\n\n            <div class=\"item-nums\">\n              <h2>数量</h2>\n              <el-input-number v-model=\"num\" @change=\"handleChange\" :min=\"1\" :max=\"10\"\n                               class=\"num-right\"></el-input-number>\n\n            </div>\n            <template v-if=\"productName\">\n              <div class=\"total\">\n                <div class=\"phone-info\">\n\n                  <div class=\"fl\" v-html=\"productName\"></div>\n                  <div class=\"fr\">价格：{{ productPrice * num }}元</div>\n\n                </div>\n              </div>\n            </template>\n            <div class=\"btn-submit\">\n              <template v-if=\"stockStatus === 0 \">\n                <div class=\"btn-1\" @click=\"goToOrder()\"><a href=\"javascript:;\" class=\"btn\">立即办理</a></div>\n                <!-- <div class=\"btn-2\" @click=\"addCart(version)\"><a href=\"javascript:;\" class=\"btn\">加入购物车</a></div> -->\n              </template>\n              <template v-else>\n                <div class=\"btn-1\" style=\"background-color: #999999\"><a\n                    href=\"javascript:;\" class=\"btn\" @click=\"outStcok(good.id)\">库存不足</a></div>\n                <div class=\"btn-2\" @click=\"notifyGood(good.id)\"><a href=\"javascript:;\" class=\"btn\">到货通知</a></div>\n              </template>\n\n              <template v-if=\"this.$store.state.token\">\n                <template v-if=\"good.is_col\">\n                  <div class=\"btn-3\"><a href=\"javascript:;\" @click=\"collected\" class=\"btn\">已搜藏</a></div>\n                </template>\n                <template v-else>\n                  <div class=\"btn-3\" @click=\"collectProduct(good.id)\"><a href=\"javascript:;\" class=\"btn\">搜藏</a></div>\n                </template>\n              </template>\n            </div>\n            <div style=\"margin-top: 10px;\">\n              <p v-html=\"good.Instructions\"></p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"line\"></div>\n      <div class=\"desc\">\n        <div class=\"left\">\n          <div class=\"hot\">\n            <div class=\"hot-title\">热卖推荐</div>\n            <div class=\"new-list\">\n              <div class=\"shop-item\" v-for=\"(hot, idx) in sortList\" :key=\"idx\">\n                <div class=\"item-img\">\n                  <router-link :to=\"'/product/'+hot.id\" target=\"_blank\"> <img v-lazy=\"hot.cover\" :alt=\"hot.title\"></router-link>\n\n                </div>\n                <div class=\"item-info\">\n                  <router-link :to=\"'/product/'+hot.id\" target=\"_blank\"><h3 class=\"title\">{{ hot.title }}</h3></router-link>\n                  <p class=\"price\">{{ hot.price }}元</p>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <div class=\"right-title\">商品详情</div>\n          <div class=\"right-content\" v-html=\"good.detail\"></div>\n        </div>\n      </div>\n\n    </div>\n\n\n    <div class=\"error\" v-else>\n      <div class=\"message\">\n        <div class=\"l1\">商品已失效，请看看其他商品吧~</div>\n        <div class=\"l2\">\n          <p>建议您：</p>\n          <p> 1、适当减少筛选条件，可以获得更多结果</p>\n          <p> 2、尝试其他产品ID</p>\n        </div>\n      </div>\n\n\n    </div>\n    <!--modal弹窗-->\n    <modal\n        title=\"提示\"\n        sureText=\"查看购物车\"\n        btnType=\"1\"\n        modalType=\"middle\"\n        v-bind:showModal=\"showModal\"\n        v-on:submit=\"goToCart\"\n        v-on:cancel=\"showModal=false\">\n      <template v-slot:body>\n        <p>商品添加成功！</p>\n      </template>\n    </modal>\n  </div>\n</template>\n\n<script>\nimport Modal from \"../../components/Modal\";\nimport {swiper, swiperSlide} from 'vue-awesome-swiper'\n// import 'swiper/css/swiper.css'\nimport {Message} from \"element-ui\";\n\nexport default {\n  name: \"product\",\n  components: {\n    swiper,\n    swiperSlide,\n    Modal\n  },\n  data() {\n    return {\n      t1: [\n        {\"版本类型\": \"中国大陆\", \"存储容量\": \"16GB\", \"套餐类型\": \"套餐一\", \"机身颜色\": \"黑色\", 'skuId': 111},\n        {\"版本类型\": \"中国大陆\", \"存储容量\": \"32GB\", \"套餐类型\": \"套餐二\", \"机身颜色\": \"红色\", 'skuId': 222}\n      ],\n      t2: ['版本类型', '存储容量', '套餐类型', '机身颜色'],\n      showModal: false,\n      num: 1,\n      version: '',\n      swiperOptions: {\n        autoplay: false,\n        loop: false,\n        pagination: {\n          el: '.swiper-pagination',\n          clickable: true\n        },\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev',\n        }\n      },\n      sliderList: [],\n      good: {\n        // 计算属性  先读取  避免报错\n        marketPrice: [''],\n        soldPrice: [''],\n        params: [],\n        detail: `\n        适用范围<br />\n          1.适用于中国电信除时长型套餐、天翼20G/40G套餐等已发文明确不允许订购流量包的套餐以外的所有手机用户开放<br />\n          2.适用于预付费及后付费用户<br />\n          订购及生效规则<br />\n          1.流量包内流量，可用于4G、3G、2G上网方式，仅限于大陆地区使用，不含港澳台，不含WLAN（Wi-Fi）上网。<br />\n          2.流量抵扣顺序：定向流量包、视频流量包、赠送闲时流量、闲时流量包、非账单支付假日流量包、假日流量包、畅聊流量包、后向全国流量月包、赠送全国流量、套餐内全国流量、非账单支付流量加餐包、流量加餐包、包月流量包、后向全国流量季包、非账单支付季/半年/年包流量、季/半年/年包流量，超出后执行套外流量资费。具体扣减规则以省内为准，详询请致电10000。<br />\n          3.订购成功当日立即生效，流量有效期自受理成功当日（为第一自然日）至第三个自然日的24:00（支持跨月）；<br />\n          4.在此包未使用完前，申请新包，流量不合并，老流量包有效期不变，新流量包有效期按订购时间算。<br />\n          5.此包不参与套餐分享，副卡不可分享主卡订购的此包内流量，副卡可单独订购此包。<br />\n          6.包内流量，不计入套餐外流量及费用的封顶值计算。<br />\n          7.流量包内的剩余流量不参加次月结转。<br />\n          8.此流量包不能抵扣已经产生的套餐外流量。<br />\n          9.具体扣减规则以省内为准，详询请致电10000。\n        `,\n        link: ''\n      },\n      errorFlag: true,\n      sortList: [\n        {\n          id: 5,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-01-20.png\"),\n          title: \"流量5日包（10GB）\",\n          price: \"35\"\n        },\n      ],\n      newList: [\n      {\n          id: 1,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_17-59-29.png\"),\n          title: \"流量日包（1GB）\",\n          price: \"4\"\n        },\n        {\n          id: 2,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-00-20.png\"),\n          title: \"流量日包（2GB）\",\n          price: \"8\"\n        },\n        {\n          id: 3,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-00-33.png\"),\n          title: \"流量3日包（3GB）\",\n          price: \"15\"\n        },\n        {\n          id: 4,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-00-52.png\"),\n          title: \"流量7日包（5GB）\",\n          price: \"30\"\n        },\n        {\n          id: 5,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-01-20.png\"),\n          title: \"流量5日包（10GB）\",\n          price: \"35\"\n        },\n        {\n          id: 6,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_17-59-29.png\"),\n          title: \"流量惠员畅享包（500M）\",\n          price: \"0.2\",\n          dic: '/ 每月',\n          link: \"https://wx.liulianglf.cn/h5/index.html?id=6013733698914490897&pid=121839\",\n          Instructions: `\n          【商品权益说明】 <br />\n              1、本产品属于折扣商品，不开具发票；500M为电信通用流量，流量包订购后立即生效；2G-5G网络均可使用高速上网，5G网速具备5G终端；当月有效，不可结转。<br />\n              2、部分地区产品维护导致的充值失败，钱款会在24小时内原路退回；<br />\n              3、适用于中国电信除时长型套餐、天翼20G/40G套餐等已发文明确不允许订购流量包的套餐以外的所有手机用户开放；\n          `\n        },\n        {\n          id: 7,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_17-59-29.png\"),\n          title: \"流量惠员畅享包（500M）\",\n          price: \"6.5\",\n          dic: '/ 次',\n          link: \"https://wx.liulianglf.cn/h5/index.html?id=6013733698914490897&pid=121839\",\n          Instructions: `\n          【商品权益说明】 <br />\n              1、本产品属于折扣商品，不开具发票；500M为电信通用流量，流量包订购后立即生效；2G-5G网络均可使用高速上网，5G网速具备5G终端；当月有效，不可结转。<br />\n              2、部分地区产品维护导致的充值失败，钱款会在24小时内原路退回；<br />\n              3、适用于中国电信除时长型套餐、天翼20G/40G套餐等已发文明确不允许订购流量包的套餐以外的所有手机用户开放；\n          `\n        },\n        {\n          id: 8,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-01-20.png\"),\n          title: \"流量惠员尊享包（2GB）\",\n          price: \"19.9\",\n          dic: '/ 每月',\n          link: \"https://wx.liulianglf.cn/h5/index.html?id=5499446397527072283&pid=121014\",\n          Instructions: `\n          【商品权益说明】 <br />\n            1、本产品属于折扣商品，不开具发票；2GB为电信通用流量（月包），流量包订购后立即生效；2G-5G网络均可使用高速上网，5G网速具备5G终端；当月有效，不可结转。<br />\n            2、部分地区产品维护导致的充值失败，钱款会在24小时内原路退回；<br />\n            3、适用于中国电信除时长型套餐、天翼20G/40G套餐等已发文明确不允许订购流量包的套餐以外的所有手机用户开放；\n          `\n        },\n        {\n          id: 9,\n          cover: require(\"@/static/imgs/goodImg/Snipaste_2023-07-21_18-01-20.png\"),\n          title: \"流量惠员尊享包（2GB）\",\n          price: \"25.9\",\n          dic: '/ 次',\n          link: \"https://wx.liulianglf.cn/h5/index.html?id=5499446397527072283&pid=121014\",\n          Instructions: `\n          【商品权益说明】 <br />\n            1、本产品属于折扣商品，不开具发票；2GB为电信通用流量，流量包订购后立即生效；2G-5G网络均可使用高速上网，5G网速具备5G终端；当月有效，不可结转。<br />\n            2、部分地区产品维护导致的充值失败，钱款会在24小时内原路退回；<br />\n            3、适用于中国电信除时长型套餐、天翼20G/40G套餐等已发文明确不允许订购流量包的套餐以外的所有手机用户开放；\n          `\n        },\n      ],\n    }\n  },\n  computed: {\n\n    marketPrice() {\n      let marketPrice = this.good.marketPrice;\n      if (marketPrice.length === 1) {\n        return marketPrice[0][0];\n      } else {\n        return marketPrice[0].toString() + '~' + marketPrice.pop().toString()\n      }\n    },\n    soldPrice() {\n      let soldPrice = this.good.soldPrice;\n      if (soldPrice.length === 1) {\n        return soldPrice[0][0];\n      } else {\n        return soldPrice[0].toString() + '~' + soldPrice.pop().toString()\n      }\n    },\n    productName() {\n      // console.log(this.good.params.filter(item => item.id === this.version), 11111111)\n      try {\n        return this.getTitle(this.good.params.filter(item => item.id === this.version)[0]['params'])\n      } catch (err) {\n        return ''\n      }\n\n    },\n    productPrice() {\n      // console.log(this.version)\n      // console.log(this.good.params.filter(item => item.id === this.version))\n      try {\n        return this.good.params.filter(item => item.id === this.version)[0]['sold_price'];\n      } catch (err) {\n        return ''\n      }\n\n    },\n    stockStatus() {\n      // console.log(this.good.params.filter(item => item.id === this.version), 2222)\n      // console.log(this.good.params.filter(item => item.id === this.version)[0])\n      try {\n        return this.good.params.filter(item => item.id === this.version)[0]['status'];\n      } catch (err) {\n        return 0\n      }\n\n    },\n  },\n\n  methods: {\n    getVersion(val) {\n      this.version = val;\n      this.axios.get(`/goods/${val}/`).then(res => {\n        this.sliderList = [res.data.cover];\n      })\n    },\n    getTitle(val) {\n      console.log(val)\n      return val['value']\n\n      // const key = Object.keys(val)[1];\n      // return val[key]\n\n    },\n    swapGood(val) {\n      console.log(val)\n    },\n    getDict(data1) {\n      // 提取key  使用key\n      let data = [\n        {\"版本类型\": \"中国大陆\", \"存储容量\": \"16GB\", \"套餐类型\": \"套餐一\", \"机身颜色\": \"黑色\"},\n        {\"版本类型\": \"中国大陆\", \"存储容量\": \"32GB\", \"套餐类型\": \"套餐二\", \"机身颜色\": \"红色\"},\n\n      ]\n      let a = {\n        '存储类型': ['16GB', '32GB'],\n        '套餐类型': ['套餐一', '套餐二'],\n        '机身颜色': ['红色', '黑色'],\n        'skuId': []\n        // 'su'\n      }\n\n\n      // {\n      // \"skuId\": 69880001836,\n      // \"产品\": \"LL再生洗面奶抗皱保湿150ML\"\n      // }\n      console.log(data1)\n      const keys = Object.keys(data[0]);\n      console.log(keys)\n      const temp = {}\n      const t1 = []\n      for (var i = 0; i < data.length; i++) {\n        console.log(data[i])\n        for (var j = 0; j < keys.length; j++) {\n          if (Object.prototype.hasOwnProperty.call(temp, keys[j])) {\n            t1.push(data[i][keys[j]])\n            temp[keys[j]] = t1\n          } else {\n            temp[keys[j]] = t1\n          }\n\n        }\n      }\n\n      console.log(temp)\n      return a;\n    },\n    getSortProduct() {\n      this.axios.get('/products/', {\n        params: {\n          is_new: 1\n        }\n      }).then((res) => {\n        this.sortList = res.data.list.map(item => {\n          // const temp = JSON.parse(item.params);\n          return {\n            id: item.id,\n            title: item.title,\n            cover: item.pic,\n            price: item.min_price\n            // id: item.be_product.id,\n            // title: item.be_product.title + temp[Object.keys(temp)[1]],\n            // cover: JSON.parse(item['images'])[1],\n            // price: JSON.parse(item.sold_price)\n          }\n        });\n      })\n    },\n    goToOrder() {\n      if(this.good.link){\n        window.open(this.good.link, '_blank');\n        return\n      }\n      // version 是商品id\n      //  直接\n      // let routeData = this.$router.resolve({name: 'confirm', query: {'gid': version, 'num': this.num}});\n      // window.open(routeData.href);\n      // this.$router.push({path: \"confirm\", params: {'gid': version, 'num': this.num}})\n      Message.warning('暂未开放！');\n    },\n    outStcok(id) {\n      console.log(id);\n      Message.warning('该商品已售罄，正在补货');\n    },\n    notifyGood(id) {\n      console.log(id);\n      Message.success('商品到货后我们将以短信的形式通知您');\n    },\n    // 收藏的是产品 不是商品\n    collectProduct(id) {\n      console.log(id)\n      // if (!this.$store.state.token){\n      //   Message.warning('该商品已收藏')\n      //   return\n      // }\n      this.axios.post('/collect/', {\n        product: id\n      }).then(() => {\n        Message.success('搜藏成功')\n        this.getProduct(id);\n      })\n    },\n    collected() {\n      Message.warning('该商品已收藏')\n    },\n    getCartNum() {\n      this.axios.get('/carts/',).then((res) => {\n        this.$store.dispatch('saveCartNums', res.data.total)\n      })\n    },\n    addCart(gid) {\n      // let good_id = this.good.id;\n      this.axios.post('/carts/', {\n        csrftoken: this.$cookie.get('csrftoken'),\n        goods: gid,\n        nums: this.num,\n        is_select: true\n\n      }).then((res) => {\n        console.log(res);\n        this.showModal = true;\n        this.getCartNum();\n      })\n\n    },\n    goToCart() {\n      // this.$router.push('/cart');\n      let routeData = this.$router.resolve({path: '/cart'});\n      window.open(routeData.href, '_blank');\n    },\n    handleChange(value) {\n      if (value === 10) {\n        Message.warning('最大购买数量为10')\n      }\n      // console.log(this.productPrice, typeof this.productPrice, value, this.productPrice * value)\n      this.num = value;\n      // this.productPrice = this.productPrice * value;\n    },\n\n    getProduct(id) {\n      this.axios.get('/products/' + id + '/').then((res) => {\n\n        this.good = [res.data].map(item => {\n          // const paramArr = [];\n          return {\n            // param: paramArr,\n            id: item.id,\n            cateName: item.category.name,\n            // params:item.goods.filter(item => JSON.parse(item.params)),\n            params: item.goods.map(gitem => {\n              // var temp = JSON.parse(gitem.params)\n              // paramArr.push(temp)\n              return {\n                'id': gitem.id,\n                'params': gitem.params,\n                'status': gitem.is_sold,\n                'sold_price': gitem.sold_price\n              }\n            }),\n            brandId: item.brand.id,\n            brandLogo: item.brand.image,\n            brandName: item.brand.en_name,\n            title: item.title,\n            sn: item.sn,\n            desc: '',\n            is_col: item.is_col,\n            detail: item.detail,\n            // marketPrice: `${item.min_price} ~ ${item.max_price}`,\n            marketPrice: item.goods.map(item1 => {\n              return [item1.market_price].sort()\n            }),\n            soldPrice: item.goods.map(item1 => {\n              return [item1.sold_price].sort()\n            })\n\n          }\n        })[0];\n        // console.log(this.good)\n        // this.sliderList = JSON.parse(res.data.images)['images'];\n        // this.sliderList = res.data.images.split(',');\n        this.sliderList = [res.data.pic];\n        document.title = res.data.title + ' - JapanHui'\n      })\n\n    },\n    init() {\n      let flag = this.$route.params\n      // if (Object.prototype.hasOwnProperty.call(flag, 'id') && flag.id !== \"\") {\n      //   this.getProduct(flag.id)\n      // } else {\n      //   this.errorFlag = false;\n      // }\n      let obj = {}\n      this.newList.some(el => {\n        if (el.id == flag.id) {\n          obj = el\n          return true\n        }\n      })\n      this.good.soldPrice = obj.price;\n      this.good.title  = obj.title;\n      this.good.img = obj.cover;\n      this.good.link = obj.link || '';\n      this.good.dic = obj.dic;\n      this.good.Instructions = obj.Instructions;\n    }\n  },\n  mounted() {\n    this.init();\n    // this.getSortProduct()\n  }\n}\n\n\n</script>\n\n<style lang=\"scss\">\n@import '../../assets/scss/swiper-bundle.min.css';\n\n.detail {\n  margin-top: 3px;\n  background-color: #FFFFFF;\n\n  .error {\n    margin: 0 auto;\n    width: 1190px;\n    padding: 20px 0;\n\n    .message {\n\n      height: 300px;\n      background-color: #FFFFFF;\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n\n      .l1 {\n        font-size: 18px;\n        font-weight: bold;\n      }\n\n      .l2 {\n        margin-top: 20px;\n        margin-left: -25px;\n      }\n    }\n\n    .shop-guess {\n      margin-top: 20px;\n      height: 380px;\n      display: flex;\n      flex-direction: column;\n\n      .cate-word {\n        padding: 15px 0;\n        font-size: 22px;\n        height: 21px;\n        line-height: 21px;\n        color: #333;\n      }\n\n      .wrap-shop {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n\n        .new-list {\n          // https://www.jianshu.com/p/e8f236fcf515\n          // 换行布局 wrap\n          display: flex;\n          width: 1190px;\n          justify-content: space-between;\n          text-align: center;\n          flex-wrap: wrap;\n\n          .shop-item {\n            background-color: #FFFFFF;\n            width: 230px;\n            height: 280px;\n\n            .flag {\n              display: inline-block;\n              width: 67px;\n              color: #FFFFFF;\n              height: 24px;\n              font-size: 14px;\n              line-height: 24px;\n              background-color: aquamarine;\n\n              &.new-pro {\n                background-color: aquamarine;\n              }\n\n              &.kill-pro {\n                background-color: #FF6600;\n              }\n            }\n\n            .item-img {\n              width: 160px;\n              height: 160px;\n              margin: 0 auto;\n\n              img {\n                width: 100%;\n                height: 100%;\n              }\n            }\n\n            .item-info {\n              .title {\n                font-size: 14px;\n                color: #333;\n                line-height: 14px;\n                font-weight: 700;\n              }\n\n              .desc {\n                color: #999;\n                line-height: 13px;\n                margin: 6px auto 13px;\n              }\n\n              .price {\n                color: #FF6600;\n                font-size: 14px;\n                font-weight: 700;\n                cursor: pointer;\n\n                &:after {\n                  // 垂直居中\n                  vertical-align: middle;\n                  margin-left: 3px;\n                  content: ' ';\n                  display: inline-block;\n                  width: 28px;\n                  height: 28px;\n                  background: url(\"~@/static/imgs/cart (2).png\") no-repeat center;\n                  background-size: 25px;\n                }\n              }\n            }\n\n            //  https://blog.csdn.net/tenggeer0789/article/details/89478859\n            // 阴影实现\n            &:hover {\n              -webkit-box-shadow: #ccc 0 10px 10px;\n              -moz-box-shadow: #ccc 0 10px 10px;\n              box-shadow: #ccc 0 10px 10px;\n              transition: all .2s;\n            }\n          }\n\n        }\n      }\n    }\n  }\n\n  .container {\n\n    width: 1200px;\n    margin: 0 auto;\n\n\n    .product {\n      .crumb {\n        padding: 10px 0;\n        display: flex;\n        align-items: center;\n        height: 30px;\n      }\n\n      .content {\n        display: flex;\n        justify-content: center;\n\n        .left {\n          width: 600px;\n\n          .swiper-container {\n            width: 500px;\n            height: 500px;\n            text-align: center;\n            line-height: 600px;\n\n            img {\n              width: 180px;\n              height: 180px;\n            }\n          }\n\n\n        }\n\n        .right {\n          width: 600px;\n\n          .item-title {\n            font-size: 28px;\n            padding-top: 30px;\n            padding-bottom: 16px;\n            //height: 26px;\n          }\n\n          .item-info {\n            font-size: 14px;\n            //height: 36px;\n          }\n\n          .item-price {\n            margin-top: 15px;\n            font-size: 20px;\n            color: #ff6700;\n            height: 19px;\n\n            .del {\n              font-size: 16px;\n              color: #999;\n              margin-left: 10px;\n              text-decoration: line-through;\n            }\n          }\n\n          .line {\n            margin-top: 20px;\n            border-top: 2px solid #F8F8F8;\n          }\n\n          .item-nums {\n            h2 {\n              font-size: 20px;\n              margin: 15px 0;\n            }\n\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\n            .num-right {\n              margin-top: 10px;\n              margin-right: 10px;\n            }\n          }\n\n          .item-version {\n            h2 {\n              font-size: 20px;\n              margin: 15px 0;\n            }\n\n            .info-list {\n              width: 600px;\n              display: flex;\n              justify-content: flex-start;\n              flex-wrap: wrap;\n\n              .checked {\n                border: 1px solid #ff6600 !important;\n              }\n\n              .phone {\n                margin: 10px;\n                width: 600px;\n                min-height: 50px;\n                line-height: 50px;\n                font-size: 16px;\n                color: #333;\n                border: 1px solid #e5e5e5;\n                -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n                text-align: center;\n                cursor: pointer;\n              }\n            }\n          }\n\n          .total {\n            height: 60px;\n            background: #fafafa;\n            padding: 20px 33px 24px 30px;\n            font-size: 14px;\n            margin: 20px 0;\n            -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n\n            .phone-info {\n              min-height: 30px !important;\n\n              .fl {\n                float: left;\n              }\n\n              .fr {\n                color: #ff6600;\n                font-weight: bold;\n                float: right;\n                font-size: 18px;\n              }\n            }\n          }\n\n          .btn-submit {\n            margin-top: 30px;\n            width: 600px;\n            height: 54px;\n            line-height: 54px;\n            font-size: 16px;\n            //background-color: #ff6600;\n            //text-align: center;\n            display: flex;\n            justify-content: flex-start;\n\n            .btn-1 {\n              width: 150px;\n              height: 50px;\n              line-height: 50px;\n              background-color: #ff6600;\n              text-align: center;\n              cursor: pointer;\n\n              a {\n                color: #FFFFFF;\n              }\n            }\n\n            .btn-2 {\n              width: 150px;\n              height: 50px;\n              line-height: 50px;\n              background-color: #ff6600;\n              text-align: center;\n              margin-left: 30px;\n              cursor: pointer;\n\n              a {\n                color: #FFFFFF;\n              }\n            }\n\n            .btn-3 {\n              width: 100px;\n              height: 50px;\n              line-height: 50px;\n              background-color: #999999;\n              text-align: center;\n              margin-left: 30px;\n              cursor: pointer;\n\n              a {\n                color: #FFFFFF;\n              }\n            }\n\n            .btn-4 {\n              width: 150px;\n              height: 50px;\n              line-height: 50px;\n              background-color: #ff6600;\n              text-align: center;\n              //margin-left: 30px;\n              cursor: pointer;\n\n              a {\n                color: #FFFFFF;\n              }\n            }\n\n          }\n        }\n      }\n    }\n\n    .line {\n      margin-top: 40px;\n      border-top: 2px solid #F8F8F8;\n    }\n\n\n    .desc {\n      margin-top: 30px;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n\n      .left {\n        width: 200px;\n        min-height: 500px;\n        border: 2px solid #F5F5F5;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: center;\n\n        .brand {\n          .brand-title {\n            margin-top: 10px;\n            font-size: 1.2rem;\n            font-weight: bold;\n            padding-bottom: 5px;\n            text-align: center;\n            border-bottom: 2px solid #F5F5F5;\n          }\n\n          width: 180px;\n          height: 180px;\n          border-bottom: 2px solid #F5F5F5;\n\n          img {\n            width: 100%;\n            height: 100%;\n          }\n        }\n\n        .hot {\n\n          .hot-title {\n            margin-top: 10px;\n            font-size: 1.2rem;\n            text-align: center;\n            font-weight: bold;\n            padding-bottom: 5px;\n            border-bottom: 3px solid #F5F5F5;\n          }\n\n          .new-list {\n            // https://www.jianshu.com/p/e8f236fcf515\n            // 换行布局 wrap\n            display: flex;\n            width: 180px;\n            justify-content: flex-start;\n            align-items: center;\n            flex-direction: column;\n\n\n            .shop-item {\n              display: flex;\n              flex-direction: column;\n              justify-content: space-around;\n              margin: 5px 0;\n              background-color: #FFFFFF;\n              width: 170px;\n              min-height: 250px;\n              text-align: center;\n              border-bottom: 2px solid #F5F5F5;\n\n              &:last-child {\n                border-bottom: none;\n              }\n\n              .flag {\n                display: inline-block;\n                width: 67px;\n                color: #FFFFFF;\n                height: 24px;\n                font-size: 14px;\n                line-height: 24px;\n                background-color: aquamarine;\n\n                &.new-pro {\n                  background-color: aquamarine;\n                }\n\n                &.kill-pro {\n                  background-color: #FF6600;\n                }\n              }\n\n              .item-img {\n                width: 160px;\n                height: 160px;\n                margin: 0 auto;\n\n                img {\n                  width: 100%;\n                  height: 100%;\n                }\n              }\n\n              .item-info {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n\n                .title {\n                  margin-top: 10px;\n                  font-size: 14px;\n                  color: #333;\n                  padding: 0 8px;\n                  line-height: 20px;\n                  font-weight: 700;\n                }\n\n                .desc {\n                  color: #999;\n                  line-height: 13px;\n                  margin-top: 10px;\n\n                }\n\n                .price {\n                  margin-top: 10px;\n                  color: #FF6600;\n                  font-size: 14px;\n                  font-weight: 700;\n                }\n              }\n\n\n            }\n\n          }\n        }\n      }\n\n      .right {\n        width: 980px;\n        border: 2px solid #F5F5F5;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n\n        .right-title {\n          height: 50px;\n          padding-left: 30px;\n          line-height: 50px;\n          background-color: #F5F5F5;\n          font-size: 1.5rem;\n          font-weight: bold;\n        }\n\n        .right-content {\n          font-size: 16px;\n          padding: 25px;\n        }\n      }\n    }\n  }\n}\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!./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=a5469cf2&\"\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=a5469cf2&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  null,\n  null\n  \n)\n\nexport default component.exports","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=a5469cf2&prod&lang=scss&\""],"sourceRoot":""}