mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-12 03:01:12 +00:00
719 lines
28 KiB
Vue
719 lines
28 KiB
Vue
<template>
|
|
<div class="dialog-view" :class="viewClass" :data-id="msgData.id">
|
|
<!--昵称-->
|
|
<div v-if="dialogType === 'group'" class="dialog-username">
|
|
<UserAvatar :userid="msgData.userid" :show-icon="false" :show-name="true" click-open-dialog/>
|
|
</div>
|
|
|
|
<div
|
|
class="dialog-head"
|
|
:class="headClass"
|
|
@click="handleClick"
|
|
v-longpress="{callback: handleLongpress, delay: 300}">
|
|
<!--回复-->
|
|
<div v-if="!hideReply && msgData.reply_id && showReplyData(msgData.msg.reply_data)" class="dialog-reply no-dark-content" @click="viewReply">
|
|
<div class="reply-avatar">
|
|
<UserAvatar :userid="msgData.msg.reply_data.userid" :show-icon="false" :show-name="true"/>
|
|
</div>
|
|
<div class="reply-desc" v-html="$A.getMsgSimpleDesc(msgData.msg.reply_data, 'image-preview')"></div>
|
|
</div>
|
|
<!--转发-->
|
|
<div v-if="!hideForward && msgData.forward_id && showForwardData(msgData.msg.forward_data)" class="dialog-reply no-dark-content" @click="openDialog(msgData.msg.forward_data.userid)">
|
|
<div class="reply-avatar">
|
|
<UserAvatar :userid="msgData.msg.forward_data.userid" :show-icon="false" :show-name="true"/>
|
|
</div>
|
|
</div>
|
|
<!--详情-->
|
|
<div ref="content" class="dialog-content" :class="contentClass">
|
|
<!--文本-->
|
|
<div v-if="msgData.type === 'text'" class="content-text no-dark-content">
|
|
<DialogMarkdown v-if="msgData.msg.type === 'md'" @click="viewText" :text="msgData.msg.text"/>
|
|
<pre v-else @click="viewText" v-html="$A.formatTextMsg(msgData.msg.text, userId)"></pre>
|
|
</div>
|
|
<!--文件-->
|
|
<div v-else-if="msgData.type === 'file'" :class="`content-file ${msgData.msg.type}`">
|
|
<div class="dialog-file">
|
|
<img v-if="msgData.msg.type === 'img'" class="file-img" :style="imageStyle(msgData.msg)" :src="msgData.msg.thumb" @click="viewFile"/>
|
|
<div v-else class="file-box" @click="downFile">
|
|
<img class="file-thumb" :src="msgData.msg.thumb"/>
|
|
<div class="file-info">
|
|
<div class="file-name">{{msgData.msg.name}}</div>
|
|
<div class="file-size">{{$A.bytesToSize(msgData.msg.size)}}</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="msgData.msg.percentage" class="file-percentage">
|
|
<span :style="fileStyle(msgData.msg.percentage)"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--录音-->
|
|
<div v-else-if="msgData.type === 'record'" class="content-record no-dark-content">
|
|
<div class="dialog-record" :class="{playing: audioPlaying === msgData.msg.path}" :style="recordStyle(msgData.msg)" @click="playRecord">
|
|
<div class="record-time">{{recordDuration(msgData.msg.duration)}}</div>
|
|
<div class="record-icon taskfont"></div>
|
|
</div>
|
|
</div>
|
|
<!--会议-->
|
|
<div v-else-if="msgData.type === 'meeting'" class="content-meeting no-dark-content">
|
|
<ul class="dialog-meeting" :class="{'meeting-end':!!msgData.msg.end_at}">
|
|
<li>
|
|
<em>{{$L('会议主题')}}</em>
|
|
{{msgData.msg.name}}
|
|
</li>
|
|
<li>
|
|
<em>{{$L('会议创建人')}}</em>
|
|
<UserAvatar :userid="msgData.msg.userid" :show-icon="false" :show-name="true"/>
|
|
</li>
|
|
<li>
|
|
<em>{{$L('频道ID')}}</em>
|
|
{{msgData.msg.meetingid.replace(/^(.{3})(.{3})(.*)$/, '$1 $2 $3')}}
|
|
</li>
|
|
<li v-if="msgData.msg.end_at" class="meeting-operation">
|
|
{{$L('会议已结束')}}
|
|
</li>
|
|
<li v-else class="meeting-operation" @click="openMeeting">
|
|
{{$L('点击加入会议')}}
|
|
<i class="taskfont"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--接龙-->
|
|
<div v-else-if="msgData.type === 'word-chain'" class="content-text content-word-chain no-dark-content">
|
|
<pre v-html="$A.formatTextMsg(msgData.msg.text, userId)"></pre>
|
|
<ul :class="{'expand': unfoldWordChainData.indexOf(msgData.id) !== -1 }">
|
|
<li v-for="(item) in (msgData.msg.list || []).filter(h=>h.type == 'case')">
|
|
{{ $L('例') }} {{ item.text }}
|
|
</li>
|
|
<li v-for="(item,index) in (msgData.msg.list || []).filter(h=>h.type != 'case' && h.text)">
|
|
<span class="expand" v-if="index == 2 && msgData.msg.list.length > 4" @click="unfoldWordChain(msgData)">
|
|
...{{$L('展开')}}...
|
|
</span>
|
|
<span :class="{'shrink': index >= 2 && msgData.msg.list.length > 4 } ">
|
|
{{index + 1}}. {{item.text}}
|
|
</span>
|
|
</li>
|
|
<li @click="onWordChain" class="participate">
|
|
{{ $L('参与接龙') }}
|
|
<i class="taskfont"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--投票-->
|
|
<div v-else-if="msgData.type === 'vote'" class="content-text content-word-vote no-dark-content">
|
|
<div class="vote-msg-head">
|
|
<i class="taskfont"></i>
|
|
<em>{{ $L('投票') }}</em>
|
|
<span>{{ msgData.msg.multiple == 1 ? $L('多选') : $L('单选')}}</span>
|
|
<span>{{ msgData.msg.anonymous == 1 ? $L('匿名') : $L('实名')}}</span>
|
|
</div>
|
|
<pre v-html="$A.formatTextMsg(msgData.msg.text, userId)"></pre>
|
|
<template v-if="(msgData.msg.votes || []).filter(h=>h.userid == userId).length == 0">
|
|
<RadioGroup v-if="msgData.msg.multiple == 0" v-model="voteData[msgData.msg.uuid]" vertical>
|
|
<Radio v-for="(item,index) in (msgData.msg.list || [])" :label="item.id" :key="index">
|
|
{{item.text}}
|
|
</Radio>
|
|
</RadioGroup>
|
|
<CheckboxGroup v-else v-model="voteData[msgData.msg.uuid]">
|
|
<Checkbox v-for="(item,index) in (msgData.msg.list || [])" :label="item.id" :key="index">
|
|
{{item.text}}
|
|
</Checkbox>
|
|
</CheckboxGroup>
|
|
<div class="btn-row">
|
|
<Button v-if="(voteData[msgData.msg.uuid] || []).length == 0" type="grey" disabled>{{$L("请选择后投票")}}</Button>
|
|
<Button v-else type="warning" :loading="msgData.msg._loadIng > 0" class="no-dark-content" @click="onVote('vote',msgData)">{{$L("立即投票")}}</Button>
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
<div class="vote-result-body">
|
|
<ul>
|
|
<li v-for="item in (msgData.msg.list || [])">
|
|
<div class="vote-option-title">{{ item.text }}</div>
|
|
<div class="ticket-num">
|
|
<span>{{ getVoteProgress(msgData.msg,item.id).num }}{{$L('票')}}</span>
|
|
<span>{{ getVoteProgress(msgData.msg,item.id).progress + '%' }}</span>
|
|
</div>
|
|
<Progress :percent="Number(getVoteProgress(msgData.msg,item.id).progress)" :stroke-width="5" hide-info/>
|
|
<div v-if="msgData.msg.anonymous == 0" class="avatar-row">
|
|
<template v-for="votes in (msgData.msg.votes || []).filter(h=>h.votes.indexOf(item.id) != -1)">
|
|
<UserAvatar :userid="votes.userid" :size="18" />
|
|
</template>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="btn-row" v-if="msgData.msg.state == 1 && msgData.msg.userid == userId">
|
|
<Button type="warning" :loading="msgData.msg._loadIng > 0" @click="onVote('again',msgData)">{{$L("再次发送")}}</Button>
|
|
<Button type="warning" :loading="msgData.msg._loadIng > 0" @click="onVote('finish',msgData)">{{$L("结束投票")}}</Button>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<!--等待-->
|
|
<div v-else-if="msgData.type === 'loading'" class="content-loading">
|
|
<Icon v-if="msgData.error === true" type="ios-alert-outline" />
|
|
<Loading v-else/>
|
|
</div>
|
|
<!--未知-->
|
|
<div v-else class="content-unknown">{{$L("未知的消息类型")}}</div>
|
|
</div>
|
|
<!--emoji-->
|
|
<ul v-if="$A.arrayLength(msgData.emoji) > 0" class="dialog-emoji">
|
|
<li
|
|
v-for="(item, index) in msgData.emoji"
|
|
:key="index"
|
|
:class="{hasme: item.userids.includes(userId)}">
|
|
<div class="emoji-symbol no-dark-content" @click="onEmoji(item.symbol)">{{item.symbol}}</div>
|
|
<div class="emoji-users" @click="onShowEmojiUser(item)">
|
|
<ul>
|
|
<template v-for="(uitem, uindex) in item.userids">
|
|
<li v-if="uindex < emojiUsersNum" :class="{bold:uitem==userId}"><UserAvatar :userid="uitem" show-name :show-icon="false"/></li>
|
|
<li v-else-if="uindex == emojiUsersNum">+{{item.userids.length - emojiUsersNum}}位</li>
|
|
</template>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="dialog-foot">
|
|
<!--回复数-->
|
|
<div v-if="!hideReply && msgData.reply_num > 0" class="reply" @click="replyList">
|
|
<i class="taskfont"></i>
|
|
{{msgData.reply_num}}条回复
|
|
</div>
|
|
<!--标注-->
|
|
<div v-if="msgData.tag" class="tag">
|
|
<i class="taskfont"></i>
|
|
</div>
|
|
<!--待办-->
|
|
<div v-if="msgData.todo" class="todo" @click="openTodo">
|
|
<EPopover
|
|
v-model="todoShow"
|
|
ref="todo"
|
|
popper-class="dialog-wrapper-read-poptip"
|
|
:placement="isRightMsg ? 'bottom-end' : 'bottom-start'">
|
|
<div class="read-poptip-content">
|
|
<Scrollbar class-name="read">
|
|
<div class="read-title"><em>{{ todoDoneList.length }}</em>{{ $L('完成') }}</div>
|
|
<ul>
|
|
<li v-for="item in todoDoneList">
|
|
<UserAvatar :userid="item.userid" :size="26" showName/>
|
|
</li>
|
|
</ul>
|
|
</Scrollbar>
|
|
<Scrollbar class-name="unread">
|
|
<div class="read-title"><em>{{ todoUndoneList.length }}</em>{{ $L('待办') }}</div>
|
|
<ul>
|
|
<li v-for="item in todoUndoneList">
|
|
<UserAvatar :userid="item.userid" :size="26" showName/>
|
|
</li>
|
|
</ul>
|
|
</Scrollbar>
|
|
</div>
|
|
<div slot="reference" class="popover-reference"></div>
|
|
</EPopover>
|
|
<Loading v-if="todoLoad > 0"/>
|
|
<i v-else class="taskfont"></i>
|
|
</div>
|
|
<!--编辑-->
|
|
<div v-if="msgData.modify" class="modify">
|
|
<i class="taskfont"></i>
|
|
</div>
|
|
<!--错误/等待/时间/阅读-->
|
|
<div v-if="msgData.error === true" class="error" @click="onError">
|
|
<Icon type="ios-alert" />
|
|
</div>
|
|
<Loading v-else-if="isLoading" :delay="300"/>
|
|
<template v-else>
|
|
<!--时间-->
|
|
<div v-if="timeShow" class="time" @click="timeShow=false">{{msgData.created_at}}</div>
|
|
<div v-else class="time" :title="msgData.created_at" @click="timeShow=true">{{$A.formatTime(msgData.created_at)}}</div>
|
|
<!--阅读-->
|
|
<template v-if="!hidePercentage">
|
|
<div v-if="msgData.send > 1 || dialogType === 'group'" class="percent" @click="openReadPercentage">
|
|
<EPopover
|
|
v-model="percentageShow"
|
|
ref="percent"
|
|
popper-class="dialog-wrapper-read-poptip"
|
|
:placement="isRightMsg ? 'bottom-end' : 'bottom-start'">
|
|
<div class="read-poptip-content">
|
|
<Scrollbar class-name="read">
|
|
<div class="read-title"><em>{{ readList.length }}</em>{{ $L('已读') }}</div>
|
|
<ul>
|
|
<li v-for="item in readList">
|
|
<UserAvatar :userid="item.userid" :size="26" showName/>
|
|
</li>
|
|
</ul>
|
|
</Scrollbar>
|
|
<Scrollbar class-name="unread">
|
|
<div class="read-title"><em>{{ unreadList.length }}</em>{{ $L('未读') }}</div>
|
|
<ul>
|
|
<li v-for="item in unreadList">
|
|
<UserAvatar :userid="item.userid" :size="26" showName/>
|
|
</li>
|
|
</ul>
|
|
</Scrollbar>
|
|
</div>
|
|
<div slot="reference" class="popover-reference"></div>
|
|
</EPopover>
|
|
<Loading v-if="percentageLoad > 0"/>
|
|
<WCircle v-else :percent="msgData.percentage" :size="14"/>
|
|
</div>
|
|
<Icon v-else-if="msgData.percentage === 100" class="done" type="md-done-all"/>
|
|
<Icon v-else class="done" type="md-checkmark"/>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import WCircle from "../../../components/WCircle";
|
|
import {mapGetters, mapState} from "vuex";
|
|
import {Store} from "le5le-store";
|
|
import longpress from "../../../directives/longpress";
|
|
import DialogMarkdown from "./DialogMarkdown.vue";
|
|
|
|
export default {
|
|
name: "DialogView",
|
|
components: {DialogMarkdown, WCircle},
|
|
directives: {longpress},
|
|
props: {
|
|
msgData: {
|
|
type: Object,
|
|
default: () => {
|
|
return {};
|
|
}
|
|
},
|
|
dialogType: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
hidePercentage: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
hideReply: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
hideForward: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
operateVisible: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
operateAction: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
isRightMsg: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
timeShow: false,
|
|
operateEnter: false,
|
|
|
|
percentageLoad: 0,
|
|
percentageShow: false,
|
|
percentageList: [],
|
|
|
|
todoLoad: 0,
|
|
todoShow: false,
|
|
todoList: [],
|
|
|
|
emojiUsersNum: 5,
|
|
|
|
voteData: {},
|
|
dotClicks: [],
|
|
unfoldWordChainData: [],
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.emojiUsersNum = Math.min(6, Math.max(2, Math.floor((this.windowWidth - 180) / 52)))
|
|
if (Object.keys(this.voteData).length === 0) {
|
|
this.voteData = JSON.parse(window.localStorage.getItem(`__cache:vote__`)) || {};
|
|
}
|
|
if (this.unfoldWordChainData.length === 0) {
|
|
this.unfoldWordChainData = JSON.parse(window.localStorage.getItem(`__cache:unfoldWordChain__`)) || [];
|
|
}
|
|
},
|
|
|
|
beforeDestroy() {
|
|
this.$store.dispatch("audioStop", this.msgData.msg?.path)
|
|
},
|
|
|
|
computed: {
|
|
...mapState(['loads', 'audioPlaying']),
|
|
...mapGetters(['isLoad']),
|
|
|
|
isLoading() {
|
|
if (!this.msgData.created_at) {
|
|
return true;
|
|
}
|
|
return this.isLoad(`msg-${this.msgData.id}`)
|
|
},
|
|
|
|
viewClass() {
|
|
const {msgData, operateAction, operateEnter} = this;
|
|
const array = [];
|
|
if (msgData.type) {
|
|
array.push(msgData.type)
|
|
}
|
|
if (operateAction) {
|
|
array.push('operate-action')
|
|
if (operateEnter) {
|
|
array.push('operate-enter')
|
|
}
|
|
}
|
|
return array
|
|
},
|
|
|
|
readList() {
|
|
return this.percentageList.filter(({read_at}) => read_at)
|
|
},
|
|
|
|
unreadList() {
|
|
return this.percentageList.filter(({read_at}) => !read_at)
|
|
},
|
|
|
|
todoDoneList() {
|
|
return this.todoList.filter(({done_at}) => done_at)
|
|
},
|
|
|
|
todoUndoneList() {
|
|
return this.todoList.filter(({done_at}) => !done_at)
|
|
},
|
|
|
|
headClass() {
|
|
const {id, reply_id, type, msg, emoji, dot} = this.msgData;
|
|
const array = [];
|
|
if (dot && !this.dotClicks.includes(id)) {
|
|
array.push('dot')
|
|
}
|
|
if (reply_id === 0 && $A.arrayLength(emoji) === 0) {
|
|
if (type === 'text') {
|
|
if (/^<img\s+class="emoticon"[^>]*?>$/.test(msg.text)
|
|
|| /^\s*<p>\s*([\uD800-\uDBFF][\uDC00-\uDFFF]){1,3}\s*<\/p>\s*$/.test(msg.text)) {
|
|
array.push('transparent')
|
|
}
|
|
}
|
|
}
|
|
return array;
|
|
},
|
|
|
|
contentClass() {
|
|
const {type, msg} = this.msgData;
|
|
const classArray = [];
|
|
if (type === 'text') {
|
|
if (/^<img\s+class="emoticon"[^>]*?>$/.test(msg.text)) {
|
|
classArray.push('an-emoticon')
|
|
} else if (/^\s*<p>\s*([\uD800-\uDBFF][\uDC00-\uDFFF]){3}\s*<\/p>\s*$/.test(msg.text)) {
|
|
classArray.push('three-emoji')
|
|
} else if (/^\s*<p>\s*([\uD800-\uDBFF][\uDC00-\uDFFF]){2}\s*<\/p>\s*$/.test(msg.text)) {
|
|
classArray.push('two-emoji')
|
|
} else if (/^\s*<p>\s*[\uD800-\uDBFF][\uDC00-\uDFFF]\s*<\/p>\s*$/.test(msg.text)) {
|
|
classArray.push('an-emoji')
|
|
}
|
|
}
|
|
return classArray;
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
operateAction(val) {
|
|
this.operateEnter = false;
|
|
if (val) {
|
|
setTimeout(_ => this.operateEnter = true, 500)
|
|
}
|
|
},
|
|
voteData: {
|
|
handler(val) {
|
|
const voteData = JSON.parse(window.localStorage.getItem('__cache:vote__')) || {}
|
|
for (const key in val) {
|
|
voteData[key] = val[key];
|
|
}
|
|
if (Object.keys(voteData).length > 0) {
|
|
window.localStorage.setItem('__cache:vote__', JSON.stringify(voteData))
|
|
}
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
handleLongpress(event, el) {
|
|
this.$emit("on-longpress", {event, el, msgData: this.msgData})
|
|
},
|
|
|
|
handleClick() {
|
|
if (this.msgData.dot) {
|
|
this.dotClicks.push(this.msgData.id);
|
|
this.$store.dispatch("dialogMsgDot", this.msgData);
|
|
}
|
|
},
|
|
|
|
openTodo() {
|
|
if (this.todoLoad > 0) {
|
|
return;
|
|
}
|
|
if (this.todoShow) {
|
|
this.todoShow = false;
|
|
return;
|
|
}
|
|
this.todoLoad++;
|
|
this.$store.dispatch("call", {
|
|
url: 'dialog/msg/todolist',
|
|
data: {
|
|
msg_id: this.msgData.id,
|
|
},
|
|
}).then(({data}) => {
|
|
this.todoList = data;
|
|
}).catch(() => {
|
|
this.todoList = [];
|
|
}).finally(_ => {
|
|
setTimeout(() => {
|
|
this.todoLoad--;
|
|
this.todoShow = true
|
|
}, 100)
|
|
});
|
|
},
|
|
|
|
openReadPercentage() {
|
|
if (this.percentageLoad > 0) {
|
|
return;
|
|
}
|
|
if (this.percentageShow) {
|
|
this.percentageShow = false;
|
|
return;
|
|
}
|
|
this.percentageLoad++;
|
|
this.$store.dispatch("call", {
|
|
url: 'dialog/msg/readlist',
|
|
data: {
|
|
msg_id: this.msgData.id,
|
|
},
|
|
}).then(({data}) => {
|
|
this.percentageList = data;
|
|
}).catch(() => {
|
|
this.percentageList = [];
|
|
}).finally(_ => {
|
|
setTimeout(() => {
|
|
this.percentageLoad--;
|
|
this.percentageShow = true
|
|
}, 100)
|
|
});
|
|
},
|
|
|
|
recordStyle(info) {
|
|
const {duration} = info;
|
|
const width = 50 + Math.min(180, Math.floor(duration / 200));
|
|
return {
|
|
width: width + 'px',
|
|
};
|
|
},
|
|
|
|
recordDuration(duration) {
|
|
const minute = Math.floor(duration / 60000),
|
|
seconds = Math.floor(duration / 1000) % 60;
|
|
if (minute > 0) {
|
|
return `${minute}:${seconds}″`
|
|
}
|
|
return `${Math.max(1, seconds)}″`
|
|
},
|
|
|
|
fileStyle(percentage) {
|
|
if (percentage) {
|
|
return {
|
|
width: `${percentage}%`
|
|
};
|
|
}
|
|
return {};
|
|
},
|
|
|
|
imageStyle(info) {
|
|
const {width, height} = info;
|
|
if (width && height) {
|
|
let maxW = 220,
|
|
maxH = 220,
|
|
tempW = width,
|
|
tempH = height;
|
|
if (width > maxW || height > maxH) {
|
|
if (width > height) {
|
|
tempW = maxW;
|
|
tempH = height * (maxW / width);
|
|
} else {
|
|
tempW = width * (maxH / height);
|
|
tempH = maxH;
|
|
}
|
|
}
|
|
return {
|
|
width: tempW + 'px',
|
|
height: tempH + 'px',
|
|
};
|
|
}
|
|
return {};
|
|
},
|
|
|
|
playRecord() {
|
|
if (this.operateVisible) {
|
|
return
|
|
}
|
|
if (!this.msgData.created_at) {
|
|
return;
|
|
}
|
|
this.$store.dispatch("audioPlay", this.msgData.msg.path)
|
|
},
|
|
|
|
openMeeting() {
|
|
if (this.operateVisible) {
|
|
return
|
|
}
|
|
Store.set('addMeeting', {
|
|
type: 'join',
|
|
name: this.msgData.msg.name,
|
|
meetingid: this.msgData.msg.meetingid,
|
|
meetingdisabled: true,
|
|
});
|
|
},
|
|
|
|
openDialog(userid) {
|
|
this.$store.dispatch("openDialogUserid", userid).then(_ => {
|
|
this.goForward({name: 'manage-messenger'})
|
|
}).catch(({msg}) => {
|
|
$A.modalError(msg)
|
|
});
|
|
},
|
|
|
|
showReplyData(data) {
|
|
if (!$A.isJson(data)) {
|
|
return false
|
|
}
|
|
return data.userid
|
|
},
|
|
|
|
showForwardData(data) {
|
|
if (!$A.isJson(data)) {
|
|
return false
|
|
}
|
|
return data.show && data.userid
|
|
},
|
|
|
|
viewReply() {
|
|
this.$emit("on-view-reply", {
|
|
msg_id: this.msgData.id,
|
|
reply_id: this.msgData.reply_id
|
|
})
|
|
},
|
|
|
|
viewText(e) {
|
|
this.$emit("on-view-text", e, this.$refs.content)
|
|
},
|
|
|
|
viewFile() {
|
|
if (!this.msgData.created_at) {
|
|
return;
|
|
}
|
|
this.$emit("on-view-file", this.msgData)
|
|
},
|
|
|
|
downFile() {
|
|
if (!this.msgData.created_at) {
|
|
return;
|
|
}
|
|
this.$emit("on-down-file", this.msgData)
|
|
},
|
|
|
|
replyList() {
|
|
this.$emit("on-reply-list", {
|
|
msg_id: this.msgData.id,
|
|
})
|
|
},
|
|
|
|
onError() {
|
|
this.$emit("on-error", this.msgData)
|
|
},
|
|
|
|
onEmoji(symbol) {
|
|
this.$emit("on-emoji", {
|
|
msg_id: this.msgData.id,
|
|
symbol
|
|
})
|
|
},
|
|
|
|
onShowEmojiUser(item) {
|
|
this.$emit("on-show-emoji-user", item)
|
|
},
|
|
|
|
onWordChain() {
|
|
this.$store.state.dialogDroupWordChain = {
|
|
type: 'participate',
|
|
dialog_id: this.msgData.dialog_id,
|
|
msgData: this.msgData,
|
|
}
|
|
},
|
|
|
|
unfoldWordChain(msg) {
|
|
if (this.unfoldWordChainData.indexOf(msg.id) == -1) {
|
|
const data = JSON.parse(window.localStorage.getItem('__cache:unfoldWordChain__')) || [];
|
|
data.push(msg.id);
|
|
window.localStorage.setItem('__cache:unfoldWordChain__', JSON.stringify(data));
|
|
this.unfoldWordChainData.push(msg.id);
|
|
}
|
|
},
|
|
|
|
onVote(type, msgData) {
|
|
if (type != 'vote') {
|
|
$A.modalConfirm({
|
|
content: type == 'finish' ? '确定结束投票？' : '再次发送投票？',
|
|
cancelText: '取消',
|
|
okText: '确定',
|
|
onOk: () => {
|
|
this.vote(type, msgData);
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
this.vote(type, msgData);
|
|
},
|
|
|
|
vote(type, msgData) {
|
|
this.$set(msgData.msg, '_loadIng', 1)
|
|
this.$store.dispatch("call", {
|
|
url: 'dialog/msg/vote',
|
|
method: 'post',
|
|
data: {
|
|
dialog_id: msgData.dialog_id,
|
|
uuid: msgData.msg.uuid,
|
|
vote: this.voteData[msgData.msg.uuid] || [],
|
|
type: type
|
|
}
|
|
}).then(({ data }) => {
|
|
if (type == 'again') {
|
|
$A.messageSuccess("已发送");
|
|
}
|
|
data.forEach(d => {
|
|
this.$store.dispatch("saveDialogMsg", d);
|
|
});
|
|
}).catch(({ msg }) => {
|
|
$A.modalError(msg);
|
|
}).finally(_ => {
|
|
this.$set(msgData.msg, '_loadIng', 0)
|
|
});
|
|
},
|
|
|
|
getVoteProgress(msgData, id) {
|
|
const num = msgData.votes.filter(h => (h.votes || '').indexOf(id) != -1).length
|
|
const progress = !num ? '0.00' : (num / msgData.votes.length * 100).toFixed(2);
|
|
return { num, progress };
|
|
}
|
|
}
|
|
}
|
|
</script>
|