Skip to content

C
CRM
Commit 1a6ee19f authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huaguohao/crm

parents 0add10fa 815a51dc
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 314 additions and 293 deletions
src/components/Home.vue
View file @ 1a6ee19f
This diff is collapsed.
src/components/statistics/model/discussBox.vue
View file @ 1a6ee19f
......@@ -60,6 +60,7 @@
.discussBox .list .list-item .content{
padding-left: 33px;
line-height: 1.6;
font-size: 12px;
}
.discussBox .list .list-item .footer{
padding-left: 33px;
......@@ -121,24 +122,24 @@
<template>
<div class="discussBox">
<div class="discussBox-tit">
<div class="num">368 条评论</div>
<div class="cp change" @click="sort = !sort"><i class="el-icon-sort"></i>切换为{{sort === true ? '时间' : '默认'}}排序</div>
<div class="num">1 条评论</div>
<div class="cp change" @click="sort = !sort"><i class="el-icon-sort"></i>切换为{{sort === true ? '时间' : '点赞'}}排序</div>
</div>
<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 class="list-item-tit">
<div>
<img width="24" height="24" src="https://pic4.zhimg.com/v2-d3f573f46ce86a124f4d92e4383fceab_is.jpg" alt="">
<span>王二</span>
<img width="24" height="24" src="http://imgfile.oytour.com/New/Upload/User/20191018150051176.png" alt="">
<span style="font-size:14px;font-family:perfectFont;font-weight:700;">罗超</span>
</div>
<span class="font-color-info">2 天前</span>
<span class="font-color-info">21:03</span>
</div>
<div class="content">
<p>高反为0？...在郎木寺那里青旅住好几个人高反了</p>
<p>根据对客户性别的统计可以，更好的了解不同性别的客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</p>
</div>
<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>
</div>
<div class="msg-box" v-if="msgBoxShow">
......@@ -148,7 +149,7 @@
</el-input>
</div>
</div>
<div class="next"></div>
<!-- <div class="next"></div>
<div class="level2">
<div class="list-item-tit">
<div>
......@@ -231,7 +232,7 @@
</el-input>
</div>
</div>
</div>
</div> -->
</div>
</li>
</ul>
......
src/components/statistics/model/sexChart.vue
View file @ 1a6ee19f
......@@ -31,7 +31,7 @@ export default {
let myChart = this.$echarts.init(this.$refs.sexChart);
let option = {
grid: {
left: '5%',
left: '50',
right: '3%'
},
xAxis: {
......
src/components/statistics/old.vue
View file @ 1a6ee19f
......@@ -39,88 +39,7 @@
</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 :span="12" style="height:100%;">
<div class="left-content">
......@@ -146,10 +65,10 @@
</div>
<div class="situ">
<div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div>
<!-- <div class="bot" @click="drawer = true">
查看更多，参与讨论(19)
<div class="bot" @click="drawer = true">
查看更多，参与讨论(1)
<i class="el-icon-d-arrow-right"></i>
</div> -->
</div>
</div>
</el-card>
</div>
......
src/components/statistics/tourType.vue
View file @ 1a6ee19f
......@@ -66,6 +66,9 @@
.tourType .sjsm>div .left{
display: flex;
align-items: center;
font-size: 14px;
font-family: 'perfectFont';
font-weight: 900;
}
.tourType .sjsm>div .left img{
padding-right: 10px;
......@@ -97,7 +100,7 @@
<div style="margin-bottom: 10px;">
<img src="../../assets/img/tongji/qinzi.png" alt="">
</div>
<p>亲子出游</p>
<!-- <p>亲子出游</p> -->
</div>
</el-col>
<el-col :span="14" style="height: 100%;">
......@@ -122,15 +125,54 @@
<span>数据说明</span>
</div>
<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">
<img v-if="item.Sex === 1" src="../../assets/img/tongji/man1.png" alt="">
<img v-else src="../../assets/img/tongji/woman1.png" alt="">
<span class="font-size-12">{{item.SexStr}}士</span>
<img src='../../assets/img/tongji/hanjia.png' alt="">
<p>{{strArr[4]}}</p>
</div>
<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">《{{item.LtName}}》</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">《椿山庄假期》</span></p>
</div>
</div>
</div>
......@@ -151,7 +193,7 @@
<div class="situ">
<div class="c">根据对客户年龄段的统计可以，更好的了解不同年龄段客人的喜好，消费能力的判读，从而快速的推荐团队给客人等等等</div>
<div class="bot" @click="drawer = true">
查看更多，参与讨论(19)
查看更多，参与讨论(1)
<i class="el-icon-d-arrow-right"></i>
</div>
</div>
......@@ -182,11 +224,42 @@ export default {
return {
discussID: 0,
drawer: false,
chartData: [50, 30, 20, 10, 60],
shopChartData: [],
SexOrder: [],
chartData: [17,5,20,37,21],
shopChartData: [{
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,
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:{
......@@ -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,
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 = [];
chartData.push(
((manN/contNum)*100).toFixed(2)
)
chartData.push(
((womanN/contNum)*100).toFixed(2)
)
shopChartData.push(
Number(((man/contShop)*100).toFixed(0))
)
shopChartData.push(
Number(((woman/contShop)*100).toFixed(0))
)
// chartData.push(
// ((manN/contNum)*100).toFixed(2)
// )
// chartData.push(
// ((womanN/contNum)*100).toFixed(2)
// )
// shopChartData.push(
// Number(((man/contShop)*100).toFixed(0))
// )
// shopChartData.push(
// Number(((woman/contShop)*100).toFixed(0))
// )
this.chartData = chartData
this.shopChartData = shopChartData
//this.shopChartData = shopChartData
this.chartData.
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