{"version":3,"file":"log.js","sources":["../../../../../../../src/modules/mall/order/express/log.vue","../../../../../../../uniPage:/bW9kdWxlc1xtYWxsXG9yZGVyXGV4cHJlc3NcbG9nLnZ1ZQ"],"sourcesContent":["<!-- 物流追踪 -->\r\n<template>\r\n  <s-layout title=\"物流追踪\">\r\n    <view class=\"log-wrap\">\r\n      <!-- 商品信息 -->\r\n      <view class=\"log-card ss-flex ss-m-20 ss-r-10\" v-if=\"goodsImages.length > 0\">\r\n        <uni-swiper-dot :info=\"goodsImages\" :current=\"state.current\" mode=\"round\">\r\n          <swiper class=\"swiper-box\">\r\n            <swiper-item v-for=\"(item, index) in goodsImages\" :key=\"index\">\r\n              <image class=\"log-card-img\" :src=\"sheep.$url.static(item.image)\" />\r\n            </swiper-item>\r\n          </swiper>\r\n        </uni-swiper-dot>\r\n        <view class=\"log-card-msg\">\r\n          <!-- TODO 芋艿：优化点：展示状态 -->\r\n          <!--          <view class=\"ss-flex ss-m-b-8\">-->\r\n          <!--            <view>物流状态：</view>-->\r\n          <!--            <view class=\"warning-color\">{{ state.info.status_text }}</view>-->\r\n          <!--          </view>-->\r\n          <view class=\"ss-m-b-8\">快递单号：{{ state.info.logisticsNo }}</view>\r\n          <view>快递公司：{{ state.info.logisticsName }}</view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 物流轨迹 -->\r\n      <view class=\"log-content ss-m-20 ss-r-10\">\r\n        <view\r\n          class=\"log-content-box ss-flex\"\r\n          v-for=\"(item, index) in state.tracks\"\r\n          :key=\"item.title\"\r\n        >\r\n          <view class=\"log-icon ss-flex-col ss-col-center ss-m-r-20\">\r\n            <text class=\"cicon-title\" />\r\n            <view v-if=\"state.tracks.length - 1 !== index\" class=\"line\" />\r\n          </view>\r\n          <view class=\"log-content-msg\">\r\n            <!-- TODO 芋艿：优化点：展示状态 -->\r\n            <!--            <view class=\"log-msg-title ss-m-b-20\">-->\r\n            <!--              {{ item.status_text }}-->\r\n            <!--            </view>-->\r\n            <view class=\"log-msg-desc ss-m-b-16\">{{ item.content }}</view>\r\n            <view class=\"log-msg-date ss-m-b-40\">\r\n              {{ sheep.$helper.timeFormat(item.time, 'yyyy-mm-dd hh:MM:ss') }}\r\n            </view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n  </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { onLoad } from '@dcloudio/uni-app'\r\nimport { computed, reactive } from 'vue'\r\nimport OrderApi from '@/sheep/api/trade/order'\r\n\r\nconst state = reactive({\r\n  info: [],\r\n  tracks: [],\r\n})\r\n\r\nconst goodsImages = computed(() => {\r\n  const array = []\r\n  if (state.info.items) {\r\n    state.info.items.forEach((item) => {\r\n      array.push({\r\n        image: item.picUrl,\r\n      })\r\n    })\r\n  }\r\n  return array\r\n})\r\n\r\nasync function getExpressDetail(id) {\r\n  const { data } = await OrderApi.getOrderExpressTrackList(id)\r\n  state.tracks = data.reverse()\r\n}\r\n\r\nasync function getOrderDetail(id) {\r\n  const { data } = await OrderApi.getOrder(id)\r\n  state.info = data\r\n}\r\n\r\nonLoad((options) => {\r\n  getExpressDetail(options.id)\r\n  getOrderDetail(options.id)\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.swiper-box {\r\n  width: 200rpx;\r\n  height: 200rpx;\r\n}\r\n.log-card {\r\n  padding: 20rpx;\r\n  margin-bottom: 20rpx;\r\n  background: #fff;\r\n  border-top: 2rpx solid rgba(#dfdfdf, 0.5);\r\n  .log-card-img {\r\n    width: 200rpx;\r\n    height: 200rpx;\r\n    margin-right: 20rpx;\r\n  }\r\n  .log-card-msg {\r\n    width: 490rpx;\r\n    font-size: 28rpx;\r\n    font-weight: 500;\r\n    color: #333333;\r\n    .warning-color {\r\n      color: #999;\r\n    }\r\n  }\r\n}\r\n.log-content {\r\n  padding: 34rpx 20rpx 0rpx 20rpx;\r\n  background: #fff;\r\n  .log-content-box {\r\n    align-items: stretch;\r\n  }\r\n  .log-icon {\r\n    height: inherit;\r\n    .cicon-title {\r\n      font-size: 40rpx;\r\n      color: #ccc;\r\n    }\r\n    .activity-color {\r\n      font-size: 40rpx;\r\n      color: #f0c785;\r\n    }\r\n    .info-color {\r\n      font-size: 40rpx;\r\n      color: #ccc;\r\n    }\r\n    .line {\r\n      width: 1px;\r\n      height: 100%;\r\n      background: #d8d8d8;\r\n    }\r\n  }\r\n\r\n  .log-content-msg {\r\n    .log-msg-title {\r\n      font-size: 28rpx;\r\n      font-weight: bold;\r\n      color: #333333;\r\n    }\r\n    .log-msg-desc {\r\n      font-size: 24rpx;\r\n      font-weight: 400;\r\n      line-height: 36rpx;\r\n      color: #333333;\r\n    }\r\n    .log-msg-date {\r\n      font-size: 24rpx;\r\n      font-weight: 500;\r\n      color: #999999;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/order/express/log.vue'\nwx.createPage(MiniProgramPage)"],"names":["reactive","computed","OrderApi","onLoad"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAA,QAAAA,cAAAA,SAAA;AAAA,MACA,MAAA,CAAA;AAAA,MACA,QAAA,CAAA;AAAA,IACA,CAAA;AAEA,UAAA,cAAAC,cAAA,SAAA,MAAA;AACA,YAAA,QAAA,CAAA;AACA,UAAA,MAAA,KAAA,OAAA;AACA,cAAA,KAAA,MAAA,QAAA,CAAA,SAAA;AACA,gBAAA,KAAA;AAAA,YACA,OAAA,KAAA;AAAA,UACA,CAAA;AAAA,QACA,CAAA;AAAA,MACA;AACA,aAAA;AAAA,IACA,CAAA;AAEA,aAAA,iBAAA,IAAA;AAAA;AACA,cAAA,EAAA,KAAA,IAAA,MAAAC,sBAAAA,SAAA,yBAAA,EAAA;AACA,cAAA,SAAA,KAAA,QAAA;AAAA,MACA;AAAA;AAEA,aAAA,eAAA,IAAA;AAAA;AACA,cAAA,EAAA,KAAA,IAAA,MAAAA,sBAAAA,SAAA,SAAA,EAAA;AACA,cAAA,OAAA;AAAA,MACA;AAAA;AAEAC,kBAAA,OAAA,CAAA,YAAA;AACA,uBAAA,QAAA,EAAA;AACA,qBAAA,QAAA,EAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtFA,GAAG,WAAW,eAAe;"}