Skip to content

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

no message

parent 5eba12df
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 42 deletions
src/views/workstatistics/DrainageSummaryStatistics.vue
View file @ 7b80dec4
...@@ -29,7 +29,6 @@ ...@@ -29,7 +29,6 @@
<el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3"> <el-col :xs="7" :sm="6" :md="5" :lg="4" :xl="3">
<span class="font-size-12" style="padding-right: 10px">平台</span> <span class="font-size-12" style="padding-right: 10px">平台</span>
<el-select v-model="msg.PlatformType" size="small" placeholder="请选择平台" @change="init"> <el-select v-model="msg.PlatformType" size="small" placeholder="请选择平台" @change="init">
<el-option label='不限' value='0' key='0'></el-option>
<el-option <el-option
v-for="item in PlatformTypeList" v-for="item in PlatformTypeList"
:key="item.Id" :key="item.Id"
...@@ -50,41 +49,74 @@ ...@@ -50,41 +49,74 @@
</el-option> </el-option>
</el-select> </el-select>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<el-tabs v-model="activeName" style="flex:1;height:100%;" class="diy-eltabs" tab-position="top"> <div class="activeBox">
<el-tab-pane label="小红书汇总统计" name="monthdata" style="background:#000"> <div v-for="item in activeList" @click="msg.PlatformType=item.Id,init()"
<div class="data-box-item"> :class="{'active':msg.PlatformType==item.Id}">
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading"> {{item.Name}}
<tr> </div>
<th width="120">退款时间</th> </div>
<th width="120">退款金额</th> <div style="padding: 0 0;background: #ffffff;">
<th>退款单号</th> <el-table
<th>退款状态</th> :data="dataList"
<th>收款单号</th> style="width: 100%"
<th>收款金额</th> :border="true"
<th>收款日期</th> :fit="true"
<th>支付渠道</th> v-loading="loading"
<th>退款关联单据</th> :cell-style="columenStyle"
</tr> :header-cell-style="getRowClass"
<tr v-for="item in dataList"> >
<td>{{item.RefundTime}}</td> <el-table-column fixed prop="Name" label="账号名称"></el-table-column>
<td>{{item.Refund_Amt}}</td> <el-table-column prop="" label="粉丝数"><template slot-scope="scope"></template></el-table-column>
<td>{{item.Refund_Order_No}}</td> <el-table-column prop="" label="粉丝成长率"></el-table-column>
</tr> <el-table-column>
</table> <template slot="header" slot-scope="scope">
<el-tooltip class="item" effect="dark" content="近七天新增粉絲率(8月24~31日)" placement="top-start">
</div> <p>近七天新增粉絲率(8月24~31日)</p>
</el-tab-pane> </el-tooltip>
<el-tab-pane label="微博汇总统计" name="monthrate"> </template>
<div class="data-box-item"> <template slot-scope="scope">
</div> </template>
</el-tab-pane> </el-table-column>
</el-tabs> <el-table-column prop="" label="近7天粉絲增长率"></el-table-column>
<el-table-column prop="" label="获赞与收藏"></el-table-column>
<el-table-column prop="" label="获赞与收藏增长率"></el-table-column>
<el-table-column prop="" label="近七天主页访客"></el-table-column>
<el-table-column prop="" label="近七天主页访客增长率"></el-table-column>
<el-table-column prop="" label="近七天观看数"></el-table-column>
<el-table-column prop="" label="近七天观看数增长率"></el-table-column>
<el-table-column prop="" label="近七天互动数"></el-table-column>
<el-table-column prop="" label="近七天互动数增长率"></el-table-column>
<el-table-column prop="" label="近七天评论"></el-table-column>
<el-table-column prop="" label="近七天评论增长率"></el-table-column>
<el-table-column prop="" label="近七天观看总时长(秒)"></el-table-column>
<el-table-column prop="" label="近七天观看总时长增长率"></el-table-column>
<el-table-column prop="" label="笔记数"></el-table-column>
<el-table-column prop="" label="笔记数增长率"></el-table-column>
<el-table-column prop="" label="运营人"></el-table-column>
<!-- <el-table-column
align="right">
<template slot="header" slot-scope="scope">
<el-input
v-model="search"
size="mini"
placeholder="输入关键字搜索"/>
</template>
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)">Edit</el-button>
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.$index, scope.row)">Delete</el-button>
</template>
</el-table-column> -->
</el-table>
</div>
</div> </div>
</template> </template>
...@@ -92,6 +124,11 @@ ...@@ -92,6 +124,11 @@
export default { export default {
data() { data() {
return { return {
activeList:[
{Name:'小红书',Id:1},
{Name:'微博',Id:2},
{Name:'抖音',Id:3},
],
ModuleTypeList:[], ModuleTypeList:[],
PlatformTypeList:[], PlatformTypeList:[],
tableListTwo:[ tableListTwo:[
...@@ -113,18 +150,18 @@ ...@@ -113,18 +150,18 @@
dataList: [], dataList: [],
loading: false, loading: false,
rateLoading: false, rateLoading: false,
activeName: "monthdata", activeName: "1",
rateData: [], rateData: [],
msg: { msg: {
PeriodsId: "", PeriodsId: -1,
PlatformType: "", PlatformType: 1,
ModuleTypeIds:[] ModuleTypeIds:[]
}, },
PeroidsList:[] PeroidsList:[]
}; };
}, },
mounted() { mounted() {
this.init(); this.init();
this.getEnumerate() this.getEnumerate()
}, },
methods: { methods: {
...@@ -164,7 +201,7 @@ ...@@ -164,7 +201,7 @@
if (this.loading) return; if (this.loading) return;
this.loading = true; this.loading = true;
let EmpIds = JSON.parse(JSON.stringify(this.msg.ModuleTypeIds)) let EmpIds = JSON.parse(JSON.stringify(this.msg.ModuleTypeIds))
EmpIds = EmpIds.split(',') EmpIds = EmpIds&&EmpIds.length>0?EmpIds.split(','):[]
let arr =[] let arr =[]
EmpIds.forEach(item => { EmpIds.forEach(item => {
arr.push(Number(item)) arr.push(Number(item))
...@@ -174,7 +211,7 @@ ...@@ -174,7 +211,7 @@
{ {
PeriodsId: this.msg.PeriodsId, PeriodsId: this.msg.PeriodsId,
PlatformType: this.msg.PlatformType, PlatformType: this.msg.PlatformType,
ModuleTypeIds: arr.join(',') ModuleTypeIds: arr.join(',')?arr.join(','):''
}, },
(res) => { (res) => {
this.loading = false; this.loading = false;
...@@ -250,7 +287,22 @@ ...@@ -250,7 +287,22 @@
<style> <style>
@import "../../assets/css/customerManage.css"; @import "../../assets/css/customerManage.css";
.activeBox div.active{
border-bottom: 2px solid #00b0f0;
}
.activeBox div{
width: 80px;
padding: 0 0 15px 0;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.activeBox{
display: flex;
border-bottom: 1px solid #dedede;
background: #ffffff;
}
.el-table__fixed-body-wrapper table { .el-table__fixed-body-wrapper table {
padding-bottom: 8px !important; padding-bottom: 8px !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