update

1.副屏标题

src/components/item-d/item-d.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="left-pie">
-        <public-title :title="props.title">
+        <public-title :title="props.title" :theme-type="themeType">
             <template #right>
                 {{ props.tips }}
             </template>
@@ -38,6 +38,10 @@
         userCount: {
             type: Number,
         },
+        themeType: {
+            type: String,
+            default: () => '',
+        },
     });
     const healthChart = ref<HTMLElement>();
     onMounted(() => {
@@ -113,4 +117,4 @@
             font-weight: normal;
         }
     }
-</style>
+</style>

src/components/secondaryScreen/screen-left/screenLeft.vue

@@ -1,6 +1,14 @@
 <template>
     <template v-for="(item, index) in dataList" :key="`list${index}`">
-        <item-d :keu="spinning" :title="item.title" :data="item.data" :tips="item.tips" :color="item.color" :userCount="item.userCount" />
+        <item-d
+            :themeType="themeType"
+            :keu="spinning"
+            :title="item.title"
+            :data="item.data"
+            :tips="item.tips"
+            :color="item.color"
+            :userCount="item.userCount"
+        />
     </template>
 </template>
 
@@ -70,6 +78,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     onMounted(() => {});
     watch(props, () => {
@@ -108,4 +117,4 @@
     });
 </script>
 
-<style scoped></style>
+<style scoped></style>

src/components/secondaryScreen/screen-right/oneR.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="terminal-container self">
-        <public-title title="睡眠" />
+        <public-title title="睡眠" :theme-type="themeType" />
         <div class="inner">
             <div class="title">
                 <span class="lightSleep">平均睡眠 {{ nums.avg }} 深睡 {{ nums.avgLong }} 浅睡 {{ nums.avgShort }}</span>
@@ -22,6 +22,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const sleepChart = ref<HTMLElement>();
     watch(
@@ -110,4 +111,4 @@
             height: 80%;
         }
     }
-</style>
+</style>

src/components/secondaryScreen/screen-right/threeR.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <public-title title="预警" />
+        <public-title title="预警" :theme-type="themeType" />
         <div class="inner-screen">
             <a-table
                 :scroll="{
@@ -36,6 +36,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const { setSession, getSession } = useSession();
     const { PAGE2_RIGHT3 } = caching;

src/components/secondaryScreen/screen-right/twoR.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="pie-container self">
-        <public-title title="步数" />
+        <public-title title="步数" :theme-type="themeType" />
         <div class="inner" ref="healthChart"></div>
         <div class="count">
             <div class="t">总人数</div>
@@ -21,6 +21,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const { setSession, getSession } = useSession();
     const { PAGE2_RIGHT2 } = caching;
@@ -102,4 +103,4 @@
             font-weight: normal;
         }
     }
-</style>
+</style>