feat(workspace): workspace manage

frontend/src/i18n/en.json

@@ -65,6 +65,7 @@
     "actions": "Actions",
     "pieces_in_total": "Showing {ms} records out of {msg}",
     "test_connection": "Test Connection",
+    "check": "check",
     "connection_success": "Connection Successful",
     "connection_failed": "Connection Failed, Please Check Configuration",
     "Search Datasource": "Search Datasource",

frontend/src/i18n/zh-CN.json

@@ -65,6 +65,7 @@
     "pieces_in_total": "显示 {ms} 条数据，共 {msg} 条",
     "actions": "操作",
     "test_connection": "测试连接",
+    "check": "校验",
     "connection_success": "连接成功",
     "connection_failed": "连接失败，请检查配置",
     "Search Datasource": "搜索数据源",

frontend/src/views/ds/DataTable.vue

@@ -206,6 +206,7 @@ const changeStatus = (row: any) => {
             :key="ele.table_name"
             class="model"
             :class="currentTable.table_name === ele.table_name && 'isActive'"
+            :title="ele.table_name"
             @click="clickTable(ele)"
           >
             <el-icon size="16">
@@ -372,7 +373,7 @@ const changeStatus = (row: any) => {
         justify-content: space-between;
         padding: 8px;
 
-        .ed-icon:hover {
+        .ed-icon {
           cursor: pointer;
           color: var(--ed-color-primary);
         }
@@ -392,11 +393,16 @@ const changeStatus = (row: any) => {
           padding-left: 8px;
           border-radius: 4px;
           cursor: pointer;
+
           .name {
             margin-left: 8px;
             font-weight: 500;
             font-size: 14px;
             line-height: 22px;
+            max-width: 80%;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
           &:hover {
             background: #1f23291a;

frontend/src/views/ds/DatasourceForm.vue

@@ -551,15 +551,15 @@ defineExpose({
     </div>
     <div class="draw-foot">
       <el-button @click="close">{{ t('common.cancel') }}</el-button>
-      <el-button v-show="!isCreate && !isEditTable && form.type !== 'excel'" @click="check">
-        {{ t('ds.test_connection') }}
+      <el-button v-show="form.type !== 'excel'" @click="check">
+        {{ t('ds.check') }}
+      </el-button>
+      <el-button v-show="activeStep !== 0 && isCreate" secondary @click="preview">
+        {{ t('ds.previous') }}
       </el-button>
       <el-button v-show="activeStep === 1 && isCreate" type="primary" @click="next(dsFormRef)">
         {{ t('common.next') }}
       </el-button>
-      <el-button v-show="activeStep === 2 && isCreate" @click="preview">
-        {{ t('ds.previous') }}
-      </el-button>
       <el-button
         v-show="activeStep === 2 || !isCreate"
         :loading="saveLoading"

frontend/src/views/ds/form.vue

@@ -135,7 +135,7 @@
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
       <el-button @click="close">{{ t('common.cancel') }}</el-button>
       <el-button v-show="!isCreate && !isEditTable && form.type !== 'excel'" @click="check">
-        {{ t('ds.test_connection') }}
+        {{ t('ds.check') }}
       </el-button>
       <el-button v-show="active === 0 && isCreate" type="primary" @click="next(dsFormRef)">
         {{ t('common.next') }}

frontend/src/views/system/workspace/index.vue

@@ -276,6 +276,7 @@ const handleCurrentChange = (val: number) => {
           :key="ele.name"
           class="model"
           :class="currentTable.name === ele.name && 'isActive'"
+          :title="ele.name"
           @click="clickTable(ele)"
         >
           <el-icon size="16">
@@ -609,6 +610,10 @@ const handleCurrentChange = (val: number) => {
           font-weight: 500;
           font-size: 14px;
           line-height: 22px;
+          max-width: 80%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
         }
         &:hover {
           background: #1f23291a;