yovinchen/sl-express
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
shuhongfan
2023-09-04 16:40:17 +08:00
commit cf5ac25c14
8267 changed files with 1305066 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

511
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/order-info/index.js vendored Normal file
View File

@@ -0,0 +1,511 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var pages_api_order = require("../../pages/api/order.js");
var utils_index = require("../../utils/index.js");
require("../../utils/request.js");
require("../../utils/env.js");
require("../../pages/api/login.js");
if (!Array) {
const _component_nav_bar = common_vendor.resolveComponent("nav-bar");
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
const _component_net_fail = common_vendor.resolveComponent("net-fail");
(_component_nav_bar + _easycom_uni_icons2 + _component_net_fail)();
}
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
if (!Math) {
_easycom_uni_icons();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const twoLine = common_vendor.ref();
let scrollHeight = common_vendor.ref("");
common_vendor.useStore();
const orderStatus = common_vendor.ref();
const orderId = common_vendor.ref();
const orderInfo = common_vendor.reactive({
estimatedStartTime: "",
estimatedArrivalTime: "",
receiverName: "",
receiverAddress: "",
receiverProvince: "",
receiverPhone: "",
senderName: "",
senderAddress: "",
senderProvince: "",
senderPhone: "",
goods: "",
goodsWeight: "",
paymentMethod: "",
amount: "",
transportOrderId: "",
id: ""
});
const netStatus = common_vendor.ref(true);
let transportOrderId = common_vendor.ref("");
let haveDriveredLine = common_vendor.reactive([]);
let notHaveDriveredLine = common_vendor.reactive([]);
let points = common_vendor.reactive([]);
let carLocation = common_vendor.reactive({
data: {
lng: "",
lat: ""
}
});
let polyline = common_vendor.reactive({
data: []
});
let covers = common_vendor.reactive({
data: []
});
common_vendor.onLoad((options) => {
orderId.value = options.orderId;
transportOrderId.value = options.transportOrderId;
getOrderDetailFunc(options.transportOrderId);
common_vendor.index.getSystemInfo({
success: (res) => {
scrollHeight.value = "height:" + (res.screenHeight - 290) + "px";
}
});
});
const getOrderLineFunc = () => {
pages_api_order.getOrderLine(transportOrderId.value).then((res) => {
if (res.data.lastPoint) {
carLocation.data = {
longitude: res.data.lastPoint.lng,
latitude: res.data.lastPoint.lat
};
}
points = res.data.pointList.map((item) => {
return {
longitude: item.lng,
latitude: item.lat
};
});
if (res.data.status === 1) {
notHaveDriveredLine = points;
polyline.data = [{
points,
color: "#000000",
width: 5,
dottedLine: true
}];
covers.data = [
{
id: 2,
latitude: points[0].latitude,
longitude: points[0].longitude,
iconPath: "../../static/startPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u59CB\u53D1\u5730",
areaName: orderInfo.senderProvince
},
{
id: 1,
latitude: points[points.length - 1].latitude,
longitude: points[points.length - 1].longitude,
iconPath: "../../static/endPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u76EE\u7684\u5730",
areaName: orderInfo.receiverProvince
}
];
} else if (res.data.status === 2) {
findPoint();
covers.data = [
{
id: 2,
latitude: points[0].latitude,
longitude: points[0].longitude,
iconPath: "../../static/startPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u59CB\u53D1\u5730",
areaName: orderInfo.senderProvince
},
{
id: 1,
latitude: points[points.length - 1].latitude,
longitude: points[points.length - 1].longitude,
iconPath: "../../static/endPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u76EE\u7684\u5730",
areaName: orderInfo.receiverProvince
},
{
id: 4,
latitude: res.data.lastPoint ? res.data.lastPoint.lat : "",
longitude: res.data.lastPoint ? res.data.lastPoint.lng : "",
iconPath: "../../static/carPoint.png",
height: 40,
width: 40
}
];
} else if (res.data.status === 3) {
findPoint();
covers.data = [
{
id: 1,
latitude: points[points.length - 1].latitude,
longitude: points[points.length - 1].longitude,
iconPath: "../../static/endPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u76EE\u7684\u5730",
areaName: orderInfo.receiverProvince
},
{
id: 3,
latitude: res.data.lastPoint ? res.data.lastPoint.lat : "",
longitude: res.data.lastPoint ? res.data.lastPoint.lng : "",
iconPath: "../../static/courierPoint.png",
height: 40,
width: 40,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
}
}
];
} else {
haveDriveredLine = points;
polyline.data = [{
points,
color: "#E25433",
width: 5
}];
covers.data = [
{
id: 2,
latitude: points[0].latitude,
longitude: points[0].longitude,
iconPath: "../../static/startPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u59CB\u53D1\u5730",
areaName: orderInfo.senderProvince
},
{
id: 1,
latitude: points[points.length - 1].latitude,
longitude: points[points.length - 1].longitude,
iconPath: "../../static/endPoint.png",
height: 18,
width: 18,
customCallout: {
anchorY: 0,
anchorX: 0,
display: "ALWAYS"
},
title: "\u76EE\u7684\u5730",
areaName: orderInfo.receiverProvince
}
];
}
});
};
const findPoint = () => {
const distanceList = [];
let pointIndex = null;
points.map((item) => {
distanceList.push(GetDistance(item.latitude, item.longitude, carLocation.data.latitude, carLocation.data.longitude));
});
const minNum = Math.min(...distanceList);
pointIndex = distanceList.indexOf(minNum);
haveDriveredLine = [{
points: points.slice(0, pointIndex),
color: "#E25433",
width: 5
}];
notHaveDriveredLine = [{
points: points.slice(pointIndex, points.length - 1),
color: "#000",
width: 5,
dottedLine: true
}];
polyline.data = [haveDriveredLine[0], notHaveDriveredLine[0]];
};
const GetDistance = (lat1, lng1, lat2, lng2) => {
var radLat1 = lat1 * Math.PI / 180;
var radLat2 = lat2 * Math.PI / 180;
var a = radLat1 - radLat2;
var b = lng1 * Math.PI / 180 - lng2 * Math.PI / 180;
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
s = s * 6378.137;
s = Math.round(s * 1e4) / 1e4;
return s;
};
const handleCopy = (value) => {
common_vendor.index.setClipboardData({
data: value,
showToast: false,
success: () => {
common_vendor.index.hideToast();
common_vendor.index.hideKeyboard();
common_vendor.index.showToast({
title: "\u590D\u5236\u6210\u529F",
icon: "success",
duration: 1e3
});
}
});
};
const handleToRefresh = () => {
getOrderDetailFunc();
};
const handleOrderCancel = () => {
common_vendor.index.navigateTo({
url: "/subPages/order-cancel/index?orderId=" + orderId.value
});
};
const strInit = (value) => {
let strText = value;
let replaceText = [];
for (let i = 0; i <= 10; i++) {
replaceText.push("" + i);
}
for (let i = 0; i < replaceText.length; i++) {
var replaceString = '<span style="color: red;">' + replaceText[i] + "</span>";
strText = strText.replace(RegExp(replaceText[i], "g"), replaceString);
}
strText = strText.replace(RegExp("red", "g"), "#E63E32");
return strText;
};
const showOrderStatus = (status) => {
switch (status) {
case 21e3:
return "\u5F85\u652F\u4ED8";
case 23e3:
return "\u5F85\u53D6\u4EF6";
case 230011:
return "\u5DF2\u53D6\u6D88";
case 23001:
return "\u5DF2\u53D6\u4EF6";
case 23005:
return "\u8FD0\u9001\u4E2D";
case 22e3:
return "\u5DF2\u5173\u95ED";
case 23008:
return "\u6D3E\u9001\u4E2D";
case 23009:
return "\u5DF2\u7B7E\u6536";
case 23010:
return "\u5DF2\u62D2\u6536";
}
};
const logisticsInfo = common_vendor.reactive({
data: []
});
const handleToElectronicStub = () => {
common_vendor.index.navigateTo({
url: "/subPages/electronic-stub/index?orderId=" + orderId.value
});
};
const getOrderDetailFunc = (params) => {
pages_api_order.getOrderDetail(orderId.value).then((res) => {
orderStatus.value = res.data.status;
const {
estimatedArrivalTime,
estimatedStartTime,
receiverName,
senderName,
receiverProvince,
receiverCity,
receiverCounty,
receiverAddress,
senderProvince,
senderCity,
senderCounty,
senderAddress,
orderCargoVOS,
paymentMethod,
amount,
senderPhone,
receiverPhone,
transportOrderId: transportOrderId2,
updated,
transportOrderPointVOS,
id
} = res.data;
orderInfo.estimatedStartTime = estimatedStartTime;
orderInfo.estimatedArrivalTime = estimatedArrivalTime;
orderInfo.receiverName = receiverName;
orderInfo.senderName = senderName;
orderInfo.receiverAddress = receiverProvince.name + receiverCity.name + receiverCounty.name + receiverAddress;
orderInfo.senderAddress = senderProvince.name + senderCity.name + senderCounty.name + senderAddress;
orderInfo.goods = orderCargoVOS[0].name + (orderCargoVOS[0].goodsType ? "(" + orderCargoVOS[0].goodsType.name + ")" : "");
orderInfo.goodsWeight = orderCargoVOS[0].totalWeight;
orderInfo.paymentMethod = paymentMethod === 1 ? "\u5BC4\u4ED8" : "\u5230\u4ED8";
orderInfo.amount = amount;
orderInfo.receiverPhone = receiverPhone;
orderInfo.senderPhone = senderPhone;
orderInfo.receiverProvince = receiverCity.name;
orderInfo.senderProvince = senderCity.name;
orderInfo.transportOrderId = transportOrderId2;
orderInfo.updated = updated;
orderInfo.id = id;
logisticsInfo.data = transportOrderPointVOS.reverse();
if ([23e3, 230011, 22e3].includes(orderStatus.value)) {
common_vendor.nextTick(() => {
common_vendor.index.createSelectorQuery().select(".send-desc").boundingClientRect((res2) => {
let height = res2.height;
let line = height / 15;
twoLine.value = line;
}).exec();
});
}
if (params && params !== "null")
getOrderLineFunc();
}).catch((err) => {
common_vendor.index.showToast({
title: "\u7F51\u7EDC\u5F02\u5E38",
duration: 2e3,
icon: "none"
});
netStatus.value = false;
});
};
return (_ctx, _cache) => {
return common_vendor.e({
a: common_vendor.p({
title: "\u8BA2\u5355\u8BE6\u60C5"
}),
b: [23001, 23005, 23008, 23009, 23010].includes(orderStatus.value)
}, [23001, 23005, 23008, 23009, 23010].includes(orderStatus.value) ? {
c: common_vendor.f(common_vendor.unref(covers).data, (item, index, i0) => {
return common_vendor.e({
a: [1, 2].includes(item.id)
}, [1, 2].includes(item.id) ? {
b: common_vendor.t(item.title),
c: common_vendor.t(item.areaName),
d: item.id
} : [3].includes(item.id) ? {
f: item.id
} : {}, {
e: [3].includes(item.id),
g: index
});
}),
d: common_vendor.unref(covers).data.filter((item) => item.latitude),
e: common_vendor.unref(polyline).data,
f: common_vendor.unref(covers).data
} : {}, {
g: netStatus.value
}, netStatus.value ? common_vendor.e({
h: common_vendor.t([23e3, 22e3, 230011].includes(orderStatus.value) ? "\u8BA2" : "\u8FD0"),
i: common_vendor.t([23e3, 22e3, 230011].includes(orderStatus.value) ? orderInfo.id : orderInfo.transportOrderId),
j: common_vendor.o(($event) => handleCopy([23e3, 22e3, 230011].includes(orderStatus.value) ? orderInfo.id : orderInfo.transportOrderId)),
k: [23001, 23005, 23008, 23009, 23010].includes(orderStatus.value)
}, [23001, 23005, 23008, 23009, 23010].includes(orderStatus.value) ? {
l: common_vendor.p({
type: "right",
size: "15",
color: "white"
}),
m: common_vendor.o(handleToElectronicStub)
} : {}, {
n: common_vendor.t(showOrderStatus(orderStatus.value)),
o: [230011, 22e3, 23009, 23010].includes(orderStatus.value)
}, [230011, 22e3, 23009, 23010].includes(orderStatus.value) ? {
p: common_vendor.t(orderStatus.value === 230011 ? "\u53D6\u6D88" : orderStatus.value === 22e3 ? "\u5173\u95ED" : orderStatus.value === 23009 ? "\u7B7E\u6536" : "\u62D2\u7B7E"),
q: common_vendor.t(common_vendor.unref(utils_index.handleTimeToStrTime)(orderInfo.updated))
} : {
r: common_vendor.t(orderInfo.estimatedStartTime ? orderStatus.value === 23e3 ? "\u9884\u8BA1" + common_vendor.unref(utils_index.handleTimeToStrTime)(orderInfo.estimatedStartTime) + "\u524D\u4E0A\u95E8" : "\u9884\u8BA1" + common_vendor.unref(utils_index.handleTimeToStrTime)(orderInfo.estimatedArrivalTime) + "\u524D\u9001\u8FBE" : "")
}, {
s: common_vendor.t(orderInfo.senderProvince),
t: common_vendor.n([21e3, 23e3, 23001, 23005, 23008].includes(orderStatus.value) ? "green-arrow" : ""),
v: common_vendor.n([23009, 23010].includes(orderStatus.value) ? "red-arrow" : ""),
w: common_vendor.n([230011, 22e3].includes(orderStatus.value) ? "gray-arrow" : ""),
x: common_vendor.t(orderInfo.receiverProvince),
y: [23e3, 230011, 22e3].includes(orderStatus.value)
}, [23e3, 230011, 22e3].includes(orderStatus.value) ? {
z: twoLine.value >= 2 ? 1 : "",
A: common_vendor.t(orderInfo.senderName),
B: common_vendor.t(orderInfo.senderPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
C: common_vendor.t(orderInfo.senderAddress),
D: common_vendor.t(orderInfo.receiverName),
E: common_vendor.t(orderInfo.receiverPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
F: common_vendor.t(orderInfo.receiverAddress),
G: common_vendor.t(orderInfo.goods),
H: common_vendor.t(orderInfo.goodsWeight),
I: common_vendor.t(orderInfo.paymentMethod),
J: common_vendor.t(orderInfo.amount),
K: common_vendor.s(common_vendor.unref(scrollHeight))
} : {
L: common_vendor.f(logisticsInfo.data, (item, index, i0) => {
return common_vendor.e({
a: ["\u5DF2\u62D2\u6536", "\u5DF2\u7B7E\u6536", "\u5DF2\u53D6\u4EF6"].includes(item.status)
}, ["\u5DF2\u62D2\u6536", "\u5DF2\u7B7E\u6536", "\u5DF2\u53D6\u4EF6"].includes(item.status) ? {
b: common_vendor.t(item.status === "\u5DF2\u62D2\u6536" ? "\u62D2" : item.status === "\u5DF2\u7B7E\u6536" ? "\u7B7E" : "\u53D6")
} : index === 0 && ["\u8FD0\u9001\u4E2D", "\u6D3E\u9001\u4E2D"].includes(item.status) || index > 0 && logisticsInfo.data[index - 1].status !== "\u8FD0\u9001\u4E2D" ? {
d: item.status === "\u6D3E\u9001\u4E2D" ? "../../static/paisong.png" : "../../static/yunshuzhong.png"
} : index > 0 && logisticsInfo.data[index - 1].status === "\u8FD0\u9001\u4E2D" ? {} : {}, {
c: index === 0 && ["\u8FD0\u9001\u4E2D", "\u6D3E\u9001\u4E2D"].includes(item.status) || index > 0 && logisticsInfo.data[index - 1].status !== "\u8FD0\u9001\u4E2D",
e: index > 0 && logisticsInfo.data[index - 1].status === "\u8FD0\u9001\u4E2D",
f: !(index === logisticsInfo.data.length - 1)
}, !(index === logisticsInfo.data.length - 1) ? {
g: common_vendor.n(item.status === "\u8FD0\u9001\u4E2D" ? "short" : "")
} : {}, {
h: !(index > 0 && logisticsInfo.data[index - 1].status === "\u8FD0\u9001\u4E2D" && item.status === "\u8FD0\u9001\u4E2D")
}, !(index > 0 && logisticsInfo.data[index - 1].status === "\u8FD0\u9001\u4E2D" && item.status === "\u8FD0\u9001\u4E2D") ? {
i: common_vendor.t(item.status)
} : {}, {
j: common_vendor.t(item.created),
k: strInit(item.info),
l: common_vendor.n(index === 0 || item.status === 23010 ? "active" : ""),
m: common_vendor.n(index === 0 ? "active" : ""),
n: index
});
}),
M: common_vendor.s(common_vendor.unref(scrollHeight))
}, {
N: [23e3].includes(orderStatus.value)
}, [23e3].includes(orderStatus.value) ? common_vendor.e({
O: orderStatus.value === 23e3
}, orderStatus.value === 23e3 ? {
P: common_vendor.o(handleOrderCancel),
Q: common_vendor.o((...args) => common_vendor.unref(utils_index.handleSecondQi) && common_vendor.unref(utils_index.handleSecondQi)(...args))
} : {}) : {}) : {
R: common_vendor.p({
handleToRefresh
})
});
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7f654b86"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/order-info/index.vue"]]);
wx.createPage(MiniProgramPage);

