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

View File

@@ -0,0 +1,41 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
if (!Array) {
const _component_nav_bar = common_vendor.resolveComponent("nav-bar");
_component_nav_bar();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const topList = common_vendor.reactive([
{
title: "\u91CD\u91CF\u5C0F\u4F53\u79EF\u5C0F",
subTitle: "\u6309\u91CD\u91CF\u8BA1\u8D39"
},
{
title: "\u91CD\u91CF\u5C0F\u4F53\u79EF\u5927",
subTitle: "\u6309\u4F53\u79EF\u8BA1\u8D39"
},
{
title: "\u91CD\u91CF\u5927\u4F53\u79EF\u5927",
subTitle: "\u91CD\u91CF\u4F53\u79EF\u53D6\u9AD8\u8BA1\u8D39"
}
]);
return (_ctx, _cache) => {
return {
a: common_vendor.p({
title: "\u8BA1\u8D39\u89C4\u5219"
}),
b: common_vendor.f(topList, (item, index, i0) => {
return {
a: common_vendor.t(item.title),
b: common_vendor.t(item.subTitle),
c: index
};
})
};
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-51ac3806"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/account-rules/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "计费规则",
"enablePullDownRefresh": false,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-51ac3806" u-i="51ac3806-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="account-rules data-v-51ac3806"><view class="top data-v-51ac3806"><view wx:for="{{b}}" wx:for-item="item" wx:key="c" class="top-item data-v-51ac3806"><view class="top-img data-v-51ac3806"></view><view class="top-title data-v-51ac3806">{{item.a}}</view><view class="top-subTitle data-v-51ac3806">{{item.b}}</view></view></view><view class="first-content data-v-51ac3806"><view class="title data-v-51ac3806">一、重量计算方法</view><view class="content data-v-51ac3806"> 托寄物的计费重量取体积重量与实际重量两者之间的较大值。体积重量的计算方法为:长(cm)x宽(cm)x高(cm)/轻抛系数。 </view><view class="content data-v-51ac3806"> 1.神领即日/神领特快:同城、省内件以及经济区域内互寄(京津冀/江浙沪皖/川渝/黑吉辽)轻抛系数为12000省外、跨经济区域互寄轻抛系数为6000。 </view><view class="content data-v-51ac3806"> 2.神领标快中国内地大部分流向互寄轻抛系数为12000;中国内地其他地区与昌都市互寄、华南、华北至西藏流向轻抛系数为6000。 </view><view class="content data-v-51ac3806"> 3.神领卡航轻抛系数为6000。 </view></view><view class="second-content data-v-51ac3806"><view class="title data-v-51ac3806">二、计费重量小数点规则</view><view class="content data-v-51ac3806"> 中国内地互寄业务10kg以下续重以0.1kg为计重单位10-100kg,续重以0.5kg为计重单位100kg及以上四舍五入取整数。其他范围的重量处理规则详细查询神领官网。 </view></view><view class="third-content data-v-51ac3806"><view class="title data-v-51ac3806">三、总运费小数点规则</view><view class="content data-v-51ac3806"> 运费计算结果按四舍五入取整数值。 </view></view><view class="fourth-content data-v-51ac3806"><view class="content data-v-51ac3806"> 以上计费规则可能因服务(产品)或所在地区不同而有所差异,详情请与当地神领快递员进行咨询。 </view></view></view>

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,223 @@
"use strict";
var common_vendor = require("../../../common/vendor.js");
var pages_api_order = require("../../../pages/api/order.js");
require("../../../utils/request.js");
require("../../../utils/env.js");
require("../../../pages/api/login.js");
if (!Array) {
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
_easycom_uni_popup2();
}
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
_easycom_uni_popup();
}
const _sfc_main = {
__name: "selectArea",
props: {
provinceId: {
type: String,
default: ""
},
cityId: {
type: String,
default: ""
},
countyId: {
type: String,
default: ""
}
},
emits: ["@getAreaData"],
setup(__props, { expose, emit: emits }) {
const props = __props;
const popup = common_vendor.ref();
let province = common_vendor.reactive({
data: []
});
let selectedProvince = common_vendor.reactive({
data: {
name: "\u5317\u4EAC\u5E02",
id: "1"
}
});
const city = common_vendor.reactive({
data: []
});
let selectedCity = common_vendor.reactive({
data: {
name: "\u76F4\u8F96\u5E02",
id: "2"
}
});
const area = common_vendor.reactive({
data: []
});
let selectedArea = common_vendor.reactive({
data: {
name: "\u4E1C\u57CE\u533A",
id: "3"
}
});
let areaIndex = common_vendor.reactive({
data: [0, 0, 0]
});
let hotCityIndex = common_vendor.ref("");
const cityList = common_vendor.reactive([
{
label: "\u5317\u4EAC",
provinceId: "1",
cityId: "2",
countyId: "3"
},
{
label: "\u4E0A\u6D77",
provinceId: "161792",
cityId: "161793",
countyId: "161794"
},
{
label: "\u5E7F\u5DDE",
provinceId: "483250",
cityId: "483251",
countyId: "483252"
},
{
label: "\u6DF1\u5733",
provinceId: "483250",
cityId: "487721",
countyId: "487722"
}
]);
let placeIdItem = common_vendor.reactive({
provinceId: "",
cityId: "",
countyId: ""
});
let chooseType = common_vendor.ref("select");
common_vendor.watch(props, (newValue, oldValue) => {
placeIdItem.provinceId = newValue.provinceId;
placeIdItem.cityId = newValue.cityId;
placeIdItem.countyId = newValue.countyId;
});
const handleHotCityClick = (item, index) => {
placeIdItem.provinceId = item.provinceId;
placeIdItem.cityId = item.cityId;
placeIdItem.countyId = item.countyId;
getAreaInfo("", province);
getAreaInfo(placeIdItem.provinceId, city);
getAreaInfo(placeIdItem.cityId, area);
chooseType.value = "click";
hotCityIndex.value = index;
};
const getList = () => {
getAreaInfo("", province);
getAreaInfo(placeIdItem.provinceId || 1, city);
getAreaInfo(placeIdItem.cityId || 2, area);
};
const getAreaInfo = (parentId, type) => {
pages_api_order.getArea({
parentId
}).then((res) => {
type.data = res.data;
if (type === province) {
common_vendor.nextTick(() => {
selectedProvince.data = res.data.filter((item) => item.id == placeIdItem.provinceId)[0] || res.data[0];
areaIndex.data[0] = res.data.findIndex((item) => item.id == placeIdItem.provinceId);
});
} else if (type === city) {
common_vendor.nextTick(() => {
selectedCity.data = res.data.filter((item) => item.id == placeIdItem.cityId)[0] || res.data[0];
areaIndex.data[1] = res.data.findIndex((item) => item.id == placeIdItem.cityId);
});
} else if (type === area) {
common_vendor.nextTick(() => {
selectedArea.data = res.data.filter((item) => item.id == placeIdItem.countyId)[0] || res.data[0];
areaIndex.data[2] = res.data.findIndex((item) => item.id == placeIdItem.countyId);
});
}
});
};
const handlePickStart = () => {
chooseType.value = "select";
};
const bindChange = (event) => {
if (chooseType.value === "click")
return;
if (areaIndex.data[0] !== event.detail.value[0]) {
getAreaInfo(province.data[event.detail.value[0]].id, city);
getAreaInfo(Number(province.data[event.detail.value[0]].id) + 1, area);
selectedProvince.data = province.data[event.detail.value[0]];
} else if (areaIndex.data[1] !== event.detail.value[1]) {
getAreaInfo(city.data[event.detail.value[1]].id, area);
selectedCity.data = city.data[event.detail.value[1]];
} else {
selectedArea.data = area.data[event.detail.value[2]];
}
areaIndex.data = event.detail.value;
hotCityIndex.value = "";
};
const handleOpen = () => {
popup.value.open("bottom");
};
const handleCancel = () => {
popup.value.close("bottom");
};
const confirm = () => {
handleCancel();
emits("getAreaData", {
province: selectedProvince.data,
city: selectedCity.data,
area: selectedArea.data
});
};
expose({
handleOpen,
getList
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(handleCancel),
b: common_vendor.f(cityList, (item, index, i0) => {
return {
a: common_vendor.t(item.label),
b: common_vendor.n(index === common_vendor.unref(hotCityIndex) ? "active" : ""),
c: index,
d: common_vendor.o(($event) => handleHotCityClick(item, index), index)
};
}),
c: common_vendor.f(common_vendor.unref(province).data, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: index
};
}),
d: common_vendor.f(city.data, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: index
};
}),
e: common_vendor.f(area.data, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: index
};
}),
f: common_vendor.unref(areaIndex).data,
g: `height: 50px;`,
h: common_vendor.o(bindChange),
i: common_vendor.o(handlePickStart),
j: common_vendor.o(confirm),
k: common_vendor.sr(popup, "7dfaf907-0", {
"k": "popup"
}),
l: common_vendor.p({
type: "bottom"
})
};
};
}
};
var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7dfaf907"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/address-info/components/selectArea.vue"]]);
wx.createComponent(Component);

View File

