feat: 增加会话改名和删除的接口

src/renderer/views/home/ChatHistory.vue

@@ -36,46 +36,40 @@
 				</li>
 			</ul>
 		</div>
-
-		<!-- 重命名对话框 -->
-		<el-dialog v-model="renameDialogFormVisible" title="重命名对话" width="500">
-			<el-form :model="newMessageName">
-				<el-form-item label="对话名称" :label-width="formLabelWidth">
-					<el-input v-model="newMessageName" autocomplete="off" />
-				</el-form-item>
-			</el-form>
-			<template #footer>
-				<div class="dialog-footer">
-					<el-button @click="renameDialogFormVisible = false">取消</el-button>
-					<el-button type="primary" @click="submitNameChange">
-						确定
-					</el-button>
-				</div>
-			</template>
-		</el-dialog>
-
-		<!-- 删除确认对话框 -->
-		<el-dialog v-model="deleteDialogVisible" title="温馨提示" width="500" center>
-			<span>
-				您确定删除该会话吗？删除后将无法恢复！<br />
-			</span>
-			<template #footer>
-				<div class="dialog-footer">
-					<el-button @click="deleteDialogVisible = false">取消</el-button>
-					<el-button type="primary" @click="submitDelete">
-						确定
-					</el-button>
-				</div>
-			</template>
-		</el-dialog>
-
 	</aside>
+
+	<!-- 重命名对话框 -->
+	<el-dialog v-model="renameDialogFormVisible" title="重命名对话" width="500">
+		<el-form :model="newMessageName">
+			<el-form-item label="对话名称" :label-width="formLabelWidth">
+				<el-input v-model="newMessageName" autocomplete="off" />
+			</el-form-item>
+		</el-form>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="renameDialogFormVisible = false">取消</el-button>
+				<el-button type="primary" @click="submitNameChange">确定</el-button>
+			</div>
+		</template>
+	</el-dialog>
+
+	<!-- 删除确认对话框 -->
+	<el-dialog v-model="deleteDialogVisible" title="温馨提示" width="500">
+		<span>您确定删除该会话吗？删除后将无法恢复！</span>
+		<template #footer>
+			<div class="dialog-footer">
+				<el-button @click="deleteDialogVisible = false">取消</el-button>
+				<el-button type="primary" @click="submitDelete">确定</el-button>
+			</div>
+		</template>
+	</el-dialog>
+
 </template>
 
 <script setup lang="ts">
 import { ref, onMounted, defineEmits } from 'vue'
 import { RiAddLine, RiArrowRightSLine, RiArrowDownSLine } from '@remixicon/vue'
-import { getSessionList } from '../../api/SessionsApi';
+import { getSessionList, deleteSession, updateSession } from '../../api/SessionsApi';
 
 const deleteDialogVisible = ref(false)
 const renameDialogFormVisible = ref(false)
@@ -99,6 +93,10 @@ const emit = defineEmits(['new-chat', 'select-chat'])
 /// 添加新对话
 const addNewChat = () => {
 	console.log('add new chat')
+	updateNewChat()
+}
+
+const updateNewChat = () => {
 	// 触发新对话事件
 	emit('new-chat')
 	// 清空选择的历史消息ID
@@ -126,15 +124,28 @@ const deleteHistoryMessage = (conversationId: string) => {
 }
 
 /// 提交重命名
-const submitNameChange = () => {
+const submitNameChange = async () => {
 	console.log('submit name change', newMessageName.value)
 	renameDialogFormVisible.value = false
+	const res = await updateSession({
+		session_id: selectedConversationId.value,
+		title: newMessageName.value
+	})
+	if (res && res.success) {
+		updateNewChat()
+	}
 }
 
 /// 提交删除
-const submitDelete = () => {
+const submitDelete = async () => {
 	console.log('submit delete')
 	deleteDialogVisible.value = false
+	const res = await deleteSession({
+		session_id: selectedConversationId.value
+	})
+	if (res && res.success) {
+		updateNewChat()
+	}
 }
 
 /// 页面加载时获取历史会话列表