Explorar o código

运行状态、右上角时间

huangge1199 hai 3 meses
pai
achega
394b6ec3a2
Modificáronse 1 ficheiros con 5 adicións e 10 borrados
  1. 5 10
      src/App.vue

+ 5 - 10
src/App.vue

@@ -234,10 +234,6 @@
                                         <img src="@/assets/imgs/runinsulation.png" alt="" />
                                         <div>运行</div>
                                     </div>
-                                    <div>
-                                        <img src="@/assets/imgs/runinsulation.png" alt="" />
-                                        <div>保湿</div>
-                                    </div>
                                 </div>
                             </div>
                             <div class="Freezer_middle_belowdataboxs2">
@@ -394,9 +390,7 @@ const closeModal = () => {
 };
 
 onMounted(() => {
-    const date = new Date();
-    currentDate.value = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-    currentTime.value = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
+    updateTime();
 });
 
 const coalgasData = ref<any>([]);
@@ -432,8 +426,9 @@ const formatDate = (date: Date): string => {
 
 const updateTime = () => {
     const date = new Date();
-    currentDate.value = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-    currentTime.value = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
+    const padZero = (num) => (num < 10 ? `0${num}` : num);
+    currentDate.value = `${date.getFullYear()}-${padZero(date.getMonth() + 1)}-${padZero(date.getDate())}`;
+    currentTime.value = `${padZero(date.getHours())}:${padZero(date.getMinutes())}:${padZero(date.getSeconds())}`;
 };
 
 const progressbar = (item: any, index: number, ThawingtemperatureDatalength: number) => {
@@ -1604,7 +1599,7 @@ body {
                             padding: 0rem 0.5rem;
                             div {
                                 display: flex;
-                                width: 33.33%;
+                                width: 50%;
                                 height: 100%;
                                 justify-content: center;
                                 align-items: center;