From 388a795a3d6b5579013db78c07a7ab468353d12f Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 18 Sep 2023 19:08:34 +0800
Subject: [PATCH] 计划库机场样式
---
src/pages/page-web/projects/task.vue | 40 ++++++++++++++++++++++++++++++++++++----
1 files changed, 36 insertions(+), 4 deletions(-)
diff --git a/src/pages/page-web/projects/task.vue b/src/pages/page-web/projects/task.vue
index 5843017..4868111 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;">
@@ -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'
@@ -617,4 +627,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