From 4ea559f51845a9d0944fe4e30a28dbefb6d49d87 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Fri, 19 Jul 2024 14:15:28 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=89=BF?=
 =?UTF-8?q?=E5=8C=85=E5=95=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/contractors/basicInfo.vue | 145 ++++++++++++++++++--------------
 1 file changed, 82 insertions(+), 63 deletions(-)

diff --git a/pages/contractors/basicInfo.vue b/pages/contractors/basicInfo.vue
index d834eedf..6ae22504 100644
--- a/pages/contractors/basicInfo.vue
+++ b/pages/contractors/basicInfo.vue
@@ -51,9 +51,8 @@
 			<view class="property-item">
 				<view class="item-top">资质照片</view>
 				<view class="item-bottom" v-if="enterpriseInfo.enterpriseQualificationUrl">
-					<image :src="enterpriseInfo.enterpriseQualificationUrl" 
-					@click="previewImage(enterpriseInfo.enterpriseQualificationUrl)"
-					class="icon-image"></image>
+					<image :src="enterpriseInfo.enterpriseQualificationUrl"
+						@click="previewImage(enterpriseInfo.enterpriseQualificationUrl)" class="icon-image"></image>
 					<!-- <image :src="enterpriseInfo.enterpriseQualificationUrl[0].url" 
 					@click="previewImage(enterpriseInfo.enterpriseQualificationUrl[0].url)"
 					class="icon-image"></image> -->
@@ -64,7 +63,7 @@
 			</view>
 		</scroll-view>
 		<scroll-view :scroll-y="true" class="scrollBox" :style="{height: scrollHeight + 'px'}" v-if="checked == 2">
-			<div v-for="item in conProjectList" :key="item.id">
+			<div class="conProjectItem" v-for="item in conProjectList" :key="item.id">
 				<view class="property-item">
 					<view class="item-top">承包商名称</view>
 					<view class="item-bottom">{{item.cbsName || '--'}}</view>
@@ -194,39 +193,39 @@
 		methods: {
 			async getHeight() {
 				const query = uni.createSelectorQuery().in(this);
-				
-				    let fixedheaderHeight = 0
-				    const fixedHeaderPromise = new Promise((resolve) => {
-				        query.select('.fixedheader').boundingClientRect(data => {
-				            fixedheaderHeight = data.height
-				            console.log('fixedheaderHeight：', data.height);
-				            resolve();
-				        }).exec();
-				    });
-				
-				    let mobileTopHeight = 0
-				    const systemInfoPromise = new Promise((resolve) => {
-				        uni.getSystemInfo({
-				            success(res) {
-				                mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
-				                resolve();
-				            }
-				        });
-				    });
-				
-				    await fixedHeaderPromise;
-				    await systemInfoPromise;
-				
-				    this.barBoxHeight = fixedheaderHeight + mobileTopHeight;
-				    console.log('this.barBoxHeight', this.barBoxHeight);
-				
-				    let screenHeight = uni.getSystemInfoSync().screenHeight;
-				    console.log('screenHeight', screenHeight);
-				
-				    this.scrollHeight = screenHeight - this.barBoxHeight -44;
-				    console.log('this.scrollHeight', this.scrollHeight);
+
+				let fixedheaderHeight = 0
+				const fixedHeaderPromise = new Promise((resolve) => {
+					query.select('.fixedheader').boundingClientRect(data => {
+						fixedheaderHeight = data.height
+						console.log('fixedheaderHeight：', data.height);
+						resolve();
+					}).exec();
+				});
+
+				let mobileTopHeight = 0
+				const systemInfoPromise = new Promise((resolve) => {
+					uni.getSystemInfo({
+						success(res) {
+							mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
+							resolve();
+						}
+					});
+				});
+
+				await fixedHeaderPromise;
+				await systemInfoPromise;
+
+				this.barBoxHeight = fixedheaderHeight + mobileTopHeight;
+				console.log('this.barBoxHeight', this.barBoxHeight);
+
+				let screenHeight = uni.getSystemInfoSync().screenHeight;
+				console.log('screenHeight', screenHeight);
+
+				this.scrollHeight = screenHeight - this.barBoxHeight - 44;
+				console.log('this.scrollHeight', this.scrollHeight);
 			},
-			handleTab(val){
+			handleTab(val) {
 				this.checked = val
 			},
 			supplierInfoList() {
@@ -246,7 +245,7 @@
 					}
 				})
 			},
