51 lines
2.1 KiB
HTML
51 lines
2.1 KiB
HTML
|
{{template "header" }}
|
||
|
|
<style>
|
||
|
|
.msgContent{
|
||
|
|
color:#333;margin:10px 0px 15px 0px;word-break: break-all;
|
||
|
|
}
|
||
|
|
.msgContent img{
|
||
|
|
max-width: 180px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div id="app" style="width:100%">
|
||
|
|
<template>
|
||
|
|
<el-container v-loading.fullscreen.lock="fullscreenLoading">
|
||
|
|
|
||
|
|
<el-main class="mainMain">
|
||
|
|
<el-empty :description="flyLang.nodata" v-show="kefuMessages.list.length==0"></el-empty>
|
||
|
|
<div v-for="v in kefuMessages.list" style="font-size: 14px;">
|
||
|
|
<div class="alignCenter" style="color:#5050ff;" v-if="v.mes_type=='kefu'">
|
||
|
|
<el-avatar class="chatRowAvator" :size="30" :src="v.kefu_avator"></el-avatar>
|
||
|
|
<{v.kefu_name}>
|
||
|
|
<el-tooltip :content="v.visitor_id" placement="top">
|
||
|
|
<font>@<{v.visitor_name}></font>
|
||
|
|
</el-tooltip>
|
||
|
|
<span style="margin-left: 10px;"><{v.create_time}></span>
|
||
|
|
</div>
|
||
|
|
<div class="alignCenter" style="color: #008040;" v-if="v.mes_type=='visitor'">
|
||
|
|
<el-avatar class="chatRowAvator" :size="30" :src="v.visitor_avator"></el-avatar>
|
||
|
|
<el-tooltip :content="v.visitor_id" placement="top">
|
||
|
|
<font><{v.visitor_name}></font>
|
||
|
|
</el-tooltip>
|
||
|
|
<span style="margin-left: 10px;"><{v.create_time}></span>
|
||
|
|
</div>
|
||
|
|
<div class="msgContent" v-html="v.content" style=""></div>
|
||
|
|
</div>
|
||
|
|
<el-pagination
|
||
|
|
v-show="kefuMessages.list.length!=0"
|
||
|
|
background
|
||
|
|
@current-change="kefuMessagesPage"
|
||
|
|
:current-page="kefuMessages.page"
|
||
|
|
layout="prev,pager, next"
|
||
|
|
:page-size="kefuMessages.pagesize"
|
||
|
|
:total="kefuMessages.count">
|
||
|
|
</el-pagination>
|
||
|
|
</el-main>
|
||
|
|
|
||
|
|
</el-container>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
{{template "setting_bottom" .}}
|