Commit d533fd2b authored by zhengjinlei's avatar zhengjinlei

质检统计

parent 3621e8e5
...@@ -58,6 +58,9 @@ ...@@ -58,6 +58,9 @@
#main{ #main{
background-color: #fff; background-color: #fff;
} }
.el-dialog{
width: 700px
}
</style> </style>
</head> </head>
<body style='height:100%'> <body style='height:100%'>
...@@ -160,10 +163,10 @@ ...@@ -160,10 +163,10 @@
</div> </div>
</div> </div>
</div> </div>
<div id='main' style='width:100%;height:600px'> <div id='main' style='width:100%;padding-bottom:20px'>
<el-table <el-table
:data="tableData" :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
border border
style="width: 100%;margin-bottom:20px;"> style="width: 100%;margin-bottom:20px;">
<el-table-column <el-table-column
...@@ -197,7 +200,14 @@ ...@@ -197,7 +200,14 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination
@current-change='CurrentChange'
style='margin: 0 auto;text-align:center;margin-bottom:20px;'
layout="prev, pager, next"
:hide-on-single-page="isHidePage"
background
:total="total">
</el-pagination>
</div> </div>
<el-dialog title="详情" :visible.sync="dialogTableVisible"> <el-dialog title="详情" :visible.sync="dialogTableVisible">
...@@ -205,9 +215,11 @@ ...@@ -205,9 +215,11 @@
<el-table-column prop="agentName" label="坐席id" width='190'></el-table-column> <el-table-column prop="agentName" label="坐席id" width='190'></el-table-column>
<el-table-column prop="customName" label="客户" width='190'></el-table-column> <el-table-column prop="customName" label="客户" width='190'></el-table-column>
<el-table-column prop="remainTime" label="通话时间(秒)"> <el-table-column prop="remainTime" label="通话时间(秒)">
{# <template slot-scope='scope'>#} {# <template slot-scope='scope'>#}
{# <span>{{formatSeconds(scope.row.remainTime)}}</span>#} {# <span>{{formatSeconds(scope.row.remainTime)}}</span>#}
{# </template>#} {# </template>#}
</el-table-column> </el-table-column>
<el-table-column prop="score" label="分数"></el-table-column> <el-table-column prop="score" label="分数"></el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
......
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
<el-table <el-table
:data="tableData" :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
id='mutiTable' id='mutiTable'
border border
style="width: 100%"> style="width: 100%">
...@@ -152,8 +152,15 @@ ...@@ -152,8 +152,15 @@
> >
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination
@current-change='CurrentChange'
style='margin: 0 auto;text-align:center;margin-bottom:20px;'
layout="prev, pager, next"
:hide-on-single-page="isHidePage"
background
:total="total">
</el-pagination>
<el-button v-if='isscrollTop' @click='backTop' id='backTop' type="warning" icon="el-icon-upload2" circle></el-button> <el-button v-if='isscrollTop' @click='backTop' id='backTop' type="warning" icon="el-icon-upload2" circle></el-button>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
......
...@@ -93,21 +93,19 @@ ...@@ -93,21 +93,19 @@
<body style='height:100%'> <body style='height:100%'>
<div class='child-title'>语音坐席</div> <div class='child-title'>语音坐席</div>
<div class='child-main' id='childApp'> <div class='child-main' id='childApp'>
<!-- {# <div style='text-align:right;' class='childTitle'>#}
<div style='text-align:right;' class='childTitle'> {# <div class='childTitleName'>违规项分析</div>#}
<div class='childTitleName'>违规项分析</div> {# <div id='OneTime'>#}
<div id='OneTime'> {# <el-date-picker#}
<el-date-picker {# v-model="dateTime"#}
v-model="dateTime" {# @change='changeRange'#}
@change='changeRange' {# value-format='yyyy-MM-dd'#}
value-format='yyyy-MM-dd' {# clearable='false'#}
clearable='false' {# type="date"#}
type="date" {# >#}
> {# </el-date-picker>#}
</el-date-picker> {# </div>#}
</div> {# </div>#}
</div>
-->
<div style='text-align:right;margin-bottom:15px;' class='childTitle'> <div style='text-align:right;margin-bottom:15px;' class='childTitle'>
<div class='childTitleName'>质检绩效考核汇总</div> <div class='childTitleName'>质检绩效考核汇总</div>
<el-date-picker <el-date-picker
...@@ -171,7 +169,6 @@ ...@@ -171,7 +169,6 @@
label="文件名" label="文件名"
width=""> width="">
<template slot-scope="scope"> <template slot-scope="scope">
{# <span style='cursor:pointer;' :title='scope.row.filename'>{{scope.row.filename}}</span>#}
<span style='cursor:pointer;' :title='scope.row.filename' v-html="scope.row.filename"></span> <span style='cursor:pointer;' :title='scope.row.filename' v-html="scope.row.filename"></span>
</template> </template>
</el-table-column> </el-table-column>
...@@ -271,6 +268,14 @@ ...@@ -271,6 +268,14 @@
<div v-else id='noData'>暂无数据!</div> <div v-else id='noData'>暂无数据!</div>
</div> </div>
<el-pagination
@current-change='CurrentChange'
style='margin: 0 auto;text-align:center;margin-bottom:20px;'
layout="prev, pager, next"
:hide-on-single-page="isHidePage"
background
:total="total">
</el-pagination>
<el-button v-if='isscrollTop' @click='backTop' id='backTop' type="warning" icon="el-icon-upload2" circle></el-button> <el-button v-if='isscrollTop' @click='backTop' id='backTop' type="warning" icon="el-icon-upload2" circle></el-button>
</div> </div>
......
...@@ -8,6 +8,10 @@ new Vue({ ...@@ -8,6 +8,10 @@ new Vue({
taskvalue: '', taskvalue: '',
start_date: '', start_date: '',
isscrollTop: false, isscrollTop: false,
currentPage:1,
pagesize: 10,
total: 10,
isHidePage: true,
scrollTop: 0, scrollTop: 0,
end_date:'', end_date:'',
dialogTableVisible: false, dialogTableVisible: false,
...@@ -92,6 +96,9 @@ new Vue({ ...@@ -92,6 +96,9 @@ new Vue({
} }
}) })
}, },
CurrentChange(page){
this.currentPage = page;
},
getRule(task,start_date,end_date,agentName){ getRule(task,start_date,end_date,agentName){
let that = this; let that = this;
...@@ -117,6 +124,8 @@ new Vue({ ...@@ -117,6 +124,8 @@ new Vue({
// arr.unshift([data.data[key],key]) // arr.unshift([data.data[key],key])
//} //}
this.tableData = data.data; this.tableData = data.data;
this.total = data.data.length;
this.isHidePage = !(data.data.length > 0);
this.$loading().close(); this.$loading().close();
}) })
RquestsPost('api/v1/tasks/static/',{task,end_date,start_date,agentName}).then(data => { RquestsPost('api/v1/tasks/static/',{task,end_date,start_date,agentName}).then(data => {
......
...@@ -14,7 +14,8 @@ new Vue({ ...@@ -14,7 +14,8 @@ new Vue({
takeList:[], takeList:[],
takevalue: '', takevalue: '',
loading: true, loading: true,
tableData: [ allData: [],
basearr: [
{ {
createdAt: '质检考核项目编号', createdAt: '质检考核项目编号',
fwyy:'1', fwyy:'1',
...@@ -47,7 +48,12 @@ new Vue({ ...@@ -47,7 +48,12 @@ new Vue({
wzyhfljs:'5%', wzyhfljs:'5%',
wgzlf:'100%', wgzlf:'100%',
mgc:'100%', mgc:'100%',
}] }],
tableData: [],
currentPage:1,
pagesize: 10,
total: 10,
isHidePage: true,
} }
}, },
mounted () { mounted () {
...@@ -104,42 +110,11 @@ new Vue({ ...@@ -104,42 +110,11 @@ new Vue({
if(data.code != 0){ if(data.code != 0){
}else{ }else{
let arr = [
{
createdAt: '质检考核项目编号',
fwyy:'1',
kcb:'2',
jsy:'3',
fwtd:'4',
yssb:'5',
jysb:'6',
yycl:'7',
ywcc:'8',
yyjlz:'9',
fwjs:'10',
wtgbj:'11',
wzyhfljs:'12',
wgzlf:'13',
mgc:'14',
}, {
createdAt: '质检考核项目编号',
fwyy:'10%',
kcb:'10%',
jsy:'5%',
fwtd:'10%',
yssb:'5%',
jysb:'5%',
yycl:'10%',
ywcc:'15%',
yyjlz:'15%',
fwjs:'5%',
wtgbj:'5%',
wzyhfljs:'5%',
wgzlf:'100%',
mgc:'100%',
}]
that.tableData = arr.concat(data.data); that.tableData = this.basearr.concat(data.data.slice((this.currentPage-1)*this.pagesize,this.currentPage*this.pagesize));
that.allData = data.data;
this.total = data.data.length;
this.isHidePage = !(data.data.length > 0);
//that.takeList = data.data; //that.takeList = data.data;
} }
}) })
...@@ -157,7 +132,6 @@ new Vue({ ...@@ -157,7 +132,6 @@ new Vue({
}) })
}, },
arraySpanMethod({ row, column, rowIndex, columnIndex }) { arraySpanMethod({ row, column, rowIndex, columnIndex }) {
console.log(column)
if (rowIndex === 0 || rowIndex === 1) { // 在这里多加一个行的判断就行 if (rowIndex === 0 || rowIndex === 1) { // 在这里多加一个行的判断就行
// 合并第二行 // 合并第二行
if (columnIndex === 0) { if (columnIndex === 0) {
...@@ -195,6 +169,11 @@ new Vue({ ...@@ -195,6 +169,11 @@ new Vue({
that.isscrollTop = false that.isscrollTop = false
} }
}, },
CurrentChange(page){
//this.currentPage = page;
this.tableData = this.basearr.concat(this.allData.slice((page-1)*this.pagesize,page*this.pagesize));
//that.allData = data.data;
},
init(){ init(){
this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()]; this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()];
......
...@@ -15,6 +15,10 @@ new Vue({ ...@@ -15,6 +15,10 @@ new Vue({
takevalue: '', takevalue: '',
loading: true, loading: true,
tableData: [], tableData: [],
currentPage:1,
pagesize: 10,
total: 10,
isHidePage: true,
} }
}, },
mounted () { mounted () {
...@@ -71,6 +75,8 @@ new Vue({ ...@@ -71,6 +75,8 @@ new Vue({
//that.takeList = [{agentName:'全部坐席'}] //that.takeList = [{agentName:'全部坐席'}]
}else{ }else{
that.tableData = data.data; that.tableData = data.data;
this.total = data.data.length;
this.isHidePage = !(data.data.length > 0);
} }
that.$loading().close(); that.$loading().close();
}) })
...@@ -122,6 +128,9 @@ new Vue({ ...@@ -122,6 +128,9 @@ new Vue({
} else { } else {
that.isscrollTop = false that.isscrollTop = false
} }
},
CurrentChange(page){
this.currentPage = page;
}, },
init(){ init(){
this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()]; this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()];
......
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