{"version":3,"sources":["webpack:///./src/assets/icon/wl_icon.png","webpack:///./src/assets/icon/blue_wl.png","webpack:///./src/views/PersonalCenter/logistics.vue?50ff","webpack:///src/views/PersonalCenter/logistics.vue","webpack:///./src/views/PersonalCenter/logistics.vue?c399","webpack:///./src/views/PersonalCenter/logistics.vue","webpack:///./src/views/PersonalCenter/logistics.vue?b845"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","logisticsInfo","attrs","_s","LogisticsCompanyName","LogisticsCode","_l","item","index","key","Time","Description","staticRenderFns","name","data","created","getUserOrderLogistics","methods","orderNo","$route","query","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,4B,uBCA3CD,EAAOC,QAAU,IAA0B,4B,kECA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,UAAWP,EAAIQ,cAAyB,YAAEJ,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,EAAQ,QAAiC,IAAM,MAAML,EAAG,IAAI,CAACA,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIU,GAAGV,EAAIQ,cAAcG,yBAAyBP,EAAG,OAAO,CAACJ,EAAIO,GAAG,OAAOP,EAAIU,GAAGV,EAAIQ,cAAcI,sBAAsBR,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,KAAKJ,EAAIa,GAAIb,EAAIQ,cAAyB,aAAE,SAASM,EAAKC,GAAO,OAAOX,EAAG,KAAK,CAACY,IAAID,GAAO,CAACX,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIU,GAAGI,EAAKG,SAASb,EAAG,IAAI,CAACE,YAAY,cAAcF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIU,GAAGI,EAAKI,qBAAoB,OAAOd,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,EAAQ,QAAiC,IAAM,MAAML,EAAG,OAAO,CAACJ,EAAIO,GAAG,mBACh/BY,EAAkB,G,YCgCtB,GACEC,KAAM,YACNC,KAFF,WAGI,MAAJ,CACMb,cAAe,KAGnBc,QAPF,WAQIrB,KAAKsB,yBAEPC,QAAF,CACID,sBADJ,WACA,WACA,GACQE,QAASxB,KAAKyB,OAAOC,MAAMF,SAE7B,OAAN,OAAM,CAAN,qBACA,eACU,EAAV,kCAEU,EAAV,iCCpDkW,I,wBCQ9VG,EAAY,eACd,EACA7B,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,2CCnBf","file":"js/chunk-354b0eba.b38c3b24.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/wl_icon.cd68511c.png\";","module.exports = __webpack_public_path__ + \"img/blue_wl.b4e8eeb1.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"logistics-big-box\"},[_c('div',{staticClass:\"logistics-main\"},[_c('div',{staticClass:\"lable\"},[_vm._v(\"物流信息\")]),(_vm.logisticsInfo.ContentList)?_c('div',{staticClass:\"logistics-list\"},[_c('div',{staticClass:\"logistics-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/icon/blue_wl.png\"),\"alt\":\"\"}}),_c('p',[_c('span',[_vm._v(_vm._s(_vm.logisticsInfo.LogisticsCompanyName))]),_c('span',[_vm._v(\"运单号：\"+_vm._s(_vm.logisticsInfo.LogisticsCode))])])]),_c('div',{staticClass:\"logistics-right\"},[_c('ul',_vm._l((_vm.logisticsInfo.ContentList),function(item,index){return _c('li',{key:index},[_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(item.Time))]),_c('i',{staticClass:\"none-icon\"}),_c('span',{staticClass:\"tips\"},[_vm._v(_vm._s(item.Description))])])}),0)])]):_c('div',{staticClass:\"logistics-box\"},[_c('img',{attrs:{\"src\":require(\"../../assets/icon/wl_icon.png\"),\"alt\":\"\"}}),_c('span',[_vm._v(\"暂无物流信息\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"logistics-big-box\">\r\n    <div class=\"logistics-main\">\r\n      <div class=\"lable\">物流信息</div>\r\n      <div class=\"logistics-list\" v-if=\"logisticsInfo.ContentList\">\r\n        <div class=\"logistics-left\">\r\n          <img src=\"../../assets/icon/blue_wl.png\" alt=\"\">\r\n          <p>\r\n            <span>{{logisticsInfo.LogisticsCompanyName}}</span>\r\n            <span>运单号：{{logisticsInfo.LogisticsCode}}</span>\r\n          </p>\r\n        </div>\r\n        <div class=\"logistics-right\">\r\n          <ul>\r\n            <li v-for=\"(item, index) in logisticsInfo.ContentList\" :key=\"index\">\r\n              <span class=\"time\">{{item.Time}}</span>\r\n              <i class=\"none-icon\"></i>\r\n              <span class=\"tips\">{{item.Description}}</span>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"logistics-box\" v-else>\r\n        <img src=\"../../assets/icon/wl_icon.png\" alt=\"\">\r\n        <span>暂无物流信息</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  UserOrderLogistics, // 订单物流\r\n} from '../../api/api'\r\nexport default {\r\n  name: 'logistics',\r\n  data(){\r\n    return{\r\n      logisticsInfo: {}\r\n    }\r\n  },\r\n  created(){\r\n    this.getUserOrderLogistics()\r\n  },\r\n  methods:{\r\n    getUserOrderLogistics(){\r\n      let params = {\r\n        orderNo: this.$route.query.orderNo\r\n      }\r\n      UserOrderLogistics(params).then(res => {\r\n        if(res.data.success){\r\n          this.logisticsInfo = res.data.response || {}\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.logistics-big-box{\r\n  padding-bottom: 40px;\r\n}\r\n.logistics-main{\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  background: #ffffff;\r\n  padding: 10px 20px;\r\n  border-radius: 10px;\r\n}\r\n.lable{\r\n  font-size: 18px;\r\n  line-height: 25px;\r\n  font-weight: bold;\r\n  color: #333333;\r\n  margin: 20px 0;\r\n  padding: 5px;\r\n  text-align: left;\r\n  background: #f4f4f4;\r\n}\r\n.logistics-list{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  .logistics-left{\r\n    width: 400px;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    img{\r\n      width: 64px;\r\n      height: 64px;\r\n    }\r\n    p{\r\n      margin-left: 10px;\r\n    }\r\n    span{\r\n      display: block;\r\n      text-align: left;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n  .logistics-right{\r\n    flex: 1;\r\n    text-align: left;\r\n    li{\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      align-items: flex-start;\r\n      padding-bottom: 20px;\r\n      position: relative;\r\n      span,i{\r\n        display: inline-block;\r\n        line-height: 20px;\r\n      }\r\n      .time{\r\n        width: 180px;\r\n        text-align: right;\r\n      }\r\n      .tips{\r\n        flex: 1;\r\n      }\r\n      .none-icon{\r\n        margin: 0 16px;\r\n        display: inline-block;\r\n        width: 15px;\r\n        height: 15px;\r\n        border-radius: 15px;\r\n        background: #d8d8d8;\r\n        position: relative;\r\n        z-index: 10;\r\n      }\r\n    }\r\n    li::before{\r\n      content: '';\r\n      position: absolute;\r\n      border-left: 1px solid #d8d8d8;\r\n      height: 100%;\r\n      left: 203.455px;\r\n    }\r\n    li:first-child .none-icon::before{\r\n      content: url(../../assets/icon/blue_tick.png);\r\n      width: 25px;\r\n      height: 25px;\r\n      position: relative;\r\n      top: -4px;\r\n      left: -4.5px;\r\n    }\r\n  }\r\n}\r\n.logistics-box{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  img{\r\n    width: 64px;\r\n    height: 64px;\r\n  }\r\n  span{\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    color: #333333;\r\n    line-height: 64px;\r\n    margin-left: 16px;\r\n  }\r\n}\r\n</style>","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!./logistics.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!./logistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./logistics.vue?vue&type=template&id=4dadbffc&scoped=true&\"\nimport script from \"./logistics.vue?vue&type=script&lang=js&\"\nexport * from \"./logistics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./logistics.vue?vue&type=style&index=0&id=4dadbffc&lang=scss&scoped=true&\"\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  \"4dadbffc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./logistics.vue?vue&type=style&index=0&id=4dadbffc&lang=scss&scoped=true&\""],"sourceRoot":""}