hldy_app_mini/pages/NursingNew/index.vue

<template>
	<view class="backgroundContainer">

		<leftcontent :list="tabbrarr" @navurl="navurl"></leftcontent>
	
		<!-- 主页 -->
		<index :isShow="menuIndexshow" v-if="!menuIndex" />
		<!-- 设备页 -->
		<equipment :isShow="menuIndexshowfifth" v-if="menuIndex==4"  />
		<requestform :isShow="menuIndexshowfourth" v-if="menuIndex==3" />
		<!-- 户嘱页 -->
		<nurse :isshow="menuIndexshowsecond"
			v-if="menuIndex==1&&uni.getStorageSync('elderId')&&uni.getStorageSync('nuId')"  />
		<!-- 医嘱 -->
		<doctorask  v-if="menuIndex==2"/>
	</view>
</template>

<script setup lang="ts">
	import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
	import index from "./component/index.vue"
	import equipment from "./component/equipment.vue"
	import requestform from "./component/pleasetake/takehome.vue"
	import doctorask from "./component/doctorask/doctorask.vue"
	import nurse from "./component/nurse/index.vue"
	import { onShow } from '@dcloudio/uni-app';
	import { getServiceTree, getNcPackagelist } from './component/nurse/api.js'
	import leftcontent from "./component/leftcontent/leftcontent.vue"

	onMounted(() => {
		menuIndex.value = -1;
		nextTick(() => menuIndex.value = 0)

		getServiceTree().then((res : any) => {
			//缓存护嘱菜单
			uni.setStorageSync("saveTree", res)
		})
		getNcPackagelist().then((res : any) => {
			//缓存指令包
			uni.setStorageSync("Packagelist", res.result)
		})
	})


	// 通用的生成函数
	function genPaths(base, prefix, count, ext = 'png', startIndex = 0, pad = false) {
		return Array.from({ length: count }, (_, i) => {
			const idx = pad
				? String(i + startIndex).padStart(2, '0')
				: i + startIndex
			return `${base}/${prefix}${idx}.${ext}`
		})
	}
	const tabbrarr = ref([
		{name:'首页',url:'/static/shouye/sy/h0.png',urls:'/static/shouye/sy/h1.png'},
		{name:'护嘱',url:'/static/shouye/sy/n0.png',urls:'/static/shouye/sy/n1.png'},
		{name:'医嘱',url:'/static/shouye/sy/y0.png',urls:'/static/shouye/sy/y1.png'},
		{name:'后勤',url:'/static/shouye/sy/l0.png',urls:'/static/shouye/sy/l1.png'},
		{name:'物联',url:'/static/shouye/sy/g0.png',urls:'/static/shouye/sy/g1.png'},
		{name:'返回',url:'/static/shouye/sy/f0.png',urls:'/static/shouye/sy/f1.png'},
	])
	const navurl =(e)=>{
		changeMenu(e)
	}


	// 当前选中的菜单索引
	const menuIndex = ref<number>(-1);
	const menuIndexshow = ref<boolean>(false);
	const menuIndexshowsecond = ref<boolean>(false);
	const menuIndexshowfourth = ref<boolean>(false);
	const menuIndexshowfifth = ref<boolean>(false);

	// 变更菜单
	const changeMenu = (index : number) => {
		menuIndex.value = index;
		menuIndexshow.value = false
		menuIndexshowsecond.value = false
		menuIndexshowfourth.value = false;
		menuIndexshowfifth.value = false
		if (index === 5) {
			uni.navigateBack()
			return
		}
		setTimeout(() => {
			switch (index) {
				case 0:
					menuIndexshow.value = true
					break;
				case 1:
					menuIndexshowsecond.value = true

					break;
				case 3:
					menuIndexshowfourth.value = true
					break;
				case 4:
					menuIndexshowfifth.value = true;
					break;
				default:
			}
		}, 50)
	};
	const clientX = ref(0);
	const clientY = ref(0);
	const savename = ref("")
	const canmove = ref(true)

	// 生命周期钩子
	onMounted(() => {

		//首次加载和跳转回来需要重新做个动画
		setTimeout(() => {
			changeMenu(menuIndex.value)
		}, 50)

		menuIndexshow.value = false
		setTimeout(() => {
			menuIndexshow.value = true
		}, 50)

	});



</script>

<style lang="less" scoped>

	.backgroundContainer {
		display: flex;
		position: relative;
		width: 100%;
		height: 100vh;
		background-color: #eff0f4;
		overflow: hidden;
		z-index: 12;
	}

	
</style>