@@ -0,0 +1,6 @@
{
"component": true,
"usingComponents": {
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

View File

@@ -0,0 +1 @@
<view class="selectArea data-v-7dfaf907"><uni-popup wx:if="{{l}}" class="r data-v-7dfaf907" u-s="{{['d']}}" u-r="popup" u-i="7dfaf907-0" bind:__l="__l" u-p="{{l}}"><view class="header data-v-7dfaf907"><view class="header-title data-v-7dfaf907">选择省市区</view><view class="close data-v-7dfaf907" bindtap="{{a}}"></view></view><view class="hot-city data-v-7dfaf907"><view class="title data-v-7dfaf907">热门城市</view><view class="city-box data-v-7dfaf907"><view wx:for="{{b}}" wx:for-item="item" wx:key="c" class="{{['city-item', 'data-v-7dfaf907', item.b]}}" bindtap="{{item.d}}">{{item.a}}</view></view></view><view class="province-city-area data-v-7dfaf907"><view class="label-box data-v-7dfaf907"><view class="label data-v-7dfaf907">省份</view><view class="label data-v-7dfaf907">城市</view><view class="label data-v-7dfaf907">区县</view></view><picker-view value="{{f}}" indicator-style="{{g}}" bindchange="{{h}}" bindpickstart="{{i}}" class="picker-view data-v-7dfaf907"><picker-view-column class="data-v-7dfaf907"><view wx:for="{{c}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column><picker-view-column class="data-v-7dfaf907"><view wx:for="{{d}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column><picker-view-column class="data-v-7dfaf907"><view wx:for="{{e}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column></picker-view></view><view class="footer data-v-7dfaf907"><view class="btn data-v-7dfaf907" bindtap="{{j}}">确定</view></view></uni-popup></view>

View File

@@ -0,0 +1,123 @@
/* 水平间距 */
/* 水平间距 */
.selectArea.data-v-7dfaf907 .uni-popup__wrapper {
height: 1160rpx;
background-color: white !important;
border-radius: 24rpx 24rpx 0 0;
}
.selectArea .header.data-v-7dfaf907 {
display: flex;
height: 56rpx;
padding: 30rpx 38rpx;
align-items: center;
justify-content: space-between;
border-radius: 24rpx 24rpx 0 0;
}
.selectArea .header .header-title.data-v-7dfaf907 {
font-size: 32rpx;
color: #151515;
font-weight: bold;
}
.selectArea .header .close.data-v-7dfaf907 {
width: 24rpx;
height: 24rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAA39JREFUSEudlr9vHEUUx79vNmcJJxESsgAFRBG5YHb3AuRIqhSGVCQdkktED0gktgu6CCSKNLEdKaJCQkhRIp2ChYRAiMYVqZzGNzcWMn+BKzqS7M1Db3fGGa/nLkuuubu9m/nO5/34viE0L/LvDCAD4ADI5xd9Kb9e9pDPLgi0N5TnLyoUH/pw3/phURSvMPO3BJRgvmOsve9PImKdBZeXl7PhcDgpiuIdOHcDRPMqy77e3d192Ahpvc7ANQImDBADq9baDR/GSZf4LQPZEJic0/p8BfwK4DW/7tFL8/Mf1kJa6wcEfAzgXwJ6DGQibK3d7JKzpaWlE9vb21VRFBcB/MTOvQHgCYA5AH8zcLkWyvP8Eph/A3DKU0kCJWYrHcikeCZa6/P0jKSiJjIZKXXDGPONCNVVUWp91QH3AJwGUPnnahZZRHIBwJaQhPDLegLWjbUrUtWhQsKprhAwBDDfgWw2CdGt0Xi8Rk0xHQpJpLqSqcFgkO3s7DwtiiJNotSGMeZ6nN8jfTQYDHqygdb6eWRSQOmcNOFajSq1bo9Uwz6P7HMiegjgFzCfOZKTBEkQTDpDiszbkhziH7/4ZW8tXFfXFJKZQv7HFJl4YMhncAwC8+3x3t6Xs3pumtfVu4XyzfP8Mph/BnAyMktZK9V001j7VcuYj5nJTKFgQWVZnnNV9QeIXm15H5FSXxhj7vhDiV0lvXGWUN0neZ6/B2bxrtd9nmJ3rscBKbVmjLk1yxuTQiFkZVm+76pqC0Rv+uoS8ac+Lj0vXOeMgeuRXR2bZymhFMmhJUlOMqX+nDh3l1veSEqtGmPWU2RHhKaReIOVEt401l6T732tr0wAmVttb0ySxUI1SVEU77Jz4uSSk2cuDGx4g5RB2TPGPOnn+UeOecjAydgbU2S1UBhakhOuqi32OUmQxPeJus86kDUFE8x0KkljK2L1wbJC0yI4yFQy5jWztyfV2Lh3v99/21XV7wy8JSEIJCC6PR6PZ3Z8OGibLAw+lWWfjUaj78Ll5Ed27hMAjwk44SfjVJJ226fIolH+V29urrkzFFr/wMCnvkd6HUnaeqmcyX8sKdUI9fv9s1VVfa+ISlJqY2Fh4aZcNkJYjhnXlAfRaP8AwCacO03Aysjarbi81eLiYm9/f//x/xVo6daXTxE9ODhQ0gbx4ItvpvF1titMMozxuPkPXmX1s/RItWUAAAAASUVORK5CYII=");
}
.selectArea .seachBox.data-v-7dfaf907 .uni-searchbar {
padding-left: 38rpx !important;
}
.selectArea .seachBox.data-v-7dfaf907 .uni-searchbar .uni-searchbar__box {
border-radius: 34rpx !important;
}
.selectArea .seachBox .search-icon.data-v-7dfaf907 {
width: 40rpx;
height: 40rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,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");
}
.selectArea .hot-city.data-v-7dfaf907 {
margin-top: 31rpx;
border-bottom: 2rpx solid #F4F4F4;
padding-bottom: 40rpx;
margin: 0 38rpx;
}
.selectArea .hot-city .title.data-v-7dfaf907 {
font-size: 24rpx;
color: #888;
}
.selectArea .hot-city .city-box.data-v-7dfaf907 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.selectArea .hot-city .city-box .city-item.data-v-7dfaf907 {
font-size: 24rpx;
height: 64rpx;
background: #F4F4F4;
border-radius: 34rpx;
min-width: 148rpx;
margin-top: 18rpx;
text-align: center;
line-height: 64rpx;
}
.selectArea .hot-city .city-box .city-item.active.data-v-7dfaf907 {
border: 2rpx solid #E84134;
color: #E84134;
background-color: white;
}
.selectArea .province-city-area.data-v-7dfaf907 {
margin-top: -10rpx;
}
.selectArea .province-city-area .picker-view.data-v-7dfaf907 {
width: 750rpx;
height: 600rpx;
margin-top: 20rpx;
}
.selectArea .province-city-area .item.data-v-7dfaf907 {
height: 50px;
align-items: center;
justify-content: center;
text-align: center;
display: flex;
}
.selectArea .province-city-area.data-v-7dfaf907 .uni-picker-view-wrapper .uni-picker-view-mask {
display: none;
}
.selectArea .province-city-area.data-v-7dfaf907 .uni-picker-view-wrapper .uni-picker-view-indicator {
top: 46% !important;
}
.selectArea .province-city-area .label-box.data-v-7dfaf907 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40rpx 90rpx;
}
.selectArea .province-city-area .label-box .label.data-v-7dfaf907 {
font-size: 30rpx;
font-weight: bold;
}
.selectArea .footer.data-v-7dfaf907 {
height: 168rpx;
width: 100%;
background-color: white;
position: fixed;
bottom: 0;
left: 0;
padding-top: 80rpx;
display: flex;
align-items: center;
}
.selectArea .footer .btn.data-v-7dfaf907 {
width: 404rpx;
height: 88rpx;
background: #E84134;
border-radius: 44rpx;
color: white;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
margin: 0 auto;
}

View File

@@ -0,0 +1,270 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var pages_api_address = require("../../pages/api/address.js");
var pages_api_my = require("../../pages/api/my.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");
_component_nav_bar();
}
if (!Math) {
(BtnFooter + SelectArea)();
}
const BtnFooter = () => "../../components/BtnFooter/index.js";
const SelectArea = () => "./components/selectArea.js";
const _sfc_main = {
__name: "index",
setup(__props) {
const formName = common_vendor.ref("");
const formPhone = common_vendor.ref("");
const formAddressInfo = common_vendor.ref("");
let provinceId = common_vendor.ref("");
let cityId = common_vendor.ref("");
let countyId = common_vendor.ref("");
let title = common_vendor.ref("");
const isSaveToAddress = common_vendor.ref(false);
const isDefaultAddress = common_vendor.ref(false);
const isFromAddress = common_vendor.ref();
const selectArea = common_vendor.ref();
const type = common_vendor.ref("send");
const addressType = common_vendor.ref();
const editOrAdd = common_vendor.ref();
const id = common_vendor.ref("");
const isConfirm = common_vendor.computed$1(() => {
return Boolean(formName.value) && Boolean(formPhone.value) && Boolean(formAddressInfo.value) && areaLabel.value !== "\u57CE\u5E02/\u5730\u533A";
});
const isReset = common_vendor.computed$1(() => {
return Boolean(formName.value) || Boolean(formPhone.value) || Boolean(formAddressInfo.value) || Boolean(provinceId.value);
});
const areaLabel = common_vendor.ref("\u57CE\u5E02/\u5730\u533A");
const isRealNameAuth = common_vendor.ref(true);
common_vendor.onLoad((options) => {
if (options.id) {
getAddressInfo(options.id);
}
editOrAdd.value = options.editOrAdd;
id.value = options.id || "";
type.value = options.type;
isFromAddress.value = options.isFromAddress;
title.value = options.type === "address" ? "\u7F16\u8F91\u5730\u5740" : options.type === "send" ? "\u5BC4\u4EF6\u4EBA\u5730\u5740\u586B\u5199" : "\u6536\u4EF6\u4EBA\u5730\u5740\u586B\u5199";
isDefaultAddress.value = options.isDefault === "0" ? false : true;
});
common_vendor.onMounted(() => {
if (editOrAdd.value === "add") {
selectArea.value.getList();
}
isRealName();
});
const toAddress = () => {
common_vendor.index.navigateTo({
url: "/pages/address/index?type=" + type.value
});
};
const handleTorealName = () => {
common_vendor.index.navigateTo({
url: "/subPages/realName-authentication/index"
});
};
const isRealName = () => {
pages_api_my.getUserInfo().then((res) => {
if (res) {
isRealNameAuth.value = Boolean(res.data.idCardNoVerify);
}
});
};
const getAddressInfo = async (id2) => {
await pages_api_address.getAddressInfoDetail(id2).then((res) => {
const {
name,
phoneNumber,
address,
city,
county,
province,
isShow,
isDefault
} = res.data;
formName.value = name;
formPhone.value = phoneNumber;
formAddressInfo.value = address;
areaLabel.value = province.name + " " + city.name + " " + county.name;
provinceId.value = province.id;
cityId.value = city.id;
countyId.value = county.id;
isSaveToAddress.value = isShow;
isDefaultAddress.value = isDefault;
});
selectArea.value.getList();
};
const handleSaveToAddress = () => {
if (isFromAddress.value) {
isDefaultAddress.value = !isDefaultAddress.value;
} else {
isSaveToAddress.value = !isSaveToAddress.value;
}
};
const handledSelectArea = () => {
selectArea.value.handleOpen();
};
const handleFormName = (event) => {
formName.value = event.detail.value;
};
const handleFormPhone = (event) => {
formPhone.value = event.detail.value;
};
const handleFormAddressInfo = (event) => {
formAddressInfo.value = event.detail.value;
};
const getAreaData = (value) => {
provinceId.value = value.province.id;
cityId.value = value.city.id;
countyId.value = value.area.id;
areaLabel.value = value.province.name + " " + value.city.name + " " + value.area.name;
};
const reset = () => {
formAddressInfo.value = "";
formName.value = "";
formPhone.value = "";
areaLabel.value = "\u57CE\u5E02/\u5730\u533A";
};
const handleToLink = () => {
common_vendor.index.navigateBack();
};
const submit = () => {
console.log();
if (!isConfirm.value) {
common_vendor.index.showToast({
title: "\u8BF7\u5C06\u4FE1\u606F\u586B\u5199\u5B8C\u6574",
icon: "none"
});
} else if (!/^1[3456789]\d{9}$/.test(formPhone.value)) {
common_vendor.index.showToast({
title: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801\u683C\u5F0F",
icon: "none"
});
} else if (formName.value.length < 2) {
common_vendor.index.showToast({
title: "\u59D3\u540D\u5B57\u6570\u957F\u5EA6\u4E3A2-10",
icon: "none"
});
} else {
if (editOrAdd.value === "add" && !id.value) {
pages_api_address.addAddress({
name: formName.value,
phoneNumber: formPhone.value,
address: formAddressInfo.value,
provinceId: provinceId.value,
cityId: cityId.value,
countyId: countyId.value,
type: type.value === "send" ? 1 : 2,
isShow: isFromAddress.value ? 1 : isSaveToAddress.value ? 1 : 0,
isDefault: isDefaultAddress.value ? 1 : 0
}).then((res) => {
common_vendor.index.showToast({
title: "\u64CD\u4F5C\u6210\u529F",
icon: "success"
});
if (isFromAddress.value === "true") {
common_vendor.index.redirectTo({
url: "/pages/address/index"
});
} else {
common_vendor.index.redirectTo({
url: "/pages/express-delivery/index?id=" + res.data.id + "&type=" + type.value
});
}
});
} else if (editOrAdd.value === "edit" && id.value) {
pages_api_address.editAddress({
name: formName.value,
phoneNumber: formPhone.value,
address: formAddressInfo.value,
provinceId: provinceId.value,
cityId: cityId.value,
countyId: countyId.value,
type: addressType.value,
isShow: isFromAddress.value ? 1 : isSaveToAddress.value ? 1 : 0,
id: id.value,
isDefault: isDefaultAddress.value ? 1 : 0
}).then((res) => {
common_vendor.index.showToast({
title: "\u64CD\u4F5C\u6210\u529F",
icon: "success"
});
if (isFromAddress.value === "true") {
common_vendor.index.redirectTo({
url: "/pages/address/index"
});
} else {
common_vendor.index.redirectTo({
url: "/pages/express-delivery/index?id=" + res.data.id + "&type=" + type.value
});
}
});
}
}
};
return (_ctx, _cache) => {
return common_vendor.e({
a: common_vendor.p({
title: common_vendor.unref(title),
handleToLink
}),
b: type.value !== "get" && editOrAdd.value !== "add"
}, type.value !== "get" && editOrAdd.value !== "add" ? common_vendor.e({
c: common_vendor.t(!isRealNameAuth.value ? "\u6839\u636E\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u8981\u6C42\uFF0C\u5BC4\u4EF6\u4EBA\u540D\u79F0\u987B\u4E0E\u5B9E\u540D\u4FE1\u606F\u4E00\u81F4\u3002\u60A8\u53EF\u4EE5\u5728\u4E0B\u5355\u524D\u8BA4\u8BC1\u6216\u73B0\u573A\u51FA\u793A\u8BC1\u4EF6" : "\u6839\u636E\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u8981\u6C42\uFF0C\u5BC4\u4EF6\u4EBA\u540D\u79F0\u987B\u4E0E\u5B9E\u540D\u4FE1\u606F\u4E00\u81F4\u3002"),
d: common_vendor.n(type.value === "get" ? "active" : ""),
e: !isRealNameAuth.value && type.value !== "get"
}, !isRealNameAuth.value && type.value !== "get" ? {
f: common_vendor.o(handleTorealName)
} : {}, {
g: common_vendor.n(isRealNameAuth.value ? "isRealNameAuth" : "")
}) : {}, {
h: type.value === "address"
}, type.value === "address" ? {} : common_vendor.e({
i: type.value === "send"
}, type.value === "send" ? {} : type.value === "get" ? {} : {}, {
j: type.value === "get",
k: common_vendor.t(type.value === "send" ? "\u5BC4" : "\u6536"),
l: common_vendor.o(toAddress)
}), {
m: common_vendor.n(formName.value !== "" ? "active" : ""),
n: common_vendor.o(handleFormName),
o: formName.value,
p: common_vendor.n(formPhone.value !== "" ? "active" : ""),
q: common_vendor.o(handleFormPhone),
r: formPhone.value,
s: common_vendor.t(areaLabel.value),
t: common_vendor.n(areaLabel.value !== "\u57CE\u5E02/\u5730\u533A" ? "active" : ""),
v: common_vendor.o(handledSelectArea),
w: common_vendor.n(formAddressInfo.value !== "" ? "active" : ""),
x: formAddressInfo.value,
y: common_vendor.o(handleFormAddressInfo),
z: (isFromAddress.value ? isDefaultAddress.value : isSaveToAddress.value) ? 1 : "",
A: common_vendor.t(isFromAddress.value ? "\u8BBE\u4E3A\u9ED8\u8BA4\u5BC4\u4EF6\u5730\u5740" : "\u4FDD\u5B58\u5230\u5730\u5740\u7C3F"),
B: common_vendor.o(handleSaveToAddress),
C: common_vendor.o(reset),
D: common_vendor.n(common_vendor.unref(isReset) ? "active" : ""),
E: common_vendor.o(submit),
F: common_vendor.p({
btnText: "\u786E\u5B9A",
isActive: common_vendor.unref(isConfirm)
}),
G: common_vendor.sr(selectArea, "3ff5d8d2-2", {
"k": "selectArea"
}),
H: common_vendor.o(getAreaData),
I: common_vendor.p({
provinceId: common_vendor.unref(provinceId),
cityId: common_vendor.unref(cityId),
countyId: common_vendor.unref(countyId),
editOrAdd: editOrAdd.value
})
});
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3ff5d8d2"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/address-info/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,9 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "地址信息",
"enablePullDownRefresh": false,
"usingComponents": {
"btn-footer": "../../components/BtnFooter/index",
"select-area": "./components/selectArea"
}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-3ff5d8d2" u-i="3ff5d8d2-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="address-info data-v-3ff5d8d2"><view wx:if="{{b}}" class="{{['approve-tips', 'data-v-3ff5d8d2', g]}}"><view class="circle data-v-3ff5d8d2"></view><view class="{{['content', 'data-v-3ff5d8d2', d]}}">{{c}}</view><view wx:if="{{e}}" class="btn data-v-3ff5d8d2" bindtap="{{f}}">实名认证</view></view><view class="address-box data-v-3ff5d8d2"><view class="title data-v-3ff5d8d2"><view wx:if="{{h}}" class="address-title data-v-3ff5d8d2">联系人信息</view><view wx:else class="send-get-title data-v-3ff5d8d2"><view wx:if="{{i}}" class="send data-v-3ff5d8d2">寄</view><view wx:elif="{{j}}" class="get data-v-3ff5d8d2">收</view><view class="subTitle data-v-3ff5d8d2">{{k}}件人信息 </view><view class="toAddress data-v-3ff5d8d2" bindtap="{{l}}"> 地址簿 </view></view></view><view class="name-number data-v-3ff5d8d2"><input placeholder-class="phcolor" class="{{['uni-input', 'data-v-3ff5d8d2', m]}}" placeholder="姓名" bindinput="{{n}}" value="{{o}}" maxlength="10"/><input placeholder-class="phcolor" type="number" class="{{['uni-input', 'data-v-3ff5d8d2', p]}}" placeholder="电话" bindinput="{{q}}" value="{{r}}"/></view><view class="city-area data-v-3ff5d8d2" bindtap="{{v}}"><view class="{{['label', 'data-v-3ff5d8d2', t]}}">{{s}}</view><view class="arrow data-v-3ff5d8d2"></view></view><view class="address-detail data-v-3ff5d8d2"><input placeholder-class="phcolor" class="{{['uni-input', 'data-v-3ff5d8d2', w]}}" placeholder="详细地址(例如:**街**号)" value="{{x}}" bindinput="{{y}}" maxlength="33"/></view><view class="footer data-v-3ff5d8d2"><view class="save-address data-v-3ff5d8d2" bindtap="{{B}}"><view class="{{['checkbox', 'data-v-3ff5d8d2', z && 'active']}}"></view><view class="label data-v-3ff5d8d2">{{A}}</view></view><view bindtap="{{C}}" class="{{['reset-btn', 'data-v-3ff5d8d2', D]}}">清空</view></view></view><btn-footer wx:if="{{F}}" class="data-v-3ff5d8d2" bindconfirm="{{E}}" u-i="3ff5d8d2-1" bind:__l="__l" u-p="{{F}}"></btn-footer><select-area wx:if="{{I}}" class="r data-v-3ff5d8d2" u-r="selectArea" bindgetAreaData="{{H}}" u-i="3ff5d8d2-2" bind:__l="__l" u-p="{{I}}"></select-area></view>

View File

@@ -0,0 +1,289 @@
/* 水平间距 */
/* 水平间距 */
.address-info.data-v-3ff5d8d2 {
background-color: #F3F5F9 !important;
height: 85vh;
}
.address-info .approve-tips.data-v-3ff5d8d2 {
height: 90rpx;
background: #FAF4DE;
padding: 5rpx 18rpx 8rpx 24rpx;
display: flex;
align-items: center;
}
.address-info .approve-tips .circle.data-v-3ff5d8d2 {
width: 10rpx;
height: 10rpx;
background-color: #E88649;
border-radius: 50%;
margin-right: 20rpx;
display: inline-block;
vertical-align: middle;
}
.address-info .approve-tips .content.data-v-3ff5d8d2 {
font-size: 22rpx;
color: #EA8A57;
display: inline-block;
vertical-align: middle;
width: 515rpx;
margin-right: 20rpx;
}
.address-info .approve-tips .content.active.data-v-3ff5d8d2 {
width: 650rpx;
}
.address-info .approve-tips .btn.data-v-3ff5d8d2 {
width: 132rpx;
height: 44rpx;
background: #EA8A57;
border-radius: 22rpx;
color: white;
text-align: center;
line-height: 44rpx;
font-size: 22rpx;
display: inline-block;
vertical-align: middle;
}
.address-info .approve-tips.isRealNameAuth.data-v-3ff5d8d2 {
height: 60rpx;
}
.address-info .approve-tips.isRealNameAuth .content.data-v-3ff5d8d2 {
width: 100%;
}
.address-info .address-box.data-v-3ff5d8d2 {
height: 510rpx;
background: #FFFFFF;
border-radius: 20rpx;
margin: 19rpx 19rpx 0rpx 19rpx;
padding: 32rpx 28rpx 0rpx;
}
.address-info .address-box .address-title.data-v-3ff5d8d2 {
font-size: 32rpx;
font-weight: bold;
}
.address-info .address-box .uni-input.data-v-3ff5d8d2 {
width: 400rpx;
}
.address-info .address-box .uni-input.active.data-v-3ff5d8d2 {
font-weight: bold;
}
.address-info .address-box .send-get-title.data-v-3ff5d8d2 {
display: flex;
align-items: center;
}
.address-info .address-box .send-get-title .toAddress.data-v-3ff5d8d2 {
width: 104rpx;
height: 46rpx;
border: 2rpx solid #888888;
border-radius: 22rpx;
text-align: center;
line-height: 46rpx;
margin-left: 20rpx;
font-size: 22rpx;
}
.address-info .address-box .send-get-title .send.data-v-3ff5d8d2, .address-info .address-box .send-get-title .get.data-v-3ff5d8d2 {
width: 38rpx;
height: 38rpx;
border-radius: 50%;
font-size: 24rpx;
color: white;
text-align: center;
margin-right: 20rpx;
}
.address-info .address-box .send-get-title .send.data-v-3ff5d8d2 {
background-color: #000000;
}
.address-info .address-box .send-get-title .get.data-v-3ff5d8d2 {
background-color: #E63E32;
}
.address-info .address-box .send-get-title .subTitle.data-v-3ff5d8d2 {
font-weight: bold;
}
.address-info .address-box .name-number.data-v-3ff5d8d2 {
display: flex;
margin-top: 56rpx;
border-bottom: 2rpx solid #F4F4F4;
padding-bottom: 29rpx;
}
.address-info .address-box .city-area.data-v-3ff5d8d2 {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2rpx solid #F4F4F4;
padding: 36rpx 0;
}
.address-info .address-box .city-area .label.data-v-3ff5d8d2 {
font-size: 30rpx;
color: #888;
}
.address-info .address-box .city-area .active.label.data-v-3ff5d8d2 {
color: #151515;
font-weight: bold;
}
.address-info .address-box .city-area .arrow.data-v-3ff5d8d2 {
width: 12rpx;
height: 20rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAddJREFUOE+VlL1u1EAUhc8dr6VVniQ7k1T7AtugCFIEAQ4logpSKEnEGyCSJl0oqUODREGDlH0BtGj2l41SREoRifxUaJv1vWgGe+W1/JOMZNmyZ7575njuISSj0+k0bq6uWgjDy36/fwdAAeD0e9mdAAQAYq11BJETEH1j5teTyeQmAoIvQFwFWQCMMa+E+bObLEC32Wxu93q9P3VKHMBd4hYarT+IyPsUopR6PhwOb6uUuMXp8KC1VuuAgb0UEsdxNJ1Or8uU5AF+nTHmozDv30dJFuDmUwQoZ1xWCRGdNufz7Z8FSvIAD0n2tKQERKdE9CLvSRHgQUrKAJVKmDly58QZWwVYUqJXVw9B9M69VEQ/VKPx1Fr7tw7g5ye+sNH6u4hsJJCXg9Ho5D4Af9SNMbvCfABgRQAbhuGmtfayEuAarNvtzte0fsMix8nfOVNB8HgwGJzXeeArrxvzlpmP5H/TjRph+Mxa+zs9mYUKSipPVRA8SSp7ePZXZTu2snK+sZYUPKRytgPTZ59AZXsua+lUgV+cc7twz/l0WiTSutZbscjXZMLC7bpYy2biDkQ+ARiqINjKu10Vqj6J2u32ymw2eyQiv8bj8UVdFhaZmH/nc7Ju/AO2JRUsi4oUyAAAAABJRU5ErkJggg==");
}
.address-info .address-box .address-detail.data-v-3ff5d8d2 {
border-bottom: 2rpx solid #F4F4F4;
padding: 36rpx 0;
}
.address-info .address-box .footer.data-v-3ff5d8d2 {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 30rpx;
}
.address-info .address-box .footer .save-address.data-v-3ff5d8d2 {
display: flex;
align-items: center;
}
.address-info .address-box .footer .save-address .label.data-v-3ff5d8d2 {
font-size: 30rpx;
color: #888;
}
.address-info .address-box .footer .save-address .active.data-v-3ff5d8d2, .address-info .address-box .footer .save-address .checkbox.data-v-3ff5d8d2 {
width: 40rpx;
height: 40rpx;
background-repeat: no-repeat;
background-size: contain;
margin-right: 10rpx;
}
.address-info .address-box .footer .save-address .checkbox.data-v-3ff5d8d2 {
background-image: url("data:image/png;base64,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");
}
.address-info .address-box .footer .save-address .active.data-v-3ff5d8d2 {
background-image: url("data:image/png;base64,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");
}
.address-info .address-box .footer .reset-btn.data-v-3ff5d8d2 {
font-size: 30rpx;
color: #888;
}
.address-info .address-box .footer .reset-btn.active.data-v-3ff5d8d2 {
color: #151515;
}
/* 水平间距 */
/* 水平间距 */
.selectArea .uni-popup__wrapper {
height: 1160rpx;
background-color: white !important;
border-radius: 24rpx 24rpx 0 0;
}
.selectArea .header {
display: flex;
height: 56rpx;
padding: 30rpx 38rpx;
align-items: center;
justify-content: space-between;
border-radius: 24rpx 24rpx 0 0;
}
.selectArea .header .header-title {
font-size: 32rpx;
color: #151515;
font-weight: bold;
}
.selectArea .header .close {
width: 24rpx;
height: 24rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAA39JREFUSEudlr9vHEUUx79vNmcJJxESsgAFRBG5YHb3AuRIqhSGVCQdkktED0gktgu6CCSKNLEdKaJCQkhRIp2ChYRAiMYVqZzGNzcWMn+BKzqS7M1Db3fGGa/nLkuuubu9m/nO5/34viE0L/LvDCAD4ADI5xd9Kb9e9pDPLgi0N5TnLyoUH/pw3/phURSvMPO3BJRgvmOsve9PImKdBZeXl7PhcDgpiuIdOHcDRPMqy77e3d192Ahpvc7ANQImDBADq9baDR/GSZf4LQPZEJic0/p8BfwK4DW/7tFL8/Mf1kJa6wcEfAzgXwJ6DGQibK3d7JKzpaWlE9vb21VRFBcB/MTOvQHgCYA5AH8zcLkWyvP8Eph/A3DKU0kCJWYrHcikeCZa6/P0jKSiJjIZKXXDGPONCNVVUWp91QH3AJwGUPnnahZZRHIBwJaQhPDLegLWjbUrUtWhQsKprhAwBDDfgWw2CdGt0Xi8Rk0xHQpJpLqSqcFgkO3s7DwtiiJNotSGMeZ6nN8jfTQYDHqygdb6eWRSQOmcNOFajSq1bo9Uwz6P7HMiegjgFzCfOZKTBEkQTDpDiszbkhziH7/4ZW8tXFfXFJKZQv7HFJl4YMhncAwC8+3x3t6Xs3pumtfVu4XyzfP8Mph/BnAyMktZK9V001j7VcuYj5nJTKFgQWVZnnNV9QeIXm15H5FSXxhj7vhDiV0lvXGWUN0neZ6/B2bxrtd9nmJ3rscBKbVmjLk1yxuTQiFkZVm+76pqC0Rv+uoS8ac+Lj0vXOeMgeuRXR2bZymhFMmhJUlOMqX+nDh3l1veSEqtGmPWU2RHhKaReIOVEt401l6T732tr0wAmVttb0ySxUI1SVEU77Jz4uSSk2cuDGx4g5RB2TPGPOnn+UeOecjAydgbU2S1UBhakhOuqi32OUmQxPeJus86kDUFE8x0KkljK2L1wbJC0yI4yFQy5jWztyfV2Lh3v99/21XV7wy8JSEIJCC6PR6PZ3Z8OGibLAw+lWWfjUaj78Ll5Ed27hMAjwk44SfjVJJ226fIolH+V29urrkzFFr/wMCnvkd6HUnaeqmcyX8sKdUI9fv9s1VVfa+ISlJqY2Fh4aZcNkJYjhnXlAfRaP8AwCacO03Aysjarbi81eLiYm9/f//x/xVo6daXTxE9ODhQ0gbx4ItvpvF1titMMozxuPkPXmX1s/RItWUAAAAASUVORK5CYII=");
}
.selectArea .seachBox .uni-searchbar {
padding-left: 38rpx !important;
}
.selectArea .seachBox .uni-searchbar .uni-searchbar__box {
border-radius: 34rpx !important;
}
.selectArea .seachBox .search-icon {
width: 40rpx;
height: 40rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,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");
}
.selectArea .hot-city {
margin-top: 31rpx;
border-bottom: 2rpx solid #F4F4F4;
padding-bottom: 40rpx;
margin: 0 38rpx;
}
.selectArea .hot-city .title {
font-size: 24rpx;
color: #888;
}
.selectArea .hot-city .city-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.selectArea .hot-city .city-box .city-item {
font-size: 24rpx;
height: 64rpx;
background: #F4F4F4;
border-radius: 34rpx;
min-width: 148rpx;
margin-top: 18rpx;
text-align: center;
line-height: 64rpx;
}
.selectArea .hot-city .city-box .city-item.active {
border: 2rpx solid #E84134;
color: #E84134;
background-color: white;
}
.selectArea .province-city-area {
margin-top: -10rpx;
}
.selectArea .province-city-area .picker-view {
width: 750rpx;
height: 600rpx;
margin-top: 20rpx;
}
.selectArea .province-city-area .item {
height: 50px;
align-items: center;
justify-content: center;
text-align: center;
display: flex;
}
.selectArea .province-city-area .uni-picker-view-wrapper .uni-picker-view-mask {
display: none;
}
.selectArea .province-city-area .uni-picker-view-wrapper .uni-picker-view-indicator {
top: 46% !important;
}
.selectArea .province-city-area .label-box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40rpx 90rpx;
}
.selectArea .province-city-area .label-box .label {
font-size: 30rpx;
font-weight: bold;
}
.selectArea .footer {
height: 168rpx;
width: 100%;
background-color: white;
position: fixed;
bottom: 0;
left: 0;
padding-top: 80rpx;
display: flex;
align-items: center;
}
.selectArea .footer .btn {
width: 404rpx;
height: 88rpx;
background: #E84134;
border-radius: 44rpx;
color: white;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
margin: 0 auto;
}

View File

@@ -0,0 +1,102 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var pages_api_my = require("../../pages/api/my.js");
require("../../utils/request.js");
require("../../utils/env.js");
require("../../pages/api/login.js");
if (!Array) {
const _easycom_uni_popup_dialog2 = common_vendor.resolveComponent("uni-popup-dialog");
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
(_easycom_uni_popup_dialog2 + _easycom_uni_popup2)();
}
const _easycom_uni_popup_dialog = () => "../../uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.js";
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
(_easycom_uni_popup_dialog + _easycom_uni_popup)();
}
const _sfc_main = {
__name: "index",
setup(__props) {
let src = common_vendor.ref("../../static/idcard-goback.png");
let idCard = common_vendor.ref("");
let name = common_vendor.ref("");
let alertDialog = common_vendor.ref("");
let capsuleTop = common_vendor.ref();
common_vendor.onLoad((options) => {
idCard.value = options.idCard || "";
name.value = options.name;
common_vendor.index.getSystemInfo({
success: (res) => {
capsuleTop.value = common_vendor.index.getMenuButtonBoundingClientRect().top;
}
});
});
const handleTo = () => {
common_vendor.index.navigateBack();
};
const handleDelete = () => {
alertDialog.value.open();
};
const dialogConfirm = () => {
pages_api_my.getRealNameStatusApi({
flag: 0
}).then((res) => {
if (res.code !== 200) {
common_vendor.index.showToast({
title: res.msg,
icon: "none",
duration: 1e3
});
} else {
common_vendor.index.showToast({
title: "\u5220\u9664\u6210\u529F",
icon: "none",
duration: 1e3
});
setTimeout(() => {
common_vendor.index.switchTab({
url: "/pages/my/index"
});
}, 2e3);
}
}).catch(() => {
common_vendor.index.showToast({
title: "\u7F51\u7EDC\u5F02\u5E38",
duration: 2e3,
icon: "none"
});
});
};
const dialogClose = () => {
alertDialog.value.close();
};
return (_ctx, _cache) => {
return {
a: common_vendor.unref(src),
b: common_vendor.o(handleTo),
c: common_vendor.unref(capsuleTop) + 9 + "px",
d: common_vendor.t(common_vendor.unref(name)),
e: common_vendor.t(common_vendor.unref(idCard)),
f: common_vendor.o(handleDelete),
g: common_vendor.o(dialogConfirm),
h: common_vendor.o(dialogClose),
i: common_vendor.p({
type: "info",
cancelColor: "red",
cancelText: "\u53D6\u6D88",
confirmText: "\u786E\u5B9A",
title: "\u786E\u5B9A\u5220\u9664\u5B9E\u540D\u4FE1\u606F\u5417\uFF1F",
content: "\u5220\u9664\u540E\uFF0C\u5BC4\u4EF6\u65F6\u9700\u51FA\u793A\u8EAB\u4EFD\u8BC1\u4EF6\u4F9B\r\n\u5FEB\u9012\u5458\u91CD\u65B0\u91C7\u96C6\u8EAB\u4EFD\u4FE1\u606F"
}),
j: common_vendor.sr(alertDialog, "5f422b5e-0", {
"k": "alertDialog"
}),
k: common_vendor.p({
type: "dialog"
})
};
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-5f422b5e"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/authentication-success/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,9 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "实名认证",
"enablePullDownRefresh": false,
"usingComponents": {
"uni-popup-dialog": "../../uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog",
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

View File

@@ -0,0 +1 @@
<image class="goBack data-v-5f422b5e" src="{{a}}" bindtap="{{b}}" style="{{'top:' + c}}"></image><view class="authentication-success data-v-5f422b5e"><image class="data-v-5f422b5e" src="/static/shiming-success.png"></image><view class="tips data-v-5f422b5e">本人寄件时仅需出示有效身份证件共查阅确认即可,无需再次采集</view><view class="info data-v-5f422b5e"><image src="/static/shiming-success-bg.png" class="bg data-v-5f422b5e"></image><view class="info-top data-v-5f422b5e"><view class="info-person data-v-5f422b5e"><image class="headUrl data-v-5f422b5e" src="/static/head.png"></image><view class="info-box data-v-5f422b5e"><view class="name data-v-5f422b5e">{{d}}</view><view class="identify-num data-v-5f422b5e">{{e}}</view></view></view><image src="/static/shiming-success-img.png" class="success data-v-5f422b5e"></image></view><view class="info-title data-v-5f422b5e"><image class="data-v-5f422b5e" src="/static/anquan.png"></image><view class="data-v-5f422b5e">神领速运保障您的信息安全</view></view></view><view class="btn data-v-5f422b5e" bindtap="{{f}}">删除认证信息</view><uni-popup wx:if="{{k}}" class="r data-v-5f422b5e" u-s="{{['d']}}" u-r="alertDialog" u-i="5f422b5e-0" bind:__l="__l" u-p="{{k}}"><uni-popup-dialog wx:if="{{i}}" class="data-v-5f422b5e" bindconfirm="{{g}}" bindclose="{{h}}" u-i="5f422b5e-1,5f422b5e-0" bind:__l="__l" u-p="{{i}}"></uni-popup-dialog></uni-popup></view>

View File

@@ -0,0 +1,113 @@
/* 水平间距 */
/* 水平间距 */
.goBack.data-v-5f422b5e {
position: absolute;
width: 40rpx;
height: 40rpx;
z-index: 2;
left: 26rpx;
}
.authentication-success.data-v-5f422b5e {
position: relative;
}
.authentication-success image.data-v-5f422b5e {
width: 100%;
height: 540rpx;
}
.authentication-success .tips.data-v-5f422b5e {
position: absolute;
left: 66rpx;
font-size: 26rpx;
font-weight: bold;
color: white;
width: 480rpx;
height: 72rpx;
top: 188rpx;
}
.authentication-success .info.data-v-5f422b5e {
position: relative;
bottom: 230rpx;
height: 278rpx;
background: #FFFFFF;
box-shadow: 0 4rpx 38rpx 0 rgba(66, 77, 84, 0);
border-radius: 24rpx;
margin: 0 30rpx;
position: relative;
}
.authentication-success .info .bg.data-v-5f422b5e {
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.authentication-success .info .info-top.data-v-5f422b5e {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
position: relative;
z-index: 3;
}
.authentication-success .info .info-top .success.data-v-5f422b5e {
width: 152rpx;
height: 122rpx;
margin: 22rpx 16rpx 0 0;
}
.authentication-success .info .info-top .info-person.data-v-5f422b5e {
display: flex;
margin: 50rpx 0 0 32rpx;
}
.authentication-success .info .info-top .info-person .headUrl.data-v-5f422b5e {
height: 116rpx;
width: 116rpx;
margin-right: 32rpx;
}
.authentication-success .info .info-top .info-person .info-box .name.data-v-5f422b5e {
font-size: 32rpx;
font-weight: bold;
margin-top: 10rpx;
margin-bottom: 14rpx;
}
.authentication-success .info .info-top .info-person .info-box .identify-num.data-v-5f422b5e {
font-size: 26rpx;
color: #919191;
}
.authentication-success .info .info-title.data-v-5f422b5e {
position: absolute;
bottom: 40rpx;
left: 27rpx;
display: flex;
align-items: center;
font-size: 24rpx;
color: #919191;
}
.authentication-success .info .info-title image.data-v-5f422b5e {
width: 40rpx;
height: 40rpx;
margin-right: 6rpx;
}
.authentication-success .btn.data-v-5f422b5e {
width: 560rpx;
height: 90rpx;
background: #FFFFFF;
border-radius: 44rpx;
margin: 82rpx auto 0;
font-size: 30rpx;
font-weight: bold;
text-align: center;
line-height: 90rpx;
position: relative;
bottom: 230rpx;
}
.authentication-success.data-v-5f422b5e .uni-popup-dialog .uni-button-color {
color: #E84134 !important;
}
.authentication-success.data-v-5f422b5e .uni-popup-dialog .uni-dialog-content {
font-size: 28rpx;
color: #919191;
text-align: center;
}
.authentication-success.data-v-5f422b5e .uni-popup-dialog .uni-dialog-title .uni-dialog-title-text {
font-size: 32rpx;
color: #323233;
}

View File

@@ -0,0 +1,113 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var pages_api_order = require("../../pages/api/order.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");
_component_nav_bar();
}
const _sfc_main = {
__name: "index",
setup(__props) {
let orderId = common_vendor.ref();
let orderInfo = common_vendor.reactive({
estimatedArrivalTime: "",
receiverName: "",
receiverAddress: "",
receiverProvince: "",
receiverPhone: "",
senderName: "",
senderAddress: "",
senderProvince: "",
senderPhone: "",
goods: "",
goodsWeight: "",
paymentMethod: "",
amount: "",
barCode: "",
transportOrderId: ""
});
let sendIsOpen = common_vendor.ref(false);
let getIsOpen = common_vendor.ref(false);
common_vendor.onLoad((options) => {
orderId.value = options.orderId;
getOrderDetailFunc();
});
const getClick = () => {
getIsOpen.value = !getIsOpen.value;
};
const sendClick = () => {
sendIsOpen.value = !sendIsOpen.value;
};
const getOrderDetailFunc = () => {
pages_api_order.getOrderDetail(orderId.value).then((res) => {
const {
estimatedArrivalTime,
receiverName,
senderName,
receiverProvince,
receiverCity,
receiverCounty,
receiverAddress,
senderProvince,
senderCity,
senderCounty,
senderAddress,
orderCargoVOS,
paymentMethod,
amount,
senderPhone,
receiverPhone,
createTime,
barCode,
transportOrderId
} = res.data;
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 = receiverProvince.name;
orderInfo.senderProvince = senderProvince.name;
orderInfo.createTime = createTime;
orderInfo.barCode = barCode;
orderInfo.transportOrderId = transportOrderId;
});
};
return (_ctx, _cache) => {
return {
a: common_vendor.p({
title: "\u7535\u5B50\u5B58\u6839"
}),
b: common_vendor.unref(orderInfo).barCode,
c: common_vendor.t(common_vendor.unref(orderInfo).transportOrderId),
d: common_vendor.t(common_vendor.unref(orderInfo).senderName),
e: common_vendor.t(common_vendor.unref(sendIsOpen) ? common_vendor.unref(orderInfo).senderPhone : common_vendor.unref(orderInfo).senderPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
f: common_vendor.unref(sendIsOpen) ? "../../static/zhengkai.png" : "../../static/biyan.png",
g: common_vendor.o(sendClick),
h: common_vendor.t(common_vendor.unref(orderInfo).senderAddress),
i: common_vendor.t(common_vendor.unref(orderInfo).receiverName),
j: common_vendor.t(common_vendor.unref(getIsOpen) ? common_vendor.unref(orderInfo).receiverPhone : common_vendor.unref(orderInfo).receiverPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
k: common_vendor.unref(getIsOpen) ? "../../static/zhengkai.png" : "../../static/biyan.png",
l: common_vendor.o(getClick),
m: common_vendor.t(common_vendor.unref(orderInfo).receiverAddress),
n: common_vendor.t(common_vendor.unref(orderInfo).goods),
o: common_vendor.t(common_vendor.unref(orderInfo).goodsWeight),
p: common_vendor.t(common_vendor.unref(orderInfo).paymentMethod),
q: common_vendor.t(common_vendor.unref(orderInfo).amount),
r: common_vendor.t(common_vendor.unref(orderInfo).createTime),
s: common_vendor.t(common_vendor.unref(orderInfo).transportOrderId)
};
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-eccf7176"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/electronic-stub/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "电子存根",
"enablePullDownRefresh": false,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-eccf7176" u-i="eccf7176-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="electronic-stub data-v-eccf7176"><view class="content data-v-eccf7176"><view class="code-box data-v-eccf7176"><image class="code-url data-v-eccf7176" src="{{b}}"/><view class="order-num data-v-eccf7176">{{c}}</view></view><view class="address-box data-v-eccf7176"><view class="left data-v-eccf7176"><view class="send data-v-eccf7176">寄</view><view class="line data-v-eccf7176"></view><view class="get data-v-eccf7176">收</view></view><view class="right data-v-eccf7176"><view class="send-people data-v-eccf7176"><view class="send-title data-v-eccf7176"><view class="send-sub-title data-v-eccf7176">{{d}} <text class="user-phone data-v-eccf7176">{{e}}</text><image class="data-v-eccf7176" src="{{f}}" bindtap="{{g}}"></image></view><view class="send-desc data-v-eccf7176">{{h}}</view></view></view><view class="line data-v-eccf7176"></view><view class="get-people data-v-eccf7176"><view class="send-title data-v-eccf7176"><view class="send-sub-title data-v-eccf7176">{{i}} <text class="user-phone data-v-eccf7176">{{j}}</text><image class="data-v-eccf7176" src="{{k}}" bindtap="{{l}}"></image></view><view class="send-desc data-v-eccf7176">{{m}}</view></view></view></view></view><view class="order-info data-v-eccf7176"><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">物品</view><view class="value data-v-eccf7176">{{n}}</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">计费重量</view><view class="value data-v-eccf7176">{{o}}kg</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">数量</view><view class="value data-v-eccf7176">1</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">付费方式</view><view class="value data-v-eccf7176">{{p}}</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">基础运费</view><view class="value data-v-eccf7176">{{q}}元</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">下单时间</view><view class="value data-v-eccf7176">{{r}}</view></view><view class="order-item data-v-eccf7176"><view class="label data-v-eccf7176">运单号</view><view class="value data-v-eccf7176">{{s}}</view></view></view></view></view>

View File

@@ -0,0 +1,121 @@
/* 水平间距 */
/* 水平间距 */
.electronic-stub.data-v-eccf7176 {
background-color: #F3F5F9 !important;
}
.electronic-stub .content.data-v-eccf7176 {
background: #FFFFFF;
border-radius: 10px;
margin: 14rpx 18rpx 0;
padding-bottom: 50rpx;
overflow: hidden;
}
.electronic-stub .content .code-box.data-v-eccf7176 {
margin: 40rpx 60rpx;
margin-bottom: 10rpx;
}
.electronic-stub .content .code-box .code-url.data-v-eccf7176 {
width: 600rpx;
height: 100rpx;
}
.electronic-stub .content .code-box .order-num.data-v-eccf7176 {
font-size: 24rpx;
color: #000000;
text-align: center;
}
.electronic-stub .content .address-box.data-v-eccf7176 {
height: 284rpx;
background: #FFFFFF;
border-radius: 20rpx;
display: flex;
padding: 42rpx 0;
margin: 0 28rpx;
border-bottom: 2rpx solid #F4F4F4;
padding-bottom: 0rpx;
}
.electronic-stub .content .address-box .left.data-v-eccf7176 {
margin-right: 20rpx;
margin-top: 5rpx;
}
.electronic-stub .content .address-box .left .send.data-v-eccf7176, .electronic-stub .content .address-box .left .get.data-v-eccf7176 {
width: 40rpx;
height: 40prx;
border-radius: 50%;
text-align: center;
line-height: 40rpx;
font-size: 24rpx;
}
.electronic-stub .content .address-box .left .send.data-v-eccf7176 {
background: #000000;
color: white;
}
.electronic-stub .content .address-box .left .get.data-v-eccf7176 {
background: #E63E32;
color: white;
}
.electronic-stub .content .address-box .left .line.data-v-eccf7176 {
width: 2rpx;
height: 120rpx;
border-left: 2rpx dashed #D5D1D1;
margin-left: 18rpx;
}
.electronic-stub .content .address-box .right.data-v-eccf7176 {
width: 100%;
position: relative;
}
.electronic-stub .content .address-box .right .send-people.data-v-eccf7176, .electronic-stub .content .address-box .right .get-people.data-v-eccf7176 {
display: flex;
align-items: center;
justify-content: space-between;
}
.electronic-stub .content .address-box .right .send-people .send-sub-title.data-v-eccf7176, .electronic-stub .content .address-box .right .get-people .send-sub-title.data-v-eccf7176 {
color: #151515;
font-size: 32rpx;
margin-bottom: 6rpx;
font-weight: bold;
display: flex;
align-items: center;
}
.electronic-stub .content .address-box .right .send-people .send-sub-title .user-phone.data-v-eccf7176, .electronic-stub .content .address-box .right .get-people .send-sub-title .user-phone.data-v-eccf7176 {
color: #888888;
font-size: 24rpx;
font-weight: normal;
margin-left: 10rpx;
}
.electronic-stub .content .address-box .right .send-people .send-sub-title image.data-v-eccf7176, .electronic-stub .content .address-box .right .get-people .send-sub-title image.data-v-eccf7176 {
width: 40rpx;
height: 40rpx;
margin-left: 10rpx;
}
.electronic-stub .content .address-box .right .send-people .send-desc.data-v-eccf7176, .electronic-stub .content .address-box .right .get-people .send-desc.data-v-eccf7176 {
color: #888888;
font-size: 24rpx;
}
.electronic-stub .content .address-box .right .get-people.data-v-eccf7176 {
margin-top: 80rpx;
}
.electronic-stub .content .address-box .right .line.data-v-eccf7176 {
position: absolute;
width: 100%;
height: 2rpx;
background-color: #F4F4F4;
top: 44%;
left: 0;
}
.electronic-stub .content .order-info.data-v-eccf7176 {
margin-top: 40rpx;
padding: 0 32rpx;
}
.electronic-stub .content .order-info .order-item.data-v-eccf7176 {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 28rpx;
}
.electronic-stub .content .order-info .order-item .label.data-v-eccf7176 {
color: #888888;
font-size: 24rpx;
}
.electronic-stub .content .order-info .order-item .value.data-v-eccf7176 {
font-size: 24rpx;
}

View File

@@ -0,0 +1,113 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var pages_api_order = require("../../pages/api/order.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");
_component_nav_bar();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const orderId = common_vendor.ref();
let defaultReason = common_vendor.ref(1);
common_vendor.onLoad((options) => {
orderId.value = options.orderId;
});
const customerReason = common_vendor.reactive([
{
value: 1,
label: "\u8BA1\u5212\u6709\u53D8\uFF0C\u4E0D\u9700\u8981\u5BC4\u4E86"
},
{
value: 2,
label: "\u6362\u4E2A\u65F6\u95F4\u518D\u5BC4"
},
{
value: 3,
label: "\u53BB\u670D\u52A1\u70B9\u81EA\u5BC4"
}
]);
const senderReason = common_vendor.reactive([
{
value: 4,
label: "\u9001\u8FBE\u65F6\u95F4\u4E0D\u80FD\u8FBE\u5230\u6211\u7684\u8981\u6C42"
},
{
value: 5,
label: "\u8FD0\u8D39\u592A\u8D35\u4E86"
},
{
value: 6,
label: "\u5FEB\u9012\u5458\u672A\u53CA\u65F6\u53D6\u4EF6"
},
{
value: 7,
label: "\u5FEB\u9012\u5458\u4E0D\u4E0A\u95E8"
},
{
value: 8,
label: "\u5FEB\u9012\u5458\u670D\u52A1\u6001\u5EA6\u5DEE"
}
]);
const handleConfirmCancel = () => {
pages_api_order.cancelOrder(orderId.value).then((res) => {
common_vendor.index.showToast({
title: "\u53D6\u6D88\u6210\u529F",
icon: "none",
success: () => {
},
duration: 2e3
});
setTimeout(() => {
common_vendor.index.switchTab({
url: "/pages/index/index"
});
}, 2500);
}).catch(() => {
common_vendor.index.showToast({
title: "\u7F51\u7EDC\u5F02\u5E38",
duration: 2e3,
icon: "none"
});
});
};
const handleNoCancel = () => {
common_vendor.index.navigateBack();
};
const checkbox = (value) => {
defaultReason.value = value;
};
return (_ctx, _cache) => {
return {
a: common_vendor.p({
title: "\u53D6\u6D88\u8BA2\u5355"
}),
b: common_vendor.f(customerReason, (item, index, i0) => {
return {
a: String(item.value),
b: item.value === common_vendor.unref(defaultReason),
c: common_vendor.t(item.label),
d: index,
e: common_vendor.o(($event) => checkbox(item.value), index)
};
}),
c: common_vendor.f(senderReason, (item, index, i0) => {
return {
a: String(item.value),
b: item.value === common_vendor.unref(defaultReason),
c: common_vendor.t(item.label),
d: index,
e: common_vendor.o(($event) => checkbox(item.value), index)
};
}),
d: common_vendor.o(handleNoCancel),
e: common_vendor.o(handleConfirmCancel)
};
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-1c6dafee"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/order-cancel/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "取消订单",
"enablePullDownRefresh": false,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-1c6dafee" u-i="1c6dafee-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="order-cancel data-v-1c6dafee"><image class="orderCancel-bg data-v-1c6dafee" src="/static/order-cancel-bg.png"></image><view class="cancel data-v-1c6dafee"><view class="customerBox data-v-1c6dafee"><view class="title data-v-1c6dafee">客户相关</view><view wx:for="{{b}}" wx:for-item="item" wx:key="d" class="reason-item data-v-1c6dafee" bindtap="{{item.e}}"><view class="checkRadio data-v-1c6dafee"><radio class="data-v-1c6dafee" style="transform:scale(0.8)" color="#E44232" value="{{item.a}}" checked="{{item.b}}"/></view><view class="label data-v-1c6dafee">{{item.c}}</view></view></view><view class="senderBox data-v-1c6dafee"><view class="title data-v-1c6dafee">快递员/服务相关</view><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="reason-item data-v-1c6dafee" bindtap="{{item.e}}"><view class="checkRadio data-v-1c6dafee"><radio class="data-v-1c6dafee" style="transform:scale(0.8)" color="#E44232" value="{{item.a}}" checked="{{item.b}}"/></view><view class="label data-v-1c6dafee">{{item.c}}</view></view></view></view><view class="footer data-v-1c6dafee"><view class="cancel-btn data-v-1c6dafee" bindtap="{{d}}">暂不取消</view><view class="confirm-btn data-v-1c6dafee" bindtap="{{e}}">确定取消</view></view></view>

View File

@@ -0,0 +1,63 @@
/* 水平间距 */
/* 水平间距 */
.order-cancel.data-v-1c6dafee {
background-color: #F3F5F9;
}
.order-cancel .orderCancel-bg.data-v-1c6dafee {
width: 100%;
height: 236rpx;
}
.order-cancel .cancel.data-v-1c6dafee {
background: #FFFFFF;
border-radius: 24rpx;
margin: 0 20rpx;
padding: 29rpx;
}
.order-cancel .cancel .customerBox.data-v-1c6dafee, .order-cancel .cancel .senderBox.data-v-1c6dafee {
border-bottom: 2rpx solid #F5F5F5;
padding-bottom: 46rpx;
}
.order-cancel .cancel .customerBox .title.data-v-1c6dafee, .order-cancel .cancel .senderBox .title.data-v-1c6dafee {
font-size: 26rpx;
font-weight: bold;
margin-bottom: 20rpx;
}
.order-cancel .cancel .customerBox .reason-item.data-v-1c6dafee, .order-cancel .cancel .senderBox .reason-item.data-v-1c6dafee {
display: flex;
align-items: center;
margin-top: 26rpx;
font-size: 28rpx;
}
.order-cancel .cancel .customerBox .reason-item .label.data-v-1c6dafee, .order-cancel .cancel .senderBox .reason-item .label.data-v-1c6dafee {
margin-left: 9rpx;
}
.order-cancel .cancel .senderBox.data-v-1c6dafee {
margin-top: 28rpx;
border-bottom: none;
}
.order-cancel .footer.data-v-1c6dafee {
height: 164rpx;
background-color: white;
display: flex;
position: fixed;
bottom: 0;
width: 100%;
justify-content: center;
}
.order-cancel .footer .cancel-btn.data-v-1c6dafee, .order-cancel .footer .confirm-btn.data-v-1c6dafee {
width: 276rpx;
height: 88rpx;
border-radius: 44rpx;
text-align: center;
line-height: 88rpx;
margin-top: 17rpx;
}
.order-cancel .footer .cancel-btn.data-v-1c6dafee {
border: 2rpx solid #191919;
margin-right: 20rpx;
}
.order-cancel .footer .confirm-btn.data-v-1c6dafee {
background: #E84134;
color: white;
margin-left: 20rpx;
}

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);

View File

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

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>

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,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");
}
.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;
}

View File

@@ -0,0 +1,124 @@
"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");
_component_nav_bar();
}
const _sfc_main = {
__name: "index",
setup(__props) {
const orderId = common_vendor.ref();
const twoLine = common_vendor.ref();
const orderInfo = common_vendor.reactive({
estimatedStartTime: "",
receiverName: "",
receiverAddress: "",
receiverPhone: "",
senderName: "",
senderAddress: "",
senderPhone: "",
goods: "",
goodsWeight: "",
paymentMethod: "",
amount: ""
});
common_vendor.onMounted(() => {
});
common_vendor.onLoad((options) => {
orderId.value = options.orderId;
getOrderDetailFun();
});
const handleToLink = () => {
common_vendor.index.switchTab({
url: "/pages/index/index"
});
};
const handleToOrderInfo = (event, id) => {
common_vendor.index.navigateTo({
url: "/subPages/order-info/index?orderId=" + orderId.value
});
};
const handleSecondQi = () => {
common_vendor.index.showToast({
title: "\u7A0B\u5E8F\u5458\u54E5\u54E5\u6B63\u5728\u5B9E\u73B0\u4E2D",
icon: "none",
duration: 1e3
});
};
const getOrderDetailFun = () => {
pages_api_order.getOrderDetail(orderId.value).then((res) => {
const {
estimatedStartTime,
receiverName,
senderName,
receiverProvince,
receiverCity,
receiverCounty,
receiverAddress,
senderProvince,
senderCity,
senderCounty,
senderAddress,
orderCargoVOS,
paymentMethod,
amount,
senderPhone,
receiverPhone
} = res.data;
orderInfo.estimatedStartTime = estimatedStartTime;
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;
common_vendor.nextTick(() => {
common_vendor.index.createSelectorQuery().select(".send-desc").boundingClientRect((res2) => {
let height = res2.height;
let line = height / 15;
twoLine.value = line;
}).exec();
});
});
};
return (_ctx, _cache) => {
return common_vendor.e({
a: common_vendor.p({
title: "\u4E0B\u5355\u6210\u529F",
handleToLink,
src: "../../static/order-success-goBack.png"
}),
b: orderInfo.estimatedStartTime
}, orderInfo.estimatedStartTime ? {
c: common_vendor.t(common_vendor.unref(utils_index.handleTimeToStrTime)(orderInfo.estimatedStartTime))
} : {}, {
d: twoLine.value >= 2 ? 1 : "",
e: common_vendor.t(orderInfo.senderName),
f: common_vendor.t(orderInfo.senderPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
g: common_vendor.t(orderInfo.senderAddress),
h: common_vendor.t(orderInfo.receiverName),
i: common_vendor.t(orderInfo.receiverPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")),
j: common_vendor.t(orderInfo.receiverAddress),
k: common_vendor.t(orderInfo.goods),
l: common_vendor.t(orderInfo.goodsWeight),
m: common_vendor.t(orderInfo.paymentMethod),
n: common_vendor.t(orderInfo.amount),
o: common_vendor.t(orderInfo.amount),
p: common_vendor.o(handleToOrderInfo),
q: common_vendor.o(handleSecondQi),
r: common_vendor.o(handleSecondQi)
});
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-56fe3aea"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/order-success/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "下单成功",
"enablePullDownRefresh": false,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-56fe3aea" u-i="56fe3aea-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="order-success data-v-56fe3aea"><view class="header data-v-56fe3aea"><view class="title data-v-56fe3aea"><view class="success-img data-v-56fe3aea"></view><text class="data-v-56fe3aea">下单成功!</text></view><view class="send-time data-v-56fe3aea"><text class="data-v-56fe3aea">快递员上门时间 </text><text wx:if="{{b}}" class="data-v-56fe3aea">{{c}}</text></view><view class="tips data-v-56fe3aea">根据国家法律规定,如没有实名认证,寄件需出示身份证</view></view><view class="orderBox data-v-56fe3aea"><view class="order-detail data-v-56fe3aea"><view class="left data-v-56fe3aea"><view class="send data-v-56fe3aea">寄</view><view class="{{['line', 'data-v-56fe3aea', d && 'active']}}"></view><view class="get data-v-56fe3aea">收</view></view><view class="right data-v-56fe3aea"><view class="send-people data-v-56fe3aea"><view class="send-title data-v-56fe3aea"><view class="send-sub-title data-v-56fe3aea">{{e}} <text class="data-v-56fe3aea">{{f}}</text></view><view class="send-desc data-v-56fe3aea">{{g}}</view></view></view><view class="line data-v-56fe3aea"></view><view class="get-people data-v-56fe3aea"><view class="send-title data-v-56fe3aea"><view class="send-sub-title data-v-56fe3aea">{{h}} <text class="data-v-56fe3aea">{{i}}</text></view><view class="send-desc data-v-56fe3aea">{{j}}</view></view></view></view></view><view class="price-detail data-v-56fe3aea"><view class="goods data-v-56fe3aea"><view class="label data-v-56fe3aea">物品</view><view class="value data-v-56fe3aea">{{k}}</view></view><view class="weight data-v-56fe3aea"><view class="label data-v-56fe3aea">计费重量</view><view class="value data-v-56fe3aea">{{l}}kg</view></view><view class="payType data-v-56fe3aea"><view class="label data-v-56fe3aea">付费方式</view><view class="value data-v-56fe3aea">{{m}}</view></view><view class="base-price data-v-56fe3aea"><view class="label data-v-56fe3aea">基础运费</view><view class="value data-v-56fe3aea">{{n}}元</view></view></view><view class="all-account data-v-56fe3aea"> 预估总价: <text class="data-v-56fe3aea">¥{{o}}</text></view></view><view class="feature data-v-56fe3aea"><view class="order-info data-v-56fe3aea" bindtap="{{p}}"><view class="img-box data-v-56fe3aea"><image class="data-v-56fe3aea" src="/static/btn-dingdanxiangqing.png"/></view><view class="title data-v-56fe3aea">订单详情</view></view><view class="order-share data-v-56fe3aea" bindtap="{{q}}"><view class="img-box data-v-56fe3aea"><image class="data-v-56fe3aea" src="/static/btn-fenxiang.png"/></view><view class="title data-v-56fe3aea">分享</view></view><view class="order-again data-v-56fe3aea" bindtap="{{r}}"><view class="img-box data-v-56fe3aea"><image class="data-v-56fe3aea" src="/static/btn-zaijiyijian.png"/></view><view class="title data-v-56fe3aea">再寄一件</view></view></view></view>

View File

@@ -0,0 +1,179 @@
/* 水平间距 */
/* 水平间距 */
.order-success.data-v-56fe3aea {
background-color: #F3F5F9;
height: 90vh;
}
.order-success .header.data-v-56fe3aea {
margin: 40rpx 50rpx;
margin-top: 0rpx;
padding-top: 40rpx;
}
.order-success .header .title.data-v-56fe3aea {
display: flex;
align-items: center;
margin-bottom: 26rpx;
font-size: 42rpx;
font-weight: bold;
}
.order-success .header .title .success-img.data-v-56fe3aea {
margin-right: 18rpx;
width: 60rpx;
height: 60rpx;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/png;base64,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");
}
.order-success .header .title uni-text.data-v-56fe3aea {
font-size: 42rpx;
font-weight: bold;
}
.order-success .header .send-time.data-v-56fe3aea {
font-size: 32rpx;
}
.order-success .header .send-time uni-text.data-v-56fe3aea:first-child {
margin-right: 36rpx;
}
.order-success .header .tips.data-v-56fe3aea {
font-size: 24rpx;
color: #888;
margin-top: 10rpx;
}
.order-success .orderBox.data-v-56fe3aea {
background: #FFFFFF;
border-radius: 20rpx;
padding: 40rpx 28rpx;
margin: 0 18rpx;
}
.order-success .orderBox .order-detail.data-v-56fe3aea {
display: flex;
}
.order-success .orderBox .order-detail .left.data-v-56fe3aea {
margin-right: 20rpx;
}
.order-success .orderBox .order-detail .left .send.data-v-56fe3aea, .order-success .orderBox .order-detail .left .get.data-v-56fe3aea {
width: 40rpx;
height: 40prx;
border-radius: 50%;
text-align: center;
line-height: 40rpx;
font-size: 24rpx;
}
.order-success .orderBox .order-detail .left .send.data-v-56fe3aea {
background: #000000;
color: white;
}
.order-success .orderBox .order-detail .left .get.data-v-56fe3aea {
background: #E63E32;
color: white;
}
.order-success .orderBox .order-detail .left .line.data-v-56fe3aea {
width: 2rpx;
height: 123rpx;
border-left: 2rpx dashed #D5D1D1;
margin-left: 18rpx;
}
.order-success .orderBox .order-detail .left .active.data-v-56fe3aea {
height: 155rpx;
}
.order-success .orderBox .order-detail .right.data-v-56fe3aea {
width: 100%;
position: relative;
}
.order-success .orderBox .order-detail .right .send-people.data-v-56fe3aea, .order-success .orderBox .order-detail .right .get-people.data-v-56fe3aea {
display: flex;
align-items: center;
justify-content: space-between;
}
.order-success .orderBox .order-detail .right .send-people .send-title.data-v-56fe3aea, .order-success .orderBox .order-detail .right .get-people .send-title.data-v-56fe3aea {
height: 100%;
}
.order-success .orderBox .order-detail .right .send-people .send-sub-title.data-v-56fe3aea, .order-success .orderBox .order-detail .right .get-people .send-sub-title.data-v-56fe3aea {
color: #151515;
font-size: 32rpx;
margin-bottom: 12rpx;
font-weight: bold;
}
.order-success .orderBox .order-detail .right .send-people .send-desc.data-v-56fe3aea, .order-success .orderBox .order-detail .right .get-people .send-desc.data-v-56fe3aea {
color: #888888;
font-size: 24rpx;
}
.order-success .orderBox .order-detail .right .send-people .address-enter.data-v-56fe3aea, .order-success .orderBox .order-detail .right .get-people .address-enter.data-v-56fe3aea {
font-weight: bold;
border-left: 2rpx solid #F4F4F4;
padding-left: 28rpx;
font-size: 24rpx;
}
.order-success .orderBox .order-detail .right .get-people.data-v-56fe3aea {
margin-bottom: 40rpx;
}
.order-success .orderBox .order-detail .right .send-people.data-v-56fe3aea {
margin-bottom: 40rpx;
}
.order-success .orderBox .order-detail .right .line.data-v-56fe3aea {
width: 100%;
height: 2rpx;
background-color: #F4F4F4;
margin-bottom: 40rpx;
}
.order-success .orderBox .price-detail.data-v-56fe3aea {
border-bottom: 2rpx solid #F3F4F7;
border-top: 2rpx solid #F3F4F7;
padding: 40rpx 0;
}
.order-success .orderBox .price-detail .goods.data-v-56fe3aea, .order-success .orderBox .price-detail .weight.data-v-56fe3aea, .order-success .orderBox .price-detail .payType.data-v-56fe3aea, .order-success .orderBox .price-detail .base-price.data-v-56fe3aea {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 28rpx;
}
.order-success .orderBox .price-detail .goods .label.data-v-56fe3aea, .order-success .orderBox .price-detail .goods .value.data-v-56fe3aea, .order-success .orderBox .price-detail .weight .label.data-v-56fe3aea, .order-success .orderBox .price-detail .weight .value.data-v-56fe3aea, .order-success .orderBox .price-detail .payType .label.data-v-56fe3aea, .order-success .orderBox .price-detail .payType .value.data-v-56fe3aea, .order-success .orderBox .price-detail .base-price .label.data-v-56fe3aea, .order-success .orderBox .price-detail .base-price .value.data-v-56fe3aea {
font-size: 24rpx;
}
.order-success .orderBox .price-detail .goods .label.data-v-56fe3aea, .order-success .orderBox .price-detail .weight .label.data-v-56fe3aea, .order-success .orderBox .price-detail .payType .label.data-v-56fe3aea, .order-success .orderBox .price-detail .base-price .label.data-v-56fe3aea {
color: #888;
}
.order-success .orderBox .price-detail .goods.data-v-56fe3aea {
margin-top: 0rpx;
}
.order-success .orderBox .all-account.data-v-56fe3aea {
display: flex;
justify-content: flex-end;
align-items: center;
color: #888;
font-size: 24rpx;
margin-top: 41rpx;
}
.order-success .orderBox .all-account text.data-v-56fe3aea {
color: #E84134;
font-size: 28rpx;
font-weight: bold;
}
.order-success .feature.data-v-56fe3aea {
display: flex;
margin-left: 81rpx;
margin-top: 48rpx;
}
.order-success .feature .order-info.data-v-56fe3aea, .order-success .feature .order-share.data-v-56fe3aea, .order-success .feature .order-again.data-v-56fe3aea {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: 80rpx;
}
.order-success .feature .order-info .img-box.data-v-56fe3aea, .order-success .feature .order-share .img-box.data-v-56fe3aea, .order-success .feature .order-again .img-box.data-v-56fe3aea {
width: 76rpx;
height: 76rpx;
background: #FFFFFF;
border-radius: 50%;
margin-bottom: 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
.order-success .feature .order-info .img-box image.data-v-56fe3aea, .order-success .feature .order-share .img-box image.data-v-56fe3aea, .order-success .feature .order-again .img-box image.data-v-56fe3aea {
width: 76rpx;
height: 76rpx;
}
.order-success .feature .order-info .title.data-v-56fe3aea, .order-success .feature .order-share .title.data-v-56fe3aea, .order-success .feature .order-again .title.data-v-56fe3aea {
font-size: 24rpx;
}

View File

@@ -0,0 +1,123 @@
"use strict";
var common_vendor = require("../../common/vendor.js");
var utils_validate = require("../../utils/validate.js");
var pages_api_my = require("../../pages/api/my.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");
_component_nav_bar();
}
const _sfc_main = {
__name: "index",
setup(__props) {
let namePlaceholder = common_vendor.ref("\u8BF7\u586B\u5199");
let idcardPlaceholder = common_vendor.ref("\u8BF7\u586B\u5199");
let showClearIconName = common_vendor.ref(false);
let showClearIcon = common_vendor.ref(false);
let nameInputValue = common_vendor.ref("");
let inputClearValue = common_vendor.ref("");
const isCanAuth = common_vendor.computed$1(() => {
return utils_validate.validateIdentityCard(inputClearValue.value) && nameInputValue.value;
});
const clearInput = (event) => {
inputClearValue.value = event.detail.value;
if (event.detail.value.length > 0) {
showClearIcon.value = true;
} else {
showClearIcon.value = false;
idcardPlaceholder.value = "\u8BF7\u586B\u5199";
}
};
const clearInputName = (event) => {
nameInputValue.value = event.detail.value;
if (event.detail.value.length > 0) {
showClearIconName.value = true;
} else {
showClearIconName.value = false;
namePlaceholder.value = "\u8BF7\u586B\u5199";
}
};
const clearIconName = () => {
nameInputValue.value = "";
showClearIconName.value = false;
namePlaceholder.value = "\u8BF7\u586B\u5199";
if (!inputClearValue.value) {
idcardPlaceholder.value = "\u8BF7\u586B\u5199";
}
};
const clearIcon = () => {
inputClearValue.value = "";
showClearIcon.value = false;
idcardPlaceholder.value = "\u8BF7\u586B\u5199";
if (!nameInputValue.value) {
namePlaceholder.value = "\u8BF7\u586B\u5199";
}
};
const doAuth = () => {
if (!isCanAuth.value) {
return common_vendor.index.showToast({
title: "\u4FE1\u606F\u586B\u5199\u4E0D\u5B8C\u6574",
icon: "none",
duration: 1e3
});
}
pages_api_my.getRealNameStatusApi({
flag: 1,
idCard: inputClearValue.value,
name: nameInputValue.value
}).then((res) => {
if (res.code !== 200) {
common_vendor.index.showToast({
title: res.msg,
icon: "none",
duration: 1e3
});
} else {
common_vendor.index.showToast({
title: "\u8BA4\u8BC1\u6210\u529F",
icon: "none",
duration: 1e3
});
setTimeout(() => {
common_vendor.index.switchTab({
url: "/pages/my/index"
});
}, 2e3);
}
}).catch(() => {
common_vendor.index.showToast({
title: "\u7F51\u7EDC\u5F02\u5E38",
duration: 2e3,
icon: "none"
});
});
};
return (_ctx, _cache) => {
return common_vendor.e({
a: common_vendor.p({
title: "\u5B9E\u540D\u8BA4\u8BC1"
}),
b: common_vendor.o(clearInputName),
c: common_vendor.unref(nameInputValue),
d: common_vendor.unref(namePlaceholder),
e: common_vendor.unref(showClearIconName)
}, common_vendor.unref(showClearIconName) ? {
f: common_vendor.o(clearIconName)
} : {}, {
g: common_vendor.o(clearInput),
h: common_vendor.unref(inputClearValue),
i: common_vendor.unref(idcardPlaceholder),
j: common_vendor.unref(showClearIcon)
}, common_vendor.unref(showClearIcon) ? {
k: common_vendor.o(clearIcon)
} : {}, {
l: common_vendor.n(common_vendor.unref(isCanAuth) ? "active" : ""),
m: common_vendor.o(doAuth)
});
};
}
};
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-71333222"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/realName-authentication/index.vue"]]);
wx.createPage(MiniProgramPage);

View File

@@ -0,0 +1,6 @@
{
"navigationStyle": "custom",
"navigationBarTitleText": "实名认证",
"enablePullDownRefresh": false,
"usingComponents": {}
}

View File

@@ -0,0 +1 @@
<nav-bar wx:if="{{a}}" class="data-v-71333222" u-i="71333222-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="realName-authentication data-v-71333222"><view class="tips data-v-71333222">当前仅支持持有中国内地居民身份证的用户进行线上实名认证</view><view class="content data-v-71333222"> 根据《邮件快件实名收寄管理办法》等相关法律法规的要求,为了更好地向您提供邮件快件的收寄件服务,需您提供真实的身份信息。后续您本人寄件时仅需出示有效身份证件供查阅确认即可,无需再次采集。 </view><view class="form data-v-71333222"><view class="name-item data-v-71333222"><view class="label data-v-71333222">姓名</view><view class="input-box data-v-71333222"><input bindinput="{{b}}" value="{{c}}" placeholder-class="phcolor" class="uni-input data-v-71333222" placeholder="{{d}}"/><image wx:if="{{e}}" class="uni-icon data-v-71333222" src="/static/shanchu.png" bindtap="{{f}}"/></view></view><view class="identify-item data-v-71333222"><view class="label data-v-71333222">身份证号</view><view class="input-box data-v-71333222"><input bindinput="{{g}}" value="{{h}}" placeholder-class="phcolor" class="uni-input data-v-71333222" placeholder="{{i}}"/><image wx:if="{{j}}" class="uni-icon data-v-71333222" src="/static/shanchu.png" bindtap="{{k}}"/></view></view></view><view class="footer data-v-71333222"><view class="{{['btn', 'data-v-71333222', l]}}" bindtap="{{m}}">开始认证</view></view></view>

View File

@@ -0,0 +1,82 @@
/* 水平间距 */
/* 水平间距 */
.realName-authentication .tips.data-v-71333222 {
height: 60rpx;
width: 100%;
background: #FAF4DE;
color: #EA8A57;
font-size: 22rpx;
display: flex;
align-items: center;
}
.realName-authentication .tips.data-v-71333222::before {
content: "";
display: block;
width: 10rpx;
height: 10rpx;
border-radius: 50%;
background: #E88649;
margin: 0 20rpx;
}
.realName-authentication .content.data-v-71333222 {
height: 136rpx;
background: #FFFFFF;
border-radius: 24rpx;
border-radius: 20rpx;
font-size: 24rpx;
color: #919191;
margin: 21rpx;
padding: 40rpx 36rpx;
}
.realName-authentication .form.data-v-71333222 {
background: #FFFFFF;
border-radius: 24rpx;
border-radius: 20rpx;
padding: 0 24rpx;
margin: 0 21rpx;
}
.realName-authentication .form .name-item.data-v-71333222, .realName-authentication .form .identify-item.data-v-71333222 {
display: flex;
align-items: center;
justify-content: space-between;
height: 104rpx;
}
.realName-authentication .form .name-item .label.data-v-71333222, .realName-authentication .form .identify-item .label.data-v-71333222 {
font-size: 30rpx;
font-weight: bold;
}
.realName-authentication .form .name-item .input-box.data-v-71333222, .realName-authentication .form .identify-item .input-box.data-v-71333222 {
display: flex;
}
.realName-authentication .form .name-item .input-box .uni-input.data-v-71333222, .realName-authentication .form .identify-item .input-box .uni-input.data-v-71333222 {
text-align: right;
}
.realName-authentication .form .name-item .input-box .uni-icon.data-v-71333222, .realName-authentication .form .identify-item .input-box .uni-icon.data-v-71333222 {
width: 48rpx;
height: 48rpx;
}
.realName-authentication .form .name-item.data-v-71333222 {
border-bottom: 2rpx solid #F4F4F4;
}
.realName-authentication .footer.data-v-71333222 {
position: fixed;
width: 100%;
height: 164rpx;
background: #FFFFFF;
bottom: 0;
}
.realName-authentication .footer .btn.data-v-71333222 {
width: 400rpx;
height: 88rpx;
background: #CCCCCC;
border-radius: 44rpx;
text-align: center;
line-height: 88rpx;
color: white;
font-size: 30rpx;
margin: 17rpx auto;
}
.realName-authentication .footer .btn.active.data-v-71333222 {
background-color: #E84134;
color: white;
}