zhangqun 11 months ago
commit b8e7d66803
  1. 112
      pages/index/index.vue
  2. 5
      pages/investigation/components/investigation-item2.vue

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

@ -500,8 +500,9 @@ page {
} }
/deep/ .uni-forms-item__label { /deep/ .uni-forms-item__label {
font-size: 32rpx; font-size: 32rpx;
// height:82rpx height: auto;
margin-bottom: 20rpx;
} }
} }

Loading…
Cancel
Save