From b4f4f0a81eb1250aaa5cf5556652b6711d6d57be Mon Sep 17 00:00:00 2001
From: chenshihai <chenshh@pcl.ac.cn>
Date: Tue, 25 Apr 2023 17:11:28 +0800
Subject: [PATCH] #4094

---
 .../components/cloudbrain/DatasetSelect.vue   | 11 +++++++----
 .../components/cloudbrain/ModelSelect.vue     | 19 +++++++++++--------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/web_src/vuepages/components/cloudbrain/DatasetSelect.vue b/web_src/vuepages/components/cloudbrain/DatasetSelect.vue
index f684b37747..fc20ffef01 100644
--- a/web_src/vuepages/components/cloudbrain/DatasetSelect.vue
+++ b/web_src/vuepages/components/cloudbrain/DatasetSelect.vue
@@ -5,8 +5,7 @@
     </div>
     <div class="content" :class="errStatus ? 'error' : ''">
       <div class="dataset-list-c">
-        <div class="dataset-item" v-for="(item, index) in selectList" :key="item.id" :title="item.name">
-          {{ item.name }};
+        <div class="dataset-item" v-for="(item, index) in selectList" :key="item.id" :title="item.name"> {{ item.name }};
         </div>
         <div v-if="selectList.length == 0" class="dataset-item-placeholder">
           {{ $t('datasetObj.dataset_select_placeholder') }}
@@ -94,8 +93,9 @@
           <div class="right-title"><span>{{ $t('datasetObj.dataset_selected') }}</span></div>
           <div class="right-selected-list">
             <el-checkbox-group v-model=" dlgSelectedDataset ">
-              <el-checkbox v-for="(  item, index  ) in   dlgSelectedDatasetList  " :key=" item.id " :label=" item.id "
-                :true-label=" item.id " :title=" item.label " @change=" (checked) => dlgChangeSelect(checked, item) ">
+              <el-checkbox v-for="(       item, index       ) in        dlgSelectedDatasetList       " :key=" item.id "
+                :label=" item.id " :true-label=" item.id " :title=" item.label "
+                @change=" (checked) => dlgChangeSelect(checked, item) ">
                 {{ item.label }}
               </el-checkbox>
             </el-checkbox-group>
@@ -350,6 +350,9 @@ export default {
         line-height: 35.6px;
         font-size: 14px;
         color: rgba(0, 0, 0, 0.95);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       .dataset-item-placeholder {
diff --git a/web_src/vuepages/components/cloudbrain/ModelSelect.vue b/web_src/vuepages/components/cloudbrain/ModelSelect.vue
index 0bae96f68e..4bc5ef690e 100644
--- a/web_src/vuepages/components/cloudbrain/ModelSelect.vue
+++ b/web_src/vuepages/components/cloudbrain/ModelSelect.vue
@@ -73,37 +73,37 @@
                   </div>
                 </span>
                 <span class="model-repolink model-nowrap" @click.stop="return false;">
-                  <a :href="'/' + data.repoOwnerName + '/' + data.repoName + '/modelmanage/model_readme_tmpl?name=' + data.name"
+                  <a :href=" '/' + data.repoOwnerName + '/' + data.repoName + '/modelmanage/model_readme_tmpl?name=' + data.name "
                     target="_blank">
                     {{ data.repoOwnerName }}/{{ data.repoDisplayName }}
                   </a>
                 </span>
               </span>
               <span v-else style="display: flex">
-                <span class="model-nowrap" :title="node.label">
+                <span class="model-nowrap" :title=" node.label ">
                   {{ node.label }}
                 </span>
               </span>
             </span>
           </el-tree>
           <div class="pagination-c">
-            <el-pagination background @current-change="dlgPageChange" :current-page="dlgPage" :page-size="dlgPageSize"
-              layout="total, prev, pager, next" :total="dlgTotal">
+            <el-pagination background @current-change=" dlgPageChange " :current-page=" dlgPage " :page-size=" dlgPageSize "
+              layout="total, prev, pager, next" :total=" dlgTotal ">
             </el-pagination>
           </div>
         </div>
         <div class="dlg-right-area">
           <div class="right-title"><span>{{ $t('modelObj.model_selected') }}</span></div>
           <div class="right-selected-list">
-            <el-checkbox-group v-model="dlgSelectedModel">
-              <el-checkbox v-for="(item, index) in dlgSelectedModelList" :key="item.id" :label="item.id"
-                :true-label="item.id" :title="item.name" @change="(checked) => dlgChangeSelect(checked, item)">
+            <el-checkbox-group v-model=" dlgSelectedModel ">
+              <el-checkbox v-for="( item, index ) in  dlgSelectedModelList " :key=" item.id " :label=" item.id "
+                :true-label=" item.id " :title=" item.name " @change=" (checked) => dlgChangeSelect(checked, item) ">
                 {{ item.name }}
               </el-checkbox>
             </el-checkbox-group>
           </div>
           <div class="right-btn-c">
-            <el-button type="primary" size="small" @click="confirm">{{ $t('modelObj.model_ok') }}</el-button>
+            <el-button type="primary" size="small" @click=" confirm ">{{ $t('modelObj.model_ok') }}</el-button>
           </div>
         </div>
       </div>
@@ -366,6 +366,9 @@ export default {
         line-height: 26px;
         font-size: 14px;
         color: rgba(0, 0, 0, 0.87);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       .model-item-model {
-- 
2.34.1