yangjun
/
hldy_app_mini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

护理单元首页完事

This commit is contained in:
Teng 2025-12-26 10:03:50 +08:00
parent 5a7134a3c5
commit 9556186dff
6 changed files with 218 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

204
pages/NursingNew/component/index.vue
View File

@ -82,9 +82,11 @@
</view> </view>
<view class="right-container-tem"> <view class="right-container-tem">
<image class="right-container-tem-img" src="/static/index/newindex/wendu/0.png" /> <image class="right-container-tem-img" src="/static/index/newindex/wendu/0.png" />
<text class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].temperature: '-' }}°C</text> <text
class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].temperature: '-' }}°C</text>
<image class="right-container-tem-img" src="/static/index/newindex/wendu/1.png" /> <image class="right-container-tem-img" src="/static/index/newindex/wendu/1.png" />
<text class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].humidity: '-' }}%</text> <text
class="right-container-tem-text">{{ (uni.getStorageSync('NUall').humidDeviceList && uni.getStorageSync('NUall').humidDeviceList[0])? uni.getStorageSync('NUall').humidDeviceList[0].humidity: '-' }}%</text>
</view> </view>
</view> </view>
</view> </view>
@ -113,7 +115,7 @@
一级压疮防护 一级压疮防护
</view> </view>
</view> </view>
<view style="display: flex;align-items: center;margin-top: 20rpx;"> <!-- <view style="display: flex;align-items: center;margin-top: 20rpx;">
<image class="down-img" :src="`/static/index/newindex/states/left.png`" /> <image class="down-img" :src="`/static/index/newindex/states/left.png`" />
<view v-for="(item,index) in downStates" :key="index" class="states-father"> <view v-for="(item,index) in downStates" :key="index" class="states-father">
<image class="icon-img" :src="item.url" /> <image class="icon-img" :src="item.url" />
@ -123,7 +125,7 @@
</view> </view>
<image class="down-img" :src="`/static/index/newindex/states/right.png`" /> <image class="down-img" :src="`/static/index/newindex/states/right.png`" />
</view> </view> -->
<view style="display: flex;margin-top: 40rpx;"> <view style="display: flex;margin-top: 40rpx;">
<view style="width: 240rpx;height: 90rpx;margin-right: 40rpx;"> <view style="width: 240rpx;height: 90rpx;margin-right: 40rpx;">
<view class="start-button"> <view class="start-button">
@ -175,7 +177,29 @@
</view> </view>
<view class="index-content-right" :style="transition?{opacity: `1`}:{opacity: `0`}"> <view class="index-content-right" :style="transition?{opacity: `1`}:{opacity: `0`}">
<view class="right-top"> <view class="right-top">
<view class="top-title">
护理单元
</view>
<view class="top-heng"></view>
<scroll-view class="top-list" scroll-y>
<view class="list-view" :style="menutarget===index?{borderColor:`#8DD6FF`}:{}"
v-for="(item,index) in filteredMenu(0)" :key="index" @click="clickmenu(index)">
<image class="list-img" :src="`/static/index/newindex/leftmenu/NU${item.elderInfo?.name?`blue`:`white`}.png`" />
<view class="">
<view class="first-line">
<view style="font-size: 1.2vw;">
护理单元01
</view>
<view class="first-line-second">
{{ item.elderInfo?.name?`入住`:`空闲` }}
</view>
</view>
<view class="second-line">
NUID：2506000001
</view>
</view>
</view>
</scroll-view>
</view> </view>
<view class="right-bottom"> <view class="right-bottom">
<view class="bottom-title"> <view class="bottom-title">
@ -189,6 +213,22 @@
<view class="name-weight"> <view class="name-weight">
{{ uni.getStorageSync('NUall').elderInfo?.name }} {{ uni.getStorageSync('NUall').elderInfo?.name }}
</view> </view>
<view class="message-view">
{{ uni.getStorageSync('NUall').elderInfo?.sex }}
<view class="message-shu"></view>
<view style="font-weight: 600;">
{{ calcAge(uni.getStorageSync('NUall').elderInfo?.dateOfBirth) }}
</view>
岁
<view class="message-shu"></view>
<image class="message-img" :src="`/static/index/newindex/leftmenu/time.png`" />
{{ uni.getStorageSync('NUall').elderInfo?.startTime }}
</view>
<view class="message-bottom">
<view class="bottom-tags" v-for="(item,index) in tagarray" :key="index">
{{ item }}
</view>
</view>
</view> </view>
</view> </view>
@ -196,7 +236,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, onBeforeUnmount, computed, nextTick, watch } from 'vue'; import { ref, onMounted, onBeforeUnmount, computed, nextTick, watch } from 'vue';
import { queryPadPageList } from '@/pages/watch/api/lunpan.js'
const props = defineProps({ const props = defineProps({
isShow: { isShow: {
@ -205,8 +245,25 @@
}, },
}); });
const leftMenuArray = ref([]);
const menutarget = ref(0)
const clickmenu = (index : number) => {
menutarget.value = index
let data = filteredMenu(0)[index]
uni.setStorageSync('nuId', data.nuId);
uni.setStorageSync('nuName', data.nuName);
uni.setStorageSync('elderId', data.elderInfo ? data.elderInfo?.id : null);
uni.setStorageSync('NUall', data);
}
const tagarray = ["市医保", "半失能", "正常计费"]
function calcAge(dateOfBirth : string) {
const birthYear = parseInt(dateOfBirth.slice(0, 4), 10);
const currentYear = new Date().getFullYear();
return currentYear - birthYear;
}
const typeNow = ref(-1); const typeNow = ref(-1);
const photoplay = ref(false) const photoplay = ref(false)
const downArray = ref() const downArray = ref()
@ -312,7 +369,7 @@
// console.log("????",transition.value) // console.log("????",transition.value)
setTimeout(() => { setTimeout(() => {
transition.value = true; transition.value = true;
// console.log("看看",uni.getStorageSync('NUall')) console.log("看看", uni.getStorageSync('NUall'))
}, 50) }, 50)
} else { } else {
transition.value = false; transition.value = false;
@ -354,7 +411,21 @@
// 每秒更新一次时间 // 每秒更新一次时间
setInterval(updateTime, 1000); setInterval(updateTime, 1000);
photoplay.value = true; photoplay.value = true;
getmenu()
}) })
const filteredMenu = (index : number) => {
return leftMenuArray.value.filter(item => Number(item.areaFlag) - 1 == index);
}
const getmenu = () => {
queryPadPageList().then((res => {
leftMenuArray.value = res.result.records;
leftMenuArray.value.forEach((element:any,index:number)=>{
if(element.nuId===uni.getStorageSync('NUall').nuId){
menutarget.value = index
}
})
}))
}
const lanjie = ref(false); const lanjie = ref(false);
</script> </script>
@ -364,13 +435,79 @@
margin-left: 2vw; margin-left: 2vw;
height: 100%; height: 100%;
transition: opacity 1s ease; transition: opacity 1s ease;
.right-top { .right-top {
margin-top: 8vh; margin-top: 8vh;
width: 100%; width: 100%;
height: 50vh; height: 50vh;
background-color: #fff; background-color: #fff;
border-radius: 4vh; border-radius: 4vh;
.top-title {
width: 100%;
height: 7vh;
display: flex;
align-items: center;
margin-left: 2vw;
font-size: 1.4vw;
font-weight: 600;
} }
.top-heng {
width: 90%;
margin-left: 5%;
height: 0.05vw;
background-color: #DCDCDC;
}
.top-list {
width: 100%;
height: 41vh;
.list-view {
width: 90%;
margin-left: 5%;
height: 8vh;
border: 2rpx solid transparent;
border-radius: 7vw;
margin-bottom: 0.6vh;
display: flex;
align-items: center;
.list-img {
width: 4vw;
height: 4vw;
margin-left: 0.5vw;
margin-right: 0.5vw;
}
.first-line {
display: flex;
.first-line-second {
background-color: #E5E5E5;
color: #555555;
width: 3.2vw;
height: 1.5vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9vw;
border-radius: 0.5vw;
margin-left: 0.5vw;
}
}
.second-line {
color: #999999;
margin-top: 0.2vw;
font-size: 1vw;
}
}
}
}
.right-bottom { .right-bottom {
margin-top: 2vh; margin-top: 2vh;
width: 100%; width: 100%;
@ -388,20 +525,24 @@
padding: 0 8%; padding: 0 8%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.bottom-carmera { .bottom-carmera {
margin-top: 0.5vw;
width: 3vw; width: 3vw;
height: 3vw; height: 3vw;
} }
} }
.big-older { .big-older {
margin-top: 0.5vw; margin-top: 0.5vw;
width: 10vw; width: 9vw;
height: 10vw; height: 9vw;
border: 1rpx solid #DCDCDC; border: 1rpx solid #DCDCDC;
border-radius: 50%; border-radius: 50%;
} }
} }
} }
.index-content-other { .index-content-other {
width: 65vw; width: 65vw;
height: 100%; height: 100%;
@ -726,11 +867,13 @@
width: 100%; width: 100%;
height: 3vw; height: 3vw;
display: flex; display: flex;
.bottom-img { .bottom-img {
width: 1.6vw; width: 1.6vw;
height: 1.6vw; height: 1.6vw;
margin-left: 1.8vw; margin-left: 1.8vw;
} }
.bottom-font { .bottom-font {
color: #555555; color: #555555;
font-size: 1.4vw; font-size: 1.4vw;
@ -791,6 +934,7 @@
} }
} }
} }
.title-time { .title-time {
position: absolute; position: absolute;
right: 0; right: 0;
@ -802,17 +946,20 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.time-title { .time-title {
font-weight: 600; font-weight: 600;
font-size: 3vw; font-size: 3vw;
margin-top: 0.4vw; margin-top: 0.4vw;
} }
.time-date { .time-date {
margin-top: 0.2vw; margin-top: 0.2vw;
font-size: 1.3vw; font-size: 1.3vw;
color: #222222; color: #222222;
} }
} }
.blue-button { .blue-button {
margin-top: 0.5vw; margin-top: 0.5vw;
width: 7vw; width: 7vw;
@ -825,9 +972,48 @@
color: #fff; color: #fff;
font-size: 28rpx; font-size: 28rpx;
} }
.name-weight { .name-weight {
font-size: 2vw; font-size: 2vw;
font-weight: 600; font-weight: 600;
margin: 0.2vw 0; margin: 0.2vw 0;
} }
.message-view {
display: flex;
.message-shu {
width: 3rpx;
height: 1.5vw;
background-color: #bcc1c7;
margin: 0 0.4vw;
margin-top: 0.1vw;
}
.message-img {
width: 1.5vw;
height: 1.5vw;
margin-top: 0.1vw;
}
}
.message-bottom {
margin-top: 0.5vh;
width: 100%;
height: 4vh;
display: flex;
justify-content: center;
.bottom-tags {
background-color: #E7F1FF;
color: #0084FA;
height: 100%;
display: flex;
align-items: center;
padding: 0 0.6vw;
border-radius: 0.8vw;
font-size: 1.2vw;
margin: 0 0.2vw;
}
}
</style> </style>

BIN
static/index/newindex/leftmenu/NUblue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
static/index/newindex/leftmenu/NUwhite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
static/index/newindex/leftmenu/time.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

2
unpackage/dist/dev/.nvue/pages/camera.js vendored
View File

@ -574,7 +574,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
) )
]); ]);
} }
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app_mini/pages/camera.nvue"]]); const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app_mini/pages/camera.nvue"]]);
export { export {
camera as default camera as default
}; };

2
unpackage/dist/dev/.nvue/pages/fullcamera.js vendored
View File

@ -577,7 +577,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
) )
]); ]);
} }
const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app_mini/pages/fullcamera.nvue"]]); const fullcamera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app_mini/pages/fullcamera.nvue"]]);
export { export {
fullcamera as default fullcamera as default
}; };