lilei 1 tháng trước cách đây
mục cha
commit
88ae85d808

+ 25 - 0
src/config/report/salesReport.js

@@ -91,6 +91,31 @@ export default {
         }
       ]
     },
+    {
+      path: '/reportData/dailyReport',
+      redirect: '/reportData/dailyReport/list',
+      name: 'dailyReport',
+      component: BlankLayout,
+      meta: {
+        title: '每日报表',
+        icon: 'profile',
+        // permission: 'M_dailyReportList'
+      },
+      hideChildrenInMenu: true,
+      children: [
+        {
+          path: 'list',
+          name: 'dailyReportList',
+          component: () => import(/* webpackChunkName: "reportData" */ '@/views/reportData/dailyReport/index.vue'),
+          meta: {
+            title: '每日报表',
+            icon: 'profile',
+            hidden: true,
+            // permission: 'M_dailyReportList'
+          }
+        }
+      ]
+    },
     {
       path: '/reportData/actualSalesReport',
       redirect: '/reportData/actualSalesReport/list',

+ 200 - 0
src/views/reportData/dailyReport/index.vue

@@ -0,0 +1,200 @@
+<template>
+  <div>
+    <a-spin :spinning="spinning" tip="Loading...">
+      <!-- 选项卡切换 -->
+      <a-tabs v-model="activeKey" @change="callback" :tabBarStyle="{'background':'#fff'}">
+        <a-tab-pane :key="item.id" :tab="item.name" v-for="item in tabsList">
+        </a-tab-pane>
+      </a-tabs>
+      <a-card size="small">
+        <!-- 搜索条件 -->
+        <div class="table-page-search-wrapper newTableSearchName" ref="tableSearch">
+          <a-form-model
+            id="dayReportList-form"
+            ref="ruleForm"
+            class="form-model-con"
+            layout="inline"
+            :rules="rules"
+            :model="queryParam"
+            @keyup.enter.native="handleSearch">
+            <a-row :gutter="15">
+              <a-col :md="6" :sm="24">
+                <a-form-model-item label="月份" prop="month">
+                  <a-month-picker
+                    placeholder="请选择月份"
+                    locale="zh-cn"
+                    id="dayReportList-month"
+                    v-model="queryParam.month"
+                    @change="onChange"
+                    :disabled-date="disabledDate"
+                    style="width: 100%;"/>
+                </a-form-model-item>
+              </a-col>
+              <a-col :md="6" :sm="24" style="margin-bottom: 10px;">
+                <a-button type="primary" @click="handleSearch" :disabled="disabled" id="dayReportList-refresh">查询</a-button>
+                <a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="dayReportList-reset">重置</a-button>
+                <a-button
+                  style="margin-left: 5px"
+                  type="primary"
+                  class="button-warning"
+                  @click="handleExport"
+                  :disabled="disabled"
+                  :loading="exportLoading"
+                  v-if="$hasPermissions('B_regionTypeSalesReportExport')"
+                  id="dayReportList-export">导出</a-button>
+              </a-col>
+            </a-row>
+          </a-form-model>
+        </div>
+      </a-card>
+      <!-- 列表 -->
+      <a-card size="small" style="margin-top:4px!important">
+        <table0
+          v-if="activeKey == 0"
+          ref="table0"
+          :totalData="totalData"
+        ></table0>
+        <table1
+          v-if="activeKey == 1"
+          ref="table1"
+          :totalData="totalData"
+        ></table1>
+        <table2
+          v-if="activeKey == 2"
+          ref="table2"
+          :totalData="totalData"
+        ></table2>
+        <table3
+          v-if="activeKey == 3"
+          ref="table3"
+          :totalData="totalData"
+        ></table3>
+      </a-card>
+    </a-spin>
+  </div>
+</template>
+
+<script>
+import { commonMixin } from '@/utils/mixin'
+import { hdExportExcel } from '@/libs/exportExcel'
+// 组件
+import rangeDate from '@/views/common/rangeDate.vue'
+import moment from 'moment'
+import table0 from './table0'
+import table1 from './table1'
+import table2 from './table2'
+import table3 from './table3'
+// 接口
+import { subareaAreaReportTitle } from '@/api/reportData.js'
+export default {
+  name: 'RegionTypeSalesReportList',
+  mixins: [commonMixin],
+  components: { rangeDate, table0, table1, table2, table3 },
+  data () {
+    return {
+      spinning: false,
+      activeKey: 0, // 切换显示页面值 0 各分区品类实售明细 1各区域品类实售明细
+      advanced: true, // 高级搜索 展开/关闭
+      disabled: false, //  查询、重置按钮是否可操作
+      exportLoading: false, // 导出按钮加载状态
+      tableHeight: 0, // 表格高度
+      tabsList: [{ id: 0, name: '全国销售日报' }, { id: 1, name: '项目销售日报1' }, { id: 2, name: '项目销售日报2' }, { id: 3, name: '分区销售日报' }], // tab切换data
+      columns: [], // 表头数据
+      totalData: null, // 统计
+      // 查询参数
+      queryParam: {
+        month: moment().format('YYYY-MM') // 月份默认值
+      },
+      rules: {
+        'month': [{ required: true, message: '请选择月份', trigger: 'change' }]
+      }
+    }
+  },
+  methods: {
+    // tabs切换  change时间
+    callback (key) {
+      this.activeKey = key
+      const _this = this
+      _this.$nextTick(() => {
+        this.getTableData()
+        this.setTableH()
+      })
+    },
+    // 查询
+    handleSearch () {
+      const _this = this
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          _this.$refs.table.refresh(true)
+        } else {
+          _this.$message.error('请选择月份')
+          return false
+        }
+      })
+    },
+    //  重置
+    resetSearchForm () {
+      this.$refs.ruleForm.resetFields()
+      this.queryParam.time = []
+      this.$refs.rangeDate.resetDate(this.queryParam.time)
+      this.$refs.table.clearTable()
+    },
+    //  导出
+    handleExport () {
+      const _this = this
+      const url = [subareaAreaReportTitle, subareaAreaReportTitle, subareaAreaReportTitle, subareaAreaReportTitle]
+      const excelTitle = this.tabsList.find(item => item.id == _this.activeKey)
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const params = _this.queryParam
+          _this.exportLoading = true
+          _this.spinning = true
+          hdExportExcel(url[this.activeKey], params, excelTitle.name, function () {
+            _this.exportLoading = false
+            _this.spinning = false
+            _this.$store.state.app.curActionPermission = ''
+          })
+        } else {
+          return false
+        }
+      })
+    },
+    // 获取表格数据
+    async getTableData () {
+      const url = [subareaAreaReportTitle, subareaAreaReportTitle, subareaAreaReportTitle, subareaAreaReportTitle]
+      const data = await url[this.activeKey](this.queryParam).then(res => res.data)
+      if (data) {
+        this.tableData = data
+      }
+    },
+    // 初始化
+    pageInit () {
+      this.activeKey = 0
+      this.getTableData()
+      this.setTableH()
+    },
+    // 计算表格高度
+    setTableH () {
+      const tableSearchH = this.$refs.tableSearch.offsetHeight
+      this.tableHeight = window.innerHeight - tableSearchH - 250
+    }
+  },
+  mounted () {
+    if (!this.$store.state.app.isNewTab) { // 页签刷新时调用
+      this.pageInit()
+    }
+  },
+  activated () {
+    // 如果是新页签打开,则重置当前页面
+    if (this.$store.state.app.isNewTab) {
+      this.pageInit()
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {})
+  }
+}
+</script>
+<style lang="less" scoped>
+
+</style>

