|
@@ -1,10 +1,13 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<!-- 分区销售日报 -->
|
|
|
- <h2 class="table-title" v-if="tableData.length">{{ month.replace('-','年')+'月' }} 分区销售日报(截止{{ nowDate }})</h2>
|
|
|
<table class="table-box" id="day-table-3" v-if="tableData.length">
|
|
|
- <colgroup><col><col><col><col><col><col><col><col><col><col><col><col><col><col><col></colgroup>
|
|
|
<thead class="ant-table-thead">
|
|
|
+ <tr>
|
|
|
+ <th :colspan="columns.length">
|
|
|
+ <div class="table-title">{{ dateStr }} 分区销售日报 <span v-if="showDz">(截止{{ nowDate }})</span></div>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
<tr>
|
|
|
<th key="managerNameList" rowspan="2" style="text-align: center;">
|
|
|
<span class="ant-table-header-column"><div><span class="ant-table-column-title">区域负责人</span><span class="ant-table-column-sorter"></span></div></span>
|
|
@@ -18,18 +21,18 @@
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">年度目标</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">截止1-4月完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">5月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">累计5月截止完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">截止1-{{ months-1 }}月完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">{{ months }}月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">累计{{ months }}月截止完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
<th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title red">年度完成率</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">5月业绩目标</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">{{ months }}月业绩目标</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
<th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title red">达成率</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
<th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">今日销售额</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">截止1-4月销售额</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">5月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">累计5月截止完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">截止1-{{ months-1 }}月销售额</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">{{ months }}月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">累计{{ months }}月截止完成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
<th style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">今日销售额</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
- <th class="ant-table-align-center ant-table-row-cell-break-word ant-table-row-cell-last" style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">5月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
+ <th class="ant-table-align-center ant-table-row-cell-break-word ant-table-row-cell-last" style="text-align: center;"><span class="ant-table-header-column"><div><span class="ant-table-column-title">{{ months }}月销售额截止达成</span><span class="ant-table-column-sorter"></span></div></span></th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
@@ -43,7 +46,7 @@
|
|
|
:colspan="index==list.length-1&&si==1?2:1"
|
|
|
:style="index==list.length-1?'color: red;font-weight:bold;background:#dfdeff;border-color:#c7c7ff;':''"
|
|
|
>
|
|
|
- {{ item[sitem.dataIndex].toString() }}{{ sitem.title.indexOf('率')>=0?'%':'' }}
|
|
|
+ {{ si>1 ? Number(item[sitem.dataIndex]).toFixed(2) : item[sitem.dataIndex].toString() }}{{ sitem.title.indexOf('率')>=0?'%':'' }}
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
@@ -71,30 +74,15 @@ export default {
|
|
|
default: () => ''
|
|
|
}
|
|
|
},
|
|
|
- watch: {
|
|
|
- tableData: {
|
|
|
- handler (val) {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.tableHeight = window.innerHeight - 360
|
|
|
- })
|
|
|
- },
|
|
|
- deep: true
|
|
|
- }
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.tableHeight = window.innerHeight - 360
|
|
|
- })
|
|
|
- },
|
|
|
data () {
|
|
|
return {
|
|
|
- tableHeight: 300
|
|
|
+ months: '',
|
|
|
+ list: [],
|
|
|
+ showDz: false,
|
|
|
+ dateStr: ''
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- list () {
|
|
|
- return this.tableData
|
|
|
- },
|
|
|
hjRow () {
|
|
|
const ret = []
|
|
|
this.list.forEach((item, index) => {
|
|
@@ -104,9 +92,6 @@ export default {
|
|
|
})
|
|
|
return ret
|
|
|
},
|
|
|
- months () {
|
|
|
- return this.month.split('-')[1]
|
|
|
- },
|
|
|
columns () {
|
|
|
return [
|
|
|
{
|
|
@@ -128,17 +113,17 @@ export default {
|
|
|
width: '100'
|
|
|
},
|
|
|
{
|
|
|
- title: '截止1-' + (this.months[1] - 1) + '月完成',
|
|
|
+ title: '截止1-' + (this.months - 1) + '月完成',
|
|
|
dataIndex: 'histSalesReal',
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
|
}, {
|
|
|
- title: this.months[1] + '月销售额截止达成',
|
|
|
+ title: this.months + '月销售额截止达成',
|
|
|
dataIndex: 'currSalesReal',
|
|
|
align: 'center',
|
|
|
width: '130'
|
|
|
}, {
|
|
|
- title: '累计' + this.months[1] + '月截止完成',
|
|
|
+ title: '累计' + this.months + '月截止完成',
|
|
|
dataIndex: 'accuSalesReal',
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
@@ -148,7 +133,7 @@ export default {
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
|
}, {
|
|
|
- title: this.months[1] + '月业绩目标',
|
|
|
+ title: this.months + '月业绩目标',
|
|
|
dataIndex: 'currTarget',
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
@@ -164,17 +149,17 @@ export default {
|
|
|
width: '100'
|
|
|
},
|
|
|
{
|
|
|
- title: '截止1-' + (this.months[1] - 1) + '月销售额',
|
|
|
+ title: '截止1-' + (this.months - 1) + '月销售额',
|
|
|
dataIndex: 'histSalesRealTireAmount',
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
|
}, {
|
|
|
- title: this.months[1] + '月销售额截止达成',
|
|
|
+ title: this.months + '月销售额截止达成',
|
|
|
dataIndex: 'currSalesTireReal',
|
|
|
align: 'center',
|
|
|
width: '130'
|
|
|
}, {
|
|
|
- title: '累计' + this.months[1] + '月截止完成',
|
|
|
+ title: '累计' + this.months + '月截止完成',
|
|
|
dataIndex: 'accuSalesRealTireAmount',
|
|
|
align: 'center',
|
|
|
width: '100'
|
|
@@ -185,7 +170,7 @@ export default {
|
|
|
width: '100'
|
|
|
},
|
|
|
{
|
|
|
- title: this.months[1] + '月销售额截止达成',
|
|
|
+ title: this.months + '月销售额截止达成',
|
|
|
dataIndex: 'totalCurrSalesTireReal',
|
|
|
align: 'center',
|
|
|
width: '130'
|
|
@@ -194,8 +179,24 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ getmonths () {
|
|
|
+ this.months = this.month.split('-')[1]
|
|
|
+ this.dateStr = this.month.replace('-', '年') + '月'
|
|
|
+ },
|
|
|
+ getshowDz () {
|
|
|
+ const nowMonths = new Date().getMonth() + 1
|
|
|
+ this.showDz = this.months == nowMonths
|
|
|
+ },
|
|
|
+ getlist () {
|
|
|
+ this.list = this.tableData
|
|
|
+ },
|
|
|
getTable () {
|
|
|
return document.getElementById('day-table-3')
|
|
|
+ },
|
|
|
+ pageInit () {
|
|
|
+ this.getmonths()
|
|
|
+ this.getshowDz()
|
|
|
+ this.getlist()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -203,7 +204,6 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.table-title{
|
|
|
- margin-bottom: 10px;
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
width: 100%;
|