From 3cc41c90f989d0edfb795c247dda8e4fa94d6a84 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Mon, 21 Apr 2025 09:14:44 +0800
Subject: [PATCH] feat: 修复任务名称太长
---
src/views/SignMachineNest/MachineRight/InspectionRaskList.vue | 16 +++++++++++-----
1 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/src/views/SignMachineNest/MachineRight/InspectionRaskList.vue b/src/views/SignMachineNest/MachineRight/InspectionRaskList.vue
index 1b87b17..46981de 100644
--- a/src/views/SignMachineNest/MachineRight/InspectionRaskList.vue
+++ b/src/views/SignMachineNest/MachineRight/InspectionRaskList.vue
@@ -27,11 +27,11 @@
<div class="item" v-for="(item, index) in tableList">
<div class="left" @click="taskClick(item)">
<div class="left-t">
- <span>{{ index + 1 }}.</span>
- {{ item.name }}
- <span class="status" :class="item.status === 2 ? 'active' : ''">
+ <div>{{ index + 1 }}.</div>
+ <div class="t-name">{{item.name}}</div>
+ <div class="status" :class="item.status === 2 ? 'active' : ''">
{{ getStatusText(item.status) }}
- </span>
+ </div>
</div>
<div class="left-b">
<img src="../../../assets/images/signMachineNest/machineRight/date.png" alt="" />
@@ -311,13 +311,19 @@
.left {
cursor: pointer;
.left-t {
+ display: flex;
height: 24px;
font-size: 16px;
margin-bottom: 4px;
+ .t-name {
+ width: 180px;
+ white-space: nowrap; // 不换行
+ overflow: hidden; // 超出隐藏
+ text-overflow: ellipsis; // 显示省略号
+ }
.status {
text-align: center;
font-size: 12px;
- display: inline-block;
width: 48px;
height: 20px;
background: rgba(76, 166, 255, 0.08);
--
Gitblit v1.9.3