From 69c2047690489ea86d3d1958accd520d08d51a53 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 17 Feb 2025 16:14:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=BD=AE=E4=BC=91=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=20=E4=B8=B4=E6=97=B6=E5=A4=96=E5=87=BA=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                            | 283 ++++----
 src/pages/index/index.vue                 | 402 ++++++-----
 src/pages/login/index.vue                 | 822 +++++++++++-----------
 src/pages/my/index.vue                    | 469 ++++++------
 src/pages/stagger-holidays/details.vue    | 241 +++++++
 src/pages/stagger-holidays/index.vue      | 659 +++++++++++++++++
 src/pages/stagger-holidays/recordList.vue | 145 ++++
 src/pages/temporary-outing/details.vue    | 241 +++++++
 src/pages/temporary-outing/index.vue      | 666 ++++++++++++++++++
 src/pages/temporary-outing/recordList.vue | 143 ++++
 src/static/go_out.png                     | Bin 0 -> 3722 bytes
 src/static/lx_icon.png                    | Bin 0 -> 3832 bytes
 12 files changed, 3110 insertions(+), 961 deletions(-)
 create mode 100644 src/pages/stagger-holidays/details.vue
 create mode 100644 src/pages/stagger-holidays/index.vue
 create mode 100644 src/pages/stagger-holidays/recordList.vue
 create mode 100644 src/pages/temporary-outing/details.vue
 create mode 100644 src/pages/temporary-outing/index.vue
 create mode 100644 src/pages/temporary-outing/recordList.vue
 create mode 100644 src/static/go_out.png
 create mode 100644 src/static/lx_icon.png

diff --git a/src/pages.json b/src/pages.json
index c7fe08e..d2a803c 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,136 +1,149 @@
 {
-	"pages": [
-		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		// {
-		//     "path": "pages/index/index",
-		//     "style": {
-		//         "navigationBarTitleText": "uni-app"
-		//     }
-		// },
-		// 首页
-		{
-			"path": "pages/login/index",
-			"style": {
-				"navigationBarTitleText": "登录"
-			}
-		},
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "首页"
-			}
-		},
-		{
-			"path": "pages/face/index",
-			"style": {
-				"navigationBarTitleText": "人脸录入",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		},
-		{
-			"path": "pages/clock/index",
-			"style": {
-				"navigationBarTitleText": "考勤打卡",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		},
-		// 我的
-		{
-			"path": "pages/my/index",
-			"style": {
-				"navigationBarTitleText": "我的"
-			}
-		},
-		// 出差报备
-		{
-			"path": "pages/evection/index",
-			"style": {
-				"navigationBarTitleText": "出差报备"
-			}
-		},
-		// 报备记录列表
-		{
-			"path": "pages/evection/recordList",
-			"style": {
-				"navigationBarTitleText": "报备记录"
-			}
-		},
-		// 报备记录列表
-		{
-			"path": "pages/evection/details",
-			"style": {
-				"navigationBarTitleText": "出差报备详情"
-			}
-		},
-		// 休假报备
-		{
-			"path": "pages/holiday/index",
-			"style": {
-				"navigationBarTitleText": "休假报备"
-			}
-		},
-		// 报备记录列表
-		{
-		    "path": "pages/holiday/recordList",
-		    "style": {
-		        "navigationBarTitleText": "报备记录"
-		    }
-		},
-		// 报备记录列表
-		{
-		    "path": "pages/holiday/details",
-		    "style": {
-		        "navigationBarTitleText": "休假报备详情"
-		    }
-		},
-		//修改密码
-		{
-			"path": "pages/password/index",
-			"style": {
-				"navigationBarTitleText": "修改密码"
-			}
-		},
-		{
-			"path" : "pages/panel/index",
-			"style" : 
-			{
-				"navigationBarTitleText" : "面板",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		},
-		{
-			"path" : "pages/clock/detail",
-			"style" : 
-			{
-				"navigationBarTitleText" : "人脸考勤",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		}
-	],
-	"tabBar": {
-		"color": "#2c2c2c",
-		"selectedColor": "#1296db",
-		"borderStyle": "black",
-		"backgroundColor": "#FFFFFF",
-		"iconWidth": "24px",
-		"list": [{
-				"pagePath": "pages/index/index",
-				"text": "首页",
-				"iconPath": "static/home.png",
-				"selectedIconPath": "static/homeSelected.png"
-			},
-			{
-				"pagePath": "pages/my/index",
-				"text": "我的",
-				"iconPath": "static/workSpace.png",
-				"selectedIconPath": "static/workSpaceSelected.png"
-			}
-		]
-	},
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
-	}
-}
\ No newline at end of file
+    "pages": [
+        //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+        // {
+        //     "path": "pages/index/index",
+        //     "style": {
+        //         "navigationBarTitleText": "uni-app"
+        //     }
+        // },
+        // 首页
+        {
+            "path": "pages/login/index",
+            "style": {
+                "navigationBarTitleText": "登录"
+            }
+        },
+        {
+            "path": "pages/index/index",
+            "style": {
+                "navigationBarTitleText": "首页"
+            }
+        },
+        {
+            "path": "pages/face/index",
+            "style": {
+                "navigationBarTitleText": "人脸录入",
+                "navigationBarBackgroundColor": "#ffffff"
+            }
+        },
+        {
+            "path": "pages/clock/index",
+            "style": {
+                "navigationBarTitleText": "考勤打卡",
+                "navigationBarBackgroundColor": "#ffffff"
+            }
+        },
+        // 我的
+        {
+            "path": "pages/my/index",
+            "style": {
+                "navigationBarTitleText": "我的"
+            }
+        },
+        // 出差报备
+        {
+            "path": "pages/evection/index",
+            "style": {
+                "navigationBarTitleText": "出差报备"
+            }
+        },
+        // 报备记录列表
+        {
+            "path": "pages/evection/recordList",
+            "style": {
+                "navigationBarTitleText": "报备记录"
+            }
+        },
+        // 报备记录列表
+        {
+            "path": "pages/evection/details",
+            "style": {
+                "navigationBarTitleText": "出差报备详情"
+            }
+        },
+        // 休假报备
+        {
+            "path": "pages/holiday/index",
+            "style": {
+                "navigationBarTitleText": "休假报备"
+            }
+        },
+        // 报备记录列表
+        {
+            "path": "pages/holiday/recordList",
+            "style": {
+                "navigationBarTitleText": "报备记录"
+            }
+        },
+        // 报备记录列表
+        {
+            "path": "pages/holiday/details",
+            "style": {
+                "navigationBarTitleText": "休假报备详情"
+            }
+        },
+        //修改密码
+        {
+            "path": "pages/password/index",
+            "style": {
+                "navigationBarTitleText": "修改密码"
+            }
+        },
+        {
+            "path": "pages/panel/index",
+            "style": {
+                "navigationBarTitleText": "面板",
+                "navigationBarBackgroundColor": "#ffffff"
+            }
+        },
+        {
+            "path": "pages/clock/detail",
+            "style": {
+                "navigationBarTitleText": "人脸考勤",
+                "navigationBarBackgroundColor": "#ffffff"
+            }
+        },
+        // 轮休申请
+        {
+            "path": "pages/stagger-holidays/index",
+            "style": {
+                "navigationBarTitleText": "轮休申请"
+            }
+        },
+        // 临时外出申请
+        {
+            "path": "pages/temporary-outing/index",
+            "style": {
+                "navigationBarTitleText": "临时外出申请"
+            }
+        }
+    ],
+    "tabBar": {
+        "color": "#2c2c2c",
+        "selectedColor": "#1296db",
+        "borderStyle": "black",
+        "backgroundColor": "#FFFFFF",
+        "iconWidth": "24px",
+        "list": [
+            {
+                "pagePath": "pages/index/index",
+                "text": "首页",
+                "iconPath": "static/home.png",
+                "selectedIconPath": "static/homeSelected.png"
+            },
+            {
+                "pagePath": "pages/my/index",
+                "text": "我的",
+                "iconPath": "static/workSpace.png",
+                "selectedIconPath": "static/workSpaceSelected.png"
+            }
+        ]
+    },
+    "globalStyle": {
+        "navigationBarTextStyle": "black",
+        "navigationBarTitleText": "uni-app",
+        "navigationBarBackgroundColor": "#F8F8F8",
+        "backgroundColor": "#F8F8F8"
+    }
+}
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 9910f70..6a7bd4a 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,217 +1,233 @@
 <template>
-	<view class="container">
-		<!-- 用户信息区域 -->
-		<view class="user-info">
-			<image class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
-			<view class="user-detail">
-				<text class="username">{{userInfo.name}}</text>
-				<text class="phone">{{userInfo.phone}}</text>
-			</view>
-		</view>
+    <view class="container">
+        <!-- 用户信息区域 -->
+        <view class="user-info">
+            <image class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
+            <view class="user-detail">
+                <text class="username">{{ userInfo.name }}</text>
+                <text class="phone">{{ userInfo.phone }}</text>
+            </view>
+        </view>
 
-		<!-- 插画区域 -->
-		<view class="illustration">
-			<image src="/static/banner.png" mode="aspectFit"></image>
-		</view>
+        <!-- 插画区域 -->
+        <view class="illustration">
+            <image src="/static/banner.png" mode="aspectFit"></image>
+        </view>
 
-		<!-- 申请报备区域 -->
-		<view class="section">
-			<view class="section-title">申请报备</view>
-			<view class="grid-box">
-				<view class="grid-item" @click="handleNavigate('/pages/evection/index')">
-					<image src="/static/evection.png" mode="aspectFit"></image>
-					<text class="centered-text">出差报备</text>
-				</view>
-				<view class="grid-item" @click="handleNavigate('/pages/holiday/index')">
-					<image src="/static/holiday.png" mode="aspectFit"></image>
-					<text class="centered-text">休假报备</text>
-				</view>
-			</view>
-		</view>
+        <!-- 申请报备区域 -->
+        <view class="section">
+            <view class="section-title">申请报备</view>
+            <view class="grid-box">
+                <view class="grid-item" @click="handleNavigate('/pages/evection/index')">
+                    <image src="/static/evection.png" mode="aspectFit"></image>
+                    <text class="centered-text">出差报备</text>
+                </view>
+                <view class="grid-item" @click="handleNavigate('/pages/holiday/index')">
+                    <image src="/static/holiday.png" mode="aspectFit"></image>
+                    <text class="centered-text">休假报备</text>
+                </view>
+                <view class="grid-item" @click="handleNavigate('/pages/stagger-holidays/index')">
+                    <image src="/static/lx_icon.png" mode="aspectFit"></image>
+                    <text class="centered-text">轮休申请</text>
+                </view>
+                <view class="grid-item" @click="handleNavigate('/pages/temporary-outing/index')">
+                    <image src="/static/go_out.png" mode="aspectFit"></image>
+                    <text class="centered-text">临时外出申请</text>
+                </view>
+            </view>
+        </view>
 
-		<!-- 考勤打卡区域 -->
-		<view class="section" v-if="isPd==1">
-			<view class="section-title">考勤打卡</view>
-			<view class="grid-box">
-				<view class="grid-item" @click="handleNavigate('/pages/clock/index')">
-					<image src="/static/clockIn.png" mode="aspectFit"></image>
-					<text class="centered-text">考勤打卡</text>
-				</view>
-			</view>
-		</view>
-	</view>
+        <!-- 考勤打卡区域 -->
+        <view class="section" v-if="isPd == 1">
+            <view class="section-title">考勤打卡</view>
+            <view class="grid-box">
+                <view class="grid-item" @click="handleNavigate('/pages/clock/index')">
+                    <image src="/static/clockIn.png" mode="aspectFit"></image>
+                    <text class="centered-text">考勤打卡</text>
+                </view>
+            </view>
+        </view>
+    </view>
 </template>
 
 <script>
-	import {selectFaceInfo,getUsetInfo} from "@/api/index.js"
-	export default {
-		data() {
-			return {
-				userInfo: {
-					token: '',
-					userId: '',
-					name: '',
-					phone: '',
-					avatar: '/static/defaultHead.png'
-				},
-				isPd: 0,
-			}
+    import { selectFaceInfo, getUsetInfo } from '@/api/index.js'
+    export default {
+        data() {
+            return {
+                userInfo: {
+                    token: '',
+                    userId: '',
+                    name: '',
+                    phone: '',
+                    avatar: '/static/defaultHead.png',
+                },
+                isPd: 0,
+            }
+        },
+        mounted() {
+            // 在组件挂载后读取存储的数据
+            this.userInfo.token = uni.getStorageSync('token') || ''
+            this.userInfo.userId = uni.getStorageSync('userId') || ''
+            this.userInfo.name = uni.getStorageSync('username') || ''
+            this.userInfo.phone = uni.getStorageSync('phone') || ''
+            if (/^1\d{10}$/.test(this.userInfo.phone)) {
+                this.userInfo.phone = this.maskPhoneNumber(this.userInfo.phone)
+            }
+            this.isPd = uni.getStorageSync('isPd') || 0
+            console.log('isPd', this.isPd)
+            if (Number(this.isPd) !== 0) {
+                this.selectFaceInfoEvent()
+            }
+        },
+        onLoad() {},
+        onShow() {
+            this.getUsetInfoEvent()
+        },
+        methods: {
+            // 获取用户信息
+            getUsetInfoEvent() {
+                getUsetInfo(uni.getStorageSync('userId')).then((res) => {
+                    if (res.res == 1) {
+                        if (res.obj && res.obj.appliedFace) {
+                            if (
+                                res.obj.appliedFace == '' ||
+                                res.obj.appliedFace == null ||
+                                res.obj.appliedFace == 'null'
+                            ) {
+                                this.userInfo.avatar = '/static/defaultHead.png'
+                            } else {
+                                this.userInfo.avatar = res.obj.appliedFace
+                            }
+                        }
+                    }
+                })
+            },
 
-		},
-		mounted() {
-			// 在组件挂载后读取存储的数据
-			this.userInfo.token = uni.getStorageSync('token') || '';
-			this.userInfo.userId = uni.getStorageSync('userId') || '';
-			this.userInfo.name = uni.getStorageSync('username') || '';
-			this.userInfo.phone = uni.getStorageSync('phone') || '';
-			if(/^1\d{10}$/.test(this.userInfo.phone)) {
-				this.userInfo.phone = this.maskPhoneNumber(this.userInfo.phone)
-			}
-			this.isPd = uni.getStorageSync('isPd') || 0;
-			console.log("isPd", this.isPd)
-			if(Number(this.isPd) !== 0) {
-				this.selectFaceInfoEvent()
-			}
-		},
-		onLoad() {
-			
-		},
-		onShow() {
-			this.getUsetInfoEvent()
-		},
-		methods: {
-			// 获取用户信息
-			getUsetInfoEvent() {
-				getUsetInfo(uni.getStorageSync('userId')).then(res => {
-					if(res.res == 1) {
-						if(res.obj && res.obj.appliedFace) {
-							if(res.obj.appliedFace == '' || res.obj.appliedFace == null || res.obj.appliedFace == 'null') {
-								this.userInfo.avatar = '/static/defaultHead.png'
-							}else{
-								this.userInfo.avatar = res.obj.appliedFace
-							}
-						}
-					}
-				})
-			},
-			
-			maskPhoneNumber(phoneNumber) {
-			  return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
-			},
-			
-			// 提示用户录入人脸
-			selectFaceInfoEvent() {
-				selectFaceInfo().then(res => {
-					if(res.obj == '103') {
-						uni.showModal({
-							title: '提示',
-							content: '您当前还未录入人脸信息，请先录入',
-							success: res => {
-								if(res.confirm) {
-									uni.navigateTo({
-										url: '/pages/face/index'
-									})
-								}
-							}
-						});
-					}
-				})
-			},
-			handleNavigate(url) {
-				uni.navigateTo({
-					url
-				})
-			}
-		}
-	}
+            maskPhoneNumber(phoneNumber) {
+                return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+            },
+
+            // 提示用户录入人脸
+            selectFaceInfoEvent() {
+                selectFaceInfo().then((res) => {
+                    if (res.obj == '103') {
+                        uni.showModal({
+                            title: '提示',
+                            content: '您当前还未录入人脸信息，请先录入',
+                            success: (res) => {
+                                if (res.confirm) {
+                                    uni.navigateTo({
+                                        url: '/pages/face/index',
+                                    })
+                                }
+                            },
+                        })
+                    }
+                })
+            },
+            handleNavigate(url) {
+                uni.navigateTo({
+                    url,
+                })
+            },
+        },
+    }
 </script>
 
