From a2dc82ab4b98408365baae5dbb9484cc451f6a97 Mon Sep 17 00:00:00 2001
From: tangxinyue <524779910@qq.com>
Date: Tue, 7 Apr 2026 16:02:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9F=AD=E4=BF=A1=E4=BC=98=E5=8C=96=E5=9C=B0?=
 =?UTF-8?q?=E5=8C=BA=E5=8F=AF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/auto-width-input.vue        | 148 +++
 components/message/chat/chat-layout.vue       |   2 +-
 .../shopping/jingdong/shopping-card.vue       |   6 +-
 main.js                                       |   2 +-
 pages/message/list-index.vue                  |   8 +
 pages/other/ranking/ranking.vue               | 145 ++-
 .../shopping/jingdong/add-order/add-order.vue | 932 +++++++++++++++++-
 pages/shopping/jingdong/json/order.json       |  16 +-
 pages/shopping/jingdong/list-index.vue        |  81 +-
 static/image/common/edit.png                  | Bin 0 -> 1277 bytes
 static/image/other/dingji.png                 | Bin 0 -> 5617 bytes
 static/image/other/hang.png                   | Bin 0 -> 2750 bytes
 static/image/other/lawanle.png                | Bin 0 -> 5195 bytes
 static/image/other/npc.png                    | Bin 0 -> 3720 bytes
 static/image/other/ranking/dingji.png         | Bin 0 -> 5053 bytes
 static/image/other/ranking/dingji_skin.png    | Bin 0 -> 3919 bytes
 static/image/other/ranking/hang.png           | Bin 0 -> 2620 bytes
 static/image/other/ranking/hang_skin.png      | Bin 0 -> 2286 bytes
 static/image/other/ranking/lawanle.png        | Bin 0 -> 4772 bytes
 static/image/other/ranking/lawanle_skin.png   | Bin 0 -> 4468 bytes
 static/image/other/ranking/npc.png            | Bin 0 -> 3770 bytes
 static/image/other/ranking/npc_skin.png       | Bin 0 -> 2780 bytes
 static/image/other/ranking/renshangren.png    | Bin 0 -> 2475 bytes
 .../image/other/ranking/renshangren_skin.png  | Bin 0 -> 3508 bytes
 static/image/other/renshangren.png            | Bin 0 -> 4232 bytes
 25 files changed, 1287 insertions(+), 53 deletions(-)
 create mode 100644 components/common/auto-width-input.vue
 create mode 100644 static/image/common/edit.png
 create mode 100644 static/image/other/dingji.png
 create mode 100644 static/image/other/hang.png
 create mode 100644 static/image/other/lawanle.png
 create mode 100644 static/image/other/npc.png
 create mode 100644 static/image/other/ranking/dingji.png
 create mode 100644 static/image/other/ranking/dingji_skin.png
 create mode 100644 static/image/other/ranking/hang.png
 create mode 100644 static/image/other/ranking/hang_skin.png
 create mode 100644 static/image/other/ranking/lawanle.png
 create mode 100644 static/image/other/ranking/lawanle_skin.png
 create mode 100644 static/image/other/ranking/npc.png
 create mode 100644 static/image/other/ranking/npc_skin.png
 create mode 100644 static/image/other/ranking/renshangren.png
 create mode 100644 static/image/other/ranking/renshangren_skin.png
 create mode 100644 static/image/other/renshangren.png

diff --git a/components/common/auto-width-input.vue b/components/common/auto-width-input.vue
new file mode 100644
index 0000000..43d2ac5
--- /dev/null
+++ b/components/common/auto-width-input.vue
@@ -0,0 +1,148 @@
+<template>
+	<view class="auto-width-input-container" :class="{ 'is-textarea': type === 'textarea' }">
+		<!-- 测量层：用于计算宽度的影藏文本，必须保持与 input 相同的字体样式 -->
+		<text v-if="type !== 'textarea'" class="measure-text" :style="[inputStyle, { visibility: 'hidden', position: 'absolute', whiteSpace: 'nowrap' }]">
+			{{ modelValue || placeholder }}
+		</text>
+
+		<!-- 输入层 -->
+		<template v-if="type !== 'textarea'">
+			<input class="auto-input" :type="type" :value="modelValue" :placeholder="placeholder" :placeholder-style="placeholderStyle"
+				:style="[inputStyle, { width: inputWidth }]" @input="onInput" :maxlength="maxlength" />
+		</template>
+		<template v-else>
+			<textarea class="auto-textarea" :value="modelValue" :placeholder="placeholder" :placeholder-style="placeholderStyle"
+				:style="[inputStyle]" @input="onInput" :maxlength="maxlength" auto-height />
+		</template>
+	</view>
+</template>
+
+<script setup>
+import { ref, computed, watch, nextTick, getCurrentInstance, onMounted } from 'vue';
+
+const props = defineProps({
+	modelValue: {
+		type: [String, Number],
+		default: ''
+	},
+	type: {
+		type: String,
+		default: 'text' // 支持所有原生类型如 'number', 'tel', 'digit' 或 'textarea'
+	},
+	placeholder: {
+		type: String,
+		default: '请输入'
+	},
+	placeholderStyle: {
+		type: String,
+		default: 'color: #999;'
+	},
+	fontSize: {
+		type: String,
+		default: '28rpx'
+	},
+	fontWeight: {
+		type: String,
+		default: 'normal'
+	},
+	color: {
+		type: String,
+		default: '#1A1A1A'
+	},
+	maxlength: {
+		type: Number,
+		default: 140
+	},
+	minWidth: {
+		type: String,
+		default: '20rpx'
+	},
+	extraWidth: {
+		type: Number,
+		default: 10 // 额外的缓冲像素，防止文字抖动
+	}
+});
+
+const emit = defineEmits(['update:modelValue', 'change']);
+const instance = getCurrentInstance();
+const inputWidth = ref(props.minWidth);
+
+const inputStyle = computed(() => ({
+	fontSize: props.fontSize,
+	fontWeight: props.fontWeight,
+	color: props.color,
+	fontFamily: 'inherit'
+}));
+
+/**
+ * 核心逻辑：测量隐藏文本的物理宽度
+ */
+const updateWidth = () => {
+	if (props.type === 'textarea') return;
+	nextTick(() => {
+		const query = uni.createSelectorQuery().in(instance.proxy);
+		query.select('.measure-text').boundingClientRect(data => {
+			if (data && data.width) {
+				heatWidth(data.width);
+			}
+		}).exec();
+	});
+};
+
+const heatWidth = (width) => {
+	// 加上一点额外的空间，避免在某些平台上因为小数点或字体渲染导致的文字换行
+	inputWidth.value = (width + props.extraWidth) + 'px';
+};
+
+const onInput = (e) => {
+	const val = e.detail.value;
+	emit('update:modelValue', val);
+	emit('change', val);
+};
+
+// 监听值的变化实时更新宽度
+watch(() => props.modelValue, () => {
+	updateWidth();
+});
+
+// 初始化
+onMounted(() => {
+	updateWidth();
+});
+</script>
+
+<style lang="less" scoped>
+.auto-width-input-container {
+	position: relative;
+	display: inline-block;
+	vertical-align: middle;
+	
+	&.is-textarea {
+		width: 100%;
+	}
+
+	.measure-text {
+		left: -9999rpx;
+		top: -9999rpx;
+		pointer-events: none;
+	}
+
+	.auto-input {
+		min-width: v-bind('props.minWidth');
+		padding: 0;
+		margin: 0;
+		text-align: inherit; // 继承父级的对齐方式
+		height: 1.4em; // 自动适应行高
+		line-height: 1.4em;
+	}
+
+	.auto-textarea {
+		width: 100%;
+		min-height: 1.4em;
+		padding: 0;
+		margin: 0;
+		line-height: 1.4em;
+		display: block;
+	}
+}
+</style>
diff --git a/components/message/chat/chat-layout.vue b/components/message/chat/chat-layout.vue
index 8bc4cb0..2c910bd 100644
--- a/components/message/chat/chat-layout.vue
+++ b/components/message/chat/chat-layout.vue
@@ -16,7 +16,7 @@
                                 :src="chatInfo.img || `/static/image/phone-message/${phone}/default.png`">
                             </image>
                             <text v-if="phone != 'iphone'" class="title">{{ chatInfo.title }}</text>
-                            <text v-if="phone == 'oppo'" class="second-text">重庆</text>
+                            <text v-if="phone == 'oppo' && chatInfo.area" class="second-text">{{ chatInfo.area }}</text>
                         </view>
                         <view class="right flex-align-center">
                             <image v-if="phone == 'mi'" class="img shrink-0"
diff --git a/components/shopping/jingdong/shopping-card.vue b/components/shopping/jingdong/shopping-card.vue
index bb8c7c1..a353b5a 100644
--- a/components/shopping/jingdong/shopping-card.vue
+++ b/components/shopping/jingdong/shopping-card.vue
@@ -63,8 +63,8 @@
                 <view class="product-info">
                     <text class="product-title">{{ item.products[0].title }}</text>
                     <text class="product-desc" v-if="item.products[0].desc">{{ item.products[0].desc }}</text>
-                    <view class="product-tags" v-if="item.products[0].tags && item.products[0].tags.length">
-                        <text class="tag" v-for="(tag, index) in item.products[0].tags" :key="index">{{ tag }}</text>
+                    <view class="product-tags" v-if="item.products[0].service">
+                        <text class="tag">{{ item.products[0].service }}</text>
                     </view>
                 </view>
             </template>
@@ -120,7 +120,7 @@
             </template>
             <template v-else-if="item.promoType === 'text'">
                 <text class="promo-text text-basic">本单可享 <text class="highlight">{{ item.promoHighlight
-                        }}</text>，快去支付吧~</text>
+                }}</text>，快去支付吧~</text>
             </template>
             <template v-else>
                 <text class="promo-text text-basic">当笔订单返现成功到账，<text style="color: #E31700;">点击领取</text></text>
