|
@@ -30,28 +30,28 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
<v-chart class="chart" :option="option" :loading="state.loading" autoresize />
|
|
|
- <div style="width: 70%;margin:0 auto;">
|
|
|
- <ProTable
|
|
|
- ref="proTableRef1"
|
|
|
- :columns="columns1"
|
|
|
- :data="state.tableData1"
|
|
|
- @updateTable="queryList"
|
|
|
- :loading="state.loading"
|
|
|
- :pagination="false"
|
|
|
- show-summary
|
|
|
- border
|
|
|
- :tool-button="false"
|
|
|
- max-height="150px"
|
|
|
- >
|
|
|
- </ProTable>
|
|
|
- </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="4">
|
|
|
+ <ProTable
|
|
|
+ ref="proTableRef1"
|
|
|
+ :columns="columns1"
|
|
|
+ :data="state.tableData1"
|
|
|
+ @updateTable="queryList"
|
|
|
+ :loading="state.loading"
|
|
|
+ :pagination="false"
|
|
|
+ show-summary
|
|
|
+ border
|
|
|
+ :tool-button="false"
|
|
|
+ max-height="160px"
|
|
|
+ >
|
|
|
+ </ProTable>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
<v-chart class="chart1" :option="option1" :loading="state.loading" autoresize />
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
|
|
|
+ <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6">
|
|
|
<ProTable
|
|
|
ref="proTableRef"
|
|
|
:columns="columns"
|
|
@@ -89,7 +89,6 @@ const columns = ref<any[]>([
|
|
|
{ prop: 'total', label: '呼入数量', align: 'center' },
|
|
|
{ prop: 'answered', label: '接通数量', align: 'center' },
|
|
|
{ prop: 'hanguped', label: '挂断数量', align: 'center' },
|
|
|
- { prop: 'hanguped', label: '接通率', align: 'center' },
|
|
|
]);
|
|
|
// 表格配置项
|
|
|
const columns1 = ref<any[]>([
|
|
@@ -285,11 +284,8 @@ onMounted(() => {
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.chart{
|
|
|
- height: 40vh;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-.chart1{
|
|
|
+.chart,
|
|
|
+.chart1 {
|
|
|
height: 60vh;
|
|
|
margin-top: 10px;
|
|
|
}
|