-<style lang="scss">
-	.container {
-		min-height: 100vh;
-		padding: 30rpx;
-		background-color: #fff;
-	}
+<style lang="scss" scoped>
+    .container {
+        min-height: 100vh;
+        padding: 30rpx;
+        background-color: #fff;
+    }
 
-	.user-info {
-		display: flex;
-		align-items: center;
-		margin-bottom: 30rpx;
+    .user-info {
+        display: flex;
+        align-items: center;
+        margin-bottom: 30rpx;
 
-		.avatar {
-			width: 100rpx;
-			height: 100rpx;
-			border-radius: 50%;
-			margin-right: 20rpx;
-		}
+        .avatar {
+            width: 100rpx;
+            height: 100rpx;
+            border-radius: 50%;
+            margin-right: 20rpx;
+        }
 
-		.user-detail {
-			display: flex;
-			flex-direction: column;
+        .user-detail {
+            display: flex;
+            flex-direction: column;
 
-			.username {
-				font-size: 32rpx;
-				font-weight: bold;
-				color: #333;
-				margin-bottom: 6rpx;
-			}
+            .username {
+                font-size: 32rpx;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 6rpx;
+            }
 
-			.phone {
-				font-size: 28rpx;
-				color: #666;
-			}
-		}
-	}
+            .phone {
+                font-size: 28rpx;
+                color: #666;
+            }
+        }
+    }
 
-	.illustration {
-		margin: 40rpx 0;
-		text-align: center;
+    .illustration {
+        margin: 40rpx 0;
+        text-align: center;
 
-		image {
-			width: 100%;
-			height: 300rpx;
-		}
-	}
+        image {
+            width: 100%;
+            height: 300rpx;
+        }
+    }
 
-	.section {
-		margin-bottom: 40rpx;
+    .section {
+        margin-bottom: 40rpx;
 
-		.section-title {
-			font-size: 32rpx;
-			font-weight: bold;
-			color: #333;
-			margin-bottom: 20rpx;
-		}
+        .section-title {
+            font-size: 32rpx;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 20rpx;
+        }
 
-		.grid-box {
-			display: flex;
-			flex-wrap: wrap;
-			margin: 0 -10rpx;
+        .grid-box {
+            display: flex;
+            flex-wrap: wrap;
+            // margin: 0 -10rpx;
 
-			.grid-item {
-				width: calc(30% - 20rpx);
-				margin: 10rpx;
-				padding: 30rpx;
-				background-color: #f8f8f8;
-				border-radius: 12rpx;
-				text-align: center;
+            .grid-item {
+                // width: calc(30% - 20rpx);
+                width: calc((100% - 10rpx) / 2);
+                margin-right: 10rpx;
+                margin-top: 10rpx;
+                padding: 30rpx;
+                background-color: #f8f8f8;
+                border-radius: 12rpx;
+                text-align: center;
+                box-sizing: border-box;
 
-				image {
-					width: 80rpx;
-					height: 80rpx;
-					margin-bottom: 16rpx;
-				}
+                image {
+                    width: 80rpx;
+                    height: 80rpx;
+                    margin-bottom: 16rpx;
+                }
 
-				text {
-					font-size: 28rpx;
-					color: #333;
-				}
-			}
-		}
-	}
+                text {
+                    font-size: 28rpx;
+                    color: #333;
+                }
+            }
 
-	.centered-text {
-		text-align: center;
-		display: block;
-	}
-</style>
\ No newline at end of file
+            .grid-item:nth-child(2n) {
+                margin-right: 0;
+            }
+        }
+    }
+
+    .centered-text {
+        text-align: center;
+        display: block;
+    }
+</style>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index e9141f1..8c24d8a 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -1,440 +1,454 @@
 <template>
-	<view class="login-container">
-		<!-- 顶部图标和标题 -->
-		<view class="header">
-			<image class="logo" src="/static/logo.png" mode="aspectFit"></image>
-			<text class="title">欢迎登录考勤系统</text>
-		</view>
+    <view class="login-container">
+        <!-- 顶部图标和标题 -->
+        <view class="header">
+            <image class="logo" src="/static/logo.png" mode="aspectFit"></image>
+            <text class="title">欢迎登录考勤系统</text>
+        </view>
 
-		<!-- 表单区域 -->
-		<view class="form-box">
-			<!-- 手机号输入框 -->
-			<view class="menu-item-left">
-				<image style="width: 20px; height: 20px; margin-right: 5px; vertical-align: middle;"
-					src="/static/phone.png" mode="aspectFit"></image>
-				<text class="menu-text" style="vertical-align: middle;">手机号</text>
-			</view>
-			<view class="input-item">
-				<uni-icons type="person" size="20" color="#999"></uni-icons>
-				<input type="number" v-model="form.phone" placeholder="请输入手机号" maxlength="11" />
-			</view>
+        <!-- 表单区域 -->
+        <view class="form-box">
+            <!-- 手机号输入框 -->
+            <view class="menu-item-left">
+                <image
+                    style="width: 20px; height: 20px; margin-right: 5px; vertical-align: middle"
+                    src="/static/phone.png"
+                    mode="aspectFit"
+                ></image>
+                <text class="menu-text" style="vertical-align: middle">手机号</text>
+            </view>
+            <view class="input-item">
+                <uni-icons type="person" size="20" color="#999"></uni-icons>
+                <input
+                    type="number"
+                    v-model="form.phone"
+                    placeholder="请输入手机号"
+                    maxlength="11"
+                />
+            </view>
 
-			<view class="menu-item-left">
-				<image style="width: 20px; height: 20px;  margin-right: 5px; vertical-align: middle;"
-					src="/static/password.png" mode="aspectFit"></image>
-				<text class="menu-text" style="vertical-align: middle;">密码</text>
-			</view>
-			<!-- 密码输入框 -->
-			<view class="input-item">
-				<uni-icons type="locked" size="20" color="#999"></uni-icons>
-				<input type="password" v-model="form.password" placeholder="请输入密码" />
-			</view>
+            <view class="menu-item-left">
+                <image
+                    style="width: 20px; height: 20px; margin-right: 5px; vertical-align: middle"
+                    src="/static/password.png"
+                    mode="aspectFit"
+                ></image>
+                <text class="menu-text" style="vertical-align: middle">密码</text>
+            </view>
+            <!-- 密码输入框 -->
+            <view class="input-item">
+                <uni-icons type="locked" size="20" color="#999"></uni-icons>
+                <input type="password" v-model="form.password" placeholder="请输入密码" />
+            </view>
 
-			<!-- 登录按钮 -->
-			<button class="login-btn" @click="handleLogin">登录</button>
+            <!-- 登录按钮 -->
+            <button class="login-btn" @click="handleLogin">登录</button>
 
-			<!-- 一键登录链接 -->
-			<!-- <view class="quick-login" @click="handleQuickLogin">
+            <!-- 一键登录链接 -->
+            <!-- <view class="quick-login" @click="handleQuickLogin">
 				本机号码一键登录
 			</view> -->
 
-			<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">
-				一键登录
-			</button>
+            <button class="login-btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">
+                一键登录
+            </button>
 
-			<!-- https://blog.csdn.net/weixin_73318685/article/details/141530696 -->
-			<!-- <button bindphoneoneclicklogin="onHandleLogin" open-type="phoneOneClickLogin">本机号码一键登录</button> -->
-		</view>
+            <!-- https://blog.csdn.net/weixin_73318685/article/details/141530696 -->
+            <!-- <button bindphoneoneclicklogin="onHandleLogin" open-type="phoneOneClickLogin">本机号码一键登录</button> -->
+        </view>
 
-		<!-- 版本号 -->
-		<view class="version">{{version}}</view>
-	</view>
+        <!-- 版本号 -->
+        <view class="version">{{ version }}</view>
+    </view>
 </template>
 
 <script>