diff --git a/main.js b/main.js
index eb31d1d..299796a 100644
--- a/main.js
+++ b/main.js
@@ -27,7 +27,7 @@ export function createApp() {
 	const systemInfo = uni.getStorageSync('systemInfo') || {}
 	app.config.globalProperties.$system = systemInfo.platform == 'ios' ? 'iOS' : 'Android'
 	app.config.globalProperties.$systemInfo = systemInfo
-	uni.setStorageSync('version', '1.0.3.sp17')
+	uni.setStorageSync('version', '1.0.4.sp2')
 	app.config.globalProperties.$version = uni.getStorageSync('version')
 	app.use(globalMethods);
 	return {
diff --git a/pages/message/list-index.vue b/pages/message/list-index.vue
index cfd59ad..e6640bd 100644
--- a/pages/message/list-index.vue
+++ b/pages/message/list-index.vue
@@ -48,6 +48,10 @@
 						<text class="add-label required">联系人</text>
 						<input class="add-input" v-model="addForm.title" placeholder="请输入名称或号码" />
 					</view>
+					<view class="add-row" v-if="data.phone == 'oppo'">
+						<text class="add-label">地区</text>
+						<input class="add-input" v-model="addForm.area" placeholder="请输入地区" />
+					</view>
 					<view class="add-row between" v-if="data.phone == 'iphone'">
 						<text class="add-label">取消通知</text>
 						<switch :checked="addForm.noNotice" @change="addForm.noNotice = !addForm.noNotice" />
@@ -313,6 +317,7 @@ const openAddPopup = () => {
 	addForm.title = ''
 	addForm.img = ''
 	addForm.content = ''
+	addForm.area = ''
 	addForm.unRead = false
 	addForm.unReadNumber = 1
 	addForm.noNotice = false
@@ -347,6 +352,7 @@ const editItem = (item) => {
 	addForm.img = item.img || ''
 	addForm.imgShape = item.imgShape || 'circle'
 	addForm.content = ''
+	addForm.area = item.area || ''
 	addForm.unRead = !!item.unRead
 	addForm.unReadNumber = item.unReadNumber || 0
 	addForm.noNotice = item.noNotice || false
@@ -387,6 +393,7 @@ const confirmAdd = async () => {
 			defaultList.value[idx].unReadNumber = addForm.unReadNumber
 			defaultList.value[idx].noNotice = addForm.noNotice
 			defaultList.value[idx].imgShape = addForm.imgShape
+			defaultList.value[idx].area = addForm.area
 			defaultList.value[idx].time = time
 		}
 	} else {
@@ -399,6 +406,7 @@ const confirmAdd = async () => {
 			img: finalImgPath,
 			title: addForm.title.trim(),
 			imgShape: addForm.imgShape,
+			area: addForm.area,
 			chatList: addForm.content.trim() ? [
 				{
 					id: stringUtil.uuid(),
diff --git a/pages/other/ranking/ranking.vue b/pages/other/ranking/ranking.vue
index 7157dca..01ab5b3 100644
--- a/pages/other/ranking/ranking.vue
+++ b/pages/other/ranking/ranking.vue
@@ -9,21 +9,25 @@
 				:style="type == 'skin' ? { backgroundColor: skinBgColor } : {}">
 				<template v-if="type == 'skin'">
 					<view v-if="!isEdit" class="title">{{ title }}</view>
-					<input v-else class="title title-input" v-model="title" placeholder="请输入排名标题" />
+					<input v-else class="title title-input" v-model="title" maxlength="12" placeholder="请输入排名标题" />
 					<image class="img happy" src="/static/image/other/ranking/happy.png"></image>
 					<image class="img sad" src="/static/image/other/ranking/sad.png"></image>
 				</template>
-				<image class="watermark" :class="{}" src="/static/image/other/card/shuiyin2.png" mode="heightFix">
+				<image v-if="$isVip()" class="watermark" :class="{}" src="/static/image/other/card/shuiyin2.png"
+					mode="heightFix">
 				</image>
 
 				<view class="ranking-table">
 					<view v-for="(item, index) in tierList" :key="index" class="ranking-row">
 						<view class="label-box" :style="{ backgroundColor: item.bgColor }"
 							@click="changeRowBgColor(index)">
-							<text class="label-text" :class="{ 'with-stroke': item.hasStroke }"
+							<!-- <text class="label-text" :class="{ 'with-stroke': item.hasStroke }"
 								:style="{ color: item.textColor }">
 								{{ item.label }}
-							</text>
+							</text> -->
+							<image :style="`height:60rpx;width:160rpx;`"
+								:src="`/static/image/other/ranking/${type == 'skin' ? item.img + '_skin' : item.img}.png`">
+							</image>
 						</view>
 
 						<view class="items-box ranking-item-list" :id="'row-' + index">
@@ -88,17 +92,21 @@
 							:css="`display: flex; min-height: 148rpx; border-bottom: ${index === tierList.length - 1 ? 'none' : '3rpx solid #333'};`">
 							<l-painter-view
 								:css="`width: 176rpx; min-height: 148rpx; background-color: ${item.bgColor}; display: flex; align-items: center; justify-content: center; border-right: 3rpx solid #333;`">
-								<l-painter-text :text="item.label"
-									:css="`font-size: 52rpx; font-weight: bold; color: ${item.textColor}; ${item.hasStroke ? 'text-shadow: 2rpx 2rpx 0 #000, -2rpx -2rpx 0 #000, 2rpx -2rpx 0 #000, -2rpx 2rpx 0 #000, 0 2rpx 0 #000, 0 -2rpx 0 #000, 2rpx 0 0 #000, -2rpx 0 0 #000;' : ''}`" />
+								<!-- <l-painter-text :text="item.label"
+									:css="`font-size: 52rpx; font-weight: bold; color: ${item.textColor}; ${item.hasStroke ? 'text-shadow: 2rpx 2rpx 0 #000, -2rpx -2rpx 0 #000, 2rpx -2rpx 0 #000, -2rpx 2rpx 0 #000, 0 2rpx 0 #000, 0 -2rpx 0 #000, 2rpx 0 0 #000, -2rpx 0 0 #000;' : ''}`" /> -->
+								<l-painter-image
+									:src="`/static/image/other/ranking/${type == 'skin' ? item.img + '_skin' : item.img}.png`"
+									:css="`height: 60rpx; width: 160rpx;`" mode="heightFix" />
 							</l-painter-view>
-							<l-painter-view :css="`flex: 1; padding: 14rpx 16rpx; display: flex; align-items: center;`">
+							<l-painter-view
+								:css="`flex: 1; display: flex; align-items: center;height: 148rpx;width:490rpx;padding:0 12rpx;`">
 								<l-painter-image v-for="(img, imgIdx) in item.images" :key="imgIdx" :src="img"
-									css="width: 110rpx; height: 110rpx; margin: 0 6rpx; object-fit: cover;"
+									css="width: 105rpx; height: 105rpx; margin: 0 8rpx; object-fit: cover;"
 									mode="aspectFill" />
 							</l-painter-view>
 						</l-painter-view>
 					</l-painter-view>
-					<l-painter-view
+					<l-painter-view v-if="$isVip()"
 						:css="type == 'skin' ? `position: absolute;bottom: 32rpx;right: 14rpx;` : `position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);`">
 						<l-painter-image src="/static/image/other/card/shuiyin2.png"
 							css="width: 194rpx;height: 56rpx;" />
@@ -112,8 +120,18 @@
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
-import { onLoad } from '@dcloudio/uni-app';
+import {
+	ref,
+	reactive,
+	getCurrentInstance
+} from 'vue';
+import {
+	onLoad
+} from '@dcloudio/uni-app';
+
+const {
+	proxy
+} = getCurrentInstance();
 
 const type = ref("base");
 const title = ref("xx排名");
@@ -123,16 +141,62 @@ const isSnapshot = ref(false);
 const isEdit = ref(false);
 const rightButtonText = ref("编辑");
 
-const tierList = ref([
-	{ label: '夯', bgColor: '#D5171C', textColor: '#FFFFFF', hasStroke: true, images: [] },
-	{ label: '顶级', bgColor: '#FF6A0B', textColor: '#FFFFFF', hasStroke: true, images: [] },
-	{ label: '人上人', bgColor: '#FFF06A', textColor: '#FFFFFF', hasStroke: true, images: [] },
-	{ label: 'NPC', bgColor: '#FDF5C8', textColor: '#FFFFFF', hasStroke: true, images: [] },
-	{ label: '拉完了', bgColor: '#FFFFFF', textColor: '#FFFFFF', hasStroke: true, images: [] }
+const tierList = ref([{
+	label: '夯',
+	bgColor: '#D5171C',
+	img: 'hang',
+	textColor: '#FFFFFF',
+	hasStroke: true,
+	images: [],
+	width: 60,
+},
+{
+	label: '顶级',
+	bgColor: '#FF6A0B',
+	img: 'dingji',
+	textColor: '#FFFFFF',
+	hasStroke: true,
+	images: [],
+	width: 104,
+},
+{
+	label: '人上人',
+	bgColor: '#FFF06A',
+	img: 'renshangren',
+	textColor: '#FFFFFF',
+	hasStroke: true,
+	images: [],
+	width: 156,
+},
+{
+	label: 'NPC',
+	bgColor: '#FDF5C8',
+	img: 'npc',
+	textColor: '#FFFFFF',
+	hasStroke: true,
+	images: [],
+	width: 110,
+},
+{
+	label: '拉完了',
+	bgColor: '#FFFFFF',
+	img: 'lawanle',
+	textColor: '#FFFFFF',
+	hasStroke: true,
+	images: [],
+	width: 156,
+}
 ]);
 
 // --- 生命周期：加载缓存 ---
 onLoad(() => {
+	// 进入页面埋点
+	proxy.$apiUserEvent('all', {
+		type: 'click',
+		key: 'ranking',
+		value: "从夯倒拉排名"
+	})
+	// 获取缓存数据
 	const cache = uni.getStorageSync('ranking_config_data');
 	if (cache) {
 		title.value = cache.title || title.value;
@@ -163,7 +227,9 @@ const getDragStyle = (tIdx, iIdx) => {
 			transition: 'none'
 		};
 	}
-	return { transition: 'transform 0.3s ease' };
+	return {
+		transition: 'transform 0.3s ease'
+	};
 };
 
 const onTouchStart = (e, tIdx, iIdx) => {
@@ -187,7 +253,11 @@ const onTouchMove = (e) => {
 const onTouchEnd = () => {
 	if (drag.tierIndex === -1) return;
 
-	const { tierIndex, imgIdx, moveX } = drag;
+	const {
+		tierIndex,
+		imgIdx,
+		moveX
+	} = drag;
 	const rowData = tierList.value[tierIndex].images;
 
 	// 估算单个item跨度 (100rpx宽度 + 12rpx间距 ≈ 56px，建议根据真机微调)
@@ -228,7 +298,10 @@ const deleteImage = (tIdx, iIdx) => {
 
 const onRightClick = async () => {
 	if (isEdit.value) {
-		uni.showLoading({ title: '正在持久化图片...', mask: true });
+		uni.showLoading({
+			title: '正在持久化图片...',
+			mask: true
+		});
 		// 1. 深度遍历并持久化所有临时图片
 		for (let tierIdx = 0; tierIdx < tierList.value.length; tierIdx++) {
 			const tier = tierList.value[tierIdx];
@@ -258,7 +331,10 @@ const onRightClick = async () => {
 			tierList: tierList.value
 		});
 		uni.hideLoading();
-		uni.showToast({ title: '已保存', icon: 'none' });
+		uni.showToast({
+			title: '已保存',
+			icon: 'none'
+		});
 	}
 	isEdit.value = !isEdit.value;
 	rightButtonText.value = isEdit.value ? "确定" : "编辑";
@@ -304,7 +380,10 @@ const removeLocalFile = (path) => {
 };
 
 const handleSave = () => {
-	uni.showLoading({ title: '生成中...', mask: true });
+	uni.showLoading({
+		title: '生成中...',
+		mask: true
+	});
 	isSnapshot.value = true;
 };
 
@@ -317,8 +396,13 @@ const onPainterSuccess = (path) => {
 
 	uni.saveImageToPhotosAlbum({
 		filePath: path,
-		success: () => uni.showToast({ title: '保存成功' }),
-		fail: () => uni.showToast({ title: '保存失败', icon: 'none' }),
+		success: () => uni.showToast({
+			title: '保存成功'
+		}),
+		fail: () => uni.showToast({
+			title: '保存失败',
+			icon: 'none'
+		}),
 		complete: done
 	});
 };
@@ -358,7 +442,7 @@ const changeRowBgColor = (index) => {
 
 	// 自动适配文字颜色 (深色背景用白色，浅色用黑色)
 	const darkColors = ['#D5171C', '#1777FF', '#333333'];
-	tierList.value[index].textColor = darkColors.includes(colors[nextIdx]) ? '#FFFFFF' : '#333333';
+	tierList.value[index].textColor = darkColors.includes(colors[nextIdx]) ? '#FFFFFF' : '#FFFFFF';
 };
 
 /**
@@ -459,13 +543,13 @@ function hslToHex(h, s, l) {
 	flex: 1;
 	display: flex;
 	align-items: center;
-	padding: 14rpx 8rpx;
+	padding: 14rpx 12rpx;
 	flex-wrap: wrap;
 }
 
 .item-wrapper {
-	width: 100rpx;
-	height: 100rpx;
+	width: 105rpx;
+	height: 105rpx;
 	position: relative;
 	margin: 0 6rpx;
 	touch-action: none;
@@ -526,6 +610,8 @@ function hslToHex(h, s, l) {
 .bottom-tabs {
 	position: fixed;
 	bottom: 40rpx;
+	bottom: calc(32rpx + env(safe-area-inset-bottom));
+	bottom: calc(32rpx + constant(safe-area-inset-bottom));
 	width: 100%;
 	display: flex;
 	justify-content: center;
@@ -559,6 +645,7 @@ function hslToHex(h, s, l) {
 	}
 
 	.title {
+		width: 260px;
 		position: absolute;
 		top: 30rpx;
 		left: 50%;
@@ -570,10 +657,10 @@ function hslToHex(h, s, l) {
 	}
 
 	.title-input {
+		min-width: 260px;
 		background: rgba(255, 255, 255, 0.5);
 		border-radius: 8rpx;
 		padding: 4rpx 12rpx;
-		width: 300rpx;
 		border: 1rpx dashed #1777FF;
 	}
 
diff --git a/pages/shopping/jingdong/add-order/add-order.vue b/pages/shopping/jingdong/add-order/add-order.vue
index 336d848..281b92f 100644
--- a/pages/shopping/jingdong/add-order/add-order.vue
+++ b/pages/shopping/jingdong/add-order/add-order.vue
@@ -7,27 +7,334 @@
 				<text>{{ item.label }}</text>
 			</view>
 		</view>
+
+		<!-- 等待付款 -->
+		<template v-if="activeTab == 'dengdaifukuan'">
+			<view class="tip-box">
+				<picker mode="multiSelector" :range="timeRange" :value="timeValue" @change="handleTimeChange">
+					<text>还剩
+						<text style="color: #DD223F;font-weight: 500; margin-left: 10rpx;">{{ order.statusDesc }}</text>
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+						订单自动取消
+					</text>
+				</picker>
+			</view>
+			<view class="address-info">
+				<view class="flex-1">
+					<view>
+						<image class="location" src="/static/image/shopping/jingdong/detail/location.png"></image>
+						<view class="name-box animate-scale">
+							<auto-width-input v-model="order.consignee" fontSize="30rpx" fontWeight="500"
+								placeholder="姓名" />
+							<image class="edit-icon" src="/static/image/common/edit.png"></image>
+						</view>
+						<view class="number-box animate-scale">
+							<auto-width-input v-model="order.phone" fontSize="26rpx" placeholder="电话" color="#8C8C8C" />
+							<image class="edit-icon" src="/static/image/common/edit.png"></image>
+						</view>
+					</view>
+					<view class="address-box animate-scale">
+						<auto-width-input v-model="order.fullAddress" type="textarea" fontSize="26rpx" placeholder="地址"
+							color="#8C8C8C" />
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+					</view>
+				</view>
+				<view class="edit-btn">
+					<text>修改</text>
+				</view>
+			</view>
+		</template>
+
+		<!-- 正在出库 -->
+		<template v-if="activeTab == 'zhengzaichuku'">
+			<view class="outbound-info">
+				<image class="outbound-icon" src="/static/image/shopping/jingdong/detail/xiadan.png" mode="aspectFit">
+				</image>
+				<view class="outbound-info-content">
+					<view class="title-info">
+						<view>
+							<text>已下单 </text>
+							<text>预计明天 09:00-15:00送达</text>
+						</view>
+						<uni-icons type="right" size="10" color="#1A1A1A"></uni-icons>
+					</view>
+					<text class="desc">快递运输 · 温馨提示：您的订单预计3月11日09:00- 15:53送达</text>
+					<view class="address-box">
+						<view class="top">
+							<text class="address">华哈哈哈哈哈哈哈哈哈2栋 22-1</text>
+							<view class="edit-btn">修改</view>
+						</view>
+						<view class="phone">肖战123****1234</view>
+					</view>
+				</view>
+			</view>
+		</template>
+
+		<!-- 已取消 -->
+		<template v-if="activeTab == 'yiquxiao'">
+			<view class="cancel-progress-box">
+				<view class="cancel-content">
+					<view class="title-row">
+						<view class="left">
+							<image class="icon" src="/static/image/shopping/jingdong/detail/tuikuan.png"
+								mode="aspectFit">
+							</image>
+							<text class="title">取消/退款进度</text>
+						</view>
+
+						<uni-icons type="right" size="10" color="#1A1A1A"></uni-icons>
+					</view>
+					<text class="desc">您的订单已取消，请查看取消进度详情。</text>
+				</view>
+			</view>
+
+			<view class="order-status-box">
+				<view class="status-main">
+					<image class="status-icon" src="/static/image/shopping/jingdong/detail/xiadan.png" mode="aspectFit">
+					</image>
+					<view class="status-content">
+						<view class="title-row">
+							<text class="title">已下单</text>
+							<uni-icons type="right" size="10" color="#1A1A1A"></uni-icons>
+						</view>
+					</view>
+				</view>
+				<view class="progress-box">
+					<text class="desc">您提交了订单，请等待系统确认</text>
+				</view>
+				<view class="bottom-box">
+					<view class="dot"></view>
+					<view>
+						<text class="desc">华哈哈哈哈哈哈哈哈哈2栋 22-1</text>
+						<view class="name">肖战123****1234</view>
+					</view>
+				</view>
+			</view>
+		</template>
+
+		<!-- 签收 -->
+		<template v-if="activeTab == 'yiqianshou'">
+			<view class="order-status-box">
+				<view class="status-main">
+					<image class="status-icon" src="/static/image/shopping/jingdong/detail/qianshou.png"
+						mode="aspectFit">
+					</image>
+					<view class="status-content">
+						<view class="title-row">
+							<text class="title" style="color: #1A1A1A;">已签收</text>
+							<uni-icons type="right" size="10" color="#1A1A1A"></uni-icons>
+						</view>
+					</view>
+				</view>
+				<view class="progress-box" style="height: 192rpx;">
+					<text class="text">快递运输 · 温馨提示：您的订单预计3月11日09:00- 15:53送达</text>
+					<view class="upload-box">
+						<view class="info-box">
+							<view class="image-box">
+
+							</view>
+							<text class="name">肖战</text>
+						</view>
+						<view class="btn-box">
+							<view class="btn grey">联系Ta</view>
+							<view class="btn red">打赏Ta</view>
+						</view>
+
+					</view>
+				</view>
+				<view class="bottom-box">
+					<view class="dot"></view>
+					<view>
+						<text class="desc">华哈哈哈哈哈哈哈哈哈2栋 22-1</text>
+						<view class="name">肖战123****1234</view>
+					</view>
+				</view>
+			</view>
+		</template>
+
+		<!-- 商品卡片 -->
+		<view class="product-card">
+			<view class="title-box">
+				<view class="left-box">
+					<image class="img" src="/static/image/shopping/jingdong/detail/ziyin.png"></image>
+					<view class="title flex animate-scale">
+						<auto-width-input v-model="order.products[0].name" fontSize="26rpx" fontWeight="700"
+							placeholder="请输入店铺名称" color="#1A1A1A" />
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+					</view>
+				</view>
+				<uni-icons class="right-icon" size="14" color="#1A1A1A" type="right"></uni-icons>
+			</view>
+			<view class="product-info">
+				<view class="image-box" @click="chooseImage">
+					<view v-if="!order.products[0].image" class="w100 h100 flex flex-center"
+						style="background-color: #eeeeee;">
+						<image style="width: 60rpx;height: 60rpx;" src="/static/image/common/add.png"></image>
+					</view>
+					<image v-else class="w100 h100" :src="order.products[0].image"></image>
+				</view>
+				<view class="info-box">
+					<view class="name flex animate-scale">
+						<auto-width-input class="name" v-model="order.products[0].title" fontSize="26rpx"
+							fontWeight="700" placeholder="商品标题名称" color="#1A1A1A" />
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+					</view>
+					<view class="flex flex-align-center animate-scale">
+						<auto-width-input class="desc" v-model="order.products[0].desc" type="textarea" fontSize="22rpx"
+							placeholder="商品描述" color="#87868E" />
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+					</view>
+
+					<view class="flex flex-align-center animate-scale">
+						<auto-width-input class="desc" v-model="order.products[0].service" type="textarea"
+							fontSize="22rpx" placeholder="请输入服务" color="#A96F24" />
+						<image class="edit-icon" src="/static/image/common/edit.png"></image>
+					</view>
+				</view>
+				<view class="price-box">
+					<view class="price wx-font-medium flex-align-center animate-scale">￥<text
+							style="font-size: 36rpx;">{{ order.totalPrice }}</text>
+						<!-- <auto-width-input style="min-width: 20px;" class="price" v-model="order.products[0].price"
+							type="number" fontSize="36rpx" placeholder="价格" color="#1A1A1A" fontWeight="500" />
+						<image class="edit-icon" style="margin-left: 0;" src="/static/image/common/edit.png"></image> -->
+					</view>
+				</view>
+			</view>
+			<view v-if="activeTab == 'dengdaifukuan' || activeTab == 'yiquxiao'" class="btn-box flex"
+				style="margin-top: 60rpx;">
+				<view class="left flex-1 flex-center " style="border-right : 1rpx solid #D8D8D8;">
+					<image class="img" src="/static/image/shopping/jingdong/detail/dianpukefu.png"></image>
+					<view class="name flex-column flex-align-center">
+						<text>店铺客服</text>
+						<text v-if="activeTab == 'dengdaifukuan'" class="text">商品/活动</text>
+					</view>
+				</view>
+				<view class="right flex-1 flex-center ">
+					<image class="img" src="/static/image/shopping/jingdong/detail/jingdongkefu.png"></image>
+					<view class="name flex-column flex-align-center">
+						<text>京东客服</text>
+						<text v-if="activeTab == 'dengdaifukuan'" class="text">物流/平台</text>
+					</view>
+				</view>
+			</view>
+			<view v-else class="btn-box">
+				<view class="btn" :class="{ red: btn == '送朋友' }" v-for="btn in btnList">
+					<image v-if="btn == '送朋友'" class="icon" src="/static/image/shopping/jingdong/detail/gift.png">
+					</image>
+					{{ btn }}
+				</view>
+			</view>
+		</view>
+
+		<!-- 商品总价 -->
+		<view v-if="activeTab == 'dengdaifukuan' || activeTab == 'yiquxiao'" class="product-price">
+			<view class="title flex-justify-between">
+				<text>商品总价</text>
+				<view class="wx-font-medium flex flex-align-center"><text
+						style="font-size: 32rpx;font-weight: 500;">￥</text>
+					<auto-width-input class="wx-font-medium" v-model="order.totalPrice" fontSize="32rpx"
+						placeholder="商品总价" color="#1A1A1A" fontWeight="500" type="number" />
+					<image class="edit-icon" src="/static/image/common/edit.png"></image>
+				</view>
+			</view>
+			<view class="item flex-justify-between">
+				<text class="label">运费</text>
+				<view class="wx-font-medium flex flex-align-center">￥
+					<auto-width-input class="wx-font-medium" v-model="order.carriage" fontSize="32rpx" placeholder="运费"
+						color="#1A1A1A" fontWeight="500" type="number" />
+					<image class="edit-icon" src="/static/image/common/edit.png"></image>
+				</view>
+			</view>
+			<view class="price">需付款 <text class="number wx-font-medium">￥{{ (Number(order.totalPrice) +
+				Number(order.carriage))
+			}}</text></view>
+		</view>
+
+
 	</view>
 </template>
 
 <script setup>
 import { onLoad } from "@dcloudio/uni-app";
-import { ref } from "vue";
+import { ref, computed } from "vue";
 
-import { shoppingType } from "../json/order.json"
+import { shoppingType, shoppingClassfiy } from "../json/order.json";
+import AutoWidthInput from "@/components/common/auto-width-input.vue";
 
 const activeTab = ref("dengdaifukuan");
 const navTitle = ref("新增订单");
+const order = ref(shoppingClassfiy[activeTab.value]);
+
+// 初始化默认地址信息，防止渲染时为空
+if (order.value) {
+	order.value.consignee = order.value.consignee || "肖战";
+	order.value.phone = order.value.phone || "152633221112";
+	order.value.fullAddress = order.value.fullAddress || "上海市浦东新区世纪大道123号";
+}
+
+// 时间选择器数据
+const timeRange = ref([
+	Array.from({ length: 24 }, (_, i) => (i < 10 ? '0' + i : i + '')), // 时
+	Array.from({ length: 60 }, (_, i) => (i < 10 ? '0' + i : i + '')),  // 分
+	Array.from({ length: 60 }, (_, i) => (i < 10 ? '0' + i : i + ''))   // 秒
+]);
+
+// 当前选择器索引
+const timeValue = computed(() => {
+	if (!order.value || !order.value.statusDesc) return [0, 0, 0];
+	const parts = order.value.statusDesc.split(' : ');
+	if (parts.length !== 3) return [0, 0, 0];
+	return [
+		parseInt(parts[0]) || 0,
+		parseInt(parts[1]) || 0,
+		parseInt(parts[2]) || 0
+	];
+});
+
+/**
+ * 修改倒计时时间
+ */
+const handleTimeChange = (e) => {
+	const val = e.detail.value;
+	const h = timeRange.value[0][val[0]];
+	const m = timeRange.value[1][val[1]];
+	const s = timeRange.value[2][val[2]];
+	order.value.statusDesc = `${h} : ${m} : ${s}`;
+};
 
 onLoad((options) => {
 });
 
+/**
+ * 选择图片
+ */
+const chooseImage = () => {
+	uni.chooseImage({
+		count: 1,
+		sizeType: ['original', 'compressed'],
+		sourceType: ['album', 'camera'],
+		success: (res) => {
+			order.value.products[0].image = res.tempFilePaths[0];
+		}
+	});
+}
+
+/**
+ * 切换tab
+ * @param item 
+ */
 const switchTab = (item) => {
 	activeTab.value = item.key;
+	order.value = shoppingClassfiy[activeTab.value];
+	if (order.value) {
+		order.value.consignee = order.value.consignee || "肖战";
+		order.value.phone = order.value.phone || "152633221112";
+		order.value.fullAddress = order.value.fullAddress || "上海市浦东新区世纪大道123号";
+	}
 }
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .tab-box {
 	padding: 22rpx 24rpx;
 	display: flex;
@@ -58,4 +365,623 @@ const switchTab = (item) => {
 	}
 
 }
+
+.title-box {
+	display: flex;
+	align-items: center;
+
+	.wait-icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 12rpx;
+	}
+
+	text {
+		font-size: 36rpx;
+		font-weight: 500;
+		color: #1a1a1a;
+	}
+}
+
+.right-box {
+	display: flex;
+
+	.icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-left: 20rpx;
+	}
+}
+
+.tip-box {
+	width: 100%;
+	text-align: center;
+	font-size: 26rpx;
+	line-height: 26rpx;
+	color: #1a1a1a;
+	margin-bottom: 16rpx;
+}
+
+.address-info {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 30rpx 22rpx;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	margin: 0 16rpx;
+
+	.location {
+		width: 28rpx;
+		height: 28rpx;
+		margin-right: 14rpx;
+	}
+
+	.name-box,
+	.number-box {
+		display: inline-flex;
+		align-items: center;
+		vertical-align: middle;
+		margin-right: 16rpx;
+	}
+
+	.address-box {
+		display: flex;
+		align-items: center;
+		margin-top: 8rpx;
+	}
+
+	.name {
+		font-size: 30rpx;
+		color: #1A1A1A;
+		font-weight: 500;
+	}
+
+	.number {
+		font-size: 26rpx;
+		color: #8C8C8C;
+	}
+
+	.address {
+		color: #8C8C8C;
+		font-size: 26rpx;
+		line-height: 42rpx;
+	}
+
+	.edit-btn {
+
+		height: 54rpx;
+		border-radius: 8rpx;
+		border: 1rpx solid #C5C5C5;
+		padding: 0 52rpx;
+		font-size: 26rpx;
+		line-height: 52rpx;
+		color: #1A1A1A;
+		margin-left: 28rpx;
+
+		text {
+			white-space: nowrap;
+		}
+
+	}
+}
+
+.outbound-info {
+	display: flex;
+	align-items: flex-start;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	margin: 10rpx 16rpx;
+	padding: 22rpx 22rpx 30rpx;
+
+	.outbound-icon {
+		width: 46rpx;
+		height: 46rpx;
+		margin-right: 16rpx;
+	}
+
+	.outbound-info-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+
+		.title-info {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 30rpx;
+			line-height: 46rpx;
+			font-weight: 500;
+			color: #1A1A1A;
+		}
+
+		.desc {
+			margin-top: 4rpx;
+			font-size: 26rpx;
+			color: #8C8C8C;
+			line-height: 36rpx;
+		}
+
+		.address-box {
+			margin-top: 18rpx;
+
+			.top {
+				display: flex;
+				justify-content: space-between;
+
+				.edit-btn {
+					width: 116rpx;
+					height: 54rpx;
+					border-radius: 8rpx 8rpx 8rpx 8rpx;
+					border: 1rpx solid #C5C5C5;
+					text-align: center;
+					font-size: 26rpx;
+					line-height: 50rpx;
+					color: #1A1A1A;
+				}
+			}
+
+			.address {
+				font-size: 30rpx;
+				line-height: 30rpx;
+				color: #1A1A1A;
+				font-weight: 500;
+				margin-top: 8rpx;
+			}
+
+			.phone {
+				font-size: 26rpx;
+				color: #8C8C8C;
+				line-height: 26rpx;
+			}
+		}
+	}
+}
+
+.cancel-progress-box {
+	display: flex;
+	align-items: center;
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	margin: 10rpx 16rpx;
+	padding: 26rpx 22rpx 30rpx;
+
+	.cancel-icon {
+		width: 60rpx;
+		height: 60rpx;
+		margin-right: 16rpx;
+	}
+
+	.cancel-content {
+		flex: 1;
+
+		.title-row {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.left {
+				display: flex;
+				align-items: center;
+			}
+
+			.icon {
+				width: 46rpx;
+				height: 46rpx;
+				margin-right: 16rpx;
+			}
+
+			.title {
+				font-size: 30rpx;
+				line-height: 30rpx;
+				font-weight: 500;
+				color: #1A1A1A;
+			}
+		}
+
+		.desc {
+			margin-top: 4rpx;
+			font-size: 26rpx;
+			color: #8C8C8C;
+			line-height: 36rpx;
+		}
+	}
+}
+
+.order-status-box {
+	background-color: #ffffff;
+	border-radius: 24rpx;
+	margin: 16rpx;
+	padding: 22rpx 22rpx 30rpx;
+
+	.status-main {
+		display: flex;
+		align-items: flex-start;
+
+		.status-icon {
+			width: 46rpx;
+			height: 46rpx;
+			margin-right: 16rpx;
+		}
+
+		.status-content {
+			flex: 1;
+
+			.title-row {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+				.title {
+					font-size: 28rpx;
+					font-weight: 700;
+					color: #E40C24;
+				}
+			}
+
+			.desc {
+				margin-top: 4rpx;
+				font-size: 26rpx;
+				color: #8C8C8C;
+				line-height: 36rpx;
+			}
+		}
+	}
+
+	.progress-box {
+		margin-left: 22rpx;
+		border-left: 0.5px solid #F83021;
+		margin-top: 6rpx;
+		padding-left: 40rpx;
+		font-size: 26rpx;
+		color: #8C8C8C;
+		height: 62rpx;
+
+
+		.text {
+			font-size: 26rpx;
+			color: #8C8C8C;
+			line-height: 36rpx;
+		}
+
+		.upload-box {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			background-color: #F7F8FC;
+			margin-top: 18rpx;
+			border-radius: 8rpx;
+			padding: 6rpx;
+
+			.info-box {
+				display: flex;
+				align-items: center;
+			}
+
+			.btn-box {
+				display: flex;
+
+				.btn {
+					margin-left: 16rpx;
+					border-radius: 8rpx;
+					height: 46rpx;
+					line-height: 42rpx;
+					font-size: 22rpx;
+					color: #1A1A1A;
+					line-height: 46rpx;
+					padding: 0 22rpx;
+				}
+
+				.grey {
+					border: 0.5px solid #C5C5C5;
+					color: #1A1A1A;
+				}
+
+				.red {
+					border: 0.5px solid #ED1C04;
+					color: #ED1C04;
+				}
+			}
+
+			.image-box {
+				width: 56rpx;
+				height: 56rpx;
+				background: #CBCEDA;
+				border-radius: 50%;
+				overflow: hidden;
+				margin-right: 14rpx;
+			}
+
+			.name {
+				font-size: 22rpx;
+				color: #3D3D3D;
+			}
+		}
+	}
+
+	.bottom-box {
+		display: flex;
+		padding-left: 16rpx;
+
+		.dot {
+			width: 14rpx;
+			height: 14rpx;
+			background: #F83021;
+			opacity: 0.5;
+			border-radius: 50%;
+			margin-right: 32rpx;
+			margin-top: 12rpx;
+		}
+
+		.desc {
+			font-size: 30rpx;
+			color: #1A1A1A;
+			line-height: 30rpx;
+			font-weight: 500;
+		}
+
+		.name {
+			font-size: 26rpx;
+			color: #8C8C8C;
+			line-height: 26rpx;
+			margin-top: 12rpx;
+		}
+	}
+
+	.address-timeline {
+		position: relative;
+		margin-top: 10rpx;
+		padding-left: 76rpx;
+
+		.line {
+			position: absolute;
+			left: 29rpx;
+			top: -40rpx;
+			bottom: 30rpx;
+			width: 2rpx;
+			background-color: #F8D3D7;
+		}
+
+		.dot {
+			position: absolute;
+			left: 21rpx;
+			bottom: 40rpx;
+			width: 18rpx;
+			height: 18rpx;
+			background-image: radial-gradient(circle, #F8A7AD 100%, transparent);
+			border-radius: 50%;
+		}
+
+		.info {
+			display: flex;
+			flex-direction: column;
+
+			.address {
+				font-size: 28rpx;
+				font-weight: 700;
+				color: #1A1A1A;
+				line-height: 42rpx;
+			}
+
+			.user {
+				margin-top: 4rpx;
+				font-size: 24rpx;
+				color: #8C8C8C;
+				line-height: 36rpx;
+			}
+		}
+	}
+}
+
+.product-card {
+	padding: 28rpx 22rpx;
+	margin: 16rpx;
+	background-color: #FFFFFF;
+	border-radius: 24rpx;
+
+	.title-box {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+
+		.left-box {
+			display: flex;
+			align-items: center;
+			flex: 1;
+			width: 200px;
+
+			.img {
+				width: 50rpx;
+				height: 26rpx;
+				margin-right: 8rpx;
+				flex-shrink: 0;
+			}
+
+			.title {
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				font-size: 26rpx;
+				color: #1A1A1A;
+				line-height: 26rpx;
+				font-weight: 700;
+			}
+		}
+
+
+
+		.right-icon {
+			margin-left: 12rpx;
+		}
+	}
+
+	.product-info {
+		display: flex;
+		margin-top: 14rpx;
+
+		.image-box {
+			width: 152rpx;
+			height: 152rpx;
+			border-radius: 24rpx;
+			overflow: hidden;
+			margin-right: 24rpx;
+		}
+
+		.info-box {
+			flex: 1;
+			margin-right: 44rpx;
+			overflow: hidden;
+
+			.name {
+				width: 100%;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				font-size: 26rpx;
+				color: #1A1A1A;
+				line-height: 26rpx;
+				font-weight: 700;
+			}
+
+			.desc {
+				margin-top: 16rpx;
+				font-size: 22rpx;
+				color: #87868E;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				overflow: hidden;
+			}
+
+			.tag {
+				font-size: 22rpx;
+				color: #A96F24;
+				margin-top: 18rpx;
+			}
+		}
+
+		.price-box {
+			font-weight: 500;
+			font-size: 28rpx;
+			color: #1A1A1A;
+
+			.price {
+				font-weight: 500;
+			}
+		}
+	}
+
+	.btn-box {
+		display: flex;
+		justify-content: flex-end;
+		margin-top: 26rpx;
+
+		.btn {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 144rpx;
+			white-space: nowrap;
+			font-size: 22rpx;
+			line-height: 22rpx;
+			height: 60rpx;
+			line-height: 58rpx;
+			border-radius: 8rpx;
+			border: 1rpx solid #C7C7C7;
+			color: #1A1A1A;
+			margin-left: 22rpx;
+
+			.icon {
+				width: 28rpx;
+				height: 28rpx;
+				margin-right: 6rpx;
+			}
+
+
+		}
+
+		.red {
+			color: #F10F1A;
+			border: 0.5px solid #F10F1A;
+		}
+
+
+		.img {
+			width: 32rpx;
+			height: 32rpx;
+			flex-shrink: 0;
+			margin-right: 14rpx;
+		}
+	}
+
+	.name {
+		font-size: 26rpx;
+		color: #1A1A1A;
+	}
+
+	.text {
+		font-size: 22rpx;
+		color: #87868E;
+		line-height: 24rpx;
+		margin-top: 8rpx;
+	}
+}
+
+.product-price {
+	background-color: #FFFFFF;
+	padding: 38rpx 22rpx;
+	border-radius: 24rpx;
+	margin: 16rpx;
+
+	.title {
+		font-size: 32rpx;
+		color: #1A1A1A;
+		line-height: 32rpx;
+		font-weight: 700;
+	}
+
+	.item {
+		margin-top: 36rpx;
+
+		.label {
+			color: #87868E;
+			font-size: 26rpx;
+			line-height: 26rpx;
+		}
+
+		.value {
+			font-size: 32rpx;
+			line-height: 32rpx;
+			font-weight: 500;
+		}
+	}
+
+	.price {
+		display: flex;
+		justify-content: flex-end;
+		margin-top: 32rpx;
+		font-size: 26rpx;
+		color: #ED1C04;
+		line-height: 26rpx;
+		font-weight: 500;
+		align-items: baseline;
+
+		.number {
+			font-size: 36rpx;
+			font-weight: 500;
+			margin-left: 6rpx;
+		}
+	}
+}
 </style>
+<style>
+/* 直接在页面导入公共样式 */
+@import '/common/main.css';
+
+.edit-icon {
+	width: 28rpx;
+	height: 28rpx;
+	margin-left: 0;
+	flex-shrink: 0;
+}
+</style>
\ No newline at end of file
diff --git a/pages/shopping/jingdong/json/order.json b/pages/shopping/jingdong/json/order.json
index 703b473..9584e3a 100644
--- a/pages/shopping/jingdong/json/order.json
+++ b/pages/shopping/jingdong/json/order.json
@@ -5,15 +5,19 @@
             "shopType": "self",
             "shopName": "安野屋 (AARYE) 京联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
             "status": "等待付款",
-            "statusDesc": "20小时11分钟",
+            "statusDesc": "18 : 25 : 46",
+            "consignee": "肖战",
+            "phone": "152633221112",
+            "fullAddress": "上海市浦东新区世纪大道123号",
+            "totalPrice": "69.00",
+            "carriage": "0.00",
             "products": [
                 {
-                    "image": "/static/image/shopping/jingdong/product1.png",
-                    "title": "安野哈哈哈哈哈哈哈哈哈哈哈哈好好",
+                    "image": "",
+                    "name": "哈哈哈哈哈",
+                    "title": "安野屋（AARYE）红红火火恍恍惚惚哈哈哈哈哈好",
                     "desc": "联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦",
-                    "tags": [
-                        "无理由退货政策"
-                    ],
+                    "service": "无理由退货政策",
                     "price": "69.00",
                     "count": "1"
                 }
diff --git a/pages/shopping/jingdong/list-index.vue b/pages/shopping/jingdong/list-index.vue
index ccec90e..8dc10a3 100644
--- a/pages/shopping/jingdong/list-index.vue
+++ b/pages/shopping/jingdong/list-index.vue
@@ -1,11 +1,11 @@
 <template>
 	<view class="top-fixed">
-		<nav-bar title="京东" bgColor="#F0F4F9">
+		<nav-bar title="京东" bgColor="#F0F4F9" :buttonGroup="buttonGroup" @button-click="util.clickTitlePopupButton">
 			<template v-slot:center>
 				<view class="search-box">
 					<image class="search-icon" src="/static/image/shopping/jingdong/search-icon.png" mode="aspectFit">
 					</image>
-					<input class="input" type="text" placeholder="搜索我的订单" disabled />
+					<input class="input" type="text" placeholder="搜索我的订单" />
 				</view>
 			</template>
 			<template v-slot:right>
@@ -69,7 +69,7 @@
 		<view class="action-menu-bubble" :style="{ left: actionMenuState.x + 'px', top: actionMenuState.y + 'px' }"
 			@click.stop>
 			<view class="menu-item" @click.stop="editOrder">修改</view>
-			<view class="bubble-arrow"></view>
+			<view class="menu-line"></view>
 			<view class="menu-item" @click.stop="handleDeleteOrder">删除</view>
 			<view class="bubble-arrow"></view>
 		</view>
@@ -79,33 +79,85 @@
 <script setup>
 import { ref, computed, onMounted, getCurrentInstance } from 'vue';
 import ShoppingCard from '@/components/shopping/jingdong/shopping-card.vue';
+import { util } from '@/utils/common.js';
 
 const showActionMenu = ref(false);
 const actionMenuState = ref({ x: 0, y: 0, item: null });
 
+//导航栏菜单按钮
+const buttonGroup = [
+	{
+		name: "新增购物",
+		click: () => {
+			uni.navigateTo({
+				url: '/pages/shopping/jingdong/add-order/add-order'
+			});
+		}
+	},
+]
+/**
+ * 长按弹出气泡菜单
+ * @param data 
+ */
 const handleLongPress = (data) => {
-	let touch = data.event.touches[0];
-	if (!touch && data.event.changedTouches) touch = data.event.changedTouches[0];
-	if (touch) {
+	console.log("长按", data);
+	const event = data.event;
+	let x = 0;
+	let y = 0;
+
+	// 兼容不同平台的坐标获取
+	if (event.touches && event.touches.length > 0) {
+		x = event.touches[0].clientX;
+		y = event.touches[0].clientY;
+	} else if (event.changedTouches && event.changedTouches.length > 0) {
+		x = event.changedTouches[0].clientX;
+		y = event.changedTouches[0].clientY;
+	} else {
+		// 兜底处理 (如模拟器点击或 detail 携带)
+		x = event.clientX || (event.detail && event.detail.x) || 0;
+		y = event.clientY || (event.detail && event.detail.y) || 0;
+	}
+
+	if (x || y) {
 		actionMenuState.value = {
-			x: touch.clientX,
-			y: touch.clientY,
+			x: x,
+			y: y,
 			item: data.item
 		};
 		showActionMenu.value = true;
+	} else {
+		console.warn("无法获取长按坐标");
 	}
 };
 
+/**
+ * 修改订单
+ */
+const editOrder = () => {
+	const item = actionMenuState.value.item;
+	if (!item) return;
+	showActionMenu.value = false;
+	uni.navigateTo({
+		url: '/pages/shopping/jingdong/add-order/add-order?id=' + item.id + '&type=' + item.shopType
+	});
+};
+
+/**
+ * 点击订单卡片
+ * @param item 订单项
+ */
 const handleCardClick = (item) => {
 	if (item.shopType !== "waimai") {
 		uni.navigateTo({
 			url: '/pages/shopping/jingdong/order-detail/order-detail?id=' + item.id
 		});
-	}
+	} else {
 
+	}
 };
 
 
+
 /**
  * 删除订单
  */
@@ -229,7 +281,7 @@ const mockOrderList = ref([
 				image: '/static/image/shopping/jingdong/product1.png',
 				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好一人份',
 				desc: '不支持7天无理由退货',
-				tags: [],
+				service: "",
 				price: '69.00',
 				count: 1,
 			}
@@ -250,6 +302,7 @@ const mockOrderList = ref([
 				image: '/static/image/shopping/jingdong/product1.png',
 				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好热 少糖',
 				desc: '不支持7天无理由退货',
+				service: "",
 				tags: [],
 				price: '69.00',
 				count: 1,
@@ -269,6 +322,7 @@ const mockOrderList = ref([
 				image: '/static/image/shopping/jingdong/product1.png',
 				title: '超值哈哈哈哈哈哈哈哈哈哈哈哈哈哈好热 少糖',
 				desc: '不支持7天无理由退货',
+				service: "",
 				tags: [],
 				price: '69.00',
 				count: 1,
@@ -286,6 +340,7 @@ const mockOrderList = ref([
 				image: '/static/image/shopping/jingdong/product1.png',
 				title: '多肉桃桃哈哈哈哈哈哈哈哈哈哈好和和好',
 				desc: '不支持7天无理由退货',
+				service: "",
 				tags: [],
 				price: '69.00',
 				count: 1,
@@ -327,6 +382,7 @@ const mockOrderList = ref([
 				title: '多肉桃桃哈哈哈哈哈哈哈哈哈哈好和和好',
 				desc: '不支持7天无理由退货',
 				tags: [],
+				service: "",
 				price: '69.00',
 				count: 1,
 			}
@@ -344,6 +400,7 @@ const mockOrderList = ref([
 				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
 				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
 				tags: ['无理由退货政策'],
+				service: "无理由退货政策",
 				price: '69.00',
 				count: 1,
 			}
@@ -365,6 +422,7 @@ const mockOrderList = ref([
 				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
 				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
 				tags: ['无理由退货政策'],
+				service: "无理由退货政策",
 				price: '69.00',
 				count: 1,
 			}
@@ -387,6 +445,7 @@ const mockOrderList = ref([
 				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
 				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
 				tags: ['无理由退货政策'],
+				service: "无理由退货政策",
 				price: '69.00',
 				count: 1,
 			}
@@ -407,6 +466,7 @@ const mockOrderList = ref([
 				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
 				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
 				tags: ['无理由退货政策'],
+				service: "无理由退货政策",
 				price: '1669.00',
 				count: 1,
 			}
@@ -425,6 +485,7 @@ const mockOrderList = ref([
 				title: '安野哈哈哈哈哈哈哈哈哈哈哈哈好好',
 				desc: '联名哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈好梦',
 				tags: ['无理由退货政策'],
+				service: "无理由退货政策",
 				price: '1669.00',
 				count: 1,
 			}
diff --git a/static/image/common/edit.png b/static/image/common/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..09bc8cb38b3cbdfd9df9e591e28c3111d7095906
GIT binary patch
literal 1277
zcmeAS@N?(olHy`uVBq!ia0vp^S|H593?x6vT4pjZFn$g232_B-|AWD*Rjc;z-+$)J
znMso-ZQHhO{`~nsk<FVoFIu!{=gyr#_Qs7Hf#N_0P-^}9^+3k5Wy^r%+O=yJE?fv?
zELpMyNG@Hvbouh-5OE;6ZrwVdvNdbgtXQ!E$OZx+1IPucfd~S%1C^~_y?W)!l|Tki
z9LPo%0kR=dKyjcJpn9MQa0NgShytJ>L;=KDh#?R`pmrbtiU3KVVhDgJKo$pz00Be<
z$N(yXkZ=)*b|47^a0Ng%TqV?Km_|%-h+<4-ctqe*n5F?m&<w=Nh5G_-)bSNHeZYuc
zRubeF%)rRR%)-jf&cVsW&CSEh$1fltBqAXxEiEG_ub`-;qNbstsi~uHXkub&YG!3;
z@8IC%?BeR-<?Z9^=N}jv78V{87Z;zDo|TiETUcCNQeD^B)Y978*51?CKXKCJsncf6
znmu>^f`yBhE(4~D)oa$R->`A>=54$7?mKe)#K}{q&tAB6`O1}R*Kggqd+))+Cr_Te
zeD(V6yZ0YHeg5+G+xH*8e*gaS_wT=)OCMMm7?=b-T^vIsB=;WV3>IQ!V7uUdgTuvK
z@DyLq7A0ltEtlVf?B2%x_JYt>Yj3N!=QPf^9M)M}BDz%d@$b1W6;5qozwC3l`p0=M
zzIpj;v>fuz?K(flutY)La!0d@`tlPWSL;a>+4>n3?KpGW=HN?pJ&A&{iF@tNtl;<`
z#PsvRQ@%<1duB}CZg}Qn?S;oLe2liRWmbv`ziH$%bWrO{zNcFxY9hLAlF!!YiGj{x
z&fQ1l(@jo2yn4dIEw7Djq1{3MtII|2ZB+2BIe(IAMWpJ?jm`q|4GWKTMP56d!hVG%
zvuC4}@Ppo<yp7BPDl-%LLwvRx9amv&See-J=H{*|VcMU63kv^JF*%~)9d<_OTl-1*
z_3MuV*(-A7m&K?j^es=GWGwWRDa6c0;(PRlguk^$@3uP}6<0eis?@FTvQ5nC=yi9t
zoD+{;D>EyFOuLi(sjWjN+u5hgYC)Lksp)wsn)R-1cQ0IUdFL|il6lH>;iz3dc_U-C
zFR!;Nbqt=Ns3WjmvnGx$ck!EJHXDNzw}{;8I@x_fBP%#a{?x+5-t&&kIhq?Rb7vyE
zZ1u^z9>VK2WLBCupO^cz;--?`=bTASURfK2etD(1McsP8uXm{j-#eqj4#LJyyz`8E
zZp?1qSNHSByJstP^`0oLxgEAq=KqwVfjKKO1fShFZ&#D@;vlE=r7%8&_Isipo8w=|
m8(g`c;oSDZK;@DCU$&B4_j@;`SatxDGlQqApUXO@geCy`Evnl9

literal 0
HcmV?d00001

diff --git a/static/image/other/dingji.png b/static/image/other/dingji.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e98fca1839046e6ae4ff9da8c6648b8b18518ed
GIT binary patch
literal 5617
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
LNkvXXu0mjf$?MhY

literal 0
HcmV?d00001

diff --git a/static/image/other/hang.png b/static/image/other/hang.png
new file mode 100644
index 0000000000000000000000000000000000000000..889bdf489814e569843e993a28c606c5313c67f7
GIT binary patch
literal 2750
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
Ef&k)6IsgCw

literal 0
HcmV?d00001

diff --git a/static/image/other/lawanle.png b/static/image/other/lawanle.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc8f9763fa712763d4983efabdefc9a3801b21ad
GIT binary patch
literal 5195
zcmV-R6twG!P)<h;3K|Lk000e1NJLTq0086w002)21ONa4QH7x^000ycNkl<Zc-rlq
zd0<r4*@vGH2nit&Kz0Kn1=%Vn2qLnGECNLk0qv*OR*|Aqs70+7TJZa{fD7*HrwE9G
zR-w2dRuOCwM2MoepnwV?tdRslCfm%ff1H_Q?wvc6naoTG$a(*Qd(OFM&XaqV_q^|W
zAXw_eJYHkDpS;Fwx)5%vL0uZticXAR7E5`Lr}-s`R9#9Sg+{cbJ^h%*b7Yc5CWEWA
z4aYt8;49=HS)3h4=|s9RgGH?7TMGS3|45%I`vn>NiDy{F=Nz^Cg8lUWIe}d0h*5|~
z!zkUEuPAjW>){Dfs-*o*_?#lg_Ir4;irP>u(pH2X(lS4}%XGxnFiJm&P?FNsTy4}x
z6ZMSlQJN5&X;CHZf5x<+o|>z*`e=fl)F)b`MnZf=>zEJXsWhe8agx(WssQ9x`KNco
z2l*aCH)@5p=zzEMF0~QDRYimA8ianQSF}ZY%6`F5I@kP$D`Wh&4m`!jY(7r%0kfzd
zACR*VnqVpI*01vsVs4dyoQKdb+0%6M8~zp3ccrr4aU!WYDPm@PKn|c7wbfor`IV;p
z7HU=j$g|BN>nj_`9ja+sab^tP)f=JOYI2+eA$G(EWOF`7b+y=1KF`chqDO=smB^V4
zWkiJX8A6xKWkcE9v|(Pv^%?2!Fo=yp=pt=8PU8J4;{r07Cs2ZJRDq?2F{XyUL<q7!
zn>oP22*rg^hQ73ceAcv~AmaLr>}5TjoIsA!@k;Ro31i4bU9{U$!%IpKVs%7Y^3&K?
z`PrkE=E`Gf!*@C@+8JprsXrf(P52U}=mSd)+tt*l1=>ddavVafG^~;`TgNPI_(``^
zx~_{<-zY`8{(L~fa|lhg)NsgsaS<YqD<S}S6GGSNKqVztZc7_H%Byr;pR0=y2N-ZN
zfviDSHd_>M4$@Yoel-;84`y%;EqOdgD=WyGR2@>5x>j?LbvchA7WpA4$RE5pt}%Hk
zlJ%B4o>5A8^U!J<pI9J=D=+SnZ=3J!ARF;4Kd|2-B|$-!cyr|92?xnkOC2AnS$H51
zFz|!{IT)e(>K<pgSQ{KbzToRGYBGaj=k9a_X^~km@2tZbCB$JyoiHGqu{Ykjn;L4Z
zl>zO^*L2ku!p)PA#!IM{x@k~={9q~eiS6mxr$Cl(w$||zc`=q_zA>-1F4MMv)*Q;e
zy(q<C{D9Vw&T>>=3$!mlN-PBnZBL&+ZXn&t(cUVNyzoFKl0gr8##9FJzE6XDn+^mF
zs#}W&xDw6tm9!(l3o>2HBkuC$#|@-6PZh}B;em{Gs!1n4L?}TSdMBWdJlf&Dz^5+1
z*H`Ei$m#~N34by>f+US9T5s9FnUQgcIvqxc9A=Sr3S{*Jc_Hr@<CMC3L<j5?bximA
zl#B-%PMz|CQGuMUf*4D-MurRWFr%muCrRM>;{dWAH<4>rsqOTiz%KV3^IY#USjpl-
zYvHIsw%4y>EJMvs^AJNS1ewoc{F&)-ktwXJVvtFk&ubh*sD-BLa6o^%^-=M~$Gl_3
zDtb`E0c1VRcUZGoSFI(srwijbsC`jp+Y=n52Y1}w?>0;SDg&9$!#+(}SFKf%!-w<y
z{<cL4LLB8GP7kaijTeLcoQf3!h$39La8YRM)<W<9J4=aUT_w11ag1;17fRQ9lFgAx
zj3nE<FIm$ZN54YX9l2$i=sT$8eE$Ah@+u87o5_q~0uS&mxt1sQacKzokK<SHC3kWu
z7g$c=Lx4=uI8BIyTxU)>ss?0Fo-zY!9SziqfHkTlZSagLO%$S(ja(GGsx&6DmVFip
zrEB%&*~vPtB#Fs<$esW!uY_oPUACemJ))b{!)HZfQ2v`nPRCfzAk+12Tr@bvnp!m=
z>oSWSrmx%TX+L|v@^n<ss*RaMN?1s{O4+rBbsjmxhapiZ>Z!-|q3>Hw2wHnbcA@6l
zAxS!-XLXqxDAAM~{j&j?!1d-^OwvFH6`UmHmfq~D<(tB8skDJ|7$BRn9VMxqMr)2X
zdvkjCIh}&meh~*yZ;O@PPa0}U-SD#kS&yZtrut}+V=IcZQUiS>)keleVQC%)$WH7+
zE%mNtxqO+)IVouE6DdGf>WHQOPNtN74!9Jd)*9g_LyXBt6@Wa;^4^P8&x|!aVgj-;
z@1urVVY6ZIev6vsvpN*d)7ie+h!x1%^yhx2)0gci*=DQusL8o7sCnZYgzm6R?0LS8
zZkjE3iy$l9Dgo&z>qw3f$PZ9sn_ZLHG4AkW?D6);{)h}?A_Ccv;Vd<yJ71H9uni9D
zlqAGA)D2>py#OWaDeKD2)c%!2{_FXI0$XPmP#SlT9*!ELN<RmnTsFqc=^+Tn{hCu;
z-}LS=-sHmQ+yH}v{E4?XY}xw>-E7JEz47zNqFWH9@EX)WuRDFkuQ;9sbYzHa`!a@I
zsE(%Vp*YC>>L)}o4>Q#A){zX1p^dsD$SoSII;JmnGMQ#E@x}_ZkF2Xpe1D}vXIYOt
z&9fsxoMqaw7q!wimNM6x+WruB3)jV69gxTPxSn!2f_&W9s~_2nF5?06bX~2r`pEq2
zJ2UL<wj8ufHh<C69Je6dDMno^_NGO~PpUM6VQVlu<BGAE6=eosRS$9{4PxjY=>#%W
zH|sxgN!n;$xsi_%T4u@nkeMZ)a$FYNXuLA4gYg+gRsM?z+SrR3EM{q3<S8bR5$EIM
zP#_<V)k_>f*3cL~?L!&J*@3g<Kb3C&t{OSiy$GQ>mi+6@naBDdb3#Jgj;ktjz;&X7
z+@m#?^N=!-mm<{NvYGf)Err<b=o|bsLTjy>eWePqBw+IawYZX(Sk0PhA}=!BS!rGU
zK=$YFW?i~9<RZNcWIGO{Hty_Ve?z^qjDPYu0kyZJ1f^K~wA`Ah8bUna;5#`sVC!+b
zB|AWkSnWV|X13WEI-Pz51=)=CfepIcJpHY+H{p3U`^;<2@?xq(o7Pt|j7HOvS{*^A
z)0>GbW><MrQ`Amll^p`3yYvl@7i1bsQF7^X7N63YrlzL@-ZlrJDYh+eUt@zZ*r9FT
zqEs!?>S`f(tF92sNw0n&&){YMuMnNCYxRmUl^+6Qz8)#<W<V}CDz^mB-%9;;hVPl$
zG6QD34G6tz^I2>p#P^)x3^HCCoXFF1vxuvfARjA7n5v0-OKwM35&yG?hn3;;s&X+1
zn1l=c)`C9IS8JNhynZ`Mw;kGecc|+fM~hP+!%R8GmuR*&+8o85bdX=@UUl&u1-r=P
z_tXY1;Sf6C7W|=`$u-cnklK&VwH=|}VRAll3S=}Ow<GjX7(Zf<ZuK2CiBdN4M>=>z
z^>i=?#oI0UuQoZSSl%{)0(6DV6u*zjIqnq5Xh6OYxIK4H@0L5M?qM3I`E89;%-+!I
z3;D3gJKr)xK8O-E)3WD0Vov$w81&~9$gtBj2n}&O+?4a_$5e;K_hN(|wd7xA_J*6O
zU6!jMZ=*CVvE*AF%B9^4a*K|IC55*6y(maN`;>7kOj&B82vkduoykRQZ1FcjfOPKg
zI}w^_$?pyQu+vXx*_!WAGuuEu*VOw&5L3ZSl%ydV6PEndHfZ1Da?a<UN;N;s+Q;a8
z)e_=G2MyG52ic4bs8N8=&+8hh@4^Q;2%%n<{Cm~Q9#*p#9@N41MR;e(>w>gzb|hQ%
zQ8o+h&PSZ{MPLsQD5cyLlbEkD23d#sC`t3=kyNamdRvp#N)bl&Xk-*`M*~fyj&gNb
zuD>GmYfG)Wb*2!xK~LWr@hZE?r=S8UM(A4G?zd@)*PftUf`crs@ErvlWe-c7?7WXZ
z$OLYs7){U~y`vk|%XdB<X?T`x_T^5IrkKCq+spF&3!w#;THi6sfKNh%|4idT#xORd
zjAuDQcUtFqS1sdI@1HXm$Wj(m@Q$&J<udyFdq7n$72Pm$&}m9nZCmh^h(Inz=t)b7
zd1gj=!h0&2W^B=S*=EQ@W2hCK_OcH1Q7t`asXN=_RdV~MU?80}y(iRpWK(lA?3G+T
zV*&dk200^ex$}|<w!6%`#v6)IM@x<ZO)#B!OO&0`g3Q2~{tXiaXhT#WYtn&p_(dF|
zF2~{Y<03M>Hf;AXhBhQsBJ$NG2wh+)vDO5k%=8YMPX>l-*=wRT9%5*eozj&ffq_Nu
zI^+-`Hd2sx@dZDU$qU@bnK3$vj2p-V(m0Ry)Ga#?j2vV~T&S(~`IXpV3^=km6R2(K
z{I{jfZ_JGRJ#C`wl>bF&v~3sJ&#YO8MFDa`Sx8+E#pJS)+kzN*o=B!1Awjlc8)~U7
zmgSDutLZ$TC)ucl*WbgJmYV19McLYV97Hv3c0-4X+PV>Wwh)Gqfqc!_2sSaw4WEvA
zVFcG^oNyo;^FC^z6_zriO_{5JYsp8$mE&Xt`R6EGdn-bNRcxtyWpM*HVv}t>92v;1
z2(8j8&Czh9p7Wj5q@S!HQ(1_T^|YnT-KNal)ZzgXF~;iu*U&saKdQF&G3Tjo+RX0%
z=1M3<EV2!Sk$|kt*QmC>mgLqkW$7^u_6@WHPF9dL_&+@Mo!qOY%&RnEElTse?6zuS
zz1O-#lbWy$C1`+Uc9wEV1{_5caJ?;mBp@3)sqDSp(!V}gLBdTGqTg6_D_eZ1en}3>
z@NBbukiRoeABv)#^;tk6YOHr{3!TqgX+rGgmr;PsU}w1>r!NgKtsZdlf*ei`8fKXV
zOMC;-)p$@(%h#H#4(4gUC@}uhL@t;a;IjQ2vtoTQKr0#v$g{~pXX!^v{tVOVjFSUo
z0`<tCwM9m<AGOzy%F|A5(Brz)HwPZ!tw6oc`)X{q9v9f^X-#XISLnLdh_QTW0w`P-
za4@wl%lqCA0p%hA*_}P8yTzWN)ThEc?c@O2j|Hq_gGD~25Y^LEjZ=4Ha9kewqX;Ei
z{<7VgYZQ2SY_`?2feox?CiQ~0E`_UDLB4S&ny!O3j5+FWE{l1<p==}|hXsx?2V7qL
z*GaMcXhv4>7&nPQ{{I}yEOt~^Rdl<|+#q|#k$mb4f!R#|2#iVNekw27jo8ImQG&c7
z&@g3<(ciAAt{@w7A)^^YPrA{W4tyID<X;hLsEmlj>e!mCi$mn~Mg>l^tcsh{jl0VO
zaJSSXWjP#xe^cD02vNfQj>B^RNa-H4-T#)iY_b)1f^M@oN_g)Lc{yxV#Uxg-o|P<S
zE>pRN%jw4jTtE*7u_@LdTd~3$X1<Vv>}ETKC`Dff1Nk&UGqgS;$+gtx(#8;Zy|9d1
zTOz;UIv!;Whsq(|q7PN*=zIUGBi^f<oISe=5waG2+c%dxNL`yZ_N}I${vKApCUIL(
zhlisap#(Lx#hi-{<fBfn>SNoP`GI^Mq37dh<m7EbOJFFUu;0Hsn(01ma}4q&<>_+O
zFoS;YAbwNX2<>xQ2iHFa1=-j32iVutJ|e7sZO+Du><zk=-REa9e3=`?jM!H_b*?(8
zquQ&Tdh1P_LDni?yxyt<*_uE3y!aDTPi;#t)sleQuFBIv&+pwejqiQ%W3i10eQICk
z>I=Q;Agg6v5a+7B31@g#n1^edP(wYgxAnB<=w^-9aP?L%_0l=&rgJqypV-=QTWK^(
z%asT%mPh%@(k^|gZ8n{#BrPf`GjFUakloEmX#)+>AGK85ib9pyR5;pGvjlOBdqSL0
zyou0rg_UcU_m+gO!rVosvkWEc3CD<5xsKOAj5ia*wUq-o1EK3H_z{0m+3ZkNAp5ch
zHP-7otilRx;9tti@Lk0_J>((qB!ot~E7z{aOjQ4W1iyIGc072SF{3F6v;IPLF++DH
zBZr)i&>4;a?aI5#Yh^yF3PE<|JycUu12+6tbH<&TVr&sS9IEgxy!Paxmin|3t;%;_
zRfKReGwkq1!^lDBI7XRsN|}e66d|_x-9!{oO5y;*X7X=MOH2gG-PEl@kQv-SK5Ak+
z9J5;C-K);N{F}JELXA)ZR-i=P5YpSsIek{pssxe4@UVNfHQ%FDZ49ga0?)LPTK>i{
zl}K+P^l;Eue5$r3e#`Dh5$dh0;wJc<2vW>#$sHZLJx_CWx*6<*SWMF}zLW$;kb_cm
zdxRvj_jNVlcs~qtU^TnnHxRl%tT+5y4LpbfCRH|I8B9cIyhG(4cdq9{^)LfhCM^LN
z8SL(!n9AGUW2zi;=TG^-?@?~)*Pc7`Ta<@V$z*KUSN<mXLJberO81YRoYEuiqY5rZ
z+y_g)^gQTpnC}e<-#Mb5y$PZ7RTO&SD&3`f^NrGx*Q2pxKMxl=T}$<<pS)7|jP5EK
z<4N;*eT?_&T9UY*pW+I!l+E-iTb{U3W4&(_2_;)x4``IDaj9R<+e28zI;Ass#cXS8
zmYnUm#5JzuY6X{ZB?Db8Jl=?SJGne!`@TYyq{*75yL6u(F8P1YeE(kdyioGECKa9Q
zb5`8o;O-kiI-RYkhSF5ePtx2e<zaF6(cAC7`xH7df@|U?eQ8!UyfkJNO3<&gM$_Hh
zT}|Cd<-kAZCcm8Fr*vjiBFMxioLdQJffveexT>WjPl{44y`1VvE+1KzMHFesA=PAt
zEr6bX0KeTVaSXIlRcVkf=C_|pJ)7l>is}aSE-Ya?`#8iA@<T`-2gu@M{y>vTy{9`H
z$)hOb755(U_<<R*a1Kgm3JY0gktICGJZ_*{i~?I$HYGF5??-3xGPjovywRitT5=)7
z_#b`~LdG+YbD}VUOrSMaFooN>n|VCJd`myS$|9a*7ULtju(*O1Rx0ThsYjidn&ehK
zrE&{9$!0NQXiL4ActcfvszEK1sblHq`qU-4@~c!|`Y-gjIWFQ)iH`sP002ovPDHLk
FV1f+A3{?OC

literal 0
HcmV?d00001

diff --git a/static/image/other/npc.png b/static/image/other/npc.png
new file mode 100644
index 0000000000000000000000000000000000000000..816422b532b7b046aac06ec2fcc9cf42946bc654
GIT binary patch
literal 3720
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

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/dingji.png b/static/image/other/ranking/dingji.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0213c6ab21213c40dd9fefedf728ddff59836e4
GIT binary patch
literal 5053
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
TflC=G00000NkvXXu0mjfjE=mD

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/dingji_skin.png b/static/image/other/ranking/dingji_skin.png
new file mode 100644
index 0000000000000000000000000000000000000000..754ec6e0d9b7e0a09a06d3ebdcf550447c6a19ab
GIT binary patch
literal 3919
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

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/hang.png b/static/image/other/ranking/hang.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0ff1fb27b251807ddfdad29430213b2614fdd08
GIT binary patch
literal 2620
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

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/hang_skin.png b/static/image/other/ranking/hang_skin.png
new file mode 100644
index 0000000000000000000000000000000000000000..315456826f90d9ce9c3acbc7464df6e6b90c13eb
GIT binary patch
literal 2286
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
IM6N<$f`Jcm@&Et;

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/lawanle.png b/static/image/other/ranking/lawanle.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a043d2c6571344b6ef817b66ff40d497c368926
GIT binary patch
literal 4772
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

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/lawanle_skin.png b/static/image/other/ranking/lawanle_skin.png
new file mode 100644
index 0000000000000000000000000000000000000000..38c8e64041e6e45df5835de1911b3ea138bd0729
GIT binary patch
literal 4468
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
GLSTaA@reNd

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/npc.png b/static/image/other/ranking/npc.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d0f0937d9413d42e4831ec19bee538a601dcb50
GIT binary patch
literal 3770
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
VsB`69rRz_CImFtu$>e_0e*r&QEkOVP

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/npc_skin.png b/static/image/other/ranking/npc_skin.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ec8a303e65cb15453635d2d8729b9f67dad8e76
GIT binary patch
literal 2780
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
F{0~SENGbpT

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/renshangren.png b/static/image/other/ranking/renshangren.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3f137608e1da7956787d1c58f195a4eec0b1fa4
GIT binary patch
literal 2475
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

literal 0
HcmV?d00001

diff --git a/static/image/other/ranking/renshangren_skin.png b/static/image/other/ranking/renshangren_skin.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bb0e44441019734a8f37f0a9d7d15021a4dad24
GIT binary patch
literal 3508
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

literal 0
HcmV?d00001

diff --git a/static/image/other/renshangren.png b/static/image/other/renshangren.png
new file mode 100644
index 0000000000000000000000000000000000000000..622715727c4342442b7afbf14310819670eff096
GIT binary patch
literal 4232
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

literal 0
HcmV?d00001