{{template "header" }}
<style>
    .sumNum{
        margin: 10px 0;
        font-size: 24px;
        font-weight: bold;
    }
</style>
<div id="app" style="width:100%">
    <template>
        <div v-loading.fullscreen.lock="fullscreenLoading">

                <div class="mainMain settingMain settingDashbord">
                    <h2 class="textDark"><{flyLang.statistics}></h2>
                    <el-row :gutter="10">
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.todayVisitors}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="statistics.toady_visitors"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.totalVisitors}>: <span  v-html="statistics.visitors"></span></p>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.todayMessages}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="statistics.today_messages"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.totalMessages}>: <span  v-html="statistics.message"></span></p>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.currentVisitors}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="statistics.visitor_session"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.currentStaffSession}>: <span  v-html="statistics.kefu_session"></span></p>
                                </div>
                            </el-card>
                        </el-col>
                    </el-row>
                    <div style="height: 20px"></div>
                    <el-row :gutter="10">
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.goodNum}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="commentStatistics.good_num"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.goodRate}>: <span  v-html="commentStatistics.good_pre"></span>%</p>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.normalNum}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="commentStatistics.normal_num"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.normalRate}>: <span  v-html="commentStatistics.normal_pre"></span>%</p>
                                </div>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span><{flyLang.badNum}></span>
                                </div>
                                <div class="text item">
                                    <p class="sumNum" v-html="commentStatistics.bad_num"></p>
                                </div>
                                <div class="text item">
                                    <p><{flyLang.badRate}>: <span  v-html="commentStatistics.bad_pre"></span>%</p>
                                </div>
                            </el-card>
                        </el-col>
                    </el-row>
            </div>
        </div>
    </template>
</div>
</body>
{{template "setting_bottom" .}}