|
@@ -1,48 +1,28 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <!-- 全国销售日报 -->
|
|
|
- <h2 class="table-title">2025年3月 全国销售日报2(截止22日17点30分)</h2>
|
|
|
- <table class="table-box">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>项目</th>
|
|
|
- <th>品类经理</th>
|
|
|
- <th>2月业绩目标</th>
|
|
|
- <th>2月销售额截止达成</th>
|
|
|
- <th>达成率</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td width="150">箭牌滤清器</td>
|
|
|
- <td align="center">141,150,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td width="150">箭牌滤清器</td>
|
|
|
- <td align="center">141,150,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td width="150">箭牌滤清器</td>
|
|
|
- <td align="center">141,150,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td width="150">箭牌滤清器</td>
|
|
|
- <td align="center">141,150,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- <td align="center">10,850,000.00</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
+ <div v-if="tableData.length">
|
|
|
+ <!-- 全国销售日报 -->
|
|
|
+ <h2 class="table-title">{{ month.replace('-','年')+'月' }}全国销售日报2(截止{{ nowDate }})</h2>
|
|
|
+ <table class="table-box" id="day-table-2" >
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th v-for="item in cloumns" :key="item">{{ item }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr v-for="(item,index) in list" :key="index">
|
|
|
+ <td width="150" align="center">{{ item.proName }}</td>
|
|
|
+ <td align="center">{{ item.userName }}</td>
|
|
|
+ <td align="center">{{ item.bymb }}</td>
|
|
|
+ <td align="center">{{ item.amount }}</td>
|
|
|
+ <td align="center" class="red">{{ item.wcl }}</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div v-else class="noData">
|
|
|
+ 暂无数据,请点击查询
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -53,9 +33,29 @@ export default {
|
|
|
tableData: {
|
|
|
type: Array,
|
|
|
default: () => []
|
|
|
+ },
|
|
|
+ month: {
|
|
|
+ type: String,
|
|
|
+ default: () => ''
|
|
|
+ },
|
|
|
+ nowDate: {
|
|
|
+ type: String,
|
|
|
+ default: () => ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ list () {
|
|
|
+ return this.tableData
|
|
|
+ },
|
|
|
+ cloumns () {
|
|
|
+ const m = this.month.split('-')
|
|
|
+ return ['项目', '品类经理', m[1] + '月业绩目标', m[1] + '月销售额截止达成', '达成率']
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ getTable () {
|
|
|
+ return document.getElementById('day-table-2')
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -69,10 +69,21 @@ export default {
|
|
|
max-width: 1024px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+ .noData{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #999;
|
|
|
+ min-height: 100px;
|
|
|
+ line-height: 100px;
|
|
|
+ }
|
|
|
.table-box{
|
|
|
width: 100%;
|
|
|
max-width: 1024px;
|
|
|
font-size: 14px;
|
|
|
+ .red{
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
tr > th{
|
|
|
padding: 6px 8px;
|
|
|
border: 1px solid #eee;
|