添加聊天功能

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