From bf7954d6ca6726bc2e71b5900348753fcafe1c5a Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 18 九月 2023 19:16:12 +0800
Subject: [PATCH] 修改看板的样式问题
---
src/views/visualization.vue | 32 ++++++++++++++++++++++++++------
1 files changed, 26 insertions(+), 6 deletions(-)
diff --git a/src/views/visualization.vue b/src/views/visualization.vue
index 4c05af7..19d3b65 100644
--- a/src/views/visualization.vue
+++ b/src/views/visualization.vue
@@ -247,8 +247,16 @@
>
<template v-if="list.name == '宸ュ簭'">
<div class="card_content">
- <div class="card_contentLeft color_blue">
- {{ list.deviceName }}
+ <div class="card_contentLeft color_blue font_dian">
+ <!-- {{ list.deviceName }} -->
+ <el-tooltip
+ effect="dark"
+ popper-class="tooltip-width-200"
+ :content="list.deviceName"
+ placement="top-start"
+ >
+ <span>{{ list.deviceName }}</span>
+ </el-tooltip>
<!-- <span style="float: right">6m/s</span> -->
</div>
</div>
@@ -852,10 +860,12 @@
inputMaterials: [],
outputMaterials: [],
procedureList: [
- // {
- // number: 11111,
- // name: "宸ヨ壓",
- // }
+ // [
+ // {
+ // name:"宸ュ簭",
+ // deviceName:'1111dhafjdhajkhf jkdahjkf鎵撴硶鍗冲彲鎵撻枊閺堟帴鑲痉鍩哄晩鐪嬩締jdad澶ч浜笢鍗¤�佸徃鏈虹暘绐犲�掕嚰寮�浜嗘埧閲戦樋濂庣鍗佸叚灞婂弽棣堟媺寰锋柉鍩簁鎵撳崱鏈洪樋鐝傞檮浠舵墦寮�浜嗙偣鍑婚樋閲屽崱鍑忚偉鐨勫崱鎷夎兌寮�浜嗘埧澶ц涓婂厠闅唂k鍟﹀ぇ瀹堕槻绌洪浄閬旀暩鎿氱湅i'
+ // },
+ // ]
],
};
this.Tasks = [];
@@ -1008,6 +1018,10 @@
</script>
<style lang="scss">
+.tooltip-width-200{
+ width:200px;
+ line-height:1.3!important;
+}
.color_yellow{
color:yellow;
}
@@ -1564,6 +1578,12 @@
border-radius: 5px 5px 0 0;
background: rgb(19, 35, 90);
}
+ .font_dian{
+ -webkit-box-orient:vertical;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap;
+ }
.card_contentRight {
width: 100%;
--
Gitblit v1.8.0