feat 异常警告
This commit is contained in:
1
src/components.d.ts
vendored
1
src/components.d.ts
vendored
@@ -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']
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -84,6 +84,7 @@ const current = ref(25)
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<home-construction />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -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">
|
||||
<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>
|
||||
<home-warning_list />
|
||||
</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>
|
||||
|
||||
60
src/components/home/warning_list.vue
Normal file
60
src/components/home/warning_list.vue
Normal file
@@ -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>
|
||||
@@ -21,7 +21,6 @@ definePage({
|
||||
</view>
|
||||
<view class="column-right">
|
||||
<home-progress />
|
||||
<home-construction />
|
||||
<home-warning />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user