工作日志数据交互， 住户审核列表，任务页面数据渲染

Lou

2023-11-17 a7169fdee8b683deb83f147fc9319b0bd7b04cf4

 subPackage/task/index.vue

@@ -1,6 +1,6 @@
<template>
   <view class="">
      <view class="block bgc-ff mb-20 mt-20">
      <!-- <view class="block bgc-ff mb-20 mt-20">
         <view class="caption">
            <view class="flex a-i-c">
               <view class="line"></view>
@@ -21,27 +21,31 @@
               <text class="f-28">本月</text>
            </view>
         </view>
      </view>
      <view class="nav bgc-ff mb-20">
      </view> -->
      <view class="nav 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="nav-item flex j-c-s-b a-i-c"  @click="navTo('subPackage/workbench/views/report')">
         <view class="nav-item flex j-c-s-b a-i-c" @click="navTo('/subPackage/workbench/views/report')">
            <text class="f-28">报事报修</text>
            <view class="flex">
               <text class="f-28 c-99">待处理</text>
               <view class="dot bgc-main">3</view>
               <block v-if="repairsCount > 0">
                  <text class="f-28 c-99">待处理</text>
                  <view class="dot bgc-main">{{repairsCount}}</view>
               </block>
               <u-icon name="arrow-right" color="#999"></u-icon>
            </view>
         </view>
         <view class="nav-item flex j-c-s-b a-i-c">
         <view class="nav-item flex j-c-s-b a-i-c" @click="navTo('/subPackage/house/list/auditList')">
            <text class="f-28">住户审核</text>
            <view class="flex">
               <text class="f-28 c-99">待处理</text>
               <view class="dot bgc-main">3</view>
               <block v-if="countInfo.zhufang > 0">
                  <text class="f-28 c-99">待处理</text>
                  <view class="dot bgc-main">{{countInfo.zhufang}}</view>
               </block>
               <u-icon name="arrow-right" color="#999"></u-icon>
            </view>
         </view>
@@ -62,11 +66,13 @@
               <text class="f-32 fw">住建</text>
            </view>
         </view>
         <view class="nav-item flex j-c-s-b a-i-c"   @click="navTo('/subPackage/workbench/views/rental')">
         <view class="nav-item flex j-c-s-b a-i-c" @click="navTo('/subPackage/workbench/views/rental')">
            <text class="f-28">出租房管理</text>
            <view class="flex">
               <text class="f-28 c-99">待处理</text>
               <view class="dot bgc-main">3</view>
               <block v-if="countInfo.chuzhu > 0">
                  <text class="f-28 c-99">待处理</text>
                  <view class="dot bgc-main">{{countInfo.chuzhu}}</view>
               </block>
               <u-icon name="arrow-right" color="#999"></u-icon>
            </view>
         </view>
@@ -78,11 +84,13 @@
               <text class="f-32 fw">综治</text>
            </view>
         </view>
         <view class="nav-item flex j-c-s-b a-i-c"    @click="navTo('/subPackage/task/taskList')">
         <view class="nav-item flex j-c-s-b a-i-c" @click="navTo('/subPackage/task/taskList')">
            <text class="f-28">综治任务</text>
            <view class="flex">
               <text class="f-28 c-99">待处理</text>
               <view class="dot bgc-main">3</view>
               <block v-if="comprehensiveTask > 0">
                  <text class="f-28 c-99">待处理</text>
                  <view class="dot bgc-main">{{countInfo.comprehensiveTask}}</view>
               </block>
               <u-icon name="arrow-right" color="#999"></u-icon>
            </view>
         </view>
@@ -91,32 +99,51 @@
</template>

<script>
   import { getCountFrequencyNumber } from "@/api/task/task.js"
   import {
      getCountTypeNumber
   } from "@/api/task/task.js"
   import {
      getRepairsStatistics
   } from "@/api/task/taskReportForRepairs.js"
   export default {
      data() {
         return {
            navList: [{
               name: "",

            }]
            }],
            repairsCount: 0,
            countInfo: {}
         }
      },
		
      onLoad(){

      onShow() {
         this.getCount();
         this.getRepairsCount();
      },
		
      methods:{
         getCount(){
            getCountFrequencyNumber().then(res=>{
               console.log(res);

      methods: {
         getCount() {
            getCountTypeNumber().then(res => {
               if (res.code == 200) {
                  this.countInfo = res.data;
               }
            })
         },
         navTo(url){
         getRepairsCount() {
            getRepairsStatistics().then(res => {
               if (res.code == 200) {
                  this.repairsCount = res.data;
               }
            })
         },


         navTo(url) {
            this.$u.func.globalNavigator(url)
         }
      }
		

   }
</script>

@@ -130,18 +157,19 @@
      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;
@@ -172,7 +200,11 @@
         margin: 0 10rpx 0 20rpx;
      }
   }
   .mb-20{

   .mb-20 {
      margin-bottom: 20rpx;
   }
   .mt-20{
      margin-top:20rpx;
   }
</style>