|
@@ -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>
|