From 2c2bc8614c8ea0ce386369eb4924da1e6aa052d1 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Wed, 27 Sep 2023 09:35:57 +0800
Subject: [PATCH] 添加环境配置区分
---
src/pages/page-web/projects/task.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 6 deletions(-)
diff --git a/src/pages/page-web/projects/task.vue b/src/pages/page-web/projects/task.vue
index 5843017..7cf7edb 100644
--- a/src/pages/page-web/projects/task.vue
+++ b/src/pages/page-web/projects/task.vue
@@ -51,9 +51,18 @@
</div>
<div v-else class="fz12" style="color: white;">
<div @click="selectOnlineDock(dock)" v-for="dock in onlineDocks.data" :key="dock.sn"
- :style="{cursor:'pointer', background: '#3c3c3c', height: '90px', 'margin-bottom': '10px',border:dock.selected?'2px solid #2b85e4':''}">
- <div style="border-radius: 2px; height: 100%; width: 100%;"
- class="flex-row flex-justify-between flex-align-center">
+ :style="{cursor:'pointer', background: '#3c3c3c', height: '130px', 'margin-bottom': '10px',border:dock.selected?'2px solid #2b85e4':''}">
+
+ <div class="job-info">
+ <div class="job-status">
+ <FileTextOutlined /> 执行失败
+ </div>
+ <div class="job-name">
+ 任务标题
+ </div>
+ </div>
+
+ <div style="border-radius: 2px; height: 60%; width: 100%;" class="flex-row flex-justify-between flex-align-center">
<div style="float: left; padding: 0px 5px 8px 8px; width: 88%">
<!-- // 机场设备标题 -->
<div style="width: 80%; height: 30px; line-height: 30px; font-size: 16px;">
@@ -160,7 +169,7 @@
<div :class="hmsInfo[dock.sn][0].level === EHmsLevel.CAUTION ? 'caution' :
hmsInfo[dock.sn][0].level === EHmsLevel.WARN ? 'warn' : 'notice'"
style="margin-left: 3px; width: 62px; height: 16px;">
- <span class="word-loop">{{ hmsInfo[dock.sn][0].message_en }}</span>
+ <span class="word-loop">{{ hmsInfo[dock.sn][0].message_zh }}</span>
</div>
<template #content>
<a-collapse style="background: black; height: 300px; overflow-y: auto;" :bordered="false"
@@ -171,7 +180,7 @@
<template #header="{ isActive }">
<div class="flex-row flex-align-center" style="width: 130px;">
<div style="width: 110px;">
- <span class="word-loop">{{ hms.message_en }}</span>
+ <span class="word-loop">{{ hms.message_zh }}</span>
</div>
<div style="width: 20px; height: 15px; font-size: 10px; z-index: 2 "
class="flex-row flex-align-center flex-justify-center"
@@ -387,7 +396,8 @@
EyeInvisibleOutlined,
EyeOutlined,
RobotOutlined,
- DoubleRightOutlined
+ DoubleRightOutlined,
+ FileTextOutlined,
} from '@ant-design/icons-vue'
import { useRoute } from 'vue-router'
import { ERouterName, EHmsLevel } from '/@/types/enums'
@@ -440,6 +450,17 @@
const osdVisible = ref({} as OSDVisible)
const onlineCheck = ref(false)
const historyCheck = ref(false)
+
+watch(
+ () => onlineCheckArr.data,
+ (newVal) => {
+ const dockSns = newVal.map(item => item.gateway.sn).join(',')
+ // 把机场编号存入store
+ store.commit('SET_DOCK_SN', dockSns)
+ },
+ { deep: true }
+)
+
onMounted(() => {
getOnlineTopo()
setTimeout(() => {
@@ -617,4 +638,26 @@
color: #fff;
font-size: 16px;
}
+
+.job-info{
+ height: 30%;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid #c1c1c1;
+ margin-bottom: 6px;
+
+ .job-status{
+ height: 100%;
+ display: flex;
+ align-items: center;
+ background: red;
+ }
+
+ .job-name{
+ height: 100%;
+ display: flex;
+ align-items: center;
+ padding-left: 5px;
+ }
+}
</style>
--
Gitblit v1.9.3