[Improvement-4504][ui]Fix too many resources to display (#4660)

* [Improvement-4504][ui]Fix too many resources to display

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">&nbsp;</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>