{"version":3,"sources":["webpack:///./src/views/product/Index.vue?3a12","webpack:///src/views/product/Index.vue","webpack:///./src/views/product/Index.vue?ea4a","webpack:///./src/views/product/Index.vue","webpack:///./src/components/ProductHeader.vue?75da","webpack:///src/components/ProductHeader.vue","webpack:///./src/components/ProductHeader.vue?dbf2","webpack:///./src/components/ProductHeader.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","class","paytype","loan_type","attrs","info","isShowVr","directives","name","rawName","value","expression","step","on","$event","code","_v","showVideo","_e","vr_out_url","_s","domProps","superiority","next","model","callback","$$v","showReserve","submitReserve","reserveField","$set","dealers","reserve","scopedSlots","_u","key","fn","proxy","minDate","showAttrImg","attr","showVideoModal","_l","video","v","path","staticRenderFns","data","$route","params","localStorage","config","localattr","id","localpaytype","localDefaultLoan","videos","image","showTips","deploy","parameter","default","thumb","price","pid","mobile","did","time","showFooter","components","ProductHeader","watch","n","getProduct","computed","mounted","$scroll","cookie","methods","getAttr","thisattr","selectAttr","param","changeFun","action","updatePayType","defaultLoan","length","$dialog","error","$router","push","component","nav","i","centerNavs","props","product","type","Object","isNextStep","Boolean","indexOf","logout","$bvModal"],"mappings":"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","file":"h5/js/chunk-b05aed14.fe88c37f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\",staticClass:\"product-detail product-detail-index\",class:'paytype-' + _vm.paytype + ' loantype-' + _vm.loan_type},[_c('ProductHeader',{attrs:{\"product\":_vm.info}}),_c('div',{ref:\"contentContainer\",staticClass:\"container-fluid h-100\"},[_c('div',{staticClass:\"row justify-content-center h-100\"},[_c('div',{staticClass:\"col-xl-9 col-lg-8 col-sm-12 h-100 padding left-wrap\"},[(_vm.isShowVr == false)?_c('div',{staticClass:\"image-box d-flex justify-content-center align-items-center\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.info.image),expression:\"info.image\"}],staticClass:\"img-fluid\",attrs:{\"alt\":_vm.info.name}}),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step == 1),expression:\"step == 1\"}],staticClass:\"center\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){_vm.isShowVr = true}}}),_c('ul',{staticClass:\"right-box\"},[_c('li',[_c('router-link',{staticClass:\"car-detail acea-row row-center-wrapper h-100\",attrs:{\"to\":'/product/' + _vm.info.code + '/detail',\"id\":\"car-detail\"}},[_c('i'),_vm._v(\" 车型介绍 \")])],1),_c('li',[_c('a',{staticClass:\"car-video acea-row row-center-wrapper h-100\",attrs:{\"href\":\"javascript:;\",\"id\":\"car-video\"},on:{\"click\":_vm.showVideo}},[_c('i'),_vm._v(\" 视频观看 \")])])])]):_vm._e(),(_vm.isShowVr == true)?_c('div',{staticClass:\"vr\"},[_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){_vm.isShowVr = false}}},[_vm._v(\"×\")]),_c('div',{staticClass:\"content position-absolute\"},[_c('iframe',{attrs:{\"src\":_vm.info.vr_out_url}})])]):_vm._e()]),_c('div',{staticClass:\"col-xl-3 col-lg-4 col-sm-12 right-info h-100\"},[_c('h1',{staticClass:\"font-20\"},[_vm._v(_vm._s(_vm.info.name))]),_c('div',{staticClass:\"line w-100\"}),_c('div',{staticClass:\"deploy w-100\"},[_c('h3',{staticClass:\"font-17\"},[_vm._v(\"主要配置参数\")]),_c('div',{staticClass:\"content font-15\",domProps:{\"innerHTML\":_vm._s(_vm.info.superiority)}}),_c('div',{staticClass:\"font-16 more text-right\"})]),_c('div',{staticClass:\"btn-wrap col-xl-3 col-lg-4 col-sm-12 position-fixed\"},[_c('button',{staticClass:\"btn btn-info btn-block btn-radius font-16\",attrs:{\"type\":\"button\",\"id\":\"nextBuyBtn\"},on:{\"click\":_vm.next}},[_vm._v(\" 点击购车 \")])]),(_vm.info.showTips)?_c('b-tooltip',{attrs:{\"show\":\"\",\"target\":\"nextBuyBtn\",\"custom-class\":\"activity-tips\",\"triggers\":\"manual\",\"variant\":\"danger\"}},[_vm._v(\"点击找福袋\")]):_vm._e()],1)])]),_c('b-modal',{attrs:{\"size\":\"lg\",\"title\":\"预约试驾\",\"hide-footer\":\"\",\"header-bg-variant\":'info',\"header-text-variant\":'light',\"centered\":\"\",\"modal-class\":'common-modal reserve',\"no-close-on-backdrop\":true},model:{value:(_vm.showReserve),callback:function ($$v) {_vm.showReserve=$$v},expression:\"showReserve\"}},[_c('div',{staticClass:\"d-block\"},[_c('h3',{staticClass:\"font-16\"},[_vm._v(\" 欢迎您在线预约试驾，现代商用车很重视您所提交的一切信息，这将令我们更了解您的需求和喜好 并为您提供更好的驾乘体验 \")]),_c('div',{staticClass:\"tip font-18\"},[_c('b',[_vm._v(\"已选车型:\")]),_c('span',[_vm._v(_vm._s(_vm.info.name))])]),_c('b-form',{staticClass:\"common-form\",on:{\"submit\":_vm.submitReserve}},[_c('b-row',[_c('b-col',{staticClass:\"item row margin\",attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('label',{staticClass:\"col-lg-4 col-sm-12 padding mb-0\"},[_vm._v(\"姓名：\")]),_c('b-input',{staticClass:\"col-lg-8 col-sm-12 padding\",attrs:{\"placeholder\":\"请输入您的姓名\"},model:{value:(_vm.reserveField.name),callback:function ($$v) {_vm.$set(_vm.reserveField, \"name\", $$v)},expression:\"reserveField.name\"}})],1),_c('b-col',{staticClass:\"item row margin\",attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('label',{staticClass:\"col-lg-4 col-sm-12 padding mb-0\"},[_vm._v(\"联系电话：\")]),_c('b-input',{staticClass:\"col-lg-8 col-sm-12 padding\",attrs:{\"placeholder\":\"请输入您的联系电话\"},model:{value:(_vm.reserveField.mobile),callback:function ($$v) {_vm.$set(_vm.reserveField, \"mobile\", $$v)},expression:\"reserveField.mobile\"}})],1)],1),_c('b-row',[_c('b-col',{staticClass:\"item row margin\",attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('label',{staticClass:\"col-lg-4 col-sm-12 padding mb-0\"},[_vm._v(\"选择经销商：\")]),_c('b-select',{staticClass:\"col-lg-8 col-sm-12 padding\",attrs:{\"options\":_vm.info.dealers.reserve,\"value-field\":\"id\",\"text-field\":\"name\"},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('b-form-select-option',{attrs:{\"value\":''}},[_vm._v(\"请选择经销商\")])]},proxy:true}]),model:{value:(_vm.reserveField.did),callback:function ($$v) {_vm.$set(_vm.reserveField, \"did\", $$v)},expression:\"reserveField.did\"}})],1),_c('b-col',{staticClass:\"row margin item\",attrs:{\"lg\":\"6\",\"sm\":\"12\"}},[_c('label',{staticClass:\"col-lg-4 col-sm-12 padding mb-0\"},[_vm._v(\"试驾时间：\")]),_c('b-form-datepicker',{staticClass:\"col-lg-8 col-sm-12 padding\",attrs:{\"placeholder\":\"请选择试驾时间\",\"local\":\"zh-cn\",\"min\":_vm.reserveField.minDate},model:{value:(_vm.reserveField.time),callback:function ($$v) {_vm.$set(_vm.reserveField, \"time\", $$v)},expression:\"reserveField.time\"}})],1)],1),_c('b-row',{staticClass:\"btn-wrap\"},[_c('b-col',{staticClass:\"text-center\"},[_c('b-button',{staticClass:\"font-20\",attrs:{\"type\":\"submit\",\"variant\":\"info\"}},[_vm._v(\"预约试驾\")])],1)],1)],1)],1)]),_c('b-modal',{attrs:{\"size\":\"xl\",\"hide-footer\":\"\",\"modal-class\":\"photo\"},model:{value:(_vm.showAttrImg),callback:function ($$v) {_vm.showAttrImg=$$v},expression:\"showAttrImg\"}},[_c('div',{staticClass:\"acea-row row-center-wrapper\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.attr.parameter),expression:\"attr.parameter\"}]})])]),_c('b-modal',{attrs:{\"size\":\"xl\",\"hide-footer\":\"\",\"modal-class\":\"photo\"},model:{value:(_vm.showVideoModal),callback:function ($$v) {_vm.showVideoModal=$$v},expression:\"showVideoModal\"}},[_c('div',{staticClass:\"videos acea-row row-center-wrapper\"},[_c('b-carousel',{attrs:{\"interval\":0,\"controls\":\"\",\"background\":\"transparent\"}},[_vm._l((_vm.info.videos),function(video,v){return [_c('b-carousel-slide',{key:v,attrs:{\"caption\":\"\",\"img-blank\":\"\",\"img-alt\":\"\",\"img-height\":\"100%\"},scopedSlots:_vm._u([{key:\"img\",fn:function(){return [_c('b-embed',{attrs:{\"type\":\"video\",\"aspect\":\"16by9\",\"controls\":\"\",\"poster\":\"\"}},[_c('source',{attrs:{\"src\":video.path,\"type\":\"video/mp4\"}})])]},proxy:true}],null,true)})]})],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"product-detail product-detail-index\"\r\n    ref=\"container\"\r\n    :class=\"'paytype-' + paytype + ' loantype-' + loan_type\"\r\n  >\r\n    <ProductHeader :product=\"info\"></ProductHeader>\r\n    <div class=\"container-fluid h-100\" ref=\"contentContainer\">\r\n      <div class=\"row justify-content-center h-100\">\r\n        <div class=\"col-xl-9 col-lg-8 col-sm-12 h-100 padding left-wrap\">\r\n          <div\r\n            class=\"image-box d-flex justify-content-center align-items-center\"\r\n            v-if=\"isShowVr == false\"\r\n          >\r\n            <img v-lazy=\"info.image\" :alt=\"info.name\" class=\"img-fluid\" />\r\n            <a\r\n              href=\"javascript:;\"\r\n              class=\"center\"\r\n              v-show=\"step == 1\"\r\n              @click=\"isShowVr = true\"\r\n            ></a>\r\n            <ul class=\"right-box\">\r\n              <li>\r\n                <router-link\r\n                  :to=\"'/product/' + info.code + '/detail'\"\r\n                  id=\"car-detail\"\r\n                  class=\"car-detail acea-row row-center-wrapper h-100\"\r\n                  ><i></i> 车型介绍\r\n                </router-link>\r\n              </li>\r\n              <li>\r\n                <a\r\n                  href=\"javascript:;\"\r\n                  id=\"car-video\"\r\n                  @click=\"showVideo\"\r\n                  class=\"car-video acea-row row-center-wrapper h-100\"\r\n                  ><i></i> 视频观看\r\n                  </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <div class=\"vr\" v-if=\"isShowVr == true\">\r\n            <button class=\"close\" type=\"button\" @click=\"isShowVr = false\">×</button>\r\n\r\n            <div class=\"content position-absolute\">\r\n              <iframe :src=\"info.vr_out_url\"></iframe>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-xl-3 col-lg-4 col-sm-12 right-info h-100\">\r\n          <h1 class=\"font-20\">{{ info.name }}</h1>\r\n\r\n          <div class=\"line w-100\"></div>\r\n          <div class=\"deploy w-100\">\r\n            <h3 class=\"font-17\">主要配置参数</h3>\r\n            <div class=\"content font-15\" v-html=\"info.superiority\"></div>\r\n            <div class=\"font-16 more text-right\">\r\n              <!-- <a href=\"javascript:;\" @click=\"showAttrImg = true\">查看更多></a> -->\r\n            </div>\r\n          </div>\r\n          <div class=\"btn-wrap col-xl-3 col-lg-4 col-sm-12 position-fixed\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-info btn-block btn-radius font-16\"\r\n              id=\"nextBuyBtn\"\r\n              @click=\"next\"\r\n            >\r\n              点击购车\r\n            </button>\r\n          </div>\r\n          <b-tooltip show target=\"nextBuyBtn\" custom-class=\"activity-tips\" triggers=\"manual\" variant=\"danger\" v-if=\"info.showTips\">点击找福袋</b-tooltip>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- <ProductFooter\r\n      :product=\"info\"\r\n      :attr=\"attr\"\r\n      :showFooter=\"showFooter\"\r\n      v-on:changeFun=\"changeFun\"\r\n    ></ProductFooter> -->\r\n\r\n    <b-modal\r\n      v-model=\"showReserve\"\r\n      size=\"lg\"\r\n      title=\"预约试驾\"\r\n      hide-footer\r\n      :header-bg-variant=\"'info'\"\r\n      :header-text-variant=\"'light'\"\r\n      centered\r\n      :modal-class=\"'common-modal reserve'\"\r\n      :no-close-on-backdrop=\"true\"\r\n    >\r\n      <div class=\"d-block\">\r\n        <h3 class=\"font-16\">\r\n          欢迎您在线预约试驾，现代商用车很重视您所提交的一切信息，这将令我们更了解您的需求和喜好\r\n          并为您提供更好的驾乘体验\r\n        </h3>\r\n        <div class=\"tip font-18\">\r\n          <b>已选车型:</b><span>{{ info.name }}</span>\r\n        </div>\r\n        <b-form @submit=\"submitReserve\" class=\"common-form\">\r\n          <b-row>\r\n            <b-col lg=\"6\" sm=\"12\" class=\"item row margin\">\r\n              <label class=\"col-lg-4 col-sm-12 padding mb-0\">姓名：</label>\r\n              <b-input\r\n                class=\"col-lg-8 col-sm-12 padding\"\r\n                placeholder=\"请输入您的姓名\"\r\n                v-model=\"reserveField.name\"\r\n              ></b-input>\r\n            </b-col>\r\n            <b-col lg=\"6\" sm=\"12\" class=\"item row margin\">\r\n              <label class=\"col-lg-4 col-sm-12 padding mb-0\">联系电话：</label>\r\n              <b-input\r\n                class=\"col-lg-8 col-sm-12 padding\"\r\n                placeholder=\"请输入您的联系电话\"\r\n                v-model=\"reserveField.mobile\"\r\n              ></b-input>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row>\r\n            <b-col lg=\"6\" sm=\"12\" class=\"item row margin\">\r\n              <label class=\"col-lg-4 col-sm-12 padding mb-0\">选择经销商：</label>\r\n              <b-select\r\n                class=\"col-lg-8 col-sm-12 padding\"\r\n                v-model=\"reserveField.did\"\r\n                :options=\"info.dealers.reserve\"\r\n                value-field=\"id\"\r\n                text-field=\"name\"\r\n              >\r\n                <template v-slot:first>\r\n                  <b-form-select-option :value=\"''\">请选择经销商</b-form-select-option>\r\n                </template>\r\n              </b-select>\r\n            </b-col>\r\n            <b-col lg=\"6\" sm=\"12\" class=\"row margin item\">\r\n              <label class=\"col-lg-4 col-sm-12 padding mb-0\">试驾时间：</label>\r\n              <b-form-datepicker\r\n                placeholder=\"请选择试驾时间\"\r\n                local=\"zh-cn\"\r\n                class=\"col-lg-8 col-sm-12 padding\"\r\n                v-model=\"reserveField.time\"\r\n                :min=\"reserveField.minDate\"\r\n              ></b-form-datepicker>\r\n            </b-col>\r\n          </b-row>\r\n          <b-row class=\"btn-wrap\">\r\n            <b-col class=\"text-center\">\r\n              <b-button type=\"submit\" variant=\"info\" class=\"font-20\">预约试驾</b-button>\r\n            </b-col>\r\n          </b-row>\r\n        </b-form>\r\n      </div>\r\n    </b-modal>\r\n    <b-modal v-model=\"showAttrImg\" size=\"xl\" hide-footer modal-class=\"photo\">\r\n      <div class=\"acea-row row-center-wrapper\">\r\n        <img v-lazy=\"attr.parameter\" />\r\n      </div>\r\n    </b-modal>\r\n    <b-modal v-model=\"showVideoModal\" size=\"xl\" hide-footer modal-class=\"photo\">\r\n      <div class=\"videos acea-row row-center-wrapper\">\r\n        <b-carousel :interval=\"0\" controls background=\"transparent\">\r\n          <template v-for=\"(video, v) in info.videos\">\r\n            <b-carousel-slide caption=\"\" img-blank img-alt=\"\" img-height=\"100%\" :key=\"v\">\r\n              <template v-slot:img>\r\n                <b-embed type=\"video\" aspect=\"16by9\" controls poster=\"\">\r\n                  <source :src=\"video.path\" type=\"video/mp4\" />\r\n                </b-embed>\r\n              </template>\r\n            </b-carousel-slide>\r\n          </template>\r\n        </b-carousel>\r\n      </div>\r\n    </b-modal>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getProductDetail, postReserve } from \"@api/product\";\r\nimport ProductHeader from \"@components/ProductHeader\";\r\nimport localStorage from \"@utils/store/localStorage\";\r\nimport { required, chs_phone, numberType } from \"@utils/validate\";\r\nimport { validatorDefaultCatch } from \"@utils/dialog\";\r\nimport cookie from \"@utils/store/cookie\";\r\n\r\nexport default {\r\n  name: \"Product\",\r\n  data() {\r\n    const now = new Date();\r\n    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\r\n    const minDate = new Date(today);\r\n    let localattr,\r\n      localpaytype,\r\n      code,\r\n      localDefaultLoan = {\r\n        loan_type: 1,\r\n      };\r\n    code = this.$route.params.code || \"\";\r\n    if (localStorage.has(\"hyundai-trucknbus-buycar-attr-\" + code)) {\r\n      let config = localStorage.get(\"hyundai-trucknbus-buycar-attr-\" + code);\r\n      if (config) {\r\n        localattr = config.attr || {\r\n          id: 0,\r\n        };\r\n      }\r\n    }\r\n    if (localStorage.has(\"hyundai-trucknbus-buycar-payconfig-\" + code)) {\r\n      let config = localStorage.get(\"hyundai-trucknbus-buycar-payconfig-\" + code);\r\n      if (config) {\r\n        localpaytype = config.paytype || 1;\r\n        localDefaultLoan = config.defaultLoan || {};\r\n      }\r\n    }\r\n    return {\r\n      info: {\r\n        id: 0,\r\n        dealers: {\r\n          reserve: [],\r\n          videos: [],\r\n        },\r\n        superiority: \"\",\r\n        image: \"\",\r\n        showTips:false\r\n      },\r\n      attr: localattr || {\r\n        id: 0,\r\n        deploy: \"\",\r\n        parameter: \"\",\r\n        default: 0,\r\n        thumb: \"\",\r\n        price: 0,\r\n      },\r\n      step: 1,\r\n      code: code || \"\",\r\n      showReserve: false,\r\n      showAttrImg: false,\r\n      isShowVr: false,\r\n      reserveField: {\r\n        pid: 0,\r\n        name: \"\",\r\n        mobile: \"\",\r\n        did: \"\",\r\n        time: \"\",\r\n        minDate: minDate,\r\n      },\r\n      paytype: localpaytype || 1,\r\n      loan_type: localDefaultLoan.loan_type || 1,\r\n      showFooter: false,\r\n      showVideoModal: false\r\n    };\r\n  },\r\n  components: {\r\n    ProductHeader\r\n  },\r\n  watch: {\r\n    $route(n) {\r\n      if (n.name === \"Product\") this.getProduct();\r\n    },\r\n  },\r\n  computed: {},\r\n  mounted() {\r\n    this.code = this.$route.params.code || \"\";\r\n    this.getProduct();\r\n    this.$scroll(\r\n      this.$refs.container,\r\n      () => {\r\n        this.showFooter = true;\r\n      },\r\n      () => {\r\n        this.showFooter = false;\r\n      }\r\n    );\r\n    if (!cookie.has(\"hyundai_version\")) {\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-attr-\" + this.code);\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-refit-color-\" + this.code);\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-payconfig-\" + this.code);\r\n      cookie.set(\"hyundai_version\", this.$config.version);\r\n    }\r\n    if (cookie.get(\"hyundai_version\") != this.$config.version) {\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-attr-\" + this.code);\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-refit-color-\" + this.code);\r\n      localStorage.remove(\"hyundai-trucknbus-buycar-payconfig-\" + this.code);\r\n      cookie.set(\"hyundai_version\", this.$config.version);\r\n    }\r\n  },\r\n  methods: {\r\n    getProduct() {\r\n      let that = this;\r\n      getProductDetail(that.code).then(\r\n        (res) => {\r\n          that.info = res.data;\r\n          that.reserveField.pid = res.data.id || 0;\r\n          // that.getAttr();\r\n          that.$store.commit(\"UPDATE_TITLE\", res.data.name);\r\n        },\r\n        (error) => {\r\n          that.$dialog.message(error.msg);\r\n          that.$route.go(-1);\r\n        }\r\n      );\r\n    },\r\n    getAttr() {\r\n      if (this.info.attrs) {\r\n        for (let i = 0; i < this.info.attrs.length; i++) {\r\n          const thisattr = this.info.attrs[i];\r\n          if (thisattr.default == 1) {\r\n            this.$set(this, \"attr\", thisattr);\r\n          }\r\n        }\r\n      }\r\n    },\r\n    async submitReserve(evt) {\r\n      evt.preventDefault();\r\n      let that = this;\r\n      const { name, mobile, did, time } = that.reserveField;\r\n      try {\r\n        await that\r\n          .$validator({\r\n            name: [required(\"请填写姓名\")],\r\n            mobile: [\r\n              required(required.message(\"联系电话\")),\r\n              chs_phone(chs_phone.message(\"手机号\")),\r\n            ],\r\n            did: [numberType(numberType(\"请选择经销商\"))],\r\n            time: [required(required(\"请选择试驾时间\"))],\r\n          })\r\n          .validate({\r\n            name,\r\n            mobile,\r\n            did,\r\n            time,\r\n          });\r\n      } catch (e) {\r\n        validatorDefaultCatch(e);\r\n        return;\r\n      }\r\n      postReserve(that.reserveField)\r\n        .then((res) => {\r\n          that.$dialog.success(res.msg);\r\n          setTimeout(() => {\r\n            that.showReserve = false;\r\n          }, 500);\r\n        })\r\n        .catch((res) => {\r\n          that.$dialog.error(res.msg);\r\n        });\r\n    },\r\n    selectAttr(param) {\r\n      this.attr = param;\r\n      localStorage.set(\r\n        \"hyundai-trucknbus-buycar-attr-\" + this.info.code,\r\n        {\r\n          attr: this.attr,\r\n        },\r\n        10080\r\n      );\r\n    },\r\n    changeFun: function (opt) {\r\n      if (typeof opt !== \"object\") opt = {};\r\n      let action = opt.action || \"\";\r\n      let value = opt.value === undefined ? \"\" : opt.value;\r\n      this[action] && this[action](value);\r\n    },\r\n    updatePayType: function (value) {\r\n      if (value.paytype) {\r\n        this.paytype = value.paytype;\r\n      }\r\n      if (value.defaultLoan) {\r\n        this.loan_type = value.defaultLoan.loan_type || 1;\r\n      }\r\n    },\r\n    showVideo() {\r\n      if (this.info.videos.length == 0) {\r\n        return this.$dialog.error(\"暂无视频\");\r\n      }\r\n      this.showVideoModal = true;\r\n    },\r\n    next() {\r\n      // if (this.attr.id == 0) {\r\n      //   return this.$dialog.error(\"请选择一个配置\");\r\n      // }\r\n      // localStorage.set(\r\n      //   \"hyundai-trucknbus-buycar-attr-\" + this.info.code,\r\n      //   {\r\n      //     attr: this.attr\r\n      //   },\r\n      //   10080\r\n      // );\r\n      this.$router.push({\r\n        path: \"/product/\" + this.info.code + \"/design\",\r\n      });\r\n    }\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=6177d62c&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topbar fixed-top\"},[_c('div',{staticClass:\" container-fluid navbar-wrap\"},[_c('b-navbar',{staticClass:\"nav-main\",attrs:{\"toggleable\":\"lg\",\"type\":\"light\",\"variant\":\"white\"}},[_c('b-navbar-brand',{staticClass:\"col-sm-6 col-6 col-lg-2 col-md-3 col-xl-2 padding\",attrs:{\"href\":\"/\"}},[_c('img',{staticClass:\"image logo\",attrs:{\"src\":require(\"@assets/images/logo.png\")}})]),_c('div',{staticClass:\"right flex-level flex-right col-xs-6 d-block d-sm-block d-lg-none d-md-block\"},[_c('router-link',{staticClass:\"navbar-toggler\",attrs:{\"to\":\"/member\"}},[_c('i',{staticClass:\"icon icon-user1\"})]),_c('b-navbar-toggle',{staticClass:\"d-none\",attrs:{\"target\":\"nav-collapse\"}},[[_c('i',{staticClass:\"icon icon-menu\"})]],2),_c('router-link',{staticClass:\"navbar-toggler\",attrs:{\"to\":\"/member\"}},[_vm._v(\"我的\")])],1),_c('b-collapse',{attrs:{\"id\":\"nav-collapse\",\"is-nav\":\"\"}},[_c('b-navbar-nav',{staticClass:\"acea-row row-middle step-nav\"},[_vm._l((_vm.centerNavs),function(nav,i){return [_c('b-nav-item',{key:i,staticClass:\"acea-row row-middle\",class:_vm.step == nav.step ? 'active' : '',attrs:{\"href\":nav.path}},[_c('div',{staticClass:\"flex\"},[_c('i',[_vm._v(_vm._s(nav.step))]),_c('span',{staticClass:\"flex1\"},[_vm._v(_vm._s(nav.name))])])])]})],2),_c('b-navbar-nav',{staticClass:\"ml-auto acea-row row-middle search-navbar d-none\",attrs:{\"right\":\"\"}},[_c('b-nav-form',{staticClass:\"search-box\"},[_c('b-form-input',{staticClass:\"mr-sm-2\",attrs:{\"placeholder\":\"搜索\"}}),_c('b-button',{attrs:{\"size\":\"sm\",\"type\":\"submit\"}},[_c('i',{staticClass:\"icon icon-search\"})])],1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"topbar fixed-top\">\r\n    <div class=\" container-fluid navbar-wrap\">\r\n      <b-navbar toggleable=\"lg\" type=\"light\" variant=\"white\" class=\"nav-main\">\r\n        <b-navbar-brand\r\n          href=\"/\"\r\n          class=\"col-sm-6 col-6 col-lg-2 col-md-3 col-xl-2 padding\"\r\n          ><img src=\"@assets/images/logo.png\" class=\"image logo\"\r\n        /></b-navbar-brand>\r\n        <div\r\n          class=\"right flex-level flex-right col-xs-6 d-block d-sm-block d-lg-none d-md-block\"\r\n        >\r\n          <router-link to=\"/member\" class=\"navbar-toggler\">\r\n            <i class=\"icon icon-user1\"></i>\r\n          </router-link>\r\n          <b-navbar-toggle target=\"nav-collapse\" class=\"d-none\">\r\n            <template>\r\n              <i class=\"icon icon-menu\"></i>\r\n            </template>\r\n          </b-navbar-toggle>\r\n          <router-link to=\"/member\" class=\"navbar-toggler\">我的</router-link>\r\n        </div>\r\n        <b-collapse id=\"nav-collapse\" is-nav>\r\n          <b-navbar-nav class=\"acea-row row-middle step-nav\">\r\n            <template v-for=\"(nav, i) in centerNavs\">\r\n              <b-nav-item\r\n                :key=\"i\"\r\n                :href=\"nav.path\"\r\n                :class=\"step == nav.step ? 'active' : ''\"\r\n                class=\"acea-row row-middle\"\r\n                ><div class=\"flex\">\r\n                  <i>{{ nav.step }}</i\r\n                  ><span class=\"flex1\">{{ nav.name }}</span>\r\n                </div></b-nav-item\r\n              >\r\n            </template>\r\n          </b-navbar-nav>\r\n          <b-navbar-nav\r\n            right\r\n            class=\"ml-auto acea-row row-middle search-navbar d-none\"\r\n          >\r\n            <b-nav-form class=\"search-box\">\r\n              <b-form-input class=\"mr-sm-2\" placeholder=\"搜索\"></b-form-input>\r\n              <b-button size=\"sm\" class=\"\" type=\"submit\"\r\n                ><i class=\"icon icon-search\"></i\r\n              ></b-button>\r\n            </b-nav-form>\r\n          </b-navbar-nav>\r\n        </b-collapse>\r\n      </b-navbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getLogout } from \"@api/user\";\r\nimport { clearAuthStatus } from \"@libs/wechat\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"ProductHeader\",\r\n  data() {\r\n    return {\r\n      code: \"\",\r\n      centerNavs: []\r\n    };\r\n  },\r\n  props: {\r\n    product: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    isNextStep: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      navs: \"navs\",\r\n      isLogin: \"isLogin\"\r\n    }),\r\n    step() {\r\n      let step = 1;\r\n      if (this.$route.path.indexOf(\"design\") >= 0) {\r\n        step = 2;\r\n      } else if (this.$route.path.indexOf(\"pay\") >= 0) {\r\n        step = 4;\r\n      } else if (\r\n        this.$route.path.indexOf(\"order\") >= 0 ||\r\n        this.$route.path.indexOf(\"submit\") >= 0\r\n      ) {\r\n        step = 3;\r\n      }\r\n      return step;\r\n    }\r\n  },\r\n  watch: {\r\n    isNextStep: function() {\r\n      if (this.step == 2) {\r\n        this.centerNavs[2][\"path\"] = this.isNextStep\r\n          ? \"/product/\" + this.code + \"/order\"\r\n          : \"#\";\r\n      }\r\n    },\r\n    product: function() {\r\n      this.code = this.product.code || \"\";\r\n      this.centerNavs = [\r\n        {\r\n          name: \"车型介绍\",\r\n          step: 1,\r\n          path: \"/product/\" + this.code\r\n        },\r\n        {\r\n          name: \"配置选择\",\r\n          step: 2,\r\n          path: \"/product/\" + this.code + \"/design\"\r\n        },\r\n        {\r\n          name: \"订单提交\",\r\n          step: 3,\r\n          path: \"#\"\r\n        },\r\n        {\r\n          name: \"订金支付\",\r\n          step: 4,\r\n          path: \"#\"\r\n        }\r\n      ];\r\n    }\r\n  },\r\n  components: {},\r\n  mounted() {\r\n    this.code = this.$route.params.code || this.product.code || \"\";\r\n    this.centerNavs = [\r\n      {\r\n        name: \"车型介绍\",\r\n        step: 1,\r\n        path: \"/product/\" + this.code\r\n      },\r\n      {\r\n        name: \"配置选择\",\r\n        step: 2,\r\n        path: \"/product/\" + this.code + \"/design\"\r\n      },\r\n      {\r\n        name: \"订单提交\",\r\n        step: 3,\r\n        path: \"#\"\r\n      },\r\n      {\r\n        name: \"订金支付\",\r\n        step: 4,\r\n        path: \"#\"\r\n      }\r\n    ];\r\n  },\r\n  methods: {\r\n    logout: function() {\r\n      this.$bvModal\r\n        .msgBoxConfirm(\"确认退出登录?\", {\r\n          okTitle: \"确定\",\r\n          cancelTitle: \"取消\",\r\n          footerClass: \"p-2\",\r\n          hideHeaderClose: false,\r\n          centered: true\r\n        })\r\n        .then(value => {\r\n          if (value) {\r\n            getLogout()\r\n              .then(res => {\r\n                this.$store.commit(\"LOGOUT\");\r\n                clearAuthStatus();\r\n                location.href = location.origin;\r\n                console.log(res);\r\n              })\r\n              .catch(res => {\r\n                this.$dialog.error(res.msg);\r\n              });\r\n          }\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductHeader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductHeader.vue?vue&type=template&id=6a01a60b&\"\nimport script from \"./ProductHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductHeader.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}