|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<!-- 标题 -->
|
|
|
-
|
|
|
<div class="title" style="margin-top: 10px">
|
|
|
<div style="display: flex; justify-content: space-between">
|
|
|
<h1 style="color: azure" @click="goOff">漯河亿通集团数据看板</h1>
|
|
@@ -12,7 +11,7 @@
|
|
|
</div>
|
|
|
<img src="../../assets/bargound/图层 6.png" width="100%" />
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
+ <div class="content" >
|
|
|
<el-tabs type="border-card" class="theme">
|
|
|
<div style="display: flex; justify-content: space-between">
|
|
|
<!-- 图标 -->
|
|
@@ -28,7 +27,7 @@
|
|
|
<!-- 表格 -->
|
|
|
<el-tabs type="border-card" class="theme">
|
|
|
<el-tab-pane label="销售顾问业绩排名">
|
|
|
-
|
|
|
+
|
|
|
<div style="display: flex; justify-content: flex-end; margin: 10px">
|
|
|
<!-- 下拉框 -->
|
|
|
<div style="margin-right: 20px">
|
|
@@ -75,8 +74,8 @@
|
|
|
}"
|
|
|
:cell-style="{ 'text-align': 'center' }"
|
|
|
show-summary
|
|
|
-
|
|
|
style="width: 100%; margin: 1px"
|
|
|
+ :max-height="taheight"
|
|
|
>
|
|
|
<el-table-column prop="pm" label="排名" sortable> </el-table-column>
|
|
|
<el-table-column prop="company" label="店面" sortable> </el-table-column>
|
|
@@ -226,7 +225,9 @@
|
|
|
}"
|
|
|
:cell-style="{ 'text-align': 'center' }"
|
|
|
|
|
|
- style="width: 100%; margin: 1px;">
|
|
|
+ style="width: 100%; margin: 1px;"
|
|
|
+ :max-height="taheight"
|
|
|
+ >
|
|
|
<el-table-column prop="name" label="店名"></el-table-column>
|
|
|
<el-table-column label="新增客流量">
|
|
|
<el-table-column prop="visitor_count" label="首次进店" sortable width="120"></el-table-column>
|
|
@@ -270,7 +271,6 @@
|
|
|
</el-table>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- <!-- <el-tab-pane label=" 分渠道销量统计分析">配置管理</el-tab-pane> -->
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -279,11 +279,10 @@
|
|
|
<script>
|
|
|
import { xsgwtabledataInfo, ppxltabledataInfo, xsdbtabledataInfo } from "../../servuces/prove";
|
|
|
import { nowdaterange, nowdate, nowmonthy } from "../../servuces/getnowtime";
|
|
|
-import { column } from "../../store/tuozhuai";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- taheight: window.innerHeight - (window.innerHeight * 0.15),
|
|
|
+ taheight: window.innerHeight - (window.innerHeight * 0.25),
|
|
|
pm_company_ids: [],
|
|
|
pp_company_ids: [],
|
|
|
db_company_ids: [],
|
|
@@ -307,7 +306,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- column(this);
|
|
|
this.updateTime(); //时间
|
|
|
this.getTableDataOne(); //开始获取表格
|
|
|
this.getTableDataTwo(); //开始获取表格
|
|
@@ -368,9 +366,9 @@ export default {
|
|
|
const month = date.getMonth() + 1; // 月份从0开始,需要加1
|
|
|
|
|
|
// 将年份和月份拼接成所需形式的字符串
|
|
|
- const serach_date = `${year}-${month}`;
|
|
|
- xsgwtabledataInfo({ "company_ids": company_ids, "search_month": serach_date}).then(res => {
|
|
|
- this.tableData = res.data;
|
|
|
+ const search_date = `${year}-${month}`;
|
|
|
+ xsgwtabledataInfo({ "company_ids": company_ids, "search_month": search_date}).then(res => {
|
|
|
+ this.tableDataOne = res.data;
|
|
|
});
|
|
|
},
|
|
|
searchBtn2(ids, search_date) {
|
|
@@ -382,9 +380,9 @@ export default {
|
|
|
const s_date = date.getDate(); // 月份从0开始,需要加1
|
|
|
|
|
|
// 将年份和月份拼接成所需形式的字符串
|
|
|
- const serach_date = `${year}-${month}-${s_date}`;
|
|
|
- ppxltabledataInfo({ "company_ids": company_ids, "serach_date": serach_date}).then(res => {
|
|
|
- this.tableData = res.data;
|
|
|
+ const search_date1 = `${year}-${month}-${s_date}`;
|
|
|
+ ppxltabledataInfo({ "company_ids": company_ids, "search_date": search_date1}).then(res => {
|
|
|
+ this.tableDataTwo = res.data;
|
|
|
});
|
|
|
},
|
|
|
searchBtn3(ids, search_date) {
|
|
@@ -400,14 +398,11 @@ export default {
|
|
|
return `${year}-${month}-${day}`;
|
|
|
});
|
|
|
xsdbtabledataInfo({ "company_ids": company_ids, "date_begin": strvaluezh[0], 'date_end': strvaluezh[1] }).then(res => {
|
|
|
- this.tableData = res.data;
|
|
|
- this.tableDatahj = res.footer
|
|
|
-
|
|
|
+ this.tableDataThree = res.data;
|
|
|
})
|
|
|
} else {
|
|
|
xsdbtabledataInfo({"company_ids": company_ids, "date_begin": '', 'date_end': ''}).then(res => {
|
|
|
- this.tableData = res.data;
|
|
|
- this.tableDatahj = res.footer;
|
|
|
+ this.tableDataThree = res.data;
|
|
|
});
|
|
|
}
|
|
|
},
|
|
@@ -516,6 +511,7 @@ background-color: transparent;
|
|
|
::v-deep.el-table td {
|
|
|
border: 1px solid #102b47;
|
|
|
border-right: none !important;
|
|
|
+ text-align: center !important;
|
|
|
}
|
|
|
.time {
|
|
|
color: rgb(174, 201, 222);
|