UI

App.vue

@@ -35,8 +35,5 @@
   .uni-list-cell-db{
 	  max-width: 75% !important;
   }
-  .to-right-icon{
-	  right:-4rpx
-  }
 
 </style>

pages/infrastructure/infrastructure.vue

@@ -831,7 +831,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 10px 5px;
+		padding: 10px;
 		position: relative;
 		
 	}
@@ -843,7 +843,6 @@
 			width: 15px;
 			height: 15px;
 			position: absolute;
-			right: 0;
 			top: 50%;
 			transform: translateY(-50%);
 		}

pages/oldrenovation/indoor/indoor.vue

@@ -1346,4 +1346,5 @@
 			min-height: 100upx;
 			line-height: 20px;
 		}
-	</style>
+	</style>
+	

pages/statistics/statistics.vue

@@ -3,7 +3,7 @@
 		<view class="view-bg">
 			<text class="title-txt">工程用料统计</text>
 			<view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						工程周期
 					</view>
@@ -11,18 +11,16 @@
 						<view v-if="this.isEmpty(this.projectValue.dictValue)" style="margin-top: 10;"
 							@click="pickerShow('gczq')">
 							<span style="color: darkgray;">请选择工程周期</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('gczq')">
 							<span style="color: black;">{{projectValue.dictLabel}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						行政区
 					</view>
@@ -30,36 +28,32 @@
 						<view v-if="this.isEmpty(this.XZQValue.dictValue)" style="margin-top: 10;"
 							@click="pickerShow('xzq')">
 							<span style="color: darkgray;">请选择行政区</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('xzq')">
 							<span style="color: black;">{{XZQValue.dictLabel}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
 
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						小区
 					</view>
 					<view class="uni-list-cell-db">
 						<view v-if="this.isEmpty(this.XQValue.id)" style="margin-top: 10;" @click="pickerShow('xq')">
 							<span style="color: darkgray;">请选择小区</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('xq')">
 							<span style="color: black;">{{XQValue.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						材料
 					</view>
@@ -67,17 +61,15 @@
 						<view v-if="this.isEmpty(this.materialValue.name)" style="margin-top: 10;"
 							@click="pickerShow('cz')">
 							<span style="color: darkgray;">请选择材料</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('cz')">
 							<span style="color: black;">{{materialValue.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						规格
 					</view>
@@ -85,13 +77,11 @@
 						<view v-if="this.isEmpty(this.specificationValue.name)" style="margin-top: 10;"
 							@click="pickerShow('gg')">
 							<span style="color: darkgray;">请选择规格</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('gg')">
 							<span style="color: black;">{{specificationValue.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 				</view>
@@ -120,23 +110,21 @@
 		<view class="view-bg">
 			<text class="title-txt">工程进度统计</text>
 			<view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">工程周期</view>
 					<view class="uni-list-cell-db">
 						<view v-if="this.isEmpty(this.projectValue2.dictValue)" style="margin-top: 10;"
 							@click="pickerShow('gczq2')">
 							<span style="color: darkgray;">请选择工程周期</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('gczq2')">
 							<span style="color: black;">{{projectValue2.dictLabel}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">
 						行政区
 					</view>
@@ -144,62 +132,54 @@
 						<view v-if="this.isEmpty(this.XZQValue2.dictValue)" style="margin-top: 10;"
 							@click="pickerShow('xzq2')">
 							<span style="color: darkgray;">请选择行政区</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('xzq2')">
 							<span style="color: black;">{{XZQValue2.dictLabel}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
 
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left"> 小区</view>
 					<view class="uni-list-cell-db">
 						<view v-if="this.isEmpty(this.XQValue2.id)" style="margin-top: 10;" @click="pickerShow('xq2')">
 							<span style="color: darkgray;">请选择小区</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('xq2')">
 							<span style="color: black;">{{XQValue2.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">楼栋</view>
 					<view class="uni-list-cell-db">
 						<view v-if="this.isEmpty(this.LDValue2.id)" style="margin-top: 10;" @click="pickerShow('ld2')">
 							<span style="color: darkgray;">请选择楼栋</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view style="margin-top: 10;" @click="pickerShow('ld2')">
 							<span style="color: black;">{{LDValue2.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
 				</view>
-				<view class="uni-list-cell">
+				<view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
 					<view class="uni-list-cell-left">单元</view>
 					<view class="uni-list-cell-db">
 						<view v-if="this.isEmpty(this.DYValue2.id)" style="margin-top: 10;" @click="pickerShow('dy2')">
 							<span style="color: darkgray;">请选择单元</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 						<view v-else style="margin-top: 10;" @click="pickerShow('dy2')">
 							<span style="color: black;">{{DYValue2.name}}</span>
-							<image src="../../static/images/icon_right.png"
-								style=" position: absolute; width: 15px;height: 15px;"></image>
+							<image src="../../static/images/icon_right.png" class="to-right-icon"></image>
 						</view>
 					</view>
 
@@ -234,7 +214,7 @@
 			</view>
 			<view v-if="roomList.length == 0">暂无数据</view>
 			<view style="align-items: center;">
-				<view style="display: flex;align-items: center;">
+				<view style="display: flex;align-items: center;justify-content:center">
 					<image class="block-iv" src="../../static/images/ic_legend.png"></image>
 					<text style="margin-right: 20px;margin-left: 5px;">图例: </text>
 					<div class="block-iv" style="background-color: #80d9ae;"></div>
@@ -566,6 +546,14 @@
 </script>
 
 <style>
+	.to-right-icon {
+		width: 15px;
+		height: 15px;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+
 	.no-click {
 		pointer-events: none;
 	}
@@ -578,6 +566,7 @@
 		font-size: 15px;
 		font-weight: bold;
 		color: black;
+		padding: 20rpx 0;
 	}
 
 	.content-txt {
@@ -593,6 +582,8 @@
 		background-color: #fff;
 		border-radius: 5px;
 		padding: 10px 20px 10px 10px;
+		display: flex;
+		flex-direction: column;
 	}
 
 	.uni-list {
@@ -604,11 +595,12 @@
 	}
 
 	.uni-list-cell {
-		position: relative;
 		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
 		align-items: center;
+		justify-content: space-between;
+		padding: 10px 0;
+		position: relative;
+
 	}
 
 	.uni-list-cell-left {
@@ -631,6 +623,7 @@
 		background-color: #e2f4ff;
 		padding: 10px;
 		margin: 20rpx;
+		border: 1px solid #5bd3ff;
 	}
 
 	.grid-text {
@@ -659,8 +652,8 @@
 	}
 
 	.block-iv {
-		width: 10px;
-		height: 10px;
+		width: 20px;
+		height: 20px;
 	}
 
 
@@ -730,17 +723,22 @@
 		text-align: center;
 		margin-right: 10px;
 		margin-bottom: 10px;
-		
+
 		background-color: red;
 	}
 
 	.HuaDongBiao {
 		overflow: hidden;
 		display: inline-block;
+		position: relative;
+		left: 50%;
+		transform: translateX(-50%);
+
 	}
 
 	.NeiRong {
 		overflow: auto;
+		margin: 0 auto;
 
 	}