1 line
5.6 KiB
Plaintext
1 line
5.6 KiB
Plaintext
|
{"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-
|