Merge remote-tracking branch 'origin/2025北京诚祥App' into 2025北京诚祥App

common/styles/global/pages.scss

@@ -1243,6 +1243,36 @@
 	.info-btn{width: 360rpx;margin: 64rpx auto 24rpx;font-size: 30rpx;}
 }
 
+/* 客户选择页 */
+.kehu-select-list{
+	width: 100%;height: 100vh;
+	.kh-new-btn-box{
+		padding: 20rpx 24rpx 20rpx;background-color: #f4f6fa;box-sizing: border-box;
+		.phone-green-btn{font-size: 28rpx;}
+	}
+	.kh-scroll-view{height: calc(100vh - 398rpx - var(--status-bar-height));}
+	.uni-list--border-top{display: none!important;}
+	.kh-list-item-box{
+		width: 100%;background-color: #f4f6fa!important;
+		.uni-list--border{display: none!important;}
+		.uni-list-item__container{padding: 0 24rpx 20rpx;flex-direction: column;}
+	}
+	.kh-select-card{
+			background-color:#e5f8f4;display: flex;flex-direction: row;align-items: center;
+			box-sizing: border-box;padding: 16rpx;border-radius: 16rpx;border: 1rpx solid #f0f1f5;
+		.select-card-body-row{
+			display: flex;flex-direction: column;justify-content: space-evenly;border: 1rpx solid #f0f1f5;flex: 1;
+			background-color: #fdfdfd;border-radius: 16rpx;margin-left: 6rpx;padding: 12rpx 0;min-height: 220rpx;
+			.body-row{display: flex;align-items: center;padding: 12rpx 24rpx;box-sizing: border-box;}
+			.user-icon,.tel-icon,.idcard-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();margin-right: 20rpx;}
+			.user-icon{background-image: url("@/static/images/common/user-green-icon.png");}
+			.tel-icon{background-image: url("@/static/images/common/tel-green-icon.png");}
+			.idcard-icon{background-image: url("@/static/images/common/zymc-icon.png");}
+		}
+	}
+	
+}
+
 /* 三方合同新增*/
 .sfht-info-page{
 	height: 100vh;background-color: #f8f9fd;display: flex;flex-direction: column;

pages/admin/Hetong/components/selectKh.vue

@@ -1,6 +1,6 @@
 <template>
 	<uni-popup ref="popupRef" type="bottom" background-color="#fff" :is-mask-click="false" :mask-click="false">
-		<view class="ht-qm-popup">
+		<view class="kehu-select-list">
 			<view class="phone-navBar-box">
 				<view @click="goback2" class="nav-bar-icon"></view>
 				<text>选择客户</text>
@@ -12,7 +12,7 @@
 					@reset-search="dialogSearchReset"></search-dialog>
 			</view>
 
-			<view class="jz-new-btn-box">
+			<view class="kh-new-btn-box">
 				<button type="default" class="phone-green-btn" @click="handleAddKehu">新增客户</button>
 			</view>
 
@@ -23,14 +23,15 @@
 					@refresherrefresh="onRefresh" class="jz-scroll-view">
 					<uni-list class="admin-list-box">
 						<radio-group @change="radioChange">
-							<uni-list-item v-for="item in data.list" class="jz-list-item-box">
+							<uni-list-item v-for="item in data.list" class="kh-list-item-box">
 								<template v-slot:body>
-									<view>
-										<view>{{item.realName}}</view>
-										<view>{{item.idCard}}</view>
-										<view>{{item.tel}}</view>
-										<view>
-											<radio :value="item.id && item.id.toString()" :checked="item.id == data.activeData&&data.activeData.id" />
+									<view class="kh-select-card">
+										<radio :value="item.id && item.id.toString()" activeBackgroundColor="#3fd2a1"
+										:checked="item.id == data.activeData&&data.activeData.id" />
+										<view class="select-card-body-row">
+											<view class="body-row"><icon class="user-icon"></icon>{{item.realName}}</view>
+											<view class="body-row"><icon class="tel-icon"></icon>{{item.userName}}</view>
+											<view class="body-row" v-if="item.idcard"><icon class="idcard-icon"></icon>{{item.idcard}}</view>
 										</view>
 									</view>
 								</template>