feat：ak

Author: cxymds

components/access-keys/edit-item.vue

@@ -1,65 +1,67 @@
 <script setup lang="ts">
-import { ref } from 'vue';
-const message = useMessage();
-const emit = defineEmits<Emits>();
-const { getServiceAccount, updateServiceAccount } = useAccessKeys();
+import { ref } from "vue"
+const message = useMessage()
+const emit = defineEmits<Emits>()
+const { getServiceAccount, updateServiceAccount } = useAccessKeys()
 
-const visible = ref(false);
+const visible = ref(false)
 
 const defaultFormModal = {
-  accesskey: '',
-  secretkey: '',
-  name: '',
-  description: '',
+  accesskey: "",
+  secretkey: "",
+  name: "",
+  description: "",
   expiry: null,
-  policy: '',
-  status: 'on',
-};
-const formModel = ref({ ...defaultFormModal });
+  policy: "",
+  status: "on",
+}
+const formModel = ref({ ...defaultFormModal })
 
-const accessKey = ref<string>('');
+const accessKey = ref<string>("")
 async function openDialog(row: any) {
-  accessKey.value = row.accessKey;
+  accessKey.value = row.accessKey
 
   try {
-    const res = await getServiceAccount(row.accessKey);
-    formModel.value = res;
-    formModel.value.accesskey = row.accessKey;
-    formModel.value.expiry = res.expiration;
-    formModel.value.status = res.accountStatus;
-    visible.value = true;
+    const res = await getServiceAccount(row.accessKey)
+    formModel.value = res
+    formModel.value.accesskey = row.accessKey
+    formModel.value.expiry = res.expiration
+    formModel.value.status = res.accountStatus
+    visible.value = true
   } catch (error) {
-    message.error('获取数据失败');
+    message.error("获取数据失败")
   }
 }
 
-defineExpose({ openDialog });
+defineExpose({ openDialog })
 
 interface Emits {
-  (e: 'search'): void;
+  (e: "search"): void
 }
 
 function closeModal() {
-  visible.value = false;
+  visible.value = false
 }
 
 function dateDisabled(ts: number) {
-  const date = new Date(ts);
-  return date < new Date();
+  const date = new Date(ts)
+  return date < new Date()
 }
 
 async function submitForm() {
   try {
     const res = await updateServiceAccount(accessKey.value, {
-      ...formModel.value,
-      policy: formModel.value.policy || '{}',
-      expiry: new Date(formModel.value.expiry || '').toISOString(),
-    });
-    message.success('修改成功');
-    closeModal();
-    emit('search');
+      newPolicy: formModel.value.policy || "{}", // 可选，新策略
+      newStatus: formModel.value.status, // 可选，新状态
+      newName: formModel.value.name, // 可选，新名称
+      newDescription: formModel.value.description, // 可选，新描述
+      newExpiration: new Date(formModel.value.expiry || "").toISOString(), // 可选，新过期时间
+    })
+    message.success("修改成功")
+    closeModal()
+    emit("search")
   } catch (error) {
-    message.error('修改失败');
+    message.error("修改失败")
   }
 }
 </script>
@@ -78,7 +80,10 @@ async function submitForm() {
     <n-card>
       <n-form label-placement="left" :model="formModel" label-align="right" :label-width="90">
         <n-grid :cols="24" :x-gap="18">
-          <n-form-item-grid-item :span="24" label="Access Key" path="policy">
+          <n-form-item-grid-item :span="24" label="Access Key" path="accesskey">
+            <n-input v-model:value="formModel.accesskey" disabled />
+          </n-form-item-grid-item>
+          <n-form-item-grid-item :span="24" label="策略" path="policy">
             <json-editor v-model="formModel.policy" />
           </n-form-item-grid-item>
           <!-- TODO: 时间格式有问题 -->

composables/useAccessKeys.ts

@@ -1,34 +1,29 @@
-import { name } from './../node_modules/@jsep-plugin/regex/types/tsd.d'
+import { name } from "./../node_modules/@jsep-plugin/regex/types/tsd.d"
 export const useAccessKeys = () => {
   const { $api } = useNuxtApp()
 
   const listUserServiceAccounts = async (params: object) => {
-    return await $api.get('/list-service-accounts', { params })
+    return await $api.get("/list-service-accounts", { params })
   }
 
   const createServiceAccount = async (data: any) => {
-    return await $api.put('/add-service-accounts', data)
+    return await $api.put("/add-service-accounts", data)
   }
 
   // const deleteMultipleServiceAccounts = async (data: any) => {
   //   return await $api.delete('/delete-service-accounts', data)
   // }
 
   const getServiceAccount = async (name: string) => {
-    return await $api.get(
-      `/info-service-account?accessKey=${encodeURIComponent(name)}`
-    )
+    return await $api.get(`/info-service-account?accessKey=${encodeURIComponent(name)}`)
   }
 
   const updateServiceAccount = async (name: string, data: any) => {
-    return await $api.post(`/update-service-account`, data)
+    return await $api.post(`/update-service-account?accessKey=${encodeURIComponent(name)}`, data)
   }
 
   const deleteServiceAccount = async (name: string) => {
-    return await $api.delete(
-      `/delete-service-accounts?accessKey==${encodeURIComponent(name)}`,
-      {}
-    )
+    return await $api.delete(`/delete-service-accounts?accessKey=${encodeURIComponent(name)}`, {})
   }
 
   const createServiceAccountCreds = async (data: any) => {
@@ -41,7 +36,7 @@ export const useAccessKeys = () => {
     deleteServiceAccount,
     createServiceAccountCreds,
     updateServiceAccount,
-    getServiceAccount
+    getServiceAccount,
     // deleteMultipleServiceAccounts
   }
 }