-	import {
-		loginApi,
-		getPhonenumberLogin,
-		getPhonenumberByCode
-	} from '../../api/index.js'
-	import {
-		encryptCBC,
-		decryptCBC
-	} from '../../utils/http.js'
-	export default {
-		data() {
-			return {
-				form: {
-					phone: '',
-					password: ''
-				},
-				version: '1.0.6'
-			}
-		},
-		onLoad() {
-			// develop开发版  trial体验版  release正式版
-			this.checkForUpdates();
+    import { loginApi, getPhonenumberLogin, getPhonenumberByCode } from '../../api/index.js'
+    import { encryptCBC, decryptCBC } from '../../utils/http.js'
+    export default {
+        data() {
+            return {
+                form: {
+                    phone: '15240004260',
+                    password: 'GZkq@123456!',
+                },
+                version: '1.0.6',
+            }
+        },
+        onLoad() {
+            // develop开发版  trial体验版  release正式版
+            this.checkForUpdates()
 
-			let miniProgram = wx.getAccountInfoSync().miniProgram
-			if (miniProgram == 'release' || miniProgram == 'trial') {
-				this.version = wx.getAccountInfoSync().miniProgram.version || this.version
-			}
-			var isLoginOut = uni.getStorageSync('isLoginOut');
-			if (isLoginOut != "yes") {
-				wx.login({
-					success: (res) => {
-						if (res.code) {
-							const data = {
-								code: res.code
-							};
-							getPhonenumberByCode(data).then(response => {
-								console.log("responsessss", response)
-								if (response.resMsg === 'success') {
-									var phoneLogin = response.obj;
-									console.log('phoneLogin', phoneLogin);
-									if (phoneLogin != "" && phoneLogin != null) {
-										this.getLogin(phoneLogin);
-									}
-								}
-							}).catch(err => {
-								console.log("登录失败，请稍后再试");
-							})
-						} else {
-							uni.showModal({
-								title: '提示',
-								content: '请允许授权，用于该服务',
-								showCancel: false
-							});
-						}
-					}
-				})
-			}
-		},
-		methods: {
-			// 处理登录
-			handleLogin() {
-				if (!this.form.phone || !this.form.password) {
-					uni.showToast({
-						title: '请输入手机号和密码',
-						icon: 'none'
-					});
-					return;
-				}
-				if (this.form.phone.length != 11) {
-					uni.showToast({
-						title: '请输入正确的手机号',
-						icon: 'none'
-					});
-					return;
-				}
+            let miniProgram = wx.getAccountInfoSync().miniProgram
+            if (miniProgram == 'release' || miniProgram == 'trial') {
+                this.version = wx.getAccountInfoSync().miniProgram.version || this.version
+            }
+            var isLoginOut = uni.getStorageSync('isLoginOut')
+            if (isLoginOut != 'yes') {
+                wx.login({
+                    success: (res) => {
+                        if (res.code) {
+                            const data = {
+                                code: res.code,
+                            }
+                            getPhonenumberByCode(data)
+                                .then((response) => {
+                                    console.log('responsessss', response)
+                                    if (response.resMsg === 'success') {
+                                        // var phoneLogin = response.obj;
+                                        // console.log('phoneLogin', phoneLogin);
+                                        // if (phoneLogin != "" && phoneLogin != null) {
+                                        // 	this.getLogin(phoneLogin);
+                                        // }
+                                    }
+                                })
+                                .catch((err) => {
+                                    console.log('登录失败，请稍后再试')
+                                })
+                        } else {
+                            uni.showModal({
+                                title: '提示',
+                                content: '请允许授权，用于该服务',
+                                showCancel: false,
+                            })
+                        }
+                    },
+                })
+            }
+        },
+        methods: {
+            // 处理登录
+            handleLogin() {
+                if (!this.form.phone || !this.form.password) {
+                    uni.showToast({
+                        title: '请输入手机号和密码',
+                        icon: 'none',
+                    })
+                    return
+                }
+                if (this.form.phone.length != 11) {
+                    uni.showToast({
+                        title: '请输入正确的手机号',
+                        icon: 'none',
+                    })
+                    return
+                }
 
-				wx.login({
-					success: (res) => {
-						if (res.code) {
-							const data = {
-								username: encryptCBC(this.form.phone), // 假设这里使用手机号作为用户名
-								password: encryptCBC(this.form.password),
-								flage: '1',
-								code: res.code
-							};
-							// return
-							loginApi(data).then(response => {
-								if (response.status === 'success') {
-									console.log('登录成功', response);
-									uni.setStorageSync('token', response.token)
-									uni.setStorageSync('userId', response.id)
-									uni.setStorageSync('phone', response.phone)
-									uni.setStorageSync('username', response.username)
-									uni.setStorageSync('isCader', response.isCader)
-									uni.setStorageSync('isFace', response.isFace)
-									uni.setStorageSync('isPd', response.isPd)
-									uni.setStorageSync('isLoginOut', "no");
-									uni.showToast({
-										icon: 'success',
-										title: '登录成功！',
-										duration: 2000,
-										success: () => {
-											uni.switchTab({
-												url: '/pages/index/index'
-											})
-										}
-									})
-								} else {
-									// 显示错误信息
-									uni.showToast({
-										title: response.msg || '登录失败，请稍后再试',
-										icon: 'none'
-									});
-								}
-							}).catch(error => {
-								console.error('登录请求出错', error);
-								uni.showToast({
-									title: '网络请求异常，请检查您的网络连接',
-									icon: 'none'
-								});
-							});
-						} else {
-							uni.showModal({
-								title: '提示',
-								content: '请允许授权，用于该服务',
-								showCancel: false
-							});
-						}
-					}
-				})
-			},
+                wx.login({
+                    success: (res) => {
+                        if (res.code) {
+                            const data = {
+                                username: encryptCBC(this.form.phone), // 假设这里使用手机号作为用户名
+                                password: encryptCBC(this.form.password),
+                                flage: '1',
+                                code: res.code,
+                            }
+                            // return
+                            loginApi(data)
+                                .then((response) => {
+                                    if (response.status === 'success') {
+                                        console.log('登录成功', response)
+                                        uni.setStorageSync('token', response.token)
+                                        uni.setStorageSync('userId', response.id)
+                                        uni.setStorageSync('phone', response.phone)
+                                        uni.setStorageSync('username', response.username)
+                                        uni.setStorageSync('isCader', response.isCader)
+                                        uni.setStorageSync('isFace', response.isFace)
+                                        uni.setStorageSync('isPd', response.isPd)
+                                        uni.setStorageSync('isLoginOut', 'no')
+                                        uni.showToast({
+                                            icon: 'success',
+                                            title: '登录成功！',
+                                            duration: 2000,
+                                            success: () => {
+                                                uni.switchTab({
+                                                    url: '/pages/index/index',
+                                                })
+                                            },
+                                        })
+                                    } else {
+                                        // 显示错误信息
+                                        uni.showToast({
+                                            title: response.msg || '登录失败，请稍后再试',
+                                            icon: 'none',
+                                        })
+                                    }
+                                })
+                                .catch((error) => {
+                                    console.error('登录请求出错', error)
+                                    uni.showToast({
+                                        title: '网络请求异常，请检查您的网络连接',
+                                        icon: 'none',
+                                    })
+                                })
+                        } else {
+                            uni.showModal({
+                                title: '提示',
+                                content: '请允许授权，用于该服务',
+                                showCancel: false,
+                            })
+                        }
+                    },
+                })
+            },
 
-			// 手机号
-			async onGetPhoneNumber(e) {
-				console.log(e, '打印手机号信息');
-				try {
-					wx.login({
-						success: (res) => {
-							if (res.code) {
-								const data = {
-									code: res.code
-								};
-								this.sendCodeToGetPhonenumber(data, e);
-							} else {
-								uni.showModal({
-									title: '提示',
-									content: '请允许授权，用于该服务',
-									showCancel: false
-								});
-							}
-						}
-					})
-				} catch (error) {
-					console.error('获取手机号失败:', error);
-				}
-			},
+            // 手机号
+            async onGetPhoneNumber(e) {
+                console.log(e, '打印手机号信息')
+                try {
+                    wx.login({
+                        success: (res) => {
+                            if (res.code) {
+                                const data = {
+                                    code: res.code,
+                                }
+                                this.sendCodeToGetPhonenumber(data, e)
+                            } else {
+                                uni.showModal({
+                                    title: '提示',
+                                    content: '请允许授权，用于该服务',
+                                    showCancel: false,
+                                })
+                            }
+                        },
+                    })
+                } catch (error) {
+                    console.error('获取手机号失败:', error)
+                }
+            },
 
-			sendCodeToGetPhonenumber(data, e) {
-				getPhonenumberByCode(data).then(response => {
-					console.log("responsessss", response)
-					if (response.resMsg === 'success') {
-						var phoneLogin = response.obj;
-						console.log('phoneLogin', phoneLogin);
-						if (phoneLogin != "" && phoneLogin != null) {
-							this.getLogin(phoneLogin);
-						} else {
-							console.log("没有获取到openid", e);
-							if (e.detail.errMsg == "getPhoneNumber:ok") {
-								var code = e.detail.code;
-								this.sendPhoneInfoToServer(code);
-							} else {
-								console.error('用户拒绝提供手机号');
-							}
-						}
-					} else {
-						uni.showToast({
-							title: response.msg || '登录失败，请稍后再试',
-							icon: 'none'
-						});
-					}
-				}).catch(err => {
-					uni.showToast({
-						title: '登录失败，请稍后再试',
-						icon: 'none'
-					});
-				})
-			},
+            sendCodeToGetPhonenumber(data, e) {
+                getPhonenumberByCode(data)
+                    .then((response) => {
+                        console.log('responsessss', response)
+                        if (response.resMsg === 'success') {
+                            var phoneLogin = response.obj
+                            console.log('phoneLogin', phoneLogin)
+                            if (phoneLogin != '' && phoneLogin != null) {
+                                this.getLogin(phoneLogin)
+                            } else {
+                                console.log('没有获取到openid', e)
+                                if (e.detail.errMsg == 'getPhoneNumber:ok') {
+                                    var code = e.detail.code
+                                    this.sendPhoneInfoToServer(code)
+                                } else {
+                                    console.error('用户拒绝提供手机号')
+                                }
+                            }
+                        } else {
+                            uni.showToast({
+                                title: response.msg || '登录失败，请稍后再试',
+                                icon: 'none',
+                            })
+                        }
+                    })
+                    .catch((err) => {
+                        uni.showToast({
+                            title: '登录失败，请稍后再试',
+                            icon: 'none',
+                        })
+                    })
+            },
 
-			sendPhoneInfoToServer(code) {
-				var data = {
-					code: code
-				}
-				getPhonenumberLogin(data).then(response => {
-					console.log("responsessss", response)
-					if (response.resMsg === 'success') {
-						console.log('手机号', response.obj);
-						var phoneLogin = response.obj;
-						this.getLogin(phoneLogin)
-					} else {
-						uni.showToast({
-							title: response.msg || '登录失败，请稍后再试',
-							icon: 'none'
-						});
-					}
-				}).catch(err => {
-					uni.showToast({
-						title: '登录失败，请稍后再试',
-						icon: 'none'
-					});
-				})
-			},
+            sendPhoneInfoToServer(code) {
+                var data = {
+                    code: code,
+                }
+                getPhonenumberLogin(data)
+                    .then((response) => {
+                        console.log('responsessss', response)
+                        if (response.resMsg === 'success') {
+                            console.log('手机号', response.obj)
+                            var phoneLogin = response.obj
+                            this.getLogin(phoneLogin)
+                        } else {
+                            uni.showToast({
+                                title: response.msg || '登录失败，请稍后再试',
+                                icon: 'none',
+                            })
+                        }
+                    })
+                    .catch((err) => {
+                        uni.showToast({
+                            title: '登录失败，请稍后再试',
+                            icon: 'none',
+                        })
+                    })
+            },
 
-			getLogin(phoneLogin) {
-				var username = decryptCBC(phoneLogin);
-				console.log("useraname", username);
-				wx.login({
-					success: (res) => {
-						if (res.code) {
-							const data = {
-								username: encryptCBC(username + "wechat"), // 假设这里使用手机号作为用户名
-								flage: '1',
-								code: res.code
-							};
-							// return
-							loginApi(data).then(response => {
-								if (response.status === 'success') {
-									console.log('登录成功', response);
-									uni.setStorageSync('token', response.token)
-									uni.setStorageSync('userId', response.id)
-									uni.setStorageSync('phone', response.phone)
-									uni.setStorageSync('username', response.username)
-									uni.setStorageSync('isCader', response.isCader)
-									uni.setStorageSync('isFace', response.isFace)
-									uni.setStorageSync('isPd', response.isPd)
-									uni.setStorageSync('isLoginOut', "no");
-									uni.showToast({
-										icon: 'success',
-										title: '登录成功！',
-										duration: 2000,
-										success: () => {
-											uni.switchTab({
-												url: '/pages/index/index'
-											})
-										}
-									})
-								} else {
-									// 显示错误信息
-									uni.showToast({
-										title: response.msg || '登录失败，请稍后再试',
-										icon: 'none'
-									});
-								}
-							}).catch(error => {
-								console.error('登录请求出错', error);
-								uni.showToast({
-									title: '网络请求异常，请检查您的网络连接',
-									icon: 'none'
-								});
-							});
-						} else {
-							uni.showModal({
-								title: '提示',
-								content: '请允许授权，用于该服务',
-								showCancel: false
-							});
-						}
-					}
-				})
-			},
-			/**
-			 * 检查并处理小程序更新
-			 */
-			checkForUpdates() {
-				const updateManager = uni.getUpdateManager();
+            getLogin(phoneLogin) {
+                var username = decryptCBC(phoneLogin)
+                console.log('useraname', username)
+                wx.login({
+                    success: (res) => {
+                        if (res.code) {
+                            const data = {
+                                username: encryptCBC(username + 'wechat'), // 假设这里使用手机号作为用户名
+                                flage: '1',
+                                code: res.code,
+                            }
+                            // return
+                            loginApi(data)
+                                .then((response) => {
+                                    if (response.status === 'success') {
+                                        console.log('登录成功', response)
+                                        uni.setStorageSync('token', response.token)
+                                        uni.setStorageSync('userId', response.id)
+                                        uni.setStorageSync('phone', response.phone)
+                                        uni.setStorageSync('username', response.username)
+                                        uni.setStorageSync('isCader', response.isCader)
+                                        uni.setStorageSync('isFace', response.isFace)
+                                        uni.setStorageSync('isPd', response.isPd)
+                                        uni.setStorageSync('isLoginOut', 'no')
+                                        uni.showToast({
+                                            icon: 'success',
+                                            title: '登录成功！',
+                                            duration: 2000,
+                                            success: () => {
+                                                uni.switchTab({
+                                                    url: '/pages/index/index',
+                                                })
+                                            },
+                                        })
+                                    } else {
+                                        // 显示错误信息
+                                        uni.showToast({
+                                            title: response.msg || '登录失败，请稍后再试',
+                                            icon: 'none',
+                                        })
+                                    }
+                                })
+                                .catch((error) => {
+                                    console.error('登录请求出错', error)
+                                    uni.showToast({
+                                        title: '网络请求异常，请检查您的网络连接',
+                                        icon: 'none',
+                                    })
+                                })
+                        } else {
+                            uni.showModal({
+                                title: '提示',
+                                content: '请允许授权，用于该服务',
+                                showCancel: false,
+                            })
+                        }
+                    },
+                })
+            },
+            /**
+             * 检查并处理小程序更新
+             */
+            checkForUpdates() {
+                const updateManager = uni.getUpdateManager()
 
-				// 检查更新
-				updateManager.onCheckForUpdate((res) => {
-					console.log('[App] 是否有新版本:', res.hasUpdate);
-				});
+                // 检查更新
+                updateManager.onCheckForUpdate((res) => {
+                    console.log('[App] 是否有新版本:', res.hasUpdate)
+                })
 
-				// 监听新版本下载成功
-				updateManager.onUpdateReady(() => {
-					this.promptForUpdate(updateManager);
-				});
+                // 监听新版本下载成功
+                updateManager.onUpdateReady(() => {
+                    this.promptForUpdate(updateManager)
+                })
 
-				// 监听新版本下载失败
-				updateManager.onUpdateFailed(() => {
-			  console.error('[App] 新版本下载失败');
-				});
-			},
+                // 监听新版本下载失败
+                updateManager.onUpdateFailed(() => {
+                    console.error('[App] 新版本下载失败')
+                })
+            },
 
-			/**
-			 * 提示用户应用新版本
-			 * @param {Object} updateManager - 更新管理对象
-			 */
-			promptForUpdate(updateManager) {
-				uni.showModal({
-					title: '更新提示',
-					content: '新版本已准备好，是否重启应用？',
-					showCancel: false,
-					success: (res) => {
-						if (res.confirm) {
-							console.log('[App] 用户确认重启应用');
-							updateManager.applyUpdate();
-						}
-					},
-				});
-			},
-		},
-		onHandleLogin(e) {
-			console.log(e)
-		}
-	}
+            /**
+             * 提示用户应用新版本
+             * @param {Object} updateManager - 更新管理对象
+             */
+            promptForUpdate(updateManager) {
+                uni.showModal({
+                    title: '更新提示',
+                    content: '新版本已准备好，是否重启应用？',
+                    showCancel: false,
+                    success: (res) => {
+                        if (res.confirm) {
+                            console.log('[App] 用户确认重启应用')
+                            updateManager.applyUpdate()
+                        }
+                    },
+                })
+            },
+        },
+        onHandleLogin(e) {
+            console.log(e)
+        },
+    }
 </script>
 
 <style lang="scss">
