增加新模块
This commit is contained in:
@@ -0,0 +1,191 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const utils_enumUtils = require("../../utils/enumUtils.js");
|
||||
const utils_index = require("../../utils/index.js");
|
||||
const _sfc_main = {
|
||||
computed: {
|
||||
ORDER_TYPE() {
|
||||
return utils_enumUtils.ORDER_TYPE;
|
||||
},
|
||||
ORDER_STATUS() {
|
||||
return utils_enumUtils.ORDER_STATUS;
|
||||
},
|
||||
ORDER_STATUS_CSS() {
|
||||
return ORDER_STATUS_CSS;
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
type: 0,
|
||||
orderInfo: {
|
||||
// status:ORDER_TYPE.UNPAID,// 待付款
|
||||
// status:ORDER_TYPE.CANCELED,// 已取消
|
||||
// status:ORDER_TYPE.UNSHIPPED,// 待发货
|
||||
status: utils_enumUtils.ORDER_TYPE.NOT_RECEIVE,
|
||||
// 待收货
|
||||
// status:ORDER_TYPE.COMPLETED,// 完成
|
||||
// status:ORDER_TYPE.AFTER_SALE,
|
||||
name: "张先生",
|
||||
mobile: "18****2848",
|
||||
address: "河南省郑州市金水区东风路街道北三环索凌路交叉口明明小区1号楼1座",
|
||||
waybillNumber: "SF23423443242",
|
||||
product: {
|
||||
id: 1,
|
||||
url: "/static/common/order_defal.png",
|
||||
name: "哈希店铺",
|
||||
status: 1,
|
||||
paymentTime: 29,
|
||||
// 剩余付款时间,单位:分钟
|
||||
productList: [
|
||||
{
|
||||
id: 1,
|
||||
url: "/static/common/product_def.png",
|
||||
title: "美的双开门冰箱大容量多美的双开门冰箱大容量多",
|
||||
description: ["双开门", "大容量"],
|
||||
tag: ["7天无理由退货", "退货险"],
|
||||
quantity: 1,
|
||||
total: 3599
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
url: "/static/common/product_def.png",
|
||||
title: "美的双开门冰箱大容量多美的双开门冰箱大容量多",
|
||||
description: ["双开门", "大容量"],
|
||||
tag: ["7天无理由退货", "退货险"],
|
||||
quantity: 1,
|
||||
total: 3599
|
||||
}
|
||||
],
|
||||
productTotal: 7599
|
||||
}
|
||||
}
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
const type = options.type;
|
||||
this.type = type ? parseInt(type, 10) : 0;
|
||||
},
|
||||
methods: {
|
||||
getValue: utils_enumUtils.getValue,
|
||||
copyData: utils_index.copyData,
|
||||
jumpLeft() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/mine_order/mine_order?type=" + this.type
|
||||
});
|
||||
},
|
||||
// 去支付
|
||||
goPay() {
|
||||
common_vendor.index.__f__("log", "at pages/mine_order_info/mine_order_info.vue:213", "goPay.....");
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_up_image2 = common_vendor.resolveComponent("up-image");
|
||||
_easycom_up_image2();
|
||||
}
|
||||
const _easycom_up_image = () => "../../uni_modules/uview-plus/components/u-image/u-image.js";
|
||||
if (!Math) {
|
||||
_easycom_up_image();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.o($options.jumpLeft),
|
||||
b: common_vendor.p({
|
||||
src: "/static/common/left_b.png",
|
||||
width: "20",
|
||||
height: "19",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
src: "/static/common/order_status_1.png",
|
||||
width: "20",
|
||||
height: "19",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
d: common_vendor.t($options.getValue($options.ORDER_STATUS, $data.orderInfo.status)),
|
||||
e: $data.orderInfo.status === $options.ORDER_TYPE.UNPAID
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.UNPAID ? {} : {}, {
|
||||
f: $data.orderInfo.status === $options.ORDER_TYPE.CANCELED
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.CANCELED ? {} : {}, {
|
||||
g: [$options.ORDER_TYPE.NOT_RECEIVE].includes($data.orderInfo.status)
|
||||
}, [$options.ORDER_TYPE.NOT_RECEIVE].includes($data.orderInfo.status) ? {
|
||||
h: common_vendor.p({
|
||||
src: "/static/common/waybill.png",
|
||||
width: "20",
|
||||
height: "20",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
i: common_vendor.t($data.orderInfo.waybillNumber),
|
||||
j: common_vendor.o(($event) => $options.copyData($data.orderInfo.waybillNumber)),
|
||||
k: common_vendor.p({
|
||||
src: "/static/common/copy.png",
|
||||
width: "14",
|
||||
height: "14",
|
||||
bgColor: "#f1f6ff00"
|
||||
})
|
||||
} : {}, {
|
||||
l: [$options.ORDER_TYPE.NOT_RECEIVE].includes($data.orderInfo.status)
|
||||
}, [$options.ORDER_TYPE.NOT_RECEIVE].includes($data.orderInfo.status) ? {} : {}, {
|
||||
m: common_vendor.p({
|
||||
src: "/static/common/address.png",
|
||||
width: "20",
|
||||
height: "20",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
n: common_vendor.t($data.orderInfo.name),
|
||||
o: common_vendor.t($data.orderInfo.mobile),
|
||||
p: common_vendor.t($data.orderInfo.address),
|
||||
q: common_vendor.p({
|
||||
src: $data.orderInfo.product.url,
|
||||
width: "22",
|
||||
height: "22",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
r: common_vendor.t($data.orderInfo.product.name),
|
||||
s: common_vendor.f($data.orderInfo.product.productList, (pItem, k0, i0) => {
|
||||
return {
|
||||
a: "e943673c-6-" + i0,
|
||||
b: common_vendor.p({
|
||||
src: pItem.url,
|
||||
width: "80",
|
||||
height: "80",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
c: common_vendor.t(pItem.title),
|
||||
d: common_vendor.t(pItem.tag.join(" ")),
|
||||
e: common_vendor.f(pItem.description, (dItem, k1, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(dItem),
|
||||
b: dItem
|
||||
};
|
||||
}),
|
||||
f: common_vendor.t(pItem.total),
|
||||
g: common_vendor.t(pItem.quantity),
|
||||
h: pItem.id
|
||||
};
|
||||
}),
|
||||
t: common_vendor.o(($event) => $options.copyData("2324124232424")),
|
||||
v: $data.orderInfo.status === $options.ORDER_TYPE.UNSHIPPED
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.UNSHIPPED ? {} : {}, {
|
||||
w: $data.orderInfo.status === $options.ORDER_TYPE.UNPAID
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.UNPAID ? {
|
||||
x: common_vendor.o((...args) => $options.goPay && $options.goPay(...args))
|
||||
} : {}, {
|
||||
y: $data.orderInfo.status === $options.ORDER_TYPE.COMPLETED
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.COMPLETED ? {} : {}, {
|
||||
z: $data.orderInfo.status === $options.ORDER_TYPE.NOT_RECEIVE
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.NOT_RECEIVE ? {} : {}, {
|
||||
A: $data.orderInfo.status === $options.ORDER_TYPE.UNSHIPPED
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.UNSHIPPED ? {} : {}, {
|
||||
B: $data.orderInfo.status === $options.ORDER_TYPE.COMPLETED
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.COMPLETED ? {} : {}, {
|
||||
C: $data.orderInfo.status === $options.ORDER_TYPE.AFTER_SALE
|
||||
}, $data.orderInfo.status === $options.ORDER_TYPE.AFTER_SALE ? {} : {}, {
|
||||
D: [$options.ORDER_TYPE.COMPLETED].includes($data.orderInfo.status)
|
||||
}, [$options.ORDER_TYPE.COMPLETED].includes($data.orderInfo.status) ? {} : {}, {
|
||||
E: [$options.ORDER_TYPE.COMPLETED, $options.ORDER_TYPE.CANCELED].includes($data.orderInfo.status)
|
||||
}, [$options.ORDER_TYPE.COMPLETED, $options.ORDER_TYPE.CANCELED].includes($data.orderInfo.status) ? {} : {});
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e943673c"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/mine_order_info/mine_order_info.js.map
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"up-image": "../../uni_modules/uview-plus/components/u-image/u-image"
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,195 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.mine_order_info_warp.data-v-e943673c {
|
||||
height: calc(100vh - 180rpx);
|
||||
background-color: #F5F5F5;
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.order_info_header.data-v-e943673c {
|
||||
background-color: #FF7C41;
|
||||
height: 288rpx;
|
||||
display: flex;
|
||||
padding: 100rpx 30rpx 30rpx;
|
||||
}
|
||||
.order_info_header .header_status.data-v-e943673c {
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 58rpx;
|
||||
align-items: center;
|
||||
}
|
||||
.order_info_header .header_status .msg.data-v-e943673c {
|
||||
margin-left: 20rpx;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.order_info_content.data-v-e943673c {
|
||||
position: absolute;
|
||||
top: 184rpx;
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.order_info_content .content_due.data-v-e943673c {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.order_info_content .content_due .payment_but.data-v-e943673c {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.order_info_content .content_due .but.data-v-e943673c {
|
||||
background: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
width: 200rpx;
|
||||
padding: 10rpx 0;
|
||||
color: #FF7C41;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.order_info_content .content_cancel.data-v-e943673c {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.order_info_content .steps_warp.data-v-e943673c {
|
||||
background: #FFFFFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 20rpx;
|
||||
width: calc(100% - 80rpx);
|
||||
margin-top: 66rpx;
|
||||
}
|
||||
.order_info_content .steps_warp .address_info_right.data-v-e943673c {
|
||||
border-left: 1rpx dashed #99999959;
|
||||
height: 26rpx;
|
||||
width: 10rpx;
|
||||
margin: 20rpx;
|
||||
}
|
||||
.order_info_content .steps_warp .address_info.data-v-e943673c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.order_info_content .steps_warp .address_data_warp.data-v-e943673c {
|
||||
font-weight: bold;
|
||||
color: #1A1A1A;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.order_info_content .steps_warp .address_info_name.data-v-e943673c {
|
||||
margin-left: 10rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.order_info_content .steps_warp .address_info_mobile.data-v-e943673c {
|
||||
margin-left: 10rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.order_info_content .steps_warp .address_but.data-v-e943673c {
|
||||
border-radius: 30rpx;
|
||||
border: 1px solid #9A9A9A;
|
||||
font-size: 20rpx;
|
||||
color: #222222;
|
||||
padding: 8rpx 20rpx;
|
||||
}
|
||||
.order_info_content .steps_warp .address_content.data-v-e943673c {
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #666666;
|
||||
padding: 20rpx 10rpx 20rpx 44rpx;
|
||||
}
|
||||
.order_comm.data-v-e943673c {
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
width: calc(100% - 96rpx);
|
||||
}
|
||||
.order_product_warp .order_product_header.data-v-e943673c {
|
||||
display: flex;
|
||||
}
|
||||
.order_product_warp .order_product_title.data-v-e943673c {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
color: #1A1A1A;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.order_data_warp.data-v-e943673c {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.order_data_warp .data_item.data-v-e943673c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 60rpx;
|
||||
font-weight: bold;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.order_data_warp .item_title.data-v-e943673c {
|
||||
color: #808080;
|
||||
}
|
||||
.order_data_warp .item_value.data-v-e943673c {
|
||||
color: #1A1A1A;
|
||||
}
|
||||
.order_data_warp .pay_amount.data-v-e943673c {
|
||||
color: #FF7C41;
|
||||
}
|
||||
.order_data_warp .copy_order_number.data-v-e943673c {
|
||||
background: #F2F2F2;
|
||||
border-radius: 18rpx;
|
||||
font-weight: bold;
|
||||
font-size: 22rpx;
|
||||
color: #333333;
|
||||
padding: 4rpx 14rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.order_data_warp .copy_order_coupon.data-v-e943673c {
|
||||
margin-left: 24rpx;
|
||||
border-radius: 6rpx;
|
||||
border: 1px solid #FF7C41;
|
||||
padding: 4rpx 18rpx;
|
||||
color: #FF7C41;
|
||||
}
|
||||
.order_data_warp .order_data_but.data-v-e943673c {
|
||||
border: 1rpx solid #F6F6F6;
|
||||
}
|
||||
.order_but_warp.data-v-e943673c {
|
||||
position: fixed;
|
||||
height: 140rpx;
|
||||
bottom: 0;
|
||||
background-color: #ffffff;
|
||||
right: 14rpx;
|
||||
width: calc(100% - 40rpx);
|
||||
background-color: #ffffff;
|
||||
padding: 20rpx;
|
||||
}
|
||||
.order_but_warp .operate_comm.data-v-e943673c {
|
||||
height: 34rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user