+ 224 - 0
src/views/reportData/dailyReport/table0.vue

@@ -0,0 +1,224 @@
+<template>
+  <div>
+    <!-- 全国销售日报 -->
+    <h2 class="table-title">2025年3月 全国销售日报(截止22日17点30分)</h2>
+    <table class="table-box">
+      <thead>
+        <tr>
+          <th></th>
+          <th></th>
+          <th>销售额</th>
+          <th>东莞服务中心</th>
+          <th>合计</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td rowspan="12" width="150" align="center">品牌</td>
+          <td width="250">年度目标</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>截止1-2月销售实际完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+        <tr>
+          <td>累计3月销售实际截止完成</td>
+          <td align="right">14,863,711.00</td>
+          <td align="right">3,942,037.00</td>
+          <td align="right">18,805,748.00</td>
+        </tr>
+        <tr>
+          <td>年度完成率</td>
+          <td>12%</td>
+          <td>13%</td>
+          <td>12%</td>
+        </tr>
+        <tr>
+          <td>本月目标</td>
+          <td align="right">9,858,800.00</td>
+          <td align="right">2,481,200.00</td>
+          <td align="right">12,340,000.00</td>
+        </tr>
+        <tr>
+          <td>本月实际销售</td>
+          <td align="right">3,314,024.00</td>
+          <td align="right">743,977.00</td>
+          <td align="right">4,058,001.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际退货</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月达成率</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估订单</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>离目标差额</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td rowspan="12" width="100" align="center">轮胎</td>
+          <td>年度目标</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>截止1-2月销售实际完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+        <tr>
+          <td>累计3月销售实际截止完成</td>
+          <td align="right">14,863,711.00</td>
+          <td align="right">3,942,037.00</td>
+          <td align="right">18,805,748.00</td>
+        </tr>
+        <tr>
+          <td>年度完成率</td>
+          <td>12%</td>
+          <td>13%</td>
+          <td>12%</td>
+        </tr>
+        <tr>
+          <td>本月目标</td>
+          <td align="right">9,858,800.00</td>
+          <td align="right">2,481,200.00</td>
+          <td align="right">12,340,000.00</td>
+        </tr>
+        <tr>
+          <td>本月实际销售</td>
+          <td align="right">3,314,024.00</td>
+          <td align="right">743,977.00</td>
+          <td align="right">4,058,001.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际退货</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月达成率</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估订单</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>离目标差额</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td rowspan="2" width="100" align="center">品牌+轮胎</td>
+          <td>本月实际销售额</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>本月预估完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Table0',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .table-title{
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    width: 100%;
+    max-width: 1024px;
+    text-align: center;
+  }
+  .table-box{
+    width: 100%;
+    max-width: 1024px;
+    font-size: 14px;
+    tr > th{
+      padding: 6px 8px;
+      border: 1px solid #eee;
+      text-align: center;
+    }
+    tr > td{
+      padding: 5px;
+      border: 1px solid #eee;
+    }
+    tr{
+      &:hover{
+        td{
+          background-color: #ffd6d4;
+        }
+      }
+    }
+  }
+</style>

