liukangdong
2024-06-12 a11bc1bed7953b88213330582c2085f60b5a73b1
h5/pages/staff/index.vue
@@ -1,7 +1,7 @@
<template>
   <view class="main_app">
      <view class="title_wrap">
         <view class="name">某某某,欢迎登录~</view>
         <view class="name">{{ userInfo.realname || '' }},欢迎登录~</view>
         <view class="btn" @click="loginOut">退出登录</view>
      </view>
      <view class="banner_wrap">
@@ -12,29 +12,29 @@
      <view class="title_wrap"><view class="name">业务办理</view></view>
      <view class="container1">
         <view class="left">
            <view class="img_wrap img1">
            <view class="img_wrap img1" @click="jump('/pages/staff/visitorReport')">
               <image src="@/static/staff/ic_fangkebaobei.png" class="img"></image>
               <view class="h1">访客报备</view>
               <view class="h2">VISITOR REPORTING</view>
            </view>
            <view class="img_wrap img2">
            <view class="img_wrap img2" @click="jump('/pages/staff/meetingSub')">
               <image src="@/static/staff/ic_yuyuehuiyishi.png" class="img"></image>
               <view class="h1">预约会议室</view>
               <view class="h2">BOOK A MEETING ROOM</view>
            </view>
         </view>
         <view class="right">
            <view class="img_wrap img2">
            <view class="img_wrap img2" @click="jump('/pages/staff/snapshot')">
               <image src="@/static/staff/ic_yinhuansuipai.png" class="img"></image>
               <view class="h1">隐患随手拍</view>
               <view class="h2">HIDDEN DANGER</view>
            </view>
            <view class="img_wrap img2">
            <view class="img_wrap img2" @click="jump('/pages/staff/vehicle/index')">
               <image src="@/static/staff/ic_yongcheshenqing.png" class="img"></image>
               <view class="h1">用车申请</view>
               <view class="h2">VEHICLE APPLICATION</view>
            </view>
            <view class="img_wrap img2">
            <view class="img_wrap img2" @click="jump('/pages/changePassword/changePassword')">
               <image src="@/static/staff/ic_xiugaimima.png" class="img"></image>
               <view class="h1">修改密码</view>
               <view class="h2">CHANGE PASSWORD</view>
@@ -44,23 +44,23 @@
      <!--  -->
      <view class="title_wrap"><view class="name">业务查询</view></view>
      <view class="container2">
         <view class="img_wrap">
         <view class="img_wrap" @click="jump('/pages/staff/task/index')">
            <image class="img" src="@/static/staff/ic_renwuzhongxin.png"></image>
            <view class="h1">任务中心</view>
            <view class="h2">TASK CENTER</view>
            <view class="task_num">99+</view>
            <view class="task_num">{{ taskNum }}</view>
         </view>
         <view class="img_wrap">
         <view class="img_wrap" @click="jump('/pages/staff/meetingCalendar')">
            <image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
            <view class="h1">我的会议日历</view>
            <view class="h2">MY MEETING CALENDAR</view>
         </view>
         <view class="img_wrap">
         <view class="img_wrap" @click="jump('/pages/staff/vehicle/sendACar')">
            <image class="img" src="@/static/staff/ic_paichejilu.png"></image>
            <view class="h1">派车记录</view>
            <view class="h2">VEHICLE DISPATCH</view>
         </view>
         <view class="img_wrap">
         <view class="img_wrap" @click="jump('/pages/staff/meetingManager')">
            <image class="img" src="@/static/staff/ic_huiyishiguanli.png"></image>
            <view class="h1">会议室管理</view>
            <view class="h2">MANAGE MEETING ROOMS</view>
@@ -74,9 +74,20 @@
</template>
<script>
import { logoutPost, stagingHead } from '@/api'
export default {
   data() {
      return {};
      return {
         userInfo: uni.getStorageSync('userInfo'),
         taskNum: 0
      };
   },
   onLoad(){
      console.log('userInfo', this.userInfo);
   },
   onShow() {
      this.getTaskInfo()
   },
   methods: {
      jump(path){
@@ -85,11 +96,19 @@
         });
      },
      loginOut() {
         uni.clearStorageSync()
         this.$store.commit('empty')
         logoutPost()
         uni.redirectTo({
            url: '/pages/login/login'
            url: '/pages/staffLogin/login'
         })
      },
      getTaskInfo() {
      stagingHead({
        isDetail: '0'
      }).then(res => {
        this.taskNum = res.data.taskNum
      })
    },
   }
};
</script>
@@ -109,9 +128,9 @@
      width: 144rpx;
      height: 56rpx;
      border-radius: 36rpx;
      border: 1rpx solid #279baa;
      border: 1rpx solid $uni-color-primary;
      font-size: 26rpx;
      color: #279baa;
      color: $uni-color-primary;
      display: flex;
      justify-content: center;
      align-items: center;
@@ -203,11 +222,12 @@
      }
      .task_num{
         position: absolute;
         left: 164rpx;
         top: 20rpx;
         width: 60rpx;
         height: 48rpx;
         left: 168rpx;
         top: 26rpx;
         width: 52rpx;
         height: 52rpx;
         border-radius: 50%;
         /* border: 1px solid; */
         background-color: #fff;
         color: #db534c;
         display: flex;