更新

contractManagement/list/details.vue

@@ -31,7 +31,7 @@
 						</view>
 					</template>
 				</template>
-				<view v-if="item.type === 'filelist'" style="padding-left: 200rpx;">
+				<view v-if="item.type === 'filelist'" style="padding-left: 205rpx;">
 					<text v-if="!item.value.length">暂无</text>
 					<template v-else>
 						<template v-for="(_item, _index) in item.value">
@@ -53,6 +53,20 @@
 
 					</template>
 				</view>
+				<view v-if="item.type === 'table'">
+					<uni-table v-for="_item,_index in item.value" :key="_index" border stripe emptyText="暂无更多数据">
+						<!-- 表头行 -->
+						<uni-tr>
+							<uni-th width="150" align="center">标题</uni-th>
+							<uni-th align="center">内容</uni-th>
+						</uni-tr>
+						<!-- 表格数据行 -->
+						<uni-tr v-for="__item,__index in _item" :key="__index">
+							<uni-td>{{__item.title}}</uni-td>
+							<uni-td>{{phoneHandle(__item.value)}}</uni-td>
+						</uni-tr>
+					</uni-table>
+				</view>
 			</view>
 		</view>
 		<uni-popup ref="popup" background-color="#fff">
@@ -79,9 +93,7 @@
 		},
 		onLoad(option) {
 			this.styles = uni.getMenuButtonBoundingClientRect()
-
 			if (option.details) {
-				console.log('option', decodeURIComponent(option.details))
 				this.infoList = JSON.parse(decodeURIComponent(option.details))
 			}
 			console.log(this.infoList)
@@ -94,6 +106,12 @@
 			}
 		},
 		methods: {
+			phoneHandle(value) {
+				if (value.includes('+86')) {
+					return JSON.parse(value).number
+				}
+				return value
+			},
 			altHandle(item) {
 				let arr = item.split('/')
 				return arr[arr.length - 1]
@@ -138,6 +156,11 @@
 </script>
 
 <style lang="scss">
+	::v-deep {
+		.uni-table-scroll {
+			margin-top: 20rpx;
+		}
+	}
 	page {
 		background: #dddddd80;
 	}
@@ -172,7 +195,6 @@
 		position: relative;
 		top: -80rpx;
 		margin: 0 auto;
-		// padding-bottom: 30rpx;
 		min-height: calc(100vh - 350rpx);
 		width: 96%;
 		padding: 20rpx 20rpx 30rpx 30rpx;
@@ -185,8 +207,8 @@
 			>text {
 				&:nth-of-type(1) {
 					display: inline-block;
-					margin-right: 50rpx;
-					width: 150rpx;
+					margin-right: 35rpx;
+					width: 170rpx;
 					color: #999;
 				}
 
@@ -219,12 +241,8 @@
 		}
 
 		.file-download {
-			// display: inline;
-			// display: flex;
 			margin-bottom: 10rpx;
-	
-				display: inline-flex;
-			
+			display: inline-flex;
 
 			>image {
 				width: 80rpx;
@@ -252,23 +270,6 @@
 					color: #999;
 				}
 			}
-
-			// image {
-			// 	&:nth-of-type(1) {
-			// 		// margin-right: 15rpx;
-			// 		width: 80rpx;
-			// 		height: 80rpx;
-			// 		border-radius: 10rpx;
-			// 	}
-
-			// 	&:nth-of-type(2) {
-			// 		position: relative;
-			// 		left: -5rpx;
-			// 		bottom: -5rpx;
-			// 		width: 32rpx;
-			// 		height: 32rpx;
-			// 	}
-			// }
 		}
 	}
 </style>