feat(token): 添加备注功能和相关接口

web/src/views/TokenManageView.vue

@@ -45,7 +45,8 @@ const addToken = () => {
     params: {
       token: input.value,
       dedup_object: value.value,
-      data_format: dataFormat.value
+      data_format: dataFormat.value,
+      notes: inputNotes.value,
     }
   }).then(response => {
     if (response.data.result == "ok") {
@@ -84,7 +85,8 @@ const updateDedupObject = () => {
     params: {
       token: rowOut.token,
       dedup_object: value.value,
-      data_format: rowOut.data_format
+      data_format: rowOut.data_format,
+      notes: rowOut.notes,
     }
   }).then(res => {
     if (res.data.result == "ok") {
@@ -112,7 +114,38 @@ const updateDataFormat = () => {
     params: {
       token: rowOut.token,
       dedup_object: rowOut.dedup_object,
-      data_format: dataFormat.value
+      data_format: dataFormat.value,
+      notes: rowOut.notes,
+    }
+  }).then(res => {
+    if (res.data.result == "ok") {
+      ElMessage({
+        message: '更改成功',
+        type: 'success',
+      })
+      axios.get('/api/token').then(res => {
+        tableData.value = res.data.result
+      })
+    }
+  }).catch(error => {
+    ElMessage.error(error.response?.data?.error)
+  })
+}
+
+const inputNotes = ref("")
+const NotesVisible = ref(false)
+const dialogNotesVisible = (row: any) => {
+  rowOut = row
+  NotesVisible.value = true
+}
+const updateNotes = () => {
+  NotesVisible.value = false
+  axios.put('/api/token', {}, {
+    params: {
+      token: rowOut.token,
+      dedup_object: rowOut.dedup_object,
+      data_format: rowOut.data_format,
+      notes: inputNotes.value
     }
   }).then(res => {
     if (res.data.result == "ok") {
@@ -191,6 +224,7 @@ const checkPassword = () => {
           :value="item.value"
       />
     </el-select>
+    <el-input v-model="inputNotes" style="width: 200px" placeholder="请输入备注"/>
     <el-button type="primary" @click="addToken">添加Token</el-button>
 
     <!--Token列表-->
@@ -198,11 +232,13 @@ const checkPassword = () => {
       <el-table-column prop="token" label="Token" width="150"/>
       <el-table-column prop="dedup_object" label="去重对象" width="150"/>
       <el-table-column prop="data_format" label="上传数据格式" width="280"/>
+      <el-table-column prop="notes" label="备注" width="200"/>
       <el-table-column label="操作">
         <template #default="scope">
           <el-button @click="viewDetails(scope.row)">查看详细</el-button>
           <el-button @click="dialogDedupObjectVisible(scope.row)" type="primary">更改去重对象</el-button>
           <el-button @click="dialogDataFormatVisible(scope.row)" type="primary">更改数据格式</el-button>
+          <el-button @click="dialogNotesVisible(scope.row)" type="primary">更改备注</el-button>
           <el-popconfirm
               width="180"
               title="确认删除此Token吗"
@@ -248,6 +284,15 @@ const checkPassword = () => {
         </el-button>
       </template>
     </el-dialog>
+
+    <el-dialog v-model="NotesVisible" title="更改备注" width="400">
+      <el-input v-model="inputNotes" style="width: 200px" placeholder="请输入备注"/>
+      <template #footer>
+        <el-button type="primary" @click="updateNotes">
+          确定
+        </el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>