8
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/order-info/index.json vendored Normal file
View File

@@ -0,0 +1,8 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "订单详情",
"enablePullDownRefresh": false,
"usingComponents": {
"uni-icons": "../../uni_modules/uni-icons/components/uni-icons/uni-icons"
}
}

1
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/order-info/index.wxml vendored Normal file
View File

@@ -0,0 +1 @@
<view class="order-box data-v-7f654b86"><nav-bar wx:if="{{a}}" class="data-v-7f654b86" u-i="7f654b86-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view wx:if="{{b}}" class="map-box data-v-7f654b86"><map class="data-v-7f654b86" include-points="{{d}}" scale="6" style="width:100%;height:780rpx" polyline="{{e}}" markers="{{f}}"><cover-view class="data-v-7f654b86" slot="callout"><block wx:for="{{c}}" wx:for-item="item" wx:key="g"><cover-view wx:if="{{item.a}}" class="customCallout data-v-7f654b86" marker-id="{{item.d}}"><cover-view class="content data-v-7f654b86">{{item.b}}</cover-view><cover-view class="areaContent data-v-7f654b86">{{item.c}}</cover-view></cover-view><cover-view wx:elif="{{item.e}}" class="customCallout data-v-7f654b86" marker-id="{{item.f}}"><cover-view class="courier data-v-7f654b86"> 快递员上门中 </cover-view></cover-view></block></cover-view></map></view><view wx:if="{{g}}" class="order-info data-v-7f654b86"><view class="order-header data-v-7f654b86"><view class="header-bg data-v-7f654b86"><view class="order-num data-v-7f654b86">{{h}}单号：{{i}} <image src="/static/orderInfo-copy.png" class="copy data-v-7f654b86" catchtap="{{j}}"></image></view><view wx:if="{{k}}" class="toElectronicStub data-v-7f654b86" bindtap="{{m}}"> 电子存根 <uni-icons wx:if="{{l}}" class="data-v-7f654b86" u-i="7f654b86-1" bind:__l="__l" u-p="{{l}}"></uni-icons></view></view><view class="order-status data-v-7f654b86"><view class="status data-v-7f654b86"><view class="status-label data-v-7f654b86">{{n}}</view><view class="status-tips data-v-7f654b86"><view wx:if="{{o}}" class="time data-v-7f654b86">{{p}}时间: {{q}}</view><view wx:else class="timeing data-v-7f654b86">{{r}}</view></view></view><view class="line data-v-7f654b86"></view><view class="area data-v-7f654b86"><view class="start-area data-v-7f654b86">{{s}}</view><view class="{{['arrow', 'data-v-7f654b86', t, v, w]}}"></view><view class="end-area data-v-7f654b86">{{x}}</view></view></view></view><view class="logistics-info data-v-7f654b86"><view wx:if="{{y}}" class="only-orderInfo data-v-7f654b86" style="{{K}}"><view class="order-detail data-v-7f654b86"><view class="left data-v-7f654b86"><view class="send data-v-7f654b86">寄</view><view class="{{['line', 'data-v-7f654b86', z && 'active']}}"></view><view class="get data-v-7f654b86">收</view></view><view class="right data-v-7f654b86"><view class="send-people data-v-7f654b86"><view class="send-title data-v-7f654b86"><view class="send-sub-title data-v-7f654b86">{{A}} <text class="data-v-7f654b86">{{B}}</text></view><view class="send-desc data-v-7f654b86">{{C}}</view></view></view><view class="line data-v-7f654b86"></view><view class="get-people data-v-7f654b86"><view class="send-title data-v-7f654b86"><view class="send-sub-title data-v-7f654b86">{{D}} <text class="data-v-7f654b86">{{E}}</text></view><view class="send-desc data-v-7f654b86">{{F}}</view></view></view></view></view><view class="price-detail data-v-7f654b86"><view class="goods data-v-7f654b86"><view class="label data-v-7f654b86">物品</view><view class="value data-v-7f654b86">{{G}}</view></view><view class="weight data-v-7f654b86"><view class="label data-v-7f654b86">计费重量</view><view class="value data-v-7f654b86">{{H}}kg</view></view><view class="payType data-v-7f654b86"><view class="label data-v-7f654b86">付费方式</view><view class="value data-v-7f654b86">{{I}}</view></view><view class="base-price data-v-7f654b86"><view class="label data-v-7f654b86">基础运费</view><view class="value data-v-7f654b86">{{J}}元</view></view></view></view><scroll-view wx:else class="data-v-7f654b86" scroll-y style="{{M}}"><view class="logistics-orderInfo data-v-7f654b86"><view wx:for="{{L}}" wx:for-item="item" wx:key="n" class="{{['logistics-orderInfo-item', 'data-v-7f654b86', item.m]}}"><view class="logistics-orderInfo-left data-v-7f654b86"><view wx:if="{{item.a}}" class="circle gray data-v-7f654b86">{{item.b}}</view><view wx:elif="{{item.c}}" class="circle gray data-v-7f654b86"><image class="data-v-7f654b86" src="{{item.d}}"></image></view><view wx:elif="{{item.e}}" class="point data-v-7f654b86"></view><view wx:if="{{item.f}}" class="{{['line', 'data-v-7f654b86', item.g]}}"></view></view><view class="logistics-orderInfo-right data-v-7f654b86"><view wx:if="{{item.h}}" class="status data-v-7f654b86">{{item.i}}</view><view class="time data-v-7f654b86">{{item.j}}</view><view class="{{['desc', 'data-v-7f654b86', item.l]}}"><rich-text class="data-v-7f654b86" nodes="{{item.k}}"/></view></view></view></view></scroll-view></view><view wx:if="{{N}}" class="BtnFooter data-v-7f654b86"><view wx:if="{{O}}" class="waiting-box data-v-7f654b86"><view class="cancel-order-btn btn data-v-7f654b86" bindtap="{{P}}">取消订单</view><view class="share-btn btn data-v-7f654b86" bindtap="{{Q}}">分享</view></view></view></view><net-fail wx:else class="data-v-7f654b86" u-i="7f654b86-2" bind:__l="__l" u-p="{{R||''}}"></net-fail></view>

