Skip to content

C
CRM
Commit 815a51dc authored by 罗超's avatar 罗超
Browse files
Options

临时提交

parent cb137e85
Expand all Show whitespace changes
Inline Side-by-side
Showing with 314 additions and 293 deletions
src/components/Home.vue
View file @ 815a51dc
This diff is collapsed.
src/components/statistics/model/discussBox.vue
View file @ 815a51dc
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
.discussBox .list .list-item .content{ .discussBox .list .list-item .content{
padding-left: 33px; padding-left: 33px;
line-height: 1.6; line-height: 1.6;
font-size: 12px;
} }
.discussBox .list .list-item .footer{ .discussBox .list .list-item .footer{
padding-left: 33px; padding-left: 33px;
...@@ -121,24 +122,24 @@ ...@@ -121,24 +122,24 @@
<template> <template>
<div class="discussBox"> <div class="discussBox">
<div class="discussBox-tit"> <div class="discussBox-tit">
<div class="num">368 条评论</div> <div class="num">1 条评论</div>
<div class="cp change" @click="sort = !sort"><i class="el-icon-sort"></i>切换为{{sort === true ? '时间' : '默认'}}排序</div> <div class="cp change" @click="sort = !sort"><i class="el-icon-sort"></i>切换为{{sort === true ? '时间' : '点赞'}}排序</div>
</div> </div>
<ul class="list"> <ul class="list">
<li class="list-item" v-for="(item, index) in 6" :key="index"> <li class="list-item" v-for="(item, index) in 1" :key="index">
<div> <div>
<div class="list-item-tit"> <div class="list-item-tit">
<div> <div>
<img width="24" height="24" src="https://pic4.zhimg.com/v2-d3f573f46ce86a124f4d92e4383fceab_is.jpg" alt=""> <img width="24" height="24" src="http://imgfile.oytour.com/New/Upload/User/20191018150051176.png" alt="">
<span>王二</span> <span style="font-size:14px;font-family:perfectFont;font-weight:700;">罗超</span>
</div> </div>
<span class="font-color-info">2 天前</span> <span class="font-color-info">21:03</span>
</div> </div>
<div class="content"> <div class="content">
<p>高反为0？...在郎木寺那里青旅住好几个人高反了</p> <p>根据对客户性别的统计可以，更好的了解不同性别的客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</p>
</div> </div>
<div class="footer"> <div class="footer">
<span class="cp like"><i class="iconfont iconzan"></i>赞</span> <span class="cp like"><i class="iconfont iconzan"></i>赞（20）</span>
<span class="cp" @click="msgBoxShow = !msgBoxShow"><i class="iconfont iconhuifu"></i>{{msgBoxShow ? '取消' : ''}}回复</span> <span class="cp" @click="msgBoxShow = !msgBoxShow"><i class="iconfont iconhuifu"></i>{{msgBoxShow ? '取消' : ''}}回复</span>
</div> </div>
<div class="msg-box" v-if="msgBoxShow"> <div class="msg-box" v-if="msgBoxShow">
...@@ -148,7 +149,7 @@ ...@@ -148,7 +149,7 @@
</el-input> </el-input>
</div> </div>
</div> </div>
<div class="next"></div> <!-- <div class="next"></div>
<div class="level2"> <div class="level2">
<div class="list-item-tit"> <div class="list-item-tit">
<div> <div>
...@@ -231,7 +232,7 @@ ...@@ -231,7 +232,7 @@
</el-input> </el-input>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</li> </li>
</ul> </ul>
......
src/components/statistics/model/sexChart.vue
View file @ 815a51dc
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
let myChart = this.$echarts.init(this.$refs.sexChart); let myChart = this.$echarts.init(this.$refs.sexChart);
let option = { let option = {
grid: { grid: {
left: '5%', left: '50',
right: '3%' right: '3%'
}, },
xAxis: { xAxis: {
......
src/components/statistics/old.vue
View file @ 815a51dc
...@@ -39,88 +39,7 @@ ...@@ -39,88 +39,7 @@
</div> </div>
</div> </div>
<!-- <div class="title">报名统计</div>
<div class="t-item">
<div class="first">
<div class="t">婴儿（0-6岁）</div>
<div class="v">报名人数：935，占比2.19%</div>
</div>
<div class="second">
<div class="chosen" :style="{'width':2.19+'%'}">
<i class="iconfont icon-yinger" v-for="item in 60" :key="`yr_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">儿童（7-12岁）</div>
<div class="v">报名人数：2018，占比4.73%</div>
</div>
<div class="second et">
<div class="chosen" :style="{'width':4.73+'%'}">
<i class="iconfont icon-ertong" v-for="item in 60" :key="`et_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">少年（13-18岁）</div>
<div class="v">报名人数：1899，占比4.45%</div>
</div>
<div class="second sn">
<div class="chosen" :style="{'width':4.45+'%'}">
<i class="iconfont icon-paobu" v-for="item in 60" :key="`sn_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">青年（19-35岁）</div>
<div class="v">报名人数：12123，占比28.45%</div>
</div>
<div class="second qn">
<div class="chosen" :style="{'width':28.45+'%'}">
<i class="iconfont icon-lingdao" v-for="item in 60" :key="`qn_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">壮年（36-45岁）</div>
<div class="v">报名人数：7550，占比17.72%</div>
</div>
<div class="second zn">
<div class="chosen" :style="{'width':17.72+'%'}">
<i class="iconfont icon-shangban" v-for="item in 60" :key="`zn_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">壮年（46-69岁）</div>
<div class="v">报名人数：16136，占比37.87%</div>
</div>
<div class="second zhn">
<div class="chosen" :style="{'width':37.87+'%'}">
<i class="iconfont icon-zhongnian" v-for="item in 60" :key="`zhn_${item}`"></i>
</div>
</div>
</div>
<div class="t-item">
<div class="first">
<div class="t">老年（70岁以上）</div>
<div class="v">报名人数：1938，占比4.54%</div>
</div>
<div class="second ln">
<div class="chosen" :style="{'width':4.54+'%'}">
<i
class="iconfont icon-laonianrenmianfeiyimiao"
v-for="item in 60"
:key="`lr_${item}`"
></i>
</div>
</div>
</div>-->
</el-col> </el-col>
<el-col :span="12" style="height:100%;"> <el-col :span="12" style="height:100%;">
<div class="left-content"> <div class="left-content">
...@@ -146,10 +65,10 @@ ...@@ -146,10 +65,10 @@
</div> </div>
<div class="situ"> <div class="situ">
<div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div> <div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div>
<!-- <div class="bot" @click="drawer = true"> <div class="bot" @click="drawer = true">
查看更多，参与讨论(19) 查看更多，参与讨论(1)
<i class="el-icon-d-arrow-right"></i> <i class="el-icon-d-arrow-right"></i>
</div> --> </div>
</div> </div>
</el-card> </el-card>
</div> </div>
......
src/components/statistics/tourType.vue
View file @ 815a51dc
...@@ -66,6 +66,9 @@ ...@@ -66,6 +66,9 @@
.tourType .sjsm>div .left{ .tourType .sjsm>div .left{
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px;
font-family: 'perfectFont';
font-weight: 900;
} }
.tourType .sjsm>div .left img{ .tourType .sjsm>div .left img{
padding-right: 10px; padding-right: 10px;
...@@ -97,7 +100,7 @@ ...@@ -97,7 +100,7 @@
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<img src="../../assets/img/tongji/qinzi.png" alt=""> <img src="../../assets/img/tongji/qinzi.png" alt="">
</div> </div>
<p>亲子出游</p> <!-- <p>亲子出游</p> -->
</div> </div>
</el-col> </el-col>
<el-col :span="14" style="height: 100%;"> <el-col :span="14" style="height: 100%;">
...@@ -122,15 +125,54 @@ ...@@ -122,15 +125,54 @@
<span>数据说明</span> <span>数据说明</span>
</div> </div>
<div class="sjsm"> <div class="sjsm">
<div v-for="(item, index) in 9" :key="index"> <div>
<div class="left">
<img src="../../assets/img/tongji/qinzhi.png" alt="">
<p>{{strArr[0]}}</p>
</div>
<div class="right">
<p>累计报名<span class="hight-font">6800</span>人，关联购物金额<span class="hight-font">57952.67</span>万，报名均价为<span class="hight-font">8152.69</span>元</p>
<p>最喜爱产品<span class="hight-font">《椿山庄假期》</span></p>
</div>
</div>
<div>
<div class="left">
<img src='../../assets/img/tongji/miyue.png' alt="">
<p>{{strArr[1]}}</p>
</div>
<div class="right">
<p>累计报名<span class="hight-font">6800</span>人，关联购物金额<span class="hight-font">57952.67</span>万，报名均价为<span class="hight-font">8152.69</span>元</p>
<p>最喜爱产品<span class="hight-font">《椿山庄假期》</span></p>
</div>
</div>
<div>
<div class="left">
<img src='../../assets/img/tongji/xiyang.png' alt="">
<p>{{strArr[2]}}</p>
</div>
<div class="right">
<p>累计报名<span class="hight-font">6800</span>人，关联购物金额<span class="hight-font">57952.67</span>万，报名均价为<span class="hight-font">8152.69</span>元</p>
<p>最喜爱产品<span class="hight-font">《椿山庄假期》</span></p>
</div>
</div>
<div>
<div class="left">
<img src="../../assets/img/tongji/shujia.png" alt="">
<p>{{strArr[3]}}</p>
</div>
<div class="right">
<p>累计报名<span class="hight-font">6800</span>人，关联购物金额<span class="hight-font">57952.67</span>万，报名均价为<span class="hight-font">8152.69</span>元</p>
<p>最喜爱产品<span class="hight-font">《椿山庄假期》</span></p>
</div>
</div>
<div>
<div class="left"> <div class="left">
<img v-if="item.Sex === 1" src="../../assets/img/tongji/man1.png" alt=""> <img src='../../assets/img/tongji/hanjia.png' alt="">
<img v-else src="../../assets/img/tongji/woman1.png" alt=""> <p>{{strArr[4]}}</p>
<span class="font-size-12">{{item.SexStr}}士</span>
</div> </div>
<div class="right"> <div class="right">
<p>累计报名<span class="hight-font">{{item.SexCount}}</span>人，关联购物金额<span class="hight-font">{{item.ShopMoney}}</span>万，报名均价为<span class="hight-font">{{item.Unit_Price}}</span>元</p> <p>累计报名<span class="hight-font">6800</span>人，关联购物金额<span class="hight-font">57952.67</span>万，报名均价为<span class="hight-font">8152.69</span>元</p>
<p>最喜爱产品<span class="hight-font">《{{item.LtName}}》</span></p> <p>最喜爱产品<span class="hight-font">《椿山庄假期》</span></p>
</div> </div>
</div> </div>
</div> </div>
...@@ -151,7 +193,7 @@ ...@@ -151,7 +193,7 @@
<div class="situ"> <div class="situ">
<div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div> <div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div>
<div class="bot" @click="drawer = true"> <div class="bot" @click="drawer = true">
查看更多，参与讨论(19) 查看更多，参与讨论(1)
<i class="el-icon-d-arrow-right"></i> <i class="el-icon-d-arrow-right"></i>
</div> </div>
</div> </div>
...@@ -182,11 +224,42 @@ export default { ...@@ -182,11 +224,42 @@ export default {
return { return {
discussID: 0, discussID: 0,
drawer: false, drawer: false,
chartData: [50, 30, 20, 10, 60], chartData: [17,5,20,37,21],
shopChartData: [], shopChartData: [{
SexOrder: [], text:'亲子',
num:17,
color:'#0D2481'
},{
text:'蜜月',
num:5,
color:'#FFA97C'
},{
text:'夕阳红',
num:20,
color:'#98BD7B'
},{
text:'暑期',
num:37,
color:'#D2C9F1'
},{
text:'寒假',
num:21,
color:'#6EBCE2'
}],
SexOrder: [17,5,20,37,21],
loading: false, loading: false,
strArr: ['亲子', '蜜月', '夕阳红', '暑期', '寒假'] strArr: ['亲子', '蜜月', '夕阳红', '暑期', '寒假'],
imgs:[{
url:require('../../assets/img/tongji/qinzhi.png')
},{
url:require('../../assets/img/tongji/miyue.png')
},{
url:require('../../assets/img/tongji/xiyang.png')
},{
url:require('../../assets/img/tongji/shujia.png')
},{
url:require('../../assets/img/tongji/hanjia.png')
}]
}; };
},watch:{ },watch:{
...@@ -202,20 +275,21 @@ export default { ...@@ -202,20 +275,21 @@ export default {
let contShop = res.data.data[0].ShopMoney + res.data.data[1].ShopMoney, man = res.data.data[0].ShopMoney, woman = res.data.data[1].ShopMoney, let contShop = res.data.data[0].ShopMoney + res.data.data[1].ShopMoney, man = res.data.data[0].ShopMoney, woman = res.data.data[1].ShopMoney,
contNum = res.data.data[0].SexCount + res.data.data[1].SexCount, manN = res.data.data[0].SexCount, womanN = res.data.data[1].SexCount; contNum = res.data.data[0].SexCount + res.data.data[1].SexCount, manN = res.data.data[0].SexCount, womanN = res.data.data[1].SexCount;
let chartData = [], shopChartData = []; let chartData = [], shopChartData = [];
chartData.push( // chartData.push(
((manN/contNum)*100).toFixed(2) // ((manN/contNum)*100).toFixed(2)
) // )
chartData.push( // chartData.push(
((womanN/contNum)*100).toFixed(2) // ((womanN/contNum)*100).toFixed(2)
) // )
shopChartData.push( // shopChartData.push(
Number(((man/contShop)*100).toFixed(0)) // Number(((man/contShop)*100).toFixed(0))
) // )
shopChartData.push( // shopChartData.push(
Number(((woman/contShop)*100).toFixed(0)) // Number(((woman/contShop)*100).toFixed(0))
) // )
this.chartData = chartData this.chartData = chartData
this.shopChartData = shopChartData //this.shopChartData = shopChartData
this.chartData.
this.loading = false this.loading = false
}); });
} }
......
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