From dbe7effec53fd9c5f3f819b8642ce8cc7587168e Mon Sep 17 00:00:00 2001
From: jiangyanshan <jiangyanshan>
Date: Mon, 17 Nov 2025 16:01:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AF=B7=E5=81=87=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/crm/activity/activity.js              |  80 ++++
 src/pages.json                                |  65 ++-
 src/pages/business/CRM/leave/addApply.vue     | 248 ++++++++++++
 src/pages/business/CRM/leave/addBackApply.vue | 316 +++++++++++++++
 src/pages/business/CRM/leave/askLeave.vue     |  58 +++
 src/pages/business/CRM/leave/backApply.vue    | 159 ++++++++
 src/pages/business/CRM/leave/myApply.vue      | 237 +++++++++++
 .../business/CRM/leave/myApplyDetail.vue      | 313 +++++++++++++++
 src/pages/business/CRM/leave/reviewDetail.vue | 322 +++++++++++++++
 src/pages/business/CRM/leave/reviewLeave.vue  | 376 ++++++++++++++++++
 10 files changed, 2173 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/business/CRM/leave/addApply.vue
 create mode 100644 src/pages/business/CRM/leave/addBackApply.vue
 create mode 100644 src/pages/business/CRM/leave/askLeave.vue
 create mode 100644 src/pages/business/CRM/leave/backApply.vue
 create mode 100644 src/pages/business/CRM/leave/myApply.vue
 create mode 100644 src/pages/business/CRM/leave/myApplyDetail.vue
 create mode 100644 src/pages/business/CRM/leave/reviewDetail.vue
 create mode 100644 src/pages/business/CRM/leave/reviewLeave.vue

diff --git a/src/api/crm/activity/activity.js b/src/api/crm/activity/activity.js
index 6d80b6d..d46bdc7 100644
--- a/src/api/crm/activity/activity.js
+++ b/src/api/crm/activity/activity.js
@@ -211,3 +211,83 @@ export function addMapForReport(data) {
     isTransformResponse:false
   });
 }
