liwei2496 2 лет назад
Родитель
Сommit
9f90df6f7f

+ 27 - 0
pages.json

@@ -159,6 +159,33 @@
             }
             
         }
+        ,{
+            "path" : "pages/index/Onlinewarranty/Onlinewarranty",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "线上报修",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/index/Inspectionrecord/Inspectionrecord",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "巡检记录",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/index/Withholdingrecord/Withholdingrecord",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "扣缴记录",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

+ 22 - 0
pages/index/Inspectionrecord/Inspectionrecord.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 22 - 0
pages/index/Onlinewarranty/Onlinewarranty.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 22 - 0
pages/index/Withholdingrecord/Withholdingrecord.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 91 - 59
pages/index/index.vue

@@ -2,20 +2,20 @@
 	<view class="content">
 		<view class="Homepage_header">
 			<view class="Homepage_suspension">
-					<view class="Suspension">
-						<view class="online">
-							<view><img src="@/static/index/repair-online.svg" alt="" style="margin-left: 5rpx;"></view>
-							<view style="font-size: 20rpx;">线上保修</view>
-						</view>
-						<view class="record">
-							<view><img src="@/static/index/check-review.svg" alt="" style="margin-left: 5rpx;"></view>
-							<view style="font-size: 20rpx;">巡检记录</view>
-						</view>
-						<view class="withholding">
-							<view><img src="@/static/index/reduce-record.svg" alt="" style="margin-left: 5rpx;"></view>
-							<view style="font-size: 20rpx;">扣缴记录</view>
-						</view>
+				<view class="Suspension">
+					<view class="online" @click="Onlinewarranty">
+						<view><img src="@/static/index/repair-online.svg" alt="" style="margin-left: 5rpx;"></view>
+						<view style="font-size: 20rpx;">线上报修</view>
+					</view>
+					<view class="record"  @click="Inspectionrecord">
+						<view><img src="@/static/index/check-review.svg" alt="" style="margin-left: 5rpx;"></view>
+						<view style="font-size: 20rpx;">巡检记录</view>
 					</view>
+					<view class="withholding" @click="Withholdingrecord">
+						<view><img src="@/static/index/reduce-record.svg" alt="" style="margin-left: 5rpx;"></view>
+						<view style="font-size: 20rpx;">扣缴记录</view>
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="pending">
@@ -29,7 +29,7 @@
 							<span style="font-size: 25rpx; color: #5c8fff; ">立即处理</span>
 							<u-icon name="arrow-right" color="#5c8fff" size="16rpx"></u-icon>
 						</view>
-						
+
 					</view>
 				</view>
 				<view class="wait">
@@ -59,7 +59,7 @@
 							<span style="font-size: 25rpx; color: #5c8fff; ">立即查看</span>
 							<u-icon name="arrow-right" color="#5c8fff" size="16rpx"></u-icon>
 						</view>
-						
+
 					</view>
 				</view>
 				<view class="wait">
@@ -96,63 +96,83 @@
 					</view>
 				</view>
 				<view class="type">
-					 <table class="tr" style="width: 100%; border-color: #ccc; border-collapse: collapse;" border="1" cellspacing="0" cellpadding="0">
-					          <tr>
-					             <td>欠费类型</td>
-					             <td>欠费租户数</td>
-					             <td>累计欠费(元)</td>
-					            
-					          </tr>
-					          <tr>
-					             <td>水费</td>
-					             <td>1.00</td>
-					             <td>0.00</td>
-					            
-					          </tr>
-							  <tr>
-							     <td>电费</td>
-							     <td>1.00</td>
-							     <td>0.00</td>
-							    
-							</tr>
-							<tr>
-							     <td>物业费</td>
-							     <td>1.00</td>
-							     <td>77796.00</td>
-							</tr>
-					  </table>
+					 <table class="tr" style="width: 100%; border-color: #ccc; border-collapse: collapse;" border="1"
+						cellspacing="0" cellpadding="0">
+						          <tr>
+							            <td>欠费类型</td>
+							            <td>欠费租户数</td>
+							             <td>累计欠费(元)</td>
+							           
+							          </tr>
+						          <tr>
+							            <td>水费</td>
+							            <td>1.00</td>
+							             <td>0.00</td>
+							           
+							          </tr>
+						<tr>
+							   <td>电费</td>
+							   <td>1.00</td>
+							   <td>0.00</td>
+							 
+						</tr>
+						<tr>
+							   <td>物业费</td>
+							   <td>1.00</td>
+							   <td>77796.00</td>
+						</tr>
+						 
+					</table>
 				</view>
 			</view>
 		</view>
 	</view>
 </template>
-   
+
 <script>
 	export default {
 		data() {
 			return {
-				tabbardata: 0,	
-				
+				tabbardata: 0,
+
 			}
 		},
 		onLoad() {
-			 
+
 
 		},
 		methods: {
-			
+Onlinewarranty(){
+	uni.navigateTo({
+		url: '/pages/index/Onlinewarranty/Onlinewarranty'
+	})
+},
+Inspectionrecord(){
+	uni.navigateTo({
+		url: '/pages/index/Inspectionrecord/Inspectionrecord'
+	})
+},
+Withholdingrecord(){
+	uni.navigateTo({
+		url: '/pages/index/Withholdingrecord/Withholdingrecord'
+	})
+},
+
+
+
 		}
 	}
 </script>
 
 <style lang="scss">
-	*{
+	* {
 		margin: 0;
 		padding: 0;
 		list-style: none;
 		text-decoration: none;
 	}
-	.Homepage_header{
+
+	.Homepage_header {
 		width: 750rpx;
 		height: 200rpx;
 		background-color: #5c8fff;
@@ -162,7 +182,8 @@
 		align-items: center;
 		justify-content: center;
 	}
-	.Homepage_suspension{
+
+	.Homepage_suspension {
 		width: 650rpx;
 		height: 200rpx;
 		background-color: #fff;
@@ -172,14 +193,16 @@
 		position: absolute;
 		top: 100rpx;
 	}
-	.Suspension{
+
+	.Suspension {
 		width: 650rpx;
 		// height: 200rpx;
 		display: flex;
 		align-items: center;
 		justify-content: space-around;
 	}
-	.pending{
+
+	.pending {
 		width: 750rpx;
 		height: 350rpx;
 		// background-color: #ccc;
@@ -189,22 +212,26 @@
 		position: relative;
 		top: 50rpx;
 	}
-	.pending_middle{
+
+	.pending_middle {
 		width: 650rpx;
 		// height: 100px;
 		// background-color: #fff;
 	}
-	.all{
+
+	.all {
 		width: 100%;
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.work{
+
+	.work {
 		// padding-left: 20rpx;
 		// padding-top: 2rpx;
 	}
-	.wait{
+
+	.wait {
 		width: 650rpx;
 		display: flex;
 		align-items: center;
@@ -215,11 +242,13 @@
 		line-height: 60rpx;
 		margin-top: 10rpx;
 	}
-	.immediately{
+
+	.immediately {
 		display: flex;
 		// padding-top: 2rpx;
 	}
-	.equipment{
+
+	.equipment {
 		width: 750rpx;
 		// height: 200rpx;
 		display: flex;
@@ -228,7 +257,8 @@
 		position: relative;
 		top: 20rpx;
 	}
-	.arrears{
+
+	.arrears {
 		// width: 750rpx;
 		// height: 350rpx;
 		display: flex;
@@ -238,7 +268,8 @@
 		position: relative;
 		top: 50rpx;
 	}
-	.type{
+
+	.type {
 		display: flex;
 		align-items: center;
 		justify-content: space-around;
@@ -247,7 +278,8 @@
 		margin-top: 10rpx;
 		font-size: 30rpx;
 	}
-	tr{
+
+	tr {
 		background-color: #fff;
 	}
 </style>