|
@@ -7,10 +7,17 @@
|
|
<span style="font-weight: bolder">数据总览</span>
|
|
<span style="font-weight: bolder">数据总览</span>
|
|
<!-- <span style="font-size:13px;">更新时间:{{updateAccountEchart | formatDate}}</span> -->
|
|
<!-- <span style="font-size:13px;">更新时间:{{updateAccountEchart | formatDate}}</span> -->
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-checkout">
|
|
<div class="content-title-checkout">
|
|
<span class="title-checkout-select" style="margin-right: 10px">
|
|
<span class="title-checkout-select" style="margin-right: 10px">
|
|
|
|
+ <a-select v-model="mediaId" style="width: 100px" @change="selectMediaIdChange">
|
|
|
|
+ <a-select-option value="1">头条</a-select-option>
|
|
|
|
+ <a-select-option value="2">快手</a-select-option>
|
|
|
|
+ </a-select>
|
|
|
|
+ </span>
|
|
|
|
+ <span class="title-checkout-select" style="margin-right: 10px">
|
|
<a-select v-model="selectValue" style="width: 100px" @change="selectValueChange">
|
|
<a-select v-model="selectValue" style="width: 100px" @change="selectValueChange">
|
|
<a-select-option value="1">汇总</a-select-option>
|
|
<a-select-option value="1">汇总</a-select-option>
|
|
<a-select-option value="2">运营个人</a-select-option>
|
|
<a-select-option value="2">运营个人</a-select-option>
|
|
@@ -26,26 +33,27 @@
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <a-spin :spinning="spinning">
|
|
|
|
+ <div
|
|
|
|
+ v-if="yestadyNum == 1"
|
|
|
|
+ id="accountIndexEchart"
|
|
|
|
+ ref="accountIndexEchart"
|
|
|
|
+ style="width: 90%; height: 315px; margin: 0 auto"
|
|
|
|
+ :style="{ width: clientWidth * 0.75 - 48 - 24 + 'px' }"
|
|
|
|
+ >
|
|
|
|
+ <a-empty />
|
|
|
|
+ </div>
|
|
|
|
|
|
- <div
|
|
|
|
- v-if="yestadyNum == 1"
|
|
|
|
- id="accountIndexEchart"
|
|
|
|
- ref="accountIndexEchart"
|
|
|
|
- style="width: 90%; height: 315px; margin: 0 auto"
|
|
|
|
- :style="{ width: clientWidth * 0.75 - 48 - 24 + 'px' }"
|
|
|
|
- >
|
|
|
|
- <a-empty />
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- <div
|
|
|
|
- v-else
|
|
|
|
- id="acctowecharts"
|
|
|
|
- ref="acctowecharts"
|
|
|
|
- style="width: 90%; height: 315px; margin: 0 auto"
|
|
|
|
- :style="{ width: clientWidth * 0.75 - 48 - 24 + 'px' }"
|
|
|
|
- >
|
|
|
|
- <a-empty />
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div
|
|
|
|
+ v-else
|
|
|
|
+ id="acctowecharts"
|
|
|
|
+ ref="acctowecharts"
|
|
|
|
+ style="width: 90%; height: 315px; margin: 0 auto"
|
|
|
|
+ :style="{ width: clientWidth * 0.75 - 48 - 24 + 'px' }"
|
|
|
|
+ >
|
|
|
|
+ <a-empty />
|
|
|
|
+ </div>
|
|
|
|
+ </a-spin>
|
|
</a-card>
|
|
</a-card>
|
|
</a-col>
|
|
</a-col>
|
|
|
|
|
|
@@ -54,44 +62,46 @@
|
|
<div slot="title">
|
|
<div slot="title">
|
|
<span style="font-weight: bolder">运营组数据</span>
|
|
<span style="font-weight: bolder">运营组数据</span>
|
|
</div>
|
|
</div>
|
|
- <div style="width: 100%; height: 315px">
|
|
|
|
- <ul class="group-keep-ul">
|
|
|
|
- <li>
|
|
|
|
- 今日消耗: <span style="font-weight: bold">{{ todayCost | formatNum }}</span>
|
|
|
|
- </li>
|
|
|
|
- <li v-if="!!compare">
|
|
|
|
- <span style="margin-left: 20%" v-if="compare.indexOf('-') == 0">
|
|
|
|
- <img
|
|
|
|
- style="width: 25px; height: 25px"
|
|
|
|
- class="title-radio-img"
|
|
|
|
- src="@/assets/greendown.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- <span style="color: green">{{ compare }}</span>
|
|
|
|
- </span>
|
|
|
|
- <span style="margin-left: 20%" v-else-if="compare.indexOf('-') == -1">
|
|
|
|
- <img
|
|
|
|
- style="width: 25px; height: 25px"
|
|
|
|
- class="title-radio-img"
|
|
|
|
- src="@/assets/upred.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- <span style="color: red">{{ compare }}</span>
|
|
|
|
- </span>
|
|
|
|
|
|
+ <a-spin :spinning="spinningGroup">
|
|
|
|
+ <div style="width: 100%; height: 315px">
|
|
|
|
+ <ul class="group-keep-ul">
|
|
|
|
+ <li>
|
|
|
|
+ 今日消耗: <span style="font-weight: bold">{{ todayCost | formatNum }}</span>
|
|
|
|
+ </li>
|
|
|
|
+ <li v-if="!!compare">
|
|
|
|
+ <span style="margin-left: 20%" v-if="compare.indexOf('-') == 0">
|
|
|
|
+ <img
|
|
|
|
+ style="width: 25px; height: 25px"
|
|
|
|
+ class="title-radio-img"
|
|
|
|
+ src="@/assets/greendown.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ <span style="color: green">{{ compare }}</span>
|
|
|
|
+ </span>
|
|
|
|
+ <span style="margin-left: 20%" v-else-if="compare.indexOf('-') == -1">
|
|
|
|
+ <img
|
|
|
|
+ style="width: 25px; height: 25px"
|
|
|
|
+ class="title-radio-img"
|
|
|
|
+ src="@/assets/upred.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ <span style="color: red">{{ compare }}</span>
|
|
|
|
+ </span>
|
|
|
|
|
|
- <a-tooltip placement="top">
|
|
|
|
- <template slot="title">
|
|
|
|
- <span>今天截止此时的消耗跟昨天截止同个时段的消耗变化</span>
|
|
|
|
- </template>
|
|
|
|
- <a-icon style="margin-left: 10px" type="question-circle" />
|
|
|
|
- </a-tooltip>
|
|
|
|
- </li>
|
|
|
|
- <li><span style="margin-left: 31px">消耗:</span> {{ sectionCost | formatNum }}</li>
|
|
|
|
- <li>人均带户: {{ userAverageAccount | formatNum }}</li>
|
|
|
|
- <li>人均消耗: {{ userAveragecost | formatNum }}</li>
|
|
|
|
- <li>在投项目数量:{{ projectNum }}</li>
|
|
|
|
- </ul>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <a-tooltip placement="top">
|
|
|
|
+ <template slot="title">
|
|
|
|
+ <span>今天截止此时的消耗跟昨天截止同个时段的消耗变化</span>
|
|
|
|
+ </template>
|
|
|
|
+ <a-icon style="margin-left: 10px" type="question-circle" />
|
|
|
|
+ </a-tooltip>
|
|
|
|
+ </li>
|
|
|
|
+ <li><span style="margin-left: 31px">消耗:</span> {{ sectionCost | formatNum }}</li>
|
|
|
|
+ <li>人均带户: {{ userAverageAccount | formatNum }}</li>
|
|
|
|
+ <li>人均消耗: {{ userAveragecost | formatNum }}</li>
|
|
|
|
+ <li>在投项目数量:{{ projectNum }}</li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </a-spin>
|
|
</a-card>
|
|
</a-card>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
@@ -104,7 +114,7 @@
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-checkout">
|
|
<div class="content-title-checkout">
|
|
- <span style="margin-right: 20px">
|
|
|
|
|
|
+ <span style="margin-right: 15px">
|
|
<a-range-picker
|
|
<a-range-picker
|
|
v-model="dateMiddle"
|
|
v-model="dateMiddle"
|
|
format="YYYY-MM-DD"
|
|
format="YYYY-MM-DD"
|
|
@@ -112,9 +122,15 @@
|
|
@change="dateMiddleChange"
|
|
@change="dateMiddleChange"
|
|
/>
|
|
/>
|
|
</span>
|
|
</span>
|
|
- <span>
|
|
|
|
|
|
+ <span style="margin-right: 15px">
|
|
<a-button @click="exportClick">导 出</a-button>
|
|
<a-button @click="exportClick">导 出</a-button>
|
|
</span>
|
|
</span>
|
|
|
|
+ <span>
|
|
|
|
+ <a-radio-group v-model="mediaIdDetail" @change="dateMiddleChange">
|
|
|
|
+ <a-radio-button value="2"> 快手 </a-radio-button>
|
|
|
|
+ <a-radio-button value="1"> 头条 </a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a-table
|
|
<a-table
|
|
@@ -154,7 +170,7 @@
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="person-content-title" slot="extra">
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-acount"></div>
|
|
<div class="content-title-checkout">
|
|
<div class="content-title-checkout">
|
|
- <span style="margin-right: 20px">
|
|
|
|
|
|
+ <span style="margin-right: 15px">
|
|
<a-range-picker
|
|
<a-range-picker
|
|
v-model="dateMiddleGroup"
|
|
v-model="dateMiddleGroup"
|
|
format="YYYY-MM-DD"
|
|
format="YYYY-MM-DD"
|
|
@@ -162,9 +178,15 @@
|
|
@change="dateMiddleChangeGroup"
|
|
@change="dateMiddleChangeGroup"
|
|
/>
|
|
/>
|
|
</span>
|
|
</span>
|
|
- <span>
|
|
|
|
|
|
+ <span style="margin-right: 15px">
|
|
<a-button @click="exportClickGroup">导 出</a-button>
|
|
<a-button @click="exportClickGroup">导 出</a-button>
|
|
</span>
|
|
</span>
|
|
|
|
+ <span>
|
|
|
|
+ <a-radio-group v-model="mediaIdGroup" @change="changeGetGroupList">
|
|
|
|
+ <a-radio-button value="2"> 快手 </a-radio-button>
|
|
|
|
+ <a-radio-button value="1"> 头条 </a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a-table
|
|
<a-table
|
|
@@ -207,19 +229,25 @@
|
|
> -->
|
|
> -->
|
|
</div>
|
|
</div>
|
|
<div class="content-title-checkout">
|
|
<div class="content-title-checkout">
|
|
- <a-button @click="exportExcel" :loading="visibleLoading" style="margin-right: 20px">
|
|
|
|
- 导出数据
|
|
|
|
- </a-button>
|
|
|
|
<!-- <span style="margin-right: 20px">
|
|
<!-- <span style="margin-right: 20px">
|
|
<a-button type="link" @click="customColumn"> 自定义列 </a-button>
|
|
<a-button type="link" @click="customColumn"> 自定义列 </a-button>
|
|
</span> -->
|
|
</span> -->
|
|
- <span style="margin-right: 20px">
|
|
|
|
|
|
+ <span style="margin-right: 15px">
|
|
<a-range-picker
|
|
<a-range-picker
|
|
v-model="dateMiddleProject"
|
|
v-model="dateMiddleProject"
|
|
:ranges="dateRanges"
|
|
:ranges="dateRanges"
|
|
@change="dateMiddleProjectChange"
|
|
@change="dateMiddleProjectChange"
|
|
/>
|
|
/>
|
|
</span>
|
|
</span>
|
|
|
|
+ <a-button @click="exportExcel" :loading="visibleLoading" style="margin-right: 15px">
|
|
|
|
+ 导 出
|
|
|
|
+ </a-button>
|
|
|
|
+ <span>
|
|
|
|
+ <a-radio-group v-model="mediaIdAccount" @change="projectAccountChange">
|
|
|
|
+ <a-radio-button value="2"> 快手 </a-radio-button>
|
|
|
|
+ <a-radio-button value="1"> 头条 </a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </span>
|
|
<!-- <span>
|
|
<!-- <span>
|
|
<a-radio-group v-model="projectAccount" @change="projectAccountChange">
|
|
<a-radio-group v-model="projectAccount" @change="projectAccountChange">
|
|
<a-radio-button value="a"> 项目 </a-radio-button>
|
|
<a-radio-button value="a"> 项目 </a-radio-button>
|
|
@@ -242,6 +270,17 @@
|
|
>
|
|
>
|
|
<!-- <a slot="projectName" slot-scope="text, record" @click="projectNameClick(record)">{{ text }}</a>
|
|
<!-- <a slot="projectName" slot-scope="text, record" @click="projectNameClick(record)">{{ text }}</a>
|
|
<a slot="accountName" slot-scope="text, record" @click="accountNameClick(record)">{{ text }}</a> -->
|
|
<a slot="accountName" slot-scope="text, record" @click="accountNameClick(record)">{{ text }}</a> -->
|
|
|
|
+
|
|
|
|
+ <span slot="yearOnYear" slot-scope="text, records">
|
|
|
|
+ {{ text }}
|
|
|
|
+ <a-icon v-if="text && parseFloat(text) > 0" type="caret-up" style="color: #f00" />
|
|
|
|
+ <a-icon v-else type="caret-down" style="color: green" />
|
|
|
|
+ </span>
|
|
|
|
+ <span slot="equallyRate" slot-scope="text, records">
|
|
|
|
+ {{ text }}
|
|
|
|
+ <a-icon v-if="text && parseFloat(text) > 0" type="caret-up" style="color: #f00" />
|
|
|
|
+ <a-icon v-else type="caret-down" style="color: green" />
|
|
|
|
+ </span>
|
|
<div slot="jl" slot-scope="text, record">
|
|
<div slot="jl" slot-scope="text, record">
|
|
{{
|
|
{{
|
|
record.adSceneDate.findIndex((item) => {
|
|
record.adSceneDate.findIndex((item) => {
|
|
@@ -344,6 +383,12 @@ export default {
|
|
components: { customColumnProject },
|
|
components: { customColumnProject },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ spinning: false,
|
|
|
|
+ spinningGroup: false,
|
|
|
|
+ mediaId: '2',
|
|
|
|
+ mediaIdGroup: '2',
|
|
|
|
+ mediaIdAccount: '2',
|
|
|
|
+ mediaIdDetail: '2',
|
|
visibleLoading: false,
|
|
visibleLoading: false,
|
|
scrollX: 1500,
|
|
scrollX: 1500,
|
|
visible: false,
|
|
visible: false,
|
|
@@ -596,22 +641,23 @@ export default {
|
|
|
|
|
|
var getUrl = ''
|
|
var getUrl = ''
|
|
var params = {}
|
|
var params = {}
|
|
- if (this.projectAccount == 'a') {
|
|
|
|
- getUrl =
|
|
|
|
- process.env.VUE_APP_BASE_STARE_URL +
|
|
|
|
- '/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateProjectInfo'
|
|
|
|
- params.startTime = this.dateMiddleProject[0].format('YYYY-MM-DD')
|
|
|
|
- params.endTime = this.dateMiddleProject[1].format('YYYY-MM-DD')
|
|
|
|
- params.userId = this.userInfo().id
|
|
|
|
- } else {
|
|
|
|
- getUrl =
|
|
|
|
- process.env.VUE_APP_BASE_STARE_URL +
|
|
|
|
- '/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateAccountInfo'
|
|
|
|
- params.startTime = this.dateMiddleProject[0].format('YYYY-MM-DD')
|
|
|
|
- params.endTime = this.dateMiddleProject[1].format('YYYY-MM-DD')
|
|
|
|
- params.userId = this.userInfo().id
|
|
|
|
- params.projectId = this.projectId
|
|
|
|
- }
|
|
|
|
|
|
+ // if (this.projectAccount == 'a') {
|
|
|
|
+ getUrl =
|
|
|
|
+ process.env.VUE_APP_BASE_STARE_URL +
|
|
|
|
+ '/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateProjectInfo'
|
|
|
|
+ params.startTime = this.dateMiddleProject[0].format('YYYY-MM-DD')
|
|
|
|
+ params.endTime = this.dateMiddleProject[1].format('YYYY-MM-DD')
|
|
|
|
+ params.userId = this.userInfo().id
|
|
|
|
+ params.mediaType = this.mediaIdAccount
|
|
|
|
+ // } else {
|
|
|
|
+ // getUrl =
|
|
|
|
+ // process.env.VUE_APP_BASE_STARE_URL +
|
|
|
|
+ // '/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateAccountInfo'
|
|
|
|
+ // params.startTime = this.dateMiddleProject[0].format('YYYY-MM-DD')
|
|
|
|
+ // params.endTime = this.dateMiddleProject[1].format('YYYY-MM-DD')
|
|
|
|
+ // params.userId = this.userInfo().id
|
|
|
|
+ // params.projectId = this.projectId
|
|
|
|
+ // }
|
|
|
|
|
|
// 项目 /material/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateProjectInfo?startTime=2022-04-27&endTime=2022-04-27&userId=e9ca23d68d884d4ebb19d07889727dae
|
|
// 项目 /material/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateProjectInfo?startTime=2022-04-27&endTime=2022-04-27&userId=e9ca23d68d884d4ebb19d07889727dae
|
|
// 账户 /material/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateAccountInfo?projectId=8220885&startTime=2022-04-27&endTime=2022-04-27&userId=e9ca23d68d884d4ebb19d07889727dae
|
|
// 账户 /material/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateAccountInfo?projectId=8220885&startTime=2022-04-27&endTime=2022-04-27&userId=e9ca23d68d884d4ebb19d07889727dae
|
|
@@ -639,6 +685,7 @@ export default {
|
|
startTime: this.dateMiddleProject[0].format('YYYY-MM-DD'),
|
|
startTime: this.dateMiddleProject[0].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleProject[1].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleProject[1].format('YYYY-MM-DD'),
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
|
|
+ mediaType: this.mediaIdAccount,
|
|
pageNum: this.echartsIpaginationProject.current,
|
|
pageNum: this.echartsIpaginationProject.current,
|
|
pageSize: this.echartsIpaginationProject.pageSize,
|
|
pageSize: this.echartsIpaginationProject.pageSize,
|
|
}
|
|
}
|
|
@@ -652,6 +699,9 @@ export default {
|
|
// columnsProject
|
|
// columnsProject
|
|
this.echartsDataProject = res.result.list
|
|
this.echartsDataProject = res.result.list
|
|
this.echartsIpaginationProject.total = res.result.total
|
|
this.echartsIpaginationProject.total = res.result.total
|
|
|
|
+ } else {
|
|
|
|
+ this.echartsDataProject = []
|
|
|
|
+ this.echartsIpaginationProject.total = 0
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -669,17 +719,20 @@ export default {
|
|
// console.log(pagination, filters, sorter)
|
|
// console.log(pagination, filters, sorter)
|
|
this.echartsIpaginationProject.current = pagination.current
|
|
this.echartsIpaginationProject.current = pagination.current
|
|
this.echartsIpaginationProject.pageSize = pagination.pageSize
|
|
this.echartsIpaginationProject.pageSize = pagination.pageSize
|
|
- if (this.projectAccount == 'a') {
|
|
|
|
- this.getItemList()
|
|
|
|
- } else {
|
|
|
|
- this.getAccountData()
|
|
|
|
- }
|
|
|
|
|
|
+ this.getItemList()
|
|
|
|
+ // if (this.projectAccount == 'a') {
|
|
|
|
+ // this.getItemList()
|
|
|
|
+ // } else {
|
|
|
|
+ // this.getAccountData()
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
getAccountData() {
|
|
getAccountData() {
|
|
|
|
+ this.echartsLoading = true
|
|
let params = {
|
|
let params = {
|
|
startTime: this.dateMiddleProject[0].format('YYYY-MM-DD'),
|
|
startTime: this.dateMiddleProject[0].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleProject[1].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleProject[1].format('YYYY-MM-DD'),
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
|
|
+ mediaType: this.mediaIdAccount,
|
|
pageNum: this.echartsIpaginationProject.current,
|
|
pageNum: this.echartsIpaginationProject.current,
|
|
pageSize: this.echartsIpaginationProject.pageSize,
|
|
pageSize: this.echartsIpaginationProject.pageSize,
|
|
projectId: this.projectId,
|
|
projectId: this.projectId,
|
|
@@ -709,28 +762,41 @@ export default {
|
|
this.getAccountData()
|
|
this.getAccountData()
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ changeGetGroupList() {
|
|
|
|
+ this.groupIpagination.current = 1
|
|
|
|
+ this.getGroupList()
|
|
|
|
+ },
|
|
projectAccountChange(ent) {
|
|
projectAccountChange(ent) {
|
|
- this.echartsLoading = true
|
|
|
|
- if (ent.target.value == 'a') {
|
|
|
|
- this.titleList = '项目列表'
|
|
|
|
- this.columnsFixd = keepPersonData.setNoDeleteColumns()
|
|
|
|
- this.listNum = keepPersonData.setNoDeleteColumns()
|
|
|
|
- this.projectId = ''
|
|
|
|
- this.columnsProject = [...this.columnsFixd]
|
|
|
|
- this.echartsIpaginationProject.current = 1
|
|
|
|
- // this.showColumn()
|
|
|
|
- this.getItemList()
|
|
|
|
|
|
+ if (this.mediaIdAccount == '2') {
|
|
|
|
+ this.scrollX = 1500
|
|
|
|
+ this.columnsProject = keepPersonData.setNoDeleteColumns()
|
|
} else {
|
|
} else {
|
|
- this.titleList = '账户列表'
|
|
|
|
- this.columnsFixd = keepPersonData.setNoDeleteProjectColumns()
|
|
|
|
- this.listNum = keepPersonData.setNoDeleteProjectColumns()
|
|
|
|
- console.log(this.columnsFixd)
|
|
|
|
- this.columnsProject = [...this.columnsFixd]
|
|
|
|
- // this.showColumn()
|
|
|
|
- this.echartsIpaginationProject.current = 1
|
|
|
|
- this.getAccountData()
|
|
|
|
|
|
+ this.scrollX = 0
|
|
|
|
+ this.columnsProject = keepPersonData.setNoTtDeleteColumns()
|
|
}
|
|
}
|
|
- this.projectAccount = ent.target.value
|
|
|
|
|
|
+ this.echartsIpaginationProject.current = 1
|
|
|
|
+ this.getItemList()
|
|
|
|
+ // this.echartsLoading = true
|
|
|
|
+ // if (ent.target.value == 'a') {
|
|
|
|
+ // this.titleList = '项目列表'
|
|
|
|
+ // this.columnsFixd = keepPersonData.setNoDeleteColumns()
|
|
|
|
+ // this.listNum = keepPersonData.setNoDeleteColumns()
|
|
|
|
+ // this.projectId = ''
|
|
|
|
+ // this.columnsProject = [...this.columnsFixd]
|
|
|
|
+ // this.echartsIpaginationProject.current = 1
|
|
|
|
+ // // this.showColumn()
|
|
|
|
+ // this.getItemList()
|
|
|
|
+ // } else {
|
|
|
|
+ // this.titleList = '账户列表'
|
|
|
|
+ // this.columnsFixd = keepPersonData.setNoDeleteProjectColumns()
|
|
|
|
+ // this.listNum = keepPersonData.setNoDeleteProjectColumns()
|
|
|
|
+ // console.log(this.columnsFixd)
|
|
|
|
+ // this.columnsProject = [...this.columnsFixd]
|
|
|
|
+ // // this.showColumn()
|
|
|
|
+ // this.echartsIpaginationProject.current = 1
|
|
|
|
+ // this.getAccountData()
|
|
|
|
+ // }
|
|
|
|
+ // this.projectAccount = ent.target.value
|
|
// this.showColumn();
|
|
// this.showColumn();
|
|
},
|
|
},
|
|
accountNameClick(row) {
|
|
accountNameClick(row) {
|
|
@@ -743,10 +809,12 @@ export default {
|
|
},
|
|
},
|
|
// 运营组数据
|
|
// 运营组数据
|
|
getOperationGroupData() {
|
|
getOperationGroupData() {
|
|
|
|
+ this.cancel()
|
|
|
|
+ this.spinningGroup = true
|
|
let params = {
|
|
let params = {
|
|
startTime: this.dateEchart[0].format('YYYY-MM-DD'),
|
|
startTime: this.dateEchart[0].format('YYYY-MM-DD'),
|
|
endTime: this.dateEchart[1].format('YYYY-MM-DD'),
|
|
endTime: this.dateEchart[1].format('YYYY-MM-DD'),
|
|
- mediaType: 2,
|
|
|
|
|
|
+ mediaType: this.mediaId,
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
}
|
|
}
|
|
this.getAction(
|
|
this.getAction(
|
|
@@ -754,6 +822,7 @@ export default {
|
|
'/kuaiShouOpreate/kuaiShouMaterialStareController/kuaiShouOperateDateTotal',
|
|
'/kuaiShouOpreate/kuaiShouMaterialStareController/kuaiShouOperateDateTotal',
|
|
params
|
|
params
|
|
).then((res) => {
|
|
).then((res) => {
|
|
|
|
+ this.spinningGroup = false
|
|
if (res.code == 0) {
|
|
if (res.code == 0) {
|
|
if (res.result.todayCost) {
|
|
if (res.result.todayCost) {
|
|
this.todayCost = res.result.todayCost
|
|
this.todayCost = res.result.todayCost
|
|
@@ -793,6 +862,7 @@ export default {
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
pageNum: this.echartsIpagination.current,
|
|
pageNum: this.echartsIpagination.current,
|
|
pageSize: this.echartsIpagination.pageSize,
|
|
pageSize: this.echartsIpagination.pageSize,
|
|
|
|
+ mediaType: this.mediaIdDetail,
|
|
}
|
|
}
|
|
this.getAction(
|
|
this.getAction(
|
|
process.env.VUE_APP_BASE_STARE_URL +
|
|
process.env.VUE_APP_BASE_STARE_URL +
|
|
@@ -809,9 +879,12 @@ export default {
|
|
|
|
|
|
// 运营组数据
|
|
// 运营组数据
|
|
getGroupList() {
|
|
getGroupList() {
|
|
|
|
+ this.groupLoading = true
|
|
|
|
+ this.groupList = []
|
|
let params = {
|
|
let params = {
|
|
startTime: this.dateMiddleGroup[0].format('YYYY-MM-DD'),
|
|
startTime: this.dateMiddleGroup[0].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleGroup[1].format('YYYY-MM-DD'),
|
|
endTime: this.dateMiddleGroup[1].format('YYYY-MM-DD'),
|
|
|
|
+ mediaType: this.mediaIdGroup,
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
pageNum: this.groupIpagination.current,
|
|
pageNum: this.groupIpagination.current,
|
|
pageSize: this.groupIpagination.pageSize,
|
|
pageSize: this.groupIpagination.pageSize,
|
|
@@ -825,6 +898,9 @@ export default {
|
|
if (res.code == 0) {
|
|
if (res.code == 0) {
|
|
this.groupList = res.result.list
|
|
this.groupList = res.result.list
|
|
this.groupIpagination.total = res.result.total
|
|
this.groupIpagination.total = res.result.total
|
|
|
|
+ } else {
|
|
|
|
+ this.groupList = []
|
|
|
|
+ this.groupIpagination.total = 0
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -836,6 +912,7 @@ export default {
|
|
this.echartsIpagination.pageSize = pagination.pageSize
|
|
this.echartsIpagination.pageSize = pagination.pageSize
|
|
this.getOperateDetails()
|
|
this.getOperateDetails()
|
|
},
|
|
},
|
|
|
|
+
|
|
dateMiddleChange() {
|
|
dateMiddleChange() {
|
|
this.echartsLoadingYun = true
|
|
this.echartsLoadingYun = true
|
|
this.echartsIpagination.current = 1
|
|
this.echartsIpagination.current = 1
|
|
@@ -854,12 +931,13 @@ export default {
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
pageNum: this.echartsIpagination.current,
|
|
pageNum: this.echartsIpagination.current,
|
|
pageSize: this.echartsIpagination.pageSize,
|
|
pageSize: this.echartsIpagination.pageSize,
|
|
|
|
+ mediaType: this.mediaIdDetail,
|
|
}
|
|
}
|
|
window.location.href = `${
|
|
window.location.href = `${
|
|
process.env.VUE_APP_BASE_STARE_URL
|
|
process.env.VUE_APP_BASE_STARE_URL
|
|
}${'/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateInfo'}?startTime=${
|
|
}${'/kuaiShouOpreate/kuaiShouMaterialStareController/exportKuaiShouOperateInfo'}?startTime=${
|
|
params.startTime
|
|
params.startTime
|
|
- }&endTime=${params.endTime}&userId=${params.userId}&pageNum=${params.pageNum}&pageSize=${params.pageSize}`
|
|
|
|
|
|
+ }&endTime=${params.endTime}&userId=${params.userId}&pageNum=${params.pageNum}&pageSize=${params.pageSize}&mediaType=${params.mediaType}`
|
|
},
|
|
},
|
|
exportClickGroup() {
|
|
exportClickGroup() {
|
|
let params = {
|
|
let params = {
|
|
@@ -868,18 +946,22 @@ export default {
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
pageNum: this.groupIpagination.current,
|
|
pageNum: this.groupIpagination.current,
|
|
pageSize: this.groupIpagination.pageSize,
|
|
pageSize: this.groupIpagination.pageSize,
|
|
|
|
+ mediaType: this.mediaIdGroup,
|
|
}
|
|
}
|
|
window.location.href = `${
|
|
window.location.href = `${
|
|
process.env.VUE_APP_BASE_STARE_URL
|
|
process.env.VUE_APP_BASE_STARE_URL
|
|
}${'/kuaiShouOpreate/kuaiShouMaterialStareController/exportOperationGroupData'}?startTime=${
|
|
}${'/kuaiShouOpreate/kuaiShouMaterialStareController/exportOperationGroupData'}?startTime=${
|
|
params.startTime
|
|
params.startTime
|
|
- }&endTime=${params.endTime}&userId=${params.userId}&pageNum=${params.pageNum}&pageSize=${params.pageSize}`
|
|
|
|
|
|
+ }&endTime=${params.endTime}&userId=${params.userId}&pageNum=${params.pageNum}&pageSize=${
|
|
|
|
+ params.pageSize
|
|
|
|
+ }&mediaType=${params.mediaType}`
|
|
},
|
|
},
|
|
getQueryNewlyData() {
|
|
getQueryNewlyData() {
|
|
|
|
+ this.spinning = true
|
|
let params = {
|
|
let params = {
|
|
startTime: this.dateEchart[0].format('YYYY-MM-DD'),
|
|
startTime: this.dateEchart[0].format('YYYY-MM-DD'),
|
|
endTime: this.dateEchart[1].format('YYYY-MM-DD'),
|
|
endTime: this.dateEchart[1].format('YYYY-MM-DD'),
|
|
- mediaType: 2,
|
|
|
|
|
|
+ mediaType: this.mediaId,
|
|
type: this.selectValue,
|
|
type: this.selectValue,
|
|
userId: this.userInfo().id,
|
|
userId: this.userInfo().id,
|
|
}
|
|
}
|
|
@@ -887,9 +969,10 @@ export default {
|
|
process.env.VUE_APP_BASE_STARE_URL + '/kuaiShouOpreate/kuaiShouMaterialStareController/kuaiShousumData',
|
|
process.env.VUE_APP_BASE_STARE_URL + '/kuaiShouOpreate/kuaiShouMaterialStareController/kuaiShousumData',
|
|
params
|
|
params
|
|
).then((res) => {
|
|
).then((res) => {
|
|
|
|
+ this.spinning = false
|
|
if (res.code == 0) {
|
|
if (res.code == 0) {
|
|
this.updateAccountEchart = res.timestamp
|
|
this.updateAccountEchart = res.timestamp
|
|
- if (res.message == '查询-时报-汇总。') {
|
|
|
|
|
|
+ if (this.selectValue == '1') {
|
|
this.todayList = res.result.todayList.map((item) => {
|
|
this.todayList = res.result.todayList.map((item) => {
|
|
return item.totalCost
|
|
return item.totalCost
|
|
})
|
|
})
|
|
@@ -927,7 +1010,7 @@ export default {
|
|
this.yestadyNum
|
|
this.yestadyNum
|
|
)
|
|
)
|
|
)
|
|
)
|
|
- } else if (res.message == '查询-日报-汇总成功。') {
|
|
|
|
|
|
+ } else if (this.selectValue == '3') {
|
|
let consumptionSummary = []
|
|
let consumptionSummary = []
|
|
consumptionSummary = res.result.map((itemday) => {
|
|
consumptionSummary = res.result.map((itemday) => {
|
|
return itemday.totalCost
|
|
return itemday.totalCost
|
|
@@ -949,7 +1032,7 @@ export default {
|
|
this.yestadyNum
|
|
this.yestadyNum
|
|
)
|
|
)
|
|
)
|
|
)
|
|
- } else if (res.message == '查询-时报-运营个人消耗top5成功。') {
|
|
|
|
|
|
+ } else if (this.selectValue == '2') {
|
|
this.lengthData = res.result.map((i) => {
|
|
this.lengthData = res.result.map((i) => {
|
|
return i.userName
|
|
return i.userName
|
|
})
|
|
})
|
|
@@ -970,7 +1053,11 @@ export default {
|
|
let series = []
|
|
let series = []
|
|
let array = []
|
|
let array = []
|
|
this.timeData = res.result[0].data.map((element) => {
|
|
this.timeData = res.result[0].data.map((element) => {
|
|
- return element.hour
|
|
|
|
|
|
+ if (element.hour) {
|
|
|
|
+ return element.hour
|
|
|
|
+ } else {
|
|
|
|
+ return element.dateTime
|
|
|
|
+ }
|
|
})
|
|
})
|
|
console.log(this.timeData)
|
|
console.log(this.timeData)
|
|
series = res.result.map((item) => {
|
|
series = res.result.map((item) => {
|
|
@@ -1044,6 +1131,9 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ selectMediaIdChange() {
|
|
|
|
+ this.dateEchartChange()
|
|
|
|
+ },
|
|
selectValueChange() {
|
|
selectValueChange() {
|
|
if (this.selectValue == 1) {
|
|
if (this.selectValue == 1) {
|
|
this.yestadyNum = 1
|
|
this.yestadyNum = 1
|