321
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/order-info/index.wxss vendored Normal file
View File

@@ -0,0 +1,321 @@
/* 水平间距 */
/* 水平间距 */
.order-box.data-v-7f654b86 {
height: 100vh;
background-color: white;
}
.map-contain.data-v-7f654b86 {
width: 500rpx;
height: 500rpx;
}
.order-info.data-v-7f654b86 {
min-height: 80vh;
background-color: #F3F5F9;
overflow: hidden;
}
.order-info .order-header.data-v-7f654b86 {
margin: 40rpx;
border-radius: 24rpx;
background: #FEFFFE;
height: 198rpx;
}
.order-info .order-header .header-bg.data-v-7f654b86 {
padding: 12rpx 20rpx 11rpx;
border-radius: 24rpx 24rpx 0 0;
height: 32rpx;
display: flex;
align-items: center;
justify-content: space-between;
background-image: linear-gradient(269deg, #8D95AC 0%, #232031 92%);
color: white;
font-size: 22rpx;
}
.order-info .order-header .header-bg .toElectronicStub.data-v-7f654b86 {
display: flex;
align-items: center;
}
.order-info .order-header .header-bg .order-num.data-v-7f654b86 {
font-weight: bold;
display: flex;
align-items: center;
}
.order-info .order-header .header-bg .order-num .copy.data-v-7f654b86 {
width: 25rpx;
height: 25rpx;
margin-left: 20rpx;
}
.order-info .order-header .order-status.data-v-7f654b86 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx 60rpx 32rpx 27rpx;
position: relative;
}
.order-info .order-header .order-status .line.data-v-7f654b86 {
width: 2rpx;
height: 96rpx;
background-color: #F5F5F5;
position: absolute;
left: 312rpx;
top: 24rpx;
}
.order-info .order-header .order-status .status.data-v-7f654b86 {
text-align: center;
}
.order-info .order-header .order-status .status .status-label.data-v-7f654b86 {
font-size: 32rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.order-info .order-header .order-status .status .status-tips.data-v-7f654b86 {
font-size: 22rpx;
color: #878787;
}
.order-info .order-header .order-status .area.data-v-7f654b86 {
font-size: 24rpx;
font-weight: bold;
display: flex;
align-items: center;
}
.order-info .order-header .order-status .area .arrow.data-v-7f654b86 {
width: 80rpx;
height: 12rpx;
background-repeat: no-repeat;
background-size: contain;
}
.order-info .order-header .order-status .area .green-arrow.data-v-7f654b86 {
background-image: url(data:image/png;base64,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);
}
.order-info .order-header .order-status .area .red-arrow.data-v-7f654b86 {
background-image: url(data:image/png;base64,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);
}
.order-info .order-header .order-status .area .gray-arrow.data-v-7f654b86 {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAAaCAYAAAA9gCd5AAAAAXNSR0IArs4c6QAABbVJREFUeF7tmk1oXFUUx//nvjeZ1EVFuxErIiIuREFciAgig2A3TaatWrXtTD+giCsXrgQhMwvdKe5URJI23bSRSvqhC9F2I+LGlYgLBatNM0mar8l8vDfvvXvkvnk3TpJJ5s17AyaZdyEQmHvPved/f3PuPecOIWmJAjEUYGaamJgQR48e9WKY2TCUemkssdVfCigolcdExIVCQRQKBdkrBRIwe6Vkn9m5dOmSoaLkhS++eUga7uP5M8M/KFAVpL2QIgGzFyr2mQ0dHc+du7yPPDEBICMMHDlx8tDXNwo3zEwh48aVJAEzroJ9Nl6DNzp6/QED3iRYPhtIUCFBb+ROZa/3As4EzD4DK467+vgeH598DA5PMPA0ABUdRfC3JITx6olTQ9/rvlHnS8CMqlyfjdOgnT9/7Um43iTAjwZQmoEUKvFRgN5lQw6fPHnkpzhwJmD2GWBR3NVH84XRK88x+CIzPwxAlYeMdfZ8OEnQbUjK5s4M/xIVzv8NTF1qaHUsaka33lav7OhSSJTN3A1jlK43izcNlcxcGLv6kpTeRQD7NoFSu+wDS4S/DRgHjp0e+j0KnF2BGQCgwnUvSgKqtrBqJ7Dd1Xq0EoEd35a2UwQwEoIO3a9YLGJ9HU7ZKhaLkdYUYuod0OVFUShk3PGxyWGWPA5gbwco18AJot/IRDaXy/7RbZ0ztOitxdQdoGiyxJgK6Jrk+dErObD8HMAeAPoeGcZ6M3ICvyLlvZzLvTLdTeQMBWbLUZmq17yPiPkJAA1V9A+zwjV91AgJVGtOSkKmdPRlCRcsG+odIaxNIgKz5OnpmQHHsUyQAEt2mKXTjR3TEJibWxB35xbTpM4D5RgTSXBDShm7JhfWn23Vj8EgNgB6AcBgl1BqV5R2JkA/mx6yx85mZ8JGzo4QtN7frJr3KTO/FXGRq7pbdQeOE/9plUBYWJjHUnkJ6v8oTQiB5eUKStOzkLJnL2pRlrJdx+jrVjSBgySJiH4UA8bQ8eMHF8NEzo6TMbMgIlmtOB8S8F5QIlCL7Ti2ndKW5aBhezourrcR+u6qouXC4oIPpiHUibGmhbLjQ7m0gqk7Jf/WrN7TotjZrkT1aF0q84601y3z+5GTQN+xOXg4nz9Q7RQ5t5yQmQ0i8qya946U8pM4kVJtuWW5aNjxT0YF1NLSIubn5xVMkfRXNsrLK5iamlEJU2Q7kSbvz0HN8hKJqzDSb3aCc9Nd1VDW626ePf4yqFmpSBTcwrpQl+BHSXWER+RodTIfqHIZc3OzkWFq2qjgjoJSqlDZhS9J1zgKOABSJOirP/8afh0oYmRkZE11RhtvuyXMbBKRa1Xdg8y4zGBd3e96CxWIjUYTyrhNAVWtVDA7Owt1N4/SmlCu+FBKmUTKKBrGHONn9oIwtv+Re89mMhm33bG+ATQdKZ0aP+9I9xqA+4LaVbeR0j9lHUeiXlMJfKi2GW3+9c+yLMyUSvCkuqNufQtpMxtFjJTRvgGh3O3bTupYN0H0Wf509u2OYOpEp1HlZ1y4V8F4MCjndB0pleSuJ1GvOqrqHeu4VEDZtoVSqQTXdTtB2Xa3SRAqK1VM3S4lkXJ7fB/8BJqIP86dPvyuWlLr7zlXgdNQ1mq8n6T7LQNPAai2eQ8N5ZaULGrVBqnEImRTIX5jZwI816NSaVrYDVtl4H6yskXbYEdF11qlLm5PTdPq8R1iXdxcT1JDCrmBXXbTm6gK9+/nzxz6oC2Y2igz77Us3D/owQJFSHSahthqWOmqJwYHwpCp6lGmtB1HWm1KE1yplNPl8nI6jQHYHbyX0rY9j21hif+i/D3ArVtTe0xPpMxUiptvA1s3VxC5FcuqlGu2aZqRToxOc/T75+5Ams2GTYZJ5mv5oX9an6gTwfudjm3q/2ZZeQLsNt2w3bqs9b8ISwDcrTu9w/1KwNzhG7hbl5+AuVt3dof79S+Hyb052GDwIQAAAABJRU5ErkJggg==");
}
.order-info .logistics-info.data-v-7f654b86 {
border-radius: 20rpx 20rpx 0 0;
background: #FFFFFF;
height: calc(100% - 198rpx);
padding: 40rpx 48rpx 120rpx;
padding-bottom: 40rpx;
}
.order-info .logistics-info .order-detail.data-v-7f654b86 {
display: flex;
}
.order-info .logistics-info .order-detail .left.data-v-7f654b86 {
margin-right: 20rpx;
}
.order-info .logistics-info .order-detail .left .send.data-v-7f654b86, .order-info .logistics-info .order-detail .left .get.data-v-7f654b86 {
width: 40rpx;
height: 40prx;
border-radius: 50%;
text-align: center;
line-height: 40rpx;
font-size: 24rpx;
}
.order-info .logistics-info .order-detail .left .send.data-v-7f654b86 {
background: #000000;
color: white;
}
.order-info .logistics-info .order-detail .left .get.data-v-7f654b86 {
background: #E63E32;
color: white;
}
.order-info .logistics-info .order-detail .left .line.data-v-7f654b86 {
width: 2rpx;
height: 136rpx;
border-left: 2rpx dashed #D5D1D1;
margin-left: 18rpx;
}
.order-info .logistics-info .order-detail .left .active.data-v-7f654b86 {
height: 159rpx;
}
.order-info .logistics-info .order-detail .right.data-v-7f654b86 {
width: 100%;
position: relative;
}
.order-info .logistics-info .order-detail .right .send-people.data-v-7f654b86, .order-info .logistics-info .order-detail .right .get-people.data-v-7f654b86 {
display: flex;
align-items: center;
justify-content: space-between;
}
.order-info .logistics-info .order-detail .right .send-people .send-title.data-v-7f654b86, .order-info .logistics-info .order-detail .right .get-people .send-title.data-v-7f654b86 {
height: 100%;
}
.order-info .logistics-info .order-detail .right .send-people .send-sub-title.data-v-7f654b86, .order-info .logistics-info .order-detail .right .get-people .send-sub-title.data-v-7f654b86 {
color: #151515;
font-size: 32rpx;
margin-bottom: 12rpx;
font-weight: bold;
}
.order-info .logistics-info .order-detail .right .send-people .send-desc.data-v-7f654b86, .order-info .logistics-info .order-detail .right .get-people .send-desc.data-v-7f654b86 {
color: #888888;
font-size: 24rpx;
}
.order-info .logistics-info .order-detail .right .send-people .address-enter.data-v-7f654b86, .order-info .logistics-info .order-detail .right .get-people .address-enter.data-v-7f654b86 {
font-weight: bold;
border-left: 2rpx solid #F4F4F4;
padding-left: 28rpx;
font-size: 24rpx;
}
.order-info .logistics-info .order-detail .right .get-people.data-v-7f654b86 {
margin-bottom: 40rpx;
}
.order-info .logistics-info .order-detail .right .send-people.data-v-7f654b86 {
margin-bottom: 40rpx;
}
.order-info .logistics-info .order-detail .right .line.data-v-7f654b86 {
width: 100%;
height: 2rpx;
background-color: #F4F4F4;
margin-bottom: 40rpx;
}
.order-info .logistics-info .price-detail.data-v-7f654b86 {
border-top: 2rpx solid #F3F4F7;
padding: 40rpx 0;
}
.order-info .logistics-info .price-detail .goods.data-v-7f654b86, .order-info .logistics-info .price-detail .weight.data-v-7f654b86, .order-info .logistics-info .price-detail .payType.data-v-7f654b86, .order-info .logistics-info .price-detail .base-price.data-v-7f654b86 {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 28rpx;
}
.order-info .logistics-info .price-detail .goods .label.data-v-7f654b86, .order-info .logistics-info .price-detail .goods .value.data-v-7f654b86, .order-info .logistics-info .price-detail .weight .label.data-v-7f654b86, .order-info .logistics-info .price-detail .weight .value.data-v-7f654b86, .order-info .logistics-info .price-detail .payType .label.data-v-7f654b86, .order-info .logistics-info .price-detail .payType .value.data-v-7f654b86, .order-info .logistics-info .price-detail .base-price .label.data-v-7f654b86, .order-info .logistics-info .price-detail .base-price .value.data-v-7f654b86 {
font-size: 24rpx;
}
.order-info .logistics-info .price-detail .goods .label.data-v-7f654b86, .order-info .logistics-info .price-detail .weight .label.data-v-7f654b86, .order-info .logistics-info .price-detail .payType .label.data-v-7f654b86, .order-info .logistics-info .price-detail .base-price .label.data-v-7f654b86 {
color: #888;
}
.order-info .logistics-info .price-detail .goods.data-v-7f654b86 {
margin-top: 0rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item.active .logistics-orderInfo-left .circle.data-v-7f654b86 {
background-color: #E63E32 !important;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item.data-v-7f654b86 {
display: flex;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .gray.circle.data-v-7f654b86 {
background-color: #818181;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .circle.data-v-7f654b86 {
position: relative;
right: 0rpx;
width: 52rpx;
height: 52rpx;
text-align: center;
line-height: 52rpx;
border-radius: 50%;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .circle image.data-v-7f654b86 {
width: 40rpx;
height: 40rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .point.data-v-7f654b86 {
width: 10rpx;
height: 10rpx;
border-radius: 50%;
background-color: #818181;
margin-right: 40rpx;
position: relative;
left: 20rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .line.data-v-7f654b86 {
height: 154rpx;
width: 2rpx;
border-left: 2rpx dashed #DFDFDF;
position: relative;
left: 24rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-left .line.short.data-v-7f654b86 {
height: 120rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right.data-v-7f654b86 {
margin-left: 20rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right .status.data-v-7f654b86 {
font-size: 32rpx;
color: #2A2929;
font-weight: bold;
margin-bottom: 6rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right .time.data-v-7f654b86 {
margin-bottom: 6rpx;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right .time.data-v-7f654b86, .order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right .desc.data-v-7f654b86 {
font-size: 24rpx;
color: #818181;
}
.order-info .logistics-info .logistics-orderInfo .logistics-orderInfo-item .logistics-orderInfo-right .desc.active.data-v-7f654b86 {
font-weight: bold;
color: #2A2929;
}
.order-info .BtnFooter.data-v-7f654b86 {
position: fixed;
bottom: 0;
height: 172rpx;
width: 100%;
background-color: white;
}
.order-info .BtnFooter .waiting-box.data-v-7f654b86, .order-info .BtnFooter .pay-box.data-v-7f654b86 {
display: flex;
}
.order-info .BtnFooter .waiting-box .btn.data-v-7f654b86, .order-info .BtnFooter .pay-box .btn.data-v-7f654b86 {
width: 276rpx;
height: 88rpx;
background: #CCCCCC;
border-radius: 44rpx;
color: white;
font-size: 30rpx;
text-align: center;
line-height: 88rpx;
margin: 24rpx auto 0;
}
.order-info .BtnFooter .waiting-box .share-btn.data-v-7f654b86, .order-info .BtnFooter .pay-box .share-btn.data-v-7f654b86 {
background-color: #E84134;
margin-left: 20rpx;
}
.order-info .BtnFooter .waiting-box .cancel-order-btn.data-v-7f654b86, .order-info .BtnFooter .pay-box .cancel-order-btn.data-v-7f654b86 {
background-color: white;
color: #191919;
border: 2rpx solid #191919;
margin-right: 20rpx;
}
.order-info .BtnFooter .waiting-box .pay-btn.data-v-7f654b86, .order-info .BtnFooter .pay-box .pay-btn.data-v-7f654b86 {
width: 400rpx;
background-color: #E84134;
color: white;
}
.data-v-7f654b86 .customCallout {
display: flex;
}
.data-v-7f654b86 .customCallout .content,.data-v-7f654b86 .customCallout .areaContent {
width: 108rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
font-size: 30rpx;
}
.data-v-7f654b86 .customCallout .content {
background-color: #fff;
border-radius: 16rpx 0rpx 0rpx 16rpx;
}
.data-v-7f654b86 .customCallout .areaContent {
background-color: #F6EEEC;
border-radius: 0 16rpx 16rpx 0;
}
.data-v-7f654b86 .customCallout .courier {
width: 206rpx;
height: 60rpx;
border-radius: 20rpx;
background-color: #fff;
font-size: 28rpx;
color: #20232A;
text-align: center;
line-height: 60rpx;
}