fix(System-Appearance Settings): Optimize rounded corners to 6px

Author: dataeaseShu

frontend/src/api/embedded.ts

@@ -14,6 +14,6 @@ export const embeddedApi = {
     }),
   updateEmbedded: (data: any) => request.put('/system/embedded', data),
   addEmbedded: (data: any) => request.post('/system/embedded', data),
-  deleteEmbedded: (data: any) => request.delete('/system/embedded', data),
+  deleteEmbedded: (params: any) => request.delete('/system/embedded', { data: params }),
   getOne: (id: any) => request.get(`/system/embedded/${id}`),
 }

frontend/src/views/embedded/assistant.vue …/src/views/embedded/AssistantPreview.vuefrontend/src/views/embedded/assistant.vue renamed to frontend/src/views/embedded/AssistantPreview.vue frontend/src/views/embedded/assistant.vue renamed to frontend/src/views/embedded/AssistantPreview.vue

@@ -232,7 +232,7 @@ onMounted(() => {
   }
 
   .login-container {
-    height: calc(100% - 24px);
+    height: calc(100% - 22px);
     width: 100%;
     display: flex;
     .left-img {

frontend/src/views/system/appearance/LoginPreview.vue

@@ -809,6 +809,8 @@ onUnmounted(() => {
             .navigate-preview {
               height: calc(100% - 28px);
               background-color: #fff;
+              border-radius: 6px;
+              overflow: hidden;
 
               .navigate-head {
                 width: 240px;

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

@@ -22,6 +22,15 @@ defineProps({
   },
 })
 
+interface Form {
+  id?: string | null
+  name: string | null
+  domain: string | null
+  type: number
+  configuration?: string | null
+  description?: string | null
+}
+
 const emits = defineEmits(['btnSelectChange'])
 const { t } = useI18n()
 const multipleSelectionAll = ref<any[]>([])
@@ -45,6 +54,19 @@ const pageInfo = reactive({
   total: 0,
 })
 
+const pwd = '**********'
+
+const dialogTitle = ref('')
+const defaultForm = {
+  id: null,
+  name: null,
+  domain: null,
+  type: 4,
+  // configuration: null,
+  // description: null,
+}
+const pageForm = ref<Form>(cloneDeep(defaultForm))
+
 const cancelDelete = () => {
   handleToggleRowSelection(false)
   multipleSelectionAll.value = []
@@ -54,7 +76,7 @@ const cancelDelete = () => {
 const deleteBatchUser = () => {
   ElMessageBox.confirm(t('embedded.delete_10_apps', { msg: multipleSelectionAll.value.length }), {
     confirmButtonType: 'danger',
-    confirmButtonText: t('dashboard.delete_success'),
+    confirmButtonText: t('dashboard.delete'),
     cancelButtonText: t('common.cancel'),
     customClass: 'confirm-no_icon',
     autofocus: false,
@@ -72,7 +94,7 @@ const deleteBatchUser = () => {
 const deleteHandler = (row: any) => {
   ElMessageBox.confirm(t('embedded.delete', { msg: row.name }), {
     confirmButtonType: 'danger',
-    confirmButtonText: t('dashboard.delete_success'),
+    confirmButtonText: t('dashboard.delete'),
     cancelButtonText: t('common.cancel'),
     customClass: 'confirm-no_icon',
     autofocus: false,
@@ -187,30 +209,22 @@ const rules = {
 const saveHandler = () => {
   termFormRef.value.validate((res: any) => {
     if (res) {
-      embeddedApi.addEmbedded(unref(pageForm)).then(() => {
+      const obj = unref(pageForm)
+      if (obj.id === '') {
+        delete obj.id
+      }
+      embeddedApi.addEmbedded(obj).then(() => {
         ElMessage({
           type: 'success',
           message: t('common.save_success'),
         })
         search()
-        dialogFormVisible.value = false
+        onFormClose()
       })
     }
   })
 }
 
-const pwd = '**********'
-
-const dialogTitle = ref('')
-const defaultForm = {
-  id: null,
-  name: null,
-  domain: null,
-  type: 0,
-  configuration: null,
-  description: null,
-}
-const pageForm = ref(cloneDeep(defaultForm))
 const editHandler = (row: any) => {
   pageForm.value.id = null
   if (row) {
@@ -505,7 +519,7 @@ const copyCode = (row: any, key: any = 'app_secret') => {
         {{ $t('datasource.select_all') }}
       </el-checkbox>
 
-      <button class="danger-button" @click="deleteBatchUser">{{ $t('workspace.remove') }}</button>
+      <button class="danger-button" @click="deleteBatchUser">{{ $t('dashboard.delete') }}</button>
 
       <span class="selected">{{
         $t('user.selected_2_items', { msg: multipleSelectionAll.length })

frontend/src/views/system/embedded/Page.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import Assistant from '@/views/embedded/assistant.vue'
+import Assistant from '@/views/embedded/AssistantPreview.vue'
 import { ref, unref, reactive, nextTick } from 'vue'
 import { type UploadUserFile, ElMessage } from 'element-plus-secondary'
 import { useI18n } from 'vue-i18n'

frontend/src/views/system/embedded/SetUi.vue

@@ -39,7 +39,7 @@
       </div>
     </div>
     <div
-      class="sqlbot-table"
+      class="sqlbot-table_user"
       :class="[
         state.filterTexts.length && 'is-filter',
         multipleSelectionAll.length && 'show-pagination_height',
@@ -854,8 +854,7 @@ onMounted(() => {
       line-height: 28px;
     }
   }
-  .sqlbot-table {
-    border-radius: 6px;
+  .sqlbot-table_user {
     width: 100%;
     max-height: calc(100vh - 150px);
     overflow-y: auto;