|
@@ -9,7 +9,7 @@
|
|
|
{{ getTimeState() }},<span style="color: cornflowerblue">{{
|
|
|
topInfo.userName
|
|
|
}}</span
|
|
|
- >,祝你开心每一天!
|
|
|
+ >,祝你开心每一天!
|
|
|
</div>
|
|
|
<div class="top-right">
|
|
|
<div style="width: 150px">
|
|
@@ -71,7 +71,9 @@
|
|
|
plain
|
|
|
style="float: right;margin: 0 10px"
|
|
|
@click="toDataBigScreen"
|
|
|
- >数据看板</el-button
|
|
|
+ v-if=" this.$store.getters.roles[0] == 'supplyChainAdmin' "
|
|
|
+ >数据看板
|
|
|
+ </el-button
|
|
|
>
|
|
|
<el-radio-group v-model="mediaId" style="float: right" @change="changeMedia">
|
|
|
<el-radio-button label="2">快手</el-radio-button>
|
|
@@ -131,16 +133,16 @@
|
|
|
>
|
|
|
<p class="p-main-data">
|
|
|
周同比:<i
|
|
|
- :style="orderData.monthOrderRate > 0 ? 'color:red' : 'color:green'"
|
|
|
- >{{ (orderData.monthOrderRate * 100).toFixed(2) + "%" }}</i
|
|
|
- >
|
|
|
+ :style="orderData.monthOrderRate > 0 ? 'color:red' : 'color:green'"
|
|
|
+ >{{ (orderData.monthOrderRate * 100).toFixed(2) + "%" }}</i
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
<div :style="dateType == 0 ? '' : 'visibility: hidden'">
|
|
|
<p class="p-main-data">
|
|
|
日环比:<i :style="orderData.dateOrderRate > 0 ? 'color:red' : 'color:green'"
|
|
|
- >{{ (orderData.dateOrderRate * 100).toFixed(2) + "%" }}
|
|
|
- </i>
|
|
|
+ >{{ (orderData.dateOrderRate * 100).toFixed(2) + "%" }}
|
|
|
+ </i>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -202,16 +204,16 @@
|
|
|
</p>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="5" v-if="this.mediaId == 2"> </el-col>
|
|
|
+ <el-col :span="5" v-if="this.mediaId == 2"></el-col>
|
|
|
</el-row>
|
|
|
<el-row class="top-sum" style="display: flex" v-if="!!orderData">
|
|
|
<div style="display: flex; width: 100%">
|
|
|
<div style="margin-right: 20px">
|
|
|
<p class="p-main-data">
|
|
|
数据对比:<i
|
|
|
- :style="orderData.dataAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
- >{{ (orderData.dataAmountRate * 100).toFixed(2) + "%" }}</i
|
|
|
- >
|
|
|
+ :style="orderData.dataAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
+ >{{ (orderData.dataAmountRate * 100).toFixed(2) + "%" }}</i
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
<div
|
|
@@ -220,17 +222,17 @@
|
|
|
>
|
|
|
<p class="p-main-data">
|
|
|
周同比:<i
|
|
|
- :style="orderData.monthAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
- >{{ (orderData.monthAmountRate * 100).toFixed(2) + "%" }}</i
|
|
|
- >
|
|
|
+ :style="orderData.monthAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
+ >{{ (orderData.monthAmountRate * 100).toFixed(2) + "%" }}</i
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
<div :style="dateType == 0 ? '' : 'visibility: hidden'">
|
|
|
<p class="p-main-data">
|
|
|
日环比:<i
|
|
|
- :style="orderData.dateAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
- >{{ (orderData.dateAmountRate * 100).toFixed(2) + "%" }}
|
|
|
- </i>
|
|
|
+ :style="orderData.dateAmountRate > 0 ? 'color:red' : 'color:green'"
|
|
|
+ >{{ (orderData.dateAmountRate * 100).toFixed(2) + "%" }}
|
|
|
+ </i>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -247,12 +249,12 @@
|
|
|
style="width: 240px; float: right; padding: 3px 0"
|
|
|
@change="changeEchartsType"
|
|
|
>
|
|
|
- <el-option label="销售额" value="orderAmount" />
|
|
|
- <el-option label="销售额(有效)" value="validOrderAmount" />
|
|
|
- <el-option label="服务费" value="regimentalPromotionAmount" />
|
|
|
- <el-option label="达人数" value="promoterCount" v-if="type == 1" />
|
|
|
- <el-option label="订单数" value="orderCount" />
|
|
|
- <el-option label="有效订单数" value="validOrderCount" />
|
|
|
+ <el-option label="销售额" value="orderAmount"/>
|
|
|
+ <el-option label="销售额(有效)" value="validOrderAmount"/>
|
|
|
+ <el-option label="服务费" value="regimentalPromotionAmount"/>
|
|
|
+ <el-option label="达人数" value="promoterCount" v-if="type == 1"/>
|
|
|
+ <el-option label="订单数" value="orderCount"/>
|
|
|
+ <el-option label="有效订单数" value="validOrderCount"/>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="flex-class">
|
|
@@ -318,13 +320,13 @@
|
|
|
<el-card shadow="never" class="card-show" style="width: 100%; min-height: 700px">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-size: 16px; font-weight: bold; float: left"
|
|
|
- >商品排行榜</span
|
|
|
+ >商品排行榜</span
|
|
|
>
|
|
|
<el-button
|
|
|
style="float: right; padding: 3px 0"
|
|
|
type="text"
|
|
|
@click="toOrderList"
|
|
|
- >更多>>
|
|
|
+ >更多>>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<el-table v-loading="orderRankLoading" :data="orderRankList">
|
|
@@ -369,8 +371,8 @@
|
|
|
<el-table-column label="日涨幅" align="center" prop="radio">
|
|
|
<template slot-scope="scope">
|
|
|
<i :style="scope.row.radio > 0 ? 'color:red' : 'color:green'">{{
|
|
|
- scope.row.radio ? (scope.row.radio * 100).toFixed(2) + "%" : "-"
|
|
|
- }}</i>
|
|
|
+ scope.row.radio ? (scope.row.radio * 100).toFixed(2) + "%" : "-"
|
|
|
+ }}</i>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -389,13 +391,13 @@
|
|
|
<el-card shadow="never" class="card-show" style="width: 100%; min-height: 700px">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-size: 16px; font-weight: bold; float: left"
|
|
|
- >达人排行榜</span
|
|
|
+ >达人排行榜</span
|
|
|
>
|
|
|
<el-button
|
|
|
style="float: right; padding: 3px 0"
|
|
|
type="text"
|
|
|
@click="toPersonList"
|
|
|
- >更多>>
|
|
|
+ >更多>>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<el-table v-loading="promoterLoading" :data="promoterRankList">
|
|
@@ -436,8 +438,8 @@
|
|
|
<el-table-column label="日涨幅" align="center" prop="radio">
|
|
|
<template slot-scope="scope">
|
|
|
<i :style="scope.row.radio > 0 ? 'color:red' : 'color:green'">{{
|
|
|
- scope.row.radio ? (scope.row.radio * 100).toFixed(2) + "%" : "-"
|
|
|
- }}</i>
|
|
|
+ scope.row.radio ? (scope.row.radio * 100).toFixed(2) + "%" : "-"
|
|
|
+ }}</i>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -608,7 +610,7 @@ export default {
|
|
|
orderRankList: [],
|
|
|
orderRankLoading: false,
|
|
|
orderTotal: 0,
|
|
|
- queryParams: { pageNum: 1, pageSize: 10, promoterPageNum: 1 },
|
|
|
+ queryParams: {pageNum: 1, pageSize: 10, promoterPageNum: 1},
|
|
|
promoterRankList: [],
|
|
|
promoterLoading: false,
|
|
|
promoterTotal: 0,
|
|
@@ -625,12 +627,12 @@ export default {
|
|
|
this.$store.getters.roles[0] == "courtship"
|
|
|
? 2
|
|
|
: this.$store.getters.roles[0] == "bdManager" ||
|
|
|
- this.$store.getters.roles[0] == "bd" ||
|
|
|
- this.$store.getters.roles[0] == "association" ||
|
|
|
- this.$store.getters.roles[0] == "associationManager" ||
|
|
|
- this.$store.getters.roles[0] == "supplyChainAdmin"
|
|
|
- ? 1
|
|
|
- : 2;
|
|
|
+ this.$store.getters.roles[0] == "bd" ||
|
|
|
+ this.$store.getters.roles[0] == "association" ||
|
|
|
+ this.$store.getters.roles[0] == "associationManager" ||
|
|
|
+ this.$store.getters.roles[0] == "supplyChainAdmin"
|
|
|
+ ? 1
|
|
|
+ : 2;
|
|
|
let date = new Date();
|
|
|
let y = date.getFullYear();
|
|
|
let MM = date.getMonth() + 1;
|
|
@@ -644,15 +646,16 @@ export default {
|
|
|
const a = document.createElement("a");
|
|
|
document.body.appendChild(a);
|
|
|
a.style.display = "none";
|
|
|
- a.href = "http://192.168.1.169:80/dataBigScreen";
|
|
|
- // http://567.ruixuan.tjyourong.com.cn/dataBigScreen
|
|
|
+ // a.href = "http://192.168.1.169:80/dataBigScreen";
|
|
|
+ // a.href = " http://192.168.1.82:1024/dataBigScreen";
|
|
|
+ a.href = "http://567.ruixuan.tjyourong.com.cn/dataBigScreen";
|
|
|
|
|
|
a.target = "_blank";
|
|
|
a.click();
|
|
|
document.body.removeChild(a);
|
|
|
},
|
|
|
getMediaId() {
|
|
|
- getMediaId({ userId: this.userId }).then((res) => {
|
|
|
+ getMediaId({userId: this.userId}).then((res) => {
|
|
|
this.mediaId = res.data;
|
|
|
this.getInfomation();
|
|
|
this.getOrderData();
|
|
@@ -684,7 +687,7 @@ export default {
|
|
|
return text;
|
|
|
},
|
|
|
getInfomation() {
|
|
|
- getPersonalInfo({ userId: this.userId, type: this.type }).then((res) => {
|
|
|
+ getPersonalInfo({userId: this.userId, type: this.type}).then((res) => {
|
|
|
this.topInfo = res.data;
|
|
|
});
|
|
|
},
|
|
@@ -693,7 +696,7 @@ export default {
|
|
|
this.loading = true;
|
|
|
getOrderData(
|
|
|
this.addDateRange(
|
|
|
- { userId: this.userId, type: this.type, mediaId: this.mediaId },
|
|
|
+ {userId: this.userId, type: this.type, mediaId: this.mediaId},
|
|
|
this.uploadDate,
|
|
|
"statDate",
|
|
|
"endDate"
|
|
@@ -715,7 +718,7 @@ export default {
|
|
|
this.loading = true;
|
|
|
getOrderData(
|
|
|
this.addDateRange(
|
|
|
- { userId: this.userId, type: this.type, mediaId: this.mediaId },
|
|
|
+ {userId: this.userId, type: this.type, mediaId: this.mediaId},
|
|
|
this.uploadDate,
|
|
|
"statDate",
|
|
|
"endDate"
|
|
@@ -740,7 +743,7 @@ export default {
|
|
|
this.echartsLoading = true;
|
|
|
getDataAnalysis(
|
|
|
this.addDateRange(
|
|
|
- { userId: this.userId, type: this.type, mediaId: this.mediaId },
|
|
|
+ {userId: this.userId, type: this.type, mediaId: this.mediaId},
|
|
|
this.uploadDate,
|
|
|
"statDate",
|
|
|
"endDate"
|
|
@@ -753,12 +756,13 @@ export default {
|
|
|
},
|
|
|
|
|
|
/** 更多操作 */
|
|
|
- handleEdit(item, id) {},
|
|
|
+ handleEdit(item, id) {
|
|
|
+ },
|
|
|
|
|
|
/** 查询字典类型列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
|
- getSaleClueTaskList({ ...this.queryParams, userId: this.userId }).then(
|
|
|
+ getSaleClueTaskList({...this.queryParams, userId: this.userId}).then(
|
|
|
(response) => {
|
|
|
console.log(response.data.rows);
|
|
|
this.typeList = response.data.rows;
|
|
@@ -904,12 +908,12 @@ export default {
|
|
|
this.echartsType == "orderAmount"
|
|
|
? "销售额"
|
|
|
: this.echartsType == "regimentalPromotionAmount"
|
|
|
- ? "服务费"
|
|
|
- : this.echartsType == "promoterCount"
|
|
|
- ? "达人数"
|
|
|
- : this.echartsType == "orderCount"
|
|
|
- ? "订单数"
|
|
|
- : "",
|
|
|
+ ? "服务费"
|
|
|
+ : this.echartsType == "promoterCount"
|
|
|
+ ? "达人数"
|
|
|
+ : this.echartsType == "orderCount"
|
|
|
+ ? "订单数"
|
|
|
+ : "",
|
|
|
|
|
|
type: "line",
|
|
|
stack: "总量",
|
|
@@ -1069,10 +1073,10 @@ export default {
|
|
|
m == 0
|
|
|
? num.toFixed(m) + "."
|
|
|
: hasDot
|
|
|
- ? n
|
|
|
- ? num.toFixed(n)
|
|
|
- : num
|
|
|
- : num.toFixed(m);
|
|
|
+ ? n
|
|
|
+ ? num.toFixed(n)
|
|
|
+ : num
|
|
|
+ : num.toFixed(m);
|
|
|
symbol = symbol || ",";
|
|
|
num = num.toString().replace(/(\d)(?=(\d{3})+\.)/g, function (match, p1, p2) {
|
|
|
return p1 + symbol;
|