UI

pages/statistics/historyDetails.vue

@@ -2,10 +2,10 @@
 	<view>
 		<view class="uni-media-list">
 
-			<view class="uni-media-list-body" style="margin-left: 15px;">
+			<view class="uni-media-list-body">
 				<view v-for="(value, key) in dataJson.zEngineeringNodeBo.zEngineeringInfoBoList" :key="key"
 					v-if="isEdit(value)">
-					<view class=" uni-media-list-text-top">
+					<view class="uni-media-list-text-top">
 						<view class="tit-text">施工时间:</view>{{value.updateTime}}
 					</view>
 
@@ -34,33 +34,33 @@
 							{{getSelectName(value.zEngineeringMaterialBo[0].brand)}}
 						</view>
 					</view>
-					<view class="uni-media-list-text-top" v-if="title=='立杠'||title=='表后管'">
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+					<view class="" v-if="title=='立杠'||title=='表后管'">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
-							<view>
-								材 质
+							<view class="tit-text">
+								材 质1
 							</view>
 
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('cz',key)">
 								<span
 									style="color: black;">{{value.zEngineeringMaterialBo[0].materialQualityName}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
-							<view>
+							<view class="tit-text">
 								规 格
 							</view>
 
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('gg',key)">
 								<span
 									style="color: black;">{{value.zEngineeringMaterialBo[0].specificationsName==''?'请选择规格':value.zEngineeringMaterialBo[0].specificationsName}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
-							<text>米 数</text>
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
+							<text class="tit-text">米 数</text>
 							<view style="display: flex; justify-content: right; width: 70%;">
 								<input class="uni-input" type="number"
 									:value="getIntegerPart(value.zEngineeringMaterialBo[0].number,0)"
@@ -78,7 +78,7 @@
 
 					<view class="uni-list" style="margin-bottom: 20px;" v-if="title=='阀管'">
 
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
 							<view>
 								上门类型
@@ -86,10 +86,10 @@
 
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('door',key)">
 								<span style="color: black;">{{value.zEngineeringMaterialBo[0].visitType}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
 							<view>
 								自闭阀厂家
@@ -98,10 +98,10 @@
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('zbf',key)">
 								<span
 									style="color: black;">{{getSelectZBFName(value.zEngineeringMaterialBo[0].selfClosingValveType)}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
 							<view>
 								灶具管厂家
@@ -110,10 +110,10 @@
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('cz',key)">
 								<span
 									style="color: black;">{{value.zEngineeringMaterialBo[0].materialQualityName}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
-						<view class="container" style="border-bottom: 1px solid #f8f8f8;">
+						<view class="uni-media-list-text-top" style="border-bottom: 1px solid #f8f8f8;">
 
 							<view>
 								规 格
@@ -122,7 +122,7 @@
 							<view class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('gg',key)">
 								<span
 									style="color: black;">{{value.zEngineeringMaterialBo[0].specificationsName==''?'请选择规格':value.zEngineeringMaterialBo[0].specificationsName}}</span>
-								<image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
+								 
 							</view>
 						</view>
 					</view>
@@ -597,14 +597,15 @@
 
 <style lang="scss">
 	.uni-media-list-body {
+		background: #fff;
 		border: 1px solid #eee;
 		border-radius: 40rpx;
-		margin: 10rpx 30rpx 20rpx;
+		margin: 20rpx;
 		padding: 10rpx 0 40rpx;
 		box-shadow: 0 0 5px #eee;
 	}
 
-	.container {
+	.uni-media-list-text-top {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
@@ -612,6 +613,7 @@
 		position: relative;
 
 	}
+	
 
 	.to-right-icon {
 		width: 15px;
@@ -754,4 +756,33 @@
 
 
 	}
+	.uni-media-list-text-top {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 10px;
+		position: relative;
+	
+	}
+	
+	.uni-list {
+		border: 1xp solid #eee;
+	}
+	
+	.to-right-icon {
+		width: 15px;
+		height: 15px;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+	
+	
+	.text {
+		font-size: 16px;
+		color: #333;
+	}
+	
+	 
+	
 </style>