feature: 删除历史记录

components/i/SearchHistory.vue

@@ -27,6 +27,7 @@
                 @click="handleClickItem"
             >
                 <div class="truncate">{{ item.title }}</div>
+                <span @click="handleRemoveRecordItem(item.c_id)">删除</span>
             </UButton>
         </template>
     </div>
@@ -59,6 +60,7 @@
                     @click="handleClose"
                 >
                     <div class="truncate font-light">{{ item.title }}</div>
+                    <span @click="handleRemoveRecordItem(item.c_id)">删除</span>
                 </UButton>
             </template>
         </div>
@@ -69,11 +71,28 @@ const emits = defineEmits(['sign', 'clear'])
 const Layout = inject('Layout')
 const { $isSignIn } = useUserStore()
 const searchHistory = ref([])
+const isOpenHistory = ref(false)
+const query = ref('')
 function handleClear () {
     emits('clear')
+    handleRemoveRecords()
+}
+function handleRemoveRecordItem (id) {
+    searchHistory.value = searchHistory.value.filter(item => item.c_id !== id)
+    handleRemoveRecords([id])
+}
+function handleRemoveRecords (ids) {
+    if (!ids) {
+        ids = searchHistory.value.map(item => item.c_id)
+    }
+    useRequest('/v1/chat/completion/remove', { 
+        method: 'post',
+        body: ids,
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
 }
-const isOpenHistory = ref(false)
-const query = ref('')
 function handleOpen () {
     if (!$isSignIn) emits('sign')
     else {

composables/useRequest.js

@@ -25,7 +25,10 @@ const request = async (url, options = {}) => {
             console.log('[ResponseError]', request)
         }
     }
-
+    if (options && options.headers) {
+        Object.assign(config.headers, options.headers)
+        delete options.headers
+    }
     return useFetch(fullUrl, Object.assign(config, options));
 }
 

pages/search/[id].vue

@@ -252,8 +252,11 @@ function initSearchItemInfo (info) {
 }
 function initSearchRecords (records) {
     data.value = records.map(item => {
-        const { answer, actions } = item
+        let { answer, actions } = item
         const historyItem = { article: answer, desLoading: false, searchLoading: false, ansLoading: false }
+        // todo ？action为啥成了string?
+        actions = typeof actions === 'string' ? JSON.parse(actions) : actions
+        console.log(actions)
         // 处理搜索过程
         actions && actions.forEach(child => {
             const childAction = child.action