From 0abb3ae1178f9be95b739d19a6bbb16c990289fe Mon Sep 17 00:00:00 2001
From: Lufaneng <Lufaneng@foxmail.com>
Date: Tue, 23 Sep 2025 13:31:14 +0800
Subject: [PATCH] 1

---
 pages.json                                 |   13 +-
 pages/index/index.vue                      |  632 +++++----
 pages/login/login.vue                      | 1358 ++++++++++----------
 pages/mine/mine.vue                        |    4 +-
 pagesA/edit-profile/edit-profile.vue       |    2 +-
 pagesA/generate-record/generate-record.vue |  613 ++++-----
 static/tabbar/index.png                    |  Bin 4199 -> 655 bytes
 static/tabbar/index_HL.png                 |  Bin 4230 -> 662 bytes
 static/tabbar/order.png                    |  Bin 0 -> 636 bytes
 static/tabbar/order_HL.png                 |  Bin 0 -> 629 bytes
 static/tabbar/xiaofei.png                  |  Bin 0 -> 844 bytes
 static/tabbar/xiaofei_HL.png               |  Bin 0 -> 809 bytes
 utils/request.js                           |    5 +-
 vite.config.js                             |    7 +-
 14 files changed, 1253 insertions(+), 1381 deletions(-)
 create mode 100644 static/tabbar/order.png
 create mode 100644 static/tabbar/order_HL.png
 create mode 100644 static/tabbar/xiaofei.png
 create mode 100644 static/tabbar/xiaofei_HL.png

diff --git a/pages.json b/pages.json
index c43a692..12f408c 100644
--- a/pages.json
+++ b/pages.json
@@ -75,7 +75,8 @@
         	"path" : "generate-record/generate-record",
         	"style" : 
         	{
-        		"navigationBarTitleText" : "图纸生成记录"
+        		"navigationBarTitleText" : "图纸生成记录",
+				"enablePullDownRefresh":true
         	}
         },
         {
@@ -119,18 +120,18 @@
         "pagePath": "pages/index/index",
         "iconPath": "static/tabbar/index.png",
         "selectedIconPath": "static/tabbar/index_HL.png",
-        "text": "首页"
+        "text": "图纸"
       },
       {
         "pagePath": "pages/order/order",
-        "iconPath": "static/tabbar/appointment.png",
-        "selectedIconPath": "static/tabbar/appointment_HL.png",
+        "iconPath": "static/tabbar/order.png",
+        "selectedIconPath": "static/tabbar/order_HL.png",
         "text": "订单"
       },
       {
         "pagePath": "pages/consumption/consumption",
-        "iconPath": "static/tabbar/appointment.png",
-        "selectedIconPath": "static/tabbar/appointment_HL.png",
+        "iconPath": "static/tabbar/xiaofei.png",
+        "selectedIconPath": "static/tabbar/xiaofei_HL.png",
         "text": "消费"
       },
       {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 1050be1..ff4e25d 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,85 +1,60 @@
 <template>
-  <view class="container">
-    <!-- 顶部图片和标题 -->
-    <view class="header-section">
-      <image
-        class="header-image"
-        src="/static/imgs/indexImg.png"
-        mode="aspectFill"
-      ></image>
-      <view class="header-overlay">
-        <view class="header-title">生成电梯图纸</view>
-        <view class="header-subtitle">
-          选择模板并设置参数，快速生成专业电梯施工图
-        </view>
-      </view>
-    </view>
-
-    <!-- 选择图纸模板 -->
-    <view class="section">
-      <view class="section-title">选择图纸模板</view>
-      <view class="template-grid">
-        <view
-          class="template-item"
-          :class="{ active: selectedTemplate === 'passenger' }"
-          @click="selectTemplate('passenger')"
-        >
-          <u-icon name="edit-pen" color="#4285f4" size="24"></u-icon>
-          <view class="template-name">乘客电梯标准图纸</view>
-          <view class="template-desc">适用于住宅、商业建筑</view>
-        </view>
-        <view
-          class="template-item"
-          :class="{ active: selectedTemplate === 'freight' }"
-          @click="selectTemplate('freight')"
-        >
-          <u-icon name="car" color="#4285f4" size="24"></u-icon>
-          <view class="template-name">货运电梯专用图纸</view>
-          <view class="template-desc">适用于仓库、工厂</view>
-        </view>
-        <view
-          class="template-item"
-          :class="{ active: selectedTemplate === 'medical' }"
-          @click="selectTemplate('medical')"
-        >
-          <u-icon name="plus-circle" color="#4285f4" size="24"></u-icon>
-          <view class="template-name">医用电梯专业图纸</view>
-          <view class="template-desc">适用于医院、医疗场所</view>
-        </view>
-        <view
-          class="template-item"
-          :class="{ active: selectedTemplate === 'sightseeing' }"
-          @click="selectTemplate('sightseeing')"
-        >
-          <u-icon name="eye" color="#4285f4" size="24"></u-icon>
-          <view class="template-name">观光电梯定制图纸</view>
-          <view class="template-desc">适用于商场、酒店</view>
-        </view>
-      </view>
-    </view>
-
-    <!-- 设置参数 -->
-    <view class="section">
-      <view class="section-title">设置参数</view>
-      <view class="form">
-        <uv-form
-          labelAlign="left"
-          labelWidth="auto"
-          labelPosition="left"
-          :model="formField"
-          :rules="rules"
-          ref="form"
-        >
-          <uv-form-item prop="phone" label="电梯类型">
-            <uv-input
-              v-model="formField.phone"
-              color="#000"
-              border="none"
-              :placeholderStyle="{ color: '#666778' }"
-              placeholder="请输入"
-            ></uv-input>
-          </uv-form-item>
-          <uv-form-item prop="password" label="载重（kg）">
+	<view class="container">
+		<!-- 顶部图片和标题 -->
+		<view class="header-section">
+			<image class="header-image" src="/static/imgs/indexImg.png" mode="aspectFill"></image>
+			<view class="header-overlay">
+				<view class="header-title">生成电梯图纸</view>
+				<view class="header-subtitle">
+					选择模板并设置参数，快速生成专业电梯施工图
+				</view>
+			</view>
+		</view>
+
+		<!-- 选择图纸模板 -->
+		<view class="section">
+			<view class="section-title">选择图纸模板</view>
+			<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
+					type: 'flex',
+					num: 2,
+					gap: '20rpx',
+					children:[{
+						type: 'custom',
+						num: 1,
+						gap: '20rpx',
+						style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
+						},{
+						type: 'custom',
+						num: 1,
+						gap: '20rpx',
+						style: 'width: 300rpx;height:200rpx;marginLeft: 10rpx;'
+						}]
+				}]"></uv-skeletons>
+			<view class="template-grid" v-else>
+				<view class="template-item" :class="{ active: currentTemplate.id === item.id }"
+					@click="selectTemplate(item)" v-for="item in templateList" :key="item.id">
+					<view class="template-name">{{item.name}}</view>
+					<view class="template-desc">{{item.description}}</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 设置参数 -->
+		<view class="section">
+			<view class="section-title">设置参数</view>
+			<uv-skeletons v-if="loading" :loading="loading" :skeleton="[{
+					type: 'line',
+					num: 3,
+					gap: '20rpx'
+				}]"></uv-skeletons>
+			<view class="form" v-else>
+				<uv-form labelAlign="left" labelWidth="auto" labelPosition="left" :model="formField" :rules="rules"
+					ref="form">
+					<uv-form-item :prop="item.key" :label="item.name + '：'" v-for="item in currentTemplate.params">
+						<uv-input :type="item.type === 'number' ? 'digit' : 'text'" v-model="item.value" color="#000"
+							border="bottom" :placeholderStyle="{ color: '#666778' }" placeholder="请输入"></uv-input>
+					</uv-form-item>
+					<!-- <uv-form-item prop="password" label="载重（kg）">
             <uv-input
               v-model="formField.password"
               color="#000"
@@ -134,266 +109,265 @@
               v-model="formField.password"
               placeholder="请输入"
             ></uv-textarea>
-          </uv-form-item>
-        </uv-form>
-      </view>
-    </view>
-
-    <!-- 底部按钮 -->
-    <view class="bottom-actions">
-      <uv-button
-        :loading="generating"
-        @click="viewHistory"
-        text="生成图纸"
-        color="#3F70FF"
-      ></uv-button>
-      <uv-button @click="viewHistory" text="查看记录"></uv-button>
-    </view>
-  </view>
+          </uv-form-item> -->
+				</uv-form>
+			</view>
+		</view>
+
+		<!-- 底部按钮 -->
+		<view class="bottom-actions">
+			<uv-button :loading="generating" @click="() => modalRef.open()" text="生成图纸" color="#3F70FF"></uv-button>
+			<uv-button @click="viewHistory" text="查看记录"></uv-button>
+		</view>
+		<uv-modal ref="modalRef" showCancelButton content='确定生成图纸？' @confirm="confirmGenerate"></uv-modal>
+	</view>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
-import {
-  onShow,
-  onLoad,
-  onShareAppMessage,
-  onShareTimeline,
-  onReachBottom,
-} from "@dcloudio/uni-app";
-import { useAuthStore, useUserStore } from "@/store";
-import RPC from "@/utils/request";
-import { usePermission } from "@/hooks/usePermission";
-
-const authStore = useAuthStore();
-const userStore = useUserStore();
-
-const generating = ref(false);
-
-// 响应式数据
-const selectedTemplate = ref("passenger");
-
-// 选择模板
-const selectTemplate = (template) => {
-  selectedTemplate.value = template;
-};
-
-const form = ref(null);
-const formField = ref({
-  phone: "",
-  password: "",
-});
-const rules = ref({
-  // 'phone': {
-  // 	required: true,
-  // 	message: '请填写手机号',
-  // 	trigger: ['blur', 'change']
-  // },
-  // 'password': {
-  // 	required: true,
-  // 	message: '请填写验证码',
-  // 	trigger: ['blur', 'change']
-  // }
-});
-
-// 生成图纸
-const generateDrawing = async () => {
-  if (!selectedTemplate.value) {
-    uni.showToast({
-      title: "请选择图纸模板",
-      icon: "none",
-    });
-    return;
-  }
-
-  generating.value = true;
-  try {
-    const params = {};
-
-    // 这里调用生成图纸的API
-    // const result = await RPC.post('/api/generate-drawing', params)
-
-    uni.showToast({
-      title: "图纸生成中...",
-      icon: "loading",
-      duration: 2000,
-    });
-
-    // 模拟生成过程
-    setTimeout(() => {
-      uni.showToast({
-        title: "图纸生成成功",
-        icon: "success",
-      });
-      generating.value = false;
-    }, 2000);
-  } catch (error) {
-    console.error("生成图纸失败:", error);
-    uni.showToast({
-      title: "生成失败，请重试",
-      icon: "none",
-    });
-    generating.value = false;
-  }
-};
-
-// 查看历史记录
-const viewHistory = () => {
-  console.log(111);
-  uni.navigateTo({
-    url: "/pagesA/generate-record/generate-record",
-  });
-};
+	import {
+		ref,
+		onMounted
+	} from "vue";
+	import {
+		onShow,
+		onLoad,
+		onShareAppMessage,
+		onShareTimeline,
+		onReachBottom,
+	} from "@dcloudio/uni-app";
+	import {
+		useAuthStore,
+		useUserStore
+	} from "@/store";
+	import RPC from "@/utils/request";
+	import {
+		usePermission
+	} from "@/hooks/usePermission";
+
+	const authStore = useAuthStore();
+	const userStore = useUserStore();
+	const loading = ref(false)
+
+	const generating = ref(false);
+	const modalRef = ref(null)
+	const confirmGenerate = () => {
+		const params = {}
+		currentTemplate.value.params.forEach(item => {
+			params[item.name] = item.value
+		})
+		RPC.post('/template_create_task', {template_id:currentTemplate.value.id,template_data:params}).then(() => {
+
+			uni.showToast({
+				title: "图纸开始生成",
+				icon: "success",
+			});
+			setTimeout(() => {
+				uni.navigateTo({
+					url: "/pagesA/generate-record/generate-record",
+				});
+			}, 1000)
+			modalRef.value.close()
+		})
+	}
+	const templateList = ref([])
+	const currentTemplate = ref({})
+	const getList = () => {
+		loading.value = true
+		RPC.post('/template/list', {
+			page: 1,
+			limit: -1
+		}).then(res => {
+			templateList.value = res.rows || []
+			currentTemplate.value = res.rows[0] ? JSON.parse(JSON.stringify(res.rows[0])) : {}
+		}).finally(() => {
+			loading.value = false
+		})
+	}
+	getList()
+
+	// 选择模板
+	const selectTemplate = (item) => {
+		currentTemplate.value = JSON.parse(JSON.stringify(item));
+	};
+
+	const form = ref(null);
+	const formField = ref({
+		phone: "",
+		password: "",
+	});
+	const rules = ref({
+		// 'phone': {
+		// 	required: true,
+		// 	message: '请填写手机号',
+		// 	trigger: ['blur', 'change']
+		// },
+		// 'password': {
+		// 	required: true,
+		// 	message: '请填写验证码',
+		// 	trigger: ['blur', 'change']
+		// }
+	});
 
