hldy_app/pages/NursingNew/component/nurse/index.vue

<!-- 护嘱 -->
<template>
	<view class="right-container" :style="isshow?{opacity: `1`}:{opacity: `0`}"
		@click="bottomisShaking=false;shakyTable = false">
		<view class="right-container-title-nav">
			<text style="margin-left: 30rpx;">
				NUID：{{ uni.getStorageSync('nuId')}}
			</text>
			<text class="new-weight">
				{{ uni.getStorageSync('nuName')}}
			</text>
			<view class="right-icons">
				<view style="display: flex;align-items: center;margin-right: 25rpx;padding: 0 15rpx;"
					:class="!topindex&&!bodystatus&&!facestatus?'firsttarget':''">
					<view class="mark">
						<view style="margin-right: 15rpx;">
							体型标签:
						</view>

						<view class="mark-bgc" v-show="openbody" :style="{opacity:bodydonghua?1:0}">
							<view style="margin-top: 40rpx;margin-bottom: 30rpx;;margin-left: 50rpx;font-size: 32rpx;">
								<view>
									体型标签
								</view>
							</view>
							<view style="display: flex;flex-wrap: wrap;">
								<view v-for="(item,index) in bodyTagList" :key="index" @click="addbody(index)">
									<view class="tags-father" :class="bodystatustarget===index?'secondtarget':''">
										<image class="tags-img"
											:src="item.izSelected==`1`?item.netPicFocus: item.netPic" />
										<view class="tags-font"
											:style="item.izSelected==`1`?{color:`rgb(54, 159, 239)`}:{}">
											{{item.tagName}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="marknone" @click="openbody=!openbody;openface=false">
						<view v-if="!bodyTagListLook.length" style="margin-top: -3rpx;">
							未选择
						</view>
						<view v-for="(item,index) in bodyTagListLook" :key="index">
							<image class="tags-img" style="width: 40rpx;height: 40rpx;margin: 0 10rpx;"
								:src="item" />
						</view>
					</view>
					<view class="tri-down" @click="openbody=!openbody;openface=false"></view>
				</view>
				<view style="display: flex;align-items: center;margin-right: 15rpx;padding: 0 15rpx;"
					:class="topindex===1&&!bodystatus&&!facestatus?'firsttarget':''">
					<view class="mark">
						情绪标签：
						<view class="mark-bgc" v-show="openface" :style="{opacity:facedonghua?1:0}">
							<view style="margin-top: 40rpx;margin-bottom: 30rpx;;margin-left: 50rpx;font-size: 32rpx;">
								<view>
									情绪标签
								</view>
							</view>
							<view style="display: flex;flex-wrap: wrap;">
								<view v-for="(item,index) in emotionTagList" :key="index" @click="addface(index)">
									<view class="tags-father" :class="facestatustarget===index?'secondtarget':''">
										<image class="tags-img"
											:src="item.izSelected==`1`?item.netPicFocus: item.netPic" />
										<view class="tags-font"
											:style="item.izSelected==`1`?{color:`rgb(54, 159, 239)`}:{}">
											{{item.tagName}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="marknone" @click="openface=!openface;openbody=false">
						<view v-if="!emotionTagListLook.length" style="margin-top: -3rpx;">
							未选择
						</view>
						<view v-for="(item,index) in emotionTagListLook" :key="index">
							<image class="tags-img" style="width: 40rpx;height: 40rpx;margin: 0 10rpx;"
								:src="item" />
						</view>
					</view>

					<view class="tri-down" @click="openface=!openface;openbody=false"></view>
				</view>
				<view class="white-button" :class="topindex===2?'firsttarget':''" @click="routerPush">
					<image class="white-img" :src="`/static/index/newruler/yulan.png`" />
					预览
				</view>
				<view class="white-button" :class="topindex===3?'firsttarget':''" @click="shareToWeixin">
					<image class="white-img" :src="`/static/index/newruler/fenxiang.png`" />
					分享
				</view>

			</view>
		</view>
		<view class="doctorsay-container-view">
			<view class="doctorsay-container-container">
				<view class="super-card">
					<view class="boom-father">
						<view class="boom">
							<view :style="{ marginTop: `-${2 *moveDownNumber}rpx` }">
								<view v-for="(item,index) in timearr[0].children" :key="index">
									<view class="boom-son" v-show="item.tagName">
										<text class="boom-text">
											{{item.tagName}}
										</text>

									</view>
								</view>
							</view>
						</view>
					</view>

					<view class="super-card-container">
						<scroll-view style="height: 1330rpx;width: 100%;border: 2rpx solid balck;"
							:scroll-left="cardLeft" scroll-x @scroll="handleTop" :show-scrollbar="false">
							<view style="display: flex;width:4824rpx;">
								<view v-for="(item0,index0) in timearr" :key="index0">
									<view class="super-card-time">
										{{(item0.positioning.length == 1 ? ('0' + item0.positioning) : item0.positioning) + ":00"}}
									</view>
								</view>
							</view>
							<view style="display: flex;height: calc(100% - 80rpx);position: relative;">
								<view class="xian-bian"></view>
								<scroll-view style="height: 100%;width:6744rpx;" :scroll-top="scrollTop"
									:scroll-y="true" @scroll="handleScrolltime" :show-scrollbar="false">
									<view style="display: flex;height: 100%;">
										<view v-for="(item0,index0) in timearr" :key="index0">
											<view class="super-card-time-und">
												<view v-for="(item1,index1) in item0.children" style="width: 100%;"
													:key="index1">
													<view
														:class=" targetRuler.index0 === index0 && targetRuler.index1 === index1 ? targetRuler.index1 ?`title-time-border-big`:`title-time-border-big-top` : `super-card-time-card` "
														:style="!targetRuler.bordershow && saveRulerTime.index0 === index0 && saveRulerTime.index1 === index1 ? {zIndex:999} : {borderBottom: '1rpx solid transparent'}"
														:id="`a${index0}_${index1}`" style="position: relative;"
														@click="rulerTouchClick(item1,index0,index1)"
														@touchstart="rulerTouchStart(item1,index0,index1,$event)"
														@touchmove="rulerTouchMove" @touchend="rulerTouchEnd()"
														:data-index0="index0" :data-index1="index1">
														<view class="time-button-orange-spe"
															:style="{left:flyNumber.index0?`-130rpx`:`0`}"
															v-if="flyNumber.index0 === index0 && flyNumber.index1 === index1 && index1==0">
															请选择服务指令迁移的目标单元格

														</view>
														<view class="time-button-orange"
															:style="{left:flyNumber.index0?`-130rpx`:`0`}"
															v-if="flyNumber.index0 === index0 && flyNumber.index1 === index1 && index1">
															请选择服务指令迁移的目标单元格

														</view>
														<view class="time-button-black-spe"
															:style="{left:saveEditIndex.index0?`-220rpx`:`0`}"
															v-if="saveEditIndex.index0 == index0 && saveEditIndex.index1 == index1 && index1==0 && isDelete">
															是否确认删除该服务指令

														</view>
														<view class="time-button-black"
															:style="{left:saveEditIndex.index0?`-220rpx`:`0`}"
															v-if="saveEditIndex.index0 == index0 && saveEditIndex.index1 == index1 && index1 && isDelete">
															是否确认删除该服务指令

														</view>
														<view class="title-time-blue"
															v-show="saveEditIndex.index0 == index0 && saveEditIndex.index1 == index1 && isRule">
														</view>

														<view :class="getClass(item1,index0,index1)"
															style="font-size: 30rpx;overflow: hidden;"
															:style="{ animationDelay:`-${computeDelay(index0, index1).toFixed(2)}s` }">

															<view class="title-time" v-if="item1.startTime"
																v-show=" liang.index0 !== index0 || liang.index1 !== index1 || canmove"
																style="flex-direction: column;">
																<image v-show="item1.startTime"
																	style="width: 60rpx;height: 60rpx;margin: 0 auto;margin-top: 30rpx"
																	:src="item1.netImmediateFile" />
																<view class="title-time-time" style="font-size: 30rpx;">
																	{{item1.startTime + `-` + item1.endTime}}
																</view>
																<image class="title-time-button"
																	style="width: 80rpx;height: 48rpx;"
																	v-if="item1.cycleType!='日常'"
																	src="/static/index/newruler/jiao.png" />
																<view class="title-time-font"
																	style="right: 10rpx;top: 5rpx;font-size: 23rpx;"
																	v-if="item1.cycleType!='日常'">
																	{{item1.cycleType}}
																</view>
															</view>
															<view v-if="item1.startTime" class="title-time-font-rel">
																{{splitString(item1.directiveName)[0]}}
															</view>
															<view
																v-if="saveEditIndex.index0 == index0 && saveEditIndex.index1 == index1 && isRule && !item1.startTime"
																class="pulic-time">
																{{(item0.positioning.length == 1 ? ('0' + item0.positioning) : item0.positioning) + ":" + timeArray[index1]}}
															</view>
														</view>
													</view>
												</view>
											</view>
										</view>
									</view>
								</scroll-view>
							</view>
						</scroll-view>
					</view>
					<view class="right-cards">

						<view style="margin-top: 60rpx;margin-left: 30rpx;">
							<view class="">
								即时指令
							</view>
							<view
								style="width: 30rpx;height: 6rpx;background-color: black;margin-left: 40rpx;margin-top: 3rpx;border-radius: 20rpx;">
							</view>
						</view>
						<scroll-view scroll-x class="scroll-box" :scroll-left="scrollLeft">
							<view class="right-box">
								<view v-for="(item,index) in bottomItems" :key="index">
									<view class="right-box-item" @touchstart="bottomTouchStart"
										@touchmove="bottomTouchMove" @touchend="bottomTouchEnd"
										:style="item.target?{background: item.target,transition:`all 1.5s ease-in-out`}:{transition:`all 1.5s ease-in-out`}">
										<view :style="{ animationDelay:`-${index * 0.1}s` }"
											:class="bottomisShaking?`super-end-items-img-father-active`:`super-end-items-img-father`">
											<image class="right-box-img" :src="item.netImmediateFile" />
											<view class="right-box-font">{{item.directiveName}}</view>
										</view>
										<view class="super-end-items-father-close-father" v-show="bottomisShaking"
											@click.stop="bottomItems.splice(index, 1);saveAll()">
											-
										</view>
									</view>
								</view>
							</view>
						</scroll-view>
						<view class="middle-box">
							<view class="middle-left-box">
								<view class="first-contant">
									<view class="time-father" v-show="iszhouqi">
										<view class="time-button" v-show="isweek">
											<view class="time-button-month">周</view>
											<view class="time-button-week"
												@click="isweek=false;weekIndex = -1;weekValue = ''">月</view>
										</view>
										<view class="time-button" v-show="!isweek">
											<view class="time-button-month-target"
												@click="isweek=true;monthIndex = -1;monthValue = ''">周</view>
											<view class="time-button-week-target">月</view>
										</view>
										<scroll-view scroll-y style="width: 100%;height: 600rpx;"
											:show-scrollbar="false" :scroll-top="firsttop">
											<view v-for="(item,index) in weekDays" :key="index"
												@click="clickWeek(item,index)" v-if="isweek">
												<view :class="weekIndex===index?`items-card-target`:`items-card`">
													{{item}}
												</view>
											</view>

											<view v-for="(item,index) in days" :key="index"
												@click="clickMonth(item,index)" v-if="!isweek">
												<view :class="monthIndex===index?`items-card-target`:`items-card`">
													{{item}}
												</view>
											</view>
											<view style="height: 40rpx;"></view>
										</scroll-view>
									</view>

									<scroll-view scroll-y style="height: 100%;width:100%;" :show-scrollbar="false"
										:scroll-top="firsttop" v-show="!iszhouqi">
										<view
											v-for="(item,index) in bigArray[upmenuIndex]?.children[downmenuIndex]?.children"
											:key="index" @click="onTap(index)">

											<view class="right-box-item"
												:style="thirdmenuIndex==index?{border: `2rpx solid rgb(229, 233, 249)`,backgroundColor:`#fff`}:{border: `2rpx solid rgb(229, 233, 249)`}">
												<view class="title-time-button-font" v-show="item.cycleType ==='周期护理'">
													周期
												</view>
												<view class="title-time-button-font" v-show="item.cycleType ==='即时护理'">
													即时
												</view>
												<image class="title-time-button" v-show="item.cycleType ==='周期护理'"
													src="/static/index/newruler/jiao.png" />
												<image class="title-time-button" v-show="item.cycleType ==='即时护理'"
													src="/static/index/newruler/jiao.png" />
												<image class="right-box-img"
													:src="thirdmenuIndex==index?item.netImmediateFileFocus :item.netImmediateFile " />
												<view class="right-box-font" :style="[
												        { marginTop: '2rpx', fontSize: (item.title?.trim().length > 6) ? '15rpx' : '20rpx' },
												        thirdmenuIndex === index ? { color: 'rgb(54,159,239)' } : {}
												      ]">
													{{ item.title }}
												</view>
											</view>
										</view>
										<view style="height: 20rpx;"></view>
									</scroll-view>
								</view>
								<view class="second-contant">
									<scroll-view scroll-y style="height: 100%;width:100%;" :show-scrollbar="false"
										:scroll-top="secondtop">
										<view v-for="(item,index) in downList" :key="index">
											<view :class="downdonghua==index? `downList-box-target` : `downList-box`"
												@click="secondContant(index)">

												<donghua :width="`55rpx`" :height="`55rpx`" :links="item.url"
													:playing="downdonghua==index" :interval="120" />
												<view class="downList-box-text">
													{{ item.title }}
												</view>

											</view>
										</view>
										<view style="height: 20rpx;"></view>
									</scroll-view>
								</view>
							</view>
							<view class="middle-right-box">
								<view v-for="(item,index) in bigArray" :key="index" @click="changLeft(index)">
									<view class="doctorsay-container-card">
										<donghua :width="`55rpx`" :height="`55rpx`" :links="item.url"
											:playing="index === upmenuIndex" :interval="120" />
										<view
											:class="(index === upmenuIndex) ? `doctorsay-container-card-font-dark`:`doctorsay-container-card-font`">
											{{ item.title }}
										</view>
									</view>
								</view>
							</view>
						</view>
						<view class="under-button">
							<view class="under-button-black" v-if="isop">
								不能重复添加相同的即时服务指令

							</view>
							<view class="white-circle" @click="changecard">
								<image class="white-circle-img"
									:src="`/static/index/keyimg/movebutton${isMove ? 'blue' : ''}.png`" />
							</view>
							<view class="white-circle" @click="openDelete">
								<image class="white-circle-img"
									:src="`/static/index/keyimg/deletebutton${isDelete ? 'blue' : ''}.png`" />
							</view>
							<view class="white-circle" @click="opensay">
								<image class="white-circle-img"
									:src="`/static/index/keyimg/notebutton${sayisopen ? 'blue' : ''}.png`" />
							</view>
							<view class="white-circle" @click="open = !open">
								<image class="white-circle-img"
									:src="`/static/index/keyimg/open${open ? 'blue' : ''}.png`" />
							</view>
							<view style="position: relative;">
								<view ref="btnRef" class="white-circle-click-father"
									:style="{color:buttonBlue?`#fff`:``}" :class="{ anim: buttonBlue }"
									@click="addnewbutton">
									<view style="z-index: 999;">
										确定
									</view>
								</view>
								<view class="white-circle-click-father-spec" @click="changLeft(5)">
									<view class="other-father">
										<image style="width: 55rpx;height: 55rpx;"
											src="/static/index/newruler/monitor_1.png" />
										<view style="z-index: 999;font-size: 25rpx;">
											监控
										</view>
									</view>

								</view>
							</view>

						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 点击的弹出层 -->
		<view v-show="isopen" class="popup-overlay" @click="isopen=false;flyNumber.index0=999;touchindex1=-1">
			<view class="popup-overlay-content" :class="getjiao"
				:style="{ top: (2*openY - 350) + 'rpx',left: (2*openX - 780) + 'rpx',opacity: isopacity ? 1 : 0 }"
				@click.stop>
				<view class="popup-overlay-content-left">
					<image class="popup-overlay-content-left-img" :src="`/static/index/teeth.png`" />
					<!-- <text class="popup-overlay-content-left-font">
						{{ timearr[flyNumber.index0]?.children[flyNumber.index1]?.value }}
					</text> -->
				</view>
				<view class="popup-overlay-content-right">
					<view class="time-font">
						{{ timearr[showDetail[0]]?.children[showDetail[1]]?.startTime }} -
						{{ timearr[showDetail[0]]?.children[showDetail[1]]?.endTime }}
					</view>
					<view class="time-text">
						{{ timearr[showDetail[0]]?.children[showDetail[1]]?.directiveName }}
					</view>
				</view>
			</view>
		</view>
		<!-- 替换表格的的弹出层 -->
		<view v-show="sayisopen" class="popup-say" @click="sayisopen=false">
			<view class="popup-say-content" style="padding: 30rpx 0;" :style="{ opacity: sayisopacity ? 1 : 0 }"
				@click.stop>
				<view style="margin-top: 20rpx;margin-bottom: 20rpx;;margin-left: 30rpx;font-size: 32rpx;">
					<view>
						体型标签
					</view>
				</view>
				<view style="display: flex;flex-wrap: wrap;">
					<view v-for="(item,index) in nameArray.slice(0,5)" :key="index">
						<view class="tags-father">
							<image class="tags-img" :src="`/static/index/tagNames/${index}0.png`" />
							<view class="tags-font">{{item}}</view>
						</view>
					</view>
				</view>
				<view style="margin-top: 40rpx;margin-bottom: 20rpx;;margin-left: 30rpx;font-size: 32rpx;">
					<view>
						情绪标签
					</view>
				</view>
				<view style="display: flex;flex-wrap: wrap;">
					<view v-for="(item,index) in nameArray.slice(5,12)" :key="index">
						<view class="tags-father">
							<image class="tags-img" :src="`/static/index/tagNames/${index+5}0.png`" />
							<view class="tags-font">{{item}}</view>
						</view>
					</view>
				</view>
				<view class="popup-say-three"></view>
			</view>
		</view>
		<!-- 分享的弹出层 -->
		<view v-show="shareShow" class="popup-share" @click="shareShow=false">
			<view class="popup-share-content" :style="{ opacity: deletedownisopacity ? 1 : 0 }" @click.stop>
				<view class="share-other">
					<view class="share-title">
						<image style="width: 50rpx;height: 50rpx;" src="/static/index/sharelogo.png" />
						<view style="font-weight: 600;margin-left: 15rpx;">
							护理单元
						</view>
					</view>
					<view class="share-others">
						<view style="font-weight: 600;font-size: 45rpx;">
							护理流程
						</view>
						<view style="margin-top: 30rpx;">
							护理单元01
							<text style="color: #1083F8;">
								王金凤
							</text>
						</view>
						<view class="blue-button">
							分享
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref, onMounted, onBeforeUnmount, computed, nextTick, defineProps, defineEmits, watch } from 'vue';
	import { onShow, onHide } from '@dcloudio/uni-app';
	import type { roomBtttonType } from "./index";
	import { getServiceTree, getNclist, addBatch } from "./api.js";
	import { myArray } from './yaoshandiao.js';

	const props = defineProps({
		isshow: {
			type: Boolean,
			required: true,
		},
		darkFans: {
			type: Boolean,
		},
		canmove: {
			type: Boolean,
		},
		liang: {
			type: Object,
		},
		isold: {
			type: Boolean,
			required: true,
		},
		propsmove: {
			type: Number
		},
		isMain: {
			type: Boolean
		}
	});
	watch(
		() => props.isMain,
		(newVal, oldVal) => {
			// 仅在 isShow 为 true 时生效
			if (!props.isshow) return

			if (oldVal === true && newVal === false) {
				saveEditIndex.value.index0 = 8
				saveEditIndex.value.index1 = 0
				isRule.value = true
			} else if (oldVal === false && newVal === true) {
				saveEditIndex.value.index0 = -1
				saveEditIndex.value.index1 = -1
			}
		}
	)
	watch(
		() => props.isold,
		() => {
			if (props.isold) {
				centerCell();
				cardLeft.value = 1;
				scrollTop.value = 1;
				nextTick(() => {
					scrollTop.value = 0;
					cardLeft.value = 700

				})
			}
		})
	watch(
		() => props.canmove,
		() => {
			bottomisShaking.value = false;
		})
	watch(
		() => props.isshow,
		(newVal, oldVal) => {
			// 只有当新旧值不相同时才执行
			if (newVal !== oldVal) {
				bottomisShaking.value = false
				shakyTable.value = false
				if (solveWatch.value) {
					solveWatch.value--
				} else {
					centerCell();
					cardLeft.value = 1
					scrollTop.value = 1

					nextTick(() => {
						scrollTop.value = 0
						cardLeft.value = 775
					})
				}
				upmenuIndex.value = 0
				getblue.value = !getblue.value
			}
		}
	)
	const bodystatus = ref(false);
	const bodystatustarget = ref(-1);
	const facestatus = ref(false);
	const facestatustarget = ref(-1);
	watch(
		() => props.propsmove,
		() => {

			if (facestatus.value) {
				switch (props.propsmove) {
					case 0:
						if (facestatustarget.value - 3 > 0) {
							facestatustarget.value = facestatustarget.value - 3
						} else {
							facestatustarget.value = 0
						}
						break;
					case 1:
						if (facestatustarget.value > 5) {

						} else {
							facestatustarget.value++
						}
						break;
					case 2:
						if (facestatustarget.value + 3 > 5) {
							facestatustarget.value = 6
						} else {
							facestatustarget.value = facestatustarget.value + 3
						}
						break;
					case 3:
						if (facestatustarget.value) {
							facestatustarget.value--
						}
						break;
					case 4:
						addface(facestatustarget.value)
						break;
					case 5:
						openbody.value = false;
						openface.value = false;
						facestatus.value = false;
						bodystatus.value = false;
						topindex.value = 1
						break;
				}
				return
			}
			if (bodystatus.value) {
				switch (props.propsmove) {
					case 0:
						if (bodystatustarget.value - 3 > 0) {
							bodystatustarget.value = bodystatustarget.value - 3
						} else {
							bodystatustarget.value = 0
						}
						break;
					case 1:
						if (bodystatustarget.value > 3) {

						} else {
							bodystatustarget.value++
						}
						break;
					case 2:
						if (bodystatustarget.value + 3 > 3) {
							bodystatustarget.value = 4
						} else {
							bodystatustarget.value = bodystatustarget.value + 3
						}
						break;
					case 3:
						if (bodystatustarget.value) {
							bodystatustarget.value--
						}
						break;
					case 4:
						addbody(bodystatustarget.value)
						break;
					case 5:
						openbody.value = false;
						openface.value = false;
						facestatus.value = false;
						bodystatus.value = false;
						topindex.value = 0
						break;
				}
				return
			}
			if (props.propsmove === 4) {

				if (!isRule.value) {
					switch (topindex.value) {
						case 0:
							openface.value = false
							openbody.value = !openbody.value
							bodystatus.value = true;
							bodystatustarget.value = 0
							break;
						case 1:
							openbody.value = false
							openface.value = !openface.value
							facestatus.value = true;
							facestatustarget.value = 0
							break;
						case 2:
							routerPush()
							break;
						default:
							shareToWeixin()
							break;
					}
				} else {
					addnewbutton()
				}

			} else {
				if (isRule.value) {
					movecard(props.propsmove)
				} else {
					movetop(props.propsmove)
				}

			}

		}
	)
	const bodydonghua = ref(false)
	const openbody = ref(false)
	const openface = ref(false)
	watch(
		() => openbody.value,
		() => {
			setTimeout(() => {
				bodydonghua.value = openbody.value
				emit('vip', bodydonghua.value)
			}, 50)
		}
	)
	const facedonghua = ref(false)
	watch(
		() => openface.value,
		() => {
			setTimeout(() => {
				facedonghua.value = openface.value
				emit('vip', facedonghua.value)
			}, 50)
		}
	)


	const bodytarget = ref([]);
	const facetarget = ref([]);
	const addbody = (index : number) => {

		if (bodyTagList.value[index].izSelected == '1') {
			bodyTagList.value[index].izSelected = '0'
		} else {
			let targetNumber = 0;
			bodyTagList.value.forEach((element : any) => {
				if (element.izSelected == '1') {
					targetNumber++
				}
			})

			if (targetNumber > 1) {
				uni.showToast({
					title: "标签最多只能添加两个",
					icon: 'none',
					duration: 2000
				})
				return
			} else {
				bodyTagList.value[index].izSelected = '1';
				console.log("????", bodyTagList.value)
			}
		}
		saveAll()
	}
	const addface = (index : number) => {
		if (emotionTagList.value[index].izSelected == '1') {
			emotionTagList.value[index].izSelected = '0'
		} else {
			let targetNumber = 0;
			emotionTagList.value.forEach((element : any) => {
				if (element.izSelected == '1') {
					targetNumber++
				}
			})

			if (targetNumber > 1) {
				uni.showToast({
					title: "标签最多只能添加两个",
					icon: 'none',
					duration: 2000
				})
			} else {
				emotionTagList.value[index].izSelected = '1';
			}
		}
		saveAll()
	}

	const open = ref(false);
	const getblue = ref(false);

	const bottomItems = ref([
		// {
		// 	// name: '纸尿裤',
		// 	// url: "/static/index/niao.png",
		// 	// target: "#fff",
		// 	// id: -1
		// 	directiveId: "",          // 服务指令ID
		// 	directiveName: "",        // 服务指令名称
		// 	typeId: "",               // 类型ID
		// 	typeName: "",             // 类型名称
		// 	categoryId: "",           // 类别ID
		// 	categoryName: "",         // 类别名称
		// 	izPackage: "",            // 是否是服务指令包
		// 	previewFile: "",          // 大图相对路径
		// 	previewFileSmall: "",     // 小图相对路径
		// 	immediateFile: "",        // 图片相对路径
		// 	immediateFileFocus: ""    // 图片焦点相对路径
		// },
		// {
		// 	name: '呕吐',
		// 	url: "/static/index/tu.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '吸痰',
		// 	url: "/static/index/ou.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '大便',
		// 	url: "/static/index/baba.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '纸尿裤',
		// 	url: "/static/index/niao.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '呕吐',
		// 	url: "/static/index/tu.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '吸痰',
		// 	url: "/static/index/ou.png",
		// 	target: "#fff",
		// 	id: -1
		// },
		// {
		// 	name: '大便',
		// 	url: "/static/index/baba.png",
		// 	target: "#fff",
		// 	id: -1
		// },
	])
	const nameArray = [
		`标准`,
		`超重`,
		`强直`,
		`偏瘫`,
		`佝偻`,
		`稳定`,
		`焦虑`,
		`抑郁`,
		`暴力`,
		`恐惧`,
		`烦躁`,
		`易怒`,
		`臆想`,
	]
	const timeArray = [
		`00`, `05`, `10`, `15`, `20`, `25`, `30`, `35`, `40`, `45`, `50`, `55`
	];
	const weekDays = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"];
	const days = Array.from({ length: 31 }, (_, i) => (i + 1).toString().padStart(2, "0"));
	const isweek = ref(true);
	// 是否周期
	const iszhouqi = ref(false);
	//高度回到最高
	const firsttop = ref(0);
	const secondtop = ref(0);
	const scrollLeft = ref(0);
	const cardLeft = ref(678);
	//移动表格
	const scrollTop = ref(0)
	//左下的数组
	const downList = ref<any>()
	//左下的数组
	const rightList = ref<String[]>([
		// "三分段",
		// "四分段",
	])
	const isop = ref(false);
	const bigArray = ref([]);
	const isopen = ref(false)
	const songisopen = ref(false)
	const isopacity = ref(false)
	const songisopacity = ref(false)
	// 删除表格弹窗
	const deleteisopen = ref(false);
	const deletename = ref("")
	const deleteisopacity = ref(false)
	// 解释图标弹窗
	const sayisopen = ref(false);
	const sayname = ref("")
	const sayisopacity = ref(false)
	//第几套表格
	const currentNumber = ref(0);
	const scrollKey = ref(0);

	const saveleft = ref(6);
	const saveright = ref(11);
	const savetop = ref(0);
	const savebottom = ref(3);
	const isMove = ref(false);

	const getjiao = computed(() => {
		if (jiao.value[0] && jiao.value[1]) {
			return "left-bottom"
		} else if (!jiao.value[0] && jiao.value[1]) {
			return "right-bottom"
		} else if (jiao.value[0] && !jiao.value[1]) {
			return "left-top"
		} else {
			return "right-top"
		}

	})
	// 这是二级菜单的动画的模板
	const secondtemp = ref([])
	onMounted(() => {
		downdonghua.value = 0;
		let goodArray = []
		myArray.forEach((element : any) => {
			element.children.forEach((element1 : any) => {
				goodArray.push({
					name: element1.title,
					url: element1.url,
				})
			})
		})
		secondtemp.value = goodArray


	})
	// 上次点击时间
	const lastTap = ref(0)
	// 双击的最大间隔（ms），可根据体验调整
	const DOUBLE_TAP_DELAY = 300

	function onTap(e) {
		const now = Date.now()
		thirdmenuIndex.value = e
		// console.log("????",thirdmenuIndex.value)
		if (now - lastTap.value < DOUBLE_TAP_DELAY) {
			// 双击成立
			thirdmenuIndex.value = e
			addnew()
			// 重置，避免多次触发
			lastTap.value = 0
		} else {
			thirdmenuIndex.value = e
			// 记录本次时间，等待下次点击
			lastTap.value = now
		}
	}

	// 替换新的
	const getNew = () => {
		let object = JSON.parse(JSON.stringify(timearr.value[flyNumber.value.index0].children[flyNumber.value.index1]))
		indexsave.value = [saveEditIndex.value.index0, saveEditIndex.value.index1]
		// 旧的tagName保存了
		let tagName = timearr.value[flyNumber.value.index0].children[flyNumber.value.index1].tagName
		timearr.value[flyNumber.value.index0].children[flyNumber.value.index1] = { directiveName: '', tagName: tagName }
		//然后保存新的
		let newtagName = timearr.value[indexsave.value[0]].children[indexsave.value[1]].tagName
		timearr.value[indexsave.value[0]].children[indexsave.value[1]] = object
		timearr.value[indexsave.value[0]].children[indexsave.value[1]].tagName = newtagName
		let startTime = timearr.value[indexsave.value[0]].children[indexsave.value[1]].startTime;
		let endTime = timearr.value[indexsave.value[0]].children[indexsave.value[1]].endTime;
		let positioning = timearr.value[indexsave.value[0]].positioning
		const rest = startTime.split(":")[1]; // ":20"
		const rest0 = endTime.split(":")[1];; // ":20"
		let many = Number(rest0) - Number(rest);
		let start = newtagName
		let end = Number(start) + many
		// 用 positioning 替换原来的小时部分
		timearr.value[indexsave.value[0]].children[indexsave.value[1]].startTime = positioning + ":" + start.padStart(2, '0'); // "9:20"
		timearr.value[indexsave.value[0]].children[indexsave.value[1]].endTime = positioning + ":" + String(end % 60).padStart(2, '0'); // "9:20"
		flyNumber.value.index0 = -1;
		flyNumber.value.index1 = -1;
		isMove.value = false;
		let data = {
			index0: saveEditIndex.value.index0,
			index1: saveEditIndex.value.index1
		}
		whereEvent(data);
		saveAll()
	}
	//变更左侧菜单
	const changLeft = (index : number) => {
		if (index === 5) {
			uni.navigateTo({
				url: `/pages/watch/index`
			})
			return
		}
		iszhouqi.value = false;
		weekIndex.value = -1;
		monthIndex.value = -1;
		weekValue.value = "";
		monthValue.value = "";

		secondtop.value = 1
		firsttop.value = 1
		//这个东西完全是为了给动画用的，因为downmenuIndex这个吊东西其他地方在用，所以需要再整一个属性。
		downdonghua.value = -1;

		nextTick(() => {
			secondtop.value = 0
			firsttop.value = 0
			downdonghua.value = 0;
		})
		downmenuIndex.value = 0;
		upmenuIndex.value = index
		downList.value = bigArray.value[index]?.children
		thirdmenuIndex.value = 0;
	}
	const changecard = () => {
		isDelete.value = false;
		if (isMove.value) {
			getNew()
		} else {
			if (timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].directiveName) {
				flyNumber.value.index0 = saveEditIndex.value.index0;
				flyNumber.value.index1 = saveEditIndex.value.index1;
				isMove.value = true
			}
		}
	}

	function dosomesave() {
		cardsumit.value.op.name = secondopenValue.value[cardsumit.value.op.index[2]].relName
		switch (secondopenValue.value[cardsumit.value.op.index[2]].cycleType) {
			case `日常护理`:
				openOp.value = 0
				break;
			case `周期护理`:
				openOp.value = 1
				break;
			case `即时护理`:
				openOp.value = 2
				break;
			default:
				break;
		}
	}
	const selectType = ref(true);
	const deleteButton = ref(false);
	const isRule = ref(false);
	const savemoved = ref(-1);
	const movecard = (where : number) => {
		isDelete.value = false;
		switch (where) {
			case 0:
				if (saveEditIndex.value.index1) {
					saveEditIndex.value.index1--
					centerCell();
					isopen.value = false;
					if (open.value) {
						setTimeout(() => {
							rulerTouchClick(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1], saveEditIndex.value.index0, saveEditIndex.value.index1)
						}, 50)
					}
				} else {
					topindex.value = 0
					savemoved.value = saveEditIndex.value.index0
					isRule.value = false;
				}
				break
			case 1:
				if (saveEditIndex.value.index0 == 23) {
					return
				}
				saveEditIndex.value.index0++
				centerCell();
				isopen.value = false;
				if (open.value) {
					setTimeout(() => {
						rulerTouchClick(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1], saveEditIndex.value.index0, saveEditIndex.value.index1)
					}, 50)
				}
				break
			case 2:
				if (saveEditIndex.value.index1 == 11) {
					return
				}
				saveEditIndex.value.index1++
				centerCell();
				isopen.value = false;
				if (open.value) {
					setTimeout(() => {
						rulerTouchClick(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1], saveEditIndex.value.index0, saveEditIndex.value.index1)
					}, 50)
				}
				break
			case 3:
				if (saveEditIndex.value.index0 == 0) {
					return
				}
				saveEditIndex.value.index0--
				centerCell();
				isopen.value = false;
				if (open.value) {
					setTimeout(() => {
						rulerTouchClick(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1], saveEditIndex.value.index0, saveEditIndex.value.index1)
					}, 50)
				}
				break
		}
	}
	const topindex = ref(-1)
	const movetop = (where : number) => {
		isDelete.value = false;
		switch (where) {
			case 0:

				break
			case 1:
				if (topindex.value < 3) {
					topindex.value++
				}

				break
			case 2:
				openbody.value = false
				openface.value = false
				topindex.value = -1
				saveEditIndex.value.index0 = savemoved.value
				isRule.value = true;
				break
			case 3:
				if (topindex.value) {
					topindex.value--
				}
				break
		}
	}
	const weekValue = ref("");
	const weekIndex = ref(-1);
	const monthValue = ref("");
	const monthIndex = ref(-1);
	const clickWeek = (item, index) => {
		const now = Date.now()
		if (now - lastTap.value < DOUBLE_TAP_DELAY) {
			// 双击成立
			weekValue.value = item;
			weekIndex.value = index;
			addnew()
			// 重置，避免多次触发
			lastTap.value = 0
		} else {
			weekValue.value = item;
			weekIndex.value = index;
			// 记录本次时间，等待下次点击
			lastTap.value = now
		}
	}
	const clickMonth = (item, index) => {
		const now = Date.now()
		if (now - lastTap.value < DOUBLE_TAP_DELAY) {
			// 双击成立
			monthValue.value = item;
			monthIndex.value = index;
			addnew()
			// 重置，避免多次触发
			lastTap.value = 0
		} else {
			monthValue.value = item;
			monthIndex.value = index;
			// 记录本次时间，等待下次点击
			lastTap.value = now
		}
	}
	const isDelete = ref(false);
	const openDelete = () => {
		flyNumber.value.index0 = -1
		flyNumber.value.index1 = -1
		isMove.value = false;
		if (timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].directiveName) {
			if (!isDelete.value) {
				isDelete.value = true;
			} else {
				isDelete.value = false;
				deleteRuler(saveEditIndex.value.index0, saveEditIndex.value.index1);
			}
		}

	}
	const haveName = ref(false);
	const isHave = () => {
		if (timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].directiveName) {
			haveName.value = true;
		} else {
			haveName.value = false;
		}
	}
	// 给抖动用的
	function pseudoRandom(index0, index1) {
		const seed = index0 * 55.9898 + index1 * 78.233;
		// 产生一个伪随机数，取小数部分
		return Math.abs(Math.sin(seed) * 43758.5453) % 1;
	}
	function computeDelay(index0, index1) {
		const range = 2; // 延迟范围 0 ~ 2 秒
		return pseudoRandom(index0, index1) * range;
	}
	// 在作用域中声明一个定时器变量
	let throttleTimer = null;
	//监听拖拽
	const dragOffset = ref(0);
	const topIn = ref(0)
	const moveDownNumber = ref(0)
	function handleScrolltime(e) {
		let num = e.detail.scrollTop
		topIn.value = e.detail.scrollTop
		let formattedNum = parseFloat(num.toFixed(2));
		moveDownNumber.value = formattedNum
	}
	const leftIn = ref(0)
	function handleTop(e) {
		leftIn.value = e.detail.scrollLeft
	}

	const changeBug = ref(true);
	// 方法：根据条件返回不同的类名
	const getClass = (item, index0, index1) => {
		if (item.cycleType === '日常') {
			if (flyNumber.value.index0 === (index0) && flyNumber.value.index1 === index1) {
				return 'title-time-border-yellow-active-transparent';
			} else if (shakyTable.value) {
				return 'title-time-border-yellow-active';
			} else {
				return 'title-time-border-yellow';
			}
		} else if (item.cycleType) {
			//为啥这么写，是因为动画写行内无效！！！
			if (flyNumber.value.index0 === (index0) && flyNumber.value.index1 === index1) {
				return 'title-time-border-pouple-active-transparent';
			}
			else if (shakyTable.value) {
				return 'title-time-border-pouple-active';
			} else {
				return 'title-time-border-pouple';
			}
		}
		return 'title-time-border';
	}
	// 通用的生成函数
	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 doctorsayList = ref([
		{

			url: genPaths(
				'/static/index/newruler',
				'daily_',
				6,     // 张数
				'png',
				1,     // 起始索引
				false  // 不补零
			), name: '日常'

		},
		{

			url: genPaths(
				'/static/index/newruler',
				'clean_',
				8,     // 张数
				'png',
				1,     // 起始索引
				false  // 不补零
			), name: '清洁'

		},
		{

			url: genPaths(
				'/static/index/newruler',
				'diet_',
				7,     // 张数
				'png',
				1,     // 起始索引
				false  // 不补零
			), name: '饮食'

		},
		{

			url: genPaths(
				'/static/index/newruler',
				'sleep_',
				5,     // 张数
				'png',
				1,     // 起始索引
				false  // 不补零
			), name: '睡眠'

		},
		{

			url: genPaths(
				'/static/index/newruler',
				'defecate_',
				5,     // 张数
				'png',
				1,     // 起始索引
				false  // 不补零
			), name: '排泄'

		},
	]);
	// 当前选中的菜单索引
	const upmenuIndex = ref<number>(1);
	const downmenuIndex = ref<number>(0);
	const downdonghua = ref(-1);
	const thirdmenuIndex = ref<number>(0);
	// 暗黑模式
	const underFans = ref<boolean>(false);
	// 当前选中的菜单索引
	const roomTar = ref<number[]>([]);
	const emit = defineEmits(['vip', 'changeold']);
	const isEdit = ref(false);
	const saveEditIndex = ref({
		index0: -1,
		index1: -1
	})
	const clickstauts = ref(0)
	const secondopenValue = ref([]);

	const secondContant = (index : number) => {
		iszhouqi.value = false;
		weekIndex.value = -1;
		monthIndex.value = -1;
		weekValue.value = "";
		monthValue.value = "";
		downmenuIndex.value = index;
		downdonghua.value = index;
		thirdmenuIndex.value = 0;
		firsttop.value = 1;
		nextTick(() => {
			firsttop.value = 0;
		})
	}

	const newchange = (type : number) => {
		emit('changeold', type)
	}

	const timer = ref(null);//计时器
	const elementsInfo = ref({})//所有表格的信息
	const moveX = ref(0)
	const moveY = ref(0)
	const openX = ref(0)
	const openY = ref(0)
	const flyNumber = ref({
		index0: 999,
		index1: 999,
		tagName: ''
	})
	const deletebottomindex = ref(-1);
	const deletedownisopen = ref(false);
	const deletedownisopacity = ref(false);
	const deletebottom = (index : number, name : string) => {
		bottomisShaking.value = false;
		deletebottomindex.value = index;
		shakyTable.value = false;
		deletedownisopacity.value = false;
		deletedownisopen.value = true;
		deletename.value = name;
		setTimeout(() => {
			deletedownisopacity.value = true
		}, 100)
	}

	const touchindex1 = ref(-1);
	// 分享矩阵到微信
	const shareShow = ref(false);
	const shareToWeixin = () => {

		shareShow.value = true;
		deletedownisopacity.value = false;
		setTimeout(() => {
			deletedownisopacity.value = true
		}, 100)

	}
	const clickshare = () => {
		uni.share({
			provider: "weixin",
			scene: "WXSceneSession",
			type: 0,
			href: "http://192.168.2.31:3101/daytoday",
			title: "护理日程分享",
			summary: "九泰护理日程测试",
			imageUrl: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png",
			success: function (res) {
				console.log("success:");
			},
			fail: function (err) {
				console.log("fail:");
			}
		});
	}
	const jiao = ref([false, false])
	//表格点击开始
	const showDetail = ref([-1, -1])
	const rulerTouchClick = (item : any, index0 : number, index1 : number) => {
		if (item.directiveName) {
			touchindex1.value = index1;
			const query = uni.createSelectorQuery()
			query
				.selectAll('.super-card-time-card')
				.boundingClientRect((data : any) => {
					data.forEach(async (res : any) => {
						// 根据你的条件筛选元素
						if (res.left > 100 && res.left < 1067 && res.top < 670 && res.top > 50 && res.dataset.index0 == index0 && res.dataset.index1 == index1) {
							if (res.left > 100 && res.left < 500) {
								// 表格太靠左侧，修改到右面
								openX.value = Math.floor(res.left) + 528;
								jiao.value[0] = true
							} else {
								openX.value = Math.floor(res.left) - 18
								jiao.value[0] = false
							}
							if (res.top > 500) {
								// 表格太靠上侧，修改到下面
								openY.value = Math.floor(res.top) + 100;
								jiao.value[1] = true
							} else {
								openY.value = Math.floor(res.top) + 180
								jiao.value[1] = false
							}
							// openY.value = Math.floor(res.top);
							await nextTick()
							isopen.value = true;
							showDetail.value[0] = index0;
							showDetail.value[1] = index1;
							isopacity.value = false;
							//加动画
							setTimeout(() => {
								isopacity.value = true;
							}, 100)
						}
					})
				})
				.exec()
		}
	}
	const shakyTable = ref(false);
	const reldata = ref([]);
	//表格长按开始
	const rulerTouchStart = (item : any, index0 : number, index1 : number, e : any) => {

	}
	const rulerTouchMove = (e : any) => {
		const moveXa = Math.floor(e.touches[0].pageX);
		const moveYa = Math.floor(e.touches[0].pageY);
		// 计算移动距离
		if (
			Math.abs(moveXa - moveX.value) > 0 ||
			Math.abs(moveYa - moveY.value) > 0
		) {
			// 移动时取消长按计时器
			if (timer.value) {
				clearTimeout(timer.value);
				timer.value = null;
			}
		}
	}
	//表格长按结束
	const rulerTouchEnd = () => {
		isTuoing.value = false;
		if (timer.value) {
			clearTimeout(timer.value);
			timer.value = null;
		}
	}
	const deleteRuler = (index0 : number, index1 : number) => {
		let tagName = timearr.value[index0].children[index1].tagName
		timearr.value[index0].children[index1] = { directiveName: "", tagName: tagName };
		saveAll()
	}
	const longPressTimer = ref(null);
	const isScrolling = ref(false)
	//长按计时器
	let scrollTimeout = null
	function handleScroll(e) {
		isScrolling.value = true
		// 清除之前的定时器
		if (scrollTimeout) clearTimeout(scrollTimeout)
		// 设置新的定时器
		scrollTimeout = setTimeout(() => {
			isScrolling.value = false;
		}, 400)
	}
	const isBack = ref(false)
	const saveX = ref(0);
	const saveY = ref(0);
	const isTuoing = ref(false);

	// 存储菜单的id
	const saveId = ref("");
	const saveTagName = ref("");
	function isblue() {
		if (openOp.value !== -1) {
			return true
		} else {
			return false
		}
	}

	const bottomTimer = ref(null);
	const bottomisShaking = ref(false);
	const bottomTouchStart = (e) => {
		saveX.value = Math.floor(e.touches[0].pageX);
		saveY.value = Math.floor(e.touches[0].pageY);
		// 2秒后触发抖动效果
		bottomTimer.value = setTimeout(() => {
			bottomisShaking.value = true
		}, 500)
	}
	const bottomTouchMove = (e) => {
		const moveX = Math.floor(e.touches[0].pageX);
		const moveY = Math.floor(e.touches[0].pageY);
		// 计算移动距离
		if (
			Math.abs(moveX - saveX.value) > 0 ||
			Math.abs(moveY - saveY.value) > 0
		) {
			if (bottomTimer.value) {
				clearTimeout(bottomTimer.value)
				bottomTimer.value = null
			}
		}
	}
	const bottomTouchEnd = () => {
		if (bottomTimer.value) {
			clearTimeout(bottomTimer.value)
			bottomTimer.value = null
		}
	}
	const openValue = ref({
		time: "",
		minute: "",
		array: []
	})
	const cardsumit = ref({
		op: {
			name: "",
			index: [-1, -1, -1],
		},
		startTime: "",
		weekTimeNumber: -1,
		monthTimeNumber: -1,
		monthTime: "",
		weekTime: ""
	})
	const openOp = ref(0);
	const clickOp = (index : number, item : any) => {
		saveId.value = item.id;
		// saveTagName.value = item.tagName
		cardsumit.value.op.index[2] = index
		cardsumit.value.op.name = item.relName
		switch (item.cycleType) {
			case `日常护理`:
				openOp.value = 0
				break;
			case `周期护理`:
				openOp.value = 1
				break;
			case `即时护理`:
				openOp.value = 2
				break;
			default:
				break;
		}

	}

	const indexsave = ref([-1, -1]);
	// (长按表格后)表格拖动结束
	const rulerMoveEnd = (object : any) => {
		if (props.liang.index0 !== 999 && object.cycleType) {
			indexsave.value = [props.liang.index0, props.liang.index1]
			// 旧的tagName保存了
			let tagName = timearr.value[flyNumber.value.index0].children[flyNumber.value.index1].tagName
			timearr.value[flyNumber.value.index0].children[flyNumber.value.index1] = { directiveName: '', tagName: tagName }
			//然后保存新的
			let newtagName = timearr.value[indexsave.value[0]].children[indexsave.value[1]].tagName
			timearr.value[indexsave.value[0]].children[indexsave.value[1]] = object
			timearr.value[indexsave.value[0]].children[indexsave.value[1]].tagName = newtagName
			let startTime = timearr.value[indexsave.value[0]].children[indexsave.value[1]].startTime;
			let endTime = timearr.value[indexsave.value[0]].children[indexsave.value[1]].endTime;
			let positioning = timearr.value[indexsave.value[0]].positioning
			const rest = startTime.split(":")[1]; // ":20"
			const rest0 = endTime.split(":")[1];; // ":20"
			let many = Number(rest0) - Number(rest);
			let start = newtagName
			let end = Number(start) + many
			// 用 positioning 替换原来的小时部分
			timearr.value[indexsave.value[0]].children[indexsave.value[1]].startTime = positioning + ":" + start.padStart(2, '0'); // "9:20"
			timearr.value[indexsave.value[0]].children[indexsave.value[1]].endTime = positioning + ":" + String(end % 60).padStart(2, '0'); // "9:20"
			// 检查是否有任意一个对象的 children 数组最后一个对象的 value 有值
		}
	}
	const scrollContainer = ref(null)
	const opensay = () => {
		sayisopacity.value = false;
		sayisopen.value = true;
		setTimeout(() => {
			sayisopacity.value = true
		}, 50)
	}
	const buttonBlue = ref(false)
	let animTimer = null

	async function addnewbutton() {
		// 清定时器（防止残留）
		if (animTimer) {
			clearTimeout(animTimer)
			animTimer = null
		}

		// 先把状态设为 false，等待 DOM 更新后再设为 true —— 达到重启动画的效果
		buttonBlue.value = false
		await nextTick() // 等待下一帧，确保样式被移除

		// 重新打开动画
		buttonBlue.value = true
		addnew()
		// 1s 后还原（与动画时长保持一致）
		animTimer = setTimeout(() => {
			buttonBlue.value = false
			animTimer = null
		}, 1000)
	}

	onBeforeUnmount(() => {
		if (animTimer) clearTimeout(animTimer)
	})
	const addnew = () => {
		if (saveEditIndex.value.index1 === -1 && saveEditIndex.value.index0 === -1) {
			return
		}
		if (isDelete.value) {
			isDelete.value = false;
			deleteRuler(saveEditIndex.value.index0, saveEditIndex.value.index1);
			return
		}
		if (isMove.value) {
			getNew()
			return
		}
		flyNumber.value.index0 = -1;
		flyNumber.value.index1 = -1;
		isMove.value = false;
		let stopIt = false;
		let allobject = bigArray.value[upmenuIndex.value].children[downmenuIndex.value].children[thirdmenuIndex.value]
		// console.log("AAAAAA", allobject.cycleType)
		if (allobject.cycleType === "即时护理") {
			// console.log("zzzzz")
			scrollLeft.value = 1;
			bottomItems.value.forEach((element : any, index : number) => {
				if (element.id === allobject.id) {
					stopIt = true
				}
			})
			nextTick(() => {
				if (!stopIt) {
					scrollLeft.value = 0;
					if (bottomItems.value.length && bottomItems.value[0].target === "#03a4ff") {
						bottomItems.value[0].target = "#fff"
						clearTimeout(cleansettimeout.value);
					}
					let pushValue = allobject;
					pushValue.directiveId = allobject.id;
					pushValue.directiveName = allobject.title;
					pushValue.target = `#03a4ff`
					bottomItems.value.unshift(pushValue)
					// console.log("??????",bottomItems.value)
					// 实现即时指令动画
					cleansettimeout.value = setTimeout(() => {
						bottomItems.value[0].target = `#fff`;
					}, 1500)
				} else {
					clearTimeout(cleansettimeoutrel.value);
					isop.value = true;
					cleansettimeoutrel.value = setTimeout(() => {
						isop.value = false;
					}, 1500)
				}
				saveAll()
			})
			return
		}

		if (allobject.cycleType === "周期护理" && iszhouqi.value && weekIndex.value == -1 && monthIndex.value == -1) {
			return
		}
		else if (allobject.cycleType === "周期护理" && !iszhouqi.value) {
			iszhouqi.value = true
			return
		}
		let cycleType = "";
		let cycleValue = "";
		if (allobject.cycleType === "日常护理") {
			cycleType = "日常"
		} else {
			if (weekIndex.value !== -1) {
				cycleType = weekValue.value
				let cycleTypeIndex = 0;
				weekDays.forEach((element : any, index : any) => {
					if (element == weekValue.value) {
						cycleTypeIndex = index
					}
				})
				cycleValue = cycleTypeIndex.toString()
			} else {
				cycleType = monthValue.value + "号";
				cycleValue = monthValue.value
			}
			iszhouqi.value = false;
			weekIndex.value = -1;
			monthIndex.value = -1;
			weekValue.value = "";
			monthValue.value = "";
		}
		const startHour = Number(saveEditIndex.value.index0)
		const startMinute = Number(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].tagName)
		const endMinute = startMinute + 10
		const endHour = startHour + Math.floor(endMinute / 60)
		const formattedStart = `${String(startHour)}:${String(startMinute).padStart(2, '0')}`
		const formattedEnd = `${String(endHour)}:${String(endMinute % 60).padStart(2, '0')}`
		timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].startTime = formattedStart
		timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].endTime = formattedEnd
		// const moBan = ref({
		// 	directiveId: "",
		// 	directiveName: "",
		// 	typeId:"",
		// 	typeName:"",
		// 	categoryId:"",
		// 	categoryName:"",
		// 	cycleTypeId:"",
		// 	cycleType:"",
		// 	cycleValue:"",
		// 	startTime: "",
		// 	endTime: "",
		// 	positioning: "",
		// 	positioningLong: "",
		// 	izPackage:false,
		// 	previewFile:"",
		// 	previewFileSmall:"",
		// 	immediateFile:"",
		// 	immediateFileFocus:"",
		// 	tagName: "",
		// })
		console.log("))))",allobject.cycleTypeId)
		let param = {
			directiveId: allobject.id,
			directiveName: allobject.title,
			typeId: allobject.typeId,
			typeName: allobject.typeName,
			categoryId: allobject.categoryId,
			categoryName: allobject.categoryName,
			cycleTypeId: allobject.cycleTypeId,
			cycleType: cycleType,
			cycleValue: cycleValue,
			startTime: formattedStart,
			endTime: formattedEnd,
			positioning: saveEditIndex.value.index0.toString(),
			positioningLong: saveEditIndex.value.index1.toString(),
			izPackage: '0',
			previewFile: allobject.previewFile,
			previewFileSmall: allobject.previewFileSmall,
			immediateFile: allobject.immediateFile,
			immediateFileFocus: allobject.immediateFileFocus,
			netImmediateFile: allobject.netImmediateFile,
			tagName: timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].tagName,
		}
		//给表格赋值
		timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1] = param;
		let data = {
			index0: saveEditIndex.value.index0,
			index1: saveEditIndex.value.index1
		}
		whereEvent(data);
		saveAll()

	}
	const cleansettimeout = ref(null);
	const cleansettimeoutrel = ref(null);
	const saveAll = () => {
		if(!cansumit.value){
			return
		}
		//给后端编译一下
		let postArray = [];
		timearr.value.forEach((element0, index0) => {
			element0.children.forEach((element1, index1) => {
				let savetagName = ""
				if (!element1.directiveName && !element1.id) {
					// let array = {};
					// if (element1.tagName) {
					// 	savetagName = element1.tagName
					// }
					// array = JSON.parse(JSON.stringify(moBan.value))
					// savetagName ? array.tagName = savetagName : ""
					// array.positioning = index0
					// array.positioningLong = index1
					// postArray.push(array)
				} else {
					element1.positioning = index0;
					element1.positioningLong = index1;
					postArray.push(element1)
				}

			})
		})
		// console.log("00000", postArray);
		// console.log("111111",bottomItems.value)
		let info = []

		bodyTagList.value.forEach((element : any) => {
			if (element.izSelected == '1') {
				info.push(element)
			}
		})
		emotionTagList.value.forEach((element : any) => {
			if (element.izSelected == '1') {
				info.push(element)
			}
		})
		
		bottomItems.value.forEach((element:any,index:number)=>{
			element.sort = index
		})
		console.log("bottomItems",bottomItems.value)
		// console.log("22222",info)
		// console.log("cccc",uni.getStorageSync('NUall').elderInfo.name)
		let allvalue = {
			nuId: uni.getStorageSync('nuId'),
			nuName: uni.getStorageSync('nuName'),
			customerId: uni.getStorageSync('customerId'),
			customerName: uni.getStorageSync('NUall').elderInfo.name,
			serverList: postArray,
			instantList: bottomItems.value,
			tagList: info
		}
		// console.log("提交的", allvalue)
		
		addBatch(allvalue).then(() => {
			
			geteverything()
			// getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
			// 	if (res.success) {
			// 		console.log("new", res.result)
			// 		timearr.value = res.result
			// 	}

			// })
		})
	}
	const routerPush = () => {
		uni.setStorage({
			key: 'myArray',
			data: timearr.value,
			success: function () {
				uni.navigateTo({
					url: `/pages/timeMatrix/indexnew`
				})
			},
		});
	}
	// 暂存器
	const saveRulerTime = ref({
		index0: -1,
		index1: -1
	})
	const targetRuler = ref({
		index0: -1,
		index1: -1,
		current: -1,
		bordershow: true
	})
	const solveWatch = ref(0)
	const whereEvent = (data : any) => {
		saveEditIndex.value.index0 = data.index0;
		saveEditIndex.value.index1 = data.index1;
		centerCell();
		targetRuler.value.index0 = data.index0;
		targetRuler.value.index1 = data.index1;
		saveRulerTime.value.index0 = targetRuler.value.index0;
		saveRulerTime.value.index1 = targetRuler.value.index1;
		targetRuler.value.bordershow = false;
		setTimeout(() => {
			targetRuler.value.index0 = -1;
			targetRuler.value.index1 = -1;
			targetRuler.value.current = -1
		}, 400)
		setTimeout(() => {
			targetRuler.value.bordershow = true;
			saveRulerTime.value.index0 = -1;
			saveRulerTime.value.index1 = -1;
		}, 1000)
	}
	// 定义每小时中的分钟数组，表示每 5 分钟一个时间段，总共 12 个
	const minuteArr = ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55']
	const timearr = ref(
		Array.from({ length: 24 }, (_, hour) => ({
			positioning: hour.toString(),
			children: minuteArr.map(time => ({
				tagName: time,           // 表示分钟，如 '00', '05' 等
				directiveName: '' // 默认的 directiveName
			}))
		}))
	)
	const emotionTagList = ref([]);
	const bodyTagList = ref([]);
	onShow(() => {

		getServiceTree().then((res : any) => {
			// console.log("?????",res)
			res.result.forEach((element : any) => {
				if (element.netFlag == '0') {
					doctorsayList.value.forEach((res : any) => {
						if (res.name == element.title) {
							element.url = res.url
						}
					})
				} else {
					element.url = element.animationPath
				}
				element.children.forEach((res1 : any) => {
					if (res1.netFlag == '0') {
						secondtemp.value.forEach((res2 : any) => {
							if (res2.name == res1.title) {
								res1.url = res2.url
							}
						})
					} else {
						res1.url = res1.animationPath
					}

				})
			})
			bigArray.value = res.result;
			// console.log("((((()))))", bigArray.value)
			downList.value = bigArray.value[0].children
			upmenuIndex.value = -1;
			downdonghua.value = -1;
			setTimeout(() => {
				upmenuIndex.value = 0;
				downdonghua.value = 0;
			}, 50)
			geteverything()
		})


		uni.$on('where', findback);
	})
	
	const bodyTagListLook = ref([]);
	const emotionTagListLook = ref([]);
	const cansumit = ref(false);
	const geteverything = () => {
		if (uni.getStorageSync('nuId') && uni.getStorageSync('customerId')) {
			getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
				
				console.log("返回的",res.result)
				res.result.serviceList.forEach((res:any)=>{
					timearr.value[res.positioning].children[res.positioningLong] = res;
				})
				//为了动画
				
				// if(cansumit.value){
				// 	setTimeout(()=>{
				// 		bottomItems.value = res.result.instantList
				// 	},1500)
				// }else{
				// 	bottomItems.value = res.result.instantList
				// }
				bottomItems.value = res.result.instantList
				cansumit.value = true;
				emotionTagList.value = res.result.emotionTagList;
				emotionTagListLook.value = []
				bodyTagListLook.value = []
				// console.log("@@@@@",res.result.emotionTagList)
				res.result.emotionTagList.forEach((res:any)=>{
					if(res.izSelected=='1'){
						emotionTagListLook.value.push(res.netPic)
					}
				})
				bodyTagList.value = res.result.bodyTagList
				res.result.bodyTagList.forEach((res:any)=>{
					if(res.izSelected=='1'){
						bodyTagListLook.value.push(res.netPic)
					}
				})
				// res.result.emotionTagList.forEach((element:any)=>{
				// 	if(element.izSelected=='1'){
				// 		bodyTagListLook.value.push(element.netPic)
				// 	}
				// })
				// bodyTagList.value = res.result.bodyTagList
				// res.result.emotionTagList.forEach((element:any)=>{
				// 	if(element.izSelected=='1'){
				// 		emotionTagListLook.value.push(element.netPic)
				// 	}
				// })
			})
		}
	}
	onHide(() => {
		uni.$off('where', findback);
	});
	function findback(data : any) {
		solveWatch.value = 3;
		whereEvent(data)
	}
	defineExpose({
		rulerMoveEnd,
	})

	const moveNumber = ref({
		index0: 999,
		index1: 999
	})
	// tagName: "",
	// nuId: uni.getStorageSync('nuId'),
	// customerId: uni.getStorageSync('customerId'),
	// id: "",
	const moBan = ref({
		directiveId: "",
		directiveName: "",
		typeId: "",
		typeName: "",
		categoryId: "",
		categoryName: "",
		cycleTypeId: "",
		cycleType: "",
		cycleValue: "",
		startTime: "",
		endTime: "",
		positioning: "",
		positioningLong: "",
		izPackage: '0',
		previewFile: "",
		previewFileSmall: "",
		immediateFile: "",
		immediateFileFocus: "",
		netImmediateFile: "",
		tagName: "",
	})
	// 切割bigArray
	function splitString(str) {
		// 使用正则表达式找到所有括号的内容
		let result = [];
		let remainingStr = str;
		// 正则匹配最外层括号（支持全角和半角）
		let regex = /([^（(]*)[（(]([^）)]+)[）)]/;
		while (regex.test(remainingStr)) {
			let match = remainingStr.match(regex);
			if (match) {
				// 添加括号前的部分（去掉空白）
				if (match[1].trim()) {
					result.push(match[1].trim());
				}
				// 添加括号内的内容
				if (match[2].trim()) {
					result.push(match[2].trim());
				}
				// 更新剩余的字符串
				remainingStr = remainingStr.replace(match[0], '').trim();
			}
		}
		// 如果最后还有剩余部分，也加入结果
		if (remainingStr.trim()) {
			result.push(remainingStr.trim());
		}
		return result;
	}

	const totalColumns = 24; // 总列数
	const totalRows = 11;    // 总行数
	const visibleWidth = 1300;  // 可视区域宽度 (rpx)，基于 scalcType * widthType ≈ 2220
	const visibleHeight = 500; // 可视区域高度 (rpx)，假设显示约5行时 heightType = 102.5
	function centerCell() {
		if (saveEditIndex.value.index0 >= 0 && saveEditIndex.value.index0 <= totalColumns && saveEditIndex.value.index1 >= 0 && saveEditIndex.value.index1 <= totalRows) {
			// 计算点击格子的中心位置 (rpx)
			const cellCenterX = (saveEditIndex.value.index0 + 0.5) * 259;
			const cellCenterY = (saveEditIndex.value.index1 - 1) * 250.5;
			// 计算 scrollLeft 和 scrollTop，使格子中心位于可视区域中心
			cardLeft.value = cellCenterX - visibleWidth / 2;
			scrollTop.value = cellCenterY - visibleHeight / 2;
			// 计算网格总宽高
			const totalWidth = totalColumns * 259;
			const totalHeight = totalRows * 250.5;
			// 限制 scrollLeft 和 scrollTop 在有效范围内
			cardLeft.value = Math.max(0, Math.min(cardLeft.value, totalWidth - visibleWidth)) / 2;
			// scrollTop.value =  0
			scrollTop.value = Math.max(0, Math.min(scrollTop.value, totalHeight - visibleHeight)) / 2;
		}
	}
</script>

<style lang="less" scoped>
	// 主页的css
	@import './index';

	.right-container-title-nav {
		margin-top: 60rpx;
		display: flex;
		align-items: center;
		height: 60rpx;
		position: relative;
		font-size: 28rpx;

		.new-weight {
			margin-left: 30rpx;
			font-weight: 600;
		}

		.right-icons {
			position: absolute;
			right: 0;
			top: 0;
			display: flex;
			align-items: center;
			margin-top: -5rpx;
		}
	}

	.white-button {
		width: 160rpx;
		height: 70rpx;
		border-radius: 40rpx;
		background-color: #E6E7EB;
		margin-left: 20rpx;
		margin-top: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;

		.white-img {
			width: 35rpx;
			height: 35rpx;
			margin-right: 10rpx;
		}
	}

	.left-top {
		border-top-left-radius: 0 !important;
	}

	.right-top {
		border-top-right-radius: 0 !important;
	}

	.left-bottom {
		border-bottom-left-radius: 0 !important
	}

	.right-bottom {
		border-bottom-right-radius: 0 !important;
	}

	.mark {
		font-size: 29rpx;
		position: relative;
	}

	.marknone {
		font-size: 29rpx;
		color: #999;
		display: flex;
		margin-top: 5rpx;
	}

	.tri-down {
		width: 0;
		height: 0;
		border-left: 10rpx solid transparent;
		/* s/2 */
		border-right: 10rpx solid transparent;
		/* s/2 */
		border-top: 17.32rpx solid #999;
		/* 0.866 * s */
		margin: 0rpx 0rpx 0 15rpx;
	}

	.mark-bgc {
		position: absolute;
		top: 50rpx;
		left: 0;
		width: 450rpx;
		background-color: #fff;
		z-index: 999;
		border-radius: 30rpx;
		padding-bottom: 30rpx;
		transition: opacity 0.3s ease;
	}

	.blue-button {
		margin-top: 60rpx;
		width: 150rpx;
		height: 70rpx;
		border-radius: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #007CFF;
		font-size: 30rpx;
		background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
		border: 2rpx solid #9AD1FF;
	}

	.firsttarget {
		--color: #99C9FD;
		--thick: 2px;
		--radius: 50rpx;
		--outline-offset: 10rpx;
		/* 外扩多少 */
		/* 内层虚线（你现在用的） */
		border-radius: var(--radius);
		/* 内部背景 */
		animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
		/* 外层虚线：放在 outline（不会影响元素尺寸） */
		outline: var(--thick) dashed var(--color);
		outline-offset: var(--outline-offset);
		/* 保证文本 / 子元素在最上层 */
		position: relative;
		z-index: 999;
	}

	.secondtarget {
		--color: #99C9FD;
		--thick: 2px;
		--radius: 10rpx;
		--outline-offset: 0rpx;
		/* 外扩多少 */
		/* 内层虚线（你现在用的） */
		border-radius: var(--radius);
		/* 内部背景 */
		animation: scalePulse 360ms cubic-bezier(.2, .8, .2, 1);
		/* 外层虚线：放在 outline（不会影响元素尺寸） */
		outline: var(--thick) dashed var(--color);
		outline-offset: var(--outline-offset);
		/* 保证文本 / 子元素在最上层 */
		position: relative;
		z-index: 999;
	}

	.xian-bian {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		border-right: 1rpx solid transparent;
		border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1;
	}

	.pulic-time {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #99C9FD;
		font-size: 35rpx;
		font-weight: 600;
	}
</style>