init

1.初始化项目

src/components/body-d-left/oneL.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="服务详情数据"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/body-d-left/threeL.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="体检数据"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/body-d-left/twoL.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="主诉分类"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/body-d-right/oneR.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="健康终端报警"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/body-d-right/threeR.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="基层医疗点远程会诊"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/body-d-right/twoR.vue

@@ -0,0 +1,18 @@
+<template>
+    <div>
+        <public-title title="健康状况/慢病"/>
+        <div class="inner">
+
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+
+import PublicTitle from "../publicTitle.vue";
+</script>
+<style scoped lang="less">
+.inner {
+    height: calc(100% - 40px);
+
+}
+</style>

src/components/publicTitle.vue

@@ -0,0 +1,37 @@
+<template>
+    <div class="title-d">{{ props.title }}</div>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+    title: {
+        type: String,
+        default: () => ''
+    }
+})
+</script>
+<style scoped lang="less">
+.title-d {
+    padding-left: 17px;
+    position: relative;
+    text-align: left;
+    height: 40px;
+    line-height: 40px;
+    background: linear-gradient(270deg, rgba(106, 112, 124, 0.4) 0%, rgba(106, 112, 124, 0) 70%, rgba(106, 112, 124, 0) 100%);
+    opacity: 1;
+    border: 1px solid;
+    border-image: linear-gradient(270deg, rgba(217.0000022649765, 231.00000143051147, 255, 0.5), rgba(217.0000022649765, 231.00000143051147, 255, 0)) 1 1;
+    color: #ffffff;
+    font-size: 20px;
+    font-weight: 700;
+
+    &:before {
+        position: absolute;
+        content: '';
+        width: 7px;
+        height: 100%;
+        top: 0;
+        left: 0;
+        background-color: #45A2FF;
+    }
+}
+</style>