|
|
@@ -1,6 +1,18 @@
|
|
1
|
1
|
<template>
|
|
2
|
2
|
<div class="app-container">
|
|
3
|
3
|
<div class="filter-container">
|
|
|
4
|
+ <el-date-picker
|
|
|
5
|
+ v-model="searchDate"
|
|
|
6
|
+ :picker-options="pickerOptions"
|
|
|
7
|
+ class="filter-item"
|
|
|
8
|
+ type="daterange"
|
|
|
9
|
+ format="yyyy年MM月dd日"
|
|
|
10
|
+ value-format="yyyy-MM-dd"
|
|
|
11
|
+ align="left"
|
|
|
12
|
+ unlink-panels
|
|
|
13
|
+ range-separator="至"
|
|
|
14
|
+ start-placeholder="开始日期"
|
|
|
15
|
+ end-placeholder="结束日期"/>
|
|
4
|
16
|
<el-input v-model="keyword" placeholder="请输入呼叫号码" class="filter-item"/>
|
|
5
|
17
|
<el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
|
|
6
|
18
|
</div>
|
|
|
@@ -83,6 +95,7 @@
|
|
83
|
95
|
|
|
84
|
96
|
import { getCallRecords } from '@/api/trafficData/trafficData'
|
|
85
|
97
|
import audioPlayer from '@/components/audioPlayer'
|
|
|
98
|
+import { pickerOptions } from '@/utils'
|
|
86
|
99
|
import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
|
|
87
|
100
|
export default {
|
|
88
|
101
|
name: 'CallRecord',
|
|
|
@@ -150,6 +163,8 @@ export default {
|
|
150
|
163
|
return {
|
|
151
|
164
|
loading: false,
|
|
152
|
165
|
keyword: '',
|
|
|
166
|
+ searchDate: '',
|
|
|
167
|
+ pickerOptions,
|
|
153
|
168
|
recordpath: '', // 录音的路径
|
|
154
|
169
|
pageParams: {
|
|
155
|
170
|
pageindex: 1, // 当前第几页
|
|
|
@@ -174,7 +189,9 @@ export default {
|
|
174
|
189
|
const params = {
|
|
175
|
190
|
pageindex: this.pageParams.pageindex, // 第几页
|
|
176
|
191
|
pagesize: this.pageParams.pagesize, // 每页几条信息
|
|
177
|
|
- keyword: this.keyword // 否 string 模糊查询(呼叫号码)
|
|
|
192
|
+ keyword: this.keyword, // 否 string 模糊查询(呼叫号码)
|
|
|
193
|
+ stime: this.searchDate && this.searchDate[0],
|
|
|
194
|
+ etime: this.searchDate && this.searchDate[1]
|
|
178
|
195
|
}
|
|
179
|
196
|
getCallRecords(params).then(response => {
|
|
180
|
197
|
this.loading = false
|