diff --git a/components/myModal.vue b/components/myModal.vue
index ea2154a..8df7b1b 100644
--- a/components/myModal.vue
+++ b/components/myModal.vue
@@ -11,7 +11,7 @@
 
 				<!-- 内容 -->
 				<view class="modal-text-wrap" v-if="props.content">
-					<text class="modal-text font28 fontb">
+					<text class="modal-text font28">
 						{{ props.content }}
 					</text>
 				</view>
diff --git a/components/uv-pickerself/components/uv-picker/uv-picker.vue b/components/uv-pickerself/components/uv-picker/uv-picker.vue
index bfc2050..b300987 100644
--- a/components/uv-pickerself/components/uv-picker/uv-picker.vue
+++ b/components/uv-pickerself/components/uv-picker/uv-picker.vue
@@ -7,10 +7,10 @@
 		@change="popupChange"
 	>
 		<view class="uv-picker">
-			<!-- <view class="title">
-				请选择区域
-			</view> -->
-			<uv-toolbar
+			<view class="title">
+				{{ title }} <image class="close-icon" style="width: 20rpx;height: 20rpx;" src="/static/home/close.svg" @click="cancel"></image>
+			</view>
+			<!-- <uv-toolbar
 				v-if="showToolbar"
 				:cancelColor="cancelColor"
 				:confirmColor="confirmColor"
@@ -19,7 +19,7 @@
 				:title="title"
 				@cancel="cancel"
 				@confirm="confirm"
-			></uv-toolbar>
+			></uv-toolbar> -->
 			<!-- #ifdef MP-TOUTIAO -->
 			<picker-view
 				class="uv-picker__view"
@@ -73,6 +73,16 @@
 			>
 				<uv-loading-icon mode="circle"></uv-loading-icon>
 			</view>
+			<view class="btn" style="padding:20rpx 0">
+				<uv-button :customStyle="{
+						height: '86rpx',
+						lineHeight: '86rpx',
+						color: '#fff',
+						fontSize: '32rpx',
+					}" color="#FB322E" shape="circle" @click="confirm">
+						{{ confirmText }}
+					</uv-button>
+			</view>
 		</view>
 	</uv-popup>
 </template>
