Skip to content

C
confucius
Commit 28e29bf2 authored by 黄奎's avatar 黄奎
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/luochao/confucius

parents ba881f05 03c1d6d4
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 104 deletions
src/pages/sale/channelDetail.vue
View file @ 28e29bf2
<style>
.visitTable {
text-align: center;
width: 100%;
}
.visitTable th,
.visitTable td {
border: 1px solid #d1d1d1;
height: 40px;
}
.visitTable tr th {
height: 40px;
background-color: rgb(238, 238, 239);
}
.Sysuser_Date .el-input__inner {
background: transparent !important;
border: 0 !important;
......@@ -23,7 +7,6 @@
.Sysuser_Date .el-range-editor .el-range-input {
background: transparent !important;
}
</style>
<template>
<div class="page-body">
......@@ -51,37 +34,30 @@
</div>
</div>
</div>
<div class="makeOutDiv">
<table class="visitTable" style="border-collapse:collapse;">
<tr>
<th>序号</th>
<th style="width:150px">渠道名</th>
<th>回单</th>
<th>到访</th>
<th>合同数</th>
<th>新业绩金额</th>
<th>到访率</th>
<th>合同转化率</th>
</tr>
<template v-if="dataList&&dataList.length>0">
<tr v-for="(cItem,cIndex) in dataList" :key="cIndex">
<td>{{cIndex+1}}</td>
<td>{{cItem.ChannelName}}</td>
<td>{{cItem.ClueCount}}</td>
<td>{{cItem.VisitCount}}</td>
<td>{{cItem.OrderCount}}</td>
<td>{{cItem.OrderIncome}}</td>
<td>{{getStatical(cItem.VisitCount,cItem.ClueCount)}}%</td>
<td>{{getStatical(cItem.OrderCount,cItem.VisitCount)}}%</td>
</tr>
<el-table :data="dataList" ref="table" style="width: 100%;" :height="tableHeight">
<el-table-column label="序号" type="index">
</el-table-column>
<el-table-column prop="ChannelName" label="渠道名">
</el-table-column>
<el-table-column prop="ClueCount" label="回单" sortable>
</el-table-column>
<el-table-column prop="VisitCount" label="到访" sortable>
</el-table-column>
<el-table-column prop="OrderCount" label="合同数" sortable>
</el-table-column>
<el-table-column prop="OrderIncome" label="新业绩金额" sortable>
</el-table-column>
<el-table-column prop="VisitingRate" label="到访率" sortable>
<template slot-scope="scope">
<span>{{scope.row.VisitingRate}}%</span>
</template>
<template v-else>
<tr>
<td colspan="8" rowspan="3">暂无数据</td>
</tr>
</el-table-column>
<el-table-column prop="ContractRate" label="合同转化率" sortable>
<template slot-scope="scope">
<span>{{scope.row.ContractRate}}%</span>
</template>
</table>
</div>
</el-table-column>
</el-table>
</div>
</template>
<script>
......@@ -106,7 +82,8 @@
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6
}
}
},
tableHeight:50
};
},
created() {
......@@ -130,6 +107,9 @@
this.dateList.push(year + strLink + month + strLink + day);
this.getEmployeeList();
this.getData();
setTimeout(() => {
this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop-80;
},100)
},
methods: {
//获取数据
......@@ -144,6 +124,10 @@
MarketChannelStatic(this.msg).then(res => {
if (res.Code == 1) {
this.dataList = res.Data;
this.dataList.forEach(x=>{
x.VisitingRate = this.getStatical(x.VisitCount,x.ClueCount)
x.ContractRate = this.getStatical(x.OrderCount,x.VisitCount)
})
}
});
},
......
src/pages/sale/visitTransform.vue
View file @ 28e29bf2
<style>
.visitTable {
text-align: center;
width: 100%;
}
.visitTable th,
.visitTable td {
border: 1px solid #d1d1d1;
height: 40px;
}
.visitTable tr th {
height: 40px;
background-color: rgb(238, 238, 239);
}
.Sysuser_Date .el-input__inner {
background: transparent !important;
border: 0 !important;
......@@ -23,7 +7,6 @@
.Sysuser_Date .el-range-editor .el-range-input {
background: transparent !important;
}
</style>
<template>
<div class="page-body">
......@@ -39,7 +22,7 @@
</template>
</q-field>
</div>
<div class="col-3 Sysuser_Date">
<div class="col-3 Sysuser_Date" style="display:none;">
<q-field filled>
 <template v-slot:control>
<el-select class="topselect" v-model="msg.empList" @change="getData" style="width:100%;" collapse-tags
......@@ -59,43 +42,30 @@
<q-tab :name="3" label="学校渠道" />
<q-tab :name="4" label="转介渠道" />
</q-tabs>
<table class="visitTable" style="border-collapse:collapse;margin-top:20px;">
<tr>
<th colspan="8">
<span v-if="top_Check==1">同行渠道</span>
<span v-if="top_Check==2">内部渠道</span>
<span v-if="top_Check==3">学校渠道</span>
<span v-if="top_Check==4">转介渠道</span>
</th>
</tr>
<tr>
<th>序号</th>
<th style="width:150px">渠道名</th>
<th>回单</th>
<th>到访</th>
<th>合同数</th>
<th>新业绩金额</th>
<th>到访率</th>
<th>合同转化率</th>
</tr>
<template v-if="dataList.length>0">
<tr v-for="(cItem,cIndex) in dataList" :key="cIndex">
<td>{{cIndex+1}}</td>
<td>{{cItem.ChannelName}}</td>
<td>{{cItem.ClueCount}}</td>
<td>{{cItem.VisitCount}}</td>
<td>{{cItem.OrderCount}}</td>
<td>{{cItem.OrderIncome}}</td>
<td>{{getStatical(cItem.VisitCount,cItem.ClueCount)}}%</td>
<td>{{getStatical(cItem.OrderCount,cItem.VisitCount)}}%</td>
</tr>
</template>
<template v-else>
<tr>
<td colspan="8" rowspan="3">暂无数据</td>
</tr>
</template>
</table>
<el-table :data="dataList" ref="table" style="width: 100%;" :height="tableHeight">
<el-table-column label="序号" type="index">
</el-table-column>
<el-table-column prop="ChannelName" label="渠道名">
</el-table-column>
<el-table-column prop="ClueCount" label="回单" sortable>
</el-table-column>
<el-table-column prop="VisitCount" label="到访" sortable>
</el-table-column>
<el-table-column prop="OrderCount" label="合同数" sortable>
</el-table-column>
<el-table-column prop="OrderIncome" label="新业绩金额" sortable>
</el-table-column>
<el-table-column prop="VisitingRate" label="到访率" sortable>
<template slot-scope="scope">
<span>{{scope.row.VisitingRate}}%</span>
</template>
</el-table-column>
<el-table-column prop="ContractRate" label="合同转化率" sortable>
<template slot-scope="scope">
<span>{{scope.row.ContractRate}}%</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
......@@ -123,7 +93,8 @@
}
},
top_Check: 1,
allData: []
allData: [],
tableHeight:50
};
},
created() {
......@@ -147,6 +118,9 @@
this.dateList.push(year + strLink + month + strLink + day);
this.getEmployeeList();
this.getData();
setTimeout(() => {
this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop-90;
},100)
},
methods: {
getCheck() {
......@@ -175,9 +149,14 @@
this.msg.endTime = "";
}
MarketCreateType(this.msg).then(res => {
if (res.Code == 1) {
if (res.Code == 1) {
this.allData = res.Data;
this.dataList = this.allData.customerDataList;
this.dataList[0].VisitCount = 2
this.dataList.forEach(x=>{
x.VisitingRate = this.getStatical(x.VisitCount,x.ClueCount)
x.ContractRate = this.getStatical(x.OrderCount,x.VisitCount)
})
}
});
},
......
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