暂时提交

调整ui
优化支付失败提示
2026-07-24 10:46:00 +08:00 · 2026-06-24 09:52:59 +08:00 · 2026-06-12 16:12:44 +08:00
24 changed files with 1236 additions and 677 deletions
--- a/common/config.js
+++ b/common/config.js
@@ -1,9 +1,9 @@
 // 全局配置文件
 // let baseUrl = 'http://219.138.32.164:8089';
-// let baseUrl = 'http://localhost:8089';
-// let staticUrl = 'http://localhost:3080';
-let baseUrl = 'https://www.wujiaguotou.com/api';
-let staticUrl = 'https://www.wujiaguotou.com';
+let baseUrl = 'http://localhost:8089';
+let staticUrl = 'http://localhost:3090';
+// let baseUrl = 'https://www.wujiaguotou.com/api';
+// let staticUrl = 'https://www.wujiaguotou.com';
 // 版本号 用于更新
 let version = 1;
 // vuex_version版本号 用于显示
--- a/components/zy/filterDropdown.vue
+++ b/components/zy/filterDropdown.vue
@@ -1,7 +1,14 @@
 <template>
-	<view class="HMfilterDropdown" :class="{'setDropdownBottom':maskVisibility}" :style="{'top':menuTop+'rpx'}"
+	<view class="HMfilterDropdown" :class="{'setDropdownBottom':maskVisibility}" :style="{
+		'top': menuTop+'rpx',
+		'--active-color': activeColor,
+		'--menu-text-color': menuTextColor,
+		'--submit-btn-bg': submitBtnBg,
+		'--submit-btn-color': submitBtnColor,
+		'--reset-btn-color': resetBtnColor
+	}"
 		@touchmove.stop.prevent="discard" @tap.stop="discard">
-		<view class="nav">
+		<view class="nav" :style="{'background': navBgGradient}">
 			<block v-for="(item,index) in menu" :key="index">
 				<view class="first-menu" :class="{'on':showPage==index}" @tap="togglePage(index)">
 					<text class="name">{{item.name}}</text>