-	.login-container {
-		min-height: 100vh;
-		padding: 0 50rpx;
-		background-color: #fff;
+    .login-container {
+        min-height: 100vh;
+        padding: 0 50rpx;
+        background-color: #fff;
 
-		.header {
-			padding-top: 100rpx;
-			// text-align: center;
+        .header {
+            padding-top: 100rpx;
+            // text-align: center;
 
-			.logo {
-				width: 45px;
-				height: 45px;
-			}
+            .logo {
+                width: 45px;
+                height: 45px;
+            }
 
-			.title {
-				display: block;
-				margin-top: 20rpx;
-				font-size: 16px;
-				color: #333;
-				font-weight: bold;
-			}
-		}
+            .title {
+                display: block;
+                margin-top: 20rpx;
+                font-size: 16px;
+                color: #333;
+                font-weight: bold;
+            }
+        }
 
-		.form-box {
-			margin-top: 80rpx;
+        .form-box {
+            margin-top: 80rpx;
 
-			.input-item {
-				display: flex;
-				align-items: center;
-				height: 100rpx;
-				margin-bottom: 30rpx;
-				padding: 0 20rpx;
-				border-bottom: 1rpx solid #eee;
+            .input-item {
+                display: flex;
+                align-items: center;
+                height: 100rpx;
+                margin-bottom: 30rpx;
+                padding: 0 20rpx;
+                border-bottom: 1rpx solid #eee;
 
-				input {
-					flex: 1;
-					margin-left: 20rpx;
-					font-size: 32rpx;
-				}
-			}
+                input {
+                    flex: 1;
+                    margin-left: 20rpx;
+                    font-size: 32rpx;
+                }
+            }
 
-			.login-btn {
-				margin-top: 60rpx;
-				height: 90rpx;
-				line-height: 90rpx;
-				background-color: #4080FF;
-				color: #fff;
-				font-size: 32rpx;
-				border-radius: 45rpx;
-			}
+            .login-btn {
+                margin-top: 60rpx;
+                height: 90rpx;
+                line-height: 90rpx;
+                background-color: #4080ff;
+                color: #fff;
+                font-size: 32rpx;
+                border-radius: 45rpx;
+            }
 
-			.quick-login {
-				margin-top: 30rpx;
-				text-align: center;
-				font-size: 28rpx;
-				color: #666;
-			}
-		}
+            .quick-login {
+                margin-top: 30rpx;
+                text-align: center;
+                font-size: 28rpx;
+                color: #666;
+            }
+        }
 
-		.version {
-			position: fixed;
-			bottom: 60rpx;
-			left: 0;
-			right: 0;
-			text-align: center;
-			font-size: 24rpx;
-			color: #999;
-		}
-	}
+        .version {
+            position: fixed;
+            bottom: 60rpx;
+            left: 0;
+            right: 0;
+            text-align: center;
+            font-size: 24rpx;
+            color: #999;
+        }
+    }
 </style>
diff --git a/src/pages/my/index.vue b/src/pages/my/index.vue
index 052713d..ae26160 100644
--- a/src/pages/my/index.vue
+++ b/src/pages/my/index.vue
@@ -1,260 +1,271 @@
 <template>
-	<view class="container">
-		<!-- 用户信息区域 -->
-		<view class="user-info">
-			<image class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
-			<view class="user-detail">
-				<text class="username">{{userInfo.name}}</text>
-				<text class="phone">{{userInfo.phone}}</text>
-			</view>
-		</view>
+    <view class="container">
+        <!-- 用户信息区域 -->
+        <view class="user-info">
+            <image class="avatar" :src="userInfo.avatar" mode="aspectFill"></image>
+            <view class="user-detail">
+                <text class="username">{{ userInfo.name }}</text>
+                <text class="phone">{{ userInfo.phone }}</text>
+            </view>
+        </view>
 
-		<view class="menu-list">
-			<view class="menu-item" @tap="onChangePassword">
-				<view class="menu-item-left">
-					<image style="width: 20px; height: 20px; margin-right: 10px;" src="/static/updatePassword.png"
-						mode="aspectFit"></image>
-					<text class="menu-text">修改密码</text>
-				</view>
-				<image style="width: 20px; height: 20px;" src="/static/more.png" mode="aspectFit"></image>
-			</view>
+        <view class="menu-list">
+            <view class="menu-item" @tap="onChangePassword">
+                <view class="menu-item-left">
+                    <image
+                        style="width: 20px; height: 20px; margin-right: 10px"
+                        src="/static/updatePassword.png"
+                        mode="aspectFit"
+                    ></image>
+                    <text class="menu-text">修改密码</text>
+                </view>
+                <image
+                    style="width: 20px; height: 20px"
+                    src="/static/more.png"
+                    mode="aspectFit"
+                ></image>
+            </view>
 
-			<view class="menu-item" @tap="onCheckForUpdates">
-				<view class="menu-item-left">
-					<image style="width: 20px; height: 20px; margin-right: 10px;" src="/static/version.png"
-						mode="aspectFit"></image>
-					<text class="menu-text">检查新版本</text>
-				</view>
-				<text class="version">{{version}}</text>
-			</view>
-		</view>
+            <view class="menu-item" @tap="onCheckForUpdates">
+                <view class="menu-item-left">
+                    <image
+                        style="width: 20px; height: 20px; margin-right: 10px"
+                        src="/static/version.png"
+                        mode="aspectFit"
+                    ></image>
+                    <text class="menu-text">检查新版本</text>
+                </view>
+                <text class="version">{{ version }}</text>
+            </view>
+        </view>
 
-		<button class="logout-btn" @tap="onLogout">退出登录</button>
-	</view>
+        <button class="logout-btn" @tap="onLogout">退出登录</button>
+    </view>
 </template>
 
 <script>
-	import {
-		getUsetInfo
-	} from "@/api/index.js"
-	export default {
-		data() {
-			return {
-				userInfo: {
-					name: '',
-					phone: '',
-					avatar: '/static/defaultHead.png'
-				},
-				version: '1.0.6'
-			}
-		},
-		onLoad() {
-			// develop开发版  trial体验版  release正式版
-			let miniProgram = wx.getAccountInfoSync().miniProgram
-			if (miniProgram == 'release' || miniProgram == 'trial') {
-				this.version = wx.getAccountInfoSync().miniProgram.version || this.version
-			}
-		},
-		onShow() {
-			this.getUsetInfoEvent()
-		},
-		mounted() {
-			// 在组件挂载后读取存储的数据
-			this.userInfo.name = uni.getStorageSync('username') || '';
-			this.userInfo.phone = uni.getStorageSync('phone') || '';
-			if (/^1\d{10}$/.test(this.userInfo.phone)) {
-				this.userInfo.phone = this.maskPhoneNumber(this.userInfo.phone)
-			}
-		},
-		methods: {
-			// 获取用户信息
-			getUsetInfoEvent() {
-				getUsetInfo(uni.getStorageSync('userId')).then(res => {
-					if (res.res == 1) {
-						if (res.obj && res.obj.appliedFace) {
-							if (res.obj.appliedFace == '' || res.obj.appliedFace == null || res.obj.appliedFace ==
-								'null') {
-								this.userInfo.avatar = '/static/defaultHead.png'
-							} else {
-								this.userInfo.avatar = res.obj.appliedFace
-							}
-						}
-					}
-				})
-			},
-			maskPhoneNumber(phoneNumber) {
-				return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
-			},
-			onChangePassword() {
-				uni.navigateTo({
-					url: '/pages/password/index'
-				})
-			},
-			/**
-			 * 检查并处理小程序更新
-			 */
-			onCheckForUpdates() {
-				const updateManager = uni.getUpdateManager();
+    import { getUsetInfo } from '@/api/index.js'
+    export default {
+        data() {
+            return {
+                userInfo: {
+                    name: '',
+                    phone: '',
+                    avatar: '/static/defaultHead.png',
+                },
+                version: '1.0.6',
+            }
+        },
+        onLoad() {
+            // develop开发版  trial体验版  release正式版
+            let miniProgram = wx.getAccountInfoSync().miniProgram
+            if (miniProgram == 'release' || miniProgram == 'trial') {
+                this.version = wx.getAccountInfoSync().miniProgram.version || this.version
+            }
+        },
+        onShow() {
+            this.getUsetInfoEvent()
+        },
+        mounted() {
+            // 在组件挂载后读取存储的数据
+            this.userInfo.name = uni.getStorageSync('username') || ''
+            this.userInfo.phone = uni.getStorageSync('phone') || ''
+            if (/^1\d{10}$/.test(this.userInfo.phone)) {
+                this.userInfo.phone = this.maskPhoneNumber(this.userInfo.phone)
+            }
+        },
+        methods: {
+            // 获取用户信息
+            getUsetInfoEvent() {
+                getUsetInfo(uni.getStorageSync('userId')).then((res) => {
+                    if (res.res == 1) {
+                        if (res.obj && res.obj.appliedFace) {
+                            if (
+                                res.obj.appliedFace == '' ||
+                                res.obj.appliedFace == null ||
+                                res.obj.appliedFace == 'null'
+                            ) {
+                                this.userInfo.avatar = '/static/defaultHead.png'
+                            } else {
+                                this.userInfo.avatar = res.obj.appliedFace
+                            }
+                        }
+                    }
+                })
+            },
+            maskPhoneNumber(phoneNumber) {
+                return phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
+            },
+            onChangePassword() {
+                uni.navigateTo({
+                    url: '/pages/password/index',
+                })
+            },
+            /**
+             * 检查并处理小程序更新
+             */
+            onCheckForUpdates() {
+                const updateManager = uni.getUpdateManager()
 
-				// 检查更新
-				updateManager.onCheckForUpdate((res) => {
-					console.log('[App] 是否有新版本:', res.hasUpdate);
-					if(!res.hasUpdate){
-						uni.showToast({
-							title: '已是最新版本',
-							icon: 'none'
-						});
-					}
-				});
+                // 检查更新
+                updateManager.onCheckForUpdate((res) => {
+                    console.log('[App] 是否有新版本:', res.hasUpdate)
+                    if (!res.hasUpdate) {
+                        uni.showToast({
+                            title: '已是最新版本',
+                            icon: 'none',
+                        })
+                    }
+                })
 
-				// 监听新版本下载成功
-				updateManager.onUpdateReady(() => {
-					this.promptForUpdate(updateManager);
-				});
+                // 监听新版本下载成功
+                updateManager.onUpdateReady(() => {
+                    this.promptForUpdate(updateManager)
+                })
 
-				// 监听新版本下载失败
-				updateManager.onUpdateFailed(() => {
-					console.error('[App] 新版本下载失败');
-				});
-			},
+                // 监听新版本下载失败
+                updateManager.onUpdateFailed(() => {
+                    console.error('[App] 新版本下载失败')
+                })
+            },
 
-			/**
-			 * 提示用户应用新版本
-			 * @param {Object} updateManager - 更新管理对象
-			 */
-			promptForUpdate(updateManager) {
-				uni.showModal({
-					title: '更新提示',
-					content: '新版本已准备好，是否重启应用？',
-					showCancel: false,
-					success: (res) => {
-						if (res.confirm) {
-							console.log('[App] 用户确认重启应用');
-							updateManager.applyUpdate();
-						}
-					},
-				});
-			},
-			onLogout() {
-				uni.showModal({
-					title: '提示',
-					content: '确认退出登录？',
-					success: (res) => {
-						if (res.confirm) {
-							// 执行退出登录逻辑
-							uni.clearStorageSync()
-							uni.setStorageSync('isLoginOut', "yes");
-							uni.reLaunch({
-								url: '/pages/login/index'
-							})
-						}
-					}
-				})
-			}
-		}
-	}
+            /**
+             * 提示用户应用新版本
+             * @param {Object} updateManager - 更新管理对象
+             */
+            promptForUpdate(updateManager) {
+                uni.showModal({
+                    title: '更新提示',
+                    content: '新版本已准备好，是否重启应用？',
+                    showCancel: false,
+                    success: (res) => {
+                        if (res.confirm) {
+                            console.log('[App] 用户确认重启应用')
+                            updateManager.applyUpdate()
+                        }
+                    },
+                })
+            },
+            onLogout() {
+                uni.showModal({
+                    title: '提示',
+                    content: '确认退出登录？',
+                    success: (res) => {
+                        if (res.confirm) {
+                            // 执行退出登录逻辑
+                            uni.clearStorageSync()
+                            uni.setStorageSync('isLoginOut', 'yes')
+                            uni.reLaunch({
+                                url: '/pages/login/index',
+                            })
+                        }
+                    },
+                })
+            },
+        },
+    }
 </script>
 
 <style lang="scss">
-	.container {
-		min-height: 100vh;
-		background-color: #f5f5f5;
-		padding: 32rpx;
-	}
+    .container {
+        min-height: 100vh;
+        background-color: #f5f5f5;
+        padding: 32rpx;
+    }
 
-	.user-info {
-		display: flex;
-		align-items: center;
-		margin-bottom: 30rpx;
+    .user-info {
+        display: flex;
+        align-items: center;
+        margin-bottom: 30rpx;
 
-		.avatar {
-			width: 100rpx;
-			height: 100rpx;
-			border-radius: 50%;
-			margin-right: 20rpx;
-		}
+        .avatar {
+            width: 100rpx;
+            height: 100rpx;
+            border-radius: 50%;
+            margin-right: 20rpx;
+        }
 
-		.user-detail {
-			display: flex;
-			flex-direction: column;
+        .user-detail {
+            display: flex;
+            flex-direction: column;
 
-			.username {
-				font-size: 32rpx;
-				font-weight: bold;
-				color: #333;
-				margin-bottom: 6rpx;
-			}
+            .username {
+                font-size: 32rpx;
+                font-weight: bold;
+                color: #333;
+                margin-bottom: 6rpx;
+            }
 
-			.phone {
-				font-size: 28rpx;
-				color: #666;
-			}
-		}
-	}
+            .phone {
+                font-size: 28rpx;
+                color: #666;
+            }
+        }
+    }
 
-	.menu-list {
-		background-color: #fff;
-		border-radius: 16rpx;
-		overflow: hidden;
-	}
+    .menu-list {
+        background-color: #fff;
+        border-radius: 16rpx;
+        overflow: hidden;
+    }
 
-	.menu-item {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		padding: 32rpx;
-		border-bottom: 2rpx solid #f5f5f5;
-	}
+    .menu-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 32rpx;
+        border-bottom: 2rpx solid #f5f5f5;
+    }
 
-	.menu-item:last-child {
-		border-bottom: none;
-	}
+    .menu-item:last-child {
+        border-bottom: none;
+    }
 
-	.menu-item-left {
-		display: flex;
-		align-items: center;
-	}
+    .menu-item-left {
+        display: flex;
+        align-items: center;
+    }
 
