feat 异常警告

src/components.d.ts

@@ -19,6 +19,7 @@ declare module 'vue' {
     HomeProjectList_list: typeof import('./components/home/projectList_list.vue')['default']
     HomeStatus: typeof import('./components/home/status.vue')['default']
     HomeWarning: typeof import('./components/home/warning.vue')['default']
+    HomeWarning_list: typeof import('./components/home/warning_list.vue')['default']
     InputEntry: typeof import('./components/InputEntry.vue')['default']
   }
 }

src/components/home/construction.vue

@@ -38,7 +38,7 @@
 }
 
 .card-title {
-  font-size: 15px;
+  font-size: 22px;
   font-weight: bold;
   color: #333333;
 }
@@ -68,14 +68,14 @@
 }
 
 .segment {
-  font-size: 16px;
+  font-size: 18px;
   font-weight: bold;
   color: #333333;
   margin-bottom: 4px;
 }
 
 .requirement {
-  font-size: 12px;
+  font-size: 14px;
   color: #999999;
 }
 </style>

src/components/home/progress.vue

@@ -84,6 +84,7 @@ const current = ref(25)
         </view>
       </view>
     </view>
+    <home-construction />
   </view>
 </template>
 

src/components/home/warning.vue

@@ -4,39 +4,12 @@
       <text class="card-title">
         异常警告
       </text>
-      <text class="card-link">
+      <wd-button variant="text">
         查看全部
-      </text>
+      </wd-button>
     </view>
     <view class="card-body">
-      <view class="warning-item">
+      <home-warning_list />
-        <view class="warning-icon" />
-        <view class="warning-info">
-          <text class="warning-title">
-            钢轮温度过高
-          </text>
-          <text class="warning-desc">
-            徐工XS65H #01 钢轮温度达90°C,超过國值85°C
-          </text>
-        </view>
-        <text class="warning-time">
-          10分钟前
-        </text>
-      </view>
-      <view class="warning-item">
-        <view class="warning-icon warning-rtk" />
-        <view class="warning-info">
-          <text class="warning-title">
-            RTK信号弱
-          </text>
-          <text class="warning-desc">
-            三一SSZ600AC #002 RTK定位精度下降, 请注意
-          </text>
-        </view>
-        <text class="warning-time">
-          10分钟前
-        </text>
-      </view>
     </view>
   </view>
 </template>
@@ -58,63 +31,12 @@
 }
 
 .card-title {
-  font-size: 15px;
+  font-size: 22px;
   font-weight: bold;
   color: #333333;
 }
 
-.card-link {
-  font-size: 12px;
-  color: #4685FD;
-}
-
 .card-body {
   padding: 12px 16px;
 }
-
-.warning-item {
-  display: flex;
-  align-items: center;
-  padding: 12px 0;
-  border-bottom: 1px solid #f5f5f5;
-}
-
-.warning-item:last-child {
-  border-bottom: none;
-}
-
-.warning-icon {
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  background-color: #fff2e8;
-  margin-right: 12px;
-}
-
-.warning-rtk {
-  background-color: #e6f7ff;
-}
-
-.warning-info {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.warning-title {
-  font-size: 14px;
-  font-weight: bold;
-  color: #333333;
-  margin-bottom: 4px;
-}
-
-.warning-desc {
-  font-size: 12px;
-  color: #999999;
-}
-
-.warning-time {
-  font-size: 12px;
-  color: #cccccc;
-}
 </style>

src/components/home/warning_list.vue

@@ -0,0 +1,60 @@
+<template>
+  <view class="warning-item">
+    <view class="warning-icon" />
+    <view class="warning-info">
+      <text class="warning-title">
+        钢轮温度过高
+      </text>
+      <text class="warning-desc">
+        徐工XS65H #01 钢轮温度达90°C,超过國值85°C
+      </text>
+    </view>
+    <text class="warning-time">
+      10分钟前
+    </text>
+  </view>
+</template>
+
+<style scoped>
+.warning-item {
+  display: flex;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.warning-item:last-child {
+  border-bottom: none;
+}
+
+.warning-icon {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background-color: #fff2e8;
+  margin-right: 12px;
+}
+
+.warning-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.warning-title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 4px;
+}
+
+.warning-desc {
+  font-size: 14px;
+  color: #999999;
+}
+
+.warning-time {
+  font-size: 14px;
+  color: #cccccc;
+}
+</style>

src/pages/home/index.vue

@@ -21,7 +21,6 @@ definePage({
         </view>
         <view class="column-right">
           <home-progress />
-          <home-construction />
           <home-warning />
         </view>
       </view>