@@ -293,6 +303,21 @@ export default {
 	.uv-picker {
 		position: relative;
 
+		.title{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			flex-direction: row;
+			padding: 36rpx;
+			font-size: 36rpx;
+			font-weight: 600;
+		}
+		.btn{
+			:deep(.uv-button){
+				width: 470rpx;
+			}
+		}
+
 		&__view {
 
 			&__column {
diff --git a/locale/en.json b/locale/en.json
index 9403d1c..8002909 100644
--- a/locale/en.json
+++ b/locale/en.json
@@ -40,6 +40,7 @@
     "common.notRented": "Not rented",
     "common.rented": "Rented",
     "common.locked": "Locked",
+    "common.loading": "Loading",
     "locale.auto": "System",
     "locale.en": "English",
     "locale.zh-hans": "简体中文",
diff --git a/locale/zh-Hans.json b/locale/zh-Hans.json
index 28cf464..38117d9 100644
--- a/locale/zh-Hans.json
+++ b/locale/zh-Hans.json
@@ -40,6 +40,7 @@
     "common.notRented": "未租",
     "common.rented": "已租",
     "common.locked": "鎖定",
+    "common.loading": "加载中",
     "locale.auto": "系统",
     "locale.en": "English",
     "locale.zh-hans": "简体中文",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index abf3938..90d496e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -73,8 +73,10 @@
       <view class="orderInfo sflist card" v-if="unitTypeData.length">
         <ul>
           <li @click="showUnitPopup">
-            <view class="left"><text class="font32 fontb">体积</text> <text style="font-size: 26rpx;margin-left: 10rpx;"
-                v-if="state.selectUnitRow?.name">（仓号：{{ state.selectUnitRow?.name }}）</text></view>
+            <view class="left"><text class="font32 fontb">体积</text> 
+              <!-- <text style="font-size: 26rpx;margin-left: 10rpx;"
+                v-if="state.selectUnitRow?.name">（仓号：{{ state.selectUnitRow?.name }}）</text> -->
+              </view>
             <view class="right font26 fontb textGary"><text
                 :style="{ color: state.selectUnitRow?.name ? '#A8AAAC' : '#FB322E' }">{{
                   state.selectUnitRow?.name ? `${state.selectUnitRow?.volume}m³ ` : "请选择" }} </text>
@@ -105,10 +107,10 @@
         </ul>
       </view>
       <view class="toOrder card font28" v-if="unitTypeData.length">
-        <view class="left font28">
-          <text class="price font36 fontb"> {{ state.priceData.expense ? `￥ ${state.priceData.expense}` : '￥--'
+        <view class="left " >
+          <text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `￥ ${state.priceData.expense}` : '￥--'
             }}</text>
-            <view class="detail" @click="showPayPopup"><text class="font28">明细</text>
+            <view class="detail" v-if="state.priceData.expense" @click="showPayPopup"><text style="margin-right: 10rpx;font-weight: 600;" :class="{ overMaxFont:String(state.priceData?.expense).length>6  }" v-if="state.priceData?.expense">￥{{ state.priceData.leaseOriginalPrice }}</text><text>明细</text>
             <image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;" mode="heightFix" class="icon"></image>
           </view>
         </view>
@@ -158,7 +160,7 @@
     <uv-popup ref="unitPopupRef" mode="bottom" zIndex="999" round="24px">
       <view class="unitPopupBox">
         <view class="title font36 fontb">
-          仓型选择
+          体积选择
         </view>
         <view class="info">
           <uv-radio-group v-model="state.radiovalue" activeColor="#fb322e" size="40rpx" inactiveColor="#D8D8D8">
@@ -320,11 +322,14 @@
         <view class="title2 font32 fontb">
           <text>优惠信息</text> <text style="color: #FB322E;">-￥ {{ state.priceData.favorable }}</text>
         </view>
+        <view class="title2 textGary2 fontb font28">
+          <text>租期优惠（{{state.month}}个月长租）</text><text style="color: #FB322E;">-￥ {{ state.priceData.leaseDiscount }}</text>
+        </view>
         <view class="toOrder card font28">
           <view class="left font28">
-            <text class="price font36 fontb"> {{ state.priceData.expense ? `￥ ${state.priceData.expense}` : '--'
+            <text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6 }"> {{ state.priceData.expense ? `￥ ${state.priceData.expense}` : '--'
               }}</text>
-            <view class="detail" v-if="state.priceData.expense" @click="hidePayPopup"><text class="font28">明细</text>
+            <view class="detail" v-if="state.priceData.expense" @click="hidePayPopup"><text style="margin-right: 10rpx;font-weight: 600;" :class="{ overMaxFont: String(state.priceData?.expense).length>6  }" v-if="state.priceData?.expense">￥{{ state.priceData.leaseOriginalPrice }}</text><text class="font28">明细</text>
               <image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;" mode="heightFix" class="icon"></image>
             </view>
           </view>
@@ -1081,12 +1086,21 @@ function changeMove(event) {
       display: flex;
       align-items: center;
       font-size: 38rpx;
+        .price {
+        &.overMaxFont{
+          font-size: 32rpx;
+        }
+      }
+
       .detail {
         display: flex;
         align-items: center;
-        margin-left: 40rpx;
+        margin-left: 16rpx;
         color: #FFFFFF;
         font-size: 28rpx;
+        .overMaxFont{
+          font-size: 24rpx;
+        }
         image {
           margin-left: 10rpx;
           transform: rotate(180deg);
@@ -1356,12 +1370,20 @@ function changeMove(event) {
     display: flex;
     align-items: center;
     font-size: 38rpx;
+    .price {
+      &.overMaxFont{
+        font-size: 32rpx;
+      }
+    }
     .detail {
       display: flex;
       align-items: center;
-      margin-left: 40rpx;
       color: #FFFFFF;
+      margin-left: 16rpx;
       font-size: 28rpx;
+      .overMaxFont{
+      font-size: 24rpx;
+    }
       image{
         margin-left: 10rpx;
       }
@@ -1489,7 +1511,7 @@ function changeMove(event) {
   .top {
     display: flex;
     justify-content: space-between;
-    // align-items: center;
+    align-items: center;
     margin-bottom: 20rpx;
 
     image {
diff --git a/pages/site/index.vue b/pages/site/index.vue
index c46e0b6..017a557 100644
--- a/pages/site/index.vue
+++ b/pages/site/index.vue
@@ -42,7 +42,7 @@
          </view>
       </view>
     </view>
-    <uvPickerSlef ref="cityPicker" confirmColor="#FB322E" round="24px" :columns="[state.cityData]" @confirm="cityConfirm"></uvPickerSlef>
+    <uvPickerSlef ref="cityPicker" confirmColor="#FB322E" round="24px" title="选择城市" :columns="[state.cityData]" @confirm="cityConfirm"></uvPickerSlef>
     <view class="footer">
       <view @click="toHome">
         返回主页
diff --git a/pages/unlock/index.vue b/pages/unlock/index.vue
index a442c11..4814abe 100644
--- a/pages/unlock/index.vue
+++ b/pages/unlock/index.vue
@@ -1,11 +1,11 @@
 <template>
 	<view class="container" :class="[`${themeInfo.theme}-theme`]">
 		<view class="header">
-			<uv-tabs lineWidth="80rpx" lineHeight="10rpx" lineColor="#f56c6c" :scrollable="false" :list="list">
+			<uv-tabs  @change="handleChange" :current="state.current" lineWidth="80rpx" lineHeight="10rpx" lineColor="#f56c6c" :scrollable="false" :list="list">
 			</uv-tabs>
 		</view>
 		<view class="content">
-			<view class="card orderList" v-for="item in state.orderList" :key="item.orderId">
+			<view class="card orderList" v-for="item in currentOrderList" :key="item.orderId">
 				<view class="orderInfo">
 					<!-- <uv-button shape="circle">复制</uv-button> -->
 					<view class="orderOn">订单号：{{ item.orderNo }} <uv-button @click="copyOrderOn(item)"
@@ -217,7 +217,7 @@
 						background: '#FB322E',
 						color: '#fff',
 						fontSize: '32rpx',
-					}" shape="circle">
+					}" color="#FB322E" shape="circle">
 						刷新
 					</uv-button>
 				</view>
@@ -245,7 +245,7 @@
 						background: '#FB322E',
 						color: '#fff',
 						fontSize: '32rpx',
-					}" shape="circle">
+					}" color="#FB322E" shape="circle">
 						刷新
 					</uv-button>
 				</view>
@@ -301,15 +301,19 @@
 				</view>
 				<view class="title2 font32 fontb">
 					<text>优惠信息</text> <text style="color: #FB322E;">-￥ {{ state.priceData.favorable }}</text>
+				</view>
+				  <view class="title2 textGary2 fontb font28">
+					<text>租期优惠（{{state.month}}个月长租）</text><text style="color: #FB322E;">-￥ {{ state.priceData.leaseDiscount }}</text>
 				</view>
 				<view class="toOrder card font28">
 					<view class="left font28">
-						<text class="price font36 fontb"> {{ state.priceData.expense ? `￥${state.priceData.expense}`
+						<text class="price fontb" :class="{ overMaxFont: String(state.priceData?.expense).length>6  }"> {{ state.priceData.expense ? `￥${state.priceData.expense}`
 							:'--'}}</text>
-						<view class="detail" v-if="state.priceData.expense" @click="hidePayPopup"><text
-								class="font28">明细</text>
-							<image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;"
-								mode="heightFix" class="icon"></image>
+						<view class="detail" v-if="state.priceData.expense" @click="hidePayPopup"><text style="margin-right: 10rpx;font-weight: 600;" :class="{ overMaxFont: String(state.priceData?.expense).length>6  }" v-if="state.priceData?.expense">￥{{ state.priceData.leaseOriginalPrice }}</text>
+							<!-- <text
+								class="font28">明细</text> -->
+							<!-- <image src="/static/home/jiantouup.svg" style="height: 12rpx;margin-left: 10rpx;"
+								mode="heightFix" class="icon"></image> -->
 						</view>
 					</view>
 					<view class="right">
@@ -554,6 +558,7 @@ const state = ref({
 	month: 24,
 	selfMonth: 1,
 	refundLoading: false,
+	current:0,
 });
 const list = [{
 	name: '在租',
@@ -561,7 +566,33 @@ const list = [{
 	name: '到期',
 }, {
 	name: '待支付'
-}]
+},
+]
+const currentOrderList = computed(() => {
+
+	const isType1 = (item) => 
+		!(item.orderStartStatus == 2 && item.refundLockerStatus === 0) 
+		&& item.refundLockerStatus === 4
+
+	const isType2 = (item) => 
+		item.orderStatus == 2
+
+	if (state.value.current == 0) {
+		// 排除 1 和 2
+		return state.value.orderList.filter(
+			item => !isType1(item) && !isType2(item)
+		)
+	}
+
+	if (state.value.current == 1) {
+		return state.value.orderList.filter(isType1)
+	}
+
+	if (state.value.current == 2) {
+		return state.value.orderList.filter(isType2)
+	}
+
+})
 
 const showImage = (url) => {
 	if (!url) return;
@@ -570,6 +601,11 @@ const showImage = (url) => {
 	});
 };
 
+const handleChange = (e) => {
+	state.value.current = e.index
+	GetOrderList()
+}
+
 const copyOrderOn = (item) => {
 	uni.setClipboardData({
 		data: item.orderNo,
@@ -1161,14 +1197,22 @@ onShow(() => {
 			color: #E9CBA1;
 			display: flex;
 			align-items: center;
+			font-size: 38rpx;
+			 .price {
+			&.overMaxFont{
+				font-size: 32rpx;
+			}
+		}
 
 			.detail {
 				display: flex;
 				align-items: center;
-				margin-left: 40rpx;
+				margin-left: 20rpx;
 				color: #FFFFFF;
 				font-size: 28rpx;
-
+				 .overMaxFont{
+					font-size: 24rpx;
+				}
 				image {
 					margin-left: 10rpx;
 				}
diff --git a/pagesb/validationInfo/index.vue b/pagesb/validationInfo/index.vue
index a6d025f..986d591 100644
--- a/pagesb/validationInfo/index.vue
+++ b/pagesb/validationInfo/index.vue
@@ -67,7 +67,7 @@
                         <view style="display:flex;align-items:center;width:100%">
                             <view @click="showAreaCodePicker"
                                 style="display:flex;align-items:center;padding-right:16rpx">
-                                <uv-input v-model="state.formData.areaCode" border="none" style="width:120rpx"></uv-input>
+                                <uv-input readonly v-model="state.formData.areaCode" border="none" style="width:120rpx"></uv-input>
                                 <uv-icon name="play-right-fill" size="24rpx" style="transform: rotate(90deg)"></uv-icon>
                             </view>
 
@@ -122,13 +122,13 @@
         </view>
         </view>
         <!-- 选择证件类型 -->
-                            <uv-picker ref="typePickerRef" :confirmText="$t('common.confirm')"
-                                :cancelText="$t('common.cancel')" confirmColor="#FB322E" round="24px" :columns="state.cardType" keyName="label"
-                                @confirm="confirmCardType"></uv-picker>
+                            <uvPickerSlef ref="typePickerRef" :confirmText="$t('common.confirm')"
+                                :cancelText="$t('common.cancel')" confirmColor="#FB322E" round="24px" title="证件类型" :columns="state.cardType" keyName="label"
+                                @confirm="confirmCardType"></uvPickerSlef>
         <!-- 是否验证成功 -->
-        <myModal v-model="state.showAuthModal" :content="state.contentTips" :cancelShow="false"></myModal>
-        <uv-picker ref="AreaCodePickerRef" :columns="[areaCodeList]" keyName="label" round="24px" @confirm="onAreaCodeConfirm" />
-
+        <myModal v-model="state.showAuthModal" :content="state.contentTips"  :cancelShow="false"></myModal>
+        <uvPickerSlef ref="AreaCodePickerRef" title="区号" :columns="[areaCodeList]" keyName="label" round="24px" @confirm="onAreaCodeConfirm" />
+        
     </view>
 </template>
 
@@ -140,7 +140,8 @@ import { navigateBack } from '@/utils/common.js';
 import navBar from "@/components/navBar.vue";
 import { isShichang } from '@/config/index.js'
 import myUpload from "@/components/myUpload.vue";
-import AgreementCheck from "@/components/agreementCheck.vue";
+// import AgreementCheck from "@/components/agreementCheck.vue";
+import uvPickerSlef from "@/components/uv-pickerself/components/uv-picker/uv-picker.vue";
 // 主题色配置
 import { useMainStore } from "@/store/index.js";
 import myModal from "@/components/myModal.vue";