From 985befd1aacce206d49925399aba85a51c50ea6e Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期二, 28 十一月 2023 17:20:03 +0800
Subject: [PATCH] feat: 下发后重连plc
---
src/views/dashboard/components/TaskInfo.vue | 28 +++++++++++++++++++++++-----
1 files changed, 23 insertions(+), 5 deletions(-)
diff --git a/src/views/dashboard/components/TaskInfo.vue b/src/views/dashboard/components/TaskInfo.vue
index 9f151d4..969ba26 100644
--- a/src/views/dashboard/components/TaskInfo.vue
+++ b/src/views/dashboard/components/TaskInfo.vue
@@ -1,5 +1,5 @@
<template>
- <div class="task-info" :class="{ selected }">
+ <div class="task-info" :class="{ active }">
<div
class="task-info-title"
:class="{
@@ -31,17 +31,17 @@
export interface TaskInfoProps {
task: Task
- selected?: boolean
+ active?: boolean
}
const props = withDefaults(defineProps<TaskInfoProps>(), {
- selected: false
+ active: false
})
-const { task, selected } = toRefs(props)
+const { task, active } = toRefs(props)
const planTimeText = computed(() => {
const format = (date: number) => {
- return useDateFormat(date, 'YYYY-MM-DD', { locales: 'zh-cn' })
+ return useDateFormat(date, 'YYYY-MM-DD HH:mm:ss', { locales: 'zh-cn' })
}
const startTime = task.value.Procedure?.startTime
@@ -55,9 +55,13 @@
$status-running: #ffcc00;
$status-ready: #13235a;
$status-done: #13235a;
+$text-color: #d7d7d7;
+$active-color: #00dfdf;
.task-info {
background-color: #6b83ff;
border-radius: 4px;
+ overflow: initial;
+ cursor: pointer;
}
.task-info-title {
height: 34px;
@@ -81,6 +85,7 @@
.task-info-content {
font-size: 13px;
padding: 10px 20px;
+ color: $text-color;
.row {
width: 100%;
height: 24px;
@@ -92,4 +97,17 @@
flex: 1;
}
}
+.active {
+ position: relative;
+ &:before {
+ content: '';
+ width: 8px;
+ background-color: $active-color;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border-radius: 6px 0 0 6px;
+ }
+}
</style>
--
Gitblit v1.8.0