添加聊天功能

This commit is contained in:
liuwei
2025-05-29 16:05:54 +08:00
parent 32a04efe5a
commit fcf7b18f50

View File

@@ -359,6 +359,7 @@
<div class="chat-container"> <div class="chat-container">
<!-- 消息列表 --> <!-- 消息列表 -->
<div class="message-list" ref="messageList"> <div class="message-list" ref="messageList">
{% raw %}
<div v-for="(msg, index) in chatMessages" :key="index" class="message-item" :class="{'message-self': msg.isSelf}"> <div v-for="(msg, index) in chatMessages" :key="index" class="message-item" :class="{'message-self': msg.isSelf}">
<div class="message-content"> <div class="message-content">
<div v-if="msg.type === 'text'">{{ msg.content }}</div> <div v-if="msg.type === 'text'">{{ msg.content }}</div>
@@ -378,6 +379,7 @@
</div> </div>
<div class="message-time">{{ msg.time }}</div> <div class="message-time">{{ msg.time }}</div>
</div> </div>
{% endraw %}
</div> </div>
<!-- 输入区域 --> <!-- 输入区域 -->
@@ -393,26 +395,26 @@
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="#" action="#"
:http-request="uploadImage" {% raw %}:http-request="uploadImage" {% endraw %}
:show-file-list="false"> :show-file-list="false">
<el-button size="small" type="primary">图片</el-button> <el-button size="small" type="primary">图片</el-button>
</el-upload> </el-upload>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="#" action="#"
:http-request="uploadVoice" {% raw %}:http-request="uploadVoice" {% endraw %}
:show-file-list="false"> :show-file-list="false">
<el-button size="small" type="primary">语音</el-button> <el-button size="small" type="primary">语音</el-button>
</el-upload> </el-upload>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action="#" action="#"
:http-request="uploadVideo" {% raw %}:http-request="uploadVideo" {% endraw %}
:show-file-list="false"> :show-file-list="false">
<el-button size="small" type="primary">视频</el-button> <el-button size="small" type="primary">视频</el-button>
</el-upload> </el-upload>
<el-button size="small" type="primary" @click="showLinkDialog">链接</el-button> <el-button size="small" type="primary" {% raw %}@click="showLinkDialog" {% endraw %}>链接</el-button>
<el-button size="small" type="primary" @click="sendTextMessage">发送</el-button> <el-button size="small" type="primary" {% raw %}@click="sendTextMessage" {% endraw %}>发送</el-button>
</div> </div>
</div> </div>
</div> </div>