Merge pull request #520 from tapdata/TAP-9676-support-client-id-4.12

fix(TAP-9676): [to 4.12]support client Id edit

Author: cn-xufei

apps/daas/src/i18n/langs/en.js

@@ -228,6 +228,8 @@ export default {
   application_show_menu: 'Show to the menu',
   application_true: 'Yes',
   application_false: 'No',
+  application_client_id_placeholder: 'Can be left empty, system will auto-generate',
+  //api 监控
   application_create: 'Create Client',
   application_edit: 'Edit client',
   api_monitor_total_totalCount: 'Total number of APIs',

apps/daas/src/i18n/langs/zh-CN.js

@@ -225,6 +225,7 @@ export default {
   application_true: '是',
   application_false: '否',
   application_create: '创建客户端',
+  application_client_id_placeholder: '可留空，系统将自动生成',
   application_edit: '编辑客户端',
   //api 监控
   api_monitor_total_totalCount: 'API总数',

apps/daas/src/i18n/langs/zh-TW.js

@@ -225,6 +225,7 @@ export default {
   application_true: '是',
   application_false: '否',
   application_create: '創建客戶端',
+  application_client_id_placeholder: '可留空，系統將自動生成',
   application_edit: '編輯客戶端',
   //api 监控
   api_monitor_total_totalCount: 'API總數',

apps/daas/src/views/api-page/Applications.vue

@@ -30,6 +30,7 @@ export default {
       roles: [],
       createForm: {
         clientName: '',
+        clientId: '',
         grantTypes: [],
         clientSecret: '',
         scopes: [],
@@ -63,6 +64,7 @@ export default {
       this.createDialogVisible = true
       this.createForm = {
         clientName: '',
+        clientId: '',
         grantTypes: ['implicit', 'client_credentials'],
         clientSecret: '',
         scopes: [],
@@ -112,6 +114,11 @@ export default {
       params.redirectUris = params.redirectUrisStr?.split(',') || []
       delete params.redirectUrisStr
 
+      // 如果clientId为空，则不传递该字段
+      if (!params.clientId || params.clientId.trim() === '') {
+        delete params['clientId']
+      }
+
       this.$refs.form.validate((valid) => {
         if (valid) {
           method(params).then(() => {
@@ -335,6 +342,9 @@ export default {
         >
           <ElInput v-model="createForm.clientName" />
         </ElFormItem>
+        <ElFormItem :label="$t('application_header_id')" prop="clientId">
+          <ElInput v-model="createForm.clientId" :placeholder="$t('application_client_id_placeholder')"></ElInput>
+        </ElFormItem>
         <ElFormItem
           :label="$t('application_header_grant_type')"
           required