From b8be3c784d699e3d49553f8fd325ccee5fc9966b Mon Sep 17 00:00:00 2001
From: zeyan <258785420@qq.com>
Date: Mon, 30 Jun 2025 20:35:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=90=88=E5=90=8C=E7=AD=BE?=
 =?UTF-8?q?=E8=AE=A2=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 uniapp/pages.json                             |  18 +--
 .../pages/common/contract/contract_detail.vue |  88 +++---------
 .../pages/common/contract/contract_sign.vue   | 130 ++++++------------
 uniapp/pages/common/contract/my_contract.vue  |  79 +++--------
 4 files changed, 85 insertions(+), 230 deletions(-)

diff --git a/uniapp/pages.json b/uniapp/pages.json
index 00e75b6f..ff208762 100644
--- a/uniapp/pages.json
+++ b/uniapp/pages.json
@@ -241,9 +241,9 @@
 			"path": "pages/common/contract/my_contract",
 			"style": {
 				"navigationBarTitleText": "我的合同",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#fff",
-				"navigationBarTextStyle": "black",
+				"navigationStyle": "default",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": true
 			}
 		},
@@ -251,18 +251,18 @@
 			"path": "pages/common/contract/contract_detail",
 			"style": {
 				"navigationBarTitleText": "合同详情",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#fff",
-				"navigationBarTextStyle": "black"
+				"navigationStyle": "default",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white"
 			}
 		},
 		{
 			"path": "pages/common/contract/contract_sign",
 			"style": {
 				"navigationBarTitleText": "合同签订",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#fff",
-				"navigationBarTextStyle": "black"
+				"navigationStyle": "default",
+				"navigationBarBackgroundColor": "#29d3b4",
+				"navigationBarTextStyle": "white"
 			}
 		},
 
diff --git a/uniapp/pages/common/contract/contract_detail.vue b/uniapp/pages/common/contract/contract_detail.vue
index b8adc8c0..f536eee7 100644
--- a/uniapp/pages/common/contract/contract_detail.vue
+++ b/uniapp/pages/common/contract/contract_detail.vue
@@ -1,17 +1,5 @@
 <template>
 	<view class="contract-detail-container">
-		<!-- 自定义导航栏 -->
-		<view class="custom-nav">
-			<view class="nav-left" @click="goBack">
-				<text class="iconfont icon-arrow-left"></text>
-			</view>
-			<view class="nav-title">合同详情</view>
-			<view class="nav-right">
-				<view v-if="contractData.sign_file" class="share-btn" @click="shareContract">
-					<text class="iconfont icon-share"></text>
-				</view>
-			</view>
-		</view>
 
 		<!-- 加载状态 -->
 		<view v-if="loading" class="loading-container">