+ 92 - 0
src/views/reportData/dailyReport/table1.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <!-- 项目销售日报 -->
+    <h2 class="table-title">2025年3月 项目销售日报(截止22日17点30分)</h2>
+    <table class="table-box">
+      <thead>
+        <tr>
+          <th></th>
+          <th>销售部</th>
+          <th>东莞服务中心</th>
+          <th>销售额合计</th>
+          <th>本月目标</th>
+          <th>完成率</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td width="150">箭牌滤清器</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td rowspan="4" width="150" align="right">152,000,000.00</td>
+          <td rowspan="4" width="150" align="center">46464646</td>
+        </tr>
+        <tr>
+          <td>箭牌滤清器</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+        <tr>
+          <td>箭牌滤清器</td>
+          <td align="right">14,863,711.00</td>
+          <td align="right">3,942,037.00</td>
+          <td align="right">18,805,748.00</td>
+        </tr>
+        <tr>
+          <td>箭牌滤清器</td>
+          <td align="right">9,858,800.00</td>
+          <td align="right">2,481,200.00</td>
+          <td align="right">12,340,000.00</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Table0',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .table-title{
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    width: 100%;
+    max-width: 1024px;
+    text-align: center;
+  }
+  .table-box{
+    width: 100%;
+    max-width: 1024px;
+    font-size: 14px;
+    tr > th{
+      padding: 6px 8px;
+      border: 1px solid #eee;
+      text-align: center;
+    }
+    tr > td{
+      padding: 5px;
+      border: 1px solid #eee;
+    }
+    tr{
+      &:hover{
+        td{
+          background-color: #ffd6d4;
+        }
+      }
+    }
+  }
+</style>

+ 93 - 0
src/views/reportData/dailyReport/table2.vue

