Skip to content

C
confucius
Commit 03c1d6d4 authored by zhengke's avatar zhengke
Browse files
Options

修改

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