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 9628d7c..5ee5657 100644
Binary files a/static/tabbar/index.png and b/static/tabbar/index.png differ
diff --git a/static/tabbar/index_HL.png b/static/tabbar/index_HL.png
index 720fd2c..6354ee4 100644
Binary files a/static/tabbar/index_HL.png and b/static/tabbar/index_HL.png differ
diff --git a/static/tabbar/order.png b/static/tabbar/order.png
new file mode 100644
index 0000000..0b38286
Binary files /dev/null and b/static/tabbar/order.png differ
diff --git a/static/tabbar/order_HL.png b/static/tabbar/order_HL.png
new file mode 100644
index 0000000..a65273d
Binary files /dev/null and b/static/tabbar/order_HL.png differ
diff --git a/static/tabbar/xiaofei.png b/static/tabbar/xiaofei.png
new file mode 100644
index 0000000..3fe1ed4
Binary files /dev/null and b/static/tabbar/xiaofei.png differ
diff --git a/static/tabbar/xiaofei_HL.png b/static/tabbar/xiaofei_HL.png
new file mode 100644
index 0000000..84d9933
Binary files /dev/null and b/static/tabbar/xiaofei_HL.png differ
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',
         },
       },
     },