@@ -176,17 +164,13 @@ export default {
 		}
 	},
 	methods: {
-		// 返回上一页
-		goBack() {
-			uni.navigateBack()
-		},
 
 		// 加载合同详情
 		async loadContractDetail() {
 			this.loading = true
 
 			try {
-				const response = await apiRoute.get('contract/detail', {
+				const response = await apiRoute.get('/contract/detail', {
 					id: this.contractId
 				})
 
@@ -388,46 +372,10 @@ export default {
 <style lang="scss" scoped>
 .contract-detail-container {
 	min-height: 100vh;
-	background-color: #f5f5f5;
+	background-color: #1a1a1a;
 	padding-bottom: 120rpx;
 }
 
-/* 自定义导航栏 */
-.custom-nav {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	height: 88rpx;
-	padding: 0 32rpx;
-	background-color: #fff;
-	border-bottom: 1rpx solid #e5e5e5;
-	position: sticky;
-	top: 0;
-	z-index: 100;
-
-	.nav-left, .nav-right {
-		width: 80rpx;
-		height: 80rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		.iconfont {
-			font-size: 36rpx;
-			color: #333;
-		}
-	}
-
-	.nav-title {
-		font-size: 36rpx;
-		font-weight: 600;
-		color: #333;
-	}
-
-	.share-btn {
-		cursor: pointer;
-	}
-}
 
 /* 合同内容 */
 .contract-content {
@@ -493,17 +441,18 @@ export default {
 
 /* 信息区块 */
 .info-section, .template-section, .signature-section, .history-section {
-	background-color: #fff;
+	background-color: #2a2a2a;
 	border-radius: 16rpx;
 	padding: 32rpx;
 	margin-bottom: 24rpx;
+	border: 1rpx solid #444;
 
 	.section-title {
 		font-size: 32rpx;
 		font-weight: 600;
-		color: #333;
+		color: #fff;
 		margin-bottom: 24rpx;
-		border-left: 6rpx solid #007ACC;
+		border-left: 6rpx solid #29d3b4;
 		padding-left: 16rpx;
 	}
 }
@@ -520,14 +469,14 @@ export default {
 
 		.info-label {
 			font-size: 28rpx;
-			color: #666;
+			color: #999;
 			width: 140rpx;
 			flex-shrink: 0;
 		}
 
 		.info-value {
 			font-size: 28rpx;
-			color: #333;
+			color: #ccc;
 			flex: 1;
 		}
 	}
@@ -538,9 +487,10 @@ export default {
 	display: flex;
 	align-items: center;
 	padding: 24rpx;
-	background-color: #f8f9fa;
+	background-color: #1a1a1a;
 	border-radius: 12rpx;
 	cursor: pointer;
+	border: 1rpx solid #444;
 
 	.template-icon {
 		width: 60rpx;
@@ -548,7 +498,7 @@ export default {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background-color: #007ACC;
+		background-color: #29d3b4;
 		border-radius: 12rpx;
 		margin-right: 20rpx;
 
@@ -563,7 +513,7 @@ export default {
 
 		.template-name {
 			font-size: 28rpx;
-			color: #333;
+			color: #fff;
 			font-weight: 500;
 			display: block;
 			margin-bottom: 8rpx;
@@ -584,7 +534,7 @@ export default {
 
 		.iconfont {
 			font-size: 24rpx;
-			color: #999;
+			color: #666;
 		}
 	}
 }
@@ -643,7 +593,7 @@ export default {
 			flex-shrink: 0;
 
 			&.active {
-				background-color: #007ACC;
+				background-color: #29d3b4;
 			}
 		}
 
@@ -652,7 +602,7 @@ export default {
 
 			.history-title {
 				font-size: 28rpx;
-				color: #333;
+				color: #fff;
 				font-weight: 500;
 				display: block;
 				margin-bottom: 8rpx;
@@ -672,9 +622,9 @@ export default {
 	bottom: 0;
 	left: 0;
 	right: 0;
-	background-color: #fff;
+	background-color: #2a2a2a;
 	padding: 24rpx 32rpx;
-	border-top: 1rpx solid #e5e5e5;
+	border-top: 1rpx solid #444;
 	z-index: 100;
 
 	.action-btn {
@@ -689,11 +639,11 @@ export default {
 		justify-content: center;
 
 		&.primary {
-			background-color: #007ACC;
+			background-color: #29d3b4;
 			color: #fff;
 
 			&:active {
-				background-color: #0056b3;
+				background-color: #22b39a;
 			}
 		}
 
diff --git a/uniapp/pages/common/contract/contract_sign.vue b/uniapp/pages/common/contract/contract_sign.vue
index 895db518..6e09572e 100644
--- a/uniapp/pages/common/contract/contract_sign.vue
+++ b/uniapp/pages/common/contract/contract_sign.vue
@@ -1,15 +1,9 @@
 <template>
 	<view class="contract-sign-container">
-		<!-- 自定义导航栏 -->
-		<view class="custom-nav">
-			<view class="nav-left" @click="goBack">
-				<text class="iconfont icon-arrow-left"></text>
-			</view>
-			<view class="nav-title">合同签订</view>
-			<view class="nav-right">
-				<view class="clear-btn" @click="clearSignature">
-					<text class="clear-text">清除</text>
-				</view>
+		<!-- 顶部操作栏 -->
+		<view class="top-actions">
+			<view class="clear-btn" @click="clearSignature">
+				<text class="clear-text">清除签名</text>
 			</view>
 		</view>
 
@@ -341,7 +335,7 @@ export default {
 				}
 
 				// 提交签名信息
-				const response = await apiRoute.post('contract/sign', {
+				const response = await apiRoute.post('/contract/sign', {
 					contract_id: this.contractId,
 					sign_file: uploadResult.url
 				})
@@ -414,22 +408,6 @@ export default {
 			})
 		},
 
-		// 返回上一页
-		goBack() {
-			if (this.hasSigned) {
-				uni.showModal({
-					title: '提示',
-					content: '您的签名尚未保存，确定要离开吗？',
-					success: (res) => {
-						if (res.confirm) {
-							uni.navigateBack()
-						}
-					}
-				})
-			} else {
-				uni.navigateBack()
-			}
-		}
 	}
 }
 </script>
@@ -437,53 +415,24 @@ export default {
 <style lang="scss" scoped>
 .contract-sign-container {
 	min-height: 100vh;
-	background-color: #f5f5f5;
+	background-color: #1a1a1a;
 	padding-bottom: 120rpx;
 }
 
-/* 自定义导航栏 */
-.custom-nav {
+/* 顶部操作栏 */
+.top-actions {
 	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	height: 88rpx;
-	padding: 0 32rpx;
-	background-color: #fff;
-	border-bottom: 1rpx solid #e5e5e5;
-	position: sticky;
-	top: 0;
-	z-index: 100;
-
-	.nav-left {
-		width: 80rpx;
-		height: 80rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		.iconfont {
-			font-size: 36rpx;
-			color: #333;
-		}
-	}
+	justify-content: flex-end;
+	padding: 20rpx 32rpx;
 
-	.nav-title {
-		font-size: 36rpx;
-		font-weight: 600;
-		color: #333;
-	}
+	.clear-btn {
+		padding: 12rpx 24rpx;
+		background-color: #29d3b4;
+		border-radius: 8rpx;
 
-	.nav-right {
-		width: 80rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		.clear-btn {
-			.clear-text {
-				font-size: 28rpx;
-				color: #007ACC;
-			}
+		.clear-text {
+			font-size: 28rpx;
+			color: #fff;
 		}
 	}
 }
@@ -493,22 +442,23 @@ export default {
 	padding: 20rpx;
 
 	.info-card {
-		background-color: #fff;
+		background-color: #2a2a2a;
 		border-radius: 16rpx;
 		padding: 32rpx;
 		text-align: center;
+		border: 1rpx solid #444;
 
 		.contract-name {
 			font-size: 32rpx;
 			font-weight: 600;
-			color: #333;
+			color: #fff;
 			display: block;
 			margin-bottom: 16rpx;
 		}
 
 		.sign-tip {
 			font-size: 26rpx;
-			color: #666;
+			color: #999;
 		}
 	}
 }
@@ -525,7 +475,7 @@ export default {
 		.title-text {
 			font-size: 30rpx;
 			font-weight: 600;
-			color: #333;
+			color: #fff;
 			display: block;
 			margin-bottom: 8rpx;
 		}
@@ -543,7 +493,7 @@ export default {
 	border-radius: 16rpx;
 	margin-bottom: 32rpx;
 	overflow: hidden;
-	border: 2rpx dashed #e5e5e5;
+	border: 2rpx dashed #29d3b4;
 
 	.signature-canvas {
 		width: 100%;
@@ -574,9 +524,10 @@ export default {
 
 /* 签名工具栏 */
 .signature-tools {
-	background-color: #fff;
+	background-color: #2a2a2a;
 	border-radius: 16rpx;
 	padding: 24rpx;
+	border: 1rpx solid #444;
 
 	.tool-group {
 		display: flex;
@@ -589,7 +540,7 @@ export default {
 
 		.tool-label {
 			font-size: 26rpx;
-			color: #666;
+			color: #ccc;
 			margin-right: 20rpx;
 			min-width: 120rpx;
 		}
@@ -607,7 +558,7 @@ export default {
 			cursor: pointer;
 
 			&.active {
-				border-color: #007ACC;
+				border-color: #29d3b4;
 			}
 		}
 	}
@@ -627,8 +578,8 @@ export default {
 			cursor: pointer;
 
 			&.active {
-				border-color: #007ACC;
-				background-color: #f0f8ff;
+				border-color: #29d3b4;
+				background-color: rgba(41, 211, 180, 0.1);
 			}
 
 			.width-preview {
@@ -647,15 +598,16 @@ export default {
 	.preview-title {
 		font-size: 30rpx;
 		font-weight: 600;
-		color: #333;
+		color: #fff;
 		text-align: center;
 		margin-bottom: 24rpx;
 	}
 
 	.preview-image-container {
-		background-color: #fff;
+		background-color: #2a2a2a;
 		border-radius: 16rpx;
 		padding: 32rpx;
+		border: 1rpx solid #444;
 
 		.preview-image {
 			width: 100%;
@@ -670,9 +622,9 @@ export default {
 	bottom: 0;
 	left: 0;
 	right: 0;
-	background-color: #fff;
+	background-color: #2a2a2a;
 	padding: 24rpx 32rpx;
-	border-top: 1rpx solid #e5e5e5;
+	border-top: 1rpx solid #444;
 	display: flex;
 	gap: 24rpx;
 	z-index: 100;
@@ -689,25 +641,25 @@ export default {
 		justify-content: center;
 
 		&.primary {
-			background-color: #007ACC;
+			background-color: #29d3b4;
 			color: #fff;
 
 			&:active:not(:disabled) {
-				background-color: #0056b3;
+				background-color: #22b39a;
 			}
 
 			&:disabled {
-				background-color: #ccc;
+				background-color: #666;
 				color: #999;
 			}
 		}
 
 		&.secondary {
-			background-color: #f5f5f5;
-			color: #666;
+			background-color: #444;
+			color: #ccc;
 
 			&:active {
-				background-color: #e5e5e5;
+				background-color: #555;
 			}
 		}
 	}
@@ -791,7 +743,7 @@ export default {
 				border: none;
 
 				&.primary {
-					background-color: #007ACC;
+					background-color: #29d3b4;
 					color: #fff;
 				}
 
diff --git a/uniapp/pages/common/contract/my_contract.vue b/uniapp/pages/common/contract/my_contract.vue
index 12f66c0b..bce603d2 100644
--- a/uniapp/pages/common/contract/my_contract.vue
+++ b/uniapp/pages/common/contract/my_contract.vue
@@ -1,13 +1,5 @@
 <template>
 	<view class="contract-container">
-		<!-- 自定义导航栏 -->
-		<view class="custom-nav">
-			<view class="nav-left" @click="goBack">
-				<text class="iconfont icon-arrow-left"></text>
-			</view>
-			<view class="nav-title">我的合同</view>
-			<view class="nav-right"></view>
-		</view>
 
 		<!-- 筛选栏 -->
 		<view class="filter-bar">
@@ -133,10 +125,6 @@ export default {
 		}
 	},
 	methods: {
-		// 返回上一页
-		goBack() {
-			uni.navigateBack()
-		},
 
 		// 加载合同列表
 		async loadContracts(refresh = false) {
@@ -150,7 +138,7 @@ export default {
 			this.loadMoreStatus = 'loading'
 
 			try {
-				const response = await apiRoute.get('contract/myContracts', {
+				const response = await apiRoute.get('/contract/myContracts', {
 					page: this.currentPage,
 					limit: this.pageSize
 				})
@@ -245,65 +233,29 @@ export default {
 <style lang="scss" scoped>
 .contract-container {
 	min-height: 100vh;
-	background-color: #f5f5f5;
+	background-color: #1a1a1a;
 }
 
-/* 自定义导航栏 */
-.custom-nav {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	height: 88rpx;
-	padding: 0 32rpx;
-	background-color: #fff;
-	border-bottom: 1rpx solid #e5e5e5;
-	position: sticky;
-	top: 0;
-	z-index: 100;
-
-	.nav-left {
-		width: 80rpx;
-		height: 80rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-
-		.iconfont {
-			font-size: 36rpx;
-			color: #333;
-		}
-	}
-
-	.nav-title {
-		font-size: 36rpx;
-		font-weight: 600;
-		color: #333;
-	}
-
-	.nav-right {
-		width: 80rpx;
-	}
-}
 
 /* 筛选栏 */
 .filter-bar {
 	display: flex;
-	background-color: #fff;
+	background-color: #2a2a2a;
 	padding: 24rpx 32rpx;
 	margin-bottom: 20rpx;
-	border-bottom: 1rpx solid #e5e5e5;
+	border-bottom: 1rpx solid #444;
 
 	.filter-item {
 		flex: 1;
 		text-align: center;
 		padding: 16rpx 24rpx;
 		font-size: 28rpx;
-		color: #666;
+		color: #ccc;
 		border-radius: 8rpx;
 		transition: all 0.3s;
 
 		&.active {
-			background-color: #007ACC;
+			background-color: #29d3b4;
 			color: #fff;
 		}
 	}
@@ -319,10 +271,11 @@ export default {
 }
 
 .contract-card {
-	background-color: #fff;
+	background-color: #2a2a2a;
 	border-radius: 16rpx;
 	padding: 32rpx;
-	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
+	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.3);
+	border: 1rpx solid #444;
 }
 
 .contract-header {
@@ -337,7 +290,7 @@ export default {
 		.title-text {
 			font-size: 32rpx;
 			font-weight: 600;
-			color: #333;
+			color: #fff;
 			display: block;
 			margin-bottom: 12rpx;
 		}
@@ -372,7 +325,7 @@ export default {
 
 		.iconfont {
 			font-size: 24rpx;
-			color: #999;
+			color: #666;
 		}
 	}
 }
@@ -384,14 +337,14 @@ export default {
 
 		.info-label {
 			font-size: 26rpx;
-			color: #666;
+			color: #999;
 			width: 140rpx;
 			flex-shrink: 0;
 		}
 
 		.info-value {
 			font-size: 26rpx;
-			color: #333;
+			color: #ccc;
 			flex: 1;
 		}
 	}
@@ -405,7 +358,7 @@ export default {
 	.sign-btn {
 		width: 100%;
 		height: 72rpx;
-		background-color: #007ACC;
+		background-color: #29d3b4;
 		color: #fff;
 		border: none;
 		border-radius: 12rpx;
@@ -416,7 +369,7 @@ export default {
 		justify-content: center;
 
 		&:active {
-			background-color: #0056b3;
+			background-color: #22b39a;
 		}
 	}
 }
@@ -438,7 +391,7 @@ export default {
 
 	.empty-text {
 		font-size: 28rpx;
-		color: #999;
+		color: #666;
 	}
 }