质检统计

d533fd2b · zhengjinlei · 3621e8e5 · d533fd2b · d533fd2b · d533fd2b
Commit d533fd2b authored Dec 10, 2019 by zhengjinlei
6 changed files
--- a/src/inspect_report/templates/inspect/group.html
+++ b/src/inspect_report/templates/inspect/group.html
@@ -58,6 +58,9 @@
      #main{
        background-color: #fff;
      }
+      .el-dialog{
+        width: 700px
+      }
    </style>
  </head>
  <body style='height:100%'>
@@ -160,10 +163,10 @@
                </div>
              </div>
        </div>
-        <div id='main' style='width:100%;height:600px'>
+        <div id='main' style='width:100%;padding-bottom:20px'>

            <el-table
-              :data="tableData"
+              :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
              border
              style="width: 100%;margin-bottom:20px;">
              <el-table-column
@@ -197,7 +200,14 @@
                </template>
              </el-table-column>
            </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>
        <el-dialog title="详情" :visible.sync="dialogTableVisible">

@@ -205,9 +215,11 @@
            <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="remainTime" label="通话时间(秒)">
+
 {#              <template slot-scope='scope'>#}
 {#                <span>{{formatSeconds(scope.row.remainTime)}}</span>#}
 {#              </template>#}
+
            </el-table-column>
            <el-table-column prop="score" label="分数"></el-table-column>
            <el-table-column label="操作">

--- a/src/inspect_report/templates/inspect/score.html
+++ b/src/inspect_report/templates/inspect/score.html
@@ -132,7 +132,7 @@


            <el-table
-              :data="tableData"
+              :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
              id='mutiTable'
              border
              style="width: 100%">
@@ -152,8 +152,15 @@
                >
              </el-table-column>
            </el-table>
-
        </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>
    </div>
 		<script type="text/javascript">

--- a/src/inspect_report/templates/inspect/seat_check.html
+++ b/src/inspect_report/templates/inspect/seat_check.html
@@ -93,21 +93,19 @@
 	<body style='height:100%'>
    <div class='child-title'>语音坐席</div>
    <div class='child-main' id='childApp'>
-        <!--
-        <div style='text-align:right;' class='childTitle'>
-            <div class='childTitleName'>违规项分析</div>
-            <div id='OneTime'>
-            <el-date-picker
-              v-model="dateTime"
-              @change='changeRange'
-              value-format='yyyy-MM-dd'
-              clearable='false'
-              type="date"
-              >
-            </el-date-picker>
-            </div>
-        </div>
-        -->
+{#        <div style='text-align:right;' class='childTitle'>#}
+{#            <div class='childTitleName'>违规项分析</div>#}
+{#            <div id='OneTime'>#}
+{#            <el-date-picker#}
+{#              v-model="dateTime"#}
+{#              @change='changeRange'#}
+{#              value-format='yyyy-MM-dd'#}
+{#              clearable='false'#}
+{#              type="date"#}
+{#              >#}
+{#            </el-date-picker>#}
+{#            </div>#}
+{#        </div>#}
        <div style='text-align:right;margin-bottom:15px;' class='childTitle'>
            <div class='childTitleName'>质检绩效考核汇总</div>
            <el-date-picker
@@ -171,7 +169,6 @@
                label="文件名"
                width="">
                  <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>
                  </template>
              </el-table-column>
@@ -271,6 +268,14 @@

            <div v-else id='noData'>暂无数据!</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>
    </div>


--- a/static/inspect/js/groupOverview.js
+++ b/static/inspect/js/groupOverview.js
@@ -8,6 +8,10 @@ new Vue({
 			taskvalue: '',
 			start_date: '',
      isscrollTop: false,
+      currentPage:1,
+      pagesize: 10,
+      total: 10,
+      isHidePage: true,
      scrollTop: 0,
 			end_date:'',
      dialogTableVisible: false,
@@ -92,6 +96,9 @@ new Vue({
 				}
 			})
 		},
+    CurrentChange(page){
+      this.currentPage = page;
+    },
 		getRule(task,start_date,end_date,agentName){
      let that = this;

@@ -117,6 +124,8 @@ new Vue({
 				//	arr.unshift([data.data[key],key])
 				//}
        this.tableData = data.data;
+        this.total = data.data.length;
+        this.isHidePage = !(data.data.length > 0);
 				this.$loading().close();
 			})
 			RquestsPost('api/v1/tasks/static/',{task,end_date,start_date,agentName}).then(data => {

--- a/static/inspect/js/mutiHeadTable.js
+++ b/static/inspect/js/mutiHeadTable.js
@@ -14,7 +14,8 @@ new Vue({
 			takeList:[],
      takevalue: '',
 			loading: true,
-      tableData: [
+      allData: [],
+      basearr: [
        {
            createdAt: '质检考核项目编号',
            fwyy:'1', 
@@ -47,7 +48,12 @@ new Vue({
            wzyhfljs:'5%', 
            wgzlf:'100%', 
            mgc:'100%', 
-      }]
+        }],
+      tableData: [],
+      currentPage:1,
+      pagesize: 10,
+      total: 10,
+      isHidePage: true,
 		}
 	},
  mounted () {
@@ -104,42 +110,11 @@ new Vue({

 				if(data.code != 0){
 				}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;
 				}
 			})
@@ -157,7 +132,6 @@ new Vue({
 			})
 		},
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
-        console.log(column)
      if (rowIndex === 0 || rowIndex === 1) { // 在这里多加一个行的判断就行
        // 合并第二行
        if (columnIndex === 0) {
@@ -195,6 +169,11 @@ new Vue({
        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(){
 			this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()];

--- a/static/inspect/js/score.js
+++ b/static/inspect/js/score.js
@@ -15,6 +15,10 @@ new Vue({
      takevalue: '',
 			loading: true,
      tableData: [],
+      currentPage:1,
+      pagesize: 10,
+      total: 10,
+      isHidePage: true,
 		}
 	},
  mounted () {
@@ -71,6 +75,8 @@ new Vue({
 					//that.takeList = [{agentName:'全部坐席'}]
 				}else{
 					that.tableData = data.data;
+          this.total = data.data.length;
+          this.isHidePage = !(data.data.length > 0);
 				}
 			  that.$loading().close();
 			})
@@ -122,6 +128,9 @@ new Vue({
      } else {
        that.isscrollTop = false
      }
+    },
+    CurrentChange(page){
+      this.currentPage = page;
    },
 		init(){
 			this.dateRange = [new Date(new Date()-24*60*60*1000), new Date()];