路由更新

schoolNewsWeb/src/views/ai-assistant/components/DialogHistory.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="dialog-history">
+    <div class="history-list">
+      <div 
+        class="history-item" 
+        v-for="conversation in conversations" 
+        :key="conversation.id"
+        @click="$emit('load-conversation', conversation)"
+      >
+        <div class="item-header">
+          <h4>{{ conversation.title }}</h4>
+          <span class="item-date">{{ conversation.date }}</span>
+        </div>
+        <p class="item-preview">{{ conversation.preview }}</p>
+        <div class="item-footer">
+          <span class="item-count">{{ conversation.messageCount }} 条消息</span>
+          <el-button size="small" type="danger" @click.stop="deleteConversation(conversation)">
+            删除
+          </el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { ElButton, ElMessage } from 'element-plus';
+
+const conversations = ref<any[]>([]);
+
+defineEmits(['load-conversation']);
+
+onMounted(() => {
+  // TODO: 加载历史对话列表
+});
+
+function deleteConversation(conversation: any) {
+  // TODO: 删除对话
+  ElMessage.success('已删除对话');
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-history {
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+.history-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.history-item {
+  padding: 16px;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s;
+  
+  &:hover {
+    border-color: #C62828;
+    background: #fff5f5;
+  }
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+  
+  h4 {
+    font-size: 16px;
+    font-weight: 600;
+    color: #141F38;
+  }
+}
+
+.item-date {
+  font-size: 12px;
+  color: #999;
+}
+
+.item-preview {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 12px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.item-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 12px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.item-count {
+  font-size: 13px;
+  color: #999;
+}
+</style>
+