修改再登大屏问题和显示样式

src/views/Temp/Large_Format/component/axle.vue

@@ -14,8 +14,8 @@
         <div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height,position:'relative' }">
                     <div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
             <div v-for="(res,index) in data" :style="{width:'150px',height:'150px'}" >

src/views/Temp/Large_Format/component/sensor2.vue

@@ -13,8 +13,8 @@
       <template v-slot>
         <div class="box" :key="keynum" :style="{width:boxSize.width,height:boxSize.height,position:'relative' }"><div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
             <div v-for="(res,index) in data" :style="{width:'150px',height:'150px'}" >

src/views/Temp/OffsiteDevList/childContent/center.vue

@@ -16,7 +16,7 @@
             :title="'东莞-物联网关状态'"
           ></offsitegateway> -->
         <div style="display: flex">
-          <topTitle ref="topTitleRef" :title="t('messages.DevPreviewChart')"></topTitle>
+          <topTitle ref="topTitleRef" :title="t('messages.DevPreviewChart')" ></topTitle>
           <topTitle ref="topTitleRef2" :title="t('messages.DevPreviewChart')"></topTitle>
           <topTitle ref="topTitleRef3" :title="t('messages.DevPreviewChart')"></topTitle>
         </div>
@@ -194,7 +194,7 @@ function setDataList(val: any) {
   //设置页面数据
   topTitleRef.value.setData({ title: t('messages.OnlineNum'), num: tipdata.ison });
   topTitleRef2.value.setData({ title: t('messages.TOTAL'), num: tipdata.isall });
-  topTitleRef3.value.setData({ title: t('messages.OffNum'), num: tipdata.isoff });
+  topTitleRef3.value.setData({ title: t('messages.OffNum'), num: tipdata.isoff,color:'rgb(228, 57, 97)' });
   changedevlist(val.citylist);
 }
 onMounted(() => {

src/views/Temp/OffsiteDevList/childContent/chart/topTitle.vue

@@ -13,7 +13,7 @@
       <template v-slot>
         <div class="box" :key="keynum" :style="{ width: boxWH.width, height: boxWH.height }">
           
-          <p>{{ data.num }}<span>{{t('messages.units')}}</span></p>
+          <p :style="{color:data.color?data.color:''}">{{ data.num }}<span>{{t('messages.units')}}</span></p>
           <h2>{{ data.title }}</h2>
         </div>
       </template>
@@ -39,6 +39,7 @@ let keynum = ref(0);
 let data = reactive({
   title: "",
   num: 0,
+  color: "",
 });
 let refborder6 = ref();
 let marginbox = ref();

src/views/Temp/Tufting/component/center.vue

@@ -29,7 +29,7 @@ import { clacendTime } from "@/utils/time"
 
 
 let data = reactive({
-  date: "2023年08月12日",
+  date: "2023年06月10日",
   src: require("/src/assets/img/tufting.png"),
   realityTime: "",
   status: "物联调试中",
@@ -45,7 +45,7 @@ const itemSize = reactive({
 });
 
 time = setInterval(function () {
-      data.countdown = '距交付剩余：'+clacendTime(1686368149000, new Date().getTime())
+      data.countdown = '距交付剩余：'+clacendTime(1686326400000, new Date().getTime())
   }, 1000)
 
   onUnmounted(() => {

src/views/Temp/Tufting/component/right.vue

@@ -5,8 +5,8 @@
                 <div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
                     <div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
                     <div v-for="(res, index) in data_dj" :style="{ width: '150px', height: '150px' }">
@@ -24,8 +24,8 @@
                 <div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
                     <div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
                     <div v-for="(res, index) in data_cgq" :style="{ width: '150px', height: '150px' }">

src/views/Temp/Winding/component/right.vue

@@ -5,8 +5,8 @@
                 <div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
                     <div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
                     <div :style="{ width: '150px', height: '150px' }">
@@ -30,8 +30,8 @@
                 <div class="box" :style="{ width: '100%', height: '100%',position:'relative' }">
                     <div class="type">
                         <ul>
-                            <li class="on">已安装</li>
+                            <li class="on">已调试</li>
-                            <li class="off">未安装</li>
+                            <li class="off">未调试</li>
                         </ul>
                     </div>
                     <div v-for="item in data_btn" :style="{ width: '150px', height: '150px' }">