From ac68116a9dbb46d450bad38a03b18441649f0ef4 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期二, 22 七月 2025 15:55:40 +0800
Subject: [PATCH] ID1825-已签到页面暂存
---
src/views/mobile/bedsideAuxiliaryScreen/pages/NotSignedIn.vue | 2
src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue | 48 ++++++++++++++++
src/views/mobile/bedsideAuxiliaryScreen/pages/UnplannedSchedule.vue | 2
src/img/dingshi2.png | 0
src/img/jiaoHao.png | 0
src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue | 62 +++++++++++++++++++-
src/views/mobile/bedsideAuxiliaryScreen/index.vue | 10 ++-
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue | 2
src/img/kaiShi.png | 0
9 files changed, 115 insertions(+), 11 deletions(-)
diff --git a/src/img/dingshi2.png b/src/img/dingshi2.png
new file mode 100644
index 0000000..cd22f8f
--- /dev/null
+++ b/src/img/dingshi2.png
Binary files differ
diff --git a/src/img/jiaoHao.png b/src/img/jiaoHao.png
new file mode 100644
index 0000000..7df51ec
--- /dev/null
+++ b/src/img/jiaoHao.png
Binary files differ
diff --git a/src/img/kaiShi.png b/src/img/kaiShi.png
new file mode 100644
index 0000000..fe1e4c2
--- /dev/null
+++ b/src/img/kaiShi.png
Binary files differ
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue
new file mode 100644
index 0000000..a96995c
--- /dev/null
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue
@@ -0,0 +1,48 @@
+<template>
+ <div
+ class="block-botttom"
+ :style="{
+ '--backgroundColor': props.backgroundColor,
+ }"
+ @click="props.onClick"
+ >
+ <img :src="icon" alt="" class="icon" />
+ <span class="text">{{ text }}</span>
+ </div>
+</template>
+
+<script lang="ts" setup name="BlockBotttom">
+interface Props {
+ icon: string; // 图标
+ text: string; // 文本
+ backgroundColor: string; // 背景颜色
+ onClick: () => void; // 点击事件
+}
+const props = defineProps<Props>();
+</script>
+
+<style lang="less" scoped>
+.block-botttom {
+ width: 18px;
+ height: 18px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background: var(--backgroundColor, #70a3dd);
+ border-radius: 2px;
+ .icon {
+ margin-bottom: 2px;
+ width: 6px;
+ height: 6px;
+ }
+ .text {
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 500;
+ font-size: 3px;
+ color: #ffffff;
+ text-align: left;
+ font-style: normal;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/index.vue b/src/views/mobile/bedsideAuxiliaryScreen/index.vue
index 876f4b5..c66c775 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/index.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/index.vue
@@ -17,16 +17,18 @@
import { EPageType } from '@/store/type/bedsideAuxiliaryScreen.type';
import { getAvailableHeightByClass } from '@/utils/utils';
// 未排班时的组件
-const UnplannedSchedule = defineAsyncComponent(() => import('./components/UnplannedSchedule.vue'));
+const UnplannedSchedule = defineAsyncComponent(() => import('./pages/UnplannedSchedule.vue'));
// 未签到时的组件
-const NotSignedIn = defineAsyncComponent(() => import('./components/NotSignedIn.vue'));
+const NotSignedIn = defineAsyncComponent(() => import('./pages/NotSignedIn.vue'));
// 已签到时的组件
-const SignedIn = defineAsyncComponent(() => import('./components/SignedIn.vue'));
+const SignedIn = defineAsyncComponent(() => import('./pages/SignedIn.vue'));
// 治疗中的组件
-const UnderTreatment = defineAsyncComponent(() => import('./components/UnderTreatment.vue'));
+const UnderTreatment = defineAsyncComponent(() => import('./pages/UnderTreatment.vue'));
const bedsideAuxiliaryScreenStore = useBedsideAuxiliaryScreenStore();
const cotentHeight = ref(0);
+
+
const backgroundColor = computed(() => {
let color = '#DAE5EC';
// 如果是未排班、加载中或未签到页面，背景色为白色
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/NotSignedIn.vue
similarity index 99%
rename from src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue
rename to src/views/mobile/bedsideAuxiliaryScreen/pages/NotSignedIn.vue
index b54fbdd..7f3d657 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/NotSignedIn.vue
@@ -186,7 +186,7 @@
<script lang="ts" setup name="NotSignedIn">
import { computed } from "vue";
// @ts-ignore
-import Card from "./Card.vue";
+import Card from "../components/Card.vue";
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
import tslImg from "@/img/tsl.png";
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/SignedIn.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
similarity index 86%
rename from src/views/mobile/bedsideAuxiliaryScreen/components/SignedIn.vue
rename to src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
index 513bb39..a46bc4e 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/SignedIn.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
@@ -153,20 +153,49 @@
</div>
</Card>
</div>
- <div class="row3"></div>
+ <div class="row3">
+ <BlockBotttom
+ :icon="dingShiImg"
+ text="定时任务"
+ backgroundColor="#20C6B6"
+ @click="() => onScheduledTasksClick()"
+ class="btn"
+ />
+ <BlockBotttom
+ :icon="jiaoHaoImg"
+ text="叫号"
+ backgroundColor="#20C6B6"
+ @click="() => onCallBumberClick()"
+ class="btn"
+ />
+ <BlockBotttom
+ :icon="kaiShiImg"
+ text="开始"
+ backgroundColor="#409EFF"
+ @click="() => onStartClick()"
+ class="btn"
+ />
+ </div>
</div>
</template>
<script lang="ts" setup name="SignedIn">
import { computed } from "vue";
// @ts-ignore
-import Card from "./Card.vue";
+import Card from "../components/Card.vue";
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
import tslImg from "@/img/tsl.png";
+import dingShiImg from "@/img/dingshi2.png";
+import jiaoHaoImg from "@/img/jiaoHao.png";
+import kaiShiImg from "@/img/kaiShi.png";
+
import {
getItemName,
formatTestColr,
formatTestFlag,
} from "@/store/type/bedsideAuxiliaryScreen.type";
+// @ts-ignore
+import BlockBotttom from "../components/BlockBotttom.vue";
+import { ElMessage } from "element-plus/es";
interface Props {
height: number;
@@ -180,6 +209,23 @@
patientPhone: bedsideAuxiliaryScreenStore.deviceData.patientPhone,
});
});
+
+/** 点击定时任务 */
+const onScheduledTasksClick = () => {};
+
+const onCallBumberClick = () => {
+ ElMessage({
+ message: "功能开发中，敬请期待！",
+ type: "warning",
+ });
+};
+
+const onStartClick = () => {
+ ElMessage({
+ message: "功能开发中，敬请期待！",
+ type: "warning",
+ });
+};
</script>
<style lang="less" scoped>
* {
@@ -315,9 +361,17 @@
position: absolute;
width: 100%;
bottom: 2px;
- height: 11.33%;
+ height: 13.33%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding-right: 13px;
overflow: hidden;
- background-color: blue;
+ background: #ffffff;
+ border-radius: 2px;
+ .btn {
+ margin-left: 9px;
+ }
}
.item-box {
height: 100%;
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/UnderTreatment.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
similarity index 97%
rename from src/views/mobile/bedsideAuxiliaryScreen/components/UnderTreatment.vue
rename to src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
index de0716a..44678c7 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/UnderTreatment.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -25,7 +25,7 @@
<script lang="ts" setup name="UnderTreatment">
import { computed } from "vue";
// @ts-ignore
-import Card from "./Card.vue";
+import Card from "../components/Card.vue";
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
interface Props {
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnplannedSchedule.vue
similarity index 98%
rename from src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue
rename to src/views/mobile/bedsideAuxiliaryScreen/pages/UnplannedSchedule.vue
index b42fd0d..4fe780d 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/UnplannedSchedule.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnplannedSchedule.vue
@@ -117,7 +117,7 @@
<script lang="ts" setup name="UnplannedSchedule">
import { computed } from "vue";
// @ts-ignore
-import Card from "./Card.vue";
+import Card from "../components/Card.vue";
import tslImg from "@/img/tsl.png";
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
--
Gitblit v1.8.0