github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-13 20:12:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加移动端提示可能要发送的图片

Browse Source
This commit is contained in:
kuaifan 2025-03-27 20:46:03 +08:00
parent 7630c83ae0
commit 8d6b4a1d2e
2 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/pages/manage/components/ChatInput/index.vue
View File

@ -90,6 +90,10 @@
<i class="taskfont">&#xe790;</i> <i class="taskfont">&#xe790;</i>
</ETooltip> </ETooltip>
<template v-if="!isAiBot"> <template v-if="!isAiBot">
<div v-if="maybePhotoSrc" class="chat-input-popover-item maybe-photo" @click="onToolbar('maybe-photo')">
<span>{{$L('你可能要发送的照片')}}:</span>
<img :src="maybePhotoSrc" :style="maybePhotoStyle">
</div>
<div v-if="recordReady" class="chat-input-popover-item" @click="onToolbar('meeting')"> <div v-if="recordReady" class="chat-input-popover-item" @click="onToolbar('meeting')">
<i class="taskfont">&#xe7c1;</i> <i class="taskfont">&#xe7c1;</i>
{{$L('新会议')}} {{$L('新会议')}}
@ -382,6 +386,9 @@ export default {
mentionMode: '', mentionMode: '',
maybePhotoSrc: '',
maybePhotoStyle: {},
userList: null, userList: null,
userCache: null, userCache: null,
taskList: null, taskList: null,

25
resources/assets/sass/pages/components/chat-input.scss vendored
View File

@ -737,6 +737,31 @@
padding: 0 8px; padding: 0 8px;
border-radius: 4px; border-radius: 4px;
&.maybe-photo {
align-items: flex-start;
flex-direction: column;
padding-bottom: 12px;
margin-bottom: 4px;
border-bottom: 1px solid #e8e8e8;
border-radius: 0;
line-height: 30px;
&:hover {
background-color: transparent;
}
> span {
font-size: 12px;
opacity: 0.8;
}
> img {
display: flex;
max-width: 100%;
width: 120px;
}
}
&:hover { &:hover {
background-color: #ecf5ff; background-color: #ecf5ff;
} }