<template>
|
<view class="">
|
<view class="block bgc-ff mb-20 mt-20">
|
<view class="caption">
|
<view class="flex a-i-c">
|
<view class="line"></view>
|
<text class="f-32 fw">走访提醒</text>
|
</view>
|
</view>
|
<view class="row flex j-c-s-a">
|
<view class="flex f-d-c a-i-c">
|
<text class="fw c-main f-36 mb-20">3</text>
|
<text class="f-28">本周</text>
|
</view>
|
<view class="flex f-d-c a-i-c">
|
<text class="fw c-main f-36 mb-20">3</text>
|
<text class="f-28">半月</text>
|
</view>
|
<view class="flex f-d-c a-i-c">
|
<text class="fw c-main f-36 mb-20">3</text>
|
<text class="f-28">本月</text>
|
</view>
|
</view>
|
</view>
|
<view class="nav bgc-ff mb-20">
|
<view class="caption">
|
<view class="flex a-i-c">
|
<view class="line"></view>
|
<text class="f-32 fw">公安</text>
|
</view>
|
</view>
|
<view class="nav-item flex j-c-s-b a-i-c">
|
<text class="f-28">报事报修</text>
|
<view class="flex">
|
<text class="f-28 c-99">待处理</text>
|
<view class="dot bgc-main">3</view>
|
<u-icon name="arrow-right" color="#999"></u-icon>
|
</view>
|
</view>
|
<view class="nav-item flex j-c-s-b a-i-c">
|
<text class="f-28">住户审核</text>
|
<view class="flex">
|
<text class="f-28 c-99">待处理</text>
|
<view class="dot bgc-main">3</view>
|
<u-icon name="arrow-right" color="#999"></u-icon>
|
</view>
|
</view>
|
<view class="nav-item flex j-c-s-b a-i-c">
|
<text class="f-28">工作日志</text>
|
<view class="flex">
|
<text class="f-28 c-99">待处理</text>
|
<view class="dot bgc-main">3</view>
|
<u-icon name="arrow-right" color="#999"></u-icon>
|
</view>
|
</view>
|
</view>
|
|
<view class="nav bgc-ff mb-20">
|
<view class="caption">
|
<view class="flex a-i-c">
|
<view class="line"></view>
|
<text class="f-32 fw">住建</text>
|
</view>
|
</view>
|
<view class="nav-item flex j-c-s-b a-i-c">
|
<text class="f-28">出租房管理</text>
|
<view class="flex">
|
<text class="f-28 c-99">待处理</text>
|
<view class="dot bgc-main">3</view>
|
<u-icon name="arrow-right" color="#999"></u-icon>
|
</view>
|
</view>
|
</view>
|
<view class="nav bgc-ff mb-20">
|
<view class="caption">
|
<view class="flex a-i-c">
|
<view class="line"></view>
|
<text class="f-32 fw">综治</text>
|
</view>
|
</view>
|
<view class="nav-item flex j-c-s-b a-i-c">
|
<text class="f-28">综治任务</text>
|
<view class="flex">
|
<text class="f-28 c-99">待处理</text>
|
<view class="dot bgc-main">3</view>
|
<u-icon name="arrow-right" color="#999"></u-icon>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { getCountFrequencyNumber } from "@/api/task/task.js"
|
export default {
|
data() {
|
return {
|
navList: [{
|
name: "",
|
|
}]
|
}
|
},
|
|
onLoad(){
|
this.getCount();
|
},
|
|
methods:{
|
getCount(){
|
getCountFrequencyNumber().then(res=>{
|
console.log(res);
|
})
|
}
|
}
|
|
}
|
</script>
|
|
<style lang="scss">
|
page {
|
background-color: #F5F5F5;
|
}
|
|
.block {
|
width: 690rpx;
|
margin: 20rpx auto;
|
border-radius: 4rpx;
|
|
|
|
.row {
|
padding: 30rpx 0 34rpx;
|
}
|
}
|
.caption {
|
width: 100%;
|
padding: 30rpx;
|
box-sizing: border-box;
|
border-bottom: 1px solid #F5F5F5;
|
|
.line {
|
width: 6rpx;
|
height: 28rpx;
|
background-color: #017BFC;
|
margin-right: 14rpx;
|
}
|
}
|
|
.nav {
|
width: 690rpx;
|
margin: 0 auto;
|
|
.nav-item {
|
width: 100%;
|
padding: 36rpx 30rpx;
|
box-sizing: border-box;
|
border-bottom: 1px solid #F5F5F5;
|
}
|
|
.dot {
|
width: 32rpx;
|
height: 32rpx;
|
line-height: 32rpx;
|
border-radius: 50%;
|
color: #fff;
|
text-align: center;
|
font-size: 24rpx;
|
margin: 0 10rpx 0 20rpx;
|
}
|
}
|
.mb-20{
|
margin-bottom: 20rpx;
|
}
|
</style>
|
