Skip to content

I
inspect_report
Commit 414a0598 authored by zhengjinlei's avatar zhengjinlei
Browse files
Options

组长概览

parent 72b9a0c2
Show whitespace changes
Inline Side-by-side
Showing with 66 additions and 30 deletions
src/inspect_report/templates/inspect/group.html
View file @ 414a0598
......@@ -24,11 +24,42 @@
color:#565656;
font-size:15px;
}
.groutTitle{
display: flex;
flex-direction: row;
margin-bottom: 20px;
margin-top: 10px;
}
.groutTitle > div{
order: 1;
flex-grow: 1;
background-color:#fff;
}
.groutTitle > div:nth-child(2){
margin: 0 10px;
}
.groutTitle .grid-content{
padding: 20px;
}
.groutTitle .grid-content .icon{
font-size: 30px;
margin-right:10px;
}
.groutTitle .grid-content div{
display: inline-block;
vertical-align: middle;
}
.groutTitle .grid-content .content-value{
font-size: 30px;
}
#main{
background-color: #fff;
}
</style>
</head>
<body style='height:100%'>
<div class='child-title'>组长概览</div>
<div class='child-main' id='childApp'>
{# <div class='child-title'>组长概览</div>#}
<div class='child-main' id='childApp' style='background-color:initial;padding:0;'>
<div style='text-align:right;' class='childTitle'>
<div class='childTitleName'>违规项分析</div>
<div id='OneTime'>
......@@ -41,35 +72,40 @@
>
</el-date-picker>
</div>
<!--
<el-select v-model="taskvalue" filterable placeholder="请选择" @change="changeTask">
<el-option
v-for="item in taskList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
<el-select v-model="takevalue" filterable placeholder="请选择" @change='changeTake'>
<el-option
label="全部坐席"
value="">
</el-option>
<el-option
v-for="item in takeList"
:key="item.agentName"
:label="item.agentName"
:value="item.agentName">
</el-option>
</el-select>
-->
</div>
<div style='margin-top:10px;padding-left:30px;' class='groutTitle'>
<span>质检完成会话数： <span v-html='titleInfo.total_session'></span></span>
<span>违规会话数： <span v-html='titleInfo.validate_session'></span></span>
<span>占比：<span v-html='titleInfo.ratio * 100 + "%"'></span></span>
<div style='margin-top:10px;' class='groutTitle'>
<div class="grid-content">
<div class='icon'>
<i class='el-icon-message-solid'></i>
</div>
<div class='content'>
<span>质检完成会话数：</span>
<br />
<span class='content-value' v-html='titleInfo.total_session'>0</span>
</div>
</div>
<div class="grid-content">
<div class='icon'>
<i class='el-icon-warning'></i>
</div>
<div class='content'>
<span>违规会话数：</span>
<br />
<span class='content-value' v-html='titleInfo.validate_session'>0</span>
</div>
</div>
<div class="grid-content">
<div class='icon'>
<i class='el-icon-s-marketing'></i>
</div>
<div class='content'>
<span>占比：</span>
<br />
<span class='content-value' v-html='titleInfo.ratio * 100 + "%"'>0</span>
</div>
</div>
</div>
<div id='main' style='width:80%;height:600px' v-loading='true'></div>
<div id='main' style='width:100%;height:600px' v-loading='true'></div>
</div>
<script type="text/javascript">
window.onload = function(){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment