完成从夯到拉排名
This commit is contained in:
tangxinyue
parent
2eb5f2be92
commit
7c65356773
14
pages.json
14
pages.json
|
|
@ -59,6 +59,13 @@
|
|||
"navigationBarTitleText": "订单详情",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "jingdong/add-order/add-order",
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加订单",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -261,10 +268,9 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "ranking/ranking",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "从夯倒拉排名",
|
||||
"path": "ranking/ranking",
|
||||
"style": {
|
||||
"navigationBarTitleText": "从夯倒拉排名",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,61 @@
|
|||
<template>
|
||||
<view>
|
||||
<nav-bar :title="navTitle" bgColor="#F2F3F7" isRightButton @right-click="confirmOrder"></nav-bar>
|
||||
<view class="tab-box">
|
||||
<view class="tab" :class="{ active: item.key == activeTab }" v-for="item in shoppingType" :key="item.key"
|
||||
@click="switchTab(item)">
|
||||
<text>{{ item.label }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { ref } from "vue";
|
||||
|
||||
import { shoppingType } from "../json/order.json"
|
||||
|
||||
const activeTab = ref("dengdaifukuan");
|
||||
const navTitle = ref("新增订单");
|
||||
|
||||
onLoad((options) => {
|
||||
});
|
||||
|
||||
const switchTab = (item) => {
|
||||
activeTab.value = item.key;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.tab-box {
|
||||
padding: 22rpx 24rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
overflow-x: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
/* 隐藏滚动条 */
|
||||
}
|
||||
|
||||
.tab {
|
||||
white-space: nowrap;
|
||||
padding: 10rpx 20rpx;
|
||||
border-radius: 28rpx;
|
||||
margin-right: 16rpx;
|
||||
background-color: #fff;
|
||||
font-size: 26rpx;
|
||||
color: #1a1a1a;
|
||||
flex-shrink: 0;
|
||||
font-weight: 500;
|
||||
|
||||
&.active {
|
||||
color: #1B71F8;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,365 @@
|
|||
{
|
||||
"shoppingClassfiy": {
|
||||
"dengdaifukuan": {
|
||||
"id": 8562245551,
|
||||
"shopType": "self",
|
||||
"shopName": "安野屋 (AARYE) 京联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"status": "等待付款",
|
||||
"statusDesc": "20小时11分钟",
|
||||
"products": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product1.png",
|
||||
"title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
|
||||
"desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"tags": [
|
||||
"无理由退货政策"
|
||||
],
|
||||
"price": "69.00",
|
||||
"count": "1"
|
||||
}
|
||||
],
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"value": "8562245551"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "在线支付"
|
||||
},
|
||||
{
|
||||
"label": "发票类型",
|
||||
"key": "invoiceType",
|
||||
"value": "电子普通发票"
|
||||
},
|
||||
{
|
||||
"label": "下单时间",
|
||||
"key": "orderTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
}
|
||||
],
|
||||
"sendType": [
|
||||
{
|
||||
"label": "配送方式",
|
||||
"key": "sendType",
|
||||
"value": "快递运输"
|
||||
},
|
||||
{
|
||||
"label": "期望配送时间",
|
||||
"key": "expectedDeliveryTime",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货方式",
|
||||
"key": "shippingMethod",
|
||||
"value": "送货上门"
|
||||
}
|
||||
],
|
||||
"promoType": "text",
|
||||
"promoHighlight": "白条支付券0.5元优惠券"
|
||||
},
|
||||
"zhengzaichuku": {
|
||||
"id": 5504455,
|
||||
"shopType": "none",
|
||||
"shopName": "甜小南旗舰店",
|
||||
"status": "正在出库",
|
||||
"trackingTitle": "仓库处理中",
|
||||
"trackingDesc": "预计 3月12日24:00 前发货，3月15日 24:00 前送达",
|
||||
"trackingTime": "2026-03-10 15:14:30",
|
||||
"products": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product1.png",
|
||||
"title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
|
||||
"desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"tags": [
|
||||
"无理由退货政策"
|
||||
],
|
||||
"price": "69.00",
|
||||
"count": 1
|
||||
}
|
||||
],
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"value": "8562245551"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "在线支付"
|
||||
},
|
||||
{
|
||||
"label": "支付时间",
|
||||
"key": "paymentTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
},
|
||||
{
|
||||
"label": "下单时间",
|
||||
"key": "orderTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
}
|
||||
],
|
||||
"sendType": [
|
||||
{
|
||||
"label": "配送方式",
|
||||
"key": "sendType",
|
||||
"value": "快递运输"
|
||||
},
|
||||
{
|
||||
"label": "收货信息",
|
||||
"key": "userInfo",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货地址",
|
||||
"key": "address",
|
||||
"value": "哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈"
|
||||
},
|
||||
{
|
||||
"label": "期望配送时间",
|
||||
"key": "expectedDeliveryTime",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货方式",
|
||||
"key": "shippingMethod",
|
||||
"value": "送货上门"
|
||||
}
|
||||
],
|
||||
"promoType": "plus",
|
||||
"promoText": "告别凑单, 享免运优惠"
|
||||
},
|
||||
"yiqianshou": {
|
||||
"id": 585552,
|
||||
"shopType": "self",
|
||||
"shopName": "甜小南旗舰店",
|
||||
"status": "完成",
|
||||
"statusColor": "gray",
|
||||
"trackingTitle": "已签收",
|
||||
"trackingDesc": "您的订单已签收，可对快递员的服务进行评价或打赏哦~",
|
||||
"trackingTime": "2026-03-10 15: 14: 30",
|
||||
"products": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product1.png",
|
||||
"title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
|
||||
"desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"tags": [
|
||||
"无理由退货政策"
|
||||
],
|
||||
"price": "69.00",
|
||||
"count": 1
|
||||
}
|
||||
],
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"value": "8562245551"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "在线支付"
|
||||
},
|
||||
{
|
||||
"label": "支付时间",
|
||||
"key": "paymentTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
},
|
||||
{
|
||||
"label": "下单时间",
|
||||
"key": "orderTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
}
|
||||
],
|
||||
"sendType": [
|
||||
{
|
||||
"label": "配送方式",
|
||||
"key": "sendType",
|
||||
"value": "快递运输"
|
||||
},
|
||||
{
|
||||
"label": "期望配送时间",
|
||||
"key": "expectedDeliveryTime",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货方式",
|
||||
"key": "shippingMethod",
|
||||
"value": "送货上门"
|
||||
}
|
||||
],
|
||||
"promoType": "plus",
|
||||
"promoText": "告别凑单, 享免运优惠",
|
||||
"hasMore": true
|
||||
},
|
||||
"wancheng": {
|
||||
"id": 4545451,
|
||||
"shopType": "jd",
|
||||
"shopName": "甜小南旗舰店",
|
||||
"status": "完成",
|
||||
"statusColor": "gray",
|
||||
"products": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product1.png",
|
||||
"title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
|
||||
"desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"tags": [
|
||||
"无理由退货政策"
|
||||
],
|
||||
"price": "69.00",
|
||||
"count": 1
|
||||
}
|
||||
],
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"value": "8562245551"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "在线支付"
|
||||
},
|
||||
{
|
||||
"label": "支付时间",
|
||||
"key": "paymentTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
},
|
||||
{
|
||||
"label": "下单时间",
|
||||
"key": "orderTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
}
|
||||
],
|
||||
"sendType": [
|
||||
{
|
||||
"label": "配送方式",
|
||||
"key": "sendType",
|
||||
"value": "快递运输"
|
||||
},
|
||||
{
|
||||
"label": "收货信息",
|
||||
"key": "userInfo",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货地址",
|
||||
"key": "address",
|
||||
"value": "哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈"
|
||||
}
|
||||
],
|
||||
"hasMore": true
|
||||
},
|
||||
"yiquxiao": {
|
||||
"id": 1236524,
|
||||
"shopType": "self",
|
||||
"shopName": "甜小南旗舰店",
|
||||
"status": "已取消",
|
||||
"statusColor": "gray",
|
||||
"products": [
|
||||
{
|
||||
"image": "/static/image/shopping/jingdong/product1.png",
|
||||
"title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
|
||||
"desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
|
||||
"tags": [
|
||||
"无理由退货政策"
|
||||
],
|
||||
"price": "1669.00",
|
||||
"count": 1
|
||||
}
|
||||
],
|
||||
"orderInfo": [
|
||||
{
|
||||
"label": "订单编号",
|
||||
"key": "orderNumber",
|
||||
"value": "8562245551"
|
||||
},
|
||||
{
|
||||
"label": "交易快照",
|
||||
"key": "transactionSnapshot",
|
||||
"value": "发生交易争执时，可作为判断依据"
|
||||
},
|
||||
{
|
||||
"label": "支付方式",
|
||||
"key": "paymentMethod",
|
||||
"value": "在线支付"
|
||||
},
|
||||
{
|
||||
"label": "发票类型",
|
||||
"key": "invoiceType",
|
||||
"value": "电子普通发票"
|
||||
},
|
||||
{
|
||||
"label": "下单时间",
|
||||
"key": "orderTime",
|
||||
"value": "2022-01-01 12:00:00"
|
||||
}
|
||||
],
|
||||
"sendType": [
|
||||
{
|
||||
"label": "配送方式",
|
||||
"key": "sendType",
|
||||
"value": "快递运输"
|
||||
},
|
||||
{
|
||||
"label": "期望配送时间",
|
||||
"key": "expectedDeliveryTime",
|
||||
"value": "大王 122555662221555"
|
||||
},
|
||||
{
|
||||
"label": "收货方式",
|
||||
"key": "shippingMethod",
|
||||
"value": "送货上门"
|
||||
}
|
||||
],
|
||||
"hasMore": true
|
||||
}
|
||||
},
|
||||
"shoppingType": [
|
||||
{
|
||||
"label": "等待付款",
|
||||
"key": "dengdaifukuan"
|
||||
},
|
||||
{
|
||||
"label": "正在出库",
|
||||
"key": "zhengzaichuku"
|
||||
},
|
||||
{
|
||||
"label": "完成-已签收",
|
||||
"key": "yiqianshou"
|
||||
},
|
||||
{
|
||||
"label": "完成",
|
||||
"key": "wancheng"
|
||||
},
|
||||
{
|
||||
"label": "已取消",
|
||||
"key": "yiquxiao"
|
||||
}
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue