From e3376657b0f8c25fd04ec1d06f424160e67e20a2 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 10 十二月 2024 17:21:36 +0800
Subject: [PATCH] 生命周期备选列表添加超出隐藏和提示文字&&表单定义查询模板切换不显示值问题
---
Source/plt-web/plt-web-ui/src/components/flow-cycle/components/ItemPanel.vue | 33 +++++++++++++++++++++------------
1 files changed, 21 insertions(+), 12 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/components/flow-cycle/components/ItemPanel.vue b/Source/plt-web/plt-web-ui/src/components/flow-cycle/components/ItemPanel.vue
index 7a76262..e7a92e8 100644
--- a/Source/plt-web/plt-web-ui/src/components/flow-cycle/components/ItemPanel.vue
+++ b/Source/plt-web/plt-web-ui/src/components/flow-cycle/components/ItemPanel.vue
@@ -1,29 +1,32 @@
<template>
<div class="item_panel_box">
- <el-input size="mini" placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText">
+ <el-input v-model="filterText" placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" size="mini">
</el-input>
<div class="box_item">
- <item-panel class="item-panel" v-loading="loading">
+ <item-panel v-loading="loading" class="item-panel">
<template v-for="(item, index) in nodeItems">
<item
:key="index"
- :type="item.type || 'node'"
- :size="item.size || '72*43'"
- :shape="item.shape || 'flow-rect'"
:model="{
// must have model property
color: item.color || '#1890FF',
label: item.id || '鑺傜偣'
}"
+ :shape="item.shape || 'flow-rect'"
+ :size="item.size || '72*43'"
+ :type="item.type || 'node'"
>
<template v-if="item.src">
<div class="item item-img">
- <img :src="item.src" :alt="item.id" />
+ <img :alt="item.id" :src="item.src"/>
</div>
</template>
<template v-else>
<div :class="'item item-' + (item.shape || 'flow-rect')">
- <span>{{ item.id }}</span>
+ <el-tooltip v-if="item.id.length > 9" :content="item.id" effect="light" placement="top">
+ <span class="spanValue">{{ item.id }}</span>
+ </el-tooltip>
+ <span v-else>{{ item.id }}</span>
</div>
</template>
</item>
@@ -34,16 +37,16 @@
</template>
<script>
-import { Item, ItemPanel } from 'vue-flowchart-editor'
+import {Item, ItemPanel} from 'vue-flowchart-editor'
// import { getPage } from '../../../api/omd/status'
export default {
name: 'EditorItemPanel',
- components: { ItemPanel, Item },
+ components: {ItemPanel, Item},
props: {
- nodeItems:{
- type:Array,
- default:() => [],
+ nodeItems: {
+ type: Array,
+ default: () => [],
}
},
data() {
@@ -118,4 +121,10 @@
.item-img {
max-width: 100px;
}
+
+.spanValue {
+ white-space: nowrap; // 闃叉鎹㈣
+ overflow: hidden; //闅愯棌瓒呭嚭閮ㄥ垎
+ text-overflow: ellipsis; //鏄剧ず鐪佺暐鍙�
+}
</style>
--
Gitblit v1.9.3