@@ -0,0 +1,93 @@
+<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>
+</template>
+
+<script>
+export default {
+  name: 'Table0',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .table-title{
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    width: 100%;
+    max-width: 1024px;
+    text-align: center;
+  }
+  .table-box{
+    width: 100%;
+    max-width: 1024px;
+    font-size: 14px;
+    tr > th{
+      padding: 6px 8px;
+      border: 1px solid #eee;
+      text-align: center;
+    }
+    tr > td{
+      padding: 5px;
+      border: 1px solid #eee;
+    }
+    tr{
+      &:hover{
+        td{
+          background-color: #ffd6d4;
+        }
+      }
+    }
+  }
+</style>

+ 224 - 0
src/views/reportData/dailyReport/table3.vue

@@ -0,0 +1,224 @@
+<template>
+  <div>
+    <!-- 全国销售日报 -->
+    <h2 class="table-title">2025年3月 全国销售日报(截止22日17点30分)</h2>
+    <table class="table-box">
+      <thead>
+        <tr>
+          <th></th>
+          <th></th>
+          <th>销售额</th>
+          <th>东莞服务中心</th>
+          <th>合计</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td rowspan="12" width="150" align="center">品牌</td>
+          <td width="250">年度目标</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>截止1-2月销售实际完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+        <tr>
+          <td>累计3月销售实际截止完成</td>
+          <td align="right">14,863,711.00</td>
+          <td align="right">3,942,037.00</td>
+          <td align="right">18,805,748.00</td>
+        </tr>
+        <tr>
+          <td>年度完成率</td>
+          <td>12%</td>
+          <td>13%</td>
+          <td>12%</td>
+        </tr>
+        <tr>
+          <td>本月目标</td>
+          <td align="right">9,858,800.00</td>
+          <td align="right">2,481,200.00</td>
+          <td align="right">12,340,000.00</td>
+        </tr>
+        <tr>
+          <td>本月实际销售</td>
+          <td align="right">3,314,024.00</td>
+          <td align="right">743,977.00</td>
+          <td align="right">4,058,001.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际退货</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月达成率</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估订单</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>离目标差额</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td rowspan="12" width="100" align="center">轮胎</td>
+          <td>年度目标</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>截止1-2月销售实际完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+        <tr>
+          <td>累计3月销售实际截止完成</td>
+          <td align="right">14,863,711.00</td>
+          <td align="right">3,942,037.00</td>
+          <td align="right">18,805,748.00</td>
+        </tr>
+        <tr>
+          <td>年度完成率</td>
+          <td>12%</td>
+          <td>13%</td>
+          <td>12%</td>
+        </tr>
+        <tr>
+          <td>本月目标</td>
+          <td align="right">9,858,800.00</td>
+          <td align="right">2,481,200.00</td>
+          <td align="right">12,340,000.00</td>
+        </tr>
+        <tr>
+          <td>本月实际销售</td>
+          <td align="right">3,314,024.00</td>
+          <td align="right">743,977.00</td>
+          <td align="right">4,058,001.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际退货</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月销售实际完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>本月达成率</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估订单</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>预估完成</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td>离目标差额</td>
+          <td align="right">3,818.00</td>
+          <td align="right">1,025.00</td>
+          <td align="right">4,843.00</td>
+        </tr>
+        <tr>
+          <td rowspan="2" width="100" align="center">品牌+轮胎</td>
+          <td>本月实际销售额</td>
+          <td align="right">141,150,000.00</td>
+          <td align="right">10,850,000.00</td>
+          <td align="right">152,000,000.00</td>
+        </tr>
+        <tr>
+          <td>本月预估完成</td>
+          <td align="right">11,553,506.00</td>
+          <td align="right">3,199,085.00</td>
+          <td align="right">14,752,590.00</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Table0',
+  props: {
+    tableData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .table-title{
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: bold;
+    width: 100%;
+    max-width: 1024px;
+    text-align: center;
+  }
+  .table-box{
+    width: 100%;
+    max-width: 1024px;
+    font-size: 14px;
+    tr > th{
+      padding: 6px 8px;
+      border: 1px solid #eee;
+      text-align: center;
+    }
+    tr > td{
+      padding: 5px;
+      border: 1px solid #eee;
+    }
+    tr{
+      &:hover{
+        td{
+          background-color: #ffd6d4;
+        }
+      }
+    }
+  }
+</style>