|
|
@@ -18,98 +18,116 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
- <div>
|
|
|
- <div class="col-sm-2">
|
|
|
- <div class="ibox float-e-margins">
|
|
|
- <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
- <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
- <h3>总会话量</h3>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="text-align: center">
|
|
|
- <h1 class="no-margins"><span>{$allChat}</span></h1>
|
|
|
- <small></small>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
- <div style="justify-content: center; display: flex">
|
|
|
- <div style="text-align: right;">转接量</div>
|
|
|
- <div style="margin-left: 20px; text-align: right;">{$transfer}</div>
|
|
|
+ <div style="display: flex; justify-content: end;">
|
|
|
+ <!--搜索框开始-->
|
|
|
+ <form id='commentForm' role="form" method="post" class="form-inline pull-right" style="margin-right: 30px;">
|
|
|
+ <div class="content clearfix m-b">
|
|
|
+ <div class="form-group">
|
|
|
+ <label>时间区间:</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input style="width: 180px;" type="text" class="layui-input" name="daterang" id="daterang" value={$defaultTime} placeholder="时间段"
|
|
|
+ readonly="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <button class="btn btn-primary" type="button" id="search"><strong>搜 索</strong>
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- <div class="col-sm-2">
|
|
|
- <div class="ibox float-e-margins">
|
|
|
- <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
- <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
- <h3>总消息量</h3>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="text-align: center">
|
|
|
- <h1 class="no-margins"><span>{$allService}</span></h1>
|
|
|
- <small></small>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
- <div style="justify-content: center; display: flex">
|
|
|
- <div style="text-align: right;">问答比</div>
|
|
|
- <div style="margin-left: 20px; text-align: right;">{$reply}%</div>
|
|
|
+ <div>
|
|
|
+ <div class="col-sm-2">
|
|
|
+ <div class="ibox float-e-margins">
|
|
|
+ <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
+ <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
+ <h3>总会话量</h3>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="text-align: center">
|
|
|
+ <h1 class="no-margins"><span>{$allChat}</span></h1>
|
|
|
+ <small></small>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
+ <div style="justify-content: center; display: flex">
|
|
|
+ <div style="text-align: right;">转接量</div>
|
|
|
+ <div style="margin-left: 20px; text-align: right;">{$transfer}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-2">
|
|
|
- <div class="ibox float-e-margins">
|
|
|
- <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
- <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
- <h3>排队量</h3>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="text-align: center">
|
|
|
- <h1 class="no-margins"><span>{$allQueue}</span></h1>
|
|
|
- <small></small>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
- <div style="justify-content: center; display: flex">
|
|
|
- <div style="text-align: right;">平均排队时长</div>
|
|
|
- <div style="margin-left: 20px; text-align: right;">{$waitTime}</div>
|
|
|
+ <div class="col-sm-2">
|
|
|
+ <div class="ibox float-e-margins">
|
|
|
+ <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
+ <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
+ <h3>总消息量</h3>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="text-align: center">
|
|
|
+ <h1 class="no-margins"><span>{$allService}</span></h1>
|
|
|
+ <small></small>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
+ <div style="justify-content: center; display: flex">
|
|
|
+ <div style="text-align: right;">问答比</div>
|
|
|
+ <div style="margin-left: 20px; text-align: right;">{$reply}%</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-2">
|
|
|
- <div class="ibox float-e-margins">
|
|
|
- <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
- <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
- <h3>平均会话时长</h3>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="text-align: center">
|
|
|
- <h1 class="no-margins"><span>{$serviceTime}</span><span style="font-size: 14px; margin-left: 10px">秒</span></h1>
|
|
|
- <small></small>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
- <div style="justify-content: center; display: flex">
|
|
|
- <div style="text-align: right;">平均相应时长</div>
|
|
|
- <div style="margin-left: 20px; text-align: right;">{$cpdTime}</div>
|
|
|
+ <div class="col-sm-2">
|
|
|
+ <div class="ibox float-e-margins">
|
|
|
+ <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
+ <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
+ <h3>排队量</h3>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="text-align: center">
|
|
|
+ <h1 class="no-margins"><span>{$allQueue}</span></h1>
|
|
|
+ <small></small>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
+ <div style="justify-content: center; display: flex">
|
|
|
+ <div style="text-align: right;">平均排队时长</div>
|
|
|
+ <div style="margin-left: 20px; text-align: right;">{$waitTime}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-2">
|
|
|
- <div class="ibox float-e-margins">
|
|
|
- <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
- <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
- <h3>相对满意度</h3>
|
|
|
- </div>
|
|
|
- <div class="ibox-content" style="text-align: center">
|
|
|
- <h1 class="no-margins"><span>{$evaluateGood}<span style="font-size: 14px; margin-left: 10px">%</span></span></h1>
|
|
|
- <small></small>
|
|
|
+ <div class="col-sm-2">
|
|
|
+ <div class="ibox float-e-margins">
|
|
|
+ <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
+ <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
+ <h3>平均会话时长</h3>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="text-align: center">
|
|
|
+ <h1 class="no-margins"><span>{$serviceTime}</span><span style="font-size: 14px; margin-left: 10px">秒</span></h1>
|
|
|
+ <small></small>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
+ <div style="justify-content: center; display: flex">
|
|
|
+ <div style="text-align: right;">平均响应时长</div>
|
|
|
+ <div style="margin-left: 20px; text-align: right;">{$cpdTime}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
- <div style="justify-content: center; display: flex">
|
|
|
- <div style="text-align: right;">参评率</div>
|
|
|
- <div style="margin-left: 20px; text-align: right;">{$evaluateGet}%</div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-2">
|
|
|
+ <div class="ibox float-e-margins">
|
|
|
+ <div class="ibox-title" style="display: flex; justify-content: center;">
|
|
|
+ <!--<span class="label label-primary pull-right">今天</span>-->
|
|
|
+ <h3>相对满意度</h3>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="text-align: center">
|
|
|
+ <h1 class="no-margins"><span>{$evaluateGood}<span style="font-size: 14px; margin-left: 10px">%</span></span></h1>
|
|
|
+ <small></small>
|
|
|
+ </div>
|
|
|
+ <div class="ibox-content" style="font-size: 12px; padding: 5px 20px 5px; height: 45px; line-height: 3;">
|
|
|
+ <div style="justify-content: center; display: flex">
|
|
|
+ <div style="text-align: right;">参评率</div>
|
|
|
+ <div style="margin-left: 20px; text-align: right;">{$evaluateGet}%</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<div class="col-sm-12">
|
|
|
<div class="ibox float-e-margins">
|
|
|
<div class="ibox-title">
|
|
|
@@ -117,7 +135,7 @@
|
|
|
</div>
|
|
|
<div class="ibox-content">
|
|
|
<!--搜索框开始-->
|
|
|
- <form id='commentForm' role="form" method="post" class="form-inline pull-right">
|
|
|
+ <!--<form id='commentForm' role="form" method="post" class="form-inline pull-right">
|
|
|
<div class="content clearfix m-b">
|
|
|
<div class="form-group">
|
|
|
<label>时间区间:</label>
|
|
|
@@ -131,8 +149,8 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </form>
|
|
|
- <div class="ibox-content" style="height: 350px" id="bar">
|
|
|
+ </form>-->
|
|
|
+ <div style="height: 350px" id="bar">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -161,7 +179,7 @@
|
|
|
<div class="ibox-title">
|
|
|
<h5>访问来源</h5>
|
|
|
</div>
|
|
|
- <div id="system_data" style="text-align: center; width: 100%; font-size: 16px; background: #fff; height: 350px; border-top: 1px solid #e7eaec;">
|
|
|
+ <div id="system_data" style="text-align: center; width: 100%; font-size: 16px; background: #fff; height: 350px;">
|
|
|
<div class="ibox-content" style="height: 350px" id="pie_system">
|
|
|
|
|
|
</div>
|
|
|
@@ -443,7 +461,7 @@
|
|
|
};
|
|
|
pie_system.setOption(option_PS);
|
|
|
} else {
|
|
|
- let pie_system_html = "<div style='line-height: 20;'>暂无数据</div>";
|
|
|
+ let pie_system_html = "<div style='line-height: 20; border-top: 1px solid #e7eaec;'>暂无数据</div>";
|
|
|
$("#system_data").html(pie_system_html);
|
|
|
}
|
|
|
|