-	.iconfont {
-		font-size: 40rpx;
-		margin-right: 20rpx;
-		color: #666;
-	}
+    .iconfont {
+        font-size: 40rpx;
+        margin-right: 20rpx;
+        color: #666;
+    }
 
-	.menu-text {
-		font-size: 32rpx;
-		color: #333;
-	}
+    .menu-text {
+        font-size: 32rpx;
+        color: #333;
+    }
 
-	.version {
-		font-size: 32rpx;
-		color: #999;
-	}
+    .version {
+        font-size: 32rpx;
+        color: #999;
+    }
 
-	.icon-arrow {
-		color: #999;
-		margin-right: 0;
-	}
+    .icon-arrow {
+        color: #999;
+        margin-right: 0;
+    }
 
-	.logout-btn {
-		width: 100%;
-		height: 88rpx;
-		line-height: 88rpx;
-		text-align: center;
-		background-color: #4080FF;
-		color: #fff;
-		border-radius: 44rpx;
-		font-size: 32rpx;
-		margin-top: 60rpx;
-	}
+    .logout-btn {
+        width: 100%;
+        height: 88rpx;
+        line-height: 88rpx;
+        text-align: center;
+        background-color: #4080ff;
+        color: #fff;
+        border-radius: 44rpx;
+        font-size: 32rpx;
+        margin-top: 60rpx;
+    }
 
-	/* 去除按钮默认边框 */
-	.logout-btn::after {
-		border: none;
-	}
+    /* 去除按钮默认边框 */
+    .logout-btn::after {
+        border: none;
+    }
 
-	/* 按钮点击效果 */
-	.logout-btn:active {
-		opacity: 0.8;
-	}
+    /* 按钮点击效果 */
+    .logout-btn:active {
+        opacity: 0.8;
+    }
 </style>
diff --git a/src/pages/stagger-holidays/details.vue b/src/pages/stagger-holidays/details.vue
new file mode 100644
index 0000000..cfea40b
--- /dev/null
+++ b/src/pages/stagger-holidays/details.vue
@@ -0,0 +1,241 @@
+<template>
+  <view class="container">
+    <view class="form-container">
+      <view class="form-item">
+        <text class="label required">姓名</text>
+        <input type="text" v-model="formData.userName" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假类型</text>
+        <input type="text" v-model="formData.leaveType" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假开始时间</text>
+        <input type="text" v-model="formData.leaveStartDate" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假结束时间</text>
+        <input type="text" v-model="formData.leaveEndDate" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假时长（天）</text>
+        <input type="number" v-model="formData.leaveDuration" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label">地点</text>
+        <input type="text" v-model="formData.location" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required" style="width: 300px;">是否请示领导同意</text>
+        <input type="text" :value="formData.isAgree === '1' ? '是' : '否'" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">代理主持工作人员</text>
+        <input type="text" v-model="formData.hostUserName" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假事由</text>
+        <textarea v-model="formData.leaveReason" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label">备注</text>
+        <textarea v-model="formData.remark" disabled />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getLeaveReporting } from '../../api/index.js'
+
+export default {
+  data() {
+    return {
+        uuid: '',
+        datas:{
+            uuid:''
+        },
+      formData: {
+        userName: '',
+		type:'',
+        leaveType:'',
+        travelersName: '',
+        leaveStartDate: '',
+        leaveEndDate: '',
+        leaveDuration: '',
+        location: '',
+        isAgree: '1',
+        hostUserName: '',
+        leaveReason: '',
+        remark: ''
+      }
+    }
+  },
+  onLoad(option) {
+    this.uuid = option.uuid
+    console.log('接收到的id:', this.uuid)
+    this.fetchEvectionDetail()
+  },
+  methods: {
+    fetchEvectionDetail() {
+      try {
+          this.datas.uuid=this.uuid;
+		  getLeaveReporting(this.datas).then(response=>{
+			  if (response && response.data) {
+			  	console.log("response.data",response.data)
+			    this.formData = {
+			      ...this.formData,
+			      ...response.data
+			    }
+			  }
+		  })
+      } catch (error) {
+        console.error('获取出差详情失败:', error)
+        uni.showToast({
+          title: '获取出差详情失败',
+          icon: 'none'
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.container {
+  padding: 20rpx;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 0;
+}
+
+.back-icon {
+  margin-right: 20rpx;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.tabs {
+  display: flex;
+  border-bottom: 1rpx solid #eee;
+  background: #fff;
+}
+
+.tab {
+  flex: 1;
+  text-align: center;
+  padding: 20rpx 0;
+  font-size: 32rpx;
+  color: #333;
+  position: relative;
+}
+
+.tab.active {
+  color: #007AFF;
+}
+
+.tab.active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 120rpx;
+  height: 4rpx;
+  background: #007AFF;
+}
+
+/* .tabs {
+  display: flex;
+  margin: 20rpx 0;
+}
+
+.tab {
+  padding: 20rpx;
+  margin-right: 20rpx;
+}
+
+.tab.active {
+  color: #4080FF;
+  border-bottom: 4rpx solid #4080FF;
+} */
+
+.form-container {
+  background: #fff;
+  padding: 20rpx;
+  border-radius: 12rpx;
+}
+
+.form-item {
+  margin-bottom: 30rpx;
+}
+
+.label {
+  display: block;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+}
+
+.required::after {
+  content: '*';
+  color: #ff4d4f;
+  margin-left: 4rpx;
+}
+
+input, .picker-value {
+  width: 95%;
+  height: 80rpx;
+  line-height: 80rpx;
+  padding: 0 20rpx;
+  border: 2rpx solid #e5e5e5;
+  border-radius: 8rpx;
+}
+
+textarea {
+  width: 95%;
+  height: 160rpx;
+  padding: 20rpx;
+  border: 2rpx solid #e5e5e5;
+  border-radius: 8rpx;
+}
+
+.radio {
+  margin-right: 30rpx;
+}
+
+.button-group {
+  margin-top: 40rpx;
+  padding: 20rpx;
+}
+
+.submit-btn {
+  background: #4080FF;
+  color: #fff;
+  margin-bottom: 20rpx;
+}
+
+.cancel-btn {
+  background: #f5f5f5;
+}
+.error-message {
+  color: #ff4d4f;
+  font-size: 24rpx;
+  margin-top: 8rpx;
+}
+</style>
+
diff --git a/src/pages/stagger-holidays/index.vue b/src/pages/stagger-holidays/index.vue
new file mode 100644
index 0000000..55d28f8
--- /dev/null
+++ b/src/pages/stagger-holidays/index.vue
@@ -0,0 +1,659 @@
+<template>
+    <!-- 轮休申请 -->
+    <view class="container">
+        <view class="tabs">
+            <text class="tab" :class="{ active: activeTab === 'form' }" @tap="switchTab('form')">
+                轮休申请
+            </text>
+            <text
+                class="tab"
+                :class="{ active: activeTab === 'records' }"
+                @tap="switchTab('records')"
+            >
+                轮休记录
+            </text>
+        </view>
+
+        <view v-if="activeTab === 'form'" class="form-container">
+            <view>
+                <text v-if="isFormDisabled" style="color: #3370ff; margin-bottom: 10px">
+                    请确认填写信息是否准确，保存后不可修改；若修改可联系相关工作人员在统计报表核对时修改
+                </text>
+            </view>
+            <view class="form-item">
+                <text class="label required">申请人</text>
+                <input
+                    type="text"
+                    v-model="formData.userName"
+                    placeholder="请输入申请人姓名"
+                    disabled
+                />
+                <text v-if="errors.userName" class="error-message">{{ errors.userName }}</text>
+            </view>
+            <view class="form-item">
+                <text class="label required">职务</text>
+                <input type="text" placeholder="请输入职务" disabled />
+            </view>
+            <view class="form-item">
+                <text class="label required">所属部门</text>
+                <input type="text" placeholder="请输入所属部门" disabled />
+            </view>
+
+            <view class="form-item">
+                <text class="label required">休假类型</text>
+                <picker
+                    @change="onLeaveTypeChange"
+                    :disabled="isFormDisabled"
+                    :value="leaveTypeIndex"
+                    :range="leaveTypes"
+                    range-key="label"
+                >
+                    <view class="picker-value">
+                        {{ formData.leaveType ? formData.leaveType : '请选择休假类型' }}
+                    </view>
+                </picker>
+                <text v-if="errors.leaveType" class="error-message">{{ errors.leaveType }}</text>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">轮休开始时间</text>
+                <picker
+                    mode="date"
+                    :value="formData.leaveStartDate"
+                    @change="onStartDateChange"
+                    :disabled="isFormDisabled"
+                >
+                    <view class="picker-value">{{ formData.leaveStartDate }}</view>
+                </picker>
+                <text v-if="errors.leaveStartDate" class="error-message">
+                    {{ errors.leaveStartDate }}
+                </text>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">轮休结束时间</text>
+                <picker
+                    mode="date"
+                    :value="formData.leaveEndDate"
+                    @change="onEndDateChange"
+                    :disabled="isFormDisabled"
+                >
+                    <view class="picker-value">{{ formData.leaveEndDate }}</view>
+                </picker>
+                <text v-if="errors.leaveEndDate" class="error-message">
+                    {{ errors.leaveEndDate }}
+                </text>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">休假时长（天）</text>
+                <input type="number" v-model="formData.leaveDuration" disabled />
+            </view>
+
+            <!-- <view class="form-item">
+                <text class="label">地点</text>
+                <input
+                    type="text"
+                    v-model="formData.location"
+                    placeholder="请输入"
+                    :disabled="isFormDisabled"
+                />
+            </view> -->
+
+            <view class="form-item">
+                <text class="label required" style="width: 300px">是否请示领导同意</text>
+                <radio-group @change="onApprovalChange">
+                    <label class="radio">
+                        <radio
+                            value="1"
+                            :disabled="isFormDisabled"
+                            checked
+                            :checked="formData.isAgree === '1'"
+                        />
+                        是
+                    </label>
+                    <label class="radio">
+                        <radio
+                            value="0"
+                            :disabled="isFormDisabled"
+                            :checked="formData.isAgree === '0'"
+                        />
+                        否
+                    </label>
+                </radio-group>
+            </view>
+
+            <view class="form-item" style="margin-bottom: 20rpx">
+                <text
+                    class="label required"
+                    style="display: block; margin-bottom: 10rpx; width: 300px"
+                >
+                    代理主持工作人员
+                </text>
+                <view class="selected-values" style="margin-bottom: 10rpx">
+                    {{ hostUserNames }}
+                </view>
+                <view
+                    v-if="!isFormDisabled"
+                    class="toggle-button"
+                    @tap="toggleCheckboxGroups"
+                    style="
+                        background-color: #f0f0f0;
+                        width: 55px;
+                        line-height: 35px;
+                        text-align: center;
+                        padding: 10rpx 20rpx;
+                        border-radius: 10rpx;
+                        display: inline-block;
+                        margin-bottom: 10rpx;
+                    "
+                >
+                    {{ isCheckboxGroupVisibles ? '收起' : '展开' }}
+                </view>
+                <view
+                    class="checkbox-group-container"
+                    v-if="!isFormDisabled && isCheckboxGroupVisibles"
+                >
+                    <checkbox-group
+                        @change="onHostUserChange"
+                        v-if="isCheckboxGroupVisibles"
+                        style="display: flex; flex-wrap: wrap"
+                    >
+                        <view
+                            class="search-container"
+                            style="display: flex; margin-bottom: 10rpx; width: 100%"
+                        >
+                            <input
+                                v-model="searchQuerys"
+                                placeholder="搜索人名"
+                                style="
+                                    flex: 1;
+                                    padding: 10rpx;
+                                    border: 1px solid #ccc;
+                                    border-radius: 4px;
+                                    height: 30px;
+                                "
+                            />
+                            <button
+                                @tap="searchPersons"
+                                style="
+                                    line-height: 22px;
+                                    font-size: 13px;
+                                    margin-left: 10rpx;
+                                    padding: 10px 20px;
+                                    background-color: #007aff;
+                                    color: white;
+                                    border: none;
+                                    border-radius: 4px;
+                                    text-align: center;
+                                "
+                            >
+                                搜索
+                            </button>
+                        </view>
+                        <label
+                            v-for="(option, index) in displayedPersonOptionss"
+                            :key="index"
+                            style="width: 33.33%; padding: 10rpx; box-sizing: border-box"
+                        >
+                            <checkbox
+                                :value="option.userId"
+                                :checked="option.checked"
+                                style="transform: scale(0.7)"
+                            />
+                            <text style="font-size: 28rpx">{{ option.username }}</text>
+                        </label>
+                    </checkbox-group>
+                </view>
+            </view>
+
+            <!-- <view class="form-item">
+                <text class="label required">休假事由</text>
+                <textarea
+                    v-model="formData.leaveReason"
+                    placeholder="请输入休假事由"
+                    :disabled="isFormDisabled"
+                />
+                <text v-if="errors.leaveReason" class="error-message">
+                    {{ errors.leaveReason }}
+                </text>
+            </view> -->
+
+            <view class="form-item">
+                <text class="label">备注</text>
+                <textarea v-model="formData.remark" :disabled="isFormDisabled" />
+            </view>
+
+            <view class="button-group">
+                <button
+                    class="submit-btn"
+                    @tap="onSubmit"
+                    :disabled="isFormDisabled && !isDataUploaded"
+                >
+                    {{ isDataUploaded ? '确认提交' : '保存' }}
+                </button>
+                <button class="cancel-btn" @tap="onCancel">取消</button>
+            </view>
+        </view>
+
+        <RecordList v-if="activeTab === 'records'" />
+    </view>
+</template>
+
+<script>
+    import { getPersonSelect, addHoliday, getHolidayType, getDays } from '../../api/index.js'
+    import RecordList from './recordList.vue'
+    export default {
+        components: {
+            RecordList,
+        },
+        data() {
+            return {
+                isFormDisabled: false,
+                isDataUploaded: false,
+                showConfirmDialog: false,
+                searchQuerys: '',
+                activeTab: 'form',
+                formData: {
+                    userName: '',
+                    leaveType: null,
+                    leaveStartDate: '',
+                    leaveEndDate: '',
+                    leaveDuration: '',
+                    location: '',
+                    isAgree: '1',
+                    representative: '',
+                    hostUserId: '',
+                    hostUserName: '',
+                    leaveReason: '',
+                    remark: '',
+                },
+                userInfo: {
+                    token: '',
+                    userId: '',
+                    name: '',
+                    phone: '',
+                },
+                leaveTypes: [],
+                leaveTypeIndex: -1,
+                today: new Date().toISOString().substr(0, 10), // 格式化为YYYY-MM-DD
+                errors: {},
+                hostUserOptions: [], // 人员选项列表
+                filteredPersonOptionss: [],
+                hostUserId: [], // 选中的ID列表
+                hostUserNames: '', // 显示的选中名字
+                isCheckboxGroupVisibles: false,
+            }
+        },
+        mounted() {
+            // 在组件挂载后读取存储的数据
+            this.userInfo.token = uni.getStorageSync('token') || ''
+            this.userInfo.userId = uni.getStorageSync('userId') || ''
+            this.userInfo.name = uni.getStorageSync('username') || ''
+            this.userInfo.phone = uni.getStorageSync('phone') || ''
+            this.formData.userName = uni.getStorageSync('username') || ''
+        },
+        created() {
+            // this.gethostUserSelect()
+            this.getHolidayType()
+        },
+        computed: {
+            displayedPersonOptionss() {
+                return this.filteredPersonOptionss.map((person) => ({
+                    ...person,
+                    checked: this.hostUserId.includes(person.userId),
+                }))
+            },
+        },
+        methods: {
+            toggleCheckboxGroups() {
+                this.isCheckboxGroupVisibles = !this.isCheckboxGroupVisibles
+            },
+            switchTab(tab) {
+                this.activeTab = tab
+            },
+            getHolidayType() {
+                getHolidayType()
+                    .then((response) => {
+                        this.leaveTypes = response.data.map((type) => ({
+                            value: type.value,
+                            label: type.label || type.type, // 使用label如果存在，否则使用type
+                        }))
+                        if (this.leaveTypes.length > 0) {
+                            this.formData.leaveType = this.leaveTypes[0].label
+                            this.leaveTypeIndex = 0
+                        }
+                    })
+                    .catch((error) => {
+                        console.error('获取休假类型失败:', error)
+                        // 可以在这里添加错误提示
+                    })
+                    .finally(() => {
+                        this.isLoading = false
+                    })
+            },
+            onLeaveTypeChange(e) {
+                const index = e.detail.value
+                this.leaveTypeIndex = index
+                this.formData.leaveType = this.leaveTypes[index].label
+                console.log(this.formData.leaveType)
+                console.log('休假类型已更改为:', this.formData.leaveType)
+            },
+            onStartDateChange(e) {
+                const startDate = e.detail.value
+                this.formData.leaveStartDate = startDate
+                this.validateAndCalculateDuration(startDate, this.formData.leaveEndDate)
+            },
+            onEndDateChange(e) {
+                const endDate = e.detail.value
+                this.formData.leaveEndDate = endDate
+                this.validateAndCalculateDuration(this.formData.leaveStartDate, endDate)
+            },
+            validateAndCalculateDuration(startDate, endDate) {
+                // 清除之前的错误信息
+                this.errors.leaveStartDate = ''
+                this.errors.leaveEndDate = ''
+
+                // 转换日期为Date对象
+                const start = new Date(startDate)
+                const end = new Date(endDate)
+                const today = new Date(this.today)
+
+                // 验证开始日期不能早于今天
+                if (start < today) {
+                    this.errors.leaveStartDate = '开始日期不能早于今天'
+                    this.formData.leaveStartDate = ''
+                    return
+                }
+
+                // 验证结束日期不能早于开始日期
+                if (end < start) {
+                    this.errors.leaveEndDate = '结束日期不能早于开始日期'
+                    this.formData.leaveEndDate = ''
+                    return
+                }
+
+                let dateData = {
+                    startTime: startDate,
+                    endTime: endDate,
+                }
+                if (startDate != null && startDate !== '' && endDate != null && endDate !== '') {
+                    getDays(dateData).then((response) => {
+                        if (response.status === 200) {
+                            console.log(response)
+                            this.formData.leaveDuration = response.data
+                        } else {
+                            this.formData.leaveDuration = ''
+                        }
+                    })
+                }
+            },
+            onApprovalChange(e) {
+                this.formData.isApproved = e.detail.value
+            },
+            onRepresentativeChange(e) {
+                this.formData.representative = e.detail.value
+            },
+            validateForm() {
+                this.errors = {}
+
+                if (!this.formData.userName.trim()) {
+                    this.errors.userName = '请输入姓名'
+                }
+                if (!this.formData.leaveType) {
+                    this.errors.leaveType = '请选择休假类型'
+                }
+                if (!this.formData.leaveStartDate) {
+                    this.errors.leaveStartDate = '请选择休假开始时间'
+                }
+                if (!this.formData.leaveEndDate) {
+                    this.errors.leaveEndDate = '请选择休假结束时间'
+                }
+                if (!this.formData.leaveDuration) {
+                    this.errors.leaveDuration = '请输入休假时长'
+                }
+                if (!this.formData.hostUserId) {
+                    this.errors.hostUserId = '请选择代理主持工作人员'
+                }
+                if (!this.formData.leaveReason.trim()) {
+                    this.errors.leaveReason = '请输入休假事由'
+                }
+
+                return Object.keys(this.errors).length === 0
+            },
+            gethostUserSelect() {
+                // 假设getPersonSelect是一个API调用函数，返回Promise
+                getPersonSelect().then((response) => {
+                    this.hostUserOptions = response.data
+                    this.filteredPersonOptionss = [...this.hostUserOptions] // 初始化过滤后的选项
+                    console.log('this.hostUserOptions', this.hostUserOptions)
+                })
+            },
+            searchPersons() {
+                if (this.searchQuerys.trim() === '') {
+                    this.filteredPersonOptionss = [...this.hostUserOptions]
+                } else {
+                    this.filteredPersonOptionss = this.hostUserOptions.filter((person) =>
+                        person.username.toLowerCase().includes(this.searchQuerys.toLowerCase()),
+                    )
+                }
+                // 确保已选中的选项始终显示在过滤结果中
+                const selectedPersons = this.hostUserOptions.filter((person) =>
+                    this.hostUserId.includes(person.userId),
+                )
+                this.filteredPersonOptionss = [
+                    ...new Set([...selectedPersons, ...this.filteredPersonOptionss]),
+                ]
+            },
+            onHostUserChange(e) {
+                // 合并新选中的ID和之前已选中的ID
+                this.hostUserId = [...new Set([...this.hostUserId, ...e.detail.value])]
+                // 移除取消选中的ID
+
+                this.hostUserId = this.hostUserId.filter((id) => e.detail.value.includes(id))
+                this.formData.hostUserId = this.hostUserId.join(',')
+                this.updateSelectedNamess()
+            },
+            updateSelectedNamess() {
+                this.hostUserNames = this.hostUserOptions
+                    .filter((person) => this.hostUserId.includes(person.userId))
+                    .map((person) => person.username)
+                    .join(', ')
+                this.formData.hostUserName = this.hostUserNames
+            },
+            onSubmit() {
+                // 实现表单提交逻辑
+                if (this.validateForm()) {
+                    if (!this.isDataUploaded) {
+                        this.isFormDisabled = true
+                        console.log('禁用表单元素')
+                        // 在这里可以添加一些视觉反馈，比如改变按钮文字
+                        this.isDataUploaded = true
+                    } else {
+                        console.log('提交表单:', this.formData)
+                        addHoliday(this.formData).then((response) => {
+                            if (response.status == 200) {
+                                uni.showToast({
+                                    title: '提交成功',
+                                    icon: 'success',
+                                })
+                                // 成功后返回上一级
+                                setTimeout(() => {
+                                    uni.navigateBack({
+                                        delta: 1, // 返回上一级
+                                    })
+                                }, 1500) // 可以根据需要调整这个延迟时间，以便用户可以看到成功的提示信息
+                            } else {
+                                uni.showToast({
+                                    title: '提交失败，请稍后再试',
+                                    icon: 'none',
+                                })
+                            }
+                            // 重置表单状态
+                            this.isFormDisabled = false
+                            this.isDataUploaded = false
+                        })
+                    }
+                } else {
+                    uni.showToast({
+                        title: '请填写所有必填项',
+                        icon: 'none',
+                    })
+                }
+            },
+            onCancel() {
+                if (this.isDataUploaded) {
+                    // 如果按钮显示"确认提交"，取消禁用并重置状态
+                    this.isFormDisabled = false
+                    this.isDataUploaded = false
+                    // 可能需要重置其他状态，比如：
+                    // this.resetForm(); // 假设你有一个重置表单的方法
+                } else {
+                    // 否则，返回上一级
+                    uni.navigateBack()
+                }
+            },
+        },
+    }
+</script>
+
+<style>
+    .container {
+        padding: 20rpx;
+    }
+
+    .header {
+        display: flex;
+        align-items: center;
+        padding: 20rpx 0;
+    }
+
+    .back-icon {
+        margin-right: 20rpx;
+    }
+
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+    }
+
+    .tabs {
+        display: flex;
+        border-bottom: 1rpx solid #eee;
+        background: #fff;
+    }
+
+    .tab {
+        flex: 1;
+        text-align: center;
+        padding: 20rpx 0;
+        font-size: 32rpx;
+        color: #333;
+        position: relative;
+    }
+
+    .tab.active {
+        color: #007aff;
+    }
+
+    .tab.active::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 120rpx;
+        height: 4rpx;
+        background: #007aff;
+    }
+
+    .form-container {
+        background: #fff;
+        padding: 20rpx;
+        border-radius: 12rpx;
+    }
+
+    .form-item {
+        margin-bottom: 30rpx;
+    }
+
+    .label {
+        display: block;
+        margin-bottom: 10rpx;
+        font-size: 28rpx;
+    }
+
+    .required::after {
+        content: '*';
+        color: #ff4d4f;
+        margin-left: 4rpx;
+    }
+
+    .checkbox-group-container {
+        max-height: 300px;
+        overflow-y: auto;
+        display: flex;
+        flex-wrap: wrap;
+        align-content: flex-start;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-thumb {
+        background: #888;
+        border-radius: 5px;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-thumb:hover {
+        background: #555;
+    }
+
+    input,
+    .picker-value {
+        width: 95%;
+        height: 80rpx;
+        line-height: 80rpx;
+        padding: 0 20rpx;
+        border: 2rpx solid #e5e5e5;
+        border-radius: 8rpx;
+    }
+
+    textarea {
+        width: 95%;
+        height: 160rpx;
+        padding: 20rpx;
+        border: 2rpx solid #e5e5e5;
+        border-radius: 8rpx;
+    }
+
+    .radio {
+        margin-right: 30rpx;
+    }
+
+    .button-group {
+        margin-top: 40rpx;
+        padding: 20rpx;
+    }
+
+    .submit-btn {
+        background: #4080ff;
+        color: #fff;
+        margin-bottom: 20rpx;
+    }
+
+    .cancel-btn {
+        background: #f5f5f5;
+    }
+
+    .error-message {
+        color: #ff4d4f;
+        font-size: 24rpx;
+        margin-top: 8rpx;
+    }
+</style>
diff --git a/src/pages/stagger-holidays/recordList.vue b/src/pages/stagger-holidays/recordList.vue
new file mode 100644
index 0000000..78442a5
--- /dev/null
+++ b/src/pages/stagger-holidays/recordList.vue
@@ -0,0 +1,145 @@
+<template>
+    <view class="records-container">
+        <view
+            class="record-item"
+            v-for="(record, index) in records"
+            :key="index"
+            @tap="showDetail(record.uuid)"
+            style="cursor: pointer"
+        >
+            <view class="record-header">
+                <text class="label">姓名：</text>
+                <text class="value">{{ record.userName }}</text>
+                <text class="detail-link">详情</text>
+            </view>
+            <view class="record-content">
+                <view class="record-row">
+                    <text class="label">休假类型：</text>
+                    <text class="value">{{ record.leaveType }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假开始时间：</text>
+                    <text class="value">{{ record.leaveStartDate }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假结束时间：</text>
+                    <text class="value">{{ record.leaveEndDate }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假时长：</text>
+                    <text class="value">{{ record.leaveDuration }}天</text>
+                </view>
+
+                <view class="btn-container">
+                    <text>详情</text>
+                    <text>修改</text>
+                    <text>删除</text>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import { listLeaveReporting } from '../../api/index.js'
+    export default {
+        name: 'RecordList',
+        data() {
+            return {
+                records: [{ userName: '李思思' }],
+            }
+        },
+        created() {
+            // 在组件创建时获取记录列表
+            this.fetchRecords()
+        },
+        methods: {
+            fetchRecords() {
+                listLeaveReporting().then((response) => {
+                    console.log('response', response)
+                    this.records = response.data
+                    this.records = [{ userName: '李思思' }]
+                    console.log('records', this.records)
+                })
+            },
+
+            showDetail(id) {
+                console.log('id', id)
+                // 跳转到详情页面
+                uni.navigateTo({
+                    url: `/pages/holiday/details?uuid=${id}`,
+                })
+            },
+        },
+    }
+</script>
+
+<style lang="scss">
+    .records-container {
+        padding: 20rpx;
+    }
+
+    .record-item {
+        background: #fff;
+        border-radius: 12rpx;
+        padding: 20rpx;
+        margin-bottom: 20rpx;
+        box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+    }
+
+    .record-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 16rpx;
+    }
+
+    .detail-link {
+        color: #007aff;
+        font-size: 28rpx;
+    }
+
+    .record-row {
+        display: flex;
+        margin-bottom: 8rpx;
+    }
+
+    .label {
+        color: #666;
+        font-size: 28rpx;
+        width: 110px;
+    }
+
+    .value {
+        color: #333;
+        font-size: 28rpx;
+        flex: 1;
+    }
+
+    .btn-container {
+        display: flex;
+        justify-content: space-around;
+
+        text {
+            width: 30%;
+            height: 68rpx;
+            line-height: 68rpx;
+            text-align: center;
+            font-size: 28rpx;
+            border-radius: 4rpx;
+        }
+
+        & text:first-child {
+            border: 1px solid #4080ff;
+            color: #4080ff;
+        }
+        & text:nth-child(2) {
+            border: 1px solid #e6a23c;
+            color: #e6a23c;
+        }
+        & text:last-child {
+            border: 1px solid #f56c6c;
+            color: #f56c6c;
+        }
+    }
+</style>
diff --git a/src/pages/temporary-outing/details.vue b/src/pages/temporary-outing/details.vue
new file mode 100644
index 0000000..cfea40b
--- /dev/null
+++ b/src/pages/temporary-outing/details.vue
@@ -0,0 +1,241 @@
+<template>
+  <view class="container">
+    <view class="form-container">
+      <view class="form-item">
+        <text class="label required">姓名</text>
+        <input type="text" v-model="formData.userName" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假类型</text>
+        <input type="text" v-model="formData.leaveType" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假开始时间</text>
+        <input type="text" v-model="formData.leaveStartDate" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假结束时间</text>
+        <input type="text" v-model="formData.leaveEndDate" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假时长（天）</text>
+        <input type="number" v-model="formData.leaveDuration" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label">地点</text>
+        <input type="text" v-model="formData.location" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required" style="width: 300px;">是否请示领导同意</text>
+        <input type="text" :value="formData.isAgree === '1' ? '是' : '否'" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">代理主持工作人员</text>
+        <input type="text" v-model="formData.hostUserName" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label required">休假事由</text>
+        <textarea v-model="formData.leaveReason" disabled />
+      </view>
+      
+      <view class="form-item">
+        <text class="label">备注</text>
+        <textarea v-model="formData.remark" disabled />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getLeaveReporting } from '../../api/index.js'
+
+export default {
+  data() {
+    return {
+        uuid: '',
+        datas:{
+            uuid:''
+        },
+      formData: {
+        userName: '',
+		type:'',
+        leaveType:'',
+        travelersName: '',
+        leaveStartDate: '',
+        leaveEndDate: '',
+        leaveDuration: '',
+        location: '',
+        isAgree: '1',
+        hostUserName: '',
+        leaveReason: '',
+        remark: ''
+      }
+    }
+  },
+  onLoad(option) {
+    this.uuid = option.uuid
+    console.log('接收到的id:', this.uuid)
+    this.fetchEvectionDetail()
+  },
+  methods: {
+    fetchEvectionDetail() {
+      try {
+          this.datas.uuid=this.uuid;
+		  getLeaveReporting(this.datas).then(response=>{
+			  if (response && response.data) {
+			  	console.log("response.data",response.data)
+			    this.formData = {
+			      ...this.formData,
+			      ...response.data
+			    }
+			  }
+		  })
+      } catch (error) {
+        console.error('获取出差详情失败:', error)
+        uni.showToast({
+          title: '获取出差详情失败',
+          icon: 'none'
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.container {
+  padding: 20rpx;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  padding: 20rpx 0;
+}
+
+.back-icon {
+  margin-right: 20rpx;
+}
+
+.title {
+  font-size: 36rpx;
+  font-weight: bold;
+}
+
+.tabs {
+  display: flex;
+  border-bottom: 1rpx solid #eee;
+  background: #fff;
+}
+
+.tab {
+  flex: 1;
+  text-align: center;
+  padding: 20rpx 0;
+  font-size: 32rpx;
+  color: #333;
+  position: relative;
+}
+
+.tab.active {
+  color: #007AFF;
+}
+
+.tab.active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 120rpx;
+  height: 4rpx;
+  background: #007AFF;
+}
+
+/* .tabs {
+  display: flex;
+  margin: 20rpx 0;
+}
+
+.tab {
+  padding: 20rpx;
+  margin-right: 20rpx;
+}
+
+.tab.active {
+  color: #4080FF;
+  border-bottom: 4rpx solid #4080FF;
+} */
+
+.form-container {
+  background: #fff;
+  padding: 20rpx;
+  border-radius: 12rpx;
+}
+
+.form-item {
+  margin-bottom: 30rpx;
+}
+
+.label {
+  display: block;
+  margin-bottom: 10rpx;
+  font-size: 28rpx;
+}
+
+.required::after {
+  content: '*';
+  color: #ff4d4f;
+  margin-left: 4rpx;
+}
+
+input, .picker-value {
+  width: 95%;
+  height: 80rpx;
+  line-height: 80rpx;
+  padding: 0 20rpx;
+  border: 2rpx solid #e5e5e5;
+  border-radius: 8rpx;
+}
+
+textarea {
+  width: 95%;
+  height: 160rpx;
+  padding: 20rpx;
+  border: 2rpx solid #e5e5e5;
+  border-radius: 8rpx;
+}
+
+.radio {
+  margin-right: 30rpx;
+}
+
+.button-group {
+  margin-top: 40rpx;
+  padding: 20rpx;
+}
+
+.submit-btn {
+  background: #4080FF;
+  color: #fff;
+  margin-bottom: 20rpx;
+}
+
+.cancel-btn {
+  background: #f5f5f5;
+}
+.error-message {
+  color: #ff4d4f;
+  font-size: 24rpx;
+  margin-top: 8rpx;
+}
+</style>
+
diff --git a/src/pages/temporary-outing/index.vue b/src/pages/temporary-outing/index.vue
new file mode 100644
index 0000000..b5d4639
--- /dev/null
+++ b/src/pages/temporary-outing/index.vue
@@ -0,0 +1,666 @@
+<template>
+    <!-- 轮休申请 -->
+    <view class="container">
+        <view class="tabs">
+            <text class="tab" :class="{ active: activeTab === 'form' }" @tap="switchTab('form')">
+                外出申请
+            </text>
+            <text
+                class="tab"
+                :class="{ active: activeTab === 'records' }"
+                @tap="switchTab('records')"
+            >
+                外出记录
+            </text>
+        </view>
+
+        <view v-if="activeTab === 'form'" class="form-container">
+            <view>
+                <text v-if="isFormDisabled" style="color: #3370ff; margin-bottom: 10px">
+                    请确认填写信息是否准确，保存后不可修改；若修改可联系相关工作人员在统计报表核对时修改
+                </text>
+            </view>
+            <view class="form-item">
+                <text class="label required">申请人</text>
+                <input
+                    type="text"
+                    v-model="formData.userName"
+                    placeholder="请输入申请人姓名"
+                    disabled
+                />
+                <text v-if="errors.userName" class="error-message">{{ errors.userName }}</text>
+            </view>
+            <view class="form-item">
+                <text class="label required">职务</text>
+                <input type="text" v-model="formData.userName" placeholder="请输入职务" disabled />
+                <text v-if="errors.userName" class="error-message">{{ errors.userName }}</text>
+            </view>
+            <view class="form-item">
+                <text class="label required">所属部门</text>
+                <input
+                    type="text"
+                    v-model="formData.userName"
+                    placeholder="请输入所属部门"
+                    disabled
+                />
+                <text v-if="errors.userName" class="error-message">{{ errors.userName }}</text>
+            </view>
+
+            <!-- <view class="form-item">
+                <text class="label required">休假类型</text>
+                <picker
+                    @change="onLeaveTypeChange"
+                    :disabled="isFormDisabled"
+                    :value="leaveTypeIndex"
+                    :range="leaveTypes"
+                    range-key="label"
+                >
+                    <view class="picker-value">
+                        {{ formData.leaveType ? formData.leaveType : '请选择休假类型' }}
+                    </view>
+                </picker>
+                <text v-if="errors.leaveType" class="error-message">{{ errors.leaveType }}</text>
+            </view> -->
+
+            <view class="form-item">
+                <text class="label required">外出开始时间</text>
+                <picker
+                    mode="date"
+                    :value="formData.leaveStartDate"
+                    @change="onStartDateChange"
+                    :disabled="isFormDisabled"
+                >
+                    <view class="picker-value">{{ formData.leaveStartDate }}</view>
+                </picker>
+                <text v-if="errors.leaveStartDate" class="error-message">
+                    {{ errors.leaveStartDate }}
+                </text>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">外出结束时间</text>
+                <picker
+                    mode="date"
+                    :value="formData.leaveEndDate"
+                    @change="onEndDateChange"
+                    :disabled="isFormDisabled"
+                >
+                    <view class="picker-value">{{ formData.leaveEndDate }}</view>
+                </picker>
+                <text v-if="errors.leaveEndDate" class="error-message">
+                    {{ errors.leaveEndDate }}
+                </text>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">外出时长（天）</text>
+                <input type="number" v-model="formData.leaveDuration" disabled />
+            </view>
+
+            <view class="form-item">
+                <text class="label">地点</text>
+                <input
+                    type="text"
+                    v-model="formData.location"
+                    placeholder="请输入"
+                    :disabled="isFormDisabled"
+                />
+            </view>
+
+            <view class="form-item">
+                <text class="label required" style="width: 300px">是否请示领导同意</text>
+                <radio-group @change="onApprovalChange">
+                    <label class="radio">
+                        <radio
+                            value="1"
+                            :disabled="isFormDisabled"
+                            checked
+                            :checked="formData.isAgree === '1'"
+                        />
+                        是
+                    </label>
+                    <label class="radio">
+                        <radio
+                            value="0"
+                            :disabled="isFormDisabled"
+                            :checked="formData.isAgree === '0'"
+                        />
+                        否
+                    </label>
+                </radio-group>
+            </view>
+
+            <view class="form-item" style="margin-bottom: 20rpx">
+                <text
+                    class="label required"
+                    style="display: block; margin-bottom: 10rpx; width: 300px"
+                >
+                    代理主持工作人员
+                </text>
+                <view class="selected-values" style="margin-bottom: 10rpx">
+                    {{ hostUserNames }}
+                </view>
+                <view
+                    v-if="!isFormDisabled"
+                    class="toggle-button"
+                    @tap="toggleCheckboxGroups"
+                    style="
+                        background-color: #f0f0f0;
+                        width: 55px;
+                        line-height: 35px;
+                        text-align: center;
+                        padding: 10rpx 20rpx;
+                        border-radius: 10rpx;
+                        display: inline-block;
+                        margin-bottom: 10rpx;
+                    "
+                >
+                    {{ isCheckboxGroupVisibles ? '收起' : '展开' }}
+                </view>
+                <view
+                    class="checkbox-group-container"
+                    v-if="!isFormDisabled && isCheckboxGroupVisibles"
+                >
+                    <checkbox-group
+                        @change="onHostUserChange"
+                        v-if="isCheckboxGroupVisibles"
+                        style="display: flex; flex-wrap: wrap"
+                    >
+                        <view
+                            class="search-container"
+                            style="display: flex; margin-bottom: 10rpx; width: 100%"
+                        >
+                            <input
+                                v-model="searchQuerys"
+                                placeholder="搜索人名"
+                                style="
+                                    flex: 1;
+                                    padding: 10rpx;
+                                    border: 1px solid #ccc;
+                                    border-radius: 4px;
+                                    height: 30px;
+                                "
+                            />
+                            <button
+                                @tap="searchPersons"
+                                style="
+                                    line-height: 22px;
+                                    font-size: 13px;
+                                    margin-left: 10rpx;
+                                    padding: 10px 20px;
+                                    background-color: #007aff;
+                                    color: white;
+                                    border: none;
+                                    border-radius: 4px;
+                                    text-align: center;
+                                "
+                            >
+                                搜索
+                            </button>
+                        </view>
+                        <label
+                            v-for="(option, index) in displayedPersonOptionss"
+                            :key="index"
+                            style="width: 33.33%; padding: 10rpx; box-sizing: border-box"
+                        >
+                            <checkbox
+                                :value="option.userId"
+                                :checked="option.checked"
+                                style="transform: scale(0.7)"
+                            />
+                            <text style="font-size: 28rpx">{{ option.username }}</text>
+                        </label>
+                    </checkbox-group>
+                </view>
+            </view>
+
+            <view class="form-item">
+                <text class="label required">休假事由</text>
+                <textarea
+                    v-model="formData.leaveReason"
+                    placeholder="请输入休假事由"
+                    :disabled="isFormDisabled"
+                />
+                <text v-if="errors.leaveReason" class="error-message">
+                    {{ errors.leaveReason }}
+                </text>
+            </view>
+
+            <view class="form-item">
+                <text class="label">备注</text>
+                <textarea v-model="formData.remark" :disabled="isFormDisabled" />
+            </view>
+
+            <view class="button-group">
+                <button
+                    class="submit-btn"
+                    @tap="onSubmit"
+                    :disabled="isFormDisabled && !isDataUploaded"
+                >
+                    {{ isDataUploaded ? '确认提交' : '保存' }}
+                </button>
+                <button class="cancel-btn" @tap="onCancel">取消</button>
+            </view>
+        </view>
+
+        <RecordList v-if="activeTab === 'records'" />
+    </view>
+</template>
+
+<script>
+    import { getPersonSelect, addHoliday, getHolidayType, getDays } from '../../api/index.js'
+    import RecordList from './recordList.vue'
+    export default {
+        components: {
+            RecordList,
+        },
+        data() {
+            return {
+                isFormDisabled: false,
+                isDataUploaded: false,
+                showConfirmDialog: false,
+                searchQuerys: '',
+                activeTab: 'form',
+                formData: {
+                    userName: '',
+                    leaveType: null,
+                    leaveStartDate: '',
+                    leaveEndDate: '',
+                    leaveDuration: '',
+                    location: '',
+                    isAgree: '1',
+                    representative: '',
+                    hostUserId: '',
+                    hostUserName: '',
+                    leaveReason: '',
+                    remark: '',
+                },
+                userInfo: {
+                    token: '',
+                    userId: '',
+                    name: '',
+                    phone: '',
+                },
+                leaveTypes: [],
+                leaveTypeIndex: -1,
+                today: new Date().toISOString().substr(0, 10), // 格式化为YYYY-MM-DD
+                errors: {},
+                hostUserOptions: [], // 人员选项列表
+                filteredPersonOptionss: [],
+                hostUserId: [], // 选中的ID列表
+                hostUserNames: '', // 显示的选中名字
+                isCheckboxGroupVisibles: false,
+            }
+        },
+        mounted() {
+            // 在组件挂载后读取存储的数据
+            this.userInfo.token = uni.getStorageSync('token') || ''
+            this.userInfo.userId = uni.getStorageSync('userId') || ''
+            this.userInfo.name = uni.getStorageSync('username') || ''
+            this.userInfo.phone = uni.getStorageSync('phone') || ''
+            this.formData.userName = uni.getStorageSync('username') || ''
+        },
+        created() {
+            this.gethostUserSelect()
+            this.getHolidayType()
+        },
+        computed: {
+            displayedPersonOptionss() {
+                return this.filteredPersonOptionss.map((person) => ({
+                    ...person,
+                    checked: this.hostUserId.includes(person.userId),
+                }))
+            },
+        },
+        methods: {
+            toggleCheckboxGroups() {
+                this.isCheckboxGroupVisibles = !this.isCheckboxGroupVisibles
+            },
+            switchTab(tab) {
+                this.activeTab = tab
+            },
+            getHolidayType() {
+                getHolidayType()
+                    .then((response) => {
+                        this.leaveTypes = response.data.map((type) => ({
+                            value: type.value,
+                            label: type.label || type.type, // 使用label如果存在，否则使用type
+                        }))
+                        if (this.leaveTypes.length > 0) {
+                            this.formData.leaveType = this.leaveTypes[0].label
+                            this.leaveTypeIndex = 0
+                        }
+                    })
+                    .catch((error) => {
+                        console.error('获取休假类型失败:', error)
+                        // 可以在这里添加错误提示
+                    })
+                    .finally(() => {
+                        this.isLoading = false
+                    })
+            },
+            onLeaveTypeChange(e) {
+                const index = e.detail.value
+                this.leaveTypeIndex = index
+                this.formData.leaveType = this.leaveTypes[index].label
+                console.log(this.formData.leaveType)
+                console.log('休假类型已更改为:', this.formData.leaveType)
+            },
+            onStartDateChange(e) {
+                const startDate = e.detail.value
+                this.formData.leaveStartDate = startDate
+                this.validateAndCalculateDuration(startDate, this.formData.leaveEndDate)
+            },
+            onEndDateChange(e) {
+                const endDate = e.detail.value
+                this.formData.leaveEndDate = endDate
+                this.validateAndCalculateDuration(this.formData.leaveStartDate, endDate)
+            },
+            validateAndCalculateDuration(startDate, endDate) {
+                // 清除之前的错误信息
+                this.errors.leaveStartDate = ''
+                this.errors.leaveEndDate = ''
+
+                // 转换日期为Date对象
+                const start = new Date(startDate)
+                const end = new Date(endDate)
+                const today = new Date(this.today)
+
+                // 验证开始日期不能早于今天
+                if (start < today) {
+                    this.errors.leaveStartDate = '开始日期不能早于今天'
+                    this.formData.leaveStartDate = ''
+                    return
+                }
+
+                // 验证结束日期不能早于开始日期
+                if (end < start) {
+                    this.errors.leaveEndDate = '结束日期不能早于开始日期'
+                    this.formData.leaveEndDate = ''
+                    return
+                }
+
+                let dateData = {
+                    startTime: startDate,
+                    endTime: endDate,
+                }
+                if (startDate != null && startDate !== '' && endDate != null && endDate !== '') {
+                    getDays(dateData).then((response) => {
+                        if (response.status === 200) {
+                            console.log(response)
+                            this.formData.leaveDuration = response.data
+                        } else {
+                            this.formData.leaveDuration = ''
+                        }
+                    })
+                }
+            },
+            onApprovalChange(e) {
+                this.formData.isApproved = e.detail.value
+            },
+            onRepresentativeChange(e) {
+                this.formData.representative = e.detail.value
+            },
+            validateForm() {
+                this.errors = {}
+
+                if (!this.formData.userName.trim()) {
+                    this.errors.userName = '请输入姓名'
+                }
+                if (!this.formData.leaveType) {
+                    this.errors.leaveType = '请选择休假类型'
+                }
+                if (!this.formData.leaveStartDate) {
+                    this.errors.leaveStartDate = '请选择休假开始时间'
+                }
+                if (!this.formData.leaveEndDate) {
+                    this.errors.leaveEndDate = '请选择休假结束时间'
+                }
+                if (!this.formData.leaveDuration) {
+                    this.errors.leaveDuration = '请输入休假时长'
+                }
+                if (!this.formData.hostUserId) {
+                    this.errors.hostUserId = '请选择代理主持工作人员'
+                }
+                if (!this.formData.leaveReason.trim()) {
+                    this.errors.leaveReason = '请输入休假事由'
+                }
+
+                return Object.keys(this.errors).length === 0
+            },
+            gethostUserSelect() {
+                // 假设getPersonSelect是一个API调用函数，返回Promise
+                getPersonSelect().then((response) => {
+                    this.hostUserOptions = response.data
+                    this.filteredPersonOptionss = [...this.hostUserOptions] // 初始化过滤后的选项
+                    console.log('this.hostUserOptions', this.hostUserOptions)
+                })
+            },
+            searchPersons() {
+                if (this.searchQuerys.trim() === '') {
+                    this.filteredPersonOptionss = [...this.hostUserOptions]
+                } else {
+                    this.filteredPersonOptionss = this.hostUserOptions.filter((person) =>
+                        person.username.toLowerCase().includes(this.searchQuerys.toLowerCase()),
+                    )
+                }
+                // 确保已选中的选项始终显示在过滤结果中
+                const selectedPersons = this.hostUserOptions.filter((person) =>
+                    this.hostUserId.includes(person.userId),
+                )
+                this.filteredPersonOptionss = [
+                    ...new Set([...selectedPersons, ...this.filteredPersonOptionss]),
+                ]
+            },
+            onHostUserChange(e) {
+                // 合并新选中的ID和之前已选中的ID
+                this.hostUserId = [...new Set([...this.hostUserId, ...e.detail.value])]
+                // 移除取消选中的ID
+
+                this.hostUserId = this.hostUserId.filter((id) => e.detail.value.includes(id))
+                this.formData.hostUserId = this.hostUserId.join(',')
+                this.updateSelectedNamess()
+            },
+            updateSelectedNamess() {
+                this.hostUserNames = this.hostUserOptions
+                    .filter((person) => this.hostUserId.includes(person.userId))
+                    .map((person) => person.username)
+                    .join(', ')
+                this.formData.hostUserName = this.hostUserNames
+            },
+            onSubmit() {
+                // 实现表单提交逻辑
+                if (this.validateForm()) {
+                    if (!this.isDataUploaded) {
+                        this.isFormDisabled = true
+                        console.log('禁用表单元素')
+                        // 在这里可以添加一些视觉反馈，比如改变按钮文字
+                        this.isDataUploaded = true
+                    } else {
+                        console.log('提交表单:', this.formData)
+                        addHoliday(this.formData).then((response) => {
+                            if (response.status == 200) {
+                                uni.showToast({
+                                    title: '提交成功',
+                                    icon: 'success',
+                                })
+                                // 成功后返回上一级
+                                setTimeout(() => {
+                                    uni.navigateBack({
+                                        delta: 1, // 返回上一级
+                                    })
+                                }, 1500) // 可以根据需要调整这个延迟时间，以便用户可以看到成功的提示信息
+                            } else {
+                                uni.showToast({
+                                    title: '提交失败，请稍后再试',
+                                    icon: 'none',
+                                })
+                            }
+                            // 重置表单状态
+                            this.isFormDisabled = false
+                            this.isDataUploaded = false
+                        })
+                    }
+                } else {
+                    uni.showToast({
+                        title: '请填写所有必填项',
+                        icon: 'none',
+                    })
+                }
+            },
+            onCancel() {
+                if (this.isDataUploaded) {
+                    // 如果按钮显示"确认提交"，取消禁用并重置状态
+                    this.isFormDisabled = false
+                    this.isDataUploaded = false
+                    // 可能需要重置其他状态，比如：
+                    // this.resetForm(); // 假设你有一个重置表单的方法
+                } else {
+                    // 否则，返回上一级
+                    uni.navigateBack()
+                }
+            },
+        },
+    }
+</script>
+
+<style>
+    .container {
+        padding: 20rpx;
+    }
+
+    .header {
+        display: flex;
+        align-items: center;
+        padding: 20rpx 0;
+    }
+
+    .back-icon {
+        margin-right: 20rpx;
+    }
+
+    .title {
+        font-size: 36rpx;
+        font-weight: bold;
+    }
+
+    .tabs {
+        display: flex;
+        border-bottom: 1rpx solid #eee;
+        background: #fff;
+    }
+
+    .tab {
+        flex: 1;
+        text-align: center;
+        padding: 20rpx 0;
+        font-size: 32rpx;
+        color: #333;
+        position: relative;
+    }
+
+    .tab.active {
+        color: #007aff;
+    }
+
+    .tab.active::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 120rpx;
+        height: 4rpx;
+        background: #007aff;
+    }
+
+    .form-container {
+        background: #fff;
+        padding: 20rpx;
+        border-radius: 12rpx;
+    }
+
+    .form-item {
+        margin-bottom: 30rpx;
+    }
+
+    .label {
+        display: block;
+        margin-bottom: 10rpx;
+        font-size: 28rpx;
+    }
+
+    .required::after {
+        content: '*';
+        color: #ff4d4f;
+        margin-left: 4rpx;
+    }
+
+    .checkbox-group-container {
+        max-height: 300px;
+        overflow-y: auto;
+        display: flex;
+        flex-wrap: wrap;
+        align-content: flex-start;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-thumb {
+        background: #888;
+        border-radius: 5px;
+    }
+
+    .checkbox-group-container::-webkit-scrollbar-thumb:hover {
+        background: #555;
+    }
+
+    input,
+    .picker-value {
+        width: 95%;
+        height: 80rpx;
+        line-height: 80rpx;
+        padding: 0 20rpx;
+        border: 2rpx solid #e5e5e5;
+        border-radius: 8rpx;
+    }
+
+    textarea {
+        width: 95%;
+        height: 160rpx;
+        padding: 20rpx;
+        border: 2rpx solid #e5e5e5;
+        border-radius: 8rpx;
+    }
+
+    .radio {
+        margin-right: 30rpx;
+    }
+
+    .button-group {
+        margin-top: 40rpx;
+        padding: 20rpx;
+    }
+
+    .submit-btn {
+        background: #4080ff;
+        color: #fff;
+        margin-bottom: 20rpx;
+    }
+
+    .cancel-btn {
+        background: #f5f5f5;
+    }
+
+    .error-message {
+        color: #ff4d4f;
+        font-size: 24rpx;
+        margin-top: 8rpx;
+    }
+</style>
diff --git a/src/pages/temporary-outing/recordList.vue b/src/pages/temporary-outing/recordList.vue
new file mode 100644
index 0000000..35721bc
--- /dev/null
+++ b/src/pages/temporary-outing/recordList.vue
@@ -0,0 +1,143 @@
+<template>
+    <view class="records-container">
+        <view
+            class="record-item"
+            v-for="(record, index) in records"
+            :key="index"
+            @tap="showDetail(record.uuid)"
+            style="cursor: pointer"
+        >
+            <view class="record-header">
+                <text class="label">姓名：</text>
+                <text class="value">{{ record.userName }}</text>
+                <text class="detail-link">详情</text>
+            </view>
+            <view class="record-content">
+                <view class="record-row">
+                    <text class="label">休假类型：</text>
+                    <text class="value">{{ record.leaveType }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假开始时间：</text>
+                    <text class="value">{{ record.leaveStartDate }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假结束时间：</text>
+                    <text class="value">{{ record.leaveEndDate }}</text>
+                </view>
+                <view class="record-row">
+                    <text class="label">休假时长：</text>
+                    <text class="value">{{ record.leaveDuration }}天</text>
+                </view>
+            </view>
+
+            <view class="btn-container">
+                <text>详情</text>
+                <text>修改</text>
+                <text>删除</text>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import { listLeaveReporting } from '../../api/index.js'
+    export default {
+        name: 'RecordList',
+        data() {
+            return {
+                records: [{ userName: '李思思' }],
+            }
+        },
+        created() {
+            // 在组件创建时获取记录列表
+            this.fetchRecords()
+        },
+        methods: {
+            fetchRecords() {
+                listLeaveReporting().then((response) => {
+                    console.log('response', response)
+                    // this.records = response.data
+                    console.log('records', this.records)
+                })
+            },
+
+            showDetail(id) {
+                console.log('id', id)
+                // 跳转到详情页面
+                uni.navigateTo({
+                    url: `/pages/holiday/details?uuid=${id}`,
+                })
+            },
+        },
+    }
+</script>
+
+<style lang="scss">
+    .records-container {
+        padding: 20rpx;
+    }
+
+    .record-item {
+        background: #fff;
+        border-radius: 12rpx;
+        padding: 20rpx;
+        margin-bottom: 20rpx;
+        box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+    }
+
+    .record-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 16rpx;
+    }
+
+    .detail-link {
+        color: #007aff;
+        font-size: 28rpx;
+    }
+
+    .record-row {
+        display: flex;
+        margin-bottom: 8rpx;
+    }
+
+    .label {
+        color: #666;
+        font-size: 28rpx;
+        width: 110px;
+    }
+
+    .value {
+        color: #333;
+        font-size: 28rpx;
+        flex: 1;
+    }
+    .btn-container {
+        display: flex;
+        justify-content: space-around;
+
+        text {
+            width: 30%;
+            height: 68rpx;
+            line-height: 68rpx;
+            text-align: center;
+            font-size: 28rpx;
+            border-radius: 4rpx;
+        }
+
+        & text:first-child {
+            border: 1px solid #4080ff;
+            color: #4080ff;
+        }
+        & text:nth-child(2) {
+            border: 1px solid #e6a23c;
+            color: #e6a23c;
+        }
+        & text:last-child {
+            border: 1px solid #f56c6c;
+            color: #f56c6c;
+        }
+    }
+</style>
diff --git a/src/static/go_out.png b/src/static/go_out.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef31d24259abbaf8d175354286995641a427ef4f
GIT binary patch
literal 3722
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

literal 0
HcmV?d00001

diff --git a/src/static/lx_icon.png b/src/static/lx_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7286efcb74cf5ceadc0a849c59e2119b570368cc
GIT binary patch
literal 3832
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

literal 0
HcmV?d00001