uniProject/pages/admin/ShouYe/shouye.vue

<template>
  <view class="admin-shouye-page">
	  <view class="shouye-head-box">家政公司名称</view>
	  <view class="index-tj-box">
		  <view class="tj-btn-box">
			  <text :class="{active: tjBtn == 1}" @click="tjBtnClick(1)">本周</text>
			  <text :class="{active: tjBtn == 2}" @click="tjBtnClick(2)">本月</text>
			  <text :class="{active: tjBtn == 3}" @click="tjBtnClick(3)">全部</text>
		  </view>
		  <view class="tj-num-box">0/0</view>
		  <view class="tj-tip-box">考证人员/家政人员</view>
	  </view>
	  <view class="index-tongzhi-box" @click="goToPage('tz')">
		  <text class="tongzhi-num">{{tzNum}}</text>
		  <rich-text :nodes="tzContent" class="tongzhi-content"></rich-text>
		  <icon></icon>
	  </view>
	  <view class="card-list-box">
		 <view class="card-list-title">管理家政人员</view>
		 <view @click="goToPage('jz')" class="card-item-box">
		 	<icon class="index-icon jz-icon"></icon>
		 	<text>家政人员</text>
		 </view> 
	  </view>
	  <view class="card-list-box">  
		<view class="card-list-title">管理考证人员</view>
		<view @click="goToPage('bz')" class="card-item-box">
			<icon class="index-icon kz-icon"></icon>
			<text>办证管理</text>
		</view>
		<view @click="goToPage('ks')" class="card-item-box">
			<icon class="index-icon ks-icon"></icon>
			<text>考试管理</text>
		</view>
		<view @click="goToPage('cj')" class="card-item-box">
			<icon class="index-icon cj-icon"></icon>
			<text>成绩管理</text>
		</view>
		<view @click="goToPage('lc')" class="card-item-box">
			<icon class="index-icon lx-icon"></icon>
			<text>练习管理</text>
		</view>
		<view @click="goToPage('kc')" class="card-item-box">
			<icon class="index-icon kc-icon"></icon>
			<text>课程管理</text>
		</view>
	</view>	
	<!-- 页面底端 -->
	<customTabbarAdminVue :current-tab="0"></customTabbarAdminVue>
  </view>
</template>

<script setup>
import {onLoad,onShow} from '@dcloudio/uni-app';
import {reactive,ref} from "vue";
import customTabbarAdminVue from "@/components/custom-tabbar/custom-tabbar-admin.vue";
import {getAppNoticeList,getAppNoticeWait} from '@/api/shouye.js'

const tjBtn = ref(1);
const tzNum = ref(0);
const tzContent = ref('');

onLoad((options) => {
		initPage();
})

function initPage() {
	getTzNum();
	getTzlist();
}	

function getTzNum(){
	getAppNoticeWait({}).then(res => {
		tzNum.value = res.data;
	})
}
function getTzlist(){
	const opt = {
		page: 1,
		size: 10, // 固定查询10条
	}
	getAppNoticeList(opt).then(res => {
		tzContent.value = res.data.data[0].content;
	})
}

// 按钮切换
function tjBtnClick(data){
	tjBtn.value = data;
}
// 获取用户头像
	function goToPage(data){
		switch (data) {
		    case 'jz':
		        uni.redirectTo({
		        	url:'/pages/admin/Jiazheng/index'
		        })
		        break;
		    case 'bz':
		        uni.redirectTo({
		        	url:'/pages/admin/banzheng/list'
		        })
		        break;
		    case 'ks':
		        uni.redirectTo({
		        	url:'/pages/admin/Kaoshi/list'
		        })
		        break;
			case 'cj':
			    uni.redirectTo({
			    	url:'/pages/admin/Chengji/list'
			    })
			    break;
			case 'kc':
			    uni.redirectTo({
			    	url:'/pages/admin/Kecheng/list'
			    })
			    break;
			case 'tz':
			    uni.redirectTo({
			    	url:'/pages/admin/tongzhi/list'
			    })
			    break;
			case 'lc':
				uni.redirectTo({
					url:'/pages/admin/Lianxi/list'
				})
				break;
		}
	}
</script>