no message

This commit is contained in:
kuaifan 2021-06-14 12:59:51 +08:00
parent a78437ea72
commit e92e3e8daf
3 changed files with 38 additions and 8 deletions

View File

@ -31,7 +31,17 @@
</ScrollerY> </ScrollerY>
<div :class="['dialog-footer', msgNew > 0 && dialogMsgList.length > 0 ? 'newmsg' : '']"> <div :class="['dialog-footer', msgNew > 0 && dialogMsgList.length > 0 ? 'newmsg' : '']">
<div class="dialog-newmsg" @click="goNewBottom">{{$L('' + msgNew + '条新消息')}}</div> <div class="dialog-newmsg" @click="goNewBottom">{{$L('' + msgNew + '条新消息')}}</div>
<DragInput class="dialog-input" v-model="msgText" type="textarea" :rows="1" :autosize="{ minRows: 1, maxRows: 3 }" :maxlength="255" @on-keydown="chatKeydown" @on-input-paste="pasteDrag" :placeholder="$L('输入消息...')" /> <DragInput
ref="input"
v-model="msgText"
class="dialog-input"
type="textarea"
:rows="1"
:autosize="{ minRows: 1, maxRows: 3 }"
:maxlength="255"
@on-keydown="chatKeydown"
@on-input-paste="pasteDrag"
:placeholder="$L('输入消息...')" />
<DialogUpload <DialogUpload
ref="chatUpload" ref="chatUpload"
class="chat-upload" class="chat-upload"
@ -105,7 +115,14 @@ export default {
}, },
methods: { methods: {
sendMsg() { sendMsg(text) {
if (typeof text === "string" && text) {
this.msgText = text;
this.$refs.input.focus();
}
if (!this.msgText) {
return;
}
let tempId = $A.randomString(16); let tempId = $A.randomString(16);
this.dialogMsgList.push({ this.dialogMsgList.push({
id: tempId, id: tempId,

View File

@ -267,6 +267,8 @@
<div class="file-name">{{file.name}}</div> <div class="file-name">{{file.name}}</div>
<div class="file-size">{{$A.bytesToSize(file.size)}}</div> <div class="file-size">{{$A.bytesToSize(file.size)}}</div>
</li> </li>
</ul>
<ul class="item-content">
<li> <li>
<div class="add-button" @click="$refs.upload.handleClick()"> <div class="add-button" @click="$refs.upload.handleClick()">
<i class="iconfont">&#xe6f2;</i>{{$L('添加附件')}} <i class="iconfont">&#xe6f2;</i>{{$L('添加附件')}}
@ -278,8 +280,10 @@
<div class="item-label" slot="label"> <div class="item-label" slot="label">
<i class="iconfont">&#xe6f0;</i>{{$L('子任务')}} <i class="iconfont">&#xe6f0;</i>{{$L('子任务')}}
</div> </div>
<ul :class="['item-content subtask', taskDetail.sub_task.length === 0 ? 'nosub' : '']"> <ul class="item-content subtask">
<TaskDetail v-for="(task, key) in taskDetail.sub_task" :key="key" :open-task="task"/> <TaskDetail v-for="(task, key) in taskDetail.sub_task" :key="key" :open-task="task"/>
</ul>
<ul :class="['item-content', taskDetail.sub_task.length === 0 ? 'nosub' : '']">
<li> <li>
<Input <Input
v-if="addsubShow" v-if="addsubShow"
@ -319,8 +323,8 @@
</div> </div>
<TaskUpload ref="upload" class="upload"/> <TaskUpload ref="upload" class="upload"/>
</div> </div>
<div class="task-dialog"> <div class="task-dialog" :style="dialogStyle">
<DialogWrapper v-if="taskDetail.dialog_id > 0"> <DialogWrapper v-if="taskDetail.dialog_id > 0" ref="dialog">
<div slot="head" class="head"> <div slot="head" class="head">
<Icon class="icon" type="ios-chatbubbles-outline" /> <Icon class="icon" type="ios-chatbubbles-outline" />
<div class="nav"> <div class="nav">
@ -337,7 +341,7 @@
<p>{{$L('动态')}}</p> <p>{{$L('动态')}}</p>
</div> </div>
</div> </div>
<div class="no-dialog" :style="dialogStyle"> <div class="no-dialog">
<div class="no-tip">{{$L('暂无消息')}}</div> <div class="no-tip">{{$L('暂无消息')}}</div>
<div class="no-input"> <div class="no-input">
<Input <Input
@ -472,7 +476,7 @@ export default {
} }
if (taskDetail.dialog_id) { if (taskDetail.dialog_id) {
return { return {
minHeight: (innerHeight - 70 - 66 - 30) + 'px' minHeight: (innerHeight - 70 - 48) + 'px'
} }
} else { } else {
return {}; return {};
@ -980,6 +984,10 @@ export default {
id: this.taskDetail.id, id: this.taskDetail.id,
dialog_id: data.dialog_id dialog_id: data.dialog_id
}); });
this.$nextTick(() => {
this.$refs.dialog.sendMsg(this.msgText);
this.msgText = "";
});
}).catch(({msg}) => { }).catch(({msg}) => {
$A.modalError(msg); $A.modalError(msg);
}); });

View File

@ -144,6 +144,7 @@
} }
} }
&.file { &.file {
margin-bottom: -3px;
> li { > li {
margin-bottom: 2px; margin-bottom: 2px;
.file-load { .file-load {
@ -157,8 +158,12 @@
} }
.file-name { .file-name {
padding-left: 8px; padding-left: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.file-size { .file-size {
flex-shrink: 0;
padding-left: 10px; padding-left: 10px;
height: 24px; height: 24px;
font-size: 12px; font-size: 12px;
@ -256,7 +261,7 @@
> li { > li {
.add-input, .add-input,
.add-button { .add-button {
margin-top: 3px; margin-top: -2px;
} }
} }
} }