-// 分享给朋友
-onShareAppMessage((data) => {
-  console.log("🚀 ~ onShareAppMessage ~ data:", data);
-  return {
-    title: "电梯图纸生成平台",
-    path: "/pages/index/index",
-  };
-});
+	// 查看历史记录
+	const viewHistory = () => {
+		uni.navigateTo({
+			url: "/pagesA/generate-record/generate-record",
+		});
+	};
+
+	// 分享给朋友
+	onShareAppMessage((data) => {
+		console.log("🚀 ~ onShareAppMessage ~ data:", data);
+		return {
+			title: "电梯图纸生成平台",
+			path: "/pages/index/index",
+		};
+	});
 
-// 分享到朋友圈
-onShareTimeline((data) => {
-  console.log("🚀 ~ onShareTimeline ~ data:", data);
-  return {
-    title: "电梯图纸生成平台",
-    query: "a=1&b=2",
-  };
-});
+	// 分享到朋友圈
+	onShareTimeline((data) => {
+		console.log("🚀 ~ onShareTimeline ~ data:", data);
+		return {
+			title: "电梯图纸生成平台",
+			query: "a=1&b=2",
+		};
+	});
 
-onLoad(() => {
-  console.log("index-onLoad");
-});
+	onLoad(() => {
+		console.log("index-onLoad");
+	});
 	onShow(async () => {
-	  console.log("test page onShow");
-	  const hasPermission = await usePermission();
-	  console.log(hasPermission ? "已登录" : "跳转登录");
-	  // 以下开始写业务逻辑...
-	  if(!hasPermission) {
-		 authStore.signOut();
-		 uni.$uv.route("/pages/login/login");
-	  }
+		console.log("test page onShow");
+		const hasPermission = await usePermission();
+		console.log(hasPermission ? "已登录" : "跳转登录");
+		// 以下开始写业务逻辑...
+		if (!hasPermission) {
+			authStore.signOut();
+			uni.$uv.route("/pages/login/login");
+		}
 	});
 </script>
 
 <style lang="scss" scoped>
-.container {
-  font-size: 14px;
-  min-height: 100vh;
-  background-color: #f8f8f8;
-  padding-bottom: 52px;
-
-  /* #ifdef H5 */
-  padding-bottom: 102px; /* H5环境下需要更多空间 (50px按钮 + 50px tabBar + 2px间距) */
-  /* #endif */
-}
-
-.header-section {
-  position: relative;
-  height: 200px;
-  overflow: hidden;
-
-  .header-image {
-    width: 100%;
-    height: 100%;
-  }
-
-  .header-overlay {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    background: rgba(0, 0, 0, 0.5);
-    color: white;
-    width: 70%;
-    transform: translate(0, -50%);
-    padding: 20px 10px;
-
-    .header-title {
-      font-size: 16px;
-      font-weight: bold;
-      margin-bottom: 8px;
-      color: #bd9e85;
-    }
-
-    .header-subtitle {
-      font-size: 12px;
-    }
-  }
-}
-
-.section {
-  margin: 16px;
-  background: white;
-  border-radius: 12px;
-  padding: 16px;
-
-  .section-title {
-    font-size: 16px;
-    font-weight: bold;
-    color: #333;
-    margin-bottom: 16px;
-  }
-}
-
-.template-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 12px;
-
-  .template-item {
-    border: 1px solid #e5e5e5;
-    border-radius: 8px;
-    padding: 16px 12px;
-    text-align: center;
-    transition: all 0.3s;
-
-    &.active {
-      border-color: #4285f4;
-      background-color: #f0f7ff;
-    }
-
-    .template-name {
-      font-size: 14px;
-      font-weight: 500;
-      color: #333;
-      margin: 8px 0 4px;
-    }
-
-    .template-desc {
-      font-size: 12px;
-      color: #999;
-    }
-  }
-}
-
-.bottom-actions {
-  z-index: 999;
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  background: #fff;
-  height: 50px;
-  border-top: 1px solid #e5e5e5;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  justify-content: space-between;
-  padding: 0 16px;
-  box-sizing: border-box;
-  width: 100%;
-
-  /* #ifdef H5 */
-  bottom: 50px; /* H5环境下给tabBar留出空间 */
-  /* #endif */
-}
+	.container {
+		font-size: 14px;
+		min-height: 100vh;
+		background-color: #f8f8f8;
+		padding-bottom: 52px;
+
+		/* #ifdef H5 */
+		padding-bottom: 102px;
+		/* H5环境下需要更多空间 (50px按钮 + 50px tabBar + 2px间距) */
+		/* #endif */
+	}
+
+	.header-section {
+		position: relative;
+		height: 200px;
+		overflow: hidden;
+
+		.header-image {
+			width: 100%;
+			height: 100%;
+		}
+
+		.header-overlay {
+			position: absolute;
+			top: 50%;
+			right: 0;
+			background: rgba(0, 0, 0, 0.5);
+			color: white;
+			width: 70%;
+			transform: translate(0, -50%);
+			padding: 20px 10px;
+
+			.header-title {
+				font-size: 16px;
+				font-weight: bold;
+				margin-bottom: 8px;
+				color: #bd9e85;
+			}
+
+			.header-subtitle {
+				font-size: 12px;
+			}
+		}
+	}
+
+	.section {
+		margin: 16px;
+		background: white;
+		border-radius: 12px;
+		padding: 16px;
+
+		.section-title {
+			font-size: 16px;
+			font-weight: bold;
+			color: #333;
+			margin-bottom: 16px;
+		}
+	}
+
+	.template-grid {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 12px;
+		max-height: 200px;
+		overflow-y: auto;
+
+		.template-item {
+			border: 1px solid #e5e5e5;
+			border-radius: 8px;
+			padding: 16px 12px;
+			text-align: center;
+			transition: all 0.3s;
+
+			&.active {
+				border-color: #4285f4;
+				background-color: #f0f7ff;
+			}
+
+			.template-name {
+				font-size: 14px;
+				font-weight: 500;
+				color: #333;
+				margin: 8px 0 4px;
+			}
+
+			.template-desc {
+				font-size: 12px;
+				color: #999;
+			}
+		}
+	}
+
+	.bottom-actions {
+		z-index: 999;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		background: #fff;
+		height: 50px;
+		border-top: 1px solid #e5e5e5;
+		display: flex;
+		align-items: center;
+		gap: 12px;
+		justify-content: space-between;
+		padding: 0 16px;
+		box-sizing: border-box;
+		width: 100%;
+
+		/* #ifdef H5 */
+		bottom: 50px;
+		/* H5环境下给tabBar留出空间 */
+		/* #endif */
+	}
 </style>
 
 <style lang="scss">
