lilei há 1 mês atrás
pai
commit
eed5842f12

+ 4 - 2
src/views/reportData/dailyReport/table.vue

@@ -156,6 +156,7 @@ export default {
       this.totalNums = 0
       this.totalNums = []
     },
+    // 导出表格excel,dom 表格对象,title 导出表格名称
     exportTable (dom, title) {
       const zim = 'A、B、C、D、E、F、G、H、I、J、K、L、M、N、O、P、Q、R、S、T、U、V、W、X、Y、Z‌'.split('、')
       var ws = XLSX.utils.table_to_sheet(dom)
@@ -180,7 +181,7 @@ export default {
           }
         }
       })
-
+      // 设置百分比格式
       // 表格0
       if (this.activeKey == 0) {
         const ri = [6, 11, 20, 23]
@@ -232,7 +233,7 @@ export default {
       XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
       XLSX.writeFile(wb, this.queryParam.month.split('-')[1] + '月' + title + '-' + timeStr + '.xlsx')
     },
-    //  导出
+    //  点击导出
     handleExport () {
       const excelTitle = this.tabsList.find(item => item.id == this.activeKey)
       if (this.$refs.table0 && this.activeKey == 0) {
@@ -288,6 +289,7 @@ export default {
       }
       this.spinning = false
     },
+    // 项目销售日报1列数据
     getColumns () {
       const row = this.tableData[0]
       const ret = []

+ 15 - 4
src/views/reportData/dailyReport/table0.vue

@@ -38,18 +38,22 @@
 export default {
   name: 'Table0',
   props: {
+    // 表格数据
     tableData: {
       type: Array,
       default: () => []
     },
+    // 月份
     month: {
       type: String,
       default: () => ''
     },
+    // 列数据
     columns: {
       type: Array,
       default: () => []
     },
+    // 当前截止日期
     nowDate: {
       type: String,
       default: () => ''
@@ -57,21 +61,24 @@ export default {
   },
   data () {
     return {
-      months: '',
-      list: [],
-      showDz: false,
-      dateStr: ''
+      months: '', // 月份
+      list: [], // 列表数据
+      showDz: false, // 是否显示截止日期
+      dateStr: '' // 格式化日期
     }
   },
   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 () {
       const rets = []
       const row1 = [
@@ -135,15 +142,19 @@ export default {
       })
       this.list = rets
     },
+    // 是否合并单元格
     hasRowspan (row) {
       return row && row.toString().split('rowspan')
     },
+    // 是否显示百分比
     hasRate (row) {
       return ['yearTargetRate', 'currTargetRate', 'yearTargetTireRate', 'currTargetTireRate'].includes(row.key)
     },
+    // 获取表格对象
     getTable () {
       return document.getElementById('day-table-0')
     },
+    // 初始化
     pageInit () {
       this.getmonths()
       this.getshowDz()

+ 16 - 4
src/views/reportData/dailyReport/table1.vue

@@ -37,18 +37,22 @@
 export default {
   name: 'Table1',
   props: {
+    // 表格数据
     tableData: {
       type: Array,
       default: () => []
     },
+    // 月份
     month: {
       type: String,
       default: () => ''
     },
+    // 表头
     columns: {
       type: Array,
       default: () => []
     },
+    // 当前日期
     nowDate: {
       type: String,
       default: () => ''
@@ -56,21 +60,24 @@ export default {
   },
   data () {
     return {
-      months: '',
-      list: [],
-      showDz: false,
-      dateStr: ''
+      months: '', // 月份
+      list: [], // 列表数据
+      showDz: false, // 是否显示截止日期
+      dateStr: '' // 日期格式化
     }
   },
   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 () {
       let rets = []
       this.tableData.forEach((item, i) => {
@@ -81,21 +88,26 @@ export default {
       })
       this.list = rets
     },
+    // 是否合并单元格
     hasRowspan (row) {
       return row.toString().split('rowspan')
     },
+    // 是否合计
     hasHj (a, b, c, d) {
       const hj = this.columns.findIndex(item => item == '销售额合计')
       const arr = ['合计', '箭牌喇叭', '制动系统']
       return (d == hj && arr.find(item => a.toString().indexOf(item) >= 0))
     },
+    // 是否标红
     hasRed (row, tdi) {
       const arr = ['合计', '箭牌喇叭', '制动系统']
       return arr.find(item => row.toString().indexOf(item) >= 0)
     },
+    // 获取表格对象
     getTable () {
       return document.getElementById('day-table-1')
     },
+    // 初始化
     pageInit () {
       this.getmonths()
       this.getshowDz()

+ 14 - 5
src/views/reportData/dailyReport/table2.vue

@@ -34,14 +34,17 @@
 export default {
   name: 'Table2',
   props: {
+    // 表格数据
     tableData: {
       type: Array,
       default: () => []
     },
+    // 月份
     month: {
       type: String,
       default: () => ''
     },
+    // 当前日期
     nowDate: {
       type: String,
       default: () => ''
@@ -49,32 +52,38 @@ export default {
   },
   data () {
     return {
-      months: '',
-      list: [],
-      showDz: false,
-      dateStr: '',
-      cloumns: []
+      months: '', // 月
+      list: [], // 列表数据
+      showDz: false, // 是否显示截止日期
+      dateStr: '', // 日期格式化
+      cloumns: [] // 列表头
     }
   },
   methods: {
+    // 获取表格列头
     getcloumns () {
       const m = this.month.split('-')
       this.cloumns = ['项目', '品类经理', m[1] + '月业绩目标', m[1] + '月销售额截止达成', '达成率']
     },
+    // 获取月份
     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-2')
     },
+    // 初始化
     pageInit () {
       this.getmonths()
       this.getcloumns()

+ 14 - 4
src/views/reportData/dailyReport/table3.vue

@@ -61,14 +61,17 @@
 export default {
   name: 'Table3',
   props: {
+    // 表格数据
     tableData: {
       type: Array,
       default: () => []
     },
+    // 月份
     month: {
       type: String,
       default: () => ''
     },
+    // 日期
     nowDate: {
       type: String,
       default: () => ''
@@ -76,13 +79,14 @@ export default {
   },
   data () {
     return {
-      months: '',
-      list: [],
-      showDz: false,
-      dateStr: ''
+      months: '', // 月份
+      list: [], // 列表数据
+      showDz: false, // 是否显示截止日期
+      dateStr: '' // 日期格式化
     }
   },
   computed: {
+    // 是否合计
     hjRow () {
       const ret = []
       this.list.forEach((item, index) => {
@@ -92,6 +96,7 @@ export default {
       })
       return ret
     },
+    // 列
     columns () {
       return [
         {
@@ -179,20 +184,25 @@ 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()