Skip to content

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

no message

parent 21d856b2
Hide whitespace changes
Inline Side-by-side
Showing with 221 additions and 28 deletions
src/views/workstatistics/DrainageSummaryStatistics.vue
View file @ 5bb2e911
......@@ -57,7 +57,8 @@
>
<el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
<el-table-column prop="FansNum" label="粉丝数"></el-table-column>
<el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">{{scope.row.FansRate}}%</template></el-table-column>
<el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
<el-table-column width="120">
<template slot="header" slot-scope="scope">
<el-tooltip class="item" effect="dark" content="近七天新增粉丝量" placement="top-start">
......@@ -68,21 +69,29 @@
{{scope.row.AddFansNum}}
</template>
</el-table-column>
<el-table-column width="120" prop="AddFansRate" label="近7天粉丝增长率"><template slot-scope="scope">{{scope.row.AddFansRate}}%</template></el-table-column>
<el-table-column width="120" prop="AddFansRate" label="近7天粉丝增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.AddFansRate<0}">{{scope.row.AddFansRate}}%</span></template></el-table-column>
<el-table-column width="100" prop="CollectNum" label="获赞与收藏"></el-table-column>
<el-table-column width="130" prop="CollectRate" label="获赞与收藏增长率"><template slot-scope="scope">{{scope.row.CollectRate}}%</template></el-table-column>
<el-table-column width="130" prop="CollectRate" label="获赞与收藏增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.CollectRate<0}">{{scope.row.CollectRate}}%</span></template></el-table-column>
<el-table-column width="120" prop="VisitorNum" label="近七天主页访客"></el-table-column>
<el-table-column width="170" prop="VisitorRate" label="近七天主页访客增长率"><template slot-scope="scope">{{scope.row.VisitorRate}}%</template></el-table-column>
<el-table-column width="170" prop="VisitorRate" label="近七天主页访客增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.VisitorRate<0}">{{scope.row.VisitorRate}}%</span></template></el-table-column>
<el-table-column width="120" prop="LookNum" label="近七天观看数"></el-table-column>
<el-table-column width="140" prop="LookRate" label="近七天观看数增长率"><template slot-scope="scope">{{scope.row.LookRate}}%</template></el-table-column>
<el-table-column width="140" prop="LookRate" label="近七天观看数增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.LookRate<0}">{{scope.row.LookRate}}%</span></template></el-table-column>
<el-table-column width="100" prop="InteractionNum" label="近七天互动数"></el-table-column>
<el-table-column width="150" prop="InteractionRate" label="近七天互动数增长率"><template slot-scope="scope">{{scope.row.InteractionRate}}%</template></el-table-column>
<el-table-column width="150" prop="InteractionRate" label="近七天互动数增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.InteractionRate<0}">{{scope.row.InteractionRate}}%</span></template></el-table-column>
<el-table-column width="90" prop="DiscussNum" label="近七天评论"></el-table-column>
<el-table-column width="150" prop="DiscussRate" label="近七天评论增长率"><template slot-scope="scope">{{scope.row.DiscussRate}}%</template></el-table-column>
<el-table-column width="150" prop="DiscussRate" label="近七天评论增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.DiscussRate<0}">{{scope.row.DiscussRate}}%</span></template></el-table-column>
<el-table-column width="150" prop="SecondsNum" label="近七天观看总时长(秒)"></el-table-column>
<el-table-column width="170" prop="SecondsRate" label="近七天观看总时长增长率"><template slot-scope="scope">{{scope.row.SecondsRate}}%</template></el-table-column>
<el-table-column width="170" prop="SecondsRate" label="近七天观看总时长增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.SecondsRate<0}">{{scope.row.SecondsRate}}%</span></template></el-table-column>
<el-table-column width="80" prop="NoteNum" label="笔记数"></el-table-column>
<el-table-column width="120" prop="NoteRate" label="笔记数增长率"><template slot-scope="scope">{{scope.row.NoteRate}}%</template></el-table-column>
<el-table-column width="120" prop="NoteRate" label="笔记数增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.NoteRate<0}">{{scope.row.NoteRate}}%</span></template></el-table-column>
<el-table-column fixed="right" prop="EmpName" label="运营人"></el-table-column>
<el-table-column width="120" fixed="right" label="操作">
<template slot-scope="scope">
......@@ -101,16 +110,21 @@
>
<el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
<el-table-column prop="FansNum" label="粉丝数"></el-table-column>
<el-table-column width="130" prop="FansRate" label="近七天粉丝成长率"><template slot-scope="scope">{{scope.row.FansRate}}%</template></el-table-column>
<el-table-column width="130" prop="FansRate" label="近七天粉丝成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
<el-table-column width="100" prop="AddFansNum" label="近七天关注"></el-table-column>
<el-table-column width="120" prop="AddFansRate" label="近7天关注增长率"><template slot-scope="scope">{{scope.row.AddFansRate}}%</template></el-table-column>
<el-table-column width="120" prop="AddFansRate" label="近7天关注增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.AddFansRate<0}">{{scope.row.AddFansRate}}%</span></template></el-table-column>
<el-table-column width="100" prop="CollectNum" label="昨日阅读量"></el-table-column>
<el-table-column width="150" prop="CollectRate" label="近七天阅读(播放)量"></el-table-column>
<el-table-column width="180" prop="VisitorNum" label="近七天阅读(播放)量增长率"><template slot-scope="scope">{{scope.row.VisitorNum}}%</template></el-table-column>
<el-table-column width="180" prop="VisitorNum" label="近七天阅读(播放)量增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.VisitorNum<0}">{{scope.row.VisitorNum}}%</span></template></el-table-column>
<el-table-column width="170" prop="VisitorRate" label="近一个月阅读(播放)量"></el-table-column>
<el-table-column width="200" prop="LookNum" label="近一个月阅读(播放)量增长率"><template slot-scope="scope">{{scope.row.LookNum}}%</template></el-table-column>
<el-table-column width="200" prop="LookNum" label="近一个月阅读(播放)量增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.LookNum<0}">{{scope.row.LookNum}}%</span></template></el-table-column>
<el-table-column width="100" prop="LookRate" label="总微博数"></el-table-column>
<el-table-column width="120" prop="InteractionNum" label="总微博数增长率"><template slot-scope="scope">{{scope.row.InteractionNum}}%</template></el-table-column>
<el-table-column width="120" prop="InteractionNum" label="总微博数增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.InteractionNum<0}">{{scope.row.InteractionNum}}%</span></template></el-table-column>
<el-table-column fixed="right" prop="EmpName" label="运营人"></el-table-column>
<el-table-column width="120" fixed="right" label="操作">
<template slot-scope="scope">
......@@ -128,23 +142,32 @@
>
<el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
<el-table-column prop="FansNum" label="粉丝数"></el-table-column>
<el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">{{scope.row.FansRate}}%</template></el-table-column>
<el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
<el-table-column width="80" prop="AddFansNum" label="关注"></el-table-column>
<el-table-column width="100" prop="AddFansRate" label="关注成长率"><template slot-scope="scope">{{scope.row.AddFansRate}}%</template></el-table-column>
<el-table-column width="100" prop="AddFansRate" label="关注成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.AddFansRate<0}">{{scope.row.AddFansRate}}%</span></template></el-table-column>
<el-table-column width="80" prop="CollectNum" label="获赞"></el-table-column>
<el-table-column width="100" prop="CollectRate" label="获赞增长率"><template slot-scope="scope">{{scope.row.CollectRate}}%</template></el-table-column>
<el-table-column width="100" prop="CollectRate" label="获赞增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.CollectRate<0}">{{scope.row.CollectRate}}%</span></template></el-table-column>
<el-table-column width="120" prop="VisitorNum" label="七天内播放总量"></el-table-column>
<el-table-column width="120" prop="VisitorRate" label="播放总量成长率"><template slot-scope="scope">{{scope.row.VisitorRate}}%</template></el-table-column>
<el-table-column width="120" prop="VisitorRate" label="播放总量成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.VisitorRate<0}">{{scope.row.VisitorRate}}%</span></template></el-table-column>
<el-table-column width="120" prop="LookNum" label="主页访问"></el-table-column>
<el-table-column width="90" prop="LookRate" label="主页访问成长率"><template slot-scope="scope">{{scope.row.LookRate}}%</template></el-table-column>
<el-table-column width="90" prop="LookRate" label="主页访问成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.LookRate<0}">{{scope.row.LookRate}}%</span></template></el-table-column>
<el-table-column width="120" prop="InteractionNum" label="作品点赞数"></el-table-column>
<el-table-column width="100" prop="InteractionRate" label="作品点赞数成长率"><template slot-scope="scope">{{scope.row.InteractionRate}}%</template></el-table-column>
<el-table-column width="100" prop="InteractionRate" label="作品点赞数成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.InteractionRate<0}">{{scope.row.InteractionRate}}%</span></template></el-table-column>
<el-table-column width="90" prop="DiscussNum" label="新增粉丝数"></el-table-column>
<el-table-column width="130" prop="DiscussRate" label="新增粉丝数成长率 "><template slot-scope="scope">{{scope.row.DiscussRate}}%</template></el-table-column>
<el-table-column width="130" prop="DiscussRate" label="新增粉丝数成长率 "><template slot-scope="scope">
<span :class="{'activeRed':scope.row.DiscussRate<0}">{{scope.row.DiscussRate}}%</span></template></el-table-column>
<el-table-column width="100" prop="SecondsNum" label="作品评论数"></el-table-column>
<el-table-column width="150" prop="SecondsRate" label="作品评论数成长率"><template slot-scope="scope">{{scope.row.SecondsRate}}%</template></el-table-column>
<el-table-column width="150" prop="SecondsRate" label="作品评论数成长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.SecondsRate<0}">{{scope.row.SecondsRate}}%</span></template></el-table-column>
<el-table-column width="80" prop="NoteNum" label="作品数"></el-table-column>
<el-table-column width="90" prop="NoteRate" label="作品增长率"><template slot-scope="scope">{{scope.row.NoteRate}}%</template></el-table-column>
<el-table-column width="90" prop="NoteRate" label="作品增长率"><template slot-scope="scope">
<span :class="{'activeRed':scope.row.NoteRate<0}">{{scope.row.NoteRate}}%</span></template></el-table-column>
<el-table-column fixed="right" prop="EmpName" label="运营人"></el-table-column>
<el-table-column width="120" fixed="right" label="操作">
<template slot-scope="scope">
......@@ -217,6 +240,10 @@
<li>近七天获赞与收藏成长率</li>
<li v-for="item in RateList.CollectRank">{{item.EmpName}}({{item.CollectRate}}%)</li>
</ul>
<ul>
<li>近七天主页访客成长率</li>
<li v-for="item in RankList.VisitorRank">{{item.EmpName}}({{item.VisitorRate}}%)</li>
</ul>
<ul>
<li>近七天观看数成长率</li>
<li v-for="item in RateList.LookRank">{{item.EmpName}}({{item.LookRate}}%)</li>
......@@ -286,6 +313,10 @@
<li>近七天关注数成长率</li>
<li v-for="item in RateList.AddFansRank">{{item.EmpName}}({{item.AddFansRate}}%)</li>
</ul>
<ul>
<li>昨日阅读量成长率</li>
<li v-for="item in RankList.CollectRank">{{item.EmpName}}({{item.CollectRank}}%)</li>
</ul>
<ul>
<li>近七天阅读(播放)量成长率</li>
<li v-for="item in RateList.CollectRank">{{item.EmpName}}({{item.CollectRate}}%)</li>
......@@ -350,7 +381,7 @@
<img src="../../assets/img/cust/upimg.png" alt="">
</el-upload>
<span v-if="errText" style="width: 100px; position: absolute;right: -150px;top:40px; color: red;white-space: wrap;">
<span v-if="errText" style="width: 400px; position: absolute;right: -150px;top:40px; color: red;white-space: wrap;">
{{errText}}
</span>
</div>
......@@ -365,6 +396,85 @@
</el-button>
</div>
</el-dialog>
<el-dialog @closed="closedDialogEdit" :modal="true" :visible.sync="dialogTableVisibleEdit" width="600px" :close-on-click-modal="false" class="addCustomer">
<div class="add-tit" slot="title">
<p><span></span></p>
<span icon="el-icon-close"></span>
</div>
<div class="form-box" >
<el-form :model="form" ref="form" :rules="rules" class="MyEditForm">
<el-row :gutter="30">
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="粉丝数量" prop="FansNum">
<el-input type="Number" placeholder="请输入粉丝数量" v-model="formEdit.FansNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="新增粉丝数量" prop="AddFansNum">
<el-input type="Number" placeholder="请输入新增粉丝数量" v-model="formEdit.AddFansNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="收藏数量" prop="CollectNum">
<el-input type="Number" placeholder="请输入收藏数量" v-model="formEdit.CollectNum"CollectNum></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="访客数量" prop="VisitorNum">
<el-input type="Number" placeholder="请输入访客数量" v-model="formEdit.VisitorNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="观看数量" prop="LookNum">
<el-input type="Number" placeholder="请输入观看数量" v-model="formEdit.LookNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="互动数量" prop="InteractionNum">
<el-input type="Number" placeholder="请输入互动数量" v-model="formEdit.InteractionNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="评论数量" prop="DiscussNum">
<el-input type="Number" placeholder="请输入评论数量" v-model="formEdit.DiscussNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="观看总时长" prop="SecondsNum">
<el-input type="Number" placeholder="请输入观看总时长" v-model="formEdit.SecondsNum"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="8">
<div class="MyEditForm-item">
<el-form-item label="笔记数量" prop="NoteNum">
<el-input type="Number" placeholder="请输入笔记数量" v-model="formEdit.NoteNum"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" class="add-box-btn" @click="submitForm('form')">确 定</el-button>
<el-button class="add-box-btn add-box-cancel" @click="dialogTableVisible = false, resetForm('form')">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -372,6 +482,18 @@
export default {
data() {
return {
formEdit:{
Id:'',// :'',//明细ID（以小红书为蓝本） 是 [string] 查看
FansNum:'',// 粉丝数量 是 [string] 查看
AddFansNum:'',// 添加分数数量 是 [string] 查看
CollectNum:'',// 收藏数量 是 [string] 查看
VisitorNum:'',// 访客数量 是 [string] 查看
LookNum:'',// 观看数量 是 [string] 查看
InteractionNum:'',// 互动数量 是 [string] 查看
DiscussNum:'',// 评论数量 是 [string] 查看
SecondsNum:'',// 观看总时长 是 [string] 查看
NoteNum:'',// 笔记数量
},
errText:'',
rankingTitle:[
'排名项目',
......@@ -426,6 +548,7 @@
dialogTableVisible: false,
loadingText:'',
downloadUrl: "",
dialogTableVisibleEdit: false
};
},
mounted() {
......@@ -444,7 +567,44 @@
},
// 修改引流账号
editAccount(row){
this.formEdit = JSON.parse(JSON.stringify(row))
this.dialogTableVisibleEdit = true
},
addData(){
if (!this.form.Name) {
return this.$message.error('请输入账号名称')
}
if (!this.form.PlatformType) {
return this.$message.error('请选择平台')
}
if (!this.form.ModuleType) {
return this.$message.error('请选择板块')
}
if (this.form.EmpIds&&this.form.EmpIds.length==0) {
return this.$message.error('请选择运营人')
}
let datas = {
Id:this.form.Id?this.form.Id:0,
Name:this.form.Name,
PlatformType:this.form.PlatformType,
ModuleType:this.form.ModuleType,
EmpIds:this.form.EmpIds.join(','),
}
this.apipost('/api/IntroduceFlowStat/SetFlowPeriodsDetial',datas, res=>{
if (res.data.resultCode == 1) {
this.init()
this.resetForm("form");
this.dialogTableVisible = false;
this.$message.success(res.data.message)
} else {
this.$message.error(res.data.message)
}
})
},
closedDialogEdit(){
this.dialogTableVisibleEdit = false
this.resetFormEdit('formEdit')
},
closedDialog() {
this.dialogTableVisible = false
......@@ -487,6 +647,21 @@
}
});
},
resetFormEdit(formName) { // 重置表单
this.formEdit = {
Id:'',// :'',//明细ID（以小红书为蓝本） 是 [string] 查看
FansNum:'',// 粉丝数量 是 [string] 查看
AddFansNum:'',// 添加分数数量 是 [string] 查看
CollectNum:'',// 收藏数量 是 [string] 查看
VisitorNum:'',// 访客数量 是 [string] 查看
LookNum:'',// 观看数量 是 [string] 查看
InteractionNum:'',// 互动数量 是 [string] 查看
DiscussNum:'',// 评论数量 是 [string] 查看
SecondsNum:'',// 观看总时长 是 [string] 查看
NoteNum:'',// 笔记数量
}
this.$refs[formName].resetFields();
},
resetForm(formName) { // 重置表单
this.form = {
PlatformType:'',
......@@ -555,8 +730,6 @@
}if(res.data.data.RateList){
this.RateList = res.data.data.RateList;
}
}
},
(e) => {
......@@ -569,9 +742,26 @@
this.dialogTableVisible = true
}
if (command == "2") {
let text = ''
let PeriodsName = ''
this.PeroidsList.forEach(item=>{
if(this.msg.PeriodsId==item.Id){
PeriodsName = item.Name
}
})
if(this.msg.PlatformType==1){
text = '小红书'+ '-' + PeriodsName
}
if(this.msg.PlatformType==2){
text = '微博'+ '-' + PeriodsName
}
if(this.msg.PlatformType==3){
text = '抖音'+ '-' + PeriodsName
}
this.downloadHandler(
"/api/IntroduceFlowStat/DownLoadFlowStat",
"引流汇总"
text
);
}
},
......@@ -596,6 +786,9 @@
<style>
@import "../../assets/css/customerManage.css";
.activeRed{
color: red;
}
.ranking-content+.ranking-content ul li:nth-child(4){
background: #FFCCFF;
}
......
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