|
@@ -10,6 +10,40 @@ const formatNum = num => {
|
|
|
// return (Number(num === null ? 0 : num.toFixed(2))).toFixed() + '%';
|
|
|
}
|
|
|
|
|
|
+const getSummaries= (param) => {
|
|
|
+ const { columns, data } = param;
|
|
|
+
|
|
|
+ console.log( columns );
|
|
|
+ console.log(data);
|
|
|
+ console.log('-----');
|
|
|
+ const sums = []
|
|
|
+ columns.forEach((column, index) => {
|
|
|
+ if (index === 0) {
|
|
|
+ sums[index] = h('div', [
|
|
|
+ '合计',
|
|
|
+ ])
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const values = data.map((item) => Number(item[column.property]))
|
|
|
+
|
|
|
+ if (!values.every((value) => Number.isNaN(value))) {
|
|
|
+ sums[index] = `${values.reduce((prev, curr) => {
|
|
|
+ const value = Number(curr)
|
|
|
+ if (!Number.isNaN(value)) {
|
|
|
+ return prev + curr
|
|
|
+ } else {
|
|
|
+ console.log(index, prev );
|
|
|
+ return ""
|
|
|
+ }
|
|
|
+ }, 0)}`
|
|
|
+ } else {
|
|
|
+ sums[index] = ''
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ return sums
|
|
|
+}
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
analyseApi.getCallRecordCountInfo().then(({ data }) => {
|
|
|
const {humanPercent, whiteListPercent, traditionPercent, aiPercent} = data;
|
|
@@ -153,16 +187,16 @@ onMounted(() => {
|
|
|
<span class="num">{{ callRecordCountInfo.dialPerson }}</span>
|
|
|
</li>
|
|
|
<li class="status-item">
|
|
|
- <span class="text">累计通话</span>
|
|
|
- <span class="num">{{ callRecordCountInfo.personCount }}</span>
|
|
|
+ <span class="text">接通</span>
|
|
|
+ <span class="num">{{ callRecordCountInfo.personCountOn }}</span>
|
|
|
</li>
|
|
|
- <!-- <li class="status-item">
|
|
|
- <span class="text">累计通话时长</span>
|
|
|
+ <li class="status-item">
|
|
|
+ <span class="text">未接通</span>
|
|
|
<p >
|
|
|
- <span class="num">{{ callRecordCountInfo.personTotal }}</span>
|
|
|
- <span class="text-[14px]"> h</span>
|
|
|
+ <span class="num">{{ callRecordCountInfo.personCountOff }}</span>
|
|
|
+ <!-- <span class="text-[14px]"> h</span> -->
|
|
|
</p>
|
|
|
- </li> -->
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
@@ -207,7 +241,7 @@ onMounted(() => {
|
|
|
<div class="layout-card">
|
|
|
<h4 class="title">人工客服统计</h4>
|
|
|
|
|
|
- <el-table :data="userTableData" style="width: 100%" >
|
|
|
+ <el-table :data="userTableData" style="width: 100%" show-summary :summary-method="getSummaries">
|
|
|
<el-table-column prop="userId" label="客服编号" align="center" width="150" fixed/>
|
|
|
<el-table-column prop="userName" label="姓名" align="center" />
|
|
|
<el-table-column prop="status" label="当前状态" align="center" />
|
|
@@ -222,10 +256,10 @@ onMounted(() => {
|
|
|
<div class="layout-card">
|
|
|
<h4 class="title">机器人客服统计</h4>
|
|
|
|
|
|
- <el-table :data="robotTableData" style="width: 100%" >
|
|
|
+ <el-table :data="robotTableData" style="width: 100%" show-summary>
|
|
|
<el-table-column prop="userId" label="客服编号" align="center" width="150" fixed/>
|
|
|
<el-table-column prop="userName" label="客服名称" align="center" />
|
|
|
- <el-table-column prop="inTodayCount" label="今日呼入" align="center" />
|
|
|
+ <el-table-column prop="inTodayCount" label="今日呼入" align="center" />
|
|
|
<el-table-column prop="inAllCount" label="累计呼入" align="center" />
|
|
|
<el-table-column prop="todayTransferCount" label="今日转人工" align="center" />
|
|
|
<el-table-column prop="totalTransferCount" label="累计转人工" align="center" />
|