From 3908a403cb3a852bee96414a8bb82b88371e7b5a Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 22 十月 2024 11:42:33 +0800
Subject: [PATCH] 1. 任务调整模块修改（暂存）
---
src/components/list-item/ItemSubTask.vue | 53 +++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 43 insertions(+), 10 deletions(-)
diff --git a/src/components/list-item/ItemSubTask.vue b/src/components/list-item/ItemSubTask.vue
index 52b43f0..210bebc 100644
--- a/src/components/list-item/ItemSubTask.vue
+++ b/src/components/list-item/ItemSubTask.vue
@@ -1,16 +1,29 @@
<template>
<div class="wrapper">
- <div>
- <el-text truncated>{{ item.name }}</el-text>
+ <div class="text-title">
+ {{ item.name }}
</div>
- <div>
- <el-space fill>
- <el-text truncated class="w-250px" size="small">{{ item.scenseaddress }}</el-text>
- <el-text truncated class="w-250px" size="small">{{
- $fm.formatYMDH(item.planstarttime)
- }}</el-text>
- <el-text truncated class="w-250px" size="small">{{ item.executorrealtimes }}</el-text>
- </el-space>
+ <div class="text-info">
+ <div class="text-label">
+ <el-icon class="m-r-4" size="16"><LocationInformation /></el-icon>
+ <span>浠诲姟鍦板潃锛�</span>
+ </div>
+ {{ item.scenseaddress }}
+ </div>
+ <div class="text-info">
+ <div class="text-label">
+ <!-- <el-icon><Clock /></el-icon> -->
+ <el-icon class="m-r-4" size="16"><AlarmClock /></el-icon>
+ <span>浠诲姟鏃堕棿锛�</span>
+ </div>
+ {{ $fm.formatYMD(item.planstarttime) }}
+ </div>
+ <div class="text-info">
+ <div class="text-label">
+ <el-icon class="m-r-4" size="16"><User /></el-icon>
+ 浠诲姟浜哄憳锛�
+ </div>
+ {{ item.executorrealtimes }}
</div>
<el-row justify="end" style="margin-top: 4px">
<slot :item="item"></slot>
@@ -31,8 +44,28 @@
<style scoped>
.wrapper {
/* width: 300px; */
+ width: 100%;
border: 1px solid var(--el-border-color);
border-radius: var(--el-border-radius-base);
padding: 4px 8px;
}
+
+.text-title {
+ font-weight: var(--el-font-weight-primary);
+ color: var(--el-text-color-primary);
+ font-size: var(--el-font-size-medium);
+}
+
+.text-info {
+ display: flex;
+ align-items: flex-start;
+ color: var(--el-text-color-secondary);
+ font-size: var(--el-font-size-small);
+}
+
+.text-label {
+ display: flex;
+ align-items: center;
+ white-space: nowrap;
+}
</style>
--
Gitblit v1.9.3