From a411e6a6e8baf3a0f0ebf6255f312669903d3754 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 22 一月 2024 17:38:23 +0800
Subject: [PATCH] 安装适配样式的插件和配置vite+调整页面样式
---
src/views/dashboard/components/TaskInfo.vue | 34 +++++++++++++++++++++++++++-------
1 files changed, 27 insertions(+), 7 deletions(-)
diff --git a/src/views/dashboard/components/TaskInfo.vue b/src/views/dashboard/components/TaskInfo.vue
index 969ba26..f72722e 100644
--- a/src/views/dashboard/components/TaskInfo.vue
+++ b/src/views/dashboard/components/TaskInfo.vue
@@ -12,14 +12,25 @@
</div>
<div class="task-info-content">
<div class="row">
- <div class="col">宸ュ崟鍙�: {{ task.Order.workOrderId }}</div>
- <div class="col">鐢熶骇鏁伴噺锛歿{ task.Order.amount || 0 }}{{ task.Order.unit }}</div>
+ <div class="col">
+ 宸ュ崟鍙�:
+ <span>{{ task.Order.workOrderId }}</span>
+ </div>
+ <div class="col">
+ 鐢熶骇鏁伴噺: <span>{{ task.Order.amount || 0 }}{{ task.Order.unit }}</span>
+ </div>
</div>
<div class="row">
- <div class="col">褰撳墠浠诲姟: {{ task.Procedure.procedure.procedureName || '' }}</div>
- <div class="col">浜у搧鍚嶇О锛歿{ task.Order.productName || '' }}</div>
+ <div class="col">
+ 褰撳墠浠诲姟:
+ <span>{{ task.Procedure.procedure.procedureName || '' }}</span>
+ </div>
+ <div class="col">
+ 浜у搧鍚嶇О:
+ <span>{{ task.Order.productName || '' }}</span>
+ </div>
</div>
- <div class="row">璁″垝鏃堕棿: {{ planTimeText }}</div>
+ <div class="row">璁″垝鏃堕棿:{{ planTimeText }}</div>
</div>
</div>
</template>
@@ -83,8 +94,8 @@
background-color: $status-done;
}
.task-info-content {
- font-size: 13px;
- padding: 10px 20px;
+ font-size: 12px;
+ padding: 10px 15px;
color: $text-color;
.row {
width: 100%;
@@ -95,6 +106,15 @@
.col {
width: 50%;
flex: 1;
+ span {
+ width: calc(100% - 60px);
+ // height:24px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: inline-block;
+ vertical-align: middle;
+ }
}
}
.active {
--
Gitblit v1.8.0