-			getDetailInfo(){
+			getDetailInfo() {
 				let data = {
 					enterpriseId: this.id,
 					projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
@@ -259,33 +258,35 @@
 					success: res => {
 						console.log("enterpriseInfo", res);
 						this.enterpriseInfo = res.result
-						
-						if(this.enterpriseInfo.enterpriseQualificationUrl){
-						// pc处理方式
-							this.enterpriseInfo.enterpriseQualificationUrl = 
-							res.result.enterpriseQualificationUrl &&  res.result.enterpriseQualificationUrl.split(',').length > 1 ? 
-							res.result.enterpriseQualificationUrl.split(',').map(item => {
-								return {
-									name: item.split('*')[0],
-									url: that.url_config+'image/'+ item.split('*')[1],
-								}
-							}) : res.result.enterpriseQualificationUrl.indexOf('http://') >= 0 ? res.result.enterpriseQualificationUrl : 
-								url_config+ 'image/' + res.result.enterpriseQualificationUrl;
-								console.log(this.enterpriseInfo.enterpriseQualificationUrl)
+
+						if (this.enterpriseInfo.enterpriseQualificationUrl) {
+							// pc处理方式
+							this.enterpriseInfo.enterpriseQualificationUrl =
+								res.result.enterpriseQualificationUrl && res.result.enterpriseQualificationUrl
+								.split(',').length > 1 ?
+								res.result.enterpriseQualificationUrl.split(',').map(item => {
+									return {
+										name: item.split('*')[0],
+										url: that.url_config + 'image/' + item.split('*')[1],
+									}
+								}) : res.result.enterpriseQualificationUrl.indexOf('http://') >= 0 ? res.result
+								.enterpriseQualificationUrl :
+								url_config + 'image/' + res.result.enterpriseQualificationUrl;
+							console.log(this.enterpriseInfo.enterpriseQualificationUrl)
 						}
-						
+
 						//如果app有图片但没加载出来，就切换成上面pc处理方式
 						// if(this.enterpriseInfo.enterpriseQualificationUrl){
 						// 	this.enterpriseInfo.enterpriseQualificationUrl = this.enterpriseInfo.enterpriseQualificationUrl.split('*')[1]
 						// }
-						
+
 						this.conProjectInfo = res.result.projectEnterprise
 					}
 				})
 			},
 			//预览图片
 			previewImage(url) {
-				console.log('url',url);
+				console.log('url', url);
 				uni.previewImage({
 					urls: [url]
 				})
@@ -295,27 +296,38 @@
 </script>
 
 <style lang="scss" scoped>
+	.conProjectItem {
+		border: 2rpx solid #EBECF0;
+		border-radius: 20rpx;
+		padding: 20rpx;
+		margin-top: 20rpx;
+	}
+
 	.barBox {
 		// background-color: #5181F6;
 		background-color: #f6f6f6;
 		min-height: 100%;
 		height: 44px;
+
 		.fixedheader {
 			position: fixed;
 			top: 0;
 			left: 0;
 			width: 100%;
 			z-index: 999;
+
 			.headerName {
 				z-index: 1;
 			}
 		}
 	}
-	.tabBox{
+
+	.tabBox {
 		width: 100%;
 		height: 44px;
 		display: flex;
-		.enterprise-tab{
+
+		.enterprise-tab {
 			width: 50%;
 			height: 100%;
 			border: 1rpx solid #e5e5e5;
@@ -324,7 +336,8 @@
 			line-height: 44px;
 			text-align: center;
 		}
-		.project-tab{
+
+		.project-tab {
 			width: 50%;
 			height: 100%;
 			border: 1rpx solid #e5e5e5;
@@ -333,32 +346,38 @@
 			line-height: 44px;
 			text-align: center;
 		}
-		.active-tab{
+
+		.active-tab {
 			background-color: #2b8df3;
 			color: #fff;
 		}
 	}
-	.scrollBox{
+
+	.scrollBox {
 		height: 100%;
 		width: calc(100% - 20px);
 		// background-color: darkred;
 		margin: 0 10px;
 		word-break: break-all;
-		.property-item{
+
+		.property-item {
 			// line-height: 25px;
 			margin-bottom: 15px;
-			.item-top{
+
+			.item-top {
 				color: #878787;
 			}
-			.item-bottom{
+
+			.item-bottom {
 				margin-top: 5px;
 				width: auto;
 				height: auto;
-				.icon-image{
+
+				.icon-image {
 					width: 50px;
 					height: 50px;
 				}
 			}
 		}
 	}
-</style>
+</style>
\ No newline at end of file