@@ -141,6 +148,36 @@
 			dataFormat: {
 				value: String,
 				default: 'Array'
+			},
+			// 导航栏背景渐变色
+			navBgGradient: {
+				type: String,
+				default: 'linear-gradient(-90deg, rgb(207,240,255), rgb(179,217,255) 0% 99%)'
+			},
+			// 激活/高亮颜色（选中状态、按钮等）
+			activeColor: {
+				type: String,
+				default: '#f44336'
+			},
+			// 菜单文字默认颜色
+			menuTextColor: {
+				type: String,
+				default: '#000000'
+			},
+			// 提交按钮背景色
+			submitBtnBg: {
+				type: String,
+				default: '#f44336'
+			},
+			// 提交按钮文字色
+			submitBtnColor: {
+				type: String,
+				default: '#fff'
+			},
+			// 重置按钮文字色
+			resetBtnColor: {
+				type: String,
+				default: '#f44336'
 			}
 		},
 		watch: {
@@ -578,23 +615,22 @@
 		height: 44px;
 		border-bottom: solid 1rpx #eee;
 		z-index: 12;
-		background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
 		flex-direction: row;

 		.first-menu {
 			width: 100%;
 			font-size: 15px;
-			color: #000000;
+			color: var(--menu-text-color, #000000);
 			flex-direction: row;
 			align-items: center;
 			justify-content: center;
 			transition: color .2s linear;

 			&.on {
-				color: #f44336;
+				color: var(--active-color, #f44336);

 				.iconfont {
-					color: #f44336;
+					color: var(--active-color, #f44336);
 				}
 			}

@@ -659,7 +695,7 @@
 				>.iconfont {
 					display: none;
 					font-size: 18px;
-					color: #f44336;
+					color: var(--active-color, #f44336);
 				}
 			}
 		}
@@ -689,7 +725,7 @@
 				border-bottom: solid 1rpx #e5e5e5;

 				&.on {
-					color: #f44336;
+					color: var(--active-color, #f44336);

 					>.menu-name {
 						>.iconfont {
@@ -712,12 +748,12 @@
 					>.iconfont {
 						display: none;
 						font-size: 18px;
-						color: #f44336;
+						color: var(--active-color, #f44336);
 					}
 				}

 				&.on {
-					color: #f44336;
+					color: var(--active-color, #f44336);

 					>.menu-name {
 						>.iconfont {
@@ -751,7 +787,7 @@

 						&.on {
 							border-color: #f6c8ac;
-							color: #f44336;
+							color: var(--active-color, #f44336);
 						}

 						.iconfont {
@@ -792,8 +828,8 @@
 					flex-wrap: wrap;

 					.on {
-						border-color: #f44336;
-						background-color: #f44336;
+						border-color: var(--active-color, #f44336);
+						background-color: var(--active-color, #f44336);
 						color: #fff;
 					}

@@ -829,18 +865,18 @@
 				width: 320rpx;
 				height: 42px;
 				border-radius: 42px;
-				border: 2rpx solid #f44336;
+				border: 2rpx solid var(--active-color, #f44336);
 				align-items: center;
 				justify-content: center;
 			}

 			.reset {
-				color: #f44336;
+				color: var(--reset-btn-color, #f44336);
 			}

 			.submit {
-				color: #fff;
-				background-color: #f44336;
+				color: var(--submit-btn-color, #fff);
+				background-color: var(--submit-btn-bg, #f44336);
 			}
 		}
 	}
--- a/pages-assets/assets/assetsDetail.vue
+++ b/pages-assets/assets/assetsDetail.vue
@@ -232,46 +232,78 @@
 				const index = Math.floor(Math.random() * this.tagColors.length)
 				return this.tagColors[index]
 			},
-			// 模拟接口请求
+			// 加载资产详情
 			loadAssetDetail() {
-				let url = `/assets/detail?id=${this.assetId}`
-				this.$u.get(url).then(result => {
-					const data = result.data
-					this.asset = {
-						name: data.assetsName,
-						bizZone: data.bizZone,
-						code: data.assetsNo,
-						type: data.assetsType,
-						area: data.footPrint,
-						rent: data.rentFee,
-						address: data.assetsAddress,
-						hasLift: data.hasLift,
-						lat: data.latitude,
-						lng: data.longitude,
-						unitNo: data.unitNo,
-						roomNo: data.roomNo,
-						floorNo: data.floorNo,
-						description: data.assetsDesc,
-						detailImgs: data.detailImgs,
-						layout: data.layout, //户型
-						orientation: data.orientation, //朝向
-						vrImgs: data.vrImgs,
-						remark: data.assetsDesc,
-						status: data.assetsStatus,
-						features: data.features
-					};
-					this.managerPhone = data.managerPhone
-					this.markers = [{
-						id: 1,
-						latitude: this.asset.lat,
-						longitude: this.asset.lng,
-						title: this.asset.name,
-					}, ];
-					this.recordView(this.assetId);
-				}).catch(err => {
-					console.log("获取资产信息失败：", err)
-				})
-					
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// let url = `/assets/detail?id=${this.assetId}`
+				// this.$u.get(url).then(result => {
+				// 	const data = result.data
+				// 	this.asset = {
+				// 		name: data.assetsName,
+				// 		bizZone: data.bizZone,
+				// 		code: data.assetsNo,
+				// 		type: data.assetsType,
+				// 		area: data.footPrint,
+				// 		rent: data.rentFee,
+				// 		address: data.assetsAddress,
+				// 		hasLift: data.hasLift,
+				// 		lat: data.latitude,
+				// 		lng: data.longitude,
+				// 		unitNo: data.unitNo,
+				// 		roomNo: data.roomNo,
+				// 		floorNo: data.floorNo,
+				// 		description: data.assetsDesc,
+				// 		detailImgs: data.detailImgs,
+				// 		layout: data.layout,
+				// 		orientation: data.orientation,
+				// 		vrImgs: data.vrImgs,
+				// 		remark: data.assetsDesc,
+				// 		status: data.assetsStatus,
+				// 		features: data.features
+				// 	};
+				// 	this.managerPhone = data.managerPhone
+				// 	this.markers = [{
+				// 		id: 1,
+				// 		latitude: this.asset.lat,
+				// 		longitude: this.asset.lng,
+				// 		title: this.asset.name,
+				// 	}, ];
+				// 	this.recordView(this.assetId);
+				// }).catch(err => {
+				// 	console.log("获取资产信息失败：", err)
+				// })
+
+				// Mock 静态数据
+				this.asset = {
+					name: '东山大道435号房屋',
+					bizZone: 'CBD商圈',
+					code: 'ASSET-001',
+					type: '住宅',
+					area: 120,
+					rent: 2500,
+					address: '宜昌市西陵区东山大道435号',
+					hasLift: '有',
+					lat: 30.7086,
+					lng: 111.2842,
+					unitNo: '2单元',
+					roomNo: '104',
+					floorNo: '1层',
+					description: '精装修两居室，采光好，交通便利',
+					detailImgs: [],
+					layout: '2室1厅1卫',
+					orientation: '南',
+					vrImgs: [],
+					remark: '精装修两居室，采光好，交通便利，周边配套齐全',
+					status: '闲置中',
+					features: ['近地铁', '精装修', '拎包入住']
+				};
+				this.managerPhone = '13800138000'
+				this.markers = [{
+					id: 1,
+					latitude: this.asset.lat,
+					longitude: this.asset.lng,
+					title: this.asset.name,
+				}];
 			},
 			formatMoney(num) {
 				return Number(num).toLocaleString();
--- a/pages-assets/discharge/leaseCancel.vue
+++ b/pages-assets/discharge/leaseCancel.vue
@@ -86,7 +86,7 @@
 		},
 		async onShow() {
 			try {
-				await this.$checkToken(this.$getToken())
+				// await this.$checkToken(this.$getToken())
 				this.fetchContractList()
 			} catch (e) {
 				return
@@ -259,7 +259,7 @@
 	.submit-btn {
 		width: 100%;
 		height: 80rpx;
-		background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
+		background: #0088FE;
 		border-radius: 10rpx;
 		color: #ffffff;
 		font-size: 32rpx;
--- a/pages-assets/discharge/leaseCancelList.vue
+++ b/pages-assets/discharge/leaseCancelList.vue
@@ -109,30 +109,63 @@
 				const minutes = String(date.getMinutes()).padStart(2, '0');
 				return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
 			},
-			// 👇 你的请求逻辑完全不动
+			// 加载退租申请列表
 			fetchApplys() {
 				if (this.loadStatus !== 'more') return;
 				this.loadStatus = 'loading';
-				let url = '/discharge/queryPage'
-				this.$u.post(url, {
-					pageNo: this.pageNo,
-					pageSize: this.pageSize
-				}, {
-					WT: this.$getToken()
-				}).then(res => {
-					const rows = res.data.result || [];
-					if (this.pageNo === 1) this.flowList = [];
-					this.flowList = this.flowList.concat(rows);
-					if (rows.length < this.pageSize) {
-						this.loadStatus = 'nomore';
-					} else {
-						this.pageNo++;
-						this.loadStatus = 'more';
+
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// let url = '/discharge/queryPage'
+				// this.$u.post(url, {
+				// 	pageNo: this.pageNo,
+				// 	pageSize: this.pageSize
+				// }, {
+				// 	WT: this.$getToken()
+				// }).then(res => {
+				// 	const rows = res.data.result || [];
+				// 	if (this.pageNo === 1) this.flowList = [];
+				// 	this.flowList = this.flowList.concat(rows);
+				// 	if (rows.length < this.pageSize) {
+				// 		this.loadStatus = 'nomore';
+				// 	} else {
+				// 		this.pageNo++;
+				// 		this.loadStatus = 'more';
+				// 	}
+				// }).catch(err => {
+				// 	console.log("获取退租申请信息失败：", err)
+				// 	this.loadStatus = 'more';
+				// })
+
+				// Mock 静态数据
+				const mockData = [
+					{
+						id: '1',
+						contractName: '东山大道435号房屋租赁合同',
+						status: '申请中',
+						applyDate: '2026-06-15',
+						dischargeItem: '东山大道435-2-1-104号',
+						remark: '等待审批中'
+					},
+					{
+						id: '2',
+						contractName: '夷陵大道418号房屋租赁合同',
+						status: '已批准',
+						applyDate: '2026-06-10',
+						dischargeItem: '夷陵大道418号',
+						remark: '已通过审批，请办理退租手续'
+					},
+					{
+						id: '3',
+						contractName: '解放路88号房屋租赁合同',
+						status: '退租完成',
+						applyDate: '2026-05-20',
+						dischargeItem: '解放路88-1-502',
+						remark: '退租已完成，押金已退还'
 					}
-				}).catch(err => {
-					console.log("获取退租申请信息失败：", err)
-					this.loadStatus = 'more';
-				})
+				];
+				if (this.pageNo === 1) this.flowList = [];
+				this.flowList = this.flowList.concat(mockData);
+				this.loadStatus = 'nomore';
 			},
 			// 👇 你的跳转 1 行没改
 			toApply() {
@@ -180,8 +213,8 @@
 		},
 		async onShow() {
 			try {
-				await this.$checkToken(this.$getToken())
-				this.checkOaAuth()
+				// await this.$checkToken(this.$getToken())
+				// this.checkOaAuth()
 				this.fetchApplys()
 			} catch (e) {
 				return
@@ -235,17 +268,17 @@
 		border-radius: 4rpx;

 		&.done {
-			 background: #FCE5E0;
-			 color: #ED7748;
+			background: #0088FE;
+		    color: #fff;	
 		}

 		&.pending {
-			background: #F2F3F7;
-			color: #86868C;
+		    background: #FF8D1A;
+		    color: #fff;
 		}
 		&.reject {
-			  background: #FFE4E1;
-			  color: #DC143C;
+			  background: #DC143C;
+			  color: #fff;
 		}
 	}

@@ -290,7 +323,7 @@
 	.add-btn {
 		width: 100%;
 		height: 80rpx;
-		background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
+		background: #0088FE;
 		border-radius: 10rpx;
 		color: #ffffff;
 		font-size: 32rpx;
--- a/pages-assets/fallback/fallback.vue
+++ b/pages-assets/fallback/fallback.vue
@@ -83,8 +83,8 @@
 		},
 		async onShow() {
 			try {
-				await this.$checkToken(this.$getToken())
-				this.checkOaAuth()
+				// await this.$checkToken(this.$getToken())
+				// this.checkOaAuth()
 				this.fetchFallback()
 			} catch (e) {
 				return
@@ -135,25 +135,55 @@
 			fetchFallback() {
 				if (this.loadStatus !== 'more') return;
 				this.loadStatus = 'loading';
-				this.$u.post('/fallback/queryPage', {
-					pageNo: this.pageNo,
-					pageSize: this.pageSize
-				}, {
-					WT: this.$getToken()
-				}).then(res => {
-					const rows = res.data.result || [];
-					if (this.pageNo === 1) this.flowList = [];
-					this.flowList = this.flowList.concat(rows)
-					if (rows.length < this.pageSize) {
-						this.loadStatus = 'nomore';
-					} else {
-						this.pageNo++;
-						this.loadStatus = 'more';
+
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// this.$u.post('/fallback/queryPage', {
+				// 	pageNo: this.pageNo,
+				// 	pageSize: this.pageSize
+				// }, {
+				// 	WT: this.$getToken()
+				// }).then(res => {
+				// 	const rows = res.data.result || [];
+				// 	if (this.pageNo === 1) this.flowList = [];
+				// 	this.flowList = this.flowList.concat(rows)
+				// 	if (rows.length < this.pageSize) {
+				// 		this.loadStatus = 'nomore';
+				// 	} else {
+				// 		this.pageNo++;
+				// 		this.loadStatus = 'more';
+				// 	}
+				// }).catch(err => {
+				// 	console.log("获取留言失败", err)
+				// 	this.loadStatus = 'more';
+				// })
+
+				// Mock 静态数据
+				const mockData = [
+					{
+						id: '1',
+						content: '小区路灯损坏，晚上出行不方便，希望尽快维修',
+						status: 'processed',
+						statusText: '已处理',
+						summitDate: '2026-06-20'
+					},
+					{
+						id: '2',
+						content: '楼道卫生需要加强清洁，垃圾桶经常满溢',
+						status: 'processing',
+						statusText: '处理中',
+						summitDate: '2026-06-18'
+					},
+					{
+						id: '3',
+						content: '建议增加小区健身设施，方便居民锻炼身体',
+						status: 'pending',
+						statusText: '待处理',
+						summitDate: '2026-06-15'
 					}
-				}).catch(err => {
-					console.log("获取留言失败", err)
-					this.loadStatus = 'more';
-				})
+				];
+				if (this.pageNo === 1) this.flowList = [];
+				this.flowList = this.flowList.concat(mockData);
+				this.loadStatus = 'nomore';
 			},
 			loadMore() {
 				if (this.loadStatus !== 'more') return;
@@ -225,7 +255,6 @@
 		padding-top: 175rpx;
 		min-height: 100vh;
 		position: relative;
-		background: linear-gradient(0deg, #F3F1ED 43%, #F5E9DB 100%);
 		box-sizing: border-box;
 	}
 	.scroll-view {
@@ -236,9 +265,9 @@
 	.message-item {
 		background-color: #ffffff;
 		border-radius: 10rpx;
-		padding: 32rpx;
-		padding-left: 95rpx;
-		width: 92%;
+		padding: 50rpx;
+		padding-left: 120rpx;
+		width: 100%;
 		margin: auto;
 		margin-bottom: 20rpx;
 		position: relative;
@@ -255,16 +284,17 @@
 		margin-right: 20rpx;
 		color: #ffffff;
 		position: absolute;
+		top: 60rpx;
 		left: 10rpx;
 	}
 	.status-tag.processed {
-		background: linear-gradient(90deg, #F34038 0%, #FF7C76 100%);
+		background: linear-gradient(90deg, #6ca3eb 0%, #156bf4 100%);
 	}
 	.status-tag.processing {
 		background: linear-gradient(90deg, #FEAF04 0%, #FFC145 100%);
 	}
 	.status-tag.pending {
-		background: linear-gradient(90deg, #6688FC 0%, #809BFB 100%);
+		background: linear-gradient(90deg, #F34038 0%, #FF7C76 100%);
 	}
 	.message-title {
 		font-size: 30rpx;
@@ -316,7 +346,7 @@
 		margin-top: 20rpx;
 		width: 100%;
 		height: 80rpx;
-		background: #FF6F63;
+		background: #0088FE;
 		color: #fff;
 		border-radius: 8rpx;
 		font-size: 30rpx;
@@ -354,7 +384,7 @@
 	.add-btn {
 		width: 100%;
 		height: 80rpx;
-		background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
+		background: #0088FE;
 		border-radius: 10rpx;
 		color: #ffffff;
 		font-size: 32rpx;
--- a/pages-biz/chooseAddress/index.vue
+++ b/pages-biz/chooseAddress/index.vue
@@ -126,63 +126,107 @@
 				  	})
 				}
 			},
-			//获取poi列表  
+			//获取poi列表
 			getAddressList(s = 0) {
 				//在ios下防止搜索返回时多次加载地址列表的问题
 				if(this.isSetTempAddress === 1){
 					return;
 				}
-				qqmapsdk.reverseGeocoder({
-					location: {
-						latitude: this.position.latitude,
-						longitude: this.position.longitude
+
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// qqmapsdk.reverseGeocoder({
+				// 	location: {
+				// 		latitude: this.position.latitude,
+				// 		longitude: this.position.longitude
+				// 	},
+				// 	get_poi: 1,
+				// 	poi_options: "page_size=30;page_index=1",
+				// 	success: res=> {
+				// 		res.result.pois.forEach(poi=>{
+				// 			if(!poi.ad_info){
+				// 				poi.ad_info = {
+				// 					adcode: poi.adcode,
+				// 					city: poi.city,
+				// 					district: poi.district,
+				// 					province: poi.province
+				// 				}
+				// 			}
+				// 		})
+				// 		if(this.tempAddress){
+				// 			if(this.tempAddress.title != res.result.pois[0].title){
+				// 				if(!this.tempAddress.ad_info){
+				// 					this.tempAddress.ad_info = {
+				// 						adcode: this.tempAddress.adcode,
+				// 						city: this.tempAddress.city,
+				// 						district: this.tempAddress.district,
+				// 						province: this.tempAddress.province
+				// 					}
+				// 				}
+				// 				res.result.pois.unshift(this.tempAddress);
+				// 			}
+				// 			this.tempAddress = null;
+				// 			this.isSetTempAddress = 1;
+				// 			setTimeout(()=>{
+				// 				this.isSetTempAddress = 0;
+				// 			}, 500)
+				// 		}
+				// 		if (s) {
+				// 			const ad_info = res.result.pois[0].ad_info;
+				// 			this.curCity = ad_info.city || '';
+				// 			res.result.pois[0].select = 1
+				// 			this.list = res.result.pois;
+				// 			this.checked = 0;
+				// 		} else {
+				// 			this.list = res.result.pois;
+				// 		}
+				// 	},
+				// 	fail: err=> {
+				// 		console.log(err)
+				// 	}
+				// })
+
+				// Mock 静态数据
+				const mockPois = [
+					{
+						title: '宜昌市西陵区东山大道435号',
+						address: '宜昌市西陵区东山大道435号',
+						location: { lng: 111.2842, lat: 30.7086 },
+						ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
 					},
-					get_poi: 1,
-					poi_options: "page_size=30;page_index=1", 
-					success: res=> {
-						res.result.pois.forEach(poi=>{
-							if(!poi.ad_info){
-								poi.ad_info = {
-									adcode: poi.adcode,
-									city: poi.city,
-									district: poi.district,
-									province: poi.province
-								}
-							}
-						})
-						//有搜索结果时，手动追加到列表顶部
-						if(this.tempAddress){
-							if(this.tempAddress.title != res.result.pois[0].title){
-								if(!this.tempAddress.ad_info){
-									this.tempAddress.ad_info = {
-										adcode: this.tempAddress.adcode,
-										city: this.tempAddress.city,
-										district: this.tempAddress.district,
-										province: this.tempAddress.province
-									}
-								}
-								res.result.pois.unshift(this.tempAddress);
-							}
-							this.tempAddress = null;
-							this.isSetTempAddress = 1;
-							setTimeout(()=>{
-								this.isSetTempAddress = 0;
-							}, 500)
-						}
-						if (s) {
-							const ad_info = res.result.pois[0].ad_info;
-							this.curCity = ad_info.city || '';
-							res.result.pois[0].select = 1
-							this.list = res.result.pois;
-							this.checked = 0;
-						} else {
-							this.list = res.result.pois;
-						}
+					{
+						title: '宜昌市西陵区夷陵大道418号',
+						address: '宜昌市西陵区夷陵大道418号',
+						location: { lng: 111.2900, lat: 30.7120 },
+						ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
 					},
-					fail: err=> {
-						console.log(err)
+					{
+						title: '宜昌市西陵区解放路88号',
+						address: '宜昌市西陵区解放路88号',
+						location: { lng: 111.2800, lat: 30.7050 },
+						ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
+					},
+					{
+						title: '宜昌市西陵区沿江大道168号',
+						address: '宜昌市西陵区沿江大道168号',
+						location: { lng: 111.2750, lat: 30.7000 },
+						ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
+					},
+					{
+						title: '宜昌市伍家岗区中南路56号',
+						address: '宜昌市伍家岗区中南路56号',
+						location: { lng: 111.3100, lat: 30.7200 },
+						ad_info: { adcode: '420503', city: '宜昌市', district: '伍家岗区', province: '湖北省' }
 					}
-				})
+				];
+
+				if (s) {
+					this.curCity = '宜昌市';
+					mockPois[0].select = 1;
+					this.list = mockPois;
+					this.checked = 0;
+				} else {
+					this.list = mockPois;
+				}
 			},
 			//地图区域改变
 			onRegionchange(e) {
--- a/pages-biz/contract/contract.vue
+++ b/pages-biz/contract/contract.vue
@@ -5,7 +5,7 @@

 		<!-- Tabs -->
 		<view class="tab-wrapper">
-			<u-tabs :list="tabList" :current="currentTab" @change="onTabChange" lineColor="#EA4D3E" activeColor="#EA4D3E"
+			<u-tabs :list="tabList" :current="currentTab" @change="onTabChange" lineColor="#0088FE" activeColor="#0088FE"
 				itemStyle="padding: 0 30rpx;"></u-tabs>
 		</view>

@@ -16,20 +16,36 @@
 		<scroll-view scroll-y class="scroll-content" @scrolltolower="loadMore" :refresher-enabled="true"
 			:refresher-triggered="isRefreshing" @refresherrefresh="refresh">
 			<view v-if="contracts.length > 0" class="contract-list">
-				<view class="contract-card" v-for="item in contracts" :key="item.contractNo" @click="goDetail(item)">
-					<image class="contract-cover" :src="staticHost + (item.coverImgUrl || defaultCover)" mode="aspectFill" />
-
-					<view class="contract-info">
-						<view class="top-row">
-							<text class="asset-name">{{ $ellipsis(item.contractName,12) }}</text>
-							<u-icon name="arrow-right" size="28" color="#ccc" />
-						</view>
-						<view class="date-range">{{ item.startDate }} ~ {{ item.endDate }}</view>
-
+				<view :class="['contract-card', { 'is-expired': item.signStatus === 'expired' }]" v-for="item in contracts" :key="item.contractNo" @click="goDetail(item)">
+					<view class="card-header">
+						<text class="contract-name">{{ $ellipsis(item.contractName, 12) }}</text>
 						<view :class="['status-tag', item.signStatus]">
 							{{ getStatusText(item.signStatus) }}
 						</view>
 					</view>
+					<view class="card-divider"></view>
+					<view class="card-body">
+						<view class="info-row">
+							<view class="info-item">
+								<text class="info-label">合同类型：</text>
+								<text class="info-value">电子合同</text>
+							</view>
+							<view class="info-item">
+								<text class="info-label">租金：</text>
+								<text class="info-value">{{ item.contractNo }}</text>
+							</view>
+						</view>
+						<view class="info-row">
+							<view class="info-item">
+								<text class="info-label">开始日期：</text>
+								<text class="info-value">{{ item.startDate }}</text>
+							</view>
+							<view class="info-item">
+								<text class="info-label">结束日期：</text>
+								<text class="info-value">{{ item.endDate }}</text>
+							</view>
+						</view>
+					</view>
 				</view>

 				<u-loadmore :status="loadStatus" />
@@ -74,9 +90,9 @@ export default {
 	},
 	async onShow() {
 		try {
-			await this.$checkToken(this.$getToken())
+			// await this.$checkToken(this.$getToken())
 			// token 有效，继续执行
-			this.checkOaAuth()
+			// this.checkOaAuth()
 			this.loadContracts()
 		} catch (e) {
 			// token 无效，$checkToken 内部已处理跳转登录页
@@ -127,41 +143,68 @@ export default {
 			this.loadContracts();
 		},
 		loadContracts() {
-			// ✅ 正确判断加载状态
 			if (this.loadStatus !== 'more') return;
 			this.loadStatus = 'loading';

-			this.$u.post('/contract/queryPage', {
-				pageNo: this.pageNo,
-				pageSize: this.pageSize,
-				startDate: this.startDate,
-				endDate: this.endDate,
-				signStatus: this.statusFilter
-			}, {
-				WT: this.$getToken()
-			}).then(result => {
-				const rows = result.data.result || [];
+			// TODO: 接口联调时取消注释，删除 mock 数据
+			// this.$u.post('/contract/queryPage', {
+			// 	pageNo: this.pageNo,
+			// 	pageSize: this.pageSize,
+			// 	startDate: this.startDate,
+			// 	endDate: this.endDate,
+			// 	signStatus: this.statusFilter
+			// }, {
+			// 	WT: this.$getToken()
+			// }).then(result => {
+			// 	const rows = result.data.result || [];
+			// 	if (this.pageNo === 1 && rows.length === 0) {
+			// 		this.contracts = [];
+			// 		this.loadStatus = 'nomore';
+			// 		return;
+			// 	}
+			// 	this.contracts = this.contracts.concat(rows);
+			// 	if (rows.length < this.pageSize) {
+			// 		this.loadStatus = 'nomore';
+			// 	} else {
+			// 		this.pageNo++;
+			// 		this.loadStatus = 'more';
+			// 	}
+			// }).catch(err => {
+			// 	console.log("获取合同信息失败：", err);
+			// 	this.loadStatus = 'more';
+			// }).finally(() => {
+			// 	this.isRefreshing = false;
+			// });

-				if (this.pageNo === 1 && rows.length === 0) {
-					this.contracts = [];
-					this.loadStatus = 'nomore';
-					return;
+			// Mock 静态数据
+			const mockData = [
+				{
+					contractNo: 'HT-2026-001',
+					contractName: '东山大道435-2-1-104号房屋租赁合同',
+					startDate: '2026-01-01',
+					endDate: '2026-12-31',
+					signStatus: 'signed'
+				},
+				{
+					contractNo: 'HT-2026-002',
+					contractName: '夷陵大道418号房屋租赁合同',
+					startDate: '2026-03-01',
+					endDate: '2027-02-28',
+					signStatus: 'pending'
+				},
+				{
+					contractNo: 'HT-2025-003',
+					contractName: '解放路88-1-502号房屋租赁合同',
+					startDate: '2025-01-01',
+					endDate: '2025-12-31',
+					signStatus: 'expired'
 				}
+			];

-				this.contracts = this.contracts.concat(rows);
-
-				if (rows.length < this.pageSize) {
-					this.loadStatus = 'nomore';
-				} else {
-					this.pageNo++;
-					this.loadStatus = 'more'; // ✅ 修复
-				}
-			}).catch(err => {
-				console.log("获取合同信息失败：", err);
-				this.loadStatus = 'more'; // ✅ 异常恢复
-			}).finally(() => {
-				this.isRefreshing = false;
-			});
+			if (this.pageNo === 1) this.contracts = [];
+			this.contracts = this.contracts.concat(mockData);
+			this.loadStatus = 'nomore';
+			this.isRefreshing = false;
 		},
 		refresh() {
 			this.isRefreshing = true;
@@ -205,79 +248,108 @@ export default {
 .contract-list {
 	padding: 20rpx;
 }
+.card-info {
+  flex: 1;
+  margin-left: 20rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}

+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 20rpx;
+}
+.card-divider {
+  height: 1rpx;
+  background-color: #f0f0f0;
+}
 .contract-card {
-	display: flex;
 	background: #fff;
 	border-radius: 16rpx;
 	margin-bottom: 24rpx;
-	padding: 20rpx;
+	padding: 24rpx;
 	box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.05);
-	position: relative;
 }

-.contract-cover {
-	width: 193rpx;
-	height: 145rpx;
-	border-radius: 10rpx;
-	background-color: #FCE5E0;
-	flex-shrink: 0;
-}
-
-.contract-info {
-	flex: 1;
-	margin-left: 20rpx;
-	display: flex;
-	flex-direction: column;
-	position: relative;
-}
-
-.top-row {
+.card-header {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-
-	.asset-name {
-		font-size: 30rpx;
-		font-weight: bold;
-		color: #333;
-		flex: 1;
-	}
+	padding-bottom: 20rpx;
 }

-.asset-room {
-	font-size: 26rpx;
-	color: #555;
-	margin-top: 18rpx;
-}
-
-.date-range {
-	font-size: 24rpx;
-	color: #888;
-	margin-top: 20rpx;
+.contract-name {
+	font-size: 30rpx;
+	font-weight: 600;
+	color: #333;
+	flex: 1;
 }

 .status-tag {
-	position: absolute;
-	bottom: 20rpx;
-	right: 0rpx;
-	padding: 12rpx 15rpx;
-	border-radius: 6rpx;
-	font-size: 26rpx;
+	font-size: 24rpx;
+	padding: 6rpx 16rpx;
+	border-radius: 8rpx;
+	flex-shrink: 0;

 	&.pending {
-		background: #FEEDDD;
-		color: #EFA049;
+		background: #FF8D1A;
+		color: #fff;
 	}

 	&.signed {
-		background: #FCE5E0;
-		color: #ED7748;
+		background: #0088FE;
+		color: #fff;
 	}

 	&.expired {
-		background: #CDCDCD;
-		color: #969696;
+		background: #A6A6A6;
+		color: #fff;
+	}
+}
+
+.card-divider {
+	height: 1rpx;
+	background-color: #f0f0f0;
+}
+
+.card-body {
+	padding-top: 20rpx;
+}
+
+.info-row {
+	display: flex;
+	margin-bottom: 16rpx;
+    padding: 20rpx 0;
+	&:last-child {
+		margin-bottom: 0;
+	}
+}
+
+.info-item {
+	flex: 1;
+	display: flex;
+}
+
+.info-label {
+	font-size: 24rpx;
+	color: #999;
+	margin-right: 8rpx;
+	flex-shrink: 0;
+}
+
+.info-value {
+	font-size: 24rpx;
+	color: #333;
+}
+
+.is-expired {
+	.contract-name,
+	.info-label,
+	.info-value {
+		color: #A6A6A6 !important;
 	}
 }

--- a/pages-biz/contract/contractDetail.vue
+++ b/pages-biz/contract/contractDetail.vue
@@ -70,11 +70,11 @@
    </view> -->

    <!-- 底部操作栏（完全保留原逻辑和样式） -->
-    <view v-if="contract.signStatus === '待签署'" class="bottom-bar">
+    <!-- <view v-if="contract.signStatus === '待签署'" class="bottom-bar">
      <u-button class="sign-btn" @click="goSign">
        去签署
      </u-button>
-    </view>
+    </view> -->
  </view>
 </template>

@@ -94,7 +94,7 @@ export default {

  async onShow() {
  	try {
-  		await this.$checkToken(this.$getToken())
+  		// await this.$checkToken(this.$getToken())
  		this.getContractDetail()
  	} catch (e) {
  		return
@@ -132,20 +132,30 @@ export default {
  methods: {
    /** 合同详情 + 第一条资产 */
    getContractDetail() {
-      this.$u.get(`/contract/detail?contractNo=${this.contractNo}`, {},{
-        WT: this.$getToken()
-      }).then(res => {
-		  console.log(res)
-        this.contract = res.data || {}
+      // TODO: 接口联调时取消注释，删除 mock 数据
+      // this.$u.get(`/contract/detail?contractNo=${this.contractNo}`, {},{
+      //   WT: this.$getToken()
+      // }).then(res => {
+      //   console.log(res)
+      //   this.contract = res.data || {}
+      //   // this.assetList = (res.assetsInfos.assets || []).map((item, index) => ({
+      //   //   ...item,
+      //   //   expanded: index === 0
+      //   // }))
+      //   // this.hasMoreAssets =
+      //   //   this.assetList.length < (res.totalAssets || 0)
+      // })

-        // this.assetList = (res.assetsInfos.assets || []).map((item, index) => ({
-        //   ...item,
-        //   expanded: index === 0
-        // }))
-
-        // this.hasMoreAssets =
-        //   this.assetList.length < (res.totalAssets || 0)
-      })
+      // Mock 静态数据
+      this.contract = {
+        contractNo: this.contractNo || 'HT-2026-001',
+        contractName: '东山大道435-2-1-104号房屋租赁合同',
+        signStatus: '待签署',
+        startDate: '2026-01-01',
+        endDate: '2026-12-31',
+        rentFee: 2500,
+        deposit: 5000
+      }
    },

    /** 加载更多资产 */
@@ -337,7 +347,7 @@ export default {
  &::v-deep .u-btn {
    font-size: 30rpx;
    color: #fff;
-    background: linear-gradient(90deg, #ff6f63 0%, #fb392a 100%);
+    background-color: #0088FE;
    border-radius: 10rpx;
  }
 }
--- a/pages-biz/login/login.vue
+++ b/pages-biz/login/login.vue
@@ -15,14 +15,14 @@

 			<!-- 恢复v-model，同时保留防错乱逻辑 -->
 			<view class="user-type">
-				<u-radio-group v-model="loginType" active-color="#EA414A" shape="square">
+				<u-radio-group v-model="loginType" active-color="#0088FE" shape="square">
 					<u-radio name="0">个人</u-radio>
 					<u-radio name="1">企业</u-radio>
 				</u-radio-group>
 			</view>

 			<view class="agreement">
-				<u-checkbox v-model="agreeProtocol" shape="square" active-color="#EA414A">
+				<u-checkbox v-model="agreeProtocol" shape="square" active-color="#0088FE">
 					<text class="agreement-text">
 						我已阅读并同意
 						<text class="link" @tap.stop="goPrivacy('user')">《用户协议》</text>
@@ -205,7 +205,7 @@
 	.login-btn {
 		width: 100%;
 		height: 88rpx;
-		background: linear-gradient(90deg, #FF2F31 0%, #FF9379 100%);
+		background-color: #0088FE;
 		border-radius: 49rpx;
 		font-size: 36rpx;
 		color: #fff;
--- a/pages-biz/message/message.vue
+++ b/pages-biz/message/message.vue
@@ -47,9 +47,9 @@ export default {
 	},
 	async onShow() {
 		try {
-			await this.$checkToken(this.$getToken())
-			this.checkOaAuth()
-			this.fetchMessageList()
+			// await this.$checkToken(this.$getToken())
+			// this.checkOaAuth()
+			// this.fetchMessageList()
 		} catch (e) {
 			return
 		}
@@ -96,32 +96,70 @@ export default {
 			}
 		},
 		fetchMessageList(){
-			// ✅ 正确判断加载状态
 			if (this.loadStatus !== 'more') return;
 			this.loadStatus = 'loading';
-			
-			let url = '/message/queryPage'
-			this.$u.post(url, {
-				pageNo: this.pageNo,
-				pageSize: this.pageSize
-			}, {
-				WT: this.$getToken()
-			}).then(res => {
-				const rows = res.data.result || [];
-				if (this.pageNo === 1) this.flowList = [];
-				this.flowList = this.flowList.concat(rows);
-				
-				// ✅ 判断是否还有更多
-				if (rows.length < this.pageSize) {
-					this.loadStatus = 'nomore';
-				} else {
-					this.pageNo++;
-					this.loadStatus = 'more';
+
+			// TODO: 接口联调时取消注释，删除 mock 数据
+			// let url = '/message/queryPage'
+			// this.$u.post(url, {
+			// 	pageNo: this.pageNo,
+			// 	pageSize: this.pageSize
+			// }, {
+			// 	WT: this.$getToken()
+			// }).then(res => {
+			// 	const rows = res.data.result || [];
+			// 	if (this.pageNo === 1) this.flowList = [];
+			// 	this.flowList = this.flowList.concat(rows);
+			// 	if (rows.length < this.pageSize) {
+			// 		this.loadStatus = 'nomore';
+			// 	} else {
+			// 		this.pageNo++;
+			// 		this.loadStatus = 'more';
+			// 	}
+			// }).catch(err => {
+			// 	console.log("获取消息列表失败：", err)
+			// 	this.loadStatus = 'more';
+			// })
+
+			// Mock 静态数据
+			const mockData = [
+				{
+					id: '1',
+					icon: '/static/icon/msg-1.png',
+					title: '账单提醒',
+					desc: '您有一笔租金待支付，请及时处理',
+					time: '2026-06-27 10:30',
+					read: false
+				},
+				{
+					id: '2',
+					icon: '/static/icon/msg-2.png',
+					title: '合同签署',
+					desc: '您的租赁合同已生成，请尽快签署',
+					time: '2026-06-26 14:20',
+					read: false
+				},
+				{
+					id: '3',
+					icon: '/static/icon/msg-1.png',
+					title: '缴费成功',
+					desc: '您已成功缴纳5月份租金2500元',
+					time: '2026-06-25 09:15',
+					read: true
+				},
+				{
+					id: '4',
+					icon: '/static/icon/msg-2.png',
+					title: '预约确认',
+					desc: '您预约的看房申请已确认，管家将联系您',
+					time: '2026-06-24 16:45',
+					read: true
 				}
-			}).catch(err => {
-				console.log("获取消息列表失败：", err)
-				this.loadStatus = 'more'; // ✅ 异常恢复
-			})
+			];
+
+			if (this.pageNo === 1) this.flowList = [];
+			this.flowList = this.flowList.concat(mockData);
+			this.loadStatus = 'nomore';
 		},
 		loadMore() {
 			this.fetchMessageList()
--- a/pages-biz/profile/setting.vue
+++ b/pages-biz/profile/setting.vue
@@ -4,7 +4,7 @@
 		</u-navbar>
 		<view class="setting-content">
 			<u-cell-group>
-				<u-cell-item title="账号实名信息" @click="profile"></u-cell-item>
+				<!-- <u-cell-item title="账号实名信息" @click="profile"></u-cell-item> -->
 			<!-- 	   <u-cell-item title="订阅系统消息" :arrow="false">
 				          
 				            <u-switch v-model="longSubscribe" @change="toggleLongSubscribe" />
--- a/pages-biz/reserve/reserveRecords.vue
+++ b/pages-biz/reserve/reserveRecords.vue
@@ -20,51 +20,37 @@
          :key="item.id"
          class="record-card"
        >
-          <!-- 资产名称和状态 -->
+          <!-- 预约时间 + 状态 -->
          <view class="card-header">
-            <text class="asset-name">{{ item.assetName }}</text>
-            <text
-              :class="['record-status', item.status]"
-            >
+            <text class="reserve-time">{{ formatDate(item.date) }} 看房</text>
+            <text :class="['record-status', item.status]">
              {{ statusText(item.status) }}
            </text>
          </view>

-          <!-- 内容部分 -->
-          <view class="card-content">
-            <!-- 预约时间 -->
-            <view class="info-item">
-              <text class="info-label">预约时间：</text>
-              <text class="info-value">{{ formatDate(item.date) }}</text>
-            </view>
+          <!-- 分割线 -->
+          <view class="card-divider"></view>

-            <!-- 地址 -->
-            <view class="info-item">
-              <text class="info-label">地址：</text>
-              <text class="info-value">{{ item.assetAddress }}</text>
-            </view>
-
-            <!-- 管家 -->
-            <view class="info-item">
-              <text class="info-label">管家：</text>
-              <text class="info-value">{{ item.managerName || '未知'}}（{{ item.managerPhone || '未知'}}）</text>
+          <!-- 内容区：左图右信息 -->
+          <view class="card-body">
+            <image class="cover-img" :src="staticHost + (item.coverImg || '/public/static/index/assets.jpg')" mode="aspectFill"></image>
+            <view class="card-info">
+              <text class="asset-name">{{ item.assetName }}</text>
+              <view class="info-row">
+                <u-icon name="map" size="26" color="#999"></u-icon>
+                <text class="info-text">{{ item.assetAddress }}</text>
+              </view>
+              <view class="info-row">
+                <u-icon name="account" size="26" color="#999"></u-icon>
+                <text class="info-text">{{ item.managerName || '未知' }}（{{ item.managerPhone || '未知' }}）</text>
+              </view>
            </view>
          </view>

          <!-- 操作按钮 -->
          <view class="action-buttons">
-            <button
-              class="location-btn"
-              @click="viewLocation(item)"
-            >
-              查看位置
-            </button>
-            <button
-              class="call-btn"
-              @click="callManager(item.managerPhone)"
-            >
-              拨打电话
-            </button>
+            <button class="location-btn" @click="viewLocation(item)">查看位置</button>
+            <button class="call-btn" @click="callManager(item.managerPhone)">拨打电话</button>
          </view>
        </view>

@@ -100,13 +86,18 @@ export default {
  },
  async onShow() {
  	try {
-  		await this.$checkToken(this.$getToken())
+  		// await this.$checkToken(this.$getToken())
  		this.fetchReserve()
  	} catch (e) {
  		return
  	}
  },
  // ✅ 删除 scroll-view 冲突的 onReachBottom
+  computed: {
+    staticHost() {
+      return this.$config.staticUrl
+    }
+  },
  methods: {
    statusText(status) {
      switch (status) {
@@ -132,31 +123,62 @@ export default {
      return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
    },
 	fetchReserve(){
-    // ✅ 正确判断加载状态
 		if (this.loadStatus !== 'more') return;
-		  this.loadStatus = 'loading';
-		let url = '/reservate/queryPage'
-		this.$u.post(url, {
-			pageNo: this.pageNo,
-			pageSize: this.pageSize
-		},{
-			WT: this.$getToken()
-		}).then(res => {
-			const rows = res.data.result || [];
-			if (this.pageNo === 1) this.flowList = [];
-			this.flowList = this.flowList.concat(rows);
-      
-    // ✅ 判断是否还有更多数据
-			if (rows.length < this.pageSize) {
-			  this.loadStatus = 'nomore';
-			} else {
-			  this.pageNo++;
-			  this.loadStatus = 'more';
+		this.loadStatus = 'loading';
+
+		// TODO: 接口联调时取消注释，删除 mock 数据
+		// let url = '/reservate/queryPage'
+		// this.$u.post(url, {
+		// 	pageNo: this.pageNo,
+		// 	pageSize: this.pageSize
+		// },{
+		// 	WT: this.$getToken()
+		// }).then(res => {
+		// 	const rows = res.data.result || [];
+		// 	if (this.pageNo === 1) this.flowList = [];
+		// 	this.flowList = this.flowList.concat(rows);
+		// 	if (rows.length < this.pageSize) {
+		// 		this.loadStatus = 'nomore';
+		// 	} else {
+		// 		this.pageNo++;
+		// 		this.loadStatus = 'more';
+		// 	}
+		// }).catch(err => {
+		// 	console.log("获取预约记录失败：", err)
+		// 	this.loadStatus = 'more';
+		// })
+
+		// Mock 静态数据
+		const mockData = [
+			{
+				id: '1',
+				assetName: '东山大道435-2-1-104号',
+				status: 'pending',
+				date: '2026-06-28 14:00:00',
+				assetAddress: '宜昌市西陵区东山大道435号',
+				managerName: '张管家',
+				managerPhone: '13800138001',
+				lat: 30.7086,
+				lng: 111.2842,
+				coverImg: '/public/static/index/assets.jpg'
+			},
+			{
+				id: '2',
+				assetName: '夷陵大道418号',
+				status: 'done',
+				date: '2026-06-20 10:30:00',
+				assetAddress: '宜昌市西陵区夷陵大道418号',
+				managerName: '李管家',
+				managerPhone: '13800138002',
+				lat: 30.7120,
+				lng: 111.2900,
+				coverImg: '/public/static/index/assets.jpg'
 			}
-		}).catch(err => {
-			console.log("获取预约记录失败：", err)
-			this.loadStatus = 'more'; // ✅ 异常恢复
-		})
+		];
+
+		if (this.pageNo === 1) this.flowList = [];
+		this.flowList = this.flowList.concat(mockData);
+		this.loadStatus = 'nomore';
 	},
    viewLocation(item) {
      uni.openLocation({
@@ -198,7 +220,6 @@ export default {
 .reserve-records {
  min-height: 100vh;
  padding-top: 175rpx;
-  background: linear-gradient(0deg, #F3F1ED 43%, #F5E9DB 100%);
  box-sizing: border-box;
 }

@@ -209,13 +230,13 @@ export default {
 }

 .record-list {
-  padding: 30rpx 40rpx;
+  padding: 30rpx 20rpx;
 }

 .record-card {
  background: #fff;
  border-radius: 12rpx;
-  padding: 32rpx;
+  padding: 25rpx;
  margin-bottom: 30rpx;
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
 }
@@ -224,63 +245,79 @@ export default {
  display: flex;
  justify-content: space-between;
  align-items: center;
-  margin-bottom: 24rpx;
+  padding-bottom: 20rpx;
 }

-.asset-name {
-  font-size: 32rpx;
+.reserve-time {
+  font-size: 30rpx;
  font-weight: 500;
-  color: #2D2B2C;
+  color: #333;
 }

 .record-status {
-  font-size: 26rpx;
-  padding: 10rpx 15rpx;
+  font-size: 28rpx;
+  padding: 6rpx 16rpx;
  border-radius: 4rpx;
  &.done {
-    background: #FCE5E0;
-    color: #ED7748;
+    background: #fff;
+    color: #0088FE;
  }
  &.pending {
-    background: #F2F3F7;
-    color: #86868C;
+    background: #fff;
+    color: #FF8D1A;
  }
 }

-.card-content {
-  margin-bottom: 32rpx;
+.card-divider {
+  height: 1rpx;
+  background-color: #f0f0f0;
 }

-.info-item {
+.card-body {
  display: flex;
-  align-items: flex-start;
+  padding: 24rpx 0;
 }

-.info-item:last-child {
-  margin-bottom: 0;
-}
-
-.info-label {
-  font-size: 24rpx;
-  color: #666;
-  width: 120rpx;
+.cover-img {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
  flex-shrink: 0;
-  line-height: 44rpx;
+  background-color: #f5f5f5;
 }

-.info-value {
-  font-size: 24rpx;
-  color: #333;
+.card-info {
  flex: 1;
-  line-height: 44rpx;
+  margin-left: 20rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.asset-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #2D2B2C;
+  margin-bottom: 12rpx;
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+
+.info-text {
+  font-size: 24rpx;
+  color: #999;
+  margin-left: 8rpx;
 }

 .action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 20rpx;
-  margin-top: 32rpx;
-  padding-top: 32rpx;
+  padding-top: 20rpx;
  border-top: 1rpx solid #f0f0f0;
 }

@@ -288,20 +325,20 @@ export default {
  width: 220rpx;
  height: 72rpx;
  background: #fff;
-  color: #2D2B2C;
+  color: #0088FE;
  font-size: 28rpx;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
-  border: 1px solid #222222;
+  border: 1px solid #0088FE;
 }

 .call-btn {
  width: 220rpx;
  height: 72rpx;
-  background: #ff3b30;
+  background: #0088FE;
  color: #fff;
  font-size: 28rpx;
  border-radius: 8rpx;
--- a/pages-biz/search/searchList.vue
+++ b/pages-biz/search/searchList.vue
@@ -4,25 +4,29 @@
 			back-icon-color="#2D2B2C">
 		</u-navbar>
 		<view class="search-list-content">
-			<view class="filter-dropdown-wrapper">
-				<u-sticky offset-top="0">
-					<view class="sticky" style="width: 100vw;">
-						<filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected"
-							:updateMenuName="true" @confirm="confirm" dataFormat="Object"></filterDropdown>
-					</view>
-				</u-sticky>
-			</view>
-			<view class="search-bar-wrapper">
-				<view class="search-bar">
-					<view class="city-select" @click="location()">{{ city ||'宜昌市'}} <text class="icon-down"></text>
-					</view>
-					<view class="search-input" @click="search">
-						<text class="icon-search"></text>
-						<input type="text" placeholder="搜索商铺/住房/土地" />
-					</view>
+		<view class="search-bar-wrapper">
+			<view class="search-bar">
+				<view class="city-select" @click="location()">{{ city ||'宜昌市'}} <text class="icon-down"></text>
+				</view>
+				<view class="search-input" @click="search">
+					<text class="icon-search"></text>
+					<input type="text" placeholder="搜索商铺/住房/土地" />
 				</view>
 			</view>
-			<view class="tag-group">
+		</view>
+		<view class="filter-dropdown-wrapper">
+			<u-sticky offset-top="0">
+				<view class="sticky" style="width: 100vw;">
+					<filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected"
+						:updateMenuName="true" @confirm="confirm" dataFormat="Object"
+						navBgGradient="linear-gradient(-90deg, rgb(207,240,255), rgb(179,217,255) 0% 99%)"
+						activeColor="#0088FE"
+						submitBtnBg="#0088FE"
+						resetBtnColor="#0088FE"></filterDropdown>
+				</view>
+			</u-sticky>
+		</view>
+		<view class="tag-group">
 				<view class="tag-item" :class="{ active: selectedTags.includes(tag) }"
 					v-for="(tag, index) in tagGroupList" :key="index" @click="onTagClick(tag)">
 					{{ tag }}
@@ -96,7 +100,7 @@
 				tagGroupList: [],
 				selectedTags: [],
 				background: {
-					backgroundImage: 'linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);'
+					backgroundImage: 'linear-gradient(-90deg,  rgb(207,240,255),rgb(179,217,255) 0% 99%);'
 				},
 			}
 		},
@@ -167,49 +171,93 @@

 				this.loadStatus = 'loading';

-				this.$u.post('/assets/queryPage', {
-					assetsStatus:'闲置中',
-					assetsType: type,
-					pageNo: this.pageNo,
-					pageSize: this.pageSize,
-					keyWord: keyword,
-					bizZone: this.searchData.bizZone,
-					layout: this.searchData.layout,
-					renovationStatus: this.searchData.decoration,
-					features: this.searchData.feature
-				}).then(result => {
-					const rows = result.data.result || [];
-					
-					if (this.pageNo === 1 && rows.length === 0) {
-						this.flowList = [];
-						this.loadStatus = 'nomore';
-						return;
-					}
-					
-					rows.forEach(row => {
-						if (row.coverImgUrl) {
-							row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
-						} else {
-							row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
-						}
-					})
-					
-					this.flowList = this.flowList.concat(rows);
-					
-					if (rows.length < this.pageSize) {
-						this.loadStatus = 'nomore';
-					} else {
-						this.pageNo++;
-						this.loadStatus = 'more'; // ✅ 恢复
-					}
-					this.keyWord = null
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// this.$u.post('/assets/queryPage', {
+				// 	assetsStatus:'闲置中',
+				// 	assetsType: type,
+				// 	pageNo: this.pageNo,
+				// 	pageSize: this.pageSize,
+				// 	keyWord: keyword,
+				// 	bizZone: this.searchData.bizZone,
+				// 	layout: this.searchData.layout,
+				// 	renovationStatus: this.searchData.decoration,
+				// 	features: this.searchData.feature
+				// }).then(result => {
+				// 	const rows = result.data.result || [];
+				// 	if (this.pageNo === 1 && rows.length === 0) {
+				// 		this.flowList = [];
+				// 		this.loadStatus = 'nomore';
+				// 		return;
+				// 	}
+				// 	rows.forEach(row => {
+				// 		if (row.coverImgUrl) {
+				// 			row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
+				// 		} else {
+				// 			row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
+				// 		}
+				// 	})
+				// 	this.flowList = this.flowList.concat(rows);
+				// 	if (rows.length < this.pageSize) {
+				// 		this.loadStatus = 'nomore';
+				// 	} else {
+				// 		this.pageNo++;
+				// 		this.loadStatus = 'more';
+				// 	}
+				// 	this.keyWord = null
+				// }).catch(err => {
+				// 	console.log("获取资产信息失败：", err);
+				// 	this.loadStatus = 'more';
+				// }).finally(() => {
+				// 	uni.stopPullDownRefresh();
+				// });

-				}).catch(err => {
-					console.log("获取资产信息失败：", err);
-					this.loadStatus = 'more'; // ✅ 恢复
-				}).finally(() => {
+				// Mock 静态数据
+				const mockData = [
+					{
+						assetsNo: 'ASSET-001',
+						assetsName: '东山大道435-2-1-104号',
+						assetsType: '住宅',
+						footPrint: 120,
+						orientation: '南',
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
+						tags: ['近地铁', '精装修']
+					},
+					{
+						assetsNo: 'ASSET-002',
+						assetsName: '夷陵大道418号商铺',
+						assetsType: '商铺',
+						footPrint: 85,
+						orientation: '东',
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
+						tags: ['临街', '人流量大']
+					},
+					{
+						assetsNo: 'ASSET-003',
+						assetsName: '解放路88号写字楼',
+						assetsType: '写字楼',
+						footPrint: 200,
+						orientation: '南',
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
+						tags: ['交通便利', '配套齐全']
+					},
+					{
+						assetsNo: 'ASSET-004',
+						assetsName: '沿江大道168号住房',
+						assetsType: '住宅',
+						footPrint: 95,
+						orientation: '南',
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
+						tags: ['拎包入住', '采光好']
+					}
+				];
+
+				setTimeout(() => {
+					if (this.pageNo === 1) this.flowList = [];
+					this.flowList = this.flowList.concat(mockData);
+					this.loadStatus = 'nomore';
+					this.keyWord = null;
 					uni.stopPullDownRefresh();
-				});
+				}, 500);
 			},
 			loadMore() {
 				if (this.loadStatus !== 'more') return;
@@ -239,18 +287,26 @@
 				this.filterData = searchData;
 			},
 			async getFeatures(){
-			  const res = await this.$u.get('/assets/getFeatures');
-			  if (res.flag) {
-			    return res.data;
-			  }
-			  return [];
+			  // TODO: 接口联调时取消注释，删除 mock 数据
+			  // const res = await this.$u.get('/assets/getFeatures');
+			  // if (res.flag) {
+			  //   return res.data;
+			  // }
+			  // return [];
+
+			  // Mock 静态数据
+			  return ['近地铁', '精装修', '拎包入住', '采光好', '临街', '配套齐全', '交通便利'];
 			},
 			async getBizZone(){
-			  const res = await this.$u.get('/assets/getBizZones');
-			  if (res.flag) {
-			    return res.data;
-			  }
-			  return [];
+			  // TODO: 接口联调时取消注释，删除 mock 数据
+			  // const res = await this.$u.get('/assets/getBizZones');
+			  // if (res.flag) {
+			  //   return res.data;
+			  // }
+			  // return [];
+
+			  // Mock 静态数据
+			  return ['CBD商圈', '解放路商圈', '沿江大道', '东山大道', '夷陵大道'];
 			},
 			 getImageSize(url, index) {
 			    uni.getImageInfo({
@@ -306,13 +362,14 @@
 	}

 	.search-list-content {
-		background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
+		background: linear-gradient(-90deg,  rgb(207,240,255),rgb(179,217,255) 0% 99%);
 		border-radius: 0rpx;
-		padding-bottom: 20rpx;
+		padding-bottom: 0;
+		padding-top: var(--window-top, 0);
 	}

 	.search-bar-wrapper {
-		padding: 10rpx 20rpx;
+		padding: 10rpx 20rpx 0;
 	}

 	.search-bar {
@@ -361,7 +418,7 @@
 	}

 	.filter-dropdown-wrapper {
-		margin-bottom: 20rpx;
+		margin-bottom: 0;
 	}

 	.tag-group {
--- a/pages-biz/unpaid/unpaid.vue
+++ b/pages-biz/unpaid/unpaid.vue
@@ -241,7 +241,7 @@
 					}, { WT: token });

 					if (res.code !== 200) {
-						uni.showToast({ title: res.msg, icon: 'none' });
+						uni.showToast({ title: res.message, icon: 'none' });
 						this.isPaying = false;
 						return;
 					}
@@ -269,7 +269,7 @@

 				} catch (error) {
 					console.error('支付请求异常', error);
-					uni.showToast({ title: '支付请求失败', icon: 'none' });
+					uni.showToast({ title: '支付请求失败: ' + error, icon: 'none' });
 					this.isPaying = false;
 				}
 			},
--- a/pages-biz/unpaid/unpaidMargin.vue
+++ b/pages-biz/unpaid/unpaidMargin.vue
@@ -243,7 +243,7 @@
 					}, { WT: token });

 					if (res.code !== 200) {
-						uni.showToast({ title: res.msg, icon: 'none' });
+						uni.showToast({ title: res.message, icon: 'none' });
 						this.isPaying = false;
 						return;
 					}
@@ -271,7 +271,7 @@

 				} catch (error) {
 					console.error('支付请求异常', error);
-					uni.showToast({ title: '支付请求失败', icon: 'none' });
+					uni.showToast({ title: '支付请求失败: ' + error, icon: 'none' });
 					this.isPaying = false;
 				}
 			},
--- a/pages-biz/wae/wae.vue
+++ b/pages-biz/wae/wae.vue
@@ -219,7 +219,7 @@
 					const res = await this.$u.post(url, params, { WT: token });

 					if (res.code !== 200) {
-						uni.showToast({ title: res.msg, icon: 'none' });
+						uni.showToast({ title: res.message, icon: 'none' });
 						this.isPaying = false;
 						return;
 					}
@@ -247,7 +247,7 @@

 				} catch (error) {
 					console.error('支付请求异常', error);
-					uni.showToast({ title: '支付请求失败', icon: 'none' });
+					uni.showToast({ title: '支付请求失败: ' + error, icon: 'none' });
 					this.isPaying = false;
 				}
 			},
--- a/pages.json
+++ b/pages.json
@@ -323,7 +323,7 @@
 	},
 	"tabBar": {
 		"color": "#909399",
-		"selectedColor": "#252B44",
+		"selectedColor": "#258AE6",
 		// "borderStyle": "#909399",
 		"borderStyle": "white",
 		"backgroundColor": "#ffffff",
--- a/pages/center/center.vue
+++ b/pages/center/center.vue
@@ -9,18 +9,18 @@
 			<view class="user-info">
 				<view class="user-name">
 					<text class="name-text">{{user.userName || '用户0564'}}</text>
-					<text class="auth-tag">{{user.oaAuth ? '已认证' : '未认证'}}</text>
+					<image :src="staticHost + '/public/static/center/' + (user.userType === '0' && user.oaAuth ? 'personal-actived' : 'personal') + '.png'" class="user-type-icon" mode="widthFix"></image>
+					<image :src="staticHost + '/public/static/center/' + (user.userType === '1' && user.oaAuth ? 'org-actived' : 'org') + '.png'" class="user-type-icon" mode="widthFix"></image>
 				</view>
 				<view class="user-type">用户类型：{{user.userType ==='0' ? '个人' : '组织'}}</view>
 			</view>
 			<view class="msg-setting">
 				<view class="u-relative msg-icon" @click="toMessage()">
-					<u-icon name="chat" size="48" color="#333"></u-icon>
+					<image :src="staticHost + '/public' + '/static/center/msg.png'" class="msg-icon-img" mode="widthFix"></image>
 					<view v-if="unreadMsgCount > 0" class="badge">
 							{{ unreadMsgCount > 99 ? '99+' : unreadMsgCount }}
 						</view>
 				</view>
-				<u-icon name="setting" size="48" color="#333" @click="toSetting()"></u-icon>
 			</view>
 		</view>

@@ -28,95 +28,135 @@
 			<!-- 我的合同和我的预约 -->
 			<view class="contract-appointment">
 				<view class="card" @click="clickNav('/pages-biz/contract/contract')">
-					<view class="card-title">我的合同</view>
-					<view class="card-main">
-						<view class="card-content">
+					<view class="card-left">
+						<view class="card-title">
+							我的合同
+						<u-icon name="arrow-right" color="#2979ff" size="28" class="arrow-icon"></u-icon>
+						</view>
+						
+						<view class="card-info">
+							<view class="card-type">待签署合同</view>
 							<view class="card-number">{{unsignContractNum}}</view>
-							<view class="card-type">份待签署合同</view>
-						</view>
-						<view class="card-icon">
-							<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
 						</view>
 					</view>
+					<view class="card-right">
+						<image class="card-icon" :src="staticHost + '/public' + '/static/center/contract-center.png'" mode="widthFix"></image>
+					</view>
 				</view>
 				<view class="card" @click="clickNav('/pages-biz/reserve/reserveRecords')">
-					<view class="card-title">我的预约</view>
-					<view class="card-main">
-						<view class="card-content">
+					<view class="card-left">
+						<view class="card-title">
+							我的预约
+						<u-icon name="arrow-right" color="#2979ff" size="28" class="arrow-icon"></u-icon>
+						</view>
+						
+						<view class="card-info">
+							<view class="card-type">预约中</view>
 							<view class="card-number">{{handlingReserveNum}}</view>
-							<view class="card-type">个预约中</view>
-						</view>
-						<view class="card-icon">
-							<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
 						</view>
 					</view>
+					<view class="card-right">
+						<image class="card-icon" :src="staticHost + '/public' + '/static/center/reserve-center.png'" mode="widthFix"></image>
+					</view>
 				</view>
 			</view>

 			<!-- 订单信息 -->
 			<view class="my-service">
-				<view class="service-title">订单信息</view>
+				<view class="service-title">常用功能</view>
 				<view class="service-list">
-					<view class="service-item" @click="clickNav('/pages-biz/bill/payHistory')">
+							<view class="service-item" @click="clickNav('/pages-biz/contract/contract')">
 						<view class="service-icon">
-							<image :src="staticHost + '/public' + '/static/icon/bill.png'"></image>
+							<image :src="staticHost + '/public' + '/static/center/contract.png'"></image>
 						</view>
-						<view class="service-name">账单</view>
-					</view>
-					<view class="service-item" @click="clickNav('/pages-biz/myrent/myLease')">
-						<view class="service-icon">
-							<image :src="staticHost + '/public' + '/static/icon/myrent.png'"></image>
-						</view>
-						<view class="service-name">租赁资产</view>
-					</view>
-					<view class="service-item" @click="clickNav('/pages-biz/wae/wae')">
-						<view class="service-icon badge-wrapper">
-							<image :src="staticHost + '/public' + '/static/icon/wae.png'"></image>
-							<view v-if="unpaidWaeCount > 0" class="badge">
-										{{ unpaidWaeCount > 99 ? '99+' : unpaidWaeCount }}
-									</view>
-						</view>
-						<view class="service-name">水电费待付</view>
+						<view class="service-name">我的合同</view>
 					</view>
 					<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaid')">
-						<view class="service-icon badge-wrapper">
-							<image :src="staticHost + '/public' + '/static/icon/unpaid.png'"></image>
-							<view v-if="unpaidRentCount > 0" class="badge">
+						<view class="service-icon">
+							<image :src="staticHost + '/public' + '/static/center/rentbill.png'"></image>
+						    	<!-- <view v-if="unpaidRentCount > 0" class="badge">
 										{{ unpaidRentCount > 99 ? '99+' : unpaidRentCount }}
-									</view>
+									</view> -->
 						</view>
-						<view class="service-name">租金待付</view>
+						<view class="service-name">租赁账单</view>
+					</view>
+					<view class="service-item" @click="clickNav('/pages-biz/wae/wae')">
+						<view class="service-icon">
+							<image :src="staticHost + '/public' + '/static/center/wae.png'"></image>
+						    <!-- <view v-if="unpaidWaeCount > 0" class="badge">
+										{{ unpaidWaeCount > 99 ? '99+' : unpaidWaeCount }}
+									</view> -->
+						</view>
+						<view class="service-name">水电账单</view>
+					</view>
+					<view class="service-item" @click="clickNav('/pages-biz/bill/payHistory')">
+						<view class="service-icon badge-wrapper">
+							<image :src="staticHost + '/public' + '/static/center/payhistory.png'"></image>
+				
+						</view>
+						<view class="service-name">收支记录</view>
+					</view>
+					<view class="service-item" @click="clickNav('/pages-biz/reserve/reserveRecords')">
+						<view class="service-icon badge-wrapper">
+							<image :src="staticHost + '/public' + '/static/center/reserve.png'"></image>
+						
+						</view>
+						<view class="service-name">看房预约</view>
+					</view>
+					<view class="service-item" @click="clickNav('/pages-assets/discharge/leaseCancelList')">
+						<view class="service-icon badge-wrapper">
+							<image :src="staticHost + '/public' + '/static/center/discharge.png'"></image>
+	
+						</view>
+						<view class="service-name">退租申请</view>
+					</view>
+					<view class="service-item" @click="clickNav('/pages-assets/fallback/fallback')">
+						<view class="service-icon badge-wrapper">
+							<image :src="staticHost + '/public' + '/static/center/fallback.png'"></image>
+					
+						</view>
+						<view class="service-name">我要留言</view>
 					</view>
 					<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaidMargin')">
 						<view class="service-icon badge-wrapper">
-							<image :src="staticHost + '/public' + '/static/icon/unpaidMargin.png'"></image>
-							<view v-if="unpaidMargin > 0" class="badge">
-										{{ unpaidMargin > 99 ? '99+' : unpaidMargin }}
-									</view>
+							<image :src="staticHost + '/public' + '/static/center/repair.png'"></image>
+
 						</view>
-						<view class="service-name">保证金待付</view>
+						<view class="service-name">维修需求</view>
 					</view>
 				</view>
 			</view>
 		</view>

-		<!-- 辅助工具 -->
+		<!-- 其他功能 -->
 		<view class="common-tools">
-			<view class="tools-title">辅助工具</view>
+			<view class="tools-title">其他功能</view>
 			<view class="tools-list">
-				<view class="tool-item" @click="clickNav('/pages-assets/fallback/fallback')">
-					<view class="tool-icon">
-						<image :src="staticHost + '/public' + '/static/icon/fallback.png'" mode="widthFix"></image>
+				<view class="tool-item" @click="clickNav('/pages-biz/profile/profile')">
+					<image class="tool-icon" :src="staticHost + '/public' + '/static/center/auth.png'" mode="widthFix"></image>
+					<view class="tool-center">
+						<text class="tool-name">实名认证</text>
+						<text class="tool-desc">个人实名信息认证</text>
 					</view>
-					<view class="tool-name">留言板</view>
+					<text class="auth-tag">{{user.oaAuth ? '已认证' : '未认证'}}</text>
+					<u-icon name="arrow-right" color="#999" size="28"></u-icon>
 				</view>
-				<!-- 新增计算器 -->
 				<view class="tool-item" @click="clickNav('/pages-biz/tool/calculator')">
-					<view class="tool-icon">
-						<image :src="staticHost + '/public/static/icon/calculator.png'" mode="widthFix"></image>
-							</view>
-							<view class="tool-name">计算器</view>
+					<image class="tool-icon" :src="staticHost + '/public/static/center/caculator.png'" mode="widthFix"></image>
+					<view class="tool-center">
+						<text class="tool-name">计算器</text>
+						<text class="tool-desc">便捷工具</text>
 					</view>
+					<u-icon name="arrow-right" color="#999" size="28"></u-icon>
+				</view>
+					<view class="tool-item" @click="toSetting()">
+					<image class="tool-icon" :src="staticHost + '/public/static/center/setting.png'" mode="widthFix"></image>
+					<view class="tool-center">
+						<text class="tool-name">设置</text>
+						<text class="tool-desc">小程序相关设置</text>
+					</view>
+					<u-icon name="arrow-right" color="#999" size="28"></u-icon>
+				</view>
 			</view>
 		</view>
 	</view>
@@ -129,8 +169,8 @@
 		data() {
 			const life = uni.getStorageSync('lifeData') || {}
 			return {
-				bgPath1: '/public/static/center/my-bg.png',
-				bgPath2: '/public/static/center/my-bg2.png',
+				bgPath1: '/public/static/center/my-bg2.png',
+				bgPath2: '',
 				unsignContractNum:0,
 				handlingReserveNum:0,
 				// 导航栏样式控制
@@ -183,14 +223,14 @@
 		},
 		async onShow() {
 			try {
-				await this.$checkToken(this.$getToken())
+				// await this.$checkToken(this.$getToken())
 				this.loadUserInfo()
-				this.countHandlingReserve()
-				this.countUnHandleContract()
-				this.countUnpayRentBills()
-				this.countUnpayWaeBills()
-				this.countUnreadMsg()
-				this.countUnpaidRentMargin()
+				// this.countHandlingReserve()
+				// this.countUnHandleContract()
+				// this.countUnpayRentBills()
+				// this.countUnpayWaeBills()
+				// this.countUnreadMsg()
+				// this.countUnpaidRentMargin()
 			} catch (e) {
 				return
 			}
@@ -349,15 +389,21 @@

 	.name-text {
 		font-size: 38rpx;
-		font-weight: 500;
+		font-weight: 700;
 		color: #2D2B2C;
 		margin-right: 16rpx;
 	}

+	.user-type-icon {
+		width: 34rpx;
+		height: 34rpx;
+		margin-right: 8rpx;
+	}
+
 	.auth-tag {
 		font-size: 26rpx;
 		color: #86868C;
-		padding: 4rpx 12rpx;
+		padding: 8rpx 12rpx;
 	}

 	.user-type {
@@ -381,7 +427,7 @@
 	.contract-appointment {
 		display: flex;
 		gap: 30rpx;
-		padding: 20rpx;
+		padding: 15rpx;
 	}

 	.card {
@@ -389,59 +435,66 @@
 		background-color: #fff;
 		border-radius: 10rpx;
 		padding: 24rpx;
-		display: flex;
-		flex-direction: column;
-	}
-
-	.card-title {
-		font-size: 30rpx;
-		font-weight: 500;
-		color: #222222;
-	}
-
-	.card-main {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
-		position: relative;
+		min-height: 160rpx;
 	}

-	.card-content {
+	.card-left {
 		flex: 1;
 	}

-	.card-number {
-		font-size: 48rpx;
-		font-weight: 600;
-		color: #EC712E;
-		margin-bottom: 8rpx;
+	.card-title {
+		display: flex;
+		align-items: center;
+		font-size: 35rpx;
+		font-weight: 700;
+		color: #222222;
+		margin-bottom: 16rpx;
+	}
+
+	.arrow-icon {
+		margin-left: 5rpx;
+	}
+
+	.card-info {
+		display: flex;
+		flex-direction: column;
 	}

 	.card-type {
 		font-size: 26rpx;
 		color: #86868C;
+		margin-bottom: 8rpx;
+	}
+
+	.card-number {
+		font-size: 48rpx;
+		font-weight: 600;
+		color: #258AE6;
+	}
+
+	.card-right {
+		display: flex;
+		align-items: center;
 	}

 	.card-icon {
-		position: absolute;
-		right: 0;
-		bottom: -20rpx;
-	}
-
-	.card-icon image {
 		width: 120rpx;
-		height: 111rpx;
+		max-height: 100rpx;
 	}

 	/* 我的服务 */
 	.my-service {
+		margin-top: 50rpx;
 		padding: 30rpx 40rpx;
 		margin-bottom: 30rpx;
 	}

 	.service-title {
-		font-size: 30rpx;
-		font-weight: 500;
+		font-size: 40rpx;
+		font-weight: 700;
 		color: #222222;
 		margin-bottom: 30rpx;
 	}
@@ -464,7 +517,7 @@
 	}

 	.service-icon image {
-		width: 80rpx;
+		width: 70rpx;
 		height: 70rpx;
 	}

@@ -481,40 +534,49 @@
 	}

 	.tools-title {
-		font-size: 30rpx;
-		font-weight: 500;
+		font-size: 40rpx;
+		font-weight: 700;
 		color: #222222;
 		margin-bottom: 30rpx;
 	}

 	.tools-list {
-		margin-top: 50rpx;
-		margin-left: -20rpx;
-		display: flex;
-		flex-flow: row wrap;
+		background-color: #fff;
+		border-radius: 16rpx;
+		overflow: hidden;
 	}

 	.tool-item {
-		width: 25%;
-		margin-bottom: 40rpx;
 		display: flex;
-		flex-direction: column;
 		align-items: center;
+		padding: 28rpx 24rpx;
+
+		&:active {
+			background-color: #f8f8f8;
+		}
 	}

 	.tool-icon {
-		margin-bottom: 16rpx;
+		width: 48rpx;
+		height: 48rpx;
+		margin-right: 20rpx;
 	}

-	.tool-icon image {
-		width: 47rpx;
-		height: 47rpx;
+	.tool-center {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
 	}

 	.tool-name {
+		font-size: 30rpx;
+		color: #333;
+		margin-bottom: 6rpx;
+	}
+
+	.tool-desc {
 		font-size: 24rpx;
-		color: #222222;
-		
+		color: #999;
 	}
 	.badge-wrapper {
 		position: relative;
@@ -548,4 +610,9 @@
 	.msg-icon {
 		position: relative;
 	}
+
+	.msg-icon-img {
+		width: 48rpx;
+		height: 48rpx;
+	}
 </style>
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,25 +1,41 @@
 <template>
 	<view class="index">
 		<image :src="staticHost + '/public/static/index/index_bg.png'" mode="aspectFill" class="bg"></image>
-		<float-guide  :initX="280" :initY="400" :videoSrc="staticHost + '/public/static/index/guide.mp4'" />
+		<!-- <float-guide  :initX="280" :initY="400" :videoSrc="staticHost + '/public/static/index/guide.mp4'" /> -->
 		<!-- 搜索栏 -->
-		<view class="index-title">
-			伍家国投
+		<view class="index-title" :style="{ top: capsuleTop + 'px', height: capsuleHeight + 'px', lineHeight: capsuleHeight + 'px' }">
+			新望资产
 		</view>
-		<view class="content-wrapper">
+		<view class="content-wrapper" :style="{ paddingTop: (capsuleTop + capsuleHeight + 20) + 'px' }">

 			<view class="search-wrapper">
 				<search-bar :city="vuex_city==''?'选择':vuex_city" placeholder="你想住在哪儿" @chooseCity="location"
 					@search="search" />
 			</view>
+			<!-- 轮播图 -->
+			<view class="banner-wrap">
+				<swiper
+					class="banner-swiper"
+					:autoplay="true"
+					:interval="3000"
+					:circular="true"
+					:indicator-dots="true"
+					indicator-color="rgba(255,255,255,0.4)"
+					indicator-active-color="#fff"
+				>
+					<swiper-item v-for="(item, index) in bannerList" :key="index">
+						<image class="banner-img" :src="item.src" mode="aspectFill" @tap="onBannerTap(item)" />
+					</swiper-item>
+				</swiper>
+			</view>
 			<!-- 房源信息导航栏 -->
 			<view class="nav-area">
 				<view class="rowClass">
 					<u-row>
 						<u-col span="3" text-align="center" v-for="(item,index) in navList" :key="index">
-							<view class="u-padding-20" @tap="clickNav(item, index)" hover-class="hoverClass">
-								<image :src="staticHost + '/public' + item.src " style="width: 86rpx;height: 86rpx;"
-									mode="aspectFill"></image>
+							<view class="u-padding-10" @tap="clickNav(item, index)" hover-class="hoverClass">
+								<image :src="staticHost + item.src " style="width: 80rpx;height: 80rpx;"
+								mode="aspectFill"></image>
 								<view class="tabName" :style="{color:'#FFFFFF'}">{{item.name}}</view>
 							</view>
 						</u-col>
@@ -29,7 +45,7 @@
 					<u-row>
 						<u-col span="3" text-align="center" v-for="(item,index) in gridList" :key="index">
 							<view class="u-padding-20" @tap="clickGrid(item)" hover-class="hoverClass">
-								<image :src="staticHost + '/public' + item.src" style="width: 50rpx;height: 50rpx;"
+								<image :src="staticHost + '/public' + item.src" style="width: 64rpx;height: 64rpx;"
 									mode="aspectFill"></image>
 								<view class="tabName" :style="{color:'#222222'}">{{item.name}}</view>
 							</view>
@@ -124,24 +140,29 @@
 				filterActiveConditions: [],
 				defaultImgUrl: '/public/static/index/assets.jpg',
 				navList: [{
-						name: "住房",
-						src: "/static/index/house.png",
-						type: "住房"
+						name: "房屋",
+						src: "/public/static/index/house.png",
+						type: "房屋"
 					},
 					{
-						name: "商铺",
-						src: "/static/index/shop.png",
-						type: "住房"
+						name: "安置房",
+						src: "/public/static/index/azhouse.png",
+						type: "安置房"
 					},
 					{
-						name: "厂房",
-						src: "/static/index/factory.png",
-						type: "厂房"
+						name: "公租房",
+						src: "/public/static/index/gzhouse.png",
+						type: "公租房"
 					},
 					{
-						name: "停车场",
-						src: "/static/index/parking.png",
-						type: "停车场"
+						name: "产业园",
+						src: "/public/static/index/cyy.png",
+						type: "产业园"
+					},
+					{
+						name: "土地",
+						src: "/public/static/index/land.png",
+						type: "土地"
 					}
 				],
 				gridList: [{
@@ -189,10 +210,21 @@
 					}
 				],
 				flowList: [],
-				uvCode: uni.getStorageSync('uvCode')
+				uvCode: uni.getStorageSync('uvCode'),
+				capsuleTop: 0,
+				capsuleHeight: 32,
+				bannerList: [
+					{ src: 'https://7478-tx-cloud-mix-mall-d6944c-1302673523.tcb.qcloud.la/5bfbd58b18200d8e16f6b17a02e6ed9.png' },
+				]
 			}
 		},
 		onLoad() {
+			// 获取胶囊位置，使标题与胶囊同行
+			const menuButton = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : null;
+			if (menuButton) {
+				this.capsuleTop = menuButton.top;
+				this.capsuleHeight = menuButton.height;
+			}
 			this.getNoticecList();
 			this.resetAndLoad()
 			uni.$on('findIndexHouseList', (obj) => {
@@ -269,44 +301,83 @@
 				if (this.loadStatus !== 'more') return;

 				this.loadStatus = 'loading';
-				let recommendType = this.recommendTabs[this.activeRecommendTab].type;
-				let layoutList = this.activeFilterTabs.map(i => this.filterTabs[i].value);
-				this.$u.post('/assets/queryPage', {
-					assetsType: type,
-					pageNo: this.pageNo,
-					pageSize: this.pageSize,
-					assetsStatus: '闲置中',
-					recommendType: recommendType,
-					layout: layoutList.length > 0 ? layoutList.join(',') : null
-				}).then(result => {
-					let rows = result.data.result || [];
-					if (this.pageNo === 1 && rows.length === 0) {
-						this.flowList = [];
-						this.loadStatus = 'nomore';
-						return;
-					}
-					rows.forEach(row => {
-						if (row.coverImgUrl) {
-							row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
-						} else {
-							row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
-						}
-					})
-					this.flowList = this.flowList.concat(rows);

-					if (rows.length < this.pageSize) {
-						this.loadStatus = 'nomore';
-					} else {
-						this.pageNo++;
-						this.loadStatus = 'more';
-					}
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// let recommendType = this.recommendTabs[this.activeRecommendTab].type;
+				// let layoutList = this.activeFilterTabs.map(i => this.filterTabs[i].value);
+				// this.$u.post('/assets/queryPage', {
+				// 	assetsType: type,
+				// 	pageNo: this.pageNo,
+				// 	pageSize: this.pageSize,
+				// 	assetsStatus: '闲置中',
+				// 	recommendType: recommendType,
+				// 	layout: layoutList.length > 0 ? layoutList.join(',') : null
+				// }).then(result => {
+				// 	let rows = result.data.result || [];
+				// 	if (this.pageNo === 1 && rows.length === 0) {
+				// 		this.flowList = [];
+				// 		this.loadStatus = 'nomore';
+				// 		return;
+				// 	}
+				// 	rows.forEach(row => {
+				// 		if (row.coverImgUrl) {
+				// 			row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
+				// 		} else {
+				// 			row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
+				// 		}
+				// 	})
+				// 	this.flowList = this.flowList.concat(rows);
+				// 	if (rows.length < this.pageSize) {
+				// 		this.loadStatus = 'nomore';
+				// 	} else {
+				// 		this.pageNo++;
+				// 		this.loadStatus = 'more';
+				// 	}
+				// }).catch(err => {
+				// 	console.log("获取资产信息失败：", err);
+				// 	this.loadStatus = 'more';
+				// }).finally(() => {
+				// 	uni.stopPullDownRefresh();
+				// });

-				}).catch(err => {
-					console.log("获取资产信息失败：", err);
-					this.loadStatus = 'more';
-				}).finally(() => {
+				// Mock 静态数据
+				const mockData = [
+					{
+						assetsNo: 'ASSET-001',
+						assetsName: '东山大道435-2-1-104号',
+						assetsType: '住宅',
+						footPrint: 120,
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
+					},
+					{
+						assetsNo: 'ASSET-002',
+						assetsName: '夷陵大道418号商铺',
+						assetsType: '商铺',
+						footPrint: 85,
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
+					},
+					{
+						assetsNo: 'ASSET-003',
+						assetsName: '解放路88号写字楼',
+						assetsType: '写字楼',
+						footPrint: 200,
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
+					},
+					{
+						assetsNo: 'ASSET-004',
+						assetsName: '沿江大道168号住房',
+						assetsType: '住宅',
+						footPrint: 95,
+						coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
+					}
+				];
+
+				setTimeout(() => {
+					if (this.pageNo === 1) this.flowList = [];
+					this.flowList = this.flowList.concat(mockData);
+					this.loadStatus = 'nomore';
 					uni.stopPullDownRefresh();
-				});
+				}, 500);
 			},
 			clickImage(assetsNo) {
 				console.log(assetsNo)
@@ -351,22 +422,35 @@
 				});
 			},
 			getNoticecList() {
-				let url = "/notice/pageQuery";
-				this.$u.post(url, {
-					pageNo: 1,
-					pageSize: 10
-				}).then(obj => {
-					if (obj.flag) {
-						let data = obj.data.result
-						if (data) {
-							data.filter(item => {
-								this.noticeList.push((item.noticeTitle || item.noticeContent))
-							})
-						}
-					}
-				}).catch(err => {
-					console.log("获取招商公告失败：", err)
-				});
+				// TODO: 接口联调时取消注释，删除 mock 数据
+				// let url = "/notice/pageQuery";
+				// this.$u.post(url, {
+				// 	pageNo: 1,
+				// 	pageSize: 10
+				// }).then(obj => {
+				// 	if (obj.flag) {
+				// 		let data = obj.data.result
+				// 		if (data) {
+				// 			data.filter(item => {
+				// 				this.noticeList.push((item.noticeTitle || item.noticeContent))
+				// 			})
+				// 		}
+				// 	}
+				// }).catch(err => {
+				// 	console.log("获取招商公告失败：", err)
+				// });
+
+				// Mock 静态数据
+				this.noticeList = [
+					'东山大道435号房屋招租公告',
+					'夷陵大道418号商铺招租',
+					'2026年第三季度资产招租计划'
+				];
+			},
+			onBannerTap(item) {
+				if (item.url) {
+					uni.navigateTo({ url: item.url })
+				}
 			},
 			location() {
 				this.$u.route('/pages-biz/location/location')
@@ -387,19 +471,17 @@
 		top: 0;
 		left: 0;
 		width: 100%;
-		height: 550rpx;
+		height: 960rpx;
 		z-index: 0;
 	}

 	.index-title {
 		position: absolute;
-		z-index: 1;
-		top: 5%;
-		left: 50%;
-		transform: translateX(-50%);
+		z-index: 2;
+		left: 30rpx;
 		font-family: Noto Sans S Chinese;
-		font-weight: 400;
-		font-size: 34rpx;
+		font-weight: 500;
+		font-size: 54rpx;
 		color: #FFFFFF;
 	}

@@ -410,8 +492,29 @@

 	.search-wrapper {}

+	.banner-wrap {
+		display: flex;
+		justify-content: center;
+		margin-top: 22rpx;
+
+		.banner-swiper {
+			width: 656rpx;
+			height: 218rpx;
+			border-radius: 16rpx;
+			overflow: hidden;
+		}
+
+		.banner-img {
+			width: 100%;
+			height: 100%;
+			border-radius: 16rpx;
+		}
+	}
+
 	.content-wrapper {
-		padding: 197rpx 30rpx 22rpx 30rpx;
+		padding-left: 30rpx;
+		padding-right: 30rpx;
+		padding-bottom: 22rpx;
 	}

 	.navbox2 {
@@ -505,8 +608,8 @@
 	}

 	.tab-item.active {
-		color: #FF2F31;
-		border-bottom: 4rpx solid #FF2F31;
+		color: #258AE6;
+		border-bottom: 4rpx solid #258AE6;
 	}

 	.filter-tabs {
@@ -528,8 +631,8 @@
 	}

 	.filter-item.active {
-		background: #FFECEC;
-		color: #FF2F31;
+		background: #d4e2ef;
+		color: #0088FE;
 	}

 	.demo-warter {
@@ -557,7 +660,7 @@

 	.item-price {
 		font-size: 32rpx;
-		color: #FF2F31;
+		color: #0088FE;
 		margin-bottom: 10rpx;
 	}

@@ -613,7 +716,7 @@
 		width: 100%;
 		height: 88rpx;
 		line-height: 88rpx;
-		background: linear-gradient(135deg, #FF2F31, #FF9379);
+		background: linear-gradient(135deg, #0088FE, #79b5ff);
 		color: #fff;
 		font-size: 30rpx;
 		font-weight: 500;
--- a/static/center-selected.png
+++ b/static/center-selected.png
--- a/static/center.png
+++ b/static/center.png
--- a/static/index-selected.png
+++ b/static/index-selected.png
--- a/static/index.png
+++ b/static/index.png
Author	SHA1	Message	Date
RuicyWu	9bf70e785e	暂时提交	2026-07-24 10:46:00 +08:00
RuicyWu	070f3bab4f	调整ui	2026-06-24 09:52:59 +08:00
RuicyWu	ba0585c8aa	优化支付失败提示	2026-06-12 16:12:44 +08:00