-.bottom-actions {
-  .uv-button-wrapper {
-    width: 48%;
-  }
-}
+	.bottom-actions {
+		.uv-button-wrapper {
+			width: 48%;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/login/login.vue b/pages/login/login.vue
index e59d6ee..9ae5fd2 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -4,714 +4,682 @@
 <!-- #endif -->
 
 <template>
-  <view class="container">
-    <view class="header">
-      <div class="line">您好，</div>
-      <div class="line">欢迎使用电梯图纸生成平台</div>
-    </view>
-    <div class="main">
-      <view class="form">
-        <uv-form
-          labelAlign="right"
-          labelWidth="50"
-          labelPosition="top"
-          :model="userInfo"
-          :rules="rules"
-          ref="form"
-        >
-          <uv-form-item prop="phone">
-            <div class="formLabel">
-              <img class="img" src="/static/imgs/phone.png" alt="" />
-              手机号
-            </div>
-            <uv-input
-              v-model="userInfo.phone"
-              color="#000"
-              border="bottom"
-              :placeholderStyle="{ color: '#666778' }"
-              placeholder="请输入用户名"
-            ></uv-input>
-          </uv-form-item>
-          <uv-form-item prop="password">
-            <div class="formLabel">
-              <img class="img" src="/static/imgs/code.png" alt="" />
-              验证码
-            </div>
-            <uv-input
-              v-model="userInfo.password"
-              color="#000"
-              border="bottom"
-              :placeholderStyle="{ color: '#666778' }"
-              placeholder="请输入验证码"
-            >
-              <template v-slot:suffix>
-                <uv-code
-                  ref="codeRef"
-                  @change="codeChange"
-                  seconds="20"
-                  changeText="X秒重新获取"
-                ></uv-code>
-                <text style="color: #4d82fd" @click="getCode">{{ tips }}</text>
-              </template>
-            </uv-input>
-          </uv-form-item>
-        </uv-form>
-      </view>
-      <uv-button
-        @click="login"
-        customStyle="margin-top:30px"
-        text="登录"
-        color="#3F70FF"
-      ></uv-button>
-      <div class="wechatBox" v-if="showWechatLogin">
-        <uv-divider text="第三方登录"></uv-divider>
-        <uv-icon
-          name="weixin-circle-fill"
-          color="#5fc157"
-          size="50"
-          @click="wechatLogin"
-        ></uv-icon>
-      </div>
-    </div>
-
-    <!-- 微信登录绑定手机号弹窗 -->
-    <uv-popup
-      ref="popup"
-      mode="center"
-      :closeOnClickOverlay="false"
-      :round="10"
-    >
-      <view class="bind-phone-modal">
-        <view class="modal-header">
-          <view class="modal-title">绑定手机号</view>
-          <view class="modal-subtitle">为了您的账户安全，请绑定手机号</view>
-        </view>
-
-        <view class="modal-form">
-          <uv-form
-            :model="bindPhoneInfo"
-            :rules="bindPhoneRules"
-            ref="bindPhoneForm"
-          >
-            <uv-form-item prop="phone">
-              <uv-input
-                v-model="bindPhoneInfo.phone"
-                placeholder="请输入手机号"
-                type="number"
-                maxlength="11"
-                border="surround"
-              ></uv-input>
-            </uv-form-item>
-            <uv-form-item prop="code">
-              <uv-input
-                v-model="bindPhoneInfo.code"
-                placeholder="请输入验证码"
-                border="surround"
-              >
-                <template v-slot:suffix>
-                  <uv-code
-                    ref="bindCodeRef"
-                    @change="bindCodeChange"
-                    seconds="60"
-                    changeText="X秒重新获取"
-                  ></uv-code>
-                  <text
-                    style="color: #4d82fd; font-size: 12px"
-                    @click="getBindCode"
-                  >
-                    {{ bindCodeTips }}
-                  </text>
-                </template>
-              </uv-input>
-            </uv-form-item>
-          </uv-form>
-        </view>
-
-        <view class="modal-actions">
-          <!-- <uv-button
+	<view class="container">
+		<view class="header">
+			<div class="line">您好，</div>
+			<div class="line">欢迎使用电梯图纸生成平台</div>
+		</view>
+		<div class="main">
+			<view class="form">
+				<uv-form labelAlign="right" labelWidth="50" labelPosition="top" :model="userInfo" :rules="rules"
+					ref="form">
+					<uv-form-item prop="phone">
+						<div class="formLabel">
+							<img class="img" src="/static/imgs/phone.png" alt="" />
+							手机号
+						</div>
+						<uv-input v-model="userInfo.phone" color="#000" border="bottom"
+							:placeholderStyle="{ color: '#666778' }" placeholder="请输入用户名"></uv-input>
+					</uv-form-item>
+					<uv-form-item prop="password">
+						<div class="formLabel">
+							<img class="img" src="/static/imgs/code.png" alt="" />
+							验证码
+						</div>
+						<uv-input v-model="userInfo.password" color="#000" border="bottom"
+							:placeholderStyle="{ color: '#666778' }" placeholder="请输入验证码">
+							<template v-slot:suffix>
+								<uv-code ref="codeRef" @change="codeChange" seconds="20" changeText="X秒重新获取"></uv-code>
+								<text style="color: #4d82fd" @click="getCode">{{ tips }}</text>
+							</template>
+						</uv-input>
+					</uv-form-item>
+				</uv-form>
+			</view>
+			<uv-button @click="login" customStyle="margin-top:30px" text="登录" color="#3F70FF"></uv-button>
+			<div class="wechatBox" v-if="showWechatLogin">
+				<uv-divider text="第三方登录"></uv-divider>
+				<uv-icon name="weixin-circle-fill" color="#5fc157" size="50" @click="wechatLogin"></uv-icon>
+			</div>
+		</div>
+
+		<!-- 微信登录绑定手机号弹窗 -->
+		<uv-popup ref="popup" mode="center" :closeOnClickOverlay="false" :round="10">
+			<view class="bind-phone-modal">
+				<view class="modal-header">
+					<view class="modal-title">绑定手机号</view>
+					<view class="modal-subtitle">为了您的账户安全，请绑定手机号</view>
+				</view>
+
+				<view class="modal-form">
+					<uv-form :model="bindPhoneInfo" :rules="bindPhoneRules" ref="bindPhoneForm">
+						<uv-form-item prop="phone">
+							<uv-input v-model="bindPhoneInfo.phone" placeholder="请输入手机号" type="number" maxlength="11"
+								border="surround"></uv-input>
+						</uv-form-item>
+						<uv-form-item prop="code">
+							<uv-input v-model="bindPhoneInfo.code" placeholder="请输入验证码" border="surround">
+								<template v-slot:suffix>
+									<uv-code ref="bindCodeRef" @change="bindCodeChange" seconds="60"
+										changeText="X秒重新获取"></uv-code>
+									<text style="color: #4d82fd; font-size: 12px" @click="getBindCode">
+										{{ bindCodeTips }}
+									</text>
+								</template>
+							</uv-input>
+						</uv-form-item>
+					</uv-form>
+				</view>
+
+				<view class="modal-actions">
+					<!-- <uv-button
             type="default"
             @click="closeBindPhoneModal"
             customStyle="margin-right: 12px;"
           >
             取消
           </uv-button> -->
-          <uv-button
-            type="primary"
-            @click="confirmBindPhone"
-            :loading="bindingPhone"
-          >
-            确认绑定
-          </uv-button>
-        </view>
-      </view>
-    </uv-popup>
-  </view>
+					<uv-button type="primary" @click="confirmBindPhone" :loading="bindingPhone">
+						确认绑定
+					</uv-button>
+				</view>
+			</view>
+		</uv-popup>
+	</view>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
-import {
-  HOME_PATH,
-  LOGIN_PATH,
-  isTabBarPath,
-  removeQueryString,
-} from "@/router";
-import { useAuthStore, useUserStore } from "@/store";
-import { onLoad } from "@dcloudio/uni-app";
-
-import RPC from "@/utils/request";
-
-const authStore = useAuthStore();
-const userStore = useUserStore();
-
-// 环境判断
-const showWechatLogin = ref(false);
-
-// 微信登录绑定手机号相关
-// const showBindPhoneModal = ref(false);
-const popup = ref(null);
-const bindingPhone = ref(false);
-const bindCodeTips = ref("获取验证码");
-const bindCodeRef = ref(null);
-const bindPhoneForm = ref(null);
-const bindPhoneInfo = ref({
-  phone: "",
-  code: "",
-});
-const bindPhoneRules = ref({
-  phone: [
-    {
-      required: true,
-      message: "请输入手机号",
-      trigger: ["blur", "change"],
-    },
-    {
-      pattern: /^1[3-9]\d{9}$/,
-      message: "请输入正确的手机号",
-      trigger: ["blur", "change"],
-    },
-  ],
-  code: {
-    required: true,
-    message: "请输入验证码",
-    trigger: ["blur", "change"],
-  },
-});
-
-const tips = ref("获取验证码");
-const codeChange = (text) => {
-  tips.value = text;
-};
-const codeRef = ref(null);
-const getCode = () => {
-  if (!userInfo.phone) {
-    uni.showToast({
-      title: "请填写手机号",
-      icon: "none",
-    });
-    return;
-  }
-  if (codeRef.value.canGetCode) {
-    // 模拟向后端请求验证码
-    uni.showLoading({
-      title: "正在获取验证码",
-    });
-    setTimeout(() => {
-      uni.hideLoading();
-      // 这里此提示会被this.start()方法中的提示覆盖
-      uni.showToast({
-        title: "验证码已发送",
-        icon: "none",
-      });
-      // 通知验证码组件内部开始倒计时
-      codeRef.value.start();
-    }, 2000);
-  } else {
-    uni.showToast({
-      title: "倒计时结束后再发送",
-      icon: "none",
-    });
-  }
-};
-
-const form = ref(null);
-const userInfo = ref({
-  phone: "",
-  password: "",
-});
-const rules = ref({
-  phone: [
-    {
-      required: true,
-      message: "请输入手机号",
-      trigger: ["blur", "change"],
-    },
-    {
-      pattern: /^1[3-9]\d{9}$/,
-      message: "请输入正确的手机号",
-      trigger: ["blur", "change"],
-    },
-  ],
-  password: {
-    required: true,
-    message: "请填写验证码",
-    trigger: ["blur", "change"],
-  },
-});
-let redirect = HOME_PATH;
-onLoad((options) => {
-  if (options.redirect && removeQueryString(options.redirect) !== LOGIN_PATH) {
-    redirect = decodeURIComponent(options.redirect);
-  }
-});
-
-// 检查运行环境
-const checkEnvironment = () => {
-  // #ifdef MP-WEIXIN
-  // 微信小程序环境
-  showWechatLogin.value = true;
-  // #endif
-
-  // #ifdef H5
-  // H5环境，检查是否在微信内
-  const ua = navigator.userAgent.toLowerCase();
-  const isWechat = ua.indexOf("micromessenger") !== -1;
-  showWechatLogin.value = isWechat;
-  // #endif
-
-  // #ifdef APP-PLUS
-  // App环境，不显示微信登录
-  showWechatLogin.value = false;
-  // #endif
-};
-
-// 微信登录
-const wechatLogin = () => {
-  // #ifdef MP-WEIXIN
-  // 微信小程序登录
-  //   uni.login({
-  //     provider: "weixin",
-  //     success: (loginRes) => {
-  //       console.log("微信登录成功:", loginRes);
-  //       // 获取用户信息
-  //       uni.getUserProfile({
-  //         desc: "用于完善用户资料",
-  //         success: (userRes) => {
-  //           console.log("获取用户信息成功:", userRes);
-  //           // 显示绑定手机号弹窗
-  //           showBindPhoneModal.value = true;
-  //         },
-  //         fail: (err) => {
-  //           console.error("获取用户信息失败:", err);
-  //           uni.showToast({
-  //             title: "获取用户信息失败",
-  //             icon: "none",
-  //           });
-  //         },
-  //       });
-  //     },
-  //     fail: (err) => {
-  //       console.error("微信登录失败:", err);
-  //       uni.showToast({
-  //         title: "微信登录失败",
-  //         icon: "none",
-  //       });
-  //     },
-  //   });
-  popup.value.open();
-  // #endif
-
-  // #ifdef H5
-  // H5微信登录
-  if (typeof WeixinJSBridge !== "undefined") {
-    // 在微信内，使用微信JS-SDK进行授权登录
-    wechatH5Login();
-  } else {
-    uni.showToast({
-      title: "请在微信中打开",
-      icon: "none",
-    });
-  }
-  // #endif
-};
-
-// 获取绑定手机号验证码
-const getBindCode = () => {
-  if (!bindPhoneInfo.value.phone) {
-    uni.showToast({
-      title: "请输入手机号",
-      icon: "none",
-    });
-    return;
-  }
-
-  if (!/^1[3-9]\d{9}$/.test(bindPhoneInfo.value.phone)) {
-    uni.showToast({
-      title: "请输入正确的手机号",
-      icon: "none",
-    });
-    return;
-  }
-
-  if (bindCodeRef.value.canGetCode) {
-    uni.showLoading({
-      title: "正在获取验证码",
-    });
-
-    // 调用发送验证码API
-    // RPC.post('/api/sms/send', {
-    //   phone: bindPhoneInfo.value.phone,
-    //   type: 'bind'
-    // }).then(() => {
-    //   uni.hideLoading()
-    //   uni.showToast({
-    //     title: '验证码已发送',
-    //     icon: 'success'
-    //   })
-    //   bindCodeRef.value.start()
-    // }).catch(() => {
-    //   uni.hideLoading()
-    //   uni.showToast({
-    //     title: '发送失败，请重试',
-    //     icon: 'none'
-    //   })
-    // })
-
-    // 模拟发送验证码
-    setTimeout(() => {
-      uni.hideLoading();
-      uni.showToast({
-        title: "验证码已发送",
-        icon: "success",
-      });
-      bindCodeRef.value.start();
-    }, 1500);
-  } else {
-    uni.showToast({
-      title: "倒计时结束后再发送",
-      icon: "none",
-    });
-  }
-};
-
-// 绑定验证码倒计时回调
-const bindCodeChange = (text) => {
-  bindCodeTips.value = text;
-};
-
-// H5微信登录方法
-const wechatH5Login = () => {
-  // #ifdef H5
-  // 构建微信授权URL
-  const appId = "YOUR_WECHAT_APP_ID"; // 替换为你的微信公众号AppID
-  const redirectUri = encodeURIComponent(
-    window.location.origin + "/pages/login/login"
-  ); // 授权回调地址
-  const scope = "snsapi_userinfo"; // 授权作用域
-  const state = "STATE" + Date.now(); // 防止CSRF攻击的随机字符串
-
-  // 检查是否已经有授权码
-  const urlParams = new URLSearchParams(window.location.search);
-  const code = urlParams.get("code");
-
-  if (code) {
-    // 已经获得授权码，处理登录
-    handleWechatH5Callback(code);
-  } else {
-    // 跳转到微信授权页面
-    const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`;
-
-    uni.showLoading({
-      title: "正在跳转微信授权...",
-    });
-
-    // 跳转到微信授权页面
-    window.location.href = authUrl;
-  }
-  // #endif
-};
-
-// 处理微信H5授权回调
-const handleWechatH5Callback = async (code) => {
-  // #ifdef H5
-  try {
-    uni.showLoading({
-      title: "正在获取用户信息...",
-    });
-
-    // 调用后端接口，通过code获取用户信息
-    // const result = await RPC.post('/api/wechat/h5-login', {
-    //   code: code
-    // });
-
-    // 模拟获取用户信息
-    setTimeout(() => {
-      uni.hideLoading();
-
-      // 模拟获取到的用户信息
-      const userInfo = {
-        openid: "mock_openid_" + Date.now(),
-        nickname: "微信用户",
-        headimgurl: "/static/imgs/avatar.png",
-      };
-
-      console.log("微信H5登录成功，用户信息:", userInfo);
-
-      // 显示绑定手机号弹窗
-      popup.value.open();
-
-      // 清除URL中的code参数
-      const url = new URL(window.location);
-      url.searchParams.delete("code");
-      url.searchParams.delete("state");
-      window.history.replaceState(
-        {},
-        document.title,
-        url.pathname + url.search
-      );
-    }, 1500);
-  } catch (error) {
-    uni.hideLoading();
-    console.error("微信H5登录失败:", error);
-    uni.showToast({
-      title: "微信登录失败，请重试",
-      icon: "none",
-    });
-  }
-  // #endif
-};
-
-// 初始化微信JS-SDK（可选，用于更高级的功能）
-const initWechatJSSDK = () => {
-  // #ifdef H5
-  // 如果需要使用微信JS-SDK的其他功能，可以在这里初始化
-  // 需要先引入微信JS-SDK：https://res.wx.qq.com/open/js/jweixin-1.6.0.js
-  // 示例配置（需要后端提供签名等信息）
-  // if (typeof wx !== 'undefined') {
-  //   wx.config({
-  //     debug: false,
-  //     appId: 'YOUR_WECHAT_APP_ID',
-  //     timestamp: timestamp,
-  //     nonceStr: nonceStr,
-  //     signature: signature,
-  //     jsApiList: ['chooseImage', 'uploadImage', 'getLocation'] // 需要使用的JS接口列表
-  //   });
-  //
-  //   wx.ready(() => {
-  //     console.log('微信JS-SDK初始化成功');
-  //   });
-  //
-  //   wx.error((res) => {
-  //     console.error('微信JS-SDK初始化失败:', res);
-  //   });
-  // }
-  // #endif
-};
-
-// 确认绑定手机号
-const confirmBindPhone = async () => {
-  try {
-    await bindPhoneForm.value.validate();
-
-    bindingPhone.value = true;
-
-    // 调用绑定手机号API
-    // const result = await RPC.post('/api/wechat/bind-phone', {
-    //   phone: bindPhoneInfo.value.phone,
-    //   code: bindPhoneInfo.value.code,
-    //   wechatCode: wechatLoginCode // 微信登录返回的code
-    // })
-
-    // 模拟绑定过程
-    setTimeout(() => {
-      bindingPhone.value = false;
-
-      uni.showToast({
-        title: "绑定成功",
-        icon: "success",
-      });
-
-      // 设置登录状态
-      authStore.setAccessToken("wechat_access_token");
-      // userStore.setUserInfo(result.userInfo)
-
-      closeBindPhoneModal();
-
-      // 跳转到首页
-      setTimeout(() => {
-        uni.$uv.route({
-          type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
-          url: redirect,
-        });
-      }, 1000);
-    }, 2000);
-  } catch (error) {
-    console.error("绑定手机号失败:", error);
-    bindingPhone.value = false;
-  }
-};
-
-// 关闭绑定手机号弹窗
-const closeBindPhoneModal = () => {
-  popup.value.close();
-  bindPhoneInfo.value = {
-    phone: "",
-    code: "",
-  };
-  bindCodeTips.value = "获取验证码";
-};
-
-const login = async () => {
-  await form.value.validate();
-  console.log(userInfo.value);
-  // RPC.post('/account/login', {
-  // 	username: userInfo.value.name,
-  // 	password: userInfo.value.password,
-  // }, {
-  // 	custom: {
-  // 		loading: true,
-  // 		loadingText: '正在登录...'
-  // 	},
-  // }).then(res => {
-  // 	authStore.setAccessToken(res.token)
-  // 	userStore.setUserInfo(res)
-  // 	uni.$uv.route({
-  // 		type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
-  // 		url: redirect,
-  // 	});
-  // })
-  authStore.setAccessToken("accessToken");
-  setTimeout(() => {
-    uni.$uv.route({
-      type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
-      url: redirect,
-    });
-  }, 800);
-};
-
-onMounted(() => {
-  checkEnvironment();
-
-  // #ifdef H5
-  // 检查是否是微信授权回调
-  const urlParams = new URLSearchParams(window.location.search);
-  const code = urlParams.get("code");
-  if (code && showWechatLogin.value) {
-    handleWechatH5Callback(code);
-  }
-
-  // 可选：初始化微信JS-SDK
-  // initWechatJSSDK();
-  // #endif
-});
+	import {
+		ref,
+		onMounted
+	} from "vue";
+	import {
+		HOME_PATH,
+		LOGIN_PATH,
+		isTabBarPath,
+		removeQueryString,
+	} from "@/router";
+	import {
+		useAuthStore,
+		useUserStore
+	} from "@/store";
+	import {
+		onLoad
+	} from "@dcloudio/uni-app";
+
+	import RPC from "@/utils/request";
+
+	const authStore = useAuthStore();
+	const userStore = useUserStore();
+
+	// 环境判断
+	const showWechatLogin = ref(false);
+
+	// 微信登录绑定手机号相关
+	// const showBindPhoneModal = ref(false);
+	const popup = ref(null);
+	const bindingPhone = ref(false);
+	const bindCodeTips = ref("获取验证码");
+	const bindCodeRef = ref(null);
+	const bindPhoneForm = ref(null);
+	const bindPhoneInfo = ref({
+		phone: "",
+		code: "",
+	});
+	const bindPhoneRules = ref({
+		phone: [{
+				required: true,
+				message: "请输入手机号",
+				trigger: ["blur", "change"],
+			},
+			{
+			  pattern: /^1[3-9]\d{9}$/,
+			  message: "请输入正确的手机号",
+			  trigger: ["blur", "change"],
+			},
+		],
+		code: {
+			required: true,
+			message: "请输入验证码",
+			trigger: ["blur", "change"],
+		},
+	});
+
+	const tips = ref("获取验证码");
+	const codeChange = (text) => {
+		tips.value = text;
+	};
+	const codeRef = ref(null);
+	const getCode = () => {
+		if (!userInfo.phone) {
+			uni.showToast({
+				title: "请填写手机号",
+				icon: "none",
+			});
+			return;
+		}
+		if (codeRef.value.canGetCode) {
+			// 模拟向后端请求验证码
+			uni.showLoading({
+				title: "正在获取验证码",
+			});
+			setTimeout(() => {
+				uni.hideLoading();
+				// 这里此提示会被this.start()方法中的提示覆盖
+				uni.showToast({
+					title: "验证码已发送",
+					icon: "none",
+				});
+				// 通知验证码组件内部开始倒计时
+				codeRef.value.start();
+			}, 2000);
+		} else {
+			uni.showToast({
+				title: "倒计时结束后再发送",
+				icon: "none",
+			});
+		}
+	};
+
+	const form = ref(null);
+	const userInfo = ref({
+		phone: "",
+		password: "",
+	});
+	const rules = ref({
+		phone: [{
+				required: true,
+				message: "请输入手机号",
+				trigger: ["blur", "change"],
+			},
+			// {
+			// 	pattern: /^1[3-9]\d{9}$/,
+			// 	message: "请输入正确的手机号",
+			// 	trigger: ["blur", "change"],
+			// },
+		],
+		password: {
+			required: true,
+			message: "请填写验证码",
+			trigger: ["blur", "change"],
+		},
+	});
+	let redirect = HOME_PATH;
+	onLoad((options) => {
+		if (options.redirect && removeQueryString(options.redirect) !== LOGIN_PATH) {
+			redirect = decodeURIComponent(options.redirect);
+		}
+	});
+
+	// 检查运行环境
+	const checkEnvironment = () => {
+		// #ifdef MP-WEIXIN
+		// 微信小程序环境
+		showWechatLogin.value = true;
+		// #endif
+
+		// #ifdef H5
+		// H5环境，检查是否在微信内
+		const ua = navigator.userAgent.toLowerCase();
+		const isWechat = ua.indexOf("micromessenger") !== -1;
+		showWechatLogin.value = isWechat;
+		// #endif
+
+		// #ifdef APP-PLUS
+		// App环境，不显示微信登录
+		showWechatLogin.value = false;
+		// #endif
+	};
+
+	// 微信登录
+	const wechatLogin = () => {
+		// #ifdef MP-WEIXIN
+		// 微信小程序登录
+		//   uni.login({
+		//     provider: "weixin",
+		//     success: (loginRes) => {
+		//       console.log("微信登录成功:", loginRes);
+		//       // 获取用户信息
+		//       uni.getUserProfile({
+		//         desc: "用于完善用户资料",
+		//         success: (userRes) => {
+		//           console.log("获取用户信息成功:", userRes);
+		//           // 显示绑定手机号弹窗
+		//           showBindPhoneModal.value = true;
+		//         },
+		//         fail: (err) => {
+		//           console.error("获取用户信息失败:", err);
+		//           uni.showToast({
+		//             title: "获取用户信息失败",
+		//             icon: "none",
+		//           });
+		//         },
+		//       });
+		//     },
+		//     fail: (err) => {
+		//       console.error("微信登录失败:", err);
+		//       uni.showToast({
+		//         title: "微信登录失败",
+		//         icon: "none",
+		//       });
+		//     },
+		//   });
+		popup.value.open();
+		// #endif
+
+		// #ifdef H5
+		// H5微信登录
+		if (typeof WeixinJSBridge !== "undefined") {
+			// 在微信内，使用微信JS-SDK进行授权登录
+			wechatH5Login();
+		} else {
+			uni.showToast({
+				title: "请在微信中打开",
+				icon: "none",
+			});
+		}
+		// #endif
+	};
+
+	// 获取绑定手机号验证码
+	const getBindCode = () => {
+		if (!bindPhoneInfo.value.phone) {
+			uni.showToast({
+				title: "请输入手机号",
+				icon: "none",
+			});
+			return;
+		}
+
+		if (!/^1[3-9]\d{9}$/.test(bindPhoneInfo.value.phone)) {
+			uni.showToast({
+				title: "请输入正确的手机号",
+				icon: "none",
+			});
+			return;
+		}
+
+		if (bindCodeRef.value.canGetCode) {
+			uni.showLoading({
+				title: "正在获取验证码",
+			});
+
+			// 调用发送验证码API
+			// RPC.post('/api/sms/send', {
+			//   phone: bindPhoneInfo.value.phone,
+			//   type: 'bind'
+			// }).then(() => {
+			//   uni.hideLoading()
+			//   uni.showToast({
+			//     title: '验证码已发送',
+			//     icon: 'success'
+			//   })
+			//   bindCodeRef.value.start()
+			// }).catch(() => {
+			//   uni.hideLoading()
+			//   uni.showToast({
+			//     title: '发送失败，请重试',
+			//     icon: 'none'
+			//   })
+			// })
+
+			// 模拟发送验证码
+			setTimeout(() => {
+				uni.hideLoading();
+				uni.showToast({
+					title: "验证码已发送",
+					icon: "success",
+				});
+				bindCodeRef.value.start();
+			}, 1500);
+		} else {
+			uni.showToast({
+				title: "倒计时结束后再发送",
+				icon: "none",
+			});
+		}
+	};
+
+	// 绑定验证码倒计时回调
+	const bindCodeChange = (text) => {
+		bindCodeTips.value = text;
+	};
+
+	// H5微信登录方法
+	const wechatH5Login = () => {
+		// #ifdef H5
+		// 构建微信授权URL
+		const appId = "YOUR_WECHAT_APP_ID"; // 替换为你的微信公众号AppID
+		const redirectUri = encodeURIComponent(
+			window.location.origin + "/pages/login/login"
+		); // 授权回调地址
+		const scope = "snsapi_userinfo"; // 授权作用域
+		const state = "STATE" + Date.now(); // 防止CSRF攻击的随机字符串
+
+		// 检查是否已经有授权码
+		const urlParams = new URLSearchParams(window.location.search);
+		const code = urlParams.get("code");
+
+		if (code) {
+			// 已经获得授权码，处理登录
+			handleWechatH5Callback(code);
+		} else {
+			// 跳转到微信授权页面
+			const authUrl =
+				`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect`;
+
+			uni.showLoading({
+				title: "正在跳转微信授权...",
+			});
+
+			// 跳转到微信授权页面
+			window.location.href = authUrl;
+		}
+		// #endif
+	};
+
+	// 处理微信H5授权回调
+	const handleWechatH5Callback = async (code) => {
+		// #ifdef H5
+		try {
+			uni.showLoading({
+				title: "正在获取用户信息...",
+			});
+
+			// 调用后端接口，通过code获取用户信息
+			// const result = await RPC.post('/api/wechat/h5-login', {
+			//   code: code
+			// });
+
+			// 模拟获取用户信息
+			setTimeout(() => {
+				uni.hideLoading();
+
+				// 模拟获取到的用户信息
+				const userInfo = {
+					openid: "mock_openid_" + Date.now(),
+					nickname: "微信用户",
+					headimgurl: "/static/imgs/avatar.png",
+				};
+
+				console.log("微信H5登录成功，用户信息:", userInfo);
+
+				// 显示绑定手机号弹窗
+				popup.value.open();
+
+				// 清除URL中的code参数
+				const url = new URL(window.location);
+				url.searchParams.delete("code");
+				url.searchParams.delete("state");
+				window.history.replaceState({},
+					document.title,
+					url.pathname + url.search
+				);
+			}, 1500);
+		} catch (error) {
+			uni.hideLoading();
+			console.error("微信H5登录失败:", error);
+			uni.showToast({
+				title: "微信登录失败，请重试",
+				icon: "none",
+			});
+		}
+		// #endif
+	};
+
+	// 初始化微信JS-SDK（可选，用于更高级的功能）
+	const initWechatJSSDK = () => {
+		// #ifdef H5
+		// 如果需要使用微信JS-SDK的其他功能，可以在这里初始化
+		// 需要先引入微信JS-SDK：https://res.wx.qq.com/open/js/jweixin-1.6.0.js
+		// 示例配置（需要后端提供签名等信息）
+		// if (typeof wx !== 'undefined') {
+		//   wx.config({
+		//     debug: false,
+		//     appId: 'YOUR_WECHAT_APP_ID',
+		//     timestamp: timestamp,
+		//     nonceStr: nonceStr,
+		//     signature: signature,
+		//     jsApiList: ['chooseImage', 'uploadImage', 'getLocation'] // 需要使用的JS接口列表
+		//   });
+		//
+		//   wx.ready(() => {
+		//     console.log('微信JS-SDK初始化成功');
+		//   });
+		//
+		//   wx.error((res) => {
+		//     console.error('微信JS-SDK初始化失败:', res);
+		//   });
+		// }
+		// #endif
+	};
+
+	// 确认绑定手机号
+	const confirmBindPhone = async () => {
+		try {
+			await bindPhoneForm.value.validate();
+
+			bindingPhone.value = true;
+
+			// 调用绑定手机号API
+			// const result = await RPC.post('/api/wechat/bind-phone', {
+			//   phone: bindPhoneInfo.value.phone,
+			//   code: bindPhoneInfo.value.code,
+			//   wechatCode: wechatLoginCode // 微信登录返回的code
+			// })
+
+			// 模拟绑定过程
+			setTimeout(() => {
+				bindingPhone.value = false;
+
+				uni.showToast({
+					title: "绑定成功",
+					icon: "success",
+				});
+
+				// 设置登录状态
+				authStore.setAccessToken("wechat_access_token");
+				// userStore.setUserInfo(result.userInfo)
+
+				closeBindPhoneModal();
+
+				// 跳转到首页
+				setTimeout(() => {
+					uni.$uv.route({
+						type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
+						url: redirect,
+					});
+				}, 1000);
+			}, 2000);
+		} catch (error) {
+			console.error("绑定手机号失败:", error);
+			bindingPhone.value = false;
+		}
+	};
+
+	// 关闭绑定手机号弹窗
+	const closeBindPhoneModal = () => {
+		popup.value.close();
+		bindPhoneInfo.value = {
+			phone: "",
+			code: "",
+		};
+		bindCodeTips.value = "获取验证码";
+	};
+
+	const login = async () => {
+		await form.value.validate();
+		console.log(userInfo.value);
+		// RPC.post('/account/login', {
+		// 	username: userInfo.value.name,
+		// 	password: userInfo.value.password,
+		// }, {
+		// 	custom: {
+		// 		loading: true,
+		// 		loadingText: '正在登录...'
+		// 	},
+		// }).then(res => {
+		// 	authStore.setAccessToken(res.token)
+		// 	userStore.setUserInfo(res)
+		// 	uni.$uv.route({
+		// 		type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
+		// 		url: redirect,
+		// 	});
+		// })
+		RPC.post('/login', {
+				username: userInfo.value.phone,
+				password: userInfo.value.password,
+			}, {
+				custom: {
+					loading: true,
+					loadingText: '正在登录...'
+				},
+			})
+			.then((res) => {
+				authStore.setAccessToken(res.token);
+				RPC.post('/user/info', {
+						token: res.token,
+					})
+					.then((res) => {
+						userStore.setUserInfo(res)
+						uni.$uv.route({
+							type: isTabBarPath(redirect) ? "switchTab" : "redirectTo",
+							url: redirect,
+						});
+					})
+					.finally(() => {
+						loading.value = false
+					})
+			})
+			.catch(() => {
+				loading.value = false
+			})
+	};
+
+	onMounted(() => {
+		checkEnvironment();
+
+		// #ifdef H5
+		// 检查是否是微信授权回调
+		const urlParams = new URLSearchParams(window.location.search);
+		const code = urlParams.get("code");
+		if (code && showWechatLogin.value) {
+			handleWechatH5Callback(code);
+		}
+
+		// 可选：初始化微信JS-SDK
+		// initWechatJSSDK();
+		// #endif
+	});
 </script>
 
 <style lang="scss" scoped>
-.container {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  background: linear-gradient(
-    124.92deg,
-    rgba(77, 130, 253, 1) 7.66%,
-    rgba(85, 184, 254, 1) 89.55%
-  );
-
-  .header {
-    height: 15vh;
-    color: #fff;
-    display: flex;
-    flex-direction: column;
-    padding-left: 7vw;
-    font-size: 16px;
-    justify-content: center;
-
-    .line {
-      margin: 6px 0;
-    }
-  }
-
-  .main {
-    flex: 1;
-    background-color: #fff;
-    border-radius: 20px 20px 0 0;
-    padding: 7vw;
-    .formLabel {
-      display: flex;
-      align-items: center;
-      margin-bottom: 4px;
-      .img {
-        width: 20px;
-        height: 20px;
-        margin-right: 6px;
-      }
-    }
-    .wechatBox {
-      position: fixed;
-      width: 100%;
-      left: 0;
-      bottom: 15vh;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      .uv-icon {
-        cursor: pointer;
-        transition: transform 0.2s;
-
-        &:active {
-          transform: scale(0.95);
-        }
-      }
-    }
-  }
-}
-
-.bind-phone-modal {
-  width: 320px;
-  padding: 24px;
-
-  .modal-header {
-    text-align: center;
-    margin-bottom: 24px;
-
-    .modal-title {
-      font-size: 18px;
-      font-weight: bold;
-      color: #333;
-      margin-bottom: 8px;
-    }
-
-    .modal-subtitle {
-      font-size: 14px;
-      color: #666;
-    }
-  }
-
-  .modal-form {
-    margin-bottom: 24px;
-
-    .uv-form-item {
-      margin-bottom: 16px;
-    }
-  }
-
-  .modal-actions {
-    display: flex;
-    gap: 12px;
-
-    .uv-button {
-      flex: 1;
-    }
-  }
-}
+	.container {
+		height: 100vh;
+		display: flex;
+		flex-direction: column;
+		background: linear-gradient(124.92deg,
+				rgba(77, 130, 253, 1) 7.66%,
+				rgba(85, 184, 254, 1) 89.55%);
+
+		.header {
+			height: 15vh;
+			color: #fff;
+			display: flex;
+			flex-direction: column;
+			padding-left: 7vw;
+			font-size: 16px;
+			justify-content: center;
+
+			.line {
+				margin: 6px 0;
+			}
+		}
+
+		.main {
+			flex: 1;
+			background-color: #fff;
+			border-radius: 20px 20px 0 0;
+			padding: 7vw;
+
+			.formLabel {
+				display: flex;
+				align-items: center;
+				margin-bottom: 4px;
+
+				.img {
+					width: 20px;
+					height: 20px;
+					margin-right: 6px;
+				}
+			}
+
+			.wechatBox {
+				position: fixed;
+				width: 100%;
+				left: 0;
+				bottom: 15vh;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+
+				.uv-icon {
+					cursor: pointer;
+					transition: transform 0.2s;
+
+					&:active {
+						transform: scale(0.95);
+					}
+				}
+			}
+		}
+	}
+
+	.bind-phone-modal {
+		width: 320px;
+		padding: 24px;
+
+		.modal-header {
+			text-align: center;
+			margin-bottom: 24px;
+
+			.modal-title {
+				font-size: 18px;
+				font-weight: bold;
+				color: #333;
+				margin-bottom: 8px;
+			}
+
+			.modal-subtitle {
+				font-size: 14px;
+				color: #666;
+			}
+		}
+
+		.modal-form {
+			margin-bottom: 24px;
+
+			.uv-form-item {
+				margin-bottom: 16px;
+			}
+		}
+
+		.modal-actions {
+			display: flex;
+			gap: 12px;
+
+			.uv-button {
+				flex: 1;
+			}
+		}
+	}
 </style>
 
 <style lang="scss">
-.wechatBox {
-  .uv-divider {
-    margin-bottom: 30px;
-    width: 90%;
-  }
-}
+	.wechatBox {
+		.uv-divider {
+			margin-bottom: 30px;
+			width: 90%;
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue
index 35c8408..632e2f4 100644
--- a/pages/mine/mine.vue
+++ b/pages/mine/mine.vue
@@ -16,14 +16,14 @@
         ></image> -->
         <view class="user-details">
           <view class="username">
-            张三
+            {{userStore.userInfo.username}}
             <u-icon
               name="checkmark-circle-fill"
               color="#ffa500"
               size="16"
             ></u-icon>
           </view>
-          <view class="user-id">用户ID: U12345678</view>
+          <view class="user-id">用户ID: {{userStore.userInfo.id}}</view>
           <view class="membership">
             会员等级: 年会员 (有效期至: 2026-05-15)
           </view>
diff --git a/pagesA/edit-profile/edit-profile.vue b/pagesA/edit-profile/edit-profile.vue
index e961943..9ee3044 100644
--- a/pagesA/edit-profile/edit-profile.vue
+++ b/pagesA/edit-profile/edit-profile.vue
@@ -79,7 +79,7 @@
         @click="logout"
         :loading="logoutLoading"
       >
-        退出登陆
+        退出登录
       </uv-button>
     </view>
 
diff --git a/pagesA/generate-record/generate-record.vue b/pagesA/generate-record/generate-record.vue
index 1fc5ba5..938aa04 100644
--- a/pagesA/generate-record/generate-record.vue
+++ b/pagesA/generate-record/generate-record.vue
@@ -1,351 +1,278 @@
 <template>
-  <view class="container">
-    <!-- 生成记录列表 -->
-    <view class="record-list">
-      <view class="record-item" v-for="record in records" :key="record.id">
-        <!-- 记录信息 -->
-        <view class="record-info">
-          <view class="record-title">{{ record.title }}</view>
-          <view class="record-time">生成时间: {{ record.generateTime }}</view>
-        </view>
-
-        <!-- 状态标签 -->
-        <view class="status-tag" :class="record.status">
-          {{ record.statusText }}
-        </view>
-
-        <!-- 操作按钮 -->
-        <view class="record-actions">
-          <u-button
-            v-if="record.status === 'completed'"
-            type="primary"
-            size="small"
-            @click="downloadRecord(record)"
-          >
-            <u-icon
-              name="download"
-              size="14"
-              color="white"
-              style="margin-right: 4px"
-            ></u-icon>
-            下载
-          </u-button>
-          <u-button v-else type="info" size="small" disabled>
-            <u-icon
-              name="download"
-              size="14"
-              color="white"
-              style="margin-right: 4px"
-            ></u-icon>
-            下载
-          </u-button>
-
-          <u-button
-            v-if="record.status === 'failed'"
-            type="error"
-            size="small"
-            @click="deleteRecord(record)"
-            style="margin-left: 8px"
-          >
-            <u-icon
-              name="trash"
-              size="14"
-              color="white"
-              style="margin-right: 4px"
-            ></u-icon>
-            删除
-          </u-button>
-        </view>
-      </view>
-    </view>
-
-    <!-- 空状态 -->
-    <view v-if="records.length === 0" class="empty-state">
-      <u-icon name="file-text" size="60" color="#ccc"></u-icon>
-      <text class="empty-text">暂无生成记录</text>
-    </view>
-
-    <!-- 加载更多 -->
-    <view v-if="hasMore && records.length > 0" class="load-more">
-      <u-button
-        type="default"
-        size="small"
-        :loading="loading"
-        @click="loadMore"
-      >
-        {{ loading ? "加载中..." : "加载更多" }}
-      </u-button>
-    </view>
-  </view>
+	<view class="container">
+		<!-- 生成记录列表 -->
+		<view class="record-list">
+			<uv-swipe-action>
+				<uv-swipe-action-item @click="delItem(record)" :options="options" v-for="record in list" :key="record.id">
+					<view class="record-item">
+						<!-- 记录信息 -->
+						<view class="record-info">
+							<view class="record-title">{{ record.file_name }}</view>
+							<view class="record-time">生成时间: {{ record.CreatedAt ? dayjs(record.CreatedAt).format('YYYY-MM-DD') : '' }}</view>
+						</view>
+
+						<!-- 状态标签 -->
+						<view class="status-tag" :class="{completed:record.status == 4,failed:record.status == 5}">
+							<span v-if="record.status == 4">已完成</span>
+							<span v-else-if="record.status == 5">生成失败</span>
+							<span v-else>生成中</span>
+						</view>
+
+						<!-- 操作按钮 -->
+						<view class="record-actions">
+							<uv-button v-if="record.status === 4" type="primary" size="small"
+								@click="downloadRecord(record)">
+								<uv-icon name="download" size="14" color="white" style="margin-right: 4px"></uv-icon>
+								下载
+							</uv-button>
+							<uv-button v-else type="info" size="small" disabled>
+								<uv-icon name="download" size="14" color="#aaa" style="margin-right: 4px"></uv-icon>
+								下载
+							</uv-button>
+
+						</view>
+					</view>
+				</uv-swipe-action-item>
+			</uv-swipe-action>
+		</view>
+
+		<!-- 空状态 -->
+		<view v-if="list.length === 0" class="empty-state">
+			<uv-icon name="file-text" size="60" color="#ccc"></uv-icon>
+			<text class="empty-text">暂无生成记录</text>
+		</view>
+
+		<!-- 加载更多 -->
+		<uv-load-more :status="loadingStatus" @loadmore="loadmore" />
+	</view>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
-import { onShow } from "@dcloudio/uni-app";
-
-// 响应式数据
-const loading = ref(false);
-const hasMore = ref(true);
-const records = ref([
-  {
-    id: 1,
-    title: "乘客电梯标准图纸",
-    generateTime: "2025-05-15 14:30",
-    status: "completed",
-    statusText: "已完成",
-    downloadUrl: "/static/files/passenger-elevator.pdf",
-  },
-  {
-    id: 2,
-    title: "货运电梯专用图纸",
-    generateTime: "2025-05-15 14:30",
-    status: "failed",
-    statusText: "未完成",
-    downloadUrl: null,
-  },
-  {
-    id: 3,
-    title: "医用电梯专业图纸",
-    generateTime: "2025-05-15 14:30",
-    status: "completed",
-    statusText: "已完成",
-    downloadUrl: "/static/files/medical-elevator.pdf",
-  },
-  {
-    id: 4,
-    title: "观光电梯定制图纸",
-    generateTime: "2025-05-15 14:30",
-    status: "completed",
-    statusText: "已完成",
-    downloadUrl: "/static/files/sightseeing-elevator.pdf",
-  },
-  {
-    id: 5,
-    title: "货运电梯专用图纸",
-    generateTime: "2025-05-15 14:30",
-    status: "failed",
-    statusText: "未完成",
-    downloadUrl: null,
-  },
-]);
-
-// 下载记录
-const downloadRecord = (record) => {
-  if (record.status !== "completed" || !record.downloadUrl) {
-    uni.showToast({
-      title: "文件未准备好",
-      icon: "none",
-    });
-    return;
-  }
-
-  uni.showLoading({
-    title: "准备下载...",
-  });
-
-  // 模拟下载过程
-  setTimeout(() => {
-    uni.hideLoading();
-
-    // 在实际项目中，这里应该调用下载API或打开文件
-    uni.showToast({
-      title: "下载成功",
-      icon: "success",
-    });
-
-    // 实际下载逻辑
-    // uni.downloadFile({
-    //   url: record.downloadUrl,
-    //   success: (res) => {
-    //     if (res.statusCode === 200) {
-    //       uni.saveFile({
-    //         tempFilePath: res.tempFilePath,
-    //         success: () => {
-    //           uni.showToast({
-    //             title: '下载成功',
-    //             icon: 'success'
-    //           })
-    //         }
-    //       })
-    //     }
-    //   },
-    //   fail: () => {
-    //     uni.showToast({
-    //       title: '下载失败',
-    //       icon: 'none'
-    //     })
-    //   }
-    // })
-  }, 1500);
-};
-
-// 删除记录
-const deleteRecord = (record) => {
-  uni.showModal({
-    title: "确认删除",
-    content: "确定要删除这条生成记录吗？删除后无法恢复。",
-    success: (res) => {
-      if (res.confirm) {
-        // 从列表中移除记录
-        const index = records.value.findIndex((item) => item.id === record.id);
-        if (index !== -1) {
-          records.value.splice(index, 1);
-        }
-
-        uni.showToast({
-          title: "删除成功",
-          icon: "success",
-        });
-
-        // 实际项目中调用删除API
-        // try {
-        //   await RPC.post('/api/generate-record/delete', { id: record.id })
-        // } catch (error) {
-        //   console.error('删除失败:', error)
-        // }
-      }
-    },
-  });
-};
-
-// 加载更多数据
-const loadMore = async () => {
-  if (loading.value) return;
-
-  loading.value = true;
-  try {
-    // 模拟API调用
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-
-    // 模拟没有更多数据
-    hasMore.value = false;
-
-    uni.showToast({
-      title: "没有更多数据了",
-      icon: "none",
-    });
-  } catch (error) {
-    console.error("加载更多失败:", error);
-    uni.showToast({
-      title: "加载失败，请重试",
-      icon: "none",
-    });
-  } finally {
-    loading.value = false;
-  }
-};
-
-// 加载生成记录
-const loadRecords = async () => {
-  try {
-    // 调用获取生成记录API
-    // const result = await RPC.get('/api/generate-records')
-    // records.value = result.data
-  } catch (error) {
-    console.error("加载生成记录失败:", error);
-    uni.showToast({
-      title: "加载失败，请重试",
-      icon: "none",
-    });
-  }
-};
-
-// 刷新数据
-const onRefresh = async () => {
-  hasMore.value = true;
-  await loadRecords();
-};
-
-onMounted(() => {
-  loadRecords();
-});
-
-onShow(() => {
-  // 页面显示时刷新数据
-  loadRecords();
-});
+	import {
+		ref,
+		onMounted
+	} from "vue";
+	import RPC from "@/utils/request";
+	import dayjs from 'dayjs'
+	import {
+		onShow,onPullDownRefresh,onReachBottom
+	} from "@dcloudio/uni-app";
+
+	const options = ref([{
+		text: '删除',
+		style: {
+			backgroundColor: '#f56c6c'
+		}
+	}])
+	const delItem = item => {
+		console.log(item)
+		deleteRecord(item)
+	}
+	// 响应式数据
+	const loading = ref(false);
+	const loadingStatus = ref('loadmore')
+	const page = ref(1)
+	const list = ref([])
+	const count = ref(0)
+	
+	// 下载记录
+	const downloadRecord = (record) => {
+
+		uni.showLoading({
+			title: "准备下载...",
+		});
+		uni.downloadFile({
+		  url: record.result_url,
+		  success: (res) => {
+		    if (res.statusCode === 200) {
+		      uni.saveFile({
+		        tempFilePath: res.tempFilePath,
+		        success: () => {
+		          uni.showToast({
+		            title: '下载成功',
+		            icon: 'success'
+		          })
+		        }
+		      })
+		    }
+		  },
+		  fail: () => {
+		    uni.showToast({
+		      title: '下载失败',
+		      icon: 'none'
+		    })
+		  }
+		})
+	};
+
+	// 删除记录
+	const deleteRecord = (record) => {
+		uni.showModal({
+			title: "确认删除",
+			content: "确定要删除这条生成记录吗？删除后无法恢复。",
+			success: (res) => {
+				if (res.confirm) {
+					// 从列表中移除记录
+					const index = records.value.findIndex((item) => item.id === record.id);
+					if (index !== -1) {
+						records.value.splice(index, 1);
+					}
+
+					uni.showToast({
+						title: "删除成功",
+						icon: "success",
+					});
+
+					// 实际项目中调用删除API
+					// try {
+					//   await RPC.post('/api/generate-record/delete', { id: record.id })
+					// } catch (error) {
+					//   console.error('删除失败:', error)
+					// }
+				}
+			},
+		});
+	};
+
+	// 加载生成记录
+	const loadRecords = async () => {
+		loadingStatus.value === 'loading'
+		RPC.post('/planned_list',{page:page.value,page_size:20}).then(res => {
+			list.value = [...list.value, ...res.list]
+			count.value = res.total
+			if (list.value.length >= count.value) {
+				loadingStatus.value = 'nomore'
+			} else {
+				loadingStatus.value = 'loadmore'
+			}
+		}).catch(() => {
+			loadingStatus.value = 'loadmore'
+		})
+	};
+
+	// 刷新数据
+	onPullDownRefresh(() => {
+		list.value = []
+		page.value = 1
+		loadingStatus.value === 'loading'
+		RPC.post('/planned_list',{page:page.value,page_size:20}).then(res => {
+			list.value = [...list.value, ...res.list]
+			count.value = res.total
+			if (list.value.length >= count.value) {
+				loadingStatus.value = 'nomore'
+			} else {
+				loadingStatus.value = 'loadmore'
+			}
+		}).catch(() => {
+			loadingStatus.value = 'loadmore'
+		}).finally(() => {
+			uni.stopPullDownRefresh()
+		})
+	})
+	
+	onReachBottom(() => {
+		loadmore()
+	})
+	
+	const loadmore = () => {
+		if (list.value.length >= count.value || loadingStatus.value === 'loading') return
+		console.log('上拉加载:')
+		loadingStatus.value = 'loading';
+		page.value = ++page.value;
+		loadRecords()
+	}
+
+
+	onShow(() => {
+		// 页面显示时刷新数据
+		list.value = []
+		page.value = 1
+		loadRecords();
+	});
 </script>
 
 <style lang="scss" scoped>
-.container {
-  font-size: 14px;
-  min-height: 100vh;
-  background-color: #f8f8f8;
-  padding: 16px;
-}
-
-.record-list {
-  .record-item {
-    background: white;
-    border-radius: 12px;
-    padding: 16px;
-    margin-bottom: 12px;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .record-info {
-      flex: 1;
-
-      .record-title {
-        font-size: 16px;
-        color: #333;
-        font-weight: 500;
-        margin-bottom: 6px;
-      }
-
-      .record-time {
-        font-size: 13px;
-        color: #999;
-      }
-    }
-
-    .status-tag {
-      padding: 4px 8px;
-      border-radius: 4px;
-      font-size: 12px;
-      font-weight: 500;
-
-      &.completed {
-        background: #e8f5e8;
-        color: #52c41a;
-      }
-
-      &.failed {
-        background: #fff1f0;
-        color: #ff4d4f;
-      }
-
-      &.processing {
-        background: #fff7e6;
-        color: #fa8c16;
-      }
-    }
-
-    .record-actions {
-      display: flex;
-      align-items: center;
-      flex-shrink: 0;
-    }
-  }
-}
-
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 80px 20px;
-
-  .empty-text {
-    color: #999;
-    font-size: 14px;
-    margin-top: 16px;
-  }
-}
-
-.load-more {
-  padding: 20px;
-  text-align: center;
-}
+	.container {
+		font-size: 14px;
+		min-height: 100vh;
+		background-color: #f8f8f8;
+		padding: 16px;
+	}
+
+	.record-list {
+		.record-item {
+			background: white;
+			border-radius: 12px;
+			padding: 16px;
+			margin-bottom: 12px;
+			display: flex;
+			align-items: center;
+			gap: 12px;
+
+			.record-info {
+				flex: 1;
+
+				.record-title {
+					font-size: 16px;
+					color: #333;
+					font-weight: 500;
+					margin-bottom: 6px;
+				}
+
+				.record-time {
+					font-size: 13px;
+					color: #999;
+				}
+			}
+
+			.status-tag {
+				padding: 4px 8px;
+				border-radius: 4px;
+				font-size: 12px;
+				font-weight: 500;
+				background: #fff7e6;
+				color: #fa8c16;
+
+				&.completed {
+					background: #e8f5e8;
+					color: #52c41a;
+				}
+
+				&.failed {
+					background: #fff1f0;
+					color: #ff4d4f;
+				}
+
+				&.processing {
+					background: #fff7e6;
+					color: #fa8c16;
+				}
+			}
+
+			.record-actions {
+				display: flex;
+				align-items: center;
+				flex-shrink: 0;
+			}
+		}
+	}
+
+	.empty-state {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 80px 20px;
+
+		.empty-text {
+			color: #999;
+			font-size: 14px;
+			margin-top: 16px;
+		}
+	}
+
+	.load-more {
+		padding: 20px;
+		text-align: center;
+	}
 </style>
\ No newline at end of file
diff --git a/static/tabbar/index.png b/static/tabbar/index.png
index 9628d7c4cab56816c6a8f7ffa89ff777f5571161..5ee56577da6ae35bc7cb9b825ed6544427c9566b 100644
GIT binary patch
literal 655
zcmV;A0&x9_P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%Nl8RORCr$Pno*L1Fbsw%9&Gh8GMr-9Q!siN^<dJSFw0D>6_Su{gTz-0NxuF`
z+fY|+{O2|ve`Nqn0UIY^DX?(?SP>+pK-YEq-EQ{{s`1|M|5-h!rfGhpZK463&u1_`
z1Yh_k3W5T_7Y;l$F9rbxK+)`rLqGwzTrSrz=bdx6$K!FrDgx?;<nw{u#Y$iSsH%!&
zI93n<JRXk+EI=3+Pl6PL)d0u^VO0QfKv*3BfG|;%NvR3%S|tEU2&)A!1)=ZzL)*4D
zOp#qRfGG$~)1YEQ4N5FQq+F9&2B&88O-(@g_z?h7s{?kg@i73nDl-6>N~ygDq>7=c
z6bKtBf6bJ;baO*>3Sd;Wbc_LrI#$I}0OZb{P3-P1^?nr!fZ*%8zH$Lj`wXES1E3)V
zOaYbxuQg!mRJL@3Rk8+Du*{4Oj1A6I3UC2HQFG3HQ3`6@dB!wexo3eVzs4Y?0WA3v
zm3tpx073$rQ$U#i03t^Xh!0S6wIKdlojV1R?Iy_@Fc)zAzwHEVC-{7SK}`w}rHtz2
z+G#LBKt&Azzn1g^;CXIOKn(z*<i&;?01d0ayXlM%Hs1Sfb%nX|q~r(J2KO{bTCTXx
z82|zSE@YMhu)D0$f39<c_+PHgV0~l(0LS7J;heLn)7soKl>ZZVmr-eo0wB=srNkmN
zRt^AoG;vW;%3;a(pn@NiOtGr;&Tt$8I(RaGsHjocWgpx3{m`YRo+U^M$R0%j0|uY~
pbX6uz0jj2>fHS6m0?<{N`~`@}Np3jc#_Iq8002ovPDHLkV1hvm4_p8M

literal 4199
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
J3L4|;zW{KQ_`3iA

diff --git a/static/tabbar/index_HL.png b/static/tabbar/index_HL.png
index 720fd2c05491303387976a3b6be0acea5eef31be..6354ee4871b2c690b1b09b9fb4ce503f64bef8c5 100644
GIT binary patch
literal 662
zcmV;H0%`q;P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%P)S5VRCr$Pn(LK>APj|}vT-`HgPrZbj#evk4=(OOeBHz_#xedz2p{(bh<bPP
z$KQPZ&H$JKZce}~aB~4z5+qrms{5*U?klRMdZ&84bKh;_U(#d30IIrwC6kwq1MW{6
z1PtI&_dOhC;f9hBAOKocKjkU~0Rr%-`yc0A>iISVfG%{jj^z8p&=L?>0H^~mD5&ik
z|3m?Xb_<Ij0^u?MN<p|3fD#Zc2OvOLOUhJh#yqm`#N2<>fh2N39;Fn7ODbT5u>s-P
zHoo0o+F>Wze>5s!4?@>?Xl_s=%>dSN0&3Hb0I;$<Kxd7Q0l-bP24Fu0&X1v}zcvyT
zBu^x^qhq{F0cjy6Y(1THaYMBQC@aZrYXIgIE68Tz76^4i?kb|Ex2677C?FP1L-B<5
zP?Kvqhyl=G0aL)=cLTFP>dmcN+0jeZX*nPc{D0pb3!F<9-~xzA?Lo|@lgcwvcx7#a
zc~Ijd3ji2D!x1?Q&C8tw3_wQUjtZF6+Y04?$ps4VKz;%(XMwd7n`90ECOm0kCqX+2
z&i-G}VF8Mi?J{)WHy9N;AlB&F^?>2@0)ElSm8Av%Me>qu4S<GSU~NV7i_Pt-!d!V$
zEW#awbsMB^SKQzX0D%A(GD`vIU3-k58ysQ&OTW#OI|=3$Au!O{Z4G=6Z8qs2wJD^4
zqt#w?29oVW0ffNTepHkUTB<K}@?ktk0UKVHidn25%H+uaQV?Ph%XKtVsi=1ek^<yn
w)zgy!(6bijL}Cg!hr6CpO#yn=;+#l+0m!1xU&`AG$p8QV07*qoM6N<$f)xW7lK=n!

literal 4230
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

diff --git a/static/tabbar/order.png b/static/tabbar/order.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b3828614a33648d44bd5cf27fcfff47a54b00d5
GIT binary patch
literal 636
zcmV-?0)zdDP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%Hc3Q5RCr$Pnr&`_FbswpIM~|DfH=j*DG*$y>|ns;3M9$`wo7cj++UT*hyBD!
z{3da?i~rok{l6Iii-3z0uqnU^fTAewaU6d`ov!QdoVrS7bLb~c(;sSo<Ory$>bX;=
zeZJ;Y2qXYySpw15$RFkBoU4;0d0_UU0FLPV;B?!zk1WgTB?xQ)K(=X`9BUXOANu>S
zK8>d-B?>42y0Nhos-c~uwg(WRD0&X%MF6B}ibA6rEK#m3%eMi;>_wg7HYni~r%kTC
z1^}bWC5p8t{he!XkO+XS(mD6lXNbR)Bt)u?I)IrxVKEbvtg{7xw^bLS0NZ}1Mux1j
z3jn<!nVnuf0HNw^0l=pd7N@|BunJN~9RQ5nWKNTmm{grj07!3boc0ZXrNX8KObm_J
z3{!)Md=H`pIIFaDS=$A)cLCp7T;Ng8+qSK#XOQX<pmAS-iK{X2Qv$$*(xw2WC$WLU
z|0S(C$MEVA5Zd9j?HK^=U105qg|2TAU=d(y(A1!*!4Uy*Ijo=syc@+_f~39+%$@Ov
z-rjue`80w$01Yv;0Q27wygGnh3&4{()kjpjnF1Q2&gnxv0yxHLlr;dB3R@~{sjz4&
ze58kxl(R(iVq}`=aL?#8R(|MXCM8GTDxd(Q4?Tqetp@-GZk+CZ$_RBH8b%{v=>15~
z<~bKBWB>r7hX8+7^L|PQfYVTpbBDl+0E!VuEW?U`BRYuLYydDqXa8;yaP|?#{QCp%
WLSkR=5*yk80000<MNUMnLSTaRXd2-F

literal 0
HcmV?d00001

diff --git a/static/tabbar/order_HL.png b/static/tabbar/order_HL.png
new file mode 100644
index 0000000000000000000000000000000000000000..a65273da940ddddf22608b3bce2d735ee9ae540f
GIT binary patch
literal 629
zcmV-*0*d{KP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%FG)l}RCr$Pnr)JUAPk1#WZD~fgYDkH8!euUT{<{JT_i~jK{Wl>k&ooz1wz1@
zoB!<1{Wl6g6>xI`It3^K7$-k^W4>aYky2NptTpC4^y6mx#P)|)z%corzqU{3bk5NL
z0t*2JV4VCj8F?(+*5%wX+XrL>2%uBvUw&I-9&Wa-1mP0^E=sJ}FhrjFd$K;I(-c$z
z2w<4JPmRS;<#rC+UW5?Vs`bYYV3{ol4Qp_Xa@zre>;;{nHdw<cN}E)B6#zt+N)&3Z
z_IIkiEDDHQ<q)@?1rvnSsv`~{7bifGSj{@(0Ja@Qi5It@nsv?sz?8P19RMtK!~uLF
z=iI>xnl{)v;sAo=QwWeF>n>2MP7?sNw>C=q3Se_~(NGvTyRZa86p7X@t5ZOyz<d5e
z*8p7u$_bpqi{MT!j%}@rxqb&FH`flu7eS%>0x-9CbpXYKQYtrb1!OX@Z1P`^)|527
zH~?;MkG7`(G!W82=<Oy;BSDP>D@TGyS8eY4x(i6}0=3Tq1%+haDTpgzFUQX<?Va}i
zoe^39X!dw2mx31u5T-!58ffr{>Ks!*Nb2Zr#1(+HOsJp&klqG`1{U3oDnJ!b`8eF!
zLrE}~h)IiY1D$T3%3|IsfB*!Np6CURT95@m=u{~8PxY@@9^-s`)`#o2vuE?@ixhAQ
zq<8{^@V`Oaj~S)c^L@%40!aZF3wkU=Qb3OmLN+S^h|tx)s{*b*!jONzTD&b^)ig!(
P00000NkvXXu0mjf7~2a{

literal 0
HcmV?d00001

diff --git a/static/tabbar/xiaofei.png b/static/tabbar/xiaofei.png
new file mode 100644
index 0000000000000000000000000000000000000000..3fe1ed43063b346e283e7c2f38b4f18fa0877311
GIT binary patch
literal 844
zcmV-S1GD^zP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px&21!IgRCr$Pn{9G~AP|P5Iat%n#K|ezoFZc`)AnG|c3W_^6x??$0*?4I3hX}Y
z7awU3JAay;>wl;KQd_|7b~_!9#}^uR9LEzI|2hoA`{i<ZPbpJ!3+VfPoKtWZhUb(J
zk^<=a{`G6(zh}Q`nqM<*t$}_&pU=;!tROXjY4*FW`!)9cet)wN+;?ljNCtp>zirz$
zqs+DII<ki8;Q&&)!D;|(uyX>PRrn782haqDTw)x@4;NT0t55?VLEXXKpv8UNCuqpT
zxfOWYd7(+NNT6T<!i*lcQasZ0VE1@Dt|ZW0lqYyi(>z(hL%~tVCVyasKtKSb8Kuqx
z0AN8v0{UV@$X%R1ps`T^Q}nhz$p_;Fi~|c2V$MvtvOGANaePg`(=0tmFckr472@9`
z0!Ti}0U$Mkc6=28BtOp;JCd@Y_bih@7G>iD0!##;El@!JT*{(+0Hm3X<bfJMt-Q7t
z$Z7#<?N(?|0hkqMmKd<YgsQu&7EmqVXVay+0I<0dy$-MrYwCx8FJnzzandY@v&R5!
z`5cOJOZ&+Vz*7xE6&wfQS%JcRWCviYLAwEJ6w@d$ZJuh|nz73Wf=gy`NgLONim(7H
zltv-Vw{z7|Q2<bPh^2f{E`SELn93ImfCTep2Lox^#`-GY;9xnEKFbJ#J^_UdlYc8;
zv;|lo0SHl)FA9L~5XC}h+m;Skrh`&@X5h0L?P+oLEP$LNXczgK9p>x+R@xYaT_igI
zmiwiNo?L(qKtmsEZ;liJK+-&P;v=;~-d6xy*b>`?1)yn=sz37cka^cM2%hw^6=>d4
zxTZmKJ_tnYng$7yrpg1L(&21g7eIvEMHZL?Q30@vlhp+xUy!abU<*Oet{Al|JtV+x
z!U7OQmVQ$KY{dnZ&al*OH4BKHt|Ud4yw@J7ix(ucS5=n?9jlG!M!UF=C;}kignRt4
z<d519azBU$gaB*}0;;?U0N?55e`tt0Z4o-70~XB=5^MnxWGk|Z3ZTeoNhs9rE#MOq
Wt^aP$VAMPS0000<MNUMnLSTZ^8EOCk

literal 0
HcmV?d00001

diff --git a/static/tabbar/xiaofei_HL.png b/static/tabbar/xiaofei_HL.png
new file mode 100644
index 0000000000000000000000000000000000000000..84d993378c034b83cebdf130032330c3327aa9d2
GIT binary patch
literal 809
zcmV+^1J?YBP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%<4Ht8RCr$Po7;86APhiZvN#)ggC-kzqdJqhAqQMl1|(5lJ|>@uG15gZ1kvi^
zAANEC)c{c20;YMJHl@Doypx+>EA>=Lt?Q!Knle?lfZM!nF$J|!_nHu@0+{CQ0ahQc
zw6liwwdi{-E2s(puKsJ$f9Af;+xOcAJ`nJ4C1F$pV13^xX(I1)UGxJg1_9J`gJJ+c
zu-gM240sp-1cX+6eFJ&n=W|(w7=RHJPmY5Y^7VtPArpsIfCu@kh9e6FiVYyPqS$Xy
zq~C*`O?4_3<t@A$5ZoIaW7)(9D+GcCfLhTI0Er+W0e!I{;x7AZxO1}r;1xAKiT%{A
zDul%qB4(y2c<wcVna4K{q*)Ve$(n)$AXNxGPYOW!C|Yf@Mv%@g0>H`7M6pBZ8~Xhd
z2e=jmES3aD0+1Fc9REzEa0&oMIS|PYDKk-dQ7zEa0umL>I&1*=-Er2B0a=$a@nypT
zh6U_Rm*E0bb0vEn;M~^K4>`86cE>kKw!_V1fV6xLmVcmy#w~)(yLtd%I=`RpkEDc!
zAn*?KQ~*FV=-S`xI{v?7yRZPak}0d0G6uU)a~DW8<s8a)WdRaP$fbOj04TrCseHEp
zEQCXLFyEs#*5S-Rx+Ul;24LZ14HHSKi$UocfX@<AYlRSmZUFcWE`ZSRnA~)H%<;JQ
zBRwr{4uErxAoXibi`%`k2LOM9om5%h^OE?`9DqxEl;ZHNfakCU4j0`V=>h<yeCWi7
z8prv4060TS>=G8hO@r=+*hqsB2OnwBbFZlDN-%VO4}~6S(Dn@_<~`CNgTSZ*Mjdd1
zqp?dALNRx}JOHp`6z%jFF|hs77)QvG&zvF)3;+cQ6tjTb6<Y}g(xZ9uf`s&{Y6+#d
z@5DFSIekPDfSEjYkDn`CgXhTmK}IGPfD=MsDK7#5JH7AQAMg(i4Hh>%r8Rr@e-GIf
n(3O@Mg&6=c!aU`xE^h%p7Lzb;Jz~(z00000NkvXXu0mjfgE(33

literal 0
HcmV?d00001

diff --git a/utils/request.js b/utils/request.js
index 976cb79..6f9ed61 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -124,7 +124,10 @@ $uv.http.interceptors.request.use(
 		}
 
 		const method = config.url
-		config.url = 'https://lift-dev.ruixininfo.com/jsonrpc'
+		config.url = 'https://lift-drawing.ruixininfo.com/jsonrpc'
+		// #ifdef H5
+		config.url = '/jsonrpc'
+		// #endif
 		// config.url = useUserStore().adressIp + '/jsonrpc'
 		const params = config.data
 		config.data = {
diff --git a/vite.config.js b/vite.config.js
index 04856fe..66c83f5 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -26,11 +26,10 @@ export default defineConfig(({ mode }) => {
     server: {
       port: Number.parseInt(env.VITE_APP_PORT, 10),
       proxy: {
-        [env.VITE_APP_PROXY_PREFIX]: {
+        ['/jsonrpc']: {
           changeOrigin: true,
-          target: env.VITE_APP_BASE_URL,
-          rewrite: (path) =>
-            path.replace(new RegExp("^" + env.VITE_APP_PROXY_PREFIX), ""),
+          target: 'https://lift-drawing-h5.ruixininfo.com',
+          // target: 'https://lift-drawing.ruixininfo.com',
         },
       },
     },