update

src/api/cert/apiToken.js

@@ -73,4 +73,12 @@ export function delKey(key){
     url: '/cert/apiToken/deleteKey/'+key,
     method: 'delete'
   })
+}
+
+export function updateKeyRemark(key){
+  return request({
+    url: '/cert/apiToken/updateKeyRemark',
+    method: 'post',
+    data: key
+  })
 }

src/views/user/key/index.vue

@@ -14,6 +14,14 @@
                     <el-button @click="handleDel(obj.id)">删除</el-button>
                 </template>
                 </el-input>
+                <el-input v-model="obj.remark" placeholder="请填写备注" class="w-50 m-2" size="large" style="margin-top:1px;">
+                    <template #prepend>
+                        备注：
+                    </template>
+                <template #append>
+                    <el-button @click="save(obj)">保存</el-button>
+                </template>
+                </el-input>
              </div>
            </el-card>
     </div>
@@ -21,7 +29,7 @@
   
   <script setup name="key">
     import { ref } from 'vue';
-    import { delKey,getKeyList,generateKey } from "@/api/cert/apiToken";
+    import { delKey,getKeyList,generateKey,updateKeyRemark } from "@/api/cert/apiToken";
 
     const { proxy } = getCurrentInstance();
     const keyList = ref([]);
@@ -32,6 +40,13 @@
         })
     }
 
+    function save(obj){
+        updateKeyRemark(obj).then(response => {
+            proxy.$modal.msgSuccess("保存成功");
+            Init();
+        })
+    }
+
     function handleAdd(){
         generateKey().then(response => {
             proxy.$modal.msgSuccess("添加成功");