You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dolphinscheduler.apache.org by ki...@apache.org on 2021/02/02 09:06:04 UTC
[incubator-dolphinscheduler] branch 1.3.5-prepare updated:
[Improvement-4504][ui]Fix too many resources to display (#4660)
This is an automated email from the ASF dual-hosted git repository.
kirs pushed a commit to branch 1.3.5-prepare
in repository https://gitbox.apache.org/repos/asf/incubator-dolphinscheduler.git
The following commit(s) were added to refs/heads/1.3.5-prepare by this push:
new 19f4fa3 [Improvement-4504][ui]Fix too many resources to display (#4660)
19f4fa3 is described below
commit 19f4fa3321992036416be2bf70bcade3b5809c92
Author: break60 <79...@qq.com>
AuthorDate: Tue Feb 2 17:05:56 2021 +0800
[Improvement-4504][ui]Fix too many resources to display (#4660)
* [Improvement-4504][ui]Fix too many resources to display
---
.../src/js/module/components/transfer/resource.vue | 37 ++++++----------------
1 file changed, 9 insertions(+), 28 deletions(-)
diff --git a/dolphinscheduler-ui/src/js/module/components/transfer/resource.vue b/dolphinscheduler-ui/src/js/module/components/transfer/resource.vue
index 41964a0..3ed1912 100644
--- a/dolphinscheduler-ui/src/js/module/components/transfer/resource.vue
+++ b/dolphinscheduler-ui/src/js/module/components/transfer/resource.vue
@@ -17,45 +17,19 @@
<template>
<m-popup :ok-text="$t('Submit')" :nameText="type.name + $t('Authorize')" @ok="_ok" ref="popup">
<template slot="content">
- <div class="clearfix transfer-model" style="width: 660px">
+ <div class="clearfix transfer-model" style="width: 660px;">
<div>
<x-button-group v-model="checkedValue" size="small">
<x-button type="ghost" value="fileResource" @click="_ckFile">{{$t('File resources')}}</x-button>
<x-button type="ghost" value="udfResource" @click="_ckUDf">{{$t('UDF resources')}}</x-button>
</x-button-group>
</div>
- <treeselect v-show="checkedValue=='fileResource'" v-model="selectFileSource" :multiple="true" :options="fileList" :normalizer="normalizer" :value-consists-of="valueConsistsOf" :placeholder="$t('Please select resources')">
+ <treeselect style="max-height: 260px;" v-show="checkedValue=='fileResource'" v-model="selectFileSource" :multiple="true" :options="fileList" :normalizer="normalizer" :value-consists-of="valueConsistsOf" :placeholder="$t('Please select resources')">
<div slot="value-label" slot-scope="{ node }">{{ node.raw.fullName }}</div>
</treeselect>
<treeselect v-show="checkedValue=='udfResource'" v-model="selectUdfSource" :multiple="true" :options="udfList" :normalizer="normalizer" :value-consists-of="valueConsistsOf" :placeholder="$t('Please select resources')">
<div slot="value-label" slot-scope="{ node }">{{ node.raw.fullName }}</div>
</treeselect>
- <!-- <div class="select-list-box">
- <div class="tf-header">
- <div class="title">{{type.name}}{{$t('List')}}</div>
- <div class="count">（{{cacheSourceList.length}}）</div>
- </div>
- <div class="scrollbar tf-content">
- <ul>
- <li v-for="(item,$index) in sourceList" :key="$index" @click="_ckSource(item)">
- <span :title="item.name">{{item.name}}</span>
- <a href="javascript:"></a>
- </li>
- </ul>
- </div>
- </div>
- <div class="select-oper-box"> </div>
- <div class="select-list-box">
- <div class="tf-header">
- <div class="title">{{$t('Selected')}}{{type.name}}</div>
- <div class="count">（{{cacheTargetList.length}}）</div>
- </div>
- <div class="scrollbar tf-content">
- <ul>
- <li v-for="(item,$index) in targetList" :key="$index" @click="_ckTarget(item)"><span :title="item.name">{{item.name}}</span></li>
- </ul>
- </div>
- </div> -->
</div>
</template>
</m-popup>
@@ -332,4 +306,11 @@
float: left;
}
}
+ .vue-treeselect__menu {
+ max-height: 200px!important;
+ }
+ .vue-treeselect__multi-value {
+ max-height: 260px!important;
+ overflow-y: auto!important;
+ }
</style>