+
+//新增请假申请
+export function addLeaveApply(data) {
+  return request.post({
+    url: "/crm/jys/app/appLeaveApply/add",
+    data,
+  },{
+    isTransformResponse:false
+  });
+}
+
+//我的表单
+export function getLeaveApplyList(data) {
+  return request.get({
+    url: "/crm/jys/app/appLeaveApply/list",
+    data
+  },{
+    isTransformResponse:false
+  });
+}
+
+//可销假表单
+export function getBackList(data) {
+  return request.get({
+    url: "/crm/jys/app/appLeaveApply/getBackList",
+    data
+  },{
+    isTransformResponse:false
+  });
+}
+
+//我的审批
+export function getMyReviewList(data) {
+  return request.get({
+    url: "/crm/jys/app/appLeaveApply/myReview",
+    data
+  },{
+    isTransformResponse:false
+  });
+}
+
+//可销假表单
+export function getBackLeaveList(data) {
+  return request.get({
+    url: "/crm/jys/app/appLeaveApply/myBackLeave",
+    data
+  },{
+    isTransformResponse:false
+  });
+}
+
+//提交审批
+export function addReviewLeave(data) {
+  return request.post({
+    url: "/crm/jys/app/appLeaveApply/addReview",
+    data,
+  },{
+    isTransformResponse:false
+  });
+}
+
+//新增销假申请
+export function addBackApply(data) {
+  return request.post({
+    url: "/crm/jys/app/appLeaveApply/addBackApply",
+    data,
+  },{
+    isTransformResponse:false
+  });
+}
+
+//可销假表单
+export function getDelLeaveApply(data) {
+  return request.get({
+    url: "/crm/jys/app/appLeaveApply/delLeaveApply",
+    data
+  },{
+    isTransformResponse:false
+  });
+}
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index d86b7d5..e0b829a 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -542,11 +542,74 @@
 		{
 			"path": "pages/business/CRM/map/checkinStatistics",
 			//打卡统计
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//请假申请
+		{
+			"path": "pages/business/CRM/leave/askLeave",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//添加请假申请
+		{
+			"path": "pages/business/CRM/leave/addApply",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//我的申请表单
+		{
+			"path": "pages/business/CRM/leave/myApply",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//我的申请表单详情
+		{
+			"path": "pages/business/CRM/leave/myApplyDetail",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//可销假列表
+		{
+			"path": "pages/business/CRM/leave/backApply",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//添加销假申请
+		{
+			"path": "pages/business/CRM/leave/addBackApply",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//请假审批
+		{
+			"path": "pages/business/CRM/leave/reviewLeave",
+			
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		//审批详情
+		{
+			"path": "pages/business/CRM/leave/reviewDetail",
+			
 			"style": {
 				"navigationBarTitleText": ""
 			}
 		}
-		//===================================活动报告====================
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/src/pages/business/CRM/leave/addApply.vue b/src/pages/business/CRM/leave/addApply.vue
new file mode 100644
index 0000000..292c999
--- /dev/null
+++ b/src/pages/business/CRM/leave/addApply.vue
@@ -0,0 +1,248 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<customHeader ref="customHeaderRef" :title="'请假申请'" :leftFlag="true">
+			</customHeader>
+			<!-- #ifdef H5 -->
+			<view style="height:30rpx"></view>
+			<!-- #endif -->
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="example">
+					<uni-forms ref="baseForm" :modelValue="baseFormData" :label-width="80">
+						<uni-forms-item label="请假模式">
+							<uni-data-select v-model="baseFormData.typeval" :localdata="range"
+								@change="change" :clear="false"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item label="开始日期">
+							<uni-datetime-picker type="date" :clear-icon="false"
+								placeholder="请输入开始日期" v-model="baseFormData.startDate"
+								@change="change" />
+						</uni-forms-item>
+						<uni-forms-item v-show="baseFormData.typeval=='1'" label="结束日期">
+							<uni-datetime-picker type="date" :clear-icon="false"
+								placeholder="请输入结束日期" v-model="baseFormData.endDate"
+								@change="change" />
+						</uni-forms-item>
+						<uni-forms-item label="开始时间" v-show="baseFormData.typeval!='1'">
+							<input type="text" class="inputborder" style="text-align: center;"
+								v-model="baseFormData.startTime" :disabled="true" />
+						</uni-forms-item>
+						<uni-forms-item label="结束时间" v-show="baseFormData.typeval!='1'">
+							<input type="text" class="inputborder" style="text-align: center;"
+								v-model="baseFormData.endTime" :disabled="true" />
+						</uni-forms-item>
+						<uni-forms-item label="请假天数">
+							<input type="text" class="inputborder" style="text-align: center;"
+								v-model="baseFormData.days" :disabled="true" />
+						</uni-forms-item>
+						<uni-forms-item label="详细说明" class="custom-label-height">
+							<uni-easyinput type="textarea" v-model="baseFormData.reason"
+								placeholder="请输入详细说明" />
+						</uni-forms-item>
+					</uni-forms>
+				</view>
+				<view>
+					<button type="primary" @click="submit()">提交</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		reactive
+	} from 'vue'
+	import customHeader from '@/components/customHeader.vue'
+	import {
+		getNavBarPaddingTop
+	} from '@/utils/system.js'
+
+	import {
+		addLeaveApply
+	} from '@/api/crm/activity/activity';
+
+	// 获取导航栏高度用于内容区域padding
+	const navBarPaddingTop = ref(0);
+	onMounted(() => {
+		navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+	})
+
+	// 表单ref
+	const baseForm = ref(null);
+
+	const baseFormData = reactive({
+		typeval: 1,
+		startDate: getDate(Date.now()),
+		endDate: getDate(Date.now()),
+		days: 1,
+		reason: '',
+		startTime: '08:30',
+		endTime: '12:30',
+	});
+
+	const range = ref([{
+		"value": 1,
+		"text": "全天"
+	}, {
+		"value": 2,
+		"text": "前半个班次"
+	}, {
+		"value": 3,
+		"text": "后半个班次"
+	}]);
+
+	const submit = async () => {
+		try {
+			if (baseFormData.days == 0) {
+				uni.showToast({
+					title: '请确认日期',
+					icon: 'error'
+				});
+			} else {
+				if (baseFormData.typeval != 1) {
+					baseFormData.endDate = baseFormData.startDate
+				}
+				// 验证表单
+				await baseForm.value.validate();
+				// 验证通过后的操作
+				uni.showToast({
+					title: '验证通过',
+					icon: 'success'
+				});
+
+				addLeaveApply(baseFormData).then(
+					res => {
+						if (res.code == 200) {
+							uni.showToast({
+								title: '提交成功',
+								duration: 2000
+							});
+							setTimeout(function() {
+								uni.navigateBack({
+									success: () => {}
+								})
+							}, 500);
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none',
+							});
+						}
+					},
+				);
+			}
+
+
+		} catch (err) {
+			console.log('表单验证失败:', err);
+		}
+	};
+
+	let change = () => {
+		if (baseFormData.typeval != 1) {
+			if (baseFormData.typeval == 2) {
+				baseFormData.startTime = '08:30'
+				baseFormData.endTime = '12:30'
+			} else {
+				baseFormData.startTime = '13:00'
+				baseFormData.endTime = '17:00'
+			}
+
+			baseFormData.days = 0.5
+		} else {
+			let start = baseFormData.startDate
+			let end = baseFormData.endDate
+			baseFormData.days = getDayDiff(start, end);
+		}
+	}
+
+	function getDate(dateval) {
+		const date = new Date(dateval)
+		const year = date.getFullYear()
+		const month = date.getMonth() + 1
+		const day = date.getDate()
+		return `${year}-${addZero(month)}-${addZero(day)}`
+	}
+
+	function addZero(num) {
+		if (num < 10) {
+			num = `0${num}`
+		}
+		return num
+	}
+
+	// 计算两个日期的天数差
+	function getDayDiff(startDate, endDate) {
+		// 处理日期格式（兼容iOS）
+		const start = startDate.replace(/-/g, '/');
+		const end = endDate.replace(/-/g, '/');
+
+		const date1 = new Date(start).getTime();
+		const date2 = new Date(end).getTime();
+
+		if (date2 < date1) {
+			return 0
+		}
+
+		// 计算天数差（含边界值+1天）
+		return Math.floor(Math.abs(date2 - date1) / (24 * 3600 * 1000)) + 1;
+	}
+</script>
+
+<style lang="scss">
+	.example {
+		padding: 15px;
+		background-color: #fff;
+	}
+
+	.segmented-control {
+		margin-bottom: 15px;
+	}
+
+	.button-group {
+		margin-top: 15px;
+		display: flex;
+		justify-content: space-around;
+	}
+
+	.form-item {
+		display: flex;
+		align-items: center;
+	}
+
+	.button {
+		display: flex;
+		align-items: center;
+		height: 35px;
+		margin-left: 10px;
+	}
+
+	.inputborder {
+		width: 100%;
+		text-align: left;
+		border: 1px solid #dcdfe6;
+		border-radius: 4px;
+		font-size: 14px;
+		height: 35px;
+	}
+
+	:deep(.uni-forms-item__label) {
+		padding: 0 20rpx;
+		background-color: rgba(103, 194, 58, 0.2);
+	}
+
+	:deep(.custom-label-height .uni-forms-item__label) {
+		height: 190rpx;
+	}
+
+	::v-deep .uni-easyinput__content-textarea {
+		height: 152rpx !important;
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/addBackApply.vue b/src/pages/business/CRM/leave/addBackApply.vue
new file mode 100644
index 0000000..e2461f2
--- /dev/null
+++ b/src/pages/business/CRM/leave/addBackApply.vue
@@ -0,0 +1,316 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<!-- 头部 -->
+			<customHeader ref="customHeaderRef" :title="'销假申请'" :leftFlag="true" :rightFlag="false">
+			</customHeader>
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="example">
+					<view class="r-list" style="display: flex;font-size: 14px;padding-top: 32rpx;
+					background-color: #03aa0315;height: 76rpx;">
+						<view class="r-left">
+							<label style="color: #03aa03;font-size: 34rpx;
+							padding: 32rpx;background-color: #dcd8d933;">
+								{{ applyData.days.replace('.0','')}} 天</label>
+						</view>
+						<view style="margin-top: -20rpx;">
+
+							<view class="r-right" style="margin-left: 30rpx;">
+								{{ applyData.startDate }}
+								至
+								{{ applyData.endDate }}
+							</view>
+							<view class="r-right" style="margin-left: 30rpx;color: #00000095;">
+								{{ applyData.reason }}
+							</view>
+						</view>
+					</view>
+					<uni-forms ref="baseForm" :modelValue="baseFormData" :label-width="80"
+						style="margin-top: 20rpx;">
+						<uni-forms-item label="销假模式">
+							<uni-data-select v-model="baseFormData.typeval" :localdata="range"
+								@change="change" :clear="false"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item label="开始日期">
+							<uni-datetime-picker type="date" :clear-icon="false"
+								placeholder="请输入开始日期" v-model="baseFormData.startDate"
+								@change="change" />
+						</uni-forms-item>
+						<uni-forms-item v-show="baseFormData.typeval==1" label="结束日期">
+							<uni-datetime-picker type="date" :clear-icon="false"
+								placeholder="请输入结束日期" v-model="baseFormData.endDate"
+								@change="change" />
+						</uni-forms-item>
+						<uni-forms-item label="开始时间" v-show="baseFormData.typeval!='1'">
+							<uni-easyinput v-model="baseFormData.startTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="结束时间" v-show="baseFormData.typeval!='1'">
+							<uni-easyinput v-model="baseFormData.endTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="销假天数">
+							<uni-easyinput v-model="baseFormData.days" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="详细说明" class="custom-label-height">
+							<uni-easyinput type="textarea" v-model="baseFormData.reason" />
+						</uni-forms-item>
+					</uni-forms>
+				</view>
+				<view>
+					<button type="primary" @click="submit()">提交</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		reactive
+	} from 'vue'
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import customHeader from '@/components/customHeader.vue'
+	import {
+		addBackApply
+	} from '@/api/crm/activity/activity';
+
+	// 表单ref
+	let baseForm = ref(null);
+
+	const range = ref([{
+		"value": 1,
+		"text": "全天"
+	}, {
+		"value": 2,
+		"text": "前半个班次"
+	}, {
+		"value": 3,
+		"text": "后半个班次"
+	}]);
+
+	let baseFormData = reactive({
+		typeName: "全天",
+		typeval: 1,
+		startDate: getDate(Date.now()),
+		endDate: getDate(Date.now()),
+		days: 1,
+		reason: '',
+		startTime: '08:30',
+		endTime: '12:30',
+	});
+
+	let leaveId = ref(null);
+	let applyData = ref(null);
+
+	onLoad((options) => {
+		if (options.data) {
+			applyData.value = JSON.parse(decodeURIComponent(options.data))
+			leaveId.value = applyData.value.leaveId
+		}
+	})
+
+	// 查询详情
+	let item = ref({});
+	const submit = async () => {
+		try {
+			if (baseFormData.days == 0 ||
+				(baseFormData.typeval == 1 &&
+					(applyData.value.endDate < baseFormData.endDate ||
+						applyData.value.startDate > baseFormData.endDate)) ||
+				applyData.value.endDate < baseFormData.startDate ||
+				applyData.value.startDate > baseFormData.startDate ||
+				baseFormData.startDate < getDate(Date.now()) ||
+				parseFloat(baseFormData.days) > parseFloat(applyData.value.days) ||
+				(parseFloat(applyData.value.days) == 0.5 && baseFormData.typeval != applyData
+					.value.typeval)) {
+				uni.showToast({
+					title: '请确认日期',
+					icon: 'error'
+				});
+			} else {
+				if (baseFormData.typeval != 1) {
+					baseFormData.endDate = baseFormData.startDate
+				}
+				// 验证表单
+				await baseForm.value.validate();
+				// 验证通过后的操作
+				uni.showToast({
+					title: '验证通过',
+					icon: 'success'
+				});
+
+				baseFormData.leaveId = leaveId.value
+
+				addBackApply(baseFormData).then(
+					res => {
+						if (res.code == 200) {
+							uni.showToast({
+								title: '提交成功',
+								duration: 2000
+							});
+							setTimeout(function() {
+								uni.navigateBack({
+									success: () => {
+										uni.$emit('isRefresh');
+									}
+								})
+							}, 500);
+						} else {
+							uni.showToast({
+								title: res.msg,
+								icon: 'none',
+							});
+						}
+					},
+				);
+			}
+
+
+		} catch (err) {
+			console.log('表单验证失败:', err);
+		}
+	}
+
+	function getDate(dateval) {
+		const date = new Date(dateval)
+		const year = date.getFullYear()
+		const month = date.getMonth() + 1
+		const day = date.getDate()
+		return `${year}-${addZero(month)}-${addZero(day)}`
+	}
+
+	function addZero(num) {
+		if (num < 10) {
+			num = `0${num}`
+		}
+		return num
+	}
+
+	let change = () => {
+		if (baseFormData.typeval != 1) {
+			if (baseFormData.typeval == 2) {
+				baseFormData.startTime = '08:30'
+				baseFormData.endTime = '12:30'
+			} else {
+				baseFormData.startTime = '13:00'
+				baseFormData.endTime = '17:00'
+			}
+
+			baseFormData.days = 0.5
+		} else {
+			let start = baseFormData.startDate
+			let end = baseFormData.endDate
+			baseFormData.days = getDayDiff(start, end);
+		}
+
+		baseFormData.days = baseFormData.days.toString()
+	}
+
+	// 计算两个日期的天数差
+	function getDayDiff(startDate, endDate) {
+		// 处理日期格式（兼容iOS）
+		const start = startDate.replace(/-/g, '/');
+		const end = endDate.replace(/-/g, '/');
+
+		const date1 = new Date(start).getTime();
+		const date2 = new Date(end).getTime();
+
+		if (date2 < date1) {
+			return 0
+		}
+
+		// 计算天数差（含边界值+1天）
+		return Math.floor(Math.abs(date2 - date1) / (24 * 3600 * 1000)) + 1;
+	}
+</script>
+
+<style scoped>
+	.white-bg {
+		width: 690rpx;
+		margin: 0;
+		border-radius: 8px 8px 0 0;
+	}
+
+	.white-bg.white-bg-2 {
+		border-radius: 0;
+		margin-bottom: 20rpx;
+	}
+
+	:deep(.tabs-header) {
+		/* background: none !important; */
+		border-bottom: none !important;
+		margin: 0 auto;
+		gap: 5rpx;
+	}
+
+	:deep(.tab-item) {
+		color: #919191;
+		font-size: 32rpx;
+		font-weight: bold;
+		/* flex:none; */
+		/* margin: 0 -50rpx; */
+		/* padding: 0 50rpx; */
+	}
+
+	:deep(.tab-item:first-child) {
+		text-align: right;
+		margin-left: 230rpx;
+	}
+
+	:deep(.tab-item:last-child) {
+		text-align: left;
+		margin-right: 230rpx;
+	}
+
+	:deep(.tab-item.active) {
+		color: #3384DF;
+		font-weight: bold;
+	}
+
+	:deep(.tab-item.active::after) {
+		width: 100rpx;
+		height: 8rpx;
+	}
+
+	:deep(.is-disabled) {
+		background-color: rgba(255, 255, 255, 1) !important;
+		color: #333;
+	}
+
+	.btn-success {
+		background-color: #67c23a;
+		border: 1rpx solid #67c23a;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	.btn-warning {
+		background-color: #e6a23c;
+		border: 1rpx solid #e6a23c;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	:deep(.uni-forms-item__label) {
+		padding: 0 20rpx;
+		background-color: rgba(230, 162, 60, 0.2);
+	}
+
+	:deep(.custom-label-height .uni-forms-item__label) {
+		height: 190rpx;
+	}
+
+	::v-deep .uni-easyinput__content-textarea {
+		height: 152rpx !important;
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/askLeave.vue b/src/pages/business/CRM/leave/askLeave.vue
new file mode 100644
index 0000000..dfdef2a
--- /dev/null
+++ b/src/pages/business/CRM/leave/askLeave.vue
@@ -0,0 +1,58 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<customHeader ref="customHeaderRef" :title="'请假销假'" :leftFlag="true">
+			</customHeader>
+			<!-- #ifdef H5 -->
+			<view style="height:50rpx"></view>
+			<!-- #endif -->
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="logo-list">
+					<view class="l-l-item" @click="handleJump('addApply')">
+						<img :src="'static/images/business/icon-xxck.png'" />
+						<text class="font-gray">请假申请</text>
+					</view>
+					<view class="l-l-item" @click="handleJump('backApply')">
+						<img :src="'static/images/business/icon-xxtj.png'" />
+						<text class="font-gray">销假申请</text>
+					</view>
+					<view class="l-l-item" @click="handleJump('myApply')">
+						<img :src="'static/images/business/icon-zfbg.png'" />
+						<text class="font-gray">我的表单</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted
+	} from 'vue'
+	import customHeader from '@/components/customHeader.vue'
+	import {
+		getNavBarPaddingTop
+	} from '@/utils/system.js'
+	// 获取导航栏高度用于内容区域padding
+	const navBarPaddingTop = ref(0);
+	onMounted(() => {
+		navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+	})
+	
+	// 跳转
+	let handleJump=(url)=>{
+	    if(url){
+	        uni.navigateTo({ url })
+	    }
+	}
+</script>
+
+<style scoped>
+	
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/backApply.vue b/src/pages/business/CRM/leave/backApply.vue
new file mode 100644
index 0000000..65dc938
--- /dev/null
+++ b/src/pages/business/CRM/leave/backApply.vue
@@ -0,0 +1,159 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<!-- 头部 -->
+			<customHeader ref="customHeaderRef" :title="'销假申请'" :leftFlag="true" :rightFlag="true">
+			</customHeader>
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height" :style="{ paddingTop: navBarPaddingTop + 'px' }"></view>
+
+			<!-- 正文内容 -->
+			<view class="white-bg">
+				<view class="tabs-container">
+					<view class="white-bg-2" v-for="(item, index) in list" :key="index" @click="handleDetail(item)">
+						<view class="report-list">
+
+							<view class="title" style="margin-top: 10rpx;font-size: 30rpx">
+								{{ item.typeval == '1' ? '全天' : item.typeval == '2' ? '前半个班次' : '后半个班次' }}
+
+								<label v-if="item.applyType == '请假'" style="float: right;color: #03aa03;">
+									{{ item.applyType }}</label>
+								<label v-if="item.applyType == '销假'" style="float: right;color: #aa9303;">
+									{{ item.applyType }}</label>
+							</view>
+							<view class="apply-row" style="margin-top: 10px;">
+								<view class="r-left" style="font-size: 15px;font-weight: 500;">
+									申请日期  {{ item.applyDate }}
+								</view>
+							</view>
+							<view class="r-list">
+								<view class="r-left">休假日期</view>
+								<view class="r-right">{{ item.startDate }} 至 {{ item.endDate }}
+									（ <label style="color: #03aa03;">
+										{{ item.days.replace('.0', '') }}天</label> ）
+								</view>
+							</view>
+							<view class="r-list">
+								<view class="r-left">详细说明</view>
+								<view v-if="item.reason && item.reason.length <= 18" class="r-right">{{ item.reason }}
+								</view>
+							</view>
+							<view class="r-list" style="margin-top: -30rpx;"
+								v-if="item.reason && item.reason.length > 18">
+								<view class="r-right">{{ item.reason }}</view>
+							</view>
+							<view class="border-bottom" style="margin: 20rpx 0;"></view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import {
+	ref,
+	onMounted
+} from 'vue'
+import {
+	onShow
+} from '@dcloudio/uni-app'
+import customHeader from '@/components/customHeader.vue'
+import {
+	getNavBarPaddingTop
+} from '@/utils/system.js'
+import {
+	getBackLeaveList
+} from '@/api/crm/activity/activity'
+
+let list = ref([]);
+// 获取导航栏高度用于内容区域padding
+const navBarPaddingTop = ref(0);
+onMounted(() => {
+	navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+	getApplyList();
+})
+
+onShow(() => {
+	uni.$on('isRefresh', function () {
+		getApplyList();
+	})
+})
+
+async function getApplyList() {
+	let param = {
+		num: 0,
+		size: 10
+	}
+	let res = await getBackLeaveList(param);
+	list.value = res.rows;
+}
+
+// 跳转到添加申请
+let handleDetail = (item) => {
+	uni.navigateTo({
+		url: "/pages/business/CRM/leave/addBackApply?data=" + encodeURIComponent(JSON
+			.stringify(item))
+	})
+}
+</script>
+
+<style scoped>
+.all-body {
+	/* #ifdef APP-PLUS */
+	top: 150rpx;
+	height: calc(100vh - 75px);
+	/* #endif */
+	/* #ifndef APP-PLUS */
+	top: 120rpx;
+	height: calc(100vh);
+	/* #endif */
+}
+
+.search {
+	display: flex;
+}
+
+.search .btn-search {
+	border: none;
+	background: none;
+	line-height: normal;
+	color: #fff;
+	line-height: 56rpx !important;
+	padding: 10rpx 0 0;
+	text-align: left;
+	cursor: pointer;
+}
+
+.search .btn-search::after {
+	display: none;
+}
+
+.search .custom-search {
+	width: 80%;
+
+}
+
+.search .custom-search.uni-searchbar {
+	padding-right: 0 !important;
+}
+
+.scroll-h {
+	/* #ifdef APP-PLUS */
+	height: calc(100vh - 120px);
+	/* #endif */
+	/* #ifndef APP-PLUS */
+	height: calc(100vh - 110px);
+	/* #endif */
+}
+
+.white-bg {
+	padding-bottom: 10rpx;
+}
+
+:deep(.report-list .r-list) {
+	padding: 0.5rem 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/myApply.vue b/src/pages/business/CRM/leave/myApply.vue
new file mode 100644
index 0000000..3621e03
--- /dev/null
+++ b/src/pages/business/CRM/leave/myApply.vue
@@ -0,0 +1,237 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<customHeader ref="customHeaderRef" :title="'我的表单'" :leftFlag="true">
+			</customHeader>
+			<!-- #ifdef H5 -->
+			<view style="height:50rpx"></view>
+			<!-- #endif -->
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="tabs-container">
+					<view class="tabs-scorll">
+						<view class="tabs-header">
+							<view v-for="(tab, index) in tabList" :key="index"
+								:class="['tab-item', { 'active': activeTab === index }]"
+								@click="switchTab(index)">
+								{{ tab }}
+							</view>
+						</view>
+					</view>
+					<view class="white-bg-2" v-for="item in detailList">
+						<view class="report-list" @click="showDetail(item)">
+							<view class="title" style="margin-top: 20rpx;font-size: 30rpx">
+								{{ item.typeval=="1"?'全天':item.typeval=="2"?'前半个班次':'后半个班次' }}
+								<label v-if="item.applyType=='请假'"
+									style="float: right;color: #03ca03;">
+									{{ item.applyType}}</label>
+								<label v-if="item.applyType=='销假'"
+									style="float: right;color: #eaa303;">
+									{{ item.applyType}}</label>
+							</view>
+							<view class="r-list">
+								<view class="r-left" style="font-size: 30rpx;font-weight: 500;">
+									申请日期：{{ item.applyDate }}
+									（ <label v-if="item.status=='待审批'"
+										style="color: #03ca03;">{{ item.reviewStatus }}</label>
+									<label v-if="item.status=='审批中'"
+										style="color: #03ca03;">{{ item.reviewStatus }}</label>
+									<label v-if="item.status=='驳回'"
+										style="color: #fa3303;">{{ item.reviewStatus }}</label>
+									<label v-if="item.status=='完成'"
+										style="color: #03aaf3;">{{ item.reviewStatus }}</label>）
+								</view>
+							</view>
+							<view class="r-list">
+								<view class="r-left">休假日期</view>
+								<view class="r-right">{{ item.startDate }} 至 {{ item.endDate }}
+									（ <label v-if="item.applyType=='请假'" style="color: #03ca03;">
+										{{ item.days.replace('.0','')}}天</label>
+									<label v-if="item.applyType=='销假'" style="color: #eaa303;">
+										{{ item.days.replace('.0','')}}天</label> ）
+								</view>
+							</view>
+							<view class="r-list">
+								<view class="r-left">详细说明</view>
+								<view v-if="item.reason && item.reason.length <= 18"
+									class="r-right">{{ item.reason }}</view>
+							</view>
+							<view class="border-bottom" style="margin: 20rpx 0;"></view>
+						</view>
+					</view>
+					<view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize"
+							:current="pageCurrent" :total="total" @change="change" /></view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		reactive
+	} from 'vue'
+	import {
+		onShow
+	} from '@dcloudio/uni-app'
+	import customHeader from '@/components/customHeader.vue'
+	import {
+		getNavBarPaddingTop
+	} from '@/utils/system.js'
+
+	import {
+		getLeaveApplyList
+	} from '@/api/crm/activity/activity';
+
+	// 获取导航栏高度用于内容区域padding
+	const navBarPaddingTop = ref(0);
+	onMounted(() => {
+		navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+		getlist();
+	})
+
+	onShow(() => {
+		uni.$on('isRefresh', function() {
+			getlist();
+		})
+	})
+
+	const pageSize = ref(4);
+	const pageCurrent = ref(1);
+	const loading = ref(false);
+	let tabList = ref([])
+
+	let total = ref(0);
+	const totalAll = ref(0);
+	const totalReview = ref(0);
+	const totalReject = ref(0);
+	const totalPass = ref(0);
+
+
+	let activeTab = ref(0);
+
+	let detailList = ref([])
+	let detailLists = ref([])
+
+	let reviewList = ref([])
+	let rejectList = ref([])
+	let passList = ref([])
+
+	const getlist = async () => {
+		loading.value = true
+
+		let res = await getLeaveApplyList();
+		detailLists.value = res.rows;
+		reviewList.value = res.rows.filter(t => t.status == '待审批' || t.status == '审批中')
+		rejectList.value = res.rows.filter(t => t.status == '驳回')
+		passList.value = res.rows.filter(t => t.status == '完成')
+
+		total.value = res.total
+		totalAll.value = res.total
+		totalReview.value = reviewList.value.length
+		totalReject.value = rejectList.value.length
+		totalPass.value = passList.value.length
+
+		change({
+			current: 1
+		})
+		loading.value = false
+
+		let all = '全部(' + totalAll.value + ')'
+		let review = '审核中(' + totalReview.value + ')'
+		let reject = '已驳回(' + totalReject.value + ')'
+		let pass = '已通过(' + totalPass.value + ')'
+
+		tabList.value = [all, review, reject, pass]
+	}
+
+	const switchTab = (index) => {
+		activeTab.value = index
+
+		change({
+			current: 1
+		})
+	}
+
+	// 分页触发
+	let change = (e) => {
+		pageCurrent.value = e.current
+
+		let end = pageSize.value * e.current
+		let start = end - pageSize.value
+
+		if (activeTab.value == 0) {
+			detailList.value = detailLists.value.slice(start, end)
+			total.value = totalAll.value
+		} else if (activeTab.value == 1) {
+			detailList.value = reviewList.value.slice(start, end)
+			total.value = totalReview.value
+		} else if (activeTab.value == 2) {
+			detailList.value = rejectList.value.slice(start, end)
+			total.value = totalReject.value
+		} else if (activeTab.value == 3) {
+			detailList.value = passList.value.slice(start, end)
+			total.value = totalPass.value
+		}
+	}
+
+	// 跳转
+	let showDetail = (item) => {
+		uni.navigateTo({
+			url: "/pages/business/CRM/leave/myApplyDetail?data=" + encodeURIComponent(JSON
+				.stringify(item))
+		})
+	}
+</script>
+
+<style lang="scss" scoped>
+	.apply-row {
+		margin: 5px;
+	}
+
+	.border-bottom {
+		margin: 5px;
+		width: 100%;
+	}
+
+	.tabs-header {
+		display: flex;
+		height: 80rpx;
+		background: #fff;
+		border-bottom: 1rpx solid #eee;
+	}
+
+	.tab-item {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 28rpx;
+		color: #666;
+	}
+
+	.tab-item.active {
+		color: #007AFF;
+		position: relative;
+	}
+
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 150rpx;
+		height: 4rpx;
+		background-color: #007AFF;
+	}
+
+	:deep(.report-list .r-list) {
+		padding: 0.5rem 0;
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/myApplyDetail.vue b/src/pages/business/CRM/leave/myApplyDetail.vue
new file mode 100644
index 0000000..75fc539
--- /dev/null
+++ b/src/pages/business/CRM/leave/myApplyDetail.vue
@@ -0,0 +1,313 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<!-- 头部 -->
+			<customHeader ref="customHeaderRef" :title="'表单详情'" :leftFlag="true" :rightFlag="false">
+			</customHeader>
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+			<view class="white-bg">
+				<view class="example">
+					<uni-forms ref="baseForm" :modelValue="baseFormData" :label-width="80">
+						<uni-forms-item :label="baseFormData.applyType == '请假' ? '请假模式' : '销假模式'"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.typeName" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="开始日期"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.startDate" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item v-show="baseFormData.typeval == '1'" label="结束日期"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.endDate" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="开始时间" v-show="baseFormData.typeval != '1'"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.startTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="结束时间" v-show="baseFormData.typeval != '1'"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.endTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item :label="baseFormData.applyType == '请假' ? '请假天数' : '销假天数'"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple' : 'backLeave'">
+							<uni-easyinput v-model="baseFormData.days" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="详细说明"
+							:class="baseFormData.applyType == '请假' ? 'leaveApple custom-label-height' : 'backLeave custom-label-height'">
+							<uni-easyinput type="textarea" v-model="baseFormData.reason"
+								:disabled="true" />
+						</uni-forms-item>
+
+						<view v-if="baseFormData.reviewList.length > 0" class="reviewContent">
+							<view style="display: flex;margin-top: 10rpx;"
+								v-for="(item, index) in baseFormData.reviewList" :key="index">
+								<label style="width: 150rpx;">{{ item.userName }}：</label>
+								<label style="width: 100rpx;color: #03aa03;"
+									v-if="item.reviewResult == '通过'">{{
+									item.reviewResult }}</label>
+								<label style="width: 100rpx;color:  #fa3303;"
+									v-if="item.reviewResult == '驳回'">{{
+									item.reviewResult }}</label>
+								<view style="max-width: 400rpx; overflow-y: auto;">
+									{{ item.rejectReason }}
+								</view>
+
+							</view>
+						</view>
+
+						<view class="footer-con" style="margin-top: 20rpx;"
+							v-if="baseFormData.status == '待审批' || baseFormData.status == '审批中'">
+							<button class="btn-warning" @click="cancelApply()">撤销</button>
+						</view>
+					</uni-forms>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		reactive
+	} from 'vue'
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import customHeader from '@/components/customHeader.vue'
+	import customTabs from '@/components/customTabs.vue';
+	import {
+		getDelLeaveApply
+	} from '@/api/crm/activity/activity';
+
+	// 表单ref
+	let baseForm = ref(null);
+
+	let baseFormData = reactive({
+		typeName: "全天",
+		typeval: 1,
+		startDate: getDate(Date.now()),
+		endDate: getDate(Date.now()),
+		days: 1,
+		reason: '',
+		startTime: '08:30',
+		endTime: '12:30',
+		reviewList: []
+	});
+
+	onLoad((options) => {
+		if (options.data) {
+			baseFormData = JSON.parse(decodeURIComponent(options.data))
+			change()
+
+			baseFormData.days = baseFormData.days.toString()
+		}
+	})
+
+	const cancelApply = async () => {
+		try {
+			uni.showModal({
+				title: '',
+				content: '您确定要撤销申请吗？',
+				confirmColor: '#007AFF',
+				cancelColor: '#999999',
+				success: (res) => {
+					if (res.confirm) {
+						getDelLeaveApply({
+							leaveId: baseFormData.leaveId,
+							backId: baseFormData.backId,
+							applyType: baseFormData.applyType
+						}).then(
+							res => {
+								if (res.code == 200) {
+									uni.showToast({
+										title: '撤销成功',
+										duration: 2000
+									});
+									setTimeout(function() {
+										uni.navigateBack({
+											success: () => {
+												uni.$emit('isRefresh');
+											}
+										})
+									}, 500);
+								} else {
+									uni.showToast({
+										title: res.msg,
+										icon: 'none',
+									});
+								}
+							},
+						);
+
+					} else if (res.cancel) {
+
+					}
+				}
+			});
+
+		} catch (err) {
+			console.log('表单验证失败:', err);
+		}
+	};
+
+	function getDate(dateval) {
+		const date = new Date(dateval)
+		const year = date.getFullYear()
+		const month = date.getMonth() + 1
+		const day = date.getDate()
+		return `${year}-${addZero(month)}-${addZero(day)}`
+	}
+
+	function addZero(num) {
+		if (num < 10) {
+			num = `0${num}`
+		}
+		return num
+	}
+
+	let change = () => {
+		if (baseFormData.typeval != 1) {
+			if (baseFormData.typeval == 2) {
+				baseFormData.startTime = '08:30'
+				baseFormData.endTime = '12:30'
+
+				baseFormData.typeName = '前半个班次'
+			} else {
+				baseFormData.startTime = '13:00'
+				baseFormData.endTime = '17:00'
+
+				baseFormData.typeName = '后半个班次'
+			}
+
+			baseFormData.days = 0.5
+		} else {
+			let start = baseFormData.startDate
+			let end = baseFormData.endDate
+			baseFormData.days = getDayDiff(start, end);
+
+			baseFormData.typeName = '全天'
+		}
+
+		baseFormData.days = baseFormData.days.toString()
+	}
+
+	// 计算两个日期的天数差
+	function getDayDiff(startDate, endDate) {
+		// 处理日期格式（兼容iOS）
+		const start = startDate.replace(/-/g, '/');
+		const end = endDate.replace(/-/g, '/');
+
+		const date1 = new Date(start).getTime();
+		const date2 = new Date(end).getTime();
+
+		if (date2 < date1) {
+			return 0
+		}
+
+		// 计算天数差（含边界值+1天）
+		return Math.floor(Math.abs(date2 - date1) / (24 * 3600 * 1000)) + 1;
+	}
+</script>
+
+<style scoped>
+	.white-bg {
+		width: 690rpx;
+		margin: 0;
+		border-radius: 8px 8px 0 0;
+	}
+
+	.white-bg.white-bg-2 {
+		border-radius: 0;
+		margin-bottom: 20rpx;
+	}
+
+	:deep(.tabs-header) {
+		/* background: none !important; */
+		border-bottom: none !important;
+		margin: 0 auto;
+		gap: 5px;
+	}
+
+	:deep(.tab-item) {
+		color: #919191;
+		font-size: 32rpx;
+		font-weight: bold;
+		/* flex:none; */
+		/* margin: 0 -50rpx; */
+		/* padding: 0 50rpx; */
+	}
+
+	:deep(.tab-item:first-child) {
+		text-align: right;
+		margin-left: 230rpx;
+	}
+
+	:deep(.tab-item:last-child) {
+		text-align: left;
+		margin-right: 230rpx;
+	}
+
+	:deep(.tab-item.active) {
+		color: #3384DF;
+		font-weight: bold;
+	}
+
+	:deep(.tab-item.active::after) {
+		width: 100rpx;
+		height: 8rpx;
+	}
+
+	:deep(.is-disabled) {
+		background-color: rgba(255, 255, 255, 1) !important;
+		color: #333;
+	}
+
+	.btn-success {
+		background-color: #67c23a;
+		border: 1px solid #67c23a;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	.btn-warning {
+		background-color: #f6b23c;
+		border: 1px solid #f6b23c;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	.leaveApple {
+		background-color: rgba(103, 194, 58, 0.2);
+	}
+
+	.backLeave {
+		background-color: rgba(230, 162, 60, 0.2);
+	}
+
+	:deep(.uni-forms-item__label) {
+		padding: 0 12px;
+	}
+
+	:deep(.custom-label-height .uni-forms-item__label) {
+		height: 190rpx;
+	}
+
+	::v-deep .uni-easyinput__content-textarea {
+		height: 166rpx !important;
+	}
+
+	.reviewContent {
+		border: 1px solid #dcdfe6;
+		padding: 20rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/reviewDetail.vue b/src/pages/business/CRM/leave/reviewDetail.vue
new file mode 100644
index 0000000..0e577b1
--- /dev/null
+++ b/src/pages/business/CRM/leave/reviewDetail.vue
@@ -0,0 +1,322 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<!-- 头部 -->
+			<customHeader ref="customHeaderRef" :title="'审批详情'" :leftFlag="true" :rightFlag="false">
+			</customHeader>
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="example">
+					<view v-if="baseFormData.applyType!='请假'" style="display: flex;font-size: 14px;padding-top: 32rpx;
+					background-color: #03aa0315;height: 76rpx;">
+						<view class="r-left">
+							<label style="color: #03aa03;font-size: 34rpx;
+							padding: 32rpx;background-color: #dcd8d933;">
+								{{ baseFormData.days.replace('.0','')}} 天</label>
+						</view>
+						<view style="margin-top: -20rpx;">
+							<view class="r-right" style="margin-left: 30rpx;">
+								{{ baseFormData.startDate }}
+								至
+								{{ baseFormData.endDate }}
+							</view>
+							<view class="r-right" style="margin-left: 30rpx;color: #00000095;">
+								{{ baseFormData.reason }}
+							</view>
+						</view>
+					</view>
+
+					<uni-forms ref="baseForm" :modelValue="baseFormData" :label-width="80"
+						style="margin-top: 10rpx;">
+						<uni-forms-item :label="baseFormData.applyType=='请假'?'请假模式':'销假模式'"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.typeName" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="开始日期"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.startDate" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item v-show="baseFormData.typeval=='1'" label="结束日期"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.endDate" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="开始时间" v-show="baseFormData.typeval!='1'"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.startTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="结束时间" v-show="baseFormData.typeval!='1'"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.endTime" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item :label="baseFormData.applyType=='请假'?'请假天数':'销假天数'"
+							:class="baseFormData.applyType=='请假'?'leaveApple':'backLeave'">
+							<uni-easyinput v-model="baseFormData.days" class="inputborder"
+								:disabled="true" style="text-align: center;" />
+						</uni-forms-item>
+						<uni-forms-item label="详细说明"
+							:class="baseFormData.applyType=='请假'?'leaveApple custom-label-height':'backLeave custom-label-height'">
+							<uni-easyinput type="textarea" v-model="baseFormData.reason"
+								:disabled="true" />
+						</uni-forms-item>
+						<view class="border-bottom" style="width: 100%;"></view>
+						<view style="margin-top: 20rpx;">
+							<uni-forms-item label="审核意见" class="custom-label-height">
+								<uni-easyinput type="textarea" v-model="rejectReason" />
+							</uni-forms-item>
+						</view>
+					</uni-forms>
+				</view>
+				<view class="footer-con" style="display: flex;" v-if="baseFormData.reviewerId!=0">
+					<button class="btn-success" type="success" @click="submit('同意')"
+						size="mini">同意</button>
+					<button class="btn-warning" type="warning" @click="submit('驳回')"
+						size="mini">驳回</button>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		reactive
+	} from 'vue'
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+	import customHeader from '@/components/customHeader.vue'
+	import customTabs from '@/components/customTabs.vue';
+	import {
+		addReviewLeave
+	} from '@/api/crm/activity/activity';
+
+	// 表单ref
+	let baseForm = ref(null);
+
+	let rejectReason = ref(null);
+
+	let baseFormData = reactive({
+		typeName: "全天",
+		typeval: 1,
+		startDate: getDate(Date.now()),
+		endDate: getDate(Date.now()),
+		days: 1,
+		reason: '',
+		startTime: '08:30',
+		endTime: '12:30',
+	});
+
+	onLoad((options) => {
+		rejectReason.value = ""
+		if (options.data) {
+			baseFormData = JSON.parse(decodeURIComponent(options.data))
+			change()
+
+			baseFormData.days = baseFormData.days.toString()
+			baseFormData.leaveDays = baseFormData.leaveDays.replace('.0', '')
+
+			if (baseFormData.reviewerIdR != null) {
+				rejectReason.value = baseFormData.rejectReason
+			}
+		}
+	})
+
+	// 查询详情
+	let item = ref({});
+	const submit = async (status) => {
+		if (status == '驳回' && (rejectReason.value == null || rejectReason.value == "")) {
+			uni.showToast({
+				title: '请填写驳回原因',
+				duration: 2000
+			});
+		} else {
+			let param = {
+				reviewStatus: status == '同意' ? '完成' : '驳回',
+				reviewResult: status == '同意' ? '通过' : '驳回',
+				rejectReason: rejectReason.value,
+				applyType: baseFormData.applyType,
+				leaveId: baseFormData.leaveId,
+				backId: baseFormData.backId,
+				days: baseFormData.days,
+			}
+			addReviewLeave(param).then(
+				res => {
+					if (res.code == 200) {
+						uni.showToast({
+							title: '提交成功',
+							duration: 2000
+						});
+						setTimeout(function() {
+							uni.navigateBack({
+								success: () => {
+									uni.$emit('isRefresh');
+								}
+							})
+						}, 500);
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: 'none',
+						});
+					}
+				},
+			);
+		}
+	}
+
+	function getDate(dateval) {
+		const date = new Date(dateval)
+		const year = date.getFullYear()
+		const month = date.getMonth() + 1
+		const day = date.getDate()
+		return `${year}-${addZero(month)}-${addZero(day)}`
+	}
+
+	function addZero(num) {
+		if (num < 10) {
+			num = `0${num}`
+		}
+		return num
+	}
+
+	let change = () => {
+		if (baseFormData.typeval != 1) {
+			if (baseFormData.typeval == 2) {
+				baseFormData.startTime = '08:30'
+				baseFormData.endTime = '12:30'
+
+				baseFormData.typeName = '前半个班次'
+			} else {
+				baseFormData.startTime = '13:00'
+				baseFormData.endTime = '17:00'
+
+				baseFormData.typeName = '后半个班次'
+			}
+
+			baseFormData.days = 0.5
+		} else {
+			let start = baseFormData.startDate
+			let end = baseFormData.endDate
+			baseFormData.days = getDayDiff(start, end);
+
+			baseFormData.typeName = '全天'
+		}
+
+		baseFormData.days = baseFormData.days.toString()
+	}
+
+	// 计算两个日期的天数差
+	function getDayDiff(startDate, endDate) {
+		// 处理日期格式（兼容iOS）
+		const start = startDate.replace(/-/g, '/');
+		const end = endDate.replace(/-/g, '/');
+
+		const date1 = new Date(start).getTime();
+		const date2 = new Date(end).getTime();
+
+		if (date2 < date1) {
+			return 0
+		}
+
+		// 计算天数差（含边界值+1天）
+		return Math.floor(Math.abs(date2 - date1) / (24 * 3600 * 1000)) + 1;
+	}
+</script>
+
+<style scoped>
+	.white-bg {
+		width: 690rpx;
+		margin: 0;
+		border-radius: 8px 8px 0 0;
+	}
+
+	.white-bg.white-bg-2 {
+		border-radius: 0;
+		margin-bottom: 20rpx;
+	}
+
+	:deep(.tabs-header) {
+		/* background: none !important; */
+		border-bottom: none !important;
+		margin: 0 auto;
+		gap: 5px;
+	}
+
+	:deep(.tab-item) {
+		color: #919191;
+		font-size: 32rpx;
+		font-weight: bold;
+		/* flex:none; */
+		/* margin: 0 -50rpx; */
+		/* padding: 0 50rpx; */
+	}
+
+	:deep(.tab-item:first-child) {
+		text-align: right;
+		margin-left: 230rpx;
+	}
+
+	:deep(.tab-item:last-child) {
+		text-align: left;
+		margin-right: 230rpx;
+	}
+
+	:deep(.tab-item.active) {
+		color: #3384DF;
+		font-weight: bold;
+	}
+
+	:deep(.tab-item.active::after) {
+		width: 100rpx;
+		height: 8rpx;
+	}
+
+	:deep(.is-disabled) {
+		background-color: rgba(255, 255, 255, 1) !important;
+		color: #333;
+	}
+
+	.btn-success {
+		background-color: #67d23a;
+		border: 1px solid #67d23a;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	.btn-warning {
+		background-color: #f6b23c;
+		border: 1px solid #f6b23c;
+		color: #fff;
+		/* padding: 0rpx 60rpx; */
+	}
+
+	.leaveApple {
+		background-color: rgba(103, 194, 58, 0.2);
+	}
+
+	.backLeave {
+		background-color: rgba(230, 162, 60, 0.2);
+	}
+
+	:deep(.uni-forms-item__label) {
+		padding: 0 12px;
+	}
+
+	:deep(.custom-label-height .uni-forms-item__label) {
+		height: 190rpx;
+	}
+
+	::v-deep .uni-easyinput__content-textarea {
+		height: 166rpx !important;
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/business/CRM/leave/reviewLeave.vue b/src/pages/business/CRM/leave/reviewLeave.vue
new file mode 100644
index 0000000..27842a5
--- /dev/null
+++ b/src/pages/business/CRM/leave/reviewLeave.vue
@@ -0,0 +1,376 @@
+<template>
+	<view class="con-body">
+		<view class="con-bg">
+			<customHeader ref="customHeaderRef" :title="'我的审批'" :leftFlag="true">
+			</customHeader>
+			<!-- #ifdef H5 -->
+			<view style="height:50rpx"></view>
+			<!-- #endif -->
+
+			<!-- 高度来避免头部遮挡 -->
+			<view class="top-height"></view>
+
+			<view class="white-bg">
+				<view class="tabs-container">
+					<view class="search">
+						<uni-search-bar class="custom-search" radius="28" placeholder="姓名" clearButton="auto"
+							cancelButton="none" bgColor="#6FA2F8" textColor="#ffffff" v-model="searchValue" />
+						<button type="default" @click="handleSearch" size="mini" class="btn-search">查询</button>
+					</view>
+
+					<view class="tabs-scorll">
+						<view class="tabs-header">
+							<view v-for="(tab, index) in tabHeaderList" :key="index"
+								:class="['tab-item-main', { 'active': activeTabHeader === index }]"
+								@click="switchTabHeader(index)">
+								{{ tab }}
+							</view>
+						</view>
+					</view>
+					<view class="tabs-scorll">
+						<view class="tabs-header">
+							<view v-for="(tab, index) in tabList" :key="index"
+								:class="['tab-item', { 'active': activeTab === index }]" @click="switchTab(index)">
+								{{ tab }}
+							</view>
+						</view>
+					</view>
+
+					<view class="white-bg-2" v-for="item in detailList">
+						<view class="report-list" @click="showDetail(item)">
+							<view class="report-list">
+								<view class="title" style="font-size: 30rpx;margin-top: 20rpx;">
+									{{ item.typeval == '1' ? '全天' : item.typeval == '2' ? '前半个班次' : '后半个班次' }}
+
+									<label v-if="item.applyType == '请假'" style="float: right;color: #03ca03;">
+										{{ item.applyType }}</label>
+									<label v-if="item.applyType == '销假'" style="float: right;color: #eaa303;">
+										{{ item.applyType }}</label>
+								</view>
+								<view class="r-list">
+									<view class="r-left">姓名</view>
+									<view class="r-right">{{ item.applyUserName }} </view>
+								</view>
+								<view class="r-list">
+									<view class="r-left">{{ item.applyType }}日期</view>
+									<view class="r-right">{{ item.startDate }} 至 {{ item.endDate }}
+										（ <label v-if="item.applyType == '请假'" style="color: #03ca03;">
+											{{ item.days.replace('.0', '') }}天</label>
+										<label v-if="item.applyType == '销假'" style="color: #eaa303;">
+											{{ item.days.replace('.0', '') }}天</label> ）
+									</view>
+								</view>
+
+								<view class="r-list">
+									<view class="r-left">详细说明</view>
+									<view v-if="item.reason && item.reason.length <= 18" class="r-right">{{ item.reason
+										}}</view>
+								</view>
+								<view class="r-list" style="margin-top: -30rpx;"
+									v-if="item.reason && item.reason.length > 18">
+									<view class="r-right">{{ item.reason }}</view>
+								</view>
+
+							</view>
+							<view class="border-bottom" style="margin: 20rpx 0;"></view>
+						</view>
+					</view>
+					<view class="uni-pagination-box"><uni-pagination show-icon :page-size="pageSize"
+							:current="pageCurrent" :total="total" @change="change" /></view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import {
+	ref,
+	onMounted,
+	reactive
+} from 'vue'
+import {
+	onShow
+} from '@dcloudio/uni-app'
+import customHeader from '@/components/customHeader.vue'
+import {
+	getNavBarPaddingTop
+} from '@/utils/system.js'
+
+import {
+	getMyReviewList
+} from '@/api/crm/activity/activity';
+
+// 获取导航栏高度用于内容区域padding
+const navBarPaddingTop = ref(0);
+onMounted(() => {
+	navBarPaddingTop.value = getNavBarPaddingTop() * 2;
+	getlist();
+})
+
+onShow(() => {
+	uni.$on('isRefresh', function () {
+		isRefresh.value = true
+		getApplyList();
+	})
+})
+
+function getApplyList() {
+	getlist({
+		applyUserName: searchValue.value
+	})
+}
+
+let isRefresh = ref(false)
+
+let searchValue = ref(null)
+// 查询搜索跳转
+let handleSearch = () => {
+	isRefresh.value = true
+	getApplyList();
+}
+
+const pageSize = ref(4);
+const pageCurrent = ref(1);
+const loading = ref(false);
+let tabList = ref([])
+let tabHeaderList = ref(['待审核', '已审核'])
+
+let total = ref(0);
+const totalAll = ref(0);
+const totalReview = ref(0);
+const totalReviewA = ref(0);
+const totalReviewB = ref(0);
+const totalReject = ref(0);
+const totalPass = ref(0);
+
+
+let activeTab = ref(0);
+let activeTabHeader = ref(0);
+
+let detailList = ref([])
+let detailLists = ref([])
+
+//请假
+let reviewListA = ref([])
+//销假
+let reviewListB = ref([])
+//驳回
+let rejectList = ref([])
+//通过
+let passList = ref([])
+//已审批
+let reviewList = ref([])
+
+const getlist = async (param) => {
+	loading.value = true
+
+	let res = await getMyReviewList(param);
+	detailLists.value = res.rows;
+	reviewListA.value = res.rows.filter(t => (t.status == '待审批' || t.status == '审批中') && t
+		.applyType == '请假' && t.reviewerIdR == null)
+	reviewListB.value = res.rows.filter(t => (t.status == '待审批' || t.status == '审批中') && t
+		.applyType == '销假' && t.reviewerIdR == null)
+
+	rejectList.value = res.rows.filter(t => t.status == '驳回' && t.reviewerIdR != null)
+	passList.value = res.rows.filter(t => t.status != '驳回' && t.reviewerIdR != null)
+
+	reviewList.value = res.rows.filter(t => t.reviewerIdR != null)
+
+	total.value = res.total
+
+	totalReviewA.value = reviewListA.value.length
+	totalReviewB.value = reviewListB.value.length
+
+	totalReview.value = totalReviewA.value + totalReviewB.value
+	totalReject.value = rejectList.value.length
+	totalPass.value = passList.value.length
+
+	totalAll.value = reviewList.value.length
+
+	if (isRefresh.value == false) {
+		switchTabHeader(0)
+		switchTab(0)
+	}
+
+	if (activeTabHeader.value == 0) {
+		tabList.value = ['请假(' + totalReviewA.value + ')', '销假(' + totalReviewB.value + ')']
+	} else if (activeTabHeader.value == 1) {
+		let all = '全部(' + totalAll.value + ')'
+		let pass = '已批准(' + totalPass.value + ')'
+		let reject = '已驳回(' + totalReject.value + ')'
+
+		tabList.value = [all, pass, reject]
+	}
+
+	change({
+		current: 1
+	})
+
+	loading.value = false
+}
+
+const switchTab = (index) => {
+	isRefresh.value = false
+	activeTab.value = index
+
+	change({
+		current: 1
+	})
+}
+
+const switchTabHeader = (index) => {
+	isRefresh.value = false
+	tabList.value = []
+	activeTabHeader.value = index
+
+	if (activeTabHeader.value == 0) {
+		tabList.value = ['请假(' + totalReviewA.value + ')', '销假(' + totalReviewB.value + ')']
+	} else if (activeTabHeader.value == 1) {
+		let all = '全部(' + totalAll.value + ')'
+		let pass = '已批准(' + totalPass.value + ')'
+		let reject = '已驳回(' + totalReject.value + ')'
+
+		tabList.value = [all, pass, reject]
+	}
+
+	switchTab(0)
+}
+
+// 分页触发
+let change = (e) => {
+	pageCurrent.value = e.current
+
+	let end = pageSize.value * e.current
+	let start = end - pageSize.value
+
+	if (activeTabHeader.value == 0) {
+		if (activeTab.value == 0) {
+			detailList.value = reviewListA.value.slice(start, end)
+			total.value = totalReviewA.value
+		} else if (activeTab.value == 1) {
+			detailList.value = reviewListB.value.slice(start, end)
+			total.value = totalReviewB.value
+		}
+	} else if (activeTabHeader.value == 1) {
+		if (activeTab.value == 0) {
+			detailList.value = reviewList.value.slice(start, end)
+			total.value = totalAll.value
+		} else if (activeTab.value == 1) {
+			detailList.value = passList.value.slice(start, end)
+			total.value = totalPass.value
+		} else if (activeTab.value == 2) {
+			detailList.value = rejectList.value.slice(start, end)
+			total.value = totalReject.value
+		}
+	}
+}
+
+// 跳转
+let showDetail = (item) => {
+	uni.navigateTo({
+		url: "/pages/business/CRM/leave/reviewDetail?data=" + encodeURIComponent(JSON
+			.stringify(item))
+	})
+}
+</script>
+
+<style lang="scss" scoped>
+.apply-row {
+	margin: 5px;
+}
+
+.border-bottom {
+	margin: 5px;
+	width: 100%;
+}
+
+.tabs-header {
+	display: flex;
+	height: 80rpx;
+	background: #fff;
+	border-bottom: 1rpx solid #eee;
+}
+
+.tab-item {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 28rpx;
+	color: #666;
+}
+
+.tab-item.active {
+	color: #007AFF;
+	position: relative;
+}
+
+.tab-item.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 200rpx;
+	height: 4rpx;
+	background-color: #007AFF;
+}
+
+.tab-item-main {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 30rpx;
+	color: #666;
+}
+
+.tab-item-main.active {
+	color: #007AFF;
+	position: relative;
+}
+
+.tab-item-main.active::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 300rpx;
+	height: 4rpx;
+	background-color: #007AFF;
+}
+
+:deep(.report-list .r-list) {
+	padding: 0.5rem 0;
+}
+
+.search {
+	display: flex;
+}
+
+.search .btn-search {
+	border: none;
+	background: none;
+	line-height: normal;
+	color: #666;
+	line-height: 56rpx !important;
+	padding: 10rpx 0 0;
+	text-align: left;
+	cursor: pointer;
+}
+
+.search .btn-search::after {
+	display: none;
+}
+
+.search .custom-search {
+	width: 80%;
+
+}
+
+.search .custom-search.uni-searchbar {
+	padding-right: 0 !important;
+}
+</style>
\ No newline at end of file