From 5c70c604428209e55ff4bc7e80e85a7b3687e5b9 Mon Sep 17 00:00:00 2001 From: Teng <461587751@qq.com> Date: Fri, 9 Jan 2026 17:17:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8A=A4=E7=90=86=E5=8D=95=E5=85=83=E9=A2=84?= =?UTF-8?q?=E8=A7=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- component/public/calendar.vue | 12 +- component/public/calendarsimple.vue | 299 ++++++++++++++++++ pages/NursingNew/component/nurse/bigindex.css | 140 ++++---- pages/NursingNew/component/nurse/bigindex.vue | 43 ++- static/index/bluetarget.png | Bin 0 -> 15550 bytes 5 files changed, 418 insertions(+), 76 deletions(-) create mode 100644 component/public/calendarsimple.vue create mode 100644 static/index/bluetarget.png diff --git a/component/public/calendar.vue b/component/public/calendar.vue index 2590a87..84dab78 100644 --- a/component/public/calendar.vue +++ b/component/public/calendar.vue @@ -2,14 +2,14 @@ - - + + {{ year }}年{{ month + 1 }}月 - + @@ -337,11 +337,13 @@ font-size: 10px; color: #888; } - .head-left{ + + .head-left { width: 100rpx; display: flex; justify-content: space-between; - .head-img{ + + .head-img { width: 40rpx; height: 40rpx; } diff --git a/component/public/calendarsimple.vue b/component/public/calendarsimple.vue new file mode 100644 index 0000000..7c78644 --- /dev/null +++ b/component/public/calendarsimple.vue @@ -0,0 +1,299 @@ + + + + + \ No newline at end of file diff --git a/pages/NursingNew/component/nurse/bigindex.css b/pages/NursingNew/component/nurse/bigindex.css index d340eb3..39401fa 100644 --- a/pages/NursingNew/component/nurse/bigindex.css +++ b/pages/NursingNew/component/nurse/bigindex.css @@ -61,7 +61,8 @@ white-space: nowrap; color: black; } - .title-time-font-tags{ + + .title-time-font-tags { font-size: 24rpx; font-weight: 600; /* margin-bottom: 5rpx; */ @@ -70,6 +71,7 @@ white-space: nowrap; color: #999; } + .title-time-items { display: flex; justify-content: space-around; @@ -148,29 +150,16 @@ .title-time-blue { /* 你的定位与尺寸保持不变 */ position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 90%; - height: 88%; + top: 0; + left: 0; + width: 100%; + height: 100%; z-index: 10; - --color: #99C9FD; - --thick: 2px; - --radius: 16px; - - border: var(--thick) dashed var(--color); - border-radius: var(--radius); - - background: - /* 上边 */ - repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / 100% var(--thick) no-repeat, - /* 下边 */ - repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) bottom left / 100% var(--thick) no-repeat, - /* 左边 */ - repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / var(--thick) 100% no-repeat, - /* 右边 */ - repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top right / var(--thick) 100% no-repeat; + .blue-img { + width: 100%; + height: 100%; + } } @@ -220,21 +209,23 @@ position: relative; height: 100%; padding: 20rpx; - - .card-time{ + + .card-time { position: absolute; bottom: 20rpx; left: 20rpx; font-size: 27rpx; } - .card-time-red{ + + .card-time-red { position: absolute; bottom: 20rpx; left: 20rpx; font-size: 27rpx; color: #E33B3B; } - .card-time-blue{ + + .card-time-blue { position: absolute; bottom: 20rpx; left: 20rpx; @@ -309,44 +300,58 @@ } .title-time-border-yellow { - margin: 10rpx; + border: 2rpx solid #e5e6e6; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; - background-color: #F7F8F9; + background-color: #fdfeff; flex-direction: column; - + } -.title-time-border-hisOk{ - margin: 10rpx; + +/* .title-time-border-target{ + + border: 2rpx solid #46B2F6; + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); + border-radius: 20rpx; + display: flex; + align-items: center; + background-color: #fdfeff; + flex-direction: column; +} */ +.title-time-border-hisOk { + border: 2rpx solid #D4E4FE; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; background-color: #F6F9FF; flex-direction: column; } -.title-time-border-current{ - margin: 10rpx; + +.title-time-border-current { + border: 3rpx dashed #4690FF; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; background-color: #F6F9FF; flex-direction: column; } -.title-time-border-hisFaild{ - margin: 10rpx; + +.title-time-border-hisFaild { + border: 2rpx dashed #FFE2E2; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; @@ -355,9 +360,8 @@ } .title-time-border-yellow-active-transparent { - margin: 10rpx; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; @@ -367,10 +371,9 @@ } .title-time-border-yellow-active { - margin: 10rpx; border: 1rpx solid #dae8fa; - width: calc(100% - 40rpx); - height: calc(100% - 40rpx); + width: calc(100% - 20rpx); + height: calc(100% - 20rpx); border-radius: 20rpx; display: flex; align-items: center; @@ -498,7 +501,7 @@ font-weight: 600; } -.right-order{ +.right-order { position: fixed; right: 20rpx; top: 62rpx; @@ -506,24 +509,29 @@ width: 430rpx; background-color: #fff; border-radius: 30rpx; - .order-title{ + + .order-title { width: 100%; height: 100rpx; display: flex; align-items: center; - .order-month{ + + .order-month { margin-left: 30rpx; font-size: 30rpx; font-weight: 600; width: 80rpx; } - .order-day{ + + .order-day { width: 300rpx; height: 100rpx; - .days-father{ + + .days-father { display: flex; align-items: center; - .days{ + + .days { height: 100rpx; min-width: 50rpx; display: flex; @@ -532,7 +540,8 @@ font-size: 26rpx; color: #BBBABA; } - .targetdays{ + + .targetdays { height: 50rpx; min-width: 50rpx; display: flex; @@ -546,4 +555,23 @@ } } } +} + +.calendar-father { + position: fixed; + top: 150rpx; + right: 30rpx; + width: 700rpx; + height: 600rpx; + z-index: 101; +} + +.mengban { + width: 100vw; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: 100; + background: RGBA(239, 240, 244, 0.55); } \ No newline at end of file diff --git a/pages/NursingNew/component/nurse/bigindex.vue b/pages/NursingNew/component/nurse/bigindex.vue index a0b313b..21bebb1 100644 --- a/pages/NursingNew/component/nurse/bigindex.vue +++ b/pages/NursingNew/component/nurse/bigindex.vue @@ -46,14 +46,16 @@ :id="`a${index0}_${index1}`" style="position: relative;" @click="rulerTouchClick(item1,index0,index1)" :data-index0="index0" :data-index1="index1"> - + + + :style="{ animationDelay:`-${computeDelay(index0, index1).toFixed(2)}s`,border:saveEditIndex.index0 == index0 && saveEditIndex.index1 == index1? `2rpx solid #46B2F6`:'' }"> @@ -66,11 +68,12 @@ class="title-time-font-tags"> ({{ item1.directiveName?splitString(item1.directiveName)[1]:""}}) - - {{ `${parseHourMinutestring(item1.startTime).hour}:${parseHourMinutestring(item1.startTime).minute}-${parseHourMinutestring(item1.endTime).hour}:${parseHourMinutestring(item1.endTime).minute}` }} + + {{ `${parseHourMinutestring(item1.startTime).hour}:${parseHourMinutestring(item1.startTime).minute} - ${parseHourMinutestring(item1.endTime).hour}:${parseHourMinutestring(item1.endTime).minute}` }} - + @@ -83,7 +86,7 @@ - + {{ selectdata.month }}月 + + + + + @@ -108,6 +117,7 @@ import { onShow, onHide } from '@dcloudio/uni-app'; import { getNclist, addBatch, addDirective, addInstant, deleteDirective, deleteInstant, editDirective, getDirectiveOrders } from "./api.js"; import { myArray } from './yaoshandiao.js'; + import calendarsimple from '@/component/public/calendarsimple.vue' const props = defineProps({ isshow: { @@ -120,11 +130,12 @@ // (newVal, oldVal) => { // // 只有当新旧值不相同时才执行 // if (newVal !== oldVal) { - + // } // } // ) + const opendata = ref(false); const bodystatus = ref(false); const bodystatustarget = ref(-1); const facestatus = ref(false); @@ -265,19 +276,17 @@ return "right-top" } }) - - const getFontClass = (item:any) => { + + const getFontClass = (item : any, index0, index1) => { switch (item.executeStatus) { - case 'hisFaild': return 'card-time-red'; - + case 'current': return 'card-time-blue'; - + default: return 'card-time'; - } } // 这是二级菜单的动画的模板 @@ -346,7 +355,7 @@ case 'current': return 'title-time-border-current'; - + case 'future': return 'title-time-border-yellow'; @@ -527,7 +536,7 @@ downdonghua.value = 0; geteverything() scrollTop.value = 0.001 - + nextTick(() => { scrollTop.value = 0 timeNowMove() @@ -611,6 +620,10 @@ forthmenuIndex.value = 0; } const deletedonghua = ref(false); + const dateget = (time) => { + opendata.value = false + console.log("time",time.date) + }