Skip to content

C
CRM
Commit fb43498b authored by youjie's avatar youjie
Browse files
Options

no message

parent 1c78bc35
Show whitespace changes
Inline Side-by-side
Showing with 157 additions and 57 deletions
src/views/workstatistics/DrainageRankingStatistics.vue
View file @ fb43498b
......@@ -33,7 +33,11 @@
:span-method="objectSpanMethod"
:default-sort = "{prop: 'date', order: 'descending'}">
<el-table-column width="150" fixed prop="EmpName" label="姓名"></el-table-column>
<el-table-column width="100" prop="RankName" label="排名"></el-table-column>
<el-table-column width="100" prop="RankName" label="排名">
<template slot-scope="scope">
<span>{{scope.row.RankName}}</span>
</template>
</el-table-column>
<el-table-column :label="i.Name" align="center" v-for="i in PlatformTypeList">
<el-table-column
v-for="(item,index) in ModuleTypeList" :key="index"
......@@ -42,28 +46,28 @@
width="80">
<template slot-scope="scope">
<template v-if="i.Name=='小红书'">
<span v-for="(itemOne,indexs) in scope.row.oneArr" :key="indexs">
<template v-if="index==indexs">
<span class="activeNum">
{{itemOne>0?itemOne:''}}
<span v-for="(obj,indexs) in scope.row.RedBookList" :key="indexs">
<template v-if="obj.ModuleName==item.Name">
<span class="activeNum" @click="details(obj,scope.row.EmpName)">
{{obj.Number>0?obj.Number:''}}
</span>
</template>
</span>
</template>
<template v-if="i.Name=='微博'">
<span v-for="(itemOne,indexs) in scope.row.twoArr" :key="indexs">
<template v-if="index==indexs">
<span v-for="(obj,indexs) in scope.row.MicroBlogList" :key="indexs">
<template v-if="obj.ModuleName==item.Name">
<span class="activeNum">
{{itemOne>0?itemOne:''}}
{{obj.Number>0?obj.Number:''}}
</span>
</template>
</span>
</template>
<template v-if="i.Name=='抖音'">
<span v-for="(itemOne,indexs) in scope.row.threeArr" :key="indexs">
<template v-if="index==indexs">
<span v-for="(obj,indexs) in scope.row.TikTokList" :key="indexs">
<template v-if="obj.ModuleName==item.Name">
<span class="activeNum">
{{itemOne>0?itemOne:''}}
{{obj.Number>0?obj.Number:''}}
</span>
</template>
</span>
......@@ -73,7 +77,7 @@
</el-table-column>
<el-table-column fixed="right" prop="TotalNum" label="合计">
<template slot-scope="scope">
<span class="activeNumB">
<span class="activeNum">
{{scope.row.TotalNum>0?scope.row.TotalNum:''}}
</span>
......@@ -82,6 +86,45 @@
</el-table>
</div>
<el-dialog @closed="closedDialog" :modal="true" :visible.sync="dialogTableVisible" width="900px" :close-on-click-modal="false" class="addCustomer">
<div class="add-tit" slot="title">
<p><span></span>{{title}}排名详情</p>
<span icon="el-icon-close"></span>
</div>
<div v-if="detailsList&&detailsList.length>0">
<div class="orderlog-box-center" v-for="(item,index) in detailsList" :key="index">
<div class="form-box-log">
<div class="form-log-title">
<span class="log-radius"></span>
<div class="form-log-text">
<span>
{{item.PlatformName}}
</span>
<span>
{{item.PeriodsName}}
</span>
</div>
</div>
<div class="form-log-center">
{{item.StatName}}:
<span class="activeNumB">{{item.Value}}</span>
</div>
</div>
</div>
</div>
<div v-else class="noData">暂无数据</div>
<!-- <div v-if="total>0">
<el-pagination class="Mypagination" background @current-change="handleCurrentChange"
:page-sizes="[10, 30, 60, 90, 100]" :page-size="msg.pageSize" layout="total, sizes, prev, pager, next"
@size-change="handleSizeChange" :total="total">
</el-pagination>
</div> -->
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="dialogTableVisible = false">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -89,6 +132,9 @@
export default {
data() {
return {
title:'',
detailsList:null,
dialogTableVisible: false,
formEdit:{
Id:'',// :'',//明细ID（以小红书为蓝本） 是 [string] 查看
FansNum:'',// 粉丝数量 是 [string] 查看
......@@ -120,29 +166,65 @@
ModuleTypeList:[],
PlatformTypeList:[],
dataList: [
// {
// name:'李四',
// ranking:'第一名',
// xhs:[
// {
// name:'机票',
// num:1
// }
// ],
// wb:[
// {
// name:'机票',
// num:1
// }
// ],
// dy:[
// {
// name:'机票',
// num:1
// }
// ],
// hj: 3
// },
{
name:'李四',
ranking:'第一名',
小红书:{
list:[
{
name:'机票',
num:'1次',
numList:[//次数详情
]
},
{
name:'日语',
num:'2次',
numList:[//次数详情
]
}
]
},
微博:{
list:[
{
name:'机票',
num:'1次',
numList:[//次数详情
]
},
{
name:'日语',
num:'2次',
numList:[//次数详情
]
}
]
},
抖音:{
list:[
{
name:'机票',
num:'1次',
numList:[//次数详情
]
},
{
name:'日语',
num:'2次',
numList:[//次数详情
]
}
]
},
合计: 3
},
// {
// name:'李四',
// ranking:'第二名',
......@@ -272,6 +354,15 @@
this.init();
},
methods: {
details(row,EmpName){
console.log(row)
this.dialogTableVisible = true
this.title = EmpName
this.detailsList = row.Remark
},
closedDialog(){
this.dialogTableVisible = false
},
getTime(){
if(this.times){
this.msg.StartTime = this.times[0]
......@@ -313,25 +404,25 @@
(res) => {
this.loading = false;
if(res.data.data){
console.log(res.data.data)
let List = JSON.parse(JSON.stringify(res.data.data))
for(let j=0;j<List.length;j++){
List[j].oneArr = []
List[j].twoArr = []
List[j].threeArr = []
for(let i = 0;i<List[j].NumList.length;i++){
if(i<5){
List[j].oneArr.push(List[j].NumList[i])
}
if(i>4&&i<10){
List[j].twoArr.push(List[j].NumList[i])
}
if(i>9&&i<15){
List[j].threeArr.push(List[j].NumList[i])
}
}
}
this.dataList = List
// let List = JSON.parse(JSON.stringify(res.data.data))
// for(let j=0;j<List.length;j++){
// List[j].oneArr = []
// List[j].twoArr = []
// List[j].threeArr = []
// for(let i = 0;i<List[j].NumList.length;i++){
// if(i<5){
// List[j].oneArr.push(List[j].NumList[i])
// }
// if(i>4&&i<10){
// List[j].twoArr.push(List[j].NumList[i])
// }
// if(i>9&&i<15){
// List[j].threeArr.push(List[j].NumList[i])
// }
// }
// }
// this.dataList = List
this.dataList = res.data.data
}
},
(e) => {
......@@ -376,13 +467,22 @@
</script>
<style>
@import "../../assets/css/customerManage.css";
.activeThree{
background: #FDE9D9;
}
.activeTwo{
background: #FCD5B4;
}
.activeOne{
background: #FABF8F;
}
.activeNumB{
/* color: #66b1ff; */
font-size: 16px;
color: red;
}
.activeNum{
/* color: red; */
color: #409EFF;
font-size: 16px;
cursor: pointer;
}
.customerManage.border .el-table--border td{
border-right: 1px solid #EBEEF5 !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment