From e295922209fb87c6dcd68ea1560fd16c3e6d808c Mon Sep 17 00:00:00 2001
From: dongyukun <1208714201@qq.com>
Date: 星期五, 27 六月 2025 09:36:51 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/feature/ai'
---
src/views/ai/chat/index/components/message/MessageListEmpty.vue | 83 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 83 insertions(+), 0 deletions(-)
diff --git a/src/views/ai/chat/index/components/message/MessageListEmpty.vue b/src/views/ai/chat/index/components/message/MessageListEmpty.vue
new file mode 100644
index 0000000..e4d4539
--- /dev/null
+++ b/src/views/ai/chat/index/components/message/MessageListEmpty.vue
@@ -0,0 +1,83 @@
+<!-- 消息列表为空时，展示 prompt 列表 -->
+<template>
+ <div class="chat-empty">
+ <!-- title -->
+ <div class="center-container">
+ <div class="title">工业互联网平台 AI</div>
+ <div class="role-list">
+ <div
+ class="role-item"
+ v-for="prompt in promptList"
+ :key="prompt.prompt"
+ @click="handlerPromptClick(prompt)"
+ >
+ {{ prompt.prompt }}
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+<script setup lang="ts">
+const promptList = [
+ {
+ prompt: '今天气怎么样?'
+ },
+ {
+ prompt: '写一首好听的诗歌?'
+ }
+] // prompt 列表
+
+const emits = defineEmits(['onPrompt'])
+
+/** 选中 prompt 点击 */
+const handlerPromptClick = async ({ prompt }) => {
+ emits('onPrompt', prompt)
+}
+</script>
+<style scoped lang="scss">
+.chat-empty {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+
+ .center-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ .title {
+ font-size: 28px;
+ font-weight: bold;
+ text-align: center;
+ }
+
+ .role-list {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ width: 460px;
+ margin-top: 20px;
+
+ .role-item {
+ display: flex;
+ justify-content: center;
+ width: 180px;
+ line-height: 50px;
+ border: 1px solid #e4e4e4;
+ border-radius: 10px;
+ margin: 10px;
+ cursor: pointer;
+ }
+
+ .role-item:hover {
+ background-color: rgba(243, 243, 243, 0.73);
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3