|
@@ -1,19 +1,19 @@
|
|
<template>
|
|
<template>
|
|
<div class="tels-callLog-container layout-pd">
|
|
<div class="tels-callLog-container layout-pd">
|
|
<el-card shadow="never">
|
|
<el-card shadow="never">
|
|
-<!-- <el-tabs v-model="state.queryParams.type" @tab-change="changeTba">
|
|
|
|
|
|
+ <el-tabs v-model="state.queryParams.type" @tab-change="changeTba">
|
|
<el-tab-pane name="0" label="全部"></el-tab-pane>
|
|
<el-tab-pane name="0" label="全部"></el-tab-pane>
|
|
<el-tab-pane name="1" label="呼入已接"></el-tab-pane>
|
|
<el-tab-pane name="1" label="呼入已接"></el-tab-pane>
|
|
<el-tab-pane name="2" label="呼入未接"></el-tab-pane>
|
|
<el-tab-pane name="2" label="呼入未接"></el-tab-pane>
|
|
<el-tab-pane name="3" label="呼出"></el-tab-pane>
|
|
<el-tab-pane name="3" label="呼出"></el-tab-pane>
|
|
<el-tab-pane name="4" label="未接"></el-tab-pane>
|
|
<el-tab-pane name="4" label="未接"></el-tab-pane>
|
|
- </el-tabs>-->
|
|
|
|
- <el-tabs v-model="state.queryParams.type" @tab-change="changeTba">
|
|
|
|
|
|
+ </el-tabs>
|
|
|
|
+<!-- <el-tabs v-model="state.queryParams.type" @tab-change="changeTba">
|
|
<el-tab-pane name="0" label="全部"></el-tab-pane>
|
|
<el-tab-pane name="0" label="全部"></el-tab-pane>
|
|
<el-tab-pane name="1" label="呼入"></el-tab-pane>
|
|
<el-tab-pane name="1" label="呼入"></el-tab-pane>
|
|
<el-tab-pane name="2" label="呼出"></el-tab-pane>
|
|
<el-tab-pane name="2" label="呼出"></el-tab-pane>
|
|
<el-tab-pane name="3" label="未接"></el-tab-pane>
|
|
<el-tab-pane name="3" label="未接"></el-tab-pane>
|
|
- </el-tabs>
|
|
|
|
|
|
+ </el-tabs>-->
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="20px">
|
|
<el-form :model="state.queryParams" ref="ruleFormRef" @submit.native.prevent label-width="20px">
|
|
<el-row :gutter="10">
|
|
<el-row :gutter="10">
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
@@ -44,7 +44,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
</transition>
|
|
</transition>
|
|
<transition name="el-zoom-in-top">
|
|
<transition name="el-zoom-in-top">
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '3'].includes(state.queryParams.type)">
|
|
|
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0'].includes(state.queryParams.type)">
|
|
<el-form-item prop="CallDirection">
|
|
<el-form-item prop="CallDirection">
|
|
<el-select v-model="state.queryParams.CallDirection" placeholder="电话方向" clearable class="w100" @change="handleQuery">
|
|
<el-select v-model="state.queryParams.CallDirection" placeholder="电话方向" clearable class="w100" @change="handleQuery">
|
|
<el-option v-for="item in state.callDirection" :value="item.key" :key="item.key" :label="item.value" />
|
|
<el-option v-for="item in state.callDirection" :value="item.key" :key="item.key" :label="item.value" />
|
|
@@ -62,7 +62,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
</transition>
|
|
</transition>
|
|
<transition name="el-zoom-in-top">
|
|
<transition name="el-zoom-in-top">
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '2'].includes(state.queryParams.type)">
|
|
|
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" v-show="!searchCol && ['0', '1', '2','3'].includes(state.queryParams.type)">
|
|
<el-form-item prop="EndBy">
|
|
<el-form-item prop="EndBy">
|
|
<el-select v-model="state.queryParams.EndBy" placeholder="挂机类型" clearable class="w100" @change="handleQuery">
|
|
<el-select v-model="state.queryParams.EndBy" placeholder="挂机类型" clearable class="w100" @change="handleQuery">
|
|
<el-option v-for="item in state.endByOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
<el-option v-for="item in state.endByOptions" :value="item.key" :key="item.key" :label="item.value" />
|
|
@@ -547,36 +547,18 @@ const queryList = async () => {
|
|
Reflect.deleteProperty(request, 'ivrTime'); // 删除无用的参数
|
|
Reflect.deleteProperty(request, 'ivrTime'); // 删除无用的参数
|
|
Reflect.deleteProperty(request, 'type'); // 删除无用的参数
|
|
Reflect.deleteProperty(request, 'type'); // 删除无用的参数
|
|
|
|
|
|
- switch (state.queryParams.type) {
|
|
|
|
- case '0':
|
|
|
|
- columns.value = allColumns;
|
|
|
|
- break;
|
|
|
|
- case '1':
|
|
|
|
- columns.value = inColumns;
|
|
|
|
- request.CallDirection = 0;
|
|
|
|
- break;
|
|
|
|
- case '2':
|
|
|
|
- columns.value = outColumns;
|
|
|
|
- request.CallDirection = 1;
|
|
|
|
- break;
|
|
|
|
- case '3':
|
|
|
|
- columns.value = noColumns;
|
|
|
|
- request.OnState = 2;
|
|
|
|
- break;
|
|
|
|
- default:
|
|
|
|
- columns.value = allColumns;
|
|
|
|
- break;
|
|
|
|
- }
|
|
|
|
- /* switch (state.queryParams.type) {
|
|
|
|
- case '0':
|
|
|
|
|
|
+ switch (state.queryParams.type) {
|
|
|
|
+ case '0': // 全部
|
|
columns.value = allColumns;
|
|
columns.value = allColumns;
|
|
break;
|
|
break;
|
|
- case '1':
|
|
|
|
|
|
+ case '1': // 呼入已接
|
|
columns.value = inColumns;
|
|
columns.value = inColumns;
|
|
|
|
+ request.OnState = 1;
|
|
request.CallDirection = 0;
|
|
request.CallDirection = 0;
|
|
break;
|
|
break;
|
|
- case '2':
|
|
|
|
- columns.value = outColumns;
|
|
|
|
|
|
+ case '2': // 呼入未接
|
|
|
|
+ columns.value = inColumns;
|
|
|
|
+ request.OnState = 2;
|
|
request.CallDirection = 1;
|
|
request.CallDirection = 1;
|
|
break;
|
|
break;
|
|
case '3':
|
|
case '3':
|
|
@@ -590,7 +572,7 @@ const queryList = async () => {
|
|
default:
|
|
default:
|
|
columns.value = allColumns;
|
|
columns.value = allColumns;
|
|
break;
|
|
break;
|
|
- }*/
|
|
|
|
|
|
+ }
|
|
const response = await callLogPaged(request);
|
|
const response = await callLogPaged(request);
|
|
state.tableData = response.result?.items ?? [];
|
|
state.tableData = response.result?.items ?? [];
|
|
state.total = response.result?.total ?? 0;
|
|
state.total = response.result?.total ?? 0;
|