问题修改

CallCenterWeb.UI/src/store/modules/user.js

@@ -99,6 +99,7 @@ const user = {
           // commit('SET_GROUPCODE', data.group.toLowerCase()) // 用户的坐席组code
           window.localStorage.setItem('groupCode', data.zxzbh) // 用户的坐席组code
           window.localStorage.setItem('roleCode', data.zxzbh) // 用户的坐席组code
+		  window.localStorage.setItem('roleId', data.id) // 用户的坐席组code
           resolve()
         }).catch(error => {
           reject(error)
@@ -176,6 +177,7 @@ const user = {
         window.localStorage.removeItem('groupCode')// 用户的坐席组code   roleCode
         window.sessionStorage.removeItem('telIsLogin')// 签入状态
         window.sessionStorage.removeItem('roleCode') // 角色code值
+		window.sessionStorage.removeItem('roleId') // 角色code值
         resolve()
       })
     },

CallCenterWeb.UI/src/utils/telWebsocket.js

@@ -15,10 +15,10 @@ let wsUrl = null
 // const wsUrl = 'ws://' + process.env.SOCKET_IP + ':' + process.env.SOCKET_PORT
 // 创建scoket连接
 export function createWebSocket() {
-  wsUrl = 'ws://' + store.getters.serverConfig.SOCKET_IP + ':' + store.getters.serverConfig.SOCKET_PORT
+  wsUrl = 'ws://' + store.getters.serverConfig.SOCKET_IP + ':' + store.getters.serverConfig.SOCKET_PORT//请求地址
   try {
     if ('WebSocket' in window) {
-      ws = new WebSocket(wsUrl)
+      ws = new WebSocket(wsUrl) //创建一个websocket实例
       init()
     } else {
       Message.error('当前浏览器不支持Websocket!')

CallCenterWeb.UI/src/views/faxManager/faxTransmission/faxImgs.vue

@@ -108,7 +108,7 @@ export default {
 			'http://' + "192.168.19.197:8088" + '/files' + this.rowfile
 
     this.loadImage()
-    // this.seefax()
+    this.seefax()
     console.log(this.url);
     console.log(this.companyName);
   },

CallCenterWeb.UI/src/views/faxManager/faxTransmission/index.vue

@@ -338,7 +338,7 @@
 						value: '4',
 						faxStatus: '回收站'
 					}
-				],
+				],//下拉框
 				delList: [{
 						value: '1',
 						del: '是'

CallCenterWeb.UI/src/views/faxManager/faxTransmission/updateFax.vue

@@ -349,6 +349,7 @@
 			},
 			//  提交
 			submitForm() {
+				const roleId =localStorage.roleId;
 				// 传真号码关联客户管理
 
 				// 同步
@@ -392,6 +393,7 @@
 						this.ruleForm.faxNumber = this.ruleForm.faxNumber
 						// this.ruleForm.faxNumber = this.faxNumber
 						this.ruleForm.faxPhone = this.faxPhone
+						this.ruleForm.czyId = roleId;
 						// console.log(this.ruleForm.selcusid)
 						updateFax(this.ruleForm)
 							.then((response) => {

CallCenterWeb.UI/src/views/reportFormManagement/agentSeatTrafficTime/index.vue

@@ -1,117 +1,41 @@
 <template>
-  <div class="app-container dic_setup">
-    <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="表格分析" name="first">
-        <el-alert :closable="false" title="通话时长统计列表" type="success" />
-        <div class="filter-container">
-          <el-date-picker
-            v-model="searchDate"
-            :picker-options="pickerOptions"
-            :clearable="clearable"
-            class="filter-item"
-            type="datetimerange"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            align="left"
-            unlink-panels
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            @change="changeOne"/>
-          <el-button
-            type="primary"
-            class="filter-item"
-            icon="el-icon-search"
-            @click="btn_search"
-          >搜索</el-button
-          >
-          <el-button :loading="downloadLoading" class="filter-item" type="primary" icon="el-icon-upload2" @click="handleDownload">导出</el-button>
-        </div>
-        <el-table
-          v-loading="loadingL"
-          :data="dicLLists"
-          border
-          stripe
-          highlight-current-row
-        >
-          <el-table-column
-            type="index"
-            label="编号"
-            align="center"
-            fixed
-            width="60"
-          />
-          <el-table-column
-            prop="seatAgentName"
-            label="坐席名称"
-            align="center"
-            min-width="90"
-          />
-          <el-table-column
-            prop="callInNumber"
-            label="呼入次数"
-            align="center"
-            min-width="50"
-          />
-          <el-table-column
-            label="呼入时长"
-            align="center"
-            min-width="60"
-          >
-            <template slot-scope="scope">
-              {{ scope.row.callIngPeriodTalking }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="callIngUnAnswerNumber"
-            label="呼入未接通次数"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="callOuterNumber"
-            label="呼出次数"
-            align="center"
-            min-width="60"
-          />
-          <el-table-column
-            prop="callOuterPeriodTalking"
-            label="呼出时长"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="callOuterUnAnswerNumber"
-            label="呼出未接通次数"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="periodAlertingTotalTimes"
-            label="超时接听次数"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="connectedTotalTimes"
-            label="接通总次数"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="periodTimeConnected"
-            label="通话总时长"
-            align="center"
-            min-width="70"
-          />
-          <el-table-column
-            prop="periodTalkAverage"
-            label="平均通话时长"
-            align="center"
-            min-width=""
-          />
-        </el-table>
-        <!-- <pagination
+	<div class="app-container dic_setup">
+		<el-tabs v-model="activeName" @tab-click="handleClick">
+			<el-tab-pane label="表格分析" name="first">
+				<el-alert :closable="false" title="通话时长统计列表" type="success" />
+				<div class="filter-container">
+					<el-date-picker v-model="searchDate" :picker-options="pickerOptions" :clearable="clearable"
+						class="filter-item" type="datetimerange" format="yyyy-MM-dd HH:mm:ss"
+						value-format="yyyy-MM-dd HH:mm:ss" align="left" unlink-panels range-separator="至"
+						start-placeholder="开始日期" end-placeholder="结束日期" @change="changeOne" />
+					<el-col :span="3">
+						<label style="font-size: 12px">超时秒次：</label>
+						<el-input v-model="timeout" size="mini" class="filter_name" placeholder="请输入超时秒数" />
+					</el-col>
+					<el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索
+					</el-button>
+					<el-button :loading="downloadLoading" class="filter-item" type="primary" icon="el-icon-upload2"
+						@click="handleDownload">导出</el-button>
+				</div>
+				<el-table v-loading="loadingL" :data="dicLLists" border stripe highlight-current-row>
+					<el-table-column type="index" label="编号" align="center" fixed width="60" />
+					<el-table-column prop="seatAgentName" label="坐席名称" align="center" min-width="90" />
+					<el-table-column prop="callInNumber" label="呼入次数" align="center" min-width="50" />
+					<el-table-column label="呼入时长" align="center" min-width="60">
+						<template slot-scope="scope">
+							{{ scope.row.callIngPeriodTalking }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="callIngUnAnswerNumber" label="呼入未接通次数" align="center" min-width="70" />
+					<el-table-column prop="callOuterNumber" label="呼出次数" align="center" min-width="60" />
+					<el-table-column prop="callOuterPeriodTalking" label="呼出时长" align="center" min-width="70" />
+					<el-table-column prop="callOuterUnAnswerNumber" label="呼出未接通次数" align="center" min-width="70" />
+					<el-table-column prop="periodAlertingTotalTimes" label="超时接听次数" align="center" min-width="70" />
+					<el-table-column prop="connectedTotalTimes" label="接通总次数" align="center" min-width="70" />
+					<el-table-column prop="periodTimeConnected" label="通话总时长" align="center" min-width="70" />
+					<el-table-column prop="periodTalkAverage" label="平均通话时长" align="center" min-width="" />
+				</el-table>
+				<!-- <pagination
           v-show="pageParams.total > 0"
           :total="pageParams.total"
           :pageindex.sync="pageParams.pageindex"
@@ -119,378 +43,385 @@
           class="pagination"
           @pagination="getListL"
         /> -->
-      </el-tab-pane>
+			</el-tab-pane>
 
-      <el-tab-pane label="图形分析" name="second">
-        <el-alert :closable="false" title="通话时长统计图表" type="success" />
-        <div class="filter-container">
-          <el-date-picker
-            v-model="searchDate2"
-            :picker-options="pickerOptions"
-            :clearable="clearable"
-            class="filter-item"
-            type="datetimerange"
-            format="yyyy-MM-dd HH:mm:ss"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            align="left"
-            unlink-panels
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"/>
-          <el-button
-            type="primary"
-            class="filter-item"
-            icon="el-icon-search"
-            @click="btn_search2"
-          >搜索</el-button
-          >
+			<el-tab-pane label="图形分析" name="second">
+				<el-alert :closable="false" title="通话时长统计图表" type="success" />
+				<div class="filter-container">
+					<el-date-picker v-model="searchDate2" :picker-options="pickerOptions" :clearable="clearable"
+						class="filter-item" type="datetimerange" format="yyyy-MM-dd HH:mm:ss"
+						value-format="yyyy-MM-dd HH:mm:ss" align="left" unlink-panels range-separator="至"
+						start-placeholder="开始日期" end-placeholder="结束日期" />
+					<el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search2">搜索
+					</el-button>
 
-        </div>
-        <div ref="pieChart" class="chart" style="height:500px;width:1200px;margin:0 auto"/>
+				</div>
+				<div ref="pieChart" class="chart" style="height:500px;width:1200px;margin:0 auto" />
 
-      </el-tab-pane>
+			</el-tab-pane>
 
-  </el-tabs></div>
+		</el-tabs>
+	</div>
 </template>
 
 <script>
-import {
-  getagentSeatTrafficTimeList,
-  agentSeatTrafficTotalGraphicsList
-} from '@/api/reportFormManagement/reportFormManagement'
-import { timestampToTime, pickerOptions, getNowDateTime, getPreDate } from '@/utils'
-import { formatterContent } from '@/utils/index'
-import echarts from 'echarts'
-require('echarts/theme/macarons') // echarts theme
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
-export default {
-  name: 'Message',
-  data() {
-    return {
-      activeName: 'first', // tab切换默认报表分析
-      clearable: false,
-      pickerOptions,
-      option: {
-        tooltip: {
-          trigger: 'axis',
-          axisPointer: { // 坐标轴指示器，坐标轴触发有效
-            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-          }
-        },
-        legend: {
-          data: ['呼入次数', '呼入时长', '呼入未接通次数', '呼出次数', '呼出时长', '呼出未接通次数', '振铃时长', '接通总次数', '通话总时长', '平均通话时长']
-        },
-        // toolbox: {
-        //   show: true,
-        //   orient: 'vertical',
-        //   x: 'right',
-        //   y: 'center',
-        //   feature: {
-        //     mark: { show: true },
-        //     dataView: { show: true, readOnly: false },
-        //     magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },
-        //     restore: { show: true },
-        //     saveAsImage: { show: true }
-        //   }
-        // },
-        calculable: true,
-        xAxis: [
-          {
-            type: 'category',
-            axisLabel: {
-              interval: 0,
-              rotate: 40
-            },
-            data: []
-          }
-        ],
-        yAxis: [
-          {
-            type: 'value'
-          }
-        ],
-        series: [
-          {
-            name: '呼入次数',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '呼入时长',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '呼入未接通次数',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '呼出次数',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '呼出时长',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '呼出未接通次数',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '振铃时长',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '接通总次数',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '通话总时长',
-            type: 'bar',
-            data: []
-          },
-          {
-            name: '平均通话时长',
-            type: 'bar',
-            data: []
-          }
-        ]
-      },
-      searchDate: [getPreDate(), getNowDateTime()],
-      searchDate2: [getPreDate(), getNowDateTime()],
-      downloadLoading: false,
-      autoWidth: true,
-      bookType: 'xlsx',
-      loadingL: false,
-      loadingR: false,
-      dicLLists: [],
-      dicRLists: [],
-      currentMonth: '' // 当前月份
-      // pageParams: {
-      //   pageindex: 1, // 当前第几页
-      //   pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-      //   total: 0 // 总共多少数据
-      // }
+	import {
+		getagentSeatTrafficTimeList,
+		agentSeatTrafficTotalGraphicsList
+	} from '@/api/reportFormManagement/reportFormManagement'
+	import {
+		timestampToTime,
+		pickerOptions,
+		getNowDateTime,
+		getPreDate
+	} from '@/utils'
+	import {
+		formatterContent
+	} from '@/utils/index'
+	import echarts from 'echarts'
+	require('echarts/theme/macarons') // echarts theme
+	import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+	export default {
+		name: 'Message',
+		data() {
+			return {
+				timeout: '',
+				activeName: 'first', // tab切换默认报表分析
+				clearable: false,
+				pickerOptions,
+				option: {
+					tooltip: {
+						trigger: 'axis',
+						axisPointer: { // 坐标轴指示器，坐标轴触发有效
+							type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+						}
+					},
+					legend: {
+						data: ['呼入次数', '呼入时长', '呼入未接通次数', '呼出次数', '呼出时长', '呼出未接通次数', '振铃时长', '接通总次数', '通话总时长', '平均通话时长']
+					},
+					// toolbox: {
+					//   show: true,
+					//   orient: 'vertical',
+					//   x: 'right',
+					//   y: 'center',
+					//   feature: {
+					//     mark: { show: true },
+					//     dataView: { show: true, readOnly: false },
+					//     magicType: { show: true, type: ['line', 'bar', 'stack', 'tiled'] },
+					//     restore: { show: true },
+					//     saveAsImage: { show: true }
+					//   }
+					// },
+					calculable: true,
+					xAxis: [{
+						type: 'category',
+						axisLabel: {
+							interval: 0,
+							rotate: 40
+						},
+						data: []
+					}],
+					yAxis: [{
+						type: 'value'
+					}],
+					series: [{
+							name: '呼入次数',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '呼入时长',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '呼入未接通次数',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '呼出次数',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '呼出时长',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '呼出未接通次数',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '振铃时长',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '接通总次数',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '通话总时长',
+							type: 'bar',
+							data: []
+						},
+						{
+							name: '平均通话时长',
+							type: 'bar',
+							data: []
+						}
+					]
+				},
+				searchDate: [getPreDate(), getNowDateTime()],
+				searchDate2: [getPreDate(), getNowDateTime()],
+				downloadLoading: false,
+				autoWidth: true,
+				bookType: 'xlsx',
+				loadingL: false,
+				loadingR: false,
+				dicLLists: [],
+				dicRLists: [],
+				currentMonth: '' // 当前月份
+				// pageParams: {
+				//   pageindex: 1, // 当前第几页
+				//   pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+				//   total: 0 // 总共多少数据
+				// }
 
-    }
-  },
-  created() {
-    this.getListR()
-    this.getListL().then(() => {})
-    document.onkeyup = (e) => {
-      if (e.keyCode === 13) {
-        this.getListL()
-      }
-    }
-  },
-  mounted() {
-    this.initChart()
-    if (this.autoResize) {
-      this.__resizeHandler = debounce(() => {
-        if (this.chart) {
-          this.chart.resize()
-        }
-      }, 100)
-      window.addEventListener('resize', this.__resizeHandler)
-    }
-  },
-  beforeDestroy() {
-    if (!this.chart) {
-      return
-    }
-    if (!this.chart2) {
-      return
-    }
-    if (this.autoResize) {
-      window.removeEventListener('resize', this.__resizeHandler)
-    }
-    this.chart.dispose()
-    this.chart = null
-  },
-  methods: {
-    // tab切换
-    handleClick(tab, event) {
-      this.activeName = tab.name
-    },
-    //   图表
-    // 初始化数据
-    initChart() {
-      this.chart = echarts.init(this.$refs.pieChart, 'macarons')
-      this.chart.clear()
-      this.chart.setOption(this.option)
-    },
-    // 导出
-    handleDownload() {
-      this.downloadLoading = true
-      import('@/vendor/Export2Excel').then(excel => {
-        const tHeader = ['坐席名称', '呼入次数', '呼入时长', '呼入未接通次数', '呼出次数', '呼出时长', '呼出未接通次数', '振铃时长', '接通总次数', '通话总时长', '平均通话时长']
-        const filterVal = ['seatAgentName', 'callInNumber', 'callIngPeriodTalking', 'callIngUnAnswerNumber', 'callOuterNumber', 'callOuterPeriodTalking', 'callOuterUnAnswerNumber', 'periodAlerting', 'connectedTotalTimes', 'periodTimeConnected', 'periodTalkAverage']
-        const list = this.dicLLists
-        const data = this.formatJson(filterVal, list)
+			}
+		},
+		created() {
+			this.getListR()
+			this.getListL().then(() => {})
+			document.onkeyup = (e) => {
+				if (e.keyCode === 13) {
+					this.getListL()
+				}
+			}
+		},
+		mounted() {
+			this.initChart()
+			if (this.autoResize) {
+				this.__resizeHandler = debounce(() => {
+					if (this.chart) {
+						this.chart.resize()
+					}
+				}, 100)
+				window.addEventListener('resize', this.__resizeHandler)
+			}
+		},
+		beforeDestroy() {
+			if (!this.chart) {
+				return
+			}
+			if (!this.chart2) {
+				return
+			}
+			if (this.autoResize) {
+				window.removeEventListener('resize', this.__resizeHandler)
+			}
+			this.chart.dispose()
+			this.chart = null
+		},
+		methods: {
+			// tab切换
+			handleClick(tab, event) {
+				this.activeName = tab.name
+			},
+			//   图表
+			// 初始化数据
+			initChart() {
+				this.chart = echarts.init(this.$refs.pieChart, 'macarons')
+				this.chart.clear()
+				this.chart.setOption(this.option)
+			},
+			// 导出
+			handleDownload() {
+				this.downloadLoading = true
+				import('@/vendor/Export2Excel').then(excel => {
+					const tHeader = ['坐席名称', '呼入次数', '呼入时长', '呼入未接通次数', '呼出次数', '呼出时长', '呼出未接通次数', '振铃时长', '接通总次数',
+						'通话总时长', '平均通话时长'
+					]
+					const filterVal = ['seatAgentName', 'callInNumber', 'callIngPeriodTalking',
+						'callIngUnAnswerNumber', 'callOuterNumber', 'callOuterPeriodTalking',
+						'callOuterUnAnswerNumber', 'periodAlerting', 'connectedTotalTimes',
+						'periodTimeConnected', 'periodTalkAverage'
+					]
+					const list = this.dicLLists
+					const data = this.formatJson(filterVal, list)
 
-        excel.export_json_to_excel({
-          header: tHeader, // 表头 必填
-          data, // 具体数据 必填
-          filename: '通话时长报表', // 非必填
-          autoWidth: this.autoWidth, // 非必填
-          bookType: this.bookType// 非必填
-        })
-        this.downloadLoading = false
-      })
-    },
-    formatJson(filterVal, jsonData) {
-      return jsonData.map(v => filterVal.map(j => {
-        if (j === '') {
-          return timestampToTime(v[j])
-        } else {
-          return v[j]
-        }
-      }))
-    },
-    // 获取当前月份
-    doHandleMonth() {
-      var myDate = new Date()
-      var tMonth = myDate.getMonth()
-      var m = tMonth + 1
-      if (m.toString().length == 1) {
-        m = '0' + m
-      }
-      return m
-    },
-    getListL() {
-    //   this.loadingL = true
-      return new Promise((resolve) => {
-        const params = {
-          startTime: this.searchDate[0],
-          endTime: this.searchDate[1]
-        }
-        getagentSeatTrafficTimeList(params).then((response) => {
-        //   this.loadingL = false
-          if (response.state.toLowerCase() === 'success') {
-            console.log(response.total)
-            // this.pageParams.total = response.total
-            this.dicLLists = response.data
-          }
-        })
-        resolve()
-      })
-    },
+					excel.export_json_to_excel({
+						header: tHeader, // 表头 必填
+						data, // 具体数据 必填
+						filename: '通话时长报表', // 非必填
+						autoWidth: this.autoWidth, // 非必填
+						bookType: this.bookType // 非必填
+					})
+					this.downloadLoading = false
+				})
+			},
+			formatJson(filterVal, jsonData) {
+				return jsonData.map(v => filterVal.map(j => {
+					if (j === '') {
+						return timestampToTime(v[j])
+					} else {
+						return v[j]
+					}
+				}))
+			},
+			// 获取当前月份
+			doHandleMonth() {
+				var myDate = new Date()
+				var tMonth = myDate.getMonth()
+				var m = tMonth + 1
+				if (m.toString().length == 1) {
+					m = '0' + m
+				}
+				return m
+			},
+			getListL() {
+				//   this.loadingL = true
+				return new Promise((resolve) => {
+					const params = {
+						startTime: this.searchDate[0],
+						endTime: this.searchDate[1],
+						timeout:this.timeout
+					}
+					getagentSeatTrafficTimeList(params).then((response) => {
+						//   this.loadingL = false
+						if (response.state.toLowerCase() === 'success') {
+							console.log(response.total)
+							// this.pageParams.total = response.total
+							this.dicLLists = response.data
+						}
+					})
+					resolve()
+				})
+			},
 
-    getListR() {
-      this.loadingR = true
-      return new Promise((resolve) => {
-        const params = {
-          startTime: this.searchDate2[0],
-          endTime: this.searchDate2[1]
-        }
-        agentSeatTrafficTotalGraphicsList(params).then((response) => {
-          this.loadingR = false
-          if (response.state.toLowerCase() === 'success') {
-            this.dicRLists = response.data
-            if (this.dicRLists && this.dicRLists.length > 0) {
-              const sData = []
-              const sData2 = []
-              const sData3 = []
-              const sData4 = []
-              const sData5 = []
-              const sData6 = []
-              const sData7 = []
-              const sData8 = []
-              const sData9 = []
-              const sData10 = []
-              const xData = []
-              this.dicRLists.forEach((v, i) => {
-                sData.push(v.callInNumber)
-                sData2.push(v.CallIngPeriodTalking) //
-                sData3.push(v.CallIngUnAnswerNumber) //
-                sData4.push(v.callOuterNumber) //
-                sData5.push(v.CallOuterPeriodTalking) //
-                sData6.push(v.CallOuterUnAnswerNumber) //
-                sData7.push(v.PeriodAlerting) //
-                sData8.push(v.ConnectedTotalTimes) //
-                sData9.push(v.PeriodTimeConnected) //
-                sData10.push(v.PeriodTalkAverage) //
-                xData.push(v.seatAgentName) //
-              })
-              this.option.series[0].data = sData
-              this.option.series[1].data = sData2
-              this.option.series[2].data = sData3
-              this.option.series[3].data = sData4
-              this.option.series[4].data = sData5
-              this.option.series[5].data = sData6
-              this.option.series[6].data = sData7
-              this.option.series[7].data = sData8
-              this.option.series[8].data = sData9
-              this.option.series[9].data = sData10
-              this.option.xAxis[0].data = xData
-              this.initChart()
-            }
-            this.initChart()
-          }
-        })
-        resolve()
-      })
-    },
-    // 复选框状态改变
-    changeSelects(val) {
-      this.multipleSelection = val
-    },
-    btn_search() {
-      this.getListL()
-    },
-    btn_search2() {
-      this.getListR()
-    },
-    changeOne(event) {
-      if (event == null) {
-        this.searchDate = [getPreDate(), getNowDateTime()]
-      }
-    }
-  }
-}
+			getListR() {
+				this.loadingR = true
+				return new Promise((resolve) => {
+					const params = {
+						startTime: this.searchDate2[0],
+						endTime: this.searchDate2[1]
+					}
+					agentSeatTrafficTotalGraphicsList(params).then((response) => {
+						this.loadingR = false
+						if (response.state.toLowerCase() === 'success') {
+							this.dicRLists = response.data
+							if (this.dicRLists && this.dicRLists.length > 0) {
+								const sData = []
+								const sData2 = []
+								const sData3 = []
+								const sData4 = []
+								const sData5 = []
+								const sData6 = []
+								const sData7 = []
+								const sData8 = []
+								const sData9 = []
+								const sData10 = []
+								const xData = []
+								this.dicRLists.forEach((v, i) => {
+									sData.push(v.callInNumber)
+									sData2.push(v.CallIngPeriodTalking) //
+									sData3.push(v.CallIngUnAnswerNumber) //
+									sData4.push(v.callOuterNumber) //
+									sData5.push(v.CallOuterPeriodTalking) //
+									sData6.push(v.CallOuterUnAnswerNumber) //
+									sData7.push(v.PeriodAlerting) //
+									sData8.push(v.ConnectedTotalTimes) //
+									sData9.push(v.PeriodTimeConnected) //
+									sData10.push(v.PeriodTalkAverage) //
+									xData.push(v.seatAgentName) //
+								})
+								this.option.series[0].data = sData
+								this.option.series[1].data = sData2
+								this.option.series[2].data = sData3
+								this.option.series[3].data = sData4
+								this.option.series[4].data = sData5
+								this.option.series[5].data = sData6
+								this.option.series[6].data = sData7
+								this.option.series[7].data = sData8
+								this.option.series[8].data = sData9
+								this.option.series[9].data = sData10
+								this.option.xAxis[0].data = xData
+								this.initChart()
+							}
+							this.initChart()
+						}
+					})
+					resolve()
+				})
+			},
+			// 复选框状态改变
+			changeSelects(val) {
+				this.multipleSelection = val
+			},
+			btn_search() {
+				this.getListL()
+			},
+			btn_search2() {
+				this.getListR()
+			},
+			changeOne(event) {
+				if (event == null) {
+					this.searchDate = [getPreDate(), getNowDateTime()]
+				}
+			}
+		}
+	}
 </script>
 
 <!-- 需要注意的是，修改elementUI的默认样式的css不能使用scoped. -->
 <style rel="stylesheet/scss" lang="scss">
-.dic_setup {
-    .el-range-editor--small.el-input__inner {
-    height: 32px;
-    width: 611px;
-}
-  .el-table tr {
-    cursor: pointer;
-  }
- /* 用来设置当前页面element全局table 选中某行时的背景色*/
-.el-table__body tr.current-row > td {
-  background-color: #00a1cb !important;
-  color: #fff;
-}
-  .filter-container {
-    color: #676a6c;
-    height: 35px;
-    font-size: 14px;
-    margin-bottom: 25px;
-    padding: 15px 10px 0px 10px;
-    .select_picker {
-      float: left;
-      margin-right: 10px;
-    }
-    .showMessage {
-      height: 35px;
-      line-height: 35px;
-      float: right;
-      span {
-        padding-left: 10px;
-      }
-    }
-  }
-}
+	.filter_name {
+		width: 130px !important;
+	}
+
+	.dic_setup {
+		.el-range-editor--small.el-input__inner {
+			height: 32px;
+			width: 611px;
+		}
+
+		.el-table tr {
+			cursor: pointer;
+		}
+
+		/* 用来设置当前页面element全局table 选中某行时的背景色*/
+		.el-table__body tr.current-row>td {
+			background-color: #00a1cb !important;
+			color: #fff;
+		}
+
+		.filter-container {
+			color: #676a6c;
+			height: 35px;
+			font-size: 14px;
+			margin-bottom: 25px;
+			padding: 15px 10px 0px 10px;
+
+			.select_picker {
+				float: left;
+				margin-right: 10px;
+			}
+
+			.showMessage {
+				height: 35px;
+				line-height: 35px;
+				float: right;
+
+				span {
+					padding-left: 10px;
+				}
+			}
+		}
+	}
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>