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 @@ ...@@ -33,7 +33,11 @@
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
:default-sort = "{prop: 'date', order: 'descending'}"> :default-sort = "{prop: 'date', order: 'descending'}">
<el-table-column width="150" fixed prop="EmpName" label="姓名"></el-table-column> <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 :label="i.Name" align="center" v-for="i in PlatformTypeList">
<el-table-column <el-table-column
v-for="(item,index) in ModuleTypeList" :key="index" v-for="(item,index) in ModuleTypeList" :key="index"
...@@ -42,28 +46,28 @@ ...@@ -42,28 +46,28 @@
width="80"> width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<template v-if="i.Name=='小红书'"> <template v-if="i.Name=='小红书'">
<span v-for="(itemOne,indexs) in scope.row.oneArr" :key="indexs"> <span v-for="(obj,indexs) in scope.row.RedBookList" :key="indexs">
<template v-if="index==indexs"> <template v-if="obj.ModuleName==item.Name">
<span class="activeNum"> <span class="activeNum" @click="details(obj,scope.row.EmpName)">
{{itemOne>0?itemOne:''}} {{obj.Number>0?obj.Number:''}}
</span> </span>
</template> </template>
</span> </span>
</template> </template>
<template v-if="i.Name=='微博'"> <template v-if="i.Name=='微博'">
<span v-for="(itemOne,indexs) in scope.row.twoArr" :key="indexs"> <span v-for="(obj,indexs) in scope.row.MicroBlogList" :key="indexs">
<template v-if="index==indexs"> <template v-if="obj.ModuleName==item.Name">
<span class="activeNum"> <span class="activeNum">
{{itemOne>0?itemOne:''}} {{obj.Number>0?obj.Number:''}}
</span> </span>
</template> </template>
</span> </span>
</template> </template>
<template v-if="i.Name=='抖音'"> <template v-if="i.Name=='抖音'">
<span v-for="(itemOne,indexs) in scope.row.threeArr" :key="indexs"> <span v-for="(obj,indexs) in scope.row.TikTokList" :key="indexs">
<template v-if="index==indexs"> <template v-if="obj.ModuleName==item.Name">
<span class="activeNum"> <span class="activeNum">
{{itemOne>0?itemOne:''}} {{obj.Number>0?obj.Number:''}}
</span> </span>
</template> </template>
</span> </span>
...@@ -73,7 +77,7 @@ ...@@ -73,7 +77,7 @@
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="TotalNum" label="合计"> <el-table-column fixed="right" prop="TotalNum" label="合计">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="activeNumB"> <span class="activeNum">
{{scope.row.TotalNum>0?scope.row.TotalNum:''}} {{scope.row.TotalNum>0?scope.row.TotalNum:''}}
</span> </span>
...@@ -82,6 +86,45 @@ ...@@ -82,6 +86,45 @@
</el-table> </el-table>
</div> </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> </div>
</template> </template>
...@@ -89,6 +132,9 @@ ...@@ -89,6 +132,9 @@
export default { export default {
data() { data() {
return { return {
title:'',
detailsList:null,
dialogTableVisible: false,
formEdit:{ formEdit:{
Id:'',// :'',//明细ID（以小红书为蓝本） 是 [string] 查看 Id:'',// :'',//明细ID（以小红书为蓝本） 是 [string] 查看
FansNum:'',// 粉丝数量 是 [string] 查看 FansNum:'',// 粉丝数量 是 [string] 查看
...@@ -120,29 +166,65 @@ ...@@ -120,29 +166,65 @@
ModuleTypeList:[], ModuleTypeList:[],
PlatformTypeList:[], PlatformTypeList:[],
dataList: [ dataList: [
// { {
// name:'李四', name:'李四',
// ranking:'第一名', ranking:'第一名',
// xhs:[ 小红书:{
// { list:[
// name:'机票', {
// num:1 name:'机票',
// } num:'1次',
// ], numList:[//次数详情
// wb:[
// { ]
// name:'机票', },
// num:1 {
// } name:'日语',
// ], num:'2次',
// dy:[ numList:[//次数详情
// {
// name:'机票', ]
// num:1 }
// } ]
// ], },
// hj: 3 微博:{
// }, list:[
{
name:'机票',
num:'1次',
numList:[//次数详情
]
},
{
name:'日语',
num:'2次',
numList:[//次数详情
]
}
]
},
抖音:{
list:[
{
name:'机票',
num:'1次',
numList:[//次数详情
]
},
{
name:'日语',
num:'2次',
numList:[//次数详情
]
}
]
},
合计: 3
},
// { // {
// name:'李四', // name:'李四',
// ranking:'第二名', // ranking:'第二名',
...@@ -272,6 +354,15 @@ ...@@ -272,6 +354,15 @@
this.init(); this.init();
}, },
methods: { methods: {
details(row,EmpName){
console.log(row)
this.dialogTableVisible = true
this.title = EmpName
this.detailsList = row.Remark
},
closedDialog(){
this.dialogTableVisible = false
},
getTime(){ getTime(){
if(this.times){ if(this.times){
this.msg.StartTime = this.times[0] this.msg.StartTime = this.times[0]
...@@ -313,25 +404,25 @@ ...@@ -313,25 +404,25 @@
(res) => { (res) => {
this.loading = false; this.loading = false;
if(res.data.data){ if(res.data.data){
console.log(res.data.data) // let List = JSON.parse(JSON.stringify(res.data.data))
let List = JSON.parse(JSON.stringify(res.data.data)) // for(let j=0;j<List.length;j++){
for(let j=0;j<List.length;j++){ // List[j].oneArr = []
List[j].oneArr = [] // List[j].twoArr = []
List[j].twoArr = [] // List[j].threeArr = []
List[j].threeArr = [] // for(let i = 0;i<List[j].NumList.length;i++){
for(let i = 0;i<List[j].NumList.length;i++){ // if(i<5){
if(i<5){ // List[j].oneArr.push(List[j].NumList[i])
List[j].oneArr.push(List[j].NumList[i]) // }
} // if(i>4&&i<10){
if(i>4&&i<10){ // List[j].twoArr.push(List[j].NumList[i])
List[j].twoArr.push(List[j].NumList[i]) // }
} // if(i>9&&i<15){
if(i>9&&i<15){ // List[j].threeArr.push(List[j].NumList[i])
List[j].threeArr.push(List[j].NumList[i]) // }
} // }
} // }
} // this.dataList = List
this.dataList = List this.dataList = res.data.data
} }
}, },
(e) => { (e) => {
...@@ -376,13 +467,22 @@ ...@@ -376,13 +467,22 @@
</script> </script>
<style> <style>
@import "../../assets/css/customerManage.css"; @import "../../assets/css/customerManage.css";
.activeThree{
background: #FDE9D9;
}
.activeTwo{
background: #FCD5B4;
}
.activeOne{
background: #FABF8F;
}
.activeNumB{ .activeNumB{
/* color: #66b1ff; */ color: red;
font-size: 16px;
} }
.activeNum{ .activeNum{
/* color: red; */ color: #409EFF;
font-size: 16px; font-size: 16px;
cursor: pointer;
} }
.customerManage.border .el-table--border td{ .customerManage.border .el-table--border td{
border-right: 1px solid #EBEEF5 !important; 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