聊天审核
<h4>安装</h4>
<p>七巧板基于 VUE （2.5）， Webpack (3.0) 请确保已具备较新的 node 环境。</p>
<h4>聊天过滤基础使用</h4>
<p>当前功能可以开启和关闭聊天审核功能，从而对聊天内容进行通过与阻止操作。
显示已通过的历史聊天消息。
显示当前的被禁言用户列表，支持对除主持人与助理外其余角色进行禁言与取消禁言操作
可以对过滤角色进行筛选。
设置当未审核数超过 200 条时，对再来消息统一进行自动发送或自动阻止操作。</p>
<pre><code class="language-javascript"><template>
<auth-chat :roomId="roomInfo.roomeId" :vss_token="roomInfo.vss_token" :initCheckList="initCheckList"></auth-chat>
<script>
export default {
data () {
return {
roomInfo: {
roomeId: "lss_xxxxx", // 当前活动房间id
vss_token: 1, // vss_token
},
initCheckList:{
{ role: '1', roleName: '主持人' }, // role: 角色，roleName: 角色名
{ role: '2', roleName: '观众' },
{ role: '3', roleName: '嘉宾' }
} // 无需过滤数据
}
}
</script>
</template></code></pre>
<h4>聊天审核组件 v1.5 版本升级，优化 class 名称</h4>
<table>
<thead>
<tr>
<th style="text-align: left;">原Class</th>
<th style="text-align: left;">修改后Class</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">approval</td>
<td style="text-align: left;">vh-chat-approval</td>
</tr>
<tr>
<td style="text-align: left;">approval-content</td>
<td style="text-align: left;">vh-chat-approval__content</td>
</tr>
<tr>
<td style="text-align: left;">approval-info</td>
<td style="text-align: left;">vh-chat-approval__info</td>
</tr>
<tr>
<td style="text-align: left;">subject</td>
<td style="text-align: left;">vh-chat-approval__subject</td>
</tr>
<tr>
<td style="text-align: left;">txt</td>
<td style="text-align: left;">vh-chat-approval__txt</td>
</tr>
<tr>
<td style="text-align: left;">switch</td>
<td style="text-align: left;">vh-chat-approval__switch</td>
</tr>
<tr>
<td style="text-align: left;">auto-send</td>
<td style="text-align: left;">vh-chat-approval__auto-send</td>
</tr>
<tr>
<td style="text-align: left;">approval-tab</td>
<td style="text-align: left;">vh-chat-approval__tab</td>
</tr>
<tr>
<td style="text-align: left;">tab-head</td>
<td style="text-align: left;">vh-chat-approval__tab-head</td>
</tr>
<tr>
<td style="text-align: left;">tab-active</td>
<td style="text-align: left;">vh-chat-approval__tab-active</td>
</tr>
<tr>
<td style="text-align: left;">btn-group</td>
<td style="text-align: left;">vh-chat-approval__btn-group</td>
</tr>
<tr>
<td style="text-align: left;">butt</td>
<td style="text-align: left;">vh-chat-approval__butt</td>
</tr>
<tr>
<td style="text-align: left;">tab-content</td>
<td style="text-align: left;">vh-chat-approval__tab-content</td>
</tr>
<tr>
<td style="text-align: left;">tab-pane</td>
<td style="text-align: left;">vh-chat-approval__tab-pane</td>
</tr>
<tr>
<td style="text-align: left;">lists</td>
<td style="text-align: left;">vh-chat-approval__lists</td>
</tr>
<tr>
<td style="text-align: left;">item</td>
<td style="text-align: left;">vh-chat-approval__item</td>
</tr>
<tr>
<td style="text-align: left;">user-list</td>
<td style="text-align: left;">vh-chat-approval__user-list</td>
</tr>
<tr>
<td style="text-align: left;">infos</td>
<td style="text-align: left;">vh-chat-approval__infos</td>
</tr>
<tr>
<td style="text-align: left;">user-btn</td>
<td style="text-align: left;">vh-chat-approval__user-btn</td>
</tr>
<tr>
<td style="text-align: left;">btn-box-authChat</td>
<td style="text-align: left;">vh-chat-approval__btn-box-authChat</td>
</tr>
</tbody>
</table>