|
@@ -4,14 +4,41 @@
|
|
|
<!-- 背景图 -->
|
|
<!-- 背景图 -->
|
|
|
<!-- <image class="bg-image" src="/static/images/index/1.png" mode="widthFix"></image> -->
|
|
<!-- <image class="bg-image" src="/static/images/index/1.png" mode="widthFix"></image> -->
|
|
|
|
|
|
|
|
- <view class="bg-color"></view>
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <!-- <view class="bg-color"></view> -->
|
|
|
<scroll-view class="page-content">
|
|
<scroll-view class="page-content">
|
|
|
|
|
+
|
|
|
|
|
+ <view class="db-view">
|
|
|
|
|
+ <view class="db-box">
|
|
|
|
|
+ <view class="db-block">
|
|
|
|
|
+ <view class="db-center-1">
|
|
|
|
|
+ <image class="db-image" src="/static/images/map/1.png"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="db-text">待处理工单</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="db-box">
|
|
|
|
|
+ <view class="db-block">
|
|
|
|
|
+ <view class="db-center-2">
|
|
|
|
|
+ <image class="db-image" src="/static/images/map/2.png"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="db-text">评分工单</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="db-box">
|
|
|
|
|
+ <view class="db-block">
|
|
|
|
|
+ <view class="db-center-3">
|
|
|
|
|
+ <image class="db-image" src="/static/images/map/2.png"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="db-text">超时工单</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
<!-- 支流出库流量图表 -->
|
|
<!-- 支流出库流量图表 -->
|
|
|
- <view class="chart-section">
|
|
|
|
|
|
|
+ <!-- <view class="chart-section">
|
|
|
<text class="section-title">支流出库流量 (m³/s)</text>
|
|
<text class="section-title">支流出库流量 (m³/s)</text>
|
|
|
<flow-chart />
|
|
<flow-chart />
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
|
|
|
|
|
<view>
|
|
<view>
|
|
|
<button @click="handlePush">通知</button>
|
|
<button @click="handlePush">通知</button>
|
|
@@ -129,6 +156,7 @@
|
|
|
position: relative;
|
|
position: relative;
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-top: env(safe-area-inset-top);
|
|
|
|
|
+ background-color: #e8f0f9;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.bg-image {
|
|
.bg-image {
|
|
@@ -154,7 +182,7 @@
|
|
|
position: relative;
|
|
position: relative;
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
margin-bottom: 150rpx;
|
|
margin-bottom: 150rpx;
|
|
|
- padding: 30rpx;
|
|
|
|
|
|
|
+ padding: 20rpx;
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -190,4 +218,51 @@
|
|
|
box-shadow: 0 0 16rpx 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 0 16rpx 0 rgba(0, 0, 0, 0.1);
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .db-view{
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+
|
|
|
|
|
+ .db-box{
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ width:80px;
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ margin-left: 3px;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ .db-text{
|
|
|
|
|
+ font-size:10px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .db-center-1{
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ background-color: #DBEAFE;
|
|
|
|
|
+ border-radius: 100px;
|
|
|
|
|
+ width:50px;
|
|
|
|
|
+ height:50px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .db-center-2{
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ background-color: #DCFCE7;
|
|
|
|
|
+ border-radius: 100px;
|
|
|
|
|
+ width:50px;
|
|
|
|
|
+ height:50px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .db-center-3{
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ background-color: #F3E8FF;
|
|
|
|
|
+ border-radius: 100px;
|
|
|
|
|
+ width:50px;
|
|
|
|
|
+ height:50px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .db-image{
|
|
|
|
|
+ width:20px;
|
|
|
|
|
+ height:20px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|