|
|
|
@ -4,55 +4,55 @@ |
|
|
|
|
position: sticky; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 999;"> |
|
|
|
|
<view class="header Box"> |
|
|
|
|
<view class="title">道路交通安全隐患</view> |
|
|
|
|
<view class="title">排查助手</view> |
|
|
|
|
<view class="desc">洞察隐患 智能守护 科技之眼照亮安全之路</view> |
|
|
|
|
<view class="total Flex Flex_C_S-B PositionR"> |
|
|
|
|
<view class="left Flex"> |
|
|
|
|
<view class="info" @click="jump(1)"> |
|
|
|
|
<view class="name">待办</view> |
|
|
|
|
<view class="number">{{ totalData.UnderInvestigation }}</view> |
|
|
|
|
</view> |
|
|
|
|
<image style="width: 160rpx" mode="widthFix" :src="$.imgSrc + '/need.png'" class="need"></image> |
|
|
|
|
<view class="bottom PositionA Flex Flex_C_S-A TextCenter blur"> |
|
|
|
|
<view class="item Flex_C_S-Center"> |
|
|
|
|
<text>超期</text> |
|
|
|
|
<text style="margin-left: 10rpx;color: #CC2936;">{{ totalData.Delay }}</text> |
|
|
|
|
<view class="header Box"> |
|
|
|
|
<view class="title">道路交通安全隐患</view> |
|
|
|
|
<view class="title">排查助手</view> |
|
|
|
|
<view class="desc">洞察隐患 智能守护 科技之眼照亮安全之路</view> |
|
|
|
|
<view class="total Flex Flex_C_S-B PositionR"> |
|
|
|
|
<view class="left Flex"> |
|
|
|
|
<view class="info" @click="jump(1)"> |
|
|
|
|
<view class="name">待办</view> |
|
|
|
|
<view class="number">{{ totalData.UnderInvestigation }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item Flex_C_S-Center"> |
|
|
|
|
<text>临期</text> |
|
|
|
|
<text style="margin-left: 10rpx;color: #E68A0B;">{{ totalData.Dying }}</text> |
|
|
|
|
<image style="width: 160rpx" mode="widthFix" :src="$.imgSrc + '/need.png'" class="need"></image> |
|
|
|
|
<view class="bottom PositionA Flex Flex_C_S-A TextCenter blur"> |
|
|
|
|
<view class="item Flex_C_S-Center"> |
|
|
|
|
<text>超期</text> |
|
|
|
|
<text style="margin-left: 10rpx;color: #CC2936;">{{ totalData.Delay }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="item Flex_C_S-Center"> |
|
|
|
|
<text>临期</text> |
|
|
|
|
<text style="margin-left: 10rpx;color: #E68A0B;">{{ totalData.Dying }}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
<view class="current_mouth Flex Flex_C_S-B blur"> |
|
|
|
|
<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/mouth.png'" class="video"> |
|
|
|
|
</image> |
|
|
|
|
<text class="name">本月上报</text> |
|
|
|
|
<text class="number">{{ totalData.MonthReport }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="finish Flex Flex_C_S-B blur" @click="jump(2)"> |
|
|
|
|
<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/finish.png'" class="video"> |
|
|
|
|
</image> |
|
|
|
|
<text class="name">已完成</text> |
|
|
|
|
<text class="number">{{ totalData.InGovernance }}</text> |
|
|
|
|
<view class="right"> |
|
|
|
|
<view class="current_mouth Flex Flex_C_S-B blur"> |
|
|
|
|
<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/mouth.png'" class="video"> |
|
|
|
|
</image> |
|
|
|
|
<text class="name">本月上报</text> |
|
|
|
|
<text class="number">{{ totalData.MonthReport }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="finish Flex Flex_C_S-B blur" @click="jump(2)"> |
|
|
|
|
<image style="width: 80rpx" mode="widthFix" :src="$.imgSrc + '/finish.png'" class="video"> |
|
|
|
|
</image> |
|
|
|
|
<text class="name">已完成</text> |
|
|
|
|
<text class="number">{{ totalData.InGovernance }}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="con" @click="konw"> |
|
|
|
|
<image class="bg" src="/static/know.png" /> |
|
|
|
|
<view class="con-box"> |
|
|
|
|
<text |
|
|
|
|
style="font-family: Source Han Sans CN, Source Han Sans CN;color: #363F4D;font-weight: 500;">交通隐患排查知识库</text> |
|
|
|
|
<view class="icon"> |
|
|
|
|
<uni-icons type="right" size="18" color="#fff" /> |
|
|
|
|
<view class="con" @click="konw"> |
|
|
|
|
<image class="bg" src="/static/know.png" /> |
|
|
|
|
<view class="con-box"> |
|
|
|
|
<text |
|
|
|
|
style="font-family: Source Han Sans CN, Source Han Sans CN;color: #363F4D;font-weight: 500;">交通隐患排查知识库</text> |
|
|
|
|
<view class="icon"> |
|
|
|
|
<uni-icons type="right" size="18" color="#fff" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="Width100 Box BorderBox"> |
|
|
|
|
<view class="list_title">待办任务</view> |
|
|
|
|
<view class="Content MarginAuto BorderBox"> |
|
|
|
@ -146,7 +146,7 @@ |
|
|
|
|
} |
|
|
|
|
this.loadmorestatus = 'loading' |
|
|
|
|
this.$request.globalRequest( |
|
|
|
|
`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}`, datas, 'POST') |
|
|
|
|
`/hiddenDanger/highDanger/getHigDangerDealt?pageNum=${this.page}&pageSize=${10}`, datas, 'POST') |
|
|
|
|
.then(res => { |
|
|
|
|
this.loadmorestatus = 'loadmore' |
|
|
|
|
if (res.code === 200) { |
|
|
|
@ -168,7 +168,7 @@ |
|
|
|
|
}, |
|
|
|
|
handleClick(row) { |
|
|
|
|
console.log(row) |
|
|
|
|
this.$.open('/pages/map/index?businessId=' + row.businessId + '§ionId='+row.sectionCode + '&deptId=' +row.deptId + '&taskName=' + row.name) |
|
|
|
|
this.$.open('/pages/map/index?businessId=' + row.businessId + '§ionId=' + row.sectionCode + '&deptId=' + row.deptId + '&taskName=' + row.name) |
|
|
|
|
}, |
|
|
|
|
konw() { |
|
|
|
|
this.$.open('/pages/knowledge/index') |
|
|
|
@ -177,18 +177,18 @@ |
|
|
|
|
skipPage(even) { |
|
|
|
|
// this.$.open(even) |
|
|
|
|
}, |
|
|
|
|
jump(v) { |
|
|
|
|
if(v == 1) { |
|
|
|
|
this.$.setData('pageStatus',1) |
|
|
|
|
} |
|
|
|
|
if(v == 2) { |
|
|
|
|
this.$.setData('pageStatus',3) |
|
|
|
|
jump(v) { |
|
|
|
|
if (v == 1) { |
|
|
|
|
this.$.setData('pageStatus', 1) |
|
|
|
|
} |
|
|
|
|
if (v == 2) { |
|
|
|
|
this.$.setData('pageStatus', 3) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.$.openTab('/pages/investigation/index') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.$.openTab('/pages/investigation/index') |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onReady() {}, |
|
|
|
|
onReady() { }, |
|
|
|
|
// 页面卸载 |
|
|
|
|
onUnload() { |
|
|
|
|
|
|
|
|
@ -223,6 +223,7 @@ |
|
|
|
|
height: 500rpx; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
padding: calc(var(--status-bar-height) + 40rpx) 20rpx 20rpx; |
|
|
|
|
|
|
|
|
|
.title { |
|
|
|
|
font-family: Tensentype MeiHeiJ, Tensentype MeiHeiJ; |
|
|
|
|
font-weight: bold; |
|
|
|
@ -366,10 +367,12 @@ |
|
|
|
|
background: #f8fafb; |
|
|
|
|
// border-radius: 24px 24px 0px 0px; |
|
|
|
|
padding: 20rpx 30rpx 0; |
|
|
|
|
font-family: Source Han Sans CN, Source Han Sans CN; |
|
|
|
|
font-family: Source Han Sans CN, Source Han Sans CN; |
|
|
|
|
position: sticky; |
|
|
|
|
top: 418px; |
|
|
|
|
/* top: 418px; */ |
|
|
|
|
top: calc(var(--status-bar-height) + 798rpx); |
|
|
|
|
z-index: 99; |
|
|
|
|
padding-bottom:30rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.Box { |
|
|
|
@ -385,6 +388,8 @@ |
|
|
|
|
align-items: center; |
|
|
|
|
position: relative; |
|
|
|
|
box-shadow: 1px 1px 3px #ccc; |
|
|
|
|
margin-top: 0; |
|
|
|
|
margin-bottom: 30rpx; |
|
|
|
|
|
|
|
|
|
.trapezoidal { |
|
|
|
|
position: absolute; |
|
|
|
@ -432,6 +437,7 @@ |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
background: #f8fafb; |
|
|
|
|
|
|
|
|
|
.bg { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 0; |
|
|
|
|