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

@ -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 + '&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() {
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;

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

Loading…
Cancel
Save