Browse Source

Merge branch 'master' of gitea.intra.yunpaper.com:zhangqi/kuailelunwen_new_houtai into styleCommon-1218

pull/137/head
zq 6 days ago
parent
commit
84c98919b1
  1. 23
      src/views/super/Ranking/RankBatchList.vue

23
src/views/super/Ranking/RankBatchList.vue

@ -29,7 +29,6 @@
<el-table-column fixed="left" <el-table-column fixed="left"
v-if="(dataRank == 1 || dataRank == 2) && (dataType == 'ver_type' || dataType == 'check_type')" v-if="(dataRank == 1 || dataRank == 2) && (dataType == 'ver_type' || dataType == 'check_type')"
prop="name" :key="selectedType" :label="type_select[selectedType]" min-width="120"> prop="name" :key="selectedType" :label="type_select[selectedType]" min-width="120">
<template slot="header"> <template slot="header">
<el-select class="custom-select tableHeaderSelect" popper-class="custom-select-dropdown" <el-select class="custom-select tableHeaderSelect" popper-class="custom-select-dropdown"
v-model="selectedType" @change="changeRankType"> v-model="selectedType" @change="changeRankType">
@ -50,13 +49,11 @@
:prop="String(index + 1)" :prop="String(index + 1)"
:render-header=" (h, scope) => index == 3 ? renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) : scope.column.label" :render-header=" (h, scope) => index == 3 ? renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) : scope.column.label"
sortable="custom" min-width="170"> sortable="custom" min-width="170">
<!--产品利润排行展示查看更多--> <!--产品利润排行展示查看更多-->
<template v-if="index == 3 && dataRank == 1" scope="{ row, $index }"> <template v-if="index == 3 && dataRank == 1" scope="{ row, $index }">
<el-popover v-model="row.id_popover" :ref="`popover-${row.id}`" <el-popover v-model="row.id_popover" :ref="`popover-${row.id}`"
placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true" placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true"
popper-class="custom-popover" @show="popshow" > popper-class="custom-popover" @show="popshow" >
<div v-if="type != 'agent'" class="pop-wrap"> <div v-if="type != 'agent'" class="pop-wrap">
<div class="flex-between flex pop-top"> <div class="flex-between flex pop-top">
<h3> <h3>
@ -69,7 +66,6 @@
</div> </div>
<el-table :data="tableData1" style="width: 100%"> <el-table :data="tableData1" style="width: 100%">
<el-table-column prop="value_1" width="200" label="日期"></el-table-column> <el-table-column prop="value_1" width="200" label="日期"></el-table-column>
<el-table-column width="200" :label="rank_type_desc[dataRank]"> <el-table-column width="200" :label="rank_type_desc[dataRank]">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="flex"> <div class="flex">
@ -91,7 +87,6 @@
</div> </div>
<el-table :data="tableData1" style="width: 100%"> <el-table :data="tableData1" style="width: 100%">
<el-table-column prop="sort" width="95" label="排序"> <el-table-column prop="sort" width="95" label="排序">
</el-table-column> </el-table-column>
<el-table-column prop="name" width="250" label="服务名称"></el-table-column> <el-table-column prop="name" width="250" label="服务名称"></el-table-column>
<el-table-column prop="rate" width="130" label="毛利占比"> <el-table-column prop="rate" width="130" label="毛利占比">
@ -111,7 +106,6 @@
<el-table-column prop="value_2" width="130" label="订单数"></el-table-column> <el-table-column prop="value_2" width="130" label="订单数"></el-table-column>
</el-table> </el-table>
</div> </div>
<div class="flex" slot="reference"> <div class="flex" slot="reference">
<!-- {{ row[field] }} --> <!-- {{ row[field] }} -->
{{ $formatNumber(row[field]) }} {{ $formatNumber(row[field]) }}
@ -120,7 +114,6 @@
:hoverColor="'#006AFF'" @click="handleClick(row, $index, 'id')" /> :hoverColor="'#006AFF'" @click="handleClick(row, $index, 'id')" />
</div> </div>
</el-popover> </el-popover>
</template> </template>
<template v-else slot-scope="scope"> <template v-else slot-scope="scope">
<div class="flex"> <div class="flex">
@ -128,7 +121,6 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<!--产品利润排行展示代理商排行--> <!--产品利润排行展示代理商排行-->
<el-table-column v-if="dataRank == 1 && (dataType == 'ver_type' || dataType == 'check_type')" <el-table-column v-if="dataRank == 1 && (dataType == 'ver_type' || dataType == 'check_type')"
:render-header=" (h, scope) => renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) " :render-header=" (h, scope) => renderHeaderWithIcon(h, scope, require('@/assets/require.svg')) "
@ -184,7 +176,10 @@ import CustomDropdown from '@/components/CustomDropdown.vue';
import SvgIcon from '@/components/SvgIcon.vue'; import SvgIcon from '@/components/SvgIcon.vue';
import GuipToolTip from '@/components/GuipToolTip.vue'; import GuipToolTip from '@/components/GuipToolTip.vue';
import {getDate,getFormattedDate} from "@/utils/common.js" import {getDate,getFormattedDate} from "@/utils/common.js"
<<<<<<< HEAD
=======
>>>>>>> b3837ab9b64a6bcf6f0c21885dbbe52d14501704
// import HoverImage from '@/components/super/HoverImage.vue'; // import HoverImage from '@/components/super/HoverImage.vue';
export default { export default {
name: 'rank_batch_list', name: 'rank_batch_list',
@ -271,8 +266,6 @@ export default {
this.text = this.getNowDate() this.text = this.getNowDate()
this.dataType = this.type this.dataType = this.type
this.dataRank = this.rank_type this.dataRank = this.rank_type
this.getRankingData(); this.getRankingData();
}, },
handleUpdateView(newView) { handleUpdateView(newView) {
@ -290,9 +283,7 @@ export default {
this.textDesc = viewdesc + this.text; this.textDesc = viewdesc + this.text;
this.selectedDate = date; this.selectedDate = date;
localStorage.setItem('date', JSON.stringify(date)) localStorage.setItem('date', JSON.stringify(date))
this.$refs.dropdownRef.closeDropdown(); this.$refs.dropdownRef.closeDropdown();
this.currentPage = 1; this.currentPage = 1;
this.getRankingData() this.getRankingData()
}, },
@ -355,7 +346,6 @@ export default {
}); });
// //
row[type + '_popover'] = true; row[type + '_popover'] = true;
let obj = {} let obj = {}
if (this.dataType == 'agent') { if (this.dataType == 'agent') {
obj.aid = row.id obj.aid = row.id
@ -385,7 +375,6 @@ export default {
}); });
// //
row[type + '_popover_2'] = true; row[type + '_popover_2'] = true;
let obj = {} let obj = {}
if (this.dataType == 'agent') { if (this.dataType == 'agent') {
obj.aid = row.id obj.aid = row.id
@ -403,7 +392,6 @@ export default {
ariaEls.forEach((item) => { ariaEls.forEach((item) => {
item.removeAttribute('aria-hidden') item.removeAttribute('aria-hidden')
}) })
ariaEls = document.querySelectorAll('.el-radio__original') ariaEls = document.querySelectorAll('.el-radio__original')
ariaEls.forEach((item) => { ariaEls.forEach((item) => {
item.removeAttribute('aria-hidden') item.removeAttribute('aria-hidden')
@ -453,10 +441,8 @@ export default {
const date = new Date(this.text); const date = new Date(this.text);
const year = date.getFullYear(); const year = date.getFullYear();
const month = date.getMonth() + 1; const month = date.getMonth() + 1;
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
const currentMonth = new Date().getMonth() + 1; const currentMonth = new Date().getMonth() + 1;
this.current_month = ''; this.current_month = '';
if (this.view === 'month' && year == currentYear && month == currentMonth) { if (this.view === 'month' && year == currentYear && month == currentMonth) {
this.current_month = '(当月)'; this.current_month = '(当月)';
@ -472,7 +458,6 @@ export default {
for (let i = 3; i >= 0; i--) { for (let i = 3; i >= 0; i--) {
let m = month - i; let m = month - i;
if (m <= 0) m += 12; if (m <= 0) m += 12;
monthLabels.push(m + '月' + this.rank_type_desc[this.rank_type]); monthLabels.push(m + '月' + this.rank_type_desc[this.rank_type]);
} }
this.labels = monthLabels; this.labels = monthLabels;
@ -689,4 +674,4 @@ export default {
color: #1E2226; color: #1E2226;
height: 100%; height: 100%;
} }
</style> </style>
Loading…
Cancel
Save