14 changed files with 285 additions and 13 deletions
|
After Width: | Height: | Size: 895 B |
|
After Width: | Height: | Size: 808 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 942 B |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
@ -1,9 +1,11 @@ |
|||
{ |
|||
"navigationBarBackgroundColor": "#1979ff", |
|||
"navigationBarBackgroundColor": "#006BE3", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarTitleText": "故障日历", |
|||
"navigationBarTitleText": "故障风险管理", |
|||
"enablePullDownRefresh": false, |
|||
"usingComponents": { |
|||
"ec-canvas": "../../components/ec-canvas/ec-canvas" |
|||
"van-calendar": "@vant/weapp/calendar/index", |
|||
"van-picker": "@vant/weapp/picker/index", |
|||
"van-popup": "@vant/weapp/popup/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,74 @@ |
|||
<!--package/riskManagement/riskCalendar/riskCalendar.wxml--> |
|||
<text>package/riskManagement/riskCalendar/riskCalendar.wxml</text> |
|||
<view class="risk-calendar"> |
|||
<view class="card"> |
|||
<view class="card-top flex flex-between"> |
|||
<view class="card-left flex"> |
|||
<image class="card-icon" src="/images/calendar_icon.png" /> |
|||
<view class="title">巡检日历</view> |
|||
</view> |
|||
<view class="card-right">{{'2023-10-20'}}</view> |
|||
<image src="/images/calendar_card_bg.png" class="card-bg" /> |
|||
</view> |
|||
<view class="calendar-box"> |
|||
<van-calendar |
|||
show-mark="{{ false }}" |
|||
show-title="{{ false }}" |
|||
show-subtitle="{{ false }}" |
|||
poppable="{{ false }}" |
|||
show-confirm="{{ false }}" |
|||
row-height="48" |
|||
color="#1684FF" |
|||
class="calendar" |
|||
/> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="title-box flex flex-between "> |
|||
<view class="title">异常等级</view> |
|||
<view class="flex" bind:tap="showPopup"> |
|||
<view class="picker-text">{{curLevel}}</view> |
|||
<image class="arrow" src="/images/arrow_right_blue.svg" /> |
|||
</view> |
|||
</view> |
|||
<van-popup show="{{ show }}" round position="bottom" bind:click-overlay="onCancel"> |
|||
<van-picker |
|||
show-toolbar |
|||
columns="{{ level }}" |
|||
bind:cancel="onCancel" |
|||
bind:confirm="onConfirm" |
|||
/> |
|||
</van-popup> |
|||
|
|||
<view wx:for="{{todayAlarm}}" class="card" style="margin-bottom: 10px"> |
|||
<view class="card-top flex flex-between"> |
|||
<view class="card-left flex"> |
|||
<image class="card-icon" src="/images/right_icon.png" /> |
|||
<view class="title">结构物A</view> |
|||
</view> |
|||
<view class="card-right-btn flex">查看详情</view> |
|||
<image src="/images/right_card_bg.png" class="card-bg" /> |
|||
</view> |
|||
<view class="card-content"> |
|||
<view class="row flex flex-between"> |
|||
<view class="content-left">本次巡检日期</view> |
|||
<view class="content-right">2020/12/21 17:00:00</view> |
|||
</view> |
|||
<view class="row flex flex-between"> |
|||
<view class="content-left">点位</view> |
|||
<view class="content-right">点位A</view> |
|||
</view> |
|||
<view class="row flex flex-between"> |
|||
<view class="content-left">巡检人</view> |
|||
<view class="content-right">离成功</view> |
|||
</view> |
|||
<view class="row flex flex-between"> |
|||
<view class="content-left">巡检结果</view> |
|||
<view class="content-right" style="color: red;">异常</view> |
|||
</view> |
|||
<view class="row flex flex-between"> |
|||
<view class="content-left">异常等级</view> |
|||
<view class="content-right" style="color: red;">轻微</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
@ -1 +1,104 @@ |
|||
/* package/riskManagement/riskCalendar/riskCalendar.wxss */ |
|||
/* package/riskManagement/riskCalendar/riskCalendar.wxss */ |
|||
.risk-calendar { |
|||
height: 100%; |
|||
background-image: linear-gradient(179deg, #006BE3 0%, #4E87FF 16%, #4e87ff00 93%); |
|||
padding: 0 15px; |
|||
} |
|||
|
|||
.card { |
|||
box-sizing: border-box; |
|||
background: #FFFFFF; |
|||
box-shadow: 2px 2px 11px 0 #00000008, 0 0 4px 0 #00000012; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.card-top { |
|||
height: 68px; |
|||
background-image: linear-gradient(0deg, #F3F7FF 84%, #DBE6FF 100%); |
|||
border-radius: 4px; |
|||
position: relative; |
|||
} |
|||
|
|||
.card-bg { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 11px; |
|||
width: 115px; |
|||
height: 67px; |
|||
} |
|||
|
|||
.card-left { |
|||
margin-left: 23px; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #000000d9; |
|||
} |
|||
|
|||
.card-right { |
|||
margin-right: 18px; |
|||
color: #1684FF; |
|||
} |
|||
|
|||
.card-right-btn { |
|||
width: 76px; |
|||
height: 26px; |
|||
margin-right: 18px; |
|||
background: #1684FF; |
|||
border-radius: 16px; |
|||
color: #fff; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
.card-icon { |
|||
width: 30px; |
|||
height: 30px; |
|||
margin-right: 8px; |
|||
} |
|||
|
|||
.calendar-box { |
|||
padding-bottom: 12px; |
|||
} |
|||
|
|||
.calendar { |
|||
--calendar-height: 300px; |
|||
} |
|||
|
|||
.title-box { |
|||
margin: 10px 0; |
|||
} |
|||
|
|||
.title { |
|||
font-weight: 600; |
|||
font-size: 16px; |
|||
color: #383A3B; |
|||
} |
|||
|
|||
.picker-text { |
|||
font-weight: 600; |
|||
color: #1684FF; |
|||
text-align: right; |
|||
} |
|||
|
|||
.arrow { |
|||
width: 12px; |
|||
height: 12px; |
|||
transform: rotate(90deg); |
|||
margin-left: 9px; |
|||
} |
|||
|
|||
.card-content { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.row { |
|||
margin: 4px 26px; |
|||
color: #31373E; |
|||
} |
|||
|
|||
.content-left { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.content-right { |
|||
font-size: 14px; |
|||
} |
|||
Loading…
Reference in new issue