feat(系统设置): 系统参数分类优化

core/core-frontend/src/locales/en.ts

@@ -3376,6 +3376,7 @@ Scatter chart (bubble) chart: {a} (series name), {b} (data name), {c} (value arr
     empty_desc: 'Please enter information on the left and save'
   },
   setting_basic: {
+    third_platform_settings: 'Third-party platform settings',
     autoCreateUser: 'Third party automatically creates users',
     dsIntervalTime: 'Data source detection time interval',
     dsExecuteTime: 'Data source detection frequency',

core/core-frontend/src/locales/tw.ts

@@ -3290,13 +3290,14 @@ export default {
     empty_desc: '請在左側輸入訊息然後儲存'
   },
   setting_basic: {
+    third_platform_settings: '第三方平台設置',
     autoCreateUser: '第三方自動建立使用者',
     dsIntervalTime: '資料來源偵測時間間隔',
     dsExecuteTime: '資料來源偵測頻率',
-    frontTimeOut: '請求超時時間（秒）',
-    logLiveTime: '操作日誌保留時間（天）',
-    thresholdLogLiveTime: '閾值警告記錄保留時間（天）',
-    exportFileLiveTime: '後台匯出檔案保留時間（天）',
+    frontTimeOut: '請求超時時間 (秒)',
+    logLiveTime: '操作日誌保留時間 (天)',
+    thresholdLogLiveTime: '閾值警告記錄保留時間 (天)',
+    exportFileLiveTime: '後台匯出檔案保留時間 (天)',
     platformOid: '第三方平台使用者組織',
     platformRid: '第三方平台使用者角色',
     pwdStrategy: '開啟密碼策略',

core/core-frontend/src/locales/zh-CN.ts

@@ -3292,13 +3292,14 @@ export default {
     empty_desc: '请在左侧输入信息然后保存'
   },
   setting_basic: {
+    third_platform_settings: '第三方平台设置',
     autoCreateUser: '第三方自动创建用户',
     dsIntervalTime: '数据源检测时间间隔',
     dsExecuteTime: '数据源检测频率',
-    frontTimeOut: '请求超时时间（秒）',
-    logLiveTime: '操作日志保留时间（天）',
-    thresholdLogLiveTime: '阈值告警记录保留时间（天）',
-    exportFileLiveTime: '后台导出文件保留时间（天）',
+    frontTimeOut: '请求超时时间 (秒)',
+    logLiveTime: '操作日志保留时间 (天)',
+    thresholdLogLiveTime: '阈值告警记录保留时间 (天)',
+    exportFileLiveTime: '后台导出文件保留时间 (天)',
     platformOid: '第三方平台用户组织',
     platformRid: '第三方平台用户角色',
     pwdStrategy: '开启密码策略',

core/core-frontend/src/views/system/common/InfoTemplate.vue

@@ -223,6 +223,8 @@ formatLabel()
 }
 .info-template-container {
   padding: 24px 24px 0;
+  background: var(--ContentBG, #ffffff);
+  border-radius: 4px;
   .info-template-header {
     display: flex;
     margin-top: -4px;

core/core-frontend/src/views/system/parameter/basic/BasicEdit.vue

@@ -113,6 +113,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 const resetForm = (formEl: FormInstance | undefined) => {
   state.settingList = []
+  settingList.value = []
   if (!formEl) return
   formEl.resetFields()
   dialogVisible.value = false
@@ -128,8 +129,19 @@ const showLoading = () => {
 const closeLoading = () => {
   loadingInstance.value?.close()
 }
-
-const edit = (list, orgOptions, roleOptions, loginOptions, sortOptions, openOptions) => {
+const title = ref()
+const settingList = ref([])
+const edit = (
+  list,
+  orgOptions,
+  roleOptions,
+  loginOptions,
+  sortOptions,
+  openOptions,
+  titleVal,
+  settingListVal
+) => {
+  title.value = titleVal
   state.orgOptions = orgOptions || []
   state.roleOptions = roleOptions || []
   state.loginOptions = loginOptions || []
@@ -185,6 +197,8 @@ const edit = (list, orgOptions, roleOptions, loginOptions, sortOptions, openOpti
     state.form[item['pkey']] = pval || state.form[item['pkey']]
     return item
   })
+
+  settingList.value = state.settingList.filter(ele => settingListVal.includes(ele.pkey))
   dialogVisible.value = true
 }
 const loadRoleOptions = async () => {
@@ -222,7 +236,7 @@ defineExpose({
 
 <template>
   <el-drawer
-    :title="t('system.basic_settings')"
+    :title="title"
     v-model="dialogVisible"
     custom-class="basic-param-drawer"
     size="600px"
@@ -237,7 +251,7 @@ defineExpose({
       label-position="top"
     >
       <el-form-item
-        v-for="item in state.settingList"
+        v-for="item in settingList"
         :key="item.pkey"
         :prop="item.pkey"
         :class="{ 'setting-hidden-item': item.pkey === 'dsExecuteTime' }"

core/core-frontend/src/views/system/parameter/basic/BasicInfo.vue

@@ -5,7 +5,12 @@
     setting-key="basic"
     :setting-title="t('system.basic_settings')"
     :setting-data="baseInfoSettings"
-    @edit="edit"
+    @edit="
+      edit(
+        t('system.basic_settings'),
+        baseInfoSettings.map(ele => ele.pkey.split('.')[1])
+      )
+    "
   />
   <InfoTemplate
     ref="loginTemplate"
@@ -14,7 +19,27 @@
     setting-key="basic"
     :setting-title="t('system.login_settings')"
     :setting-data="loginInoSettings"
-    @edit="edit"
+    @edit="
+      edit(
+        t('system.login_settings'),
+        loginInoSettings.map(ele => ele.pkey.split('.')[1])
+      )
+    "
+  />
+
+  <InfoTemplate
+    ref="thirdTemplate"
+    class="login-setting-template"
+    :label-tooltips="tooltips"
+    setting-key="basic"
+    :setting-title="t('setting_basic.third_platform_settings')"
+    :setting-data="thirdInfoSettings"
+    @edit="
+      edit(
+        t('setting_basic.third_platform_settings'),
+        thirdInfoSettings.map(ele => ele.pkey.split('.')[1])
+      )
+    "
   />
   <basic-edit ref="editor" @saved="refresh" />
 </template>
@@ -32,6 +57,7 @@ const { t } = useI18n()
 const editor = ref()
 const infoTemplate = ref()
 const loginTemplate = ref()
+const thirdTemplate = ref()
 const showDefaultLogin = ref(false)
 const pvpOptions = [
   { value: '0', label: t('commons.date.permanent') },
@@ -66,6 +92,12 @@ const loginSettings = [
   'setting_basic.loginLimitRate',
   'setting_basic.loginLimitTime'
 ]
+
+const thirdSettings = [
+  'setting_basic.autoCreateUser',
+  'setting_basic.platformOid',
+  'setting_basic.platformRid'
+]
 const state = reactive({
   templateList: [] as SettingRecord[],
   orgOptions: [],
@@ -109,11 +141,14 @@ const selectedRName = ref<string[]>([])
 const selectedPvp = ref('0')
 
 const baseInfoSettings = computed(() =>
-  state.templateList.filter(item => !loginSettings.includes(item.pkey))
+  state.templateList.filter(item => !loginSettings.concat(thirdSettings).includes(item.pkey))
+)
+
+const thirdInfoSettings = computed(() =>
+  state.templateList.filter(item => thirdSettings.includes(item.pkey))
 )
 const loginInoSettings = computed(() => {
   const list = state.templateList.filter(item => loginSettings.includes(item.pkey))
-  console.log(list)
   return list
 })
 
@@ -212,19 +247,22 @@ const refresh = () => {
     nextTick(() => {
       infoTemplate?.value.init()
       loginTemplate?.value.init()
+      thirdTemplate?.value.init()
     })
   })
 }
 refresh()
 
-const edit = () => {
+const edit = (val, arr) => {
   editor?.value.edit(
     cloneDeep(originData),
     cloneDeep(state.orgOptions),
     cloneDeep(state.roleOptions),
     cloneDeep(state.loginOptions),
     cloneDeep(state.sortOptions),
-    cloneDeep(state.openOptions)
+    cloneDeep(state.openOptions),
+    val,
+    arr
   )
 }
 const loadOrgOptions = async () => {
@@ -311,9 +349,6 @@ const resetDefaultLogin = () => {
 </script>
 <style lang="less" scoped>
 .login-setting-template {
-  padding-top: 0;
-  :deep(button) {
-    display: none;
-  }
+  margin-top: 16px;
 }
 </style>

core/core-frontend/src/views/system/parameter/index.vue

@@ -4,7 +4,10 @@
     <el-tab-pane v-for="item in tabArray" :key="item.name" :label="item.label" :name="item.name" />
   </el-tabs>
   <div class="sys-setting-p">
-    <div class="container-sys-param" :class="{ 'setting-max-h': activeName === 'map' }">
+    <div
+      class="container-sys-param"
+      :class="{ 'setting-max-h': activeName === 'map', 'basic-info_bg': activeName === 'basic' }"
+    >
       <map-setting v-if="activeName === 'map'" />
       <basic-info v-if="activeName === 'basic'" />
       <engine-info v-if="activeName === 'engine'" />
@@ -64,6 +67,9 @@ const addTable = tab => {
   overflow-y: auto;
   background: var(--ContentBG, #ffffff);
   border-radius: 4px;
+  &.basic-info_bg {
+    background: none;
+  }
 }
 .setting-max-h {
   height: 100% !important;