feat(workspace): workspace manage

Author: dataeaseShu

frontend/src/components/layout/LayoutDsl.vue

@@ -37,7 +37,7 @@ const toWorkspace = () => {
       <Workspace :collapse="collapse"></Workspace>
       <Menu :collapse="collapse"></Menu>
       <div class="bottom">
-        <div class="back-to_workspace" @click="toWorkspace">
+        <div class="back-to_workspace" :class="collapse && 'collapse'" @click="toWorkspace">
           <el-icon size="16">
             <icon_moments_categories_outlined></icon_moments_categories_outlined>
           </el-icon>
@@ -97,6 +97,11 @@ const toWorkspace = () => {
         border-radius: 6px;
         height: 40px;
         cursor: pointer;
+
+        &:not(.collapse) {
+          background: #1f23290a;
+          border: 1px solid #d9dcdf;
+        }
         &:hover {
           background-color: #1f23291a;
         }

frontend/src/views/ds/Card.vue

@@ -13,6 +13,7 @@ const props = withDefaults(
     name: string
     type: string
     typeName: string
+    num: string
     description?: string
     id?: string
   }>(),
@@ -69,6 +70,7 @@ const onClickOutside = () => {
         <el-icon class="form-icon" size="16">
           <icon_form_outlined></icon_form_outlined>
         </el-icon>
+        {{ num }}
       </div>
       <div click.stop class="methods">
         <el-button type="primary" style="margin-right: 8px" @click.stop="handleQuestion">

frontend/src/views/ds/Datasource.vue

@@ -21,6 +21,7 @@ import { useI18n } from 'vue-i18n'
 
 interface Datasource {
   name: string
+  num: string
   type_name: string
   type: string
   img: string
@@ -274,6 +275,7 @@ const back = () => {
         :name="ele.name"
         :type="ele.type"
         :type-name="ele.type_name"
+        :num="ele.num"
         :description="ele.description"
         @question="handleQuestion"
         @edit="handleEditDatasource(ele)"

frontend/src/views/system/model/Model.vue

@@ -359,6 +359,8 @@ const submit = (item: any) => {
 
   .card-content {
     display: flex;
+    flex-wrap: wrap;
+    max-height: calc(100% - 40px);
   }
 }
 </style>