2294 lines
71 KiB
Vue
2294 lines
71 KiB
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="overlay" v-show="openbody" @click="openbody=false"></view>
|
||
<view class="mark-bgc" v-show="openbody" :style="{opacity:bodydonghua?1:0}" @click.stop>
|
||
<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==`Y`?item.netPicFocus: item.netPic" />
|
||
<view class="tags-font"
|
||
:style="item.izSelected==`Y`?{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="overlay" v-show="openface" @click="openface=false"></view>
|
||
<view class="mark-bgc" v-show="openface" :style="{opacity:facedonghua?1:0}" @click.stop>
|
||
<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==`Y`?item.netPicFocus: item.netPic" />
|
||
<view class="tags-font"
|
||
:style="item.izSelected==`Y`?{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 class="white-button" :class="topindex===3?'firsttarget':''" @click="zhilingbao">
|
||
<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" :style="{ transform: transformStyle }">
|
||
<view>
|
||
<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 class="boom" :style="{ transform: transformStyle }" ref="leftLabels">
|
||
<view v-for="(item, index) in timearr[0].children" :key="index" class="boom-son"
|
||
v-show="item.tagName">
|
||
<text class="boom-text">{{ item.tagName }}</text>
|
||
</view>
|
||
</view> -->
|
||
</view>
|
||
|
||
<view class="super-card-container">
|
||
<scroll-view style="height: 1330rpx;width: 100%;border: 2rpx solid balck;" scroll-with-animation
|
||
: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% - 330rpx);position: relative;">
|
||
<view class="xian-bian"></view>
|
||
<scroll-view style="height: 100%;width:6744rpx;" :scroll-top="scrollTop"
|
||
scroll-with-animation :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)"
|
||
: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: 10rpx"
|
||
:src="item1.netImmediateFile?item1.netImmediateFile:`/static/logo.png`" />
|
||
<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: 20rpx;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"
|
||
:style="{fontSize: (item.directiveName?.trim().length > 6) ? '25rpx' : '27rpx' }">
|
||
{{item.directiveName}}
|
||
</view>
|
||
</view>
|
||
<view class="super-end-items-father-close-father" v-show="bottomisShaking"
|
||
@click.stop="bottomItems.splice(index, 1);killjishi(item.id)">
|
||
-
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="middle-box" v-show="!iszhiling">
|
||
<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) ? '20rpx' : '25rpx' },
|
||
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="`50rpx`" :height="`50rpx`" :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="middle-box" v-show="iszhiling">
|
||
<scroll-view scroll-y style="height: 100%;width:100%;" :show-scrollbar="false">
|
||
<view class="zhiling-card" :style="forthmenuIndex==index?{backgroundColor:`#fff`}:{}"
|
||
v-for="(item,index) in savePackagelist" :key="index"
|
||
@click="clickzhilingbao(index)">
|
||
<image class="zhiling-card-button" src="/static/index/newruler/jiao.png" />
|
||
<view class="zhiling-card-font">
|
||
指令包
|
||
</view>
|
||
<view class="">
|
||
包名：{{ item.packageName }}
|
||
</view>
|
||
<view class="bag">
|
||
<text>
|
||
包含：
|
||
</text>
|
||
<view class="bag-one" v-for="(item1,index1) in item.directivesList"
|
||
:key="index">
|
||
<text v-if="index1">、</text>
|
||
{{ item1.directiveName }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
<view class="under-button">
|
||
<view class="under-button-black" v-if="isop">
|
||
不能重复添加相同的即时服务指令
|
||
</view>
|
||
<view class="under-button-black" v-if="isempty">
|
||
请选择服务指令来进行操作
|
||
</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;isMove=false;flyNumber.index0 = -1;flyNumber.index1 = -1;">
|
||
<image class="white-circle-img"
|
||
:src="`/static/index/keyimg/open${open ? 'blue' : ''}.png`" />
|
||
</view>
|
||
<view style="position: relative;">
|
||
<view 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)" v-show="!iszhiling">
|
||
<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" style="height: 390rpx;" :class="getjiao"
|
||
v-if="timearr[showDetail[0]]?.children[showDetail[1]]?.izPackage==='N'"
|
||
: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="timearr[showDetail[0]]?.children[showDetail[1]]?.netImmediateFileFocus" />
|
||
</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 class="popup-overlay-content" :class="getjiao" v-else
|
||
:style="{ top: (2*openY - 350) + 'rpx',left: (2*openX - 780) + 'rpx',opacity: isopacity ? 1 : 0 }"
|
||
@click.stop>
|
||
<view class="specia-onshow">
|
||
<view class="specia-title">
|
||
{{ timearr[showDetail[0]]?.children[showDetail[1]]?.startTime }} -
|
||
{{ timearr[showDetail[0]]?.children[showDetail[1]]?.endTime }}
|
||
</view>
|
||
<view class="specia-cards" v-if="timearr[showDetail[0]]?.children[showDetail[1]]?.directivesList">
|
||
<view class="title-time-border-yellow"
|
||
style="font-size: 30rpx;overflow: hidden;width: 232rpx;height: 150rpx;"
|
||
v-for="(item1,index1) in timearr[showDetail[0]]?.children[showDetail[1]]?.directivesList"
|
||
:key="index1">
|
||
|
||
<view class="title-time" style="flex-direction: column;">
|
||
<image style="width: 60rpx;height: 60rpx;margin: 0 auto;margin-top: 10rpx"
|
||
:src="item1.netImmediateFile" />
|
||
<view class="title-time-time" style="font-size: 30rpx;">
|
||
{{item1.serviceDuration + "分钟"}}
|
||
</view>
|
||
<image class="title-time-button" style="width: 80rpx;height: 48rpx;"
|
||
src="/static/index/newruler/jiao.png" />
|
||
<view class="title-time-font" style="right: 10rpx;top: 5rpx;font-size: 23rpx;">
|
||
{{ item1.cycleType?item1.cycleType:"日常" }}
|
||
</view>
|
||
</view>
|
||
<view class="title-time-font-rel">
|
||
{{splitString(item1.directiveName)[0]}}
|
||
</view>
|
||
|
||
</view>
|
||
</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;">
|
||
{{uni.getStorageSync('nuName')}}
|
||
<text style="color: #1083F8;">
|
||
{{uni.getStorageSync('NUall').elderInfo?uni.getStorageSync('NUall').elderInfo.name:""}}
|
||
</text>
|
||
</view>
|
||
<view class="blue-button">
|
||
分享
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view :class="['neuro-wrapper', deletedonghua ? 'is-active' : '']" v-if="isDelete">
|
||
<!-- 遮罩层，点击触发关闭 -->
|
||
<view class="neuro-mask" @click="isDelete=false"></view>
|
||
<!-- 拟态框，阻止冒泡点击 -->
|
||
<view class="neuro-box" @click.stop>
|
||
|
||
<view class="delete-button-father">
|
||
<view class="button-white" @click="isDelete=false">取消</view>
|
||
<view class="button" @click="openDelete()">确定</view>
|
||
</view>
|
||
|
||
<view class="title">确定要删除指令吗</view>
|
||
<view class="title-time-border-yellow"
|
||
style="font-size: 30rpx;overflow: hidden;width: 240rpx;height: 170rpx;">
|
||
|
||
<view class="title-time" style="flex-direction: column;">
|
||
<image style="width: 60rpx;height: 60rpx;margin: 0 auto;margin-top: 10rpx"
|
||
:src="timearr[saveEditIndex.index0].children[saveEditIndex.index1].netImmediateFile?timearr[saveEditIndex.index0].children[saveEditIndex.index1].netImmediateFile:`/static/logo.png`" />
|
||
<view class="title-time-time" style="font-size: 30rpx;">
|
||
{{timearr[saveEditIndex.index0].children[saveEditIndex.index1].startTime + `-` + timearr[saveEditIndex.index0].children[saveEditIndex.index1].endTime}}
|
||
</view>
|
||
<image class="title-time-button" style="width: 80rpx;height: 48rpx;"
|
||
v-if="timearr[saveEditIndex.index0].children[saveEditIndex.index1].cycleType"
|
||
src="/static/index/newruler/jiao.png" />
|
||
<view class="title-time-font" style="right: 10rpx;top: 5rpx;font-size: 23rpx;"
|
||
v-if="timearr[saveEditIndex.index0].children[saveEditIndex.index1].cycleType">
|
||
{{ timearr[saveEditIndex.index0].children[saveEditIndex.index1].cycleType }}
|
||
</view>
|
||
</view>
|
||
<view class="title-time-font-rel">
|
||
{{splitString(timearr[saveEditIndex.index0].children[saveEditIndex.index1].directiveName)[0]}}
|
||
</view>
|
||
|
||
</view>
|
||
<!-- <view class="card-font">
|
||
确定要删除指令吗
|
||
</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 { getNclist, addBatch, addDirective, addInstant, addElderTag, deleteDirective, deleteInstant, deleteElderTag, editDirective } 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)
|
||
}
|
||
}
|
||
}
|
||
)
|
||
|
||
/* ---- 用于 transform 的响应式字符串 ----
|
||
注意：虽然这是响应式，但我们只在 rAF 里更新它（受控更新），避免频繁触发 Vue 渲染 */
|
||
const transformStyle = ref('translate3d(0, 0, 0)');
|
||
/* rAF / 计数器变量 */
|
||
let lastY = 0;
|
||
let ticking = false;
|
||
|
||
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 == 'Y') {
|
||
// console.log("///",bodyTagList.value[index])
|
||
// return
|
||
bodyTagList.value[index].izSelected = 'N';
|
||
|
||
} else {
|
||
let targetNumber = 0;
|
||
bodyTagList.value.forEach((element : any) => {
|
||
if (element.izSelected == 'Y') {
|
||
targetNumber++
|
||
}
|
||
})
|
||
|
||
if (targetNumber > 1) {
|
||
uni.showToast({
|
||
title: "标签最多只能添加两个",
|
||
icon: 'none',
|
||
duration: 3000
|
||
})
|
||
return
|
||
} else {
|
||
bodyTagList.value[index].izSelected = 'Y';
|
||
}
|
||
}
|
||
saveAll()
|
||
}
|
||
const addface = (index : number) => {
|
||
if (emotionTagList.value[index].izSelected == 'Y') {
|
||
emotionTagList.value[index].izSelected = 'N'
|
||
} else {
|
||
let targetNumber = 0;
|
||
emotionTagList.value.forEach((element : any) => {
|
||
if (element.izSelected == 'Y') {
|
||
targetNumber++
|
||
}
|
||
})
|
||
|
||
if (targetNumber > 1) {
|
||
uni.showToast({
|
||
title: "标签最多只能添加两个",
|
||
icon: 'none',
|
||
duration: 3000
|
||
})
|
||
return
|
||
} else {
|
||
emotionTagList.value[index].izSelected = 'Y';
|
||
}
|
||
}
|
||
saveAll()
|
||
}
|
||
|
||
const open = ref(false);
|
||
const getblue = ref(false);
|
||
|
||
const bottomItems = ref([])
|
||
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 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 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([])
|
||
// 上次点击时间
|
||
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 = () => {
|
||
if (flyNumber.value.index0 === saveEditIndex.value.index0 && flyNumber.value.index1 === saveEditIndex.value.index1) {
|
||
isMove.value = false;
|
||
flyNumber.value.index0 = -1;
|
||
flyNumber.value.index1 = -1;
|
||
return
|
||
}
|
||
if (timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].id) {
|
||
deleteDirective(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1]).then((res : any) => {
|
||
doChangeNew()
|
||
})
|
||
} else {
|
||
doChangeNew()
|
||
}
|
||
|
||
|
||
}
|
||
const doChangeNew = () => {
|
||
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;
|
||
|
||
|
||
// 解析原始时间（健壮地 trim）
|
||
const parseTime = (t) => {
|
||
const parts = String(t || '').split(':').map(s => s.trim());
|
||
const h = Number(parts[0] ?? 0);
|
||
const m = Number(parts[1] ?? 0);
|
||
return {
|
||
hour: Number.isFinite(h) ? h : 0,
|
||
minute: Number.isFinite(m) ? m : 0
|
||
};
|
||
};
|
||
|
||
const sOrig = parseTime(startTime);
|
||
const eOrig = parseTime(endTime);
|
||
|
||
// 计算时长（分钟）。若发生负值，认为跨天（加 24*60）
|
||
let duration = (eOrig.hour * 60 + eOrig.minute) - (sOrig.hour * 60 + sOrig.minute);
|
||
if (duration < 0) duration += 24 * 60; // 假设结束是在次日或跨日
|
||
|
||
// 解析新的起始分钟和小时（positioning 可能是字符串）
|
||
const newStartMin = Number(String(newtagName).trim());
|
||
const newHour = Number(String(positioning).trim());
|
||
|
||
// 校验
|
||
if (!Number.isFinite(newStartMin) || newStartMin < 0 || newStartMin >= 60) {
|
||
throw new Error('newtagName 必须是 0-59 的数字字符串或数字');
|
||
}
|
||
if (!Number.isFinite(newHour) || newHour < 0) {
|
||
throw new Error('positioning 必须是有效小时（数字或数字字符串）');
|
||
}
|
||
|
||
// 计算新的起止总分钟
|
||
const newStartTotal = newHour * 60 + newStartMin;
|
||
const newEndTotal = newStartTotal + duration;
|
||
|
||
// 处理跨小时/跨天
|
||
const newEndHour = Math.floor(newEndTotal / 60) % 24; // 保持在 0-23
|
||
const newEndMin = newEndTotal % 60;
|
||
|
||
// 格式化字符串
|
||
const pad2 = (n) => String(n).padStart(2, '0');
|
||
|
||
timearr.value[indexsave.value[0]].children[indexsave.value[1]].startTime =
|
||
`${String(newHour)}:${pad2(newStartMin)}`;
|
||
|
||
timearr.value[indexsave.value[0]].children[indexsave.value[1]].endTime =
|
||
`${String(newEndHour)}:${pad2(newEndMin)}`;
|
||
// 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()
|
||
let infoValue = timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1]
|
||
infoValue.positioning = saveEditIndex.value.index0;
|
||
infoValue.positioningLong = saveEditIndex.value.index1;
|
||
// console.log("issuccess？",saveEditIndex.value.index0,saveEditIndex.value.index1)
|
||
editDirective(infoValue).then((res : any) => {
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
|
||
})
|
||
}
|
||
//变更左侧菜单
|
||
const changLeft = (index : number) => {
|
||
if (index === 5) {
|
||
uni.navigateTo({
|
||
url: "/pages/watch/full"
|
||
})
|
||
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 isempty = ref(false);
|
||
const changecard = () => {
|
||
isDelete.value = false;
|
||
open.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
|
||
}
|
||
else {
|
||
isempty.value = true;
|
||
setTimeout(() => {
|
||
isempty.value = false;
|
||
}, 1500)
|
||
}
|
||
}
|
||
}
|
||
|
||
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;
|
||
open.value = false
|
||
if (timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].directiveName) {
|
||
if (!isDelete.value) {
|
||
isDelete.value = true;
|
||
setTimeout(() => deletedonghua.value = true, 50)
|
||
|
||
} else {
|
||
isDelete.value = false;
|
||
deleteRuler(saveEditIndex.value.index0, saveEditIndex.value.index1);
|
||
}
|
||
} else {
|
||
isempty.value = true;
|
||
setTimeout(() => {
|
||
isempty.value = false;
|
||
}, 1500)
|
||
}
|
||
|
||
}
|
||
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 moveDownNumber = ref(0)
|
||
/* 兼容：如果不支持 requestAnimationFrame，就用 setTimeout */
|
||
const requestAnimationFrame =
|
||
typeof window !== 'undefined' && window.requestAnimationFrame
|
||
? window.requestAnimationFrame
|
||
: (cb) => setTimeout(cb, 16);
|
||
function handleScrolltime(e) {
|
||
// let num = e.detail.scrollTop
|
||
// let formattedNum = parseFloat(num.toFixed(2));
|
||
// moveDownNumber.value = formattedNum
|
||
// uni-app 的 scroll 事件通常把位置放在 e.detail.scrollTop
|
||
// 为保险，先做容错判断
|
||
const scrollTop = (e && e.detail && (e.detail.scrollTop ?? e.detail.scrollY)) || 0;
|
||
lastY = scrollTop;
|
||
|
||
// 如果还在等待上一帧更新，就直接返回；否则安排下一帧更新
|
||
if (!ticking) {
|
||
ticking = true;
|
||
requestAnimationFrame(() => {
|
||
// 把 transform 更新为负的 scrollTop（向上平移）
|
||
// 使用 translate3d 触发 GPU 合成层
|
||
transformStyle.value = `translate3d(0, -${lastY}px, 0)`;
|
||
ticking = false;
|
||
});
|
||
}
|
||
}
|
||
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';
|
||
}
|
||
}
|
||
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 forthmenuIndex = ref<number>(0);
|
||
|
||
const clickzhilingbao = (e : number) => {
|
||
const now = Date.now()
|
||
forthmenuIndex.value = e
|
||
if (now - lastTap.value < DOUBLE_TAP_DELAY) {
|
||
// 双击成立
|
||
addnew()
|
||
// 重置，避免多次触发
|
||
lastTap.value = 0
|
||
} else {
|
||
// 记录本次时间，等待下次点击
|
||
lastTap.value = now
|
||
}
|
||
}
|
||
// 暗黑模式
|
||
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) => {
|
||
isDelete.value = false;
|
||
saveEditIndex.value.index0 = index0;
|
||
saveEditIndex.value.index1 = index1;
|
||
centerCell();
|
||
isRule.value = true;
|
||
setTimeout(() => {
|
||
if (item.directiveName && open.value) {
|
||
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
|
||
}
|
||
await nextTick()
|
||
isopen.value = true;
|
||
|
||
showDetail.value[0] = index0;
|
||
showDetail.value[1] = index1;
|
||
console.log("shaa",timearr.value[showDetail.value[0]]?.children[showDetail.value[1]]?.izPackage)
|
||
isopacity.value = false;
|
||
//加动画
|
||
setTimeout(() => {
|
||
isopacity.value = true;
|
||
}, 100)
|
||
}
|
||
})
|
||
})
|
||
.exec()
|
||
}
|
||
}, 400)
|
||
}
|
||
const shakyTable = ref(false);
|
||
const reldata = ref([]);
|
||
const deleteRuler = (index0 : number, index1 : number) => {
|
||
console.log("?????", timearr.value[index0].children[index1])
|
||
deleteDirective(timearr.value[index0].children[index1]).then((res : any) => {
|
||
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
})
|
||
}
|
||
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;
|
||
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 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)
|
||
}
|
||
|
||
const doaddDirective = (element : any) => {
|
||
// console.log("提交了啥", element)
|
||
addDirective(element).then((res) => {
|
||
console.log("添加后返回了啥1", res)
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
})
|
||
}
|
||
|
||
const killjishi = (id : string) => {
|
||
deleteInstant({ id: id }).then((res) => {
|
||
// console.log("添加后返回了啥1", res)
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
})
|
||
}
|
||
|
||
const addnew = () => {
|
||
// console.log("9999", timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1])
|
||
|
||
if (isDelete.value) {
|
||
isDelete.value = false;
|
||
deleteRuler(saveEditIndex.value.index0, saveEditIndex.value.index1);
|
||
return
|
||
}
|
||
if (isMove.value) {
|
||
getNew()
|
||
return
|
||
}
|
||
let haveValue = false;
|
||
if (timearr.value[saveEditIndex.value.index0]?.children[saveEditIndex.value.index1].directiveName) {
|
||
haveValue = true
|
||
}
|
||
// return
|
||
if (iszhiling.value) {
|
||
|
||
let allobject = savePackagelist.value[forthmenuIndex.value];
|
||
// console.log("special",allobject)
|
||
|
||
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 cycleType = `打包`;
|
||
let cycleValue = "";
|
||
const startHour = Number(saveEditIndex.value.index0)
|
||
const startMinute = Number(timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].tagName)
|
||
const endMinute = startMinute + Number(allobject.serviceDuration)
|
||
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')}`
|
||
|
||
let param = {
|
||
id: haveValue ? timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].id : "",
|
||
nuId: uni.getStorageSync('nuId'),
|
||
nuName: uni.getStorageSync('nuName'),
|
||
customerId: uni.getStorageSync('customerId'),
|
||
customerName: uni.getStorageSync('NUall').elderInfo.name,
|
||
directiveId: allobject.id,
|
||
directiveName: allobject.packageName,
|
||
typeId: "",
|
||
typeName: "",
|
||
categoryId: "",
|
||
categoryName: "",
|
||
cycleTypeId: "",
|
||
cycleType: cycleType,
|
||
cycleValue: cycleValue,
|
||
startTime: formattedStart,
|
||
endTime: formattedEnd,
|
||
serviceDuration: allobject.serviceDuration,
|
||
positioning: saveEditIndex.value.index0.toString(),
|
||
positioningLong: saveEditIndex.value.index1.toString(),
|
||
izPackage: 'Y',
|
||
previewFile: "",
|
||
previewFileSmall: "",
|
||
netPreviewFile:"",
|
||
netPreviewFileSmall:"",
|
||
immediateFile: "",
|
||
immediateFileFocus: "",
|
||
netImmediateFileFocus:"",
|
||
netImmediateFile: "",
|
||
tagName: timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].tagName,
|
||
mp3File: allobject.mp3File,
|
||
netMp3File: allobject.netMp3File,
|
||
mp4File: allobject.mp4File,
|
||
netMp4File: allobject.netMp4File,
|
||
serviceContent: allobject.serviceContent,
|
||
}
|
||
//给表格赋值
|
||
timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1] = param;
|
||
let data = {
|
||
index0: saveEditIndex.value.index0,
|
||
index1: saveEditIndex.value.index1
|
||
}
|
||
whereEvent(data);
|
||
console.log("zou", haveValue)
|
||
if (haveValue) {
|
||
|
||
editDirective(param).then((res : any) => {
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
|
||
})
|
||
} else {
|
||
doaddDirective(param);
|
||
}
|
||
|
||
return
|
||
}
|
||
|
||
let stopIt = false;
|
||
let allobject = bigArray.value[upmenuIndex.value].children[downmenuIndex.value].children[thirdmenuIndex.value]
|
||
|
||
if (allobject.cycleType === "即时护理") {
|
||
scrollLeft.value = 1;
|
||
bottomItems.value.forEach((element : any, index : number) => {
|
||
if (element.directiveName == allobject.title) {
|
||
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.serviceDuration = allobject.serviceDuration;
|
||
|
||
pushValue.target = `#03a4ff`
|
||
pushValue.id = ""
|
||
pushValue.nuId = uni.getStorageSync('nuId');
|
||
pushValue.nuName = uni.getStorageSync('nuName');
|
||
pushValue.customerId = uni.getStorageSync('customerId');
|
||
pushValue.customerName = uni.getStorageSync('NUall').elderInfo.name;
|
||
bottomItems.value.unshift(pushValue)
|
||
// 实现即时指令动画
|
||
cleansettimeout.value = setTimeout(() => {
|
||
bottomItems.value[0].target = `#fff`;
|
||
console.log("即时指令看看进入了啥", pushValue)
|
||
addInstant(pushValue).then((res : any) => {
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
})
|
||
}, 1500)
|
||
} else {
|
||
clearTimeout(cleansettimeoutrel.value);
|
||
isop.value = true;
|
||
cleansettimeoutrel.value = setTimeout(() => {
|
||
isop.value = false;
|
||
// saveAll()
|
||
}, 1500)
|
||
}
|
||
})
|
||
return
|
||
}
|
||
if (saveEditIndex.value.index1 === -1 && saveEditIndex.value.index0 === -1) {
|
||
return
|
||
}
|
||
flyNumber.value.index0 = -1;
|
||
flyNumber.value.index1 = -1;
|
||
isMove.value = false;
|
||
|
||
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
|
||
}
|
||
console.log("重要", cycleValue)
|
||
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 + Number(allobject.serviceDuration)
|
||
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')}`
|
||
console.log("allobject", allobject)
|
||
let param = {
|
||
id: haveValue ? timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].id : "",
|
||
nuId: uni.getStorageSync('nuId'),
|
||
nuName: uni.getStorageSync('nuName'),
|
||
customerId: uni.getStorageSync('customerId'),
|
||
customerName: uni.getStorageSync('NUall').elderInfo.name,
|
||
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: 'N',
|
||
previewFile: allobject.previewFile,
|
||
previewFileSmall: allobject.previewFileSmall,
|
||
serviceDuration: allobject.serviceDuration,
|
||
immediateFile: allobject.immediateFile,
|
||
immediateFileFocus: allobject.immediateFileFocus,
|
||
netImmediateFileFocus:allobject.netImmediateFileFocus,
|
||
netImmediateFile: allobject.netImmediateFile,
|
||
tagName: timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1].tagName,
|
||
mp3File: allobject.mp3File,
|
||
netMp3File: allobject.netMp3File,
|
||
mp4File: allobject.mp4File,
|
||
netMp4File: allobject.netMp4File,
|
||
serviceContent: allobject.serviceContent,
|
||
netPreviewFile:allobject.netPreviewFile,
|
||
netPreviewFileSmall:allobject.netPreviewFileSmall,
|
||
}
|
||
//给表格赋值
|
||
timearr.value[saveEditIndex.value.index0].children[saveEditIndex.value.index1] = param;
|
||
let data = {
|
||
index0: saveEditIndex.value.index0,
|
||
index1: saveEditIndex.value.index1
|
||
}
|
||
whereEvent(data);
|
||
console.log("日常指令看看进入了啥", param)
|
||
if (haveValue) {
|
||
editDirective(param).then((res : any) => {
|
||
if (res.success) {
|
||
geteverything()
|
||
}
|
||
|
||
})
|
||
} else {
|
||
doaddDirective(param);
|
||
|
||
}
|
||
|
||
}
|
||
const cleansettimeout = ref(null);
|
||
const cleansettimeoutrel = ref(null);
|
||
const saveAll = () => {
|
||
if (!cansumit.value) {
|
||
return
|
||
}
|
||
|
||
let info = []
|
||
|
||
bodyTagList.value.forEach((element : any) => {
|
||
if (element.izSelected == 'Y') {
|
||
info.push(element)
|
||
}
|
||
})
|
||
emotionTagList.value.forEach((element : any) => {
|
||
if (element.izSelected == 'Y') {
|
||
info.push(element)
|
||
}
|
||
})
|
||
|
||
// bottomItems.value.forEach((element : any, index : number) => {
|
||
// element.sort = index
|
||
// })
|
||
|
||
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()
|
||
})
|
||
}
|
||
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([]);
|
||
const geteverything = () => {
|
||
if (uni.getStorageSync('nuId') && uni.getStorageSync('customerId')) {
|
||
getNclist(uni.getStorageSync('nuId'), uni.getStorageSync('customerId')).then((res : any) => {
|
||
timearr.value = Array.from({ length: 24 }, (_, hour) => ({
|
||
positioning: hour.toString(),
|
||
children: minuteArr.map(time => ({
|
||
tagName: time, // 表示分钟，如 '00', '05' 等
|
||
directiveName: '' // 默认的 directiveName
|
||
}))
|
||
}))
|
||
// console.log("wtf", res)
|
||
res.result.serviceList.forEach((res : any) => {
|
||
timearr.value[res.positioning].children[res.positioningLong] = res;
|
||
})
|
||
// console.log("返回了", res.result)
|
||
bottomItems.value = res.result.instantList
|
||
// console.log("看看获得了什么",bottomItems.value)
|
||
cansumit.value = true;
|
||
emotionTagList.value = res.result.emotionTagList;
|
||
emotionTagListLook.value = []
|
||
bodyTagListLook.value = []
|
||
res.result.emotionTagList.forEach((res : any) => {
|
||
if (res.izSelected == 'Y') {
|
||
emotionTagListLook.value.push(res.netPic)
|
||
}
|
||
})
|
||
bodyTagList.value = res.result.bodyTagList
|
||
// console.log("zzzz",res.result.bodyTagList)
|
||
res.result.bodyTagList.forEach((res : any) => {
|
||
if (res.izSelected == 'Y') {
|
||
bodyTagListLook.value.push(res.netPic)
|
||
}
|
||
})
|
||
|
||
})
|
||
}
|
||
}
|
||
const savePackagelist = ref([]);
|
||
onMounted(() => {
|
||
savePackagelist.value = uni.getStorageSync('Packagelist') || []
|
||
let res = uni.getStorageSync('saveTree')
|
||
let goodArray = []
|
||
myArray.forEach((element : any) => {
|
||
element.children.forEach((element1 : any) => {
|
||
goodArray.push({
|
||
name: element1.title,
|
||
url: element1.url,
|
||
})
|
||
})
|
||
})
|
||
secondtemp.value = goodArray
|
||
|
||
if (res.result) {
|
||
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;
|
||
}
|
||
downList.value = bigArray.value[0].children
|
||
upmenuIndex.value = -1;
|
||
downdonghua.value = -1;
|
||
setTimeout(() => {
|
||
upmenuIndex.value = 0;
|
||
downdonghua.value = 0;
|
||
}, 50)
|
||
uni.$on('where', findback);
|
||
downdonghua.value = 0;
|
||
geteverything()
|
||
|
||
|
||
})
|
||
|
||
const bodyTagListLook = ref([]);
|
||
const emotionTagListLook = ref([]);
|
||
const cansumit = ref(false);
|
||
|
||
onBeforeUnmount(() => {
|
||
if (animTimer) clearTimeout(animTimer)
|
||
uni.$off('where', findback);
|
||
ticking = false;
|
||
|
||
})
|
||
function findback(data : any) {
|
||
solveWatch.value = 3;
|
||
whereEvent(data)
|
||
}
|
||
|
||
const moveNumber = ref({
|
||
index0: 999,
|
||
index1: 999
|
||
})
|
||
|
||
const moBan = ref({
|
||
directiveId: "",
|
||
directiveName: "",
|
||
typeId: "",
|
||
typeName: "",
|
||
categoryId: "",
|
||
categoryName: "",
|
||
cycleTypeId: "",
|
||
cycleType: "",
|
||
cycleValue: "",
|
||
startTime: "",
|
||
endTime: "",
|
||
positioning: "",
|
||
positioningLong: "",
|
||
izPackage: 'N',
|
||
previewFile: "",
|
||
previewFileSmall: "",
|
||
serviceDuration: "",
|
||
immediateFile: "",
|
||
immediateFileFocus: "",
|
||
netImmediateFileFocus:"",
|
||
netImmediateFile: "",
|
||
tagName: "",
|
||
netPreviewFile:"",
|
||
netPreviewFileSmall:"",
|
||
mp3File:"",
|
||
netMp3File:"",
|
||
mp4File:"",
|
||
netMp4File:"",
|
||
serviceContent:"",
|
||
})
|
||
// 切割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 = 400; // 可视区域高度 (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) * 200;
|
||
// 计算 scrollLeft 和 scrollTop，使格子中心位于可视区域中心
|
||
cardLeft.value = cellCenterX - visibleWidth / 2;
|
||
scrollTop.value = cellCenterY - visibleHeight / 2;
|
||
// 计算网格总宽高
|
||
const totalWidth = totalColumns * 259;
|
||
const totalHeight = totalRows * 200;
|
||
// 限制 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;
|
||
}
|
||
}
|
||
const iszhiling = ref(false)
|
||
const zhilingbao = () => {
|
||
iszhiling.value = !iszhiling.value
|
||
forthmenuIndex.value = 0;
|
||
}
|
||
const deletedonghua = ref(false);
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
// 主页的css
|
||
@import './index';
|
||
</style> |