fix: style

Author: wangdan-fit2cloud

ui/src/components/app-table/index.vue

@@ -15,8 +15,12 @@
             clearable
           />
 
-          <el-button type="primary" @click="submitHandle" :disabled="loading">{{$t('common.create')}}</el-button>
-          <el-button @click="showInput = false" :disabled="loading">{{$t('common.cancel')}}</el-button>
+          <el-button type="primary" @click="submitHandle" :disabled="loading">{{
+            $t('common.create')
+          }}</el-button>
+          <el-button @click="showInput = false" :disabled="loading">{{
+            $t('common.cancel')
+          }}</el-button>
         </div>
         <div v-else @click="quickCreateHandle" class="w-full">
           <el-button type="primary" link class="quich-button">
@@ -54,25 +58,29 @@ const { common } = useStore()
 const props = defineProps({
   paginationConfig: {
     type: Object,
-    default: () => {}
+    default: () => {},
   },
   quickCreate: {
     type: Boolean,
-    default: false
+    default: false,
   },
   quickCreateName: {
     type: String,
-    default: t('components.quickCreateName')
+    default: t('components.quickCreateName'),
   },
   quickCreatePlaceholder: {
     type: String,
-    default: t('components.quickCreatePlaceholder')
+    default: t('components.quickCreatePlaceholder'),
   },
   quickCreateMaxlength: {
     type: Number,
-    default: () => 0
+    default: () => 0,
+  },
+  storeKey: String,
+  maxTableHeight: {
+    type: Number,
+    default: 300,
   },
-  storeKey: String
 })
 const emit = defineEmits(['changePage', 'sizeChange', 'creatQuick'])
 
@@ -131,15 +139,14 @@ function clearSelection() {
   appTableRef.value?.clearSelection()
 }
 defineExpose({
-  clearSelection
+  clearSelection,
 })
 
 onMounted(() => {
-
-  tableHeight.value = window.innerHeight - 300
+  tableHeight.value = window.innerHeight - props.maxTableHeight
   window.onresize = () => {
     return (() => {
-      tableHeight.value = window.innerHeight - 300
+      tableHeight.value = window.innerHeight - props.maxTableHeight
     })()
   }
 })

ui/src/layout/components/sidebar/index.vue

@@ -49,6 +49,7 @@ const activeMenu = computed(() => {
     height: 100%;
     border: none;
     background: none;
+    max-height: calc(100vh - 100px);
   }
 }
 </style>

ui/src/views/system-shared/AuthorizedWorkspaceDialog.vue

@@ -49,7 +49,7 @@
             >
               <div class="flex">
                 <AppIcon iconName="app-workspace"></AppIcon>
-                <span class="ml-4"> {{ space.name }}</span>
+                <span class="ml-4 ellipsis" :title="space.name"> {{ space.name }}</span>
               </div>
             </el-checkbox>
           </el-checkbox-group>
@@ -69,11 +69,11 @@
           <div class="flex-between">
             <div class="flex align-center">
               <AppIcon iconName="app-workspace"></AppIcon>
-              <span class="ml-4 lighter">{{ ele.name }}</span>
+              <span class="ml-4 lighter ellipsis" :title="ele.name">{{ ele.name }}</span>
             </div>
             <el-button link>
               <el-icon @click="clearWorkspace(ele)" :size="18">
-                <Close/>
+                <Close />
               </el-icon>
             </el-button>
           </div>
@@ -89,11 +89,11 @@
 </template>
 
 <script lang="ts" setup>
-import {ref, computed} from 'vue'
-import type {CheckboxValueType} from 'element-plus'
+import { ref, computed } from 'vue'
+import type { CheckboxValueType } from 'element-plus'
 import authorizationApi from '@/api/system-shared/authorization'
 import workspaceApi from '@/api/workspace/workspace'
-import {loadPermissionApi} from "@/utils/dynamics-api/permission-api.ts";
+import { loadPermissionApi } from '@/utils/dynamics-api/permission-api.ts'
 
 const checkAll = ref(false)
 const isIndeterminate = ref(true)
@@ -122,7 +122,7 @@ const handleCheckedWorkspaceChange = (value: CheckboxValueType[]) => {
   isIndeterminate.value = checkedCount > 0 && checkedCount < workspace.value.length
 }
 
-const open = async ({id}: any, type = 'Knowledge') => {
+const open = async ({ id }: any, type = 'Knowledge') => {
   knowledge_id = id
   loading.value = true
   currentType = type
@@ -161,5 +161,4 @@ defineExpose({
   open,
 })
 </script>
-<style lang="scss">
-</style>
+<style lang="scss"></style>

ui/src/views/system/resource-authorization/index.vue

@@ -273,6 +273,8 @@ function getMember(id?: string) {
       currentUser.value = member ? member.id : memberList.value?.[0]?.id
       currentType.value = member ? member.type : memberList.value?.[0]?.type
       getWholeTree(currentUser.value)
+    } else {
+      activeData.value.data = []
     }
   })
 }

ui/src/views/system/workspace/component/Member.vue

@@ -34,6 +34,7 @@
     v-loading="loading"
     class="member-table"
     :span-method="objectSpanMethod"
+    :maxTableHeight="320"
   >
     <el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
     <el-table-column prop="username" :label="$t('views.login.loginForm.username.label')" />