|
|
|
@ -243,12 +243,6 @@
|
|
|
|
" :msg="props.msg" />
|
|
|
|
" :msg="props.msg" />
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }"
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }"
|
|
|
|
v-else-if="props.msg.messageType == 100 && props.msg.attachment && JSON.parse(props.msg.attachment.raw).type == 100000">
|
|
|
|
v-else-if="props.msg.messageType == 100 && props.msg.attachment && JSON.parse(props.msg.attachment.raw).type == 100000">
|
|
|
|
<Avatar v-if="false" :account="props.msg.senderId" :teamId="
|
|
|
|
|
|
|
|
conversationType ===
|
|
|
|
|
|
|
|
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM
|
|
|
|
|
|
|
|
? to
|
|
|
|
|
|
|
|
: ''
|
|
|
|
|
|
|
|
" :goto-user-card="true" />
|
|
|
|
|
|
|
|
<div class="job-card"
|
|
|
|
<div class="job-card"
|
|
|
|
style="background-color: #ffffff;border-radius: 8px;padding: 12px;width: calc(100% - 24px);position: relative;left: 50%;transform: translateX(-50%);"
|
|
|
|
style="background-color: #ffffff;border-radius: 8px;padding: 12px;width: calc(100% - 24px);position: relative;left: 50%;transform: translateX(-50%);"
|
|
|
|
@tap="goDetail(JSON.parse(props.msg.attachment.raw).uniUrl,JSON.parse(props.msg.attachment.raw).jobId)">
|
|
|
|
@tap="goDetail(JSON.parse(props.msg.attachment.raw).uniUrl,JSON.parse(props.msg.attachment.raw).jobId)">
|
|
|
|
@ -288,6 +282,23 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }"
|
|
|
|
|
|
|
|
v-else-if="props.msg.messageType == 100 && props.msg.text">
|
|
|
|
|
|
|
|
<Avatar :account="props.msg.senderId" :teamId="
|
|
|
|
|
|
|
|
conversationType ===
|
|
|
|
|
|
|
|
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM
|
|
|
|
|
|
|
|
? to
|
|
|
|
|
|
|
|
: ''
|
|
|
|
|
|
|
|
" :goto-user-card="true" />
|
|
|
|
|
|
|
|
<!-- props.msg.text -->
|
|
|
|
|
|
|
|
<div class="msg-content">
|
|
|
|
|
|
|
|
<div class="msg-bg msg-bg-out" :style="{ fontSize: 16 + 'px' }">
|
|
|
|
|
|
|
|
<span class="msg-text">{{ props.msg.text }}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }" v-else>
|
|
|
|
<div class="msg-common" :style="{ flexDirection: !props.msg.isSelf ? 'row' : 'row-reverse' }" v-else>
|
|
|
|
<Avatar :account="props.msg.senderId" :teamId="
|
|
|
|
<Avatar :account="props.msg.senderId" :teamId="
|
|
|
|
conversationType ===
|
|
|
|
conversationType ===
|
|
|
|
@ -605,4 +616,30 @@
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
max-width: 360rpx;
|
|
|
|
max-width: 360rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.msg-text {
|
|
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
|
|
|
white-space: break-spaces;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.msg-bg {
|
|
|
|
|
|
|
|
max-width: 360rpx;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
padding: 12px 16px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&-in {
|
|
|
|
|
|
|
|
border-radius: 0 8px 8px 8px;
|
|
|
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&-out {
|
|
|
|
|
|
|
|
border-radius: 8px 0 8px 8px;
|
|
|
|
|
|
|
|
background-color: #d6e5f6;
|
|
|
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|