security-protection-platform/src/modules/attendance/report/index.vue

@@ -15,6 +15,7 @@
            </div>
            <div class="search-btn">
              <t-button color="primary" @click="handSearchDay">查询</t-button>
              <t-button @click="resetDailyData">重置</t-button>
            </div>
          </div>
          <t-table :data="dailyTableData" :loading="loadDailyTable" size="sm" line class="table-detail">
@@ -34,8 +35,8 @@
        <!-- 月报 -->
        <t-tab-panel label="月报" panel-id="tab-2">
          <div class="row mt-32">
            <div class="col-3">
              <span>月份:</span>
            <div class="keep-row">
              <span>月份：</span>
              <t-date-picker v-model="monthlyForm.month" style="width:200px" type="month" placeholder="请选择月份"></t-date-picker>
            </div>
            <div class="keep-row">
@@ -44,6 +45,7 @@
            </div>
            <div class="search-btn">
              <t-button color="primary" @click="handSearchMonth">查询</t-button>
              <t-button @click="resetMonthData">重置</t-button>
            </div>
          </div>
          <t-button class="export-excel" color="primary">
@@ -147,16 +149,12 @@ export default {
      }
    }
  },
  mounted () {
    this.getDailyTable()
  },
  methods: {
    handleDailyInited () {
      this.getDailyTable()
      // this.getDailyTable()
    },
    changeTabs (tabName) {
      this.tabName = tabName
      this.getMonthTable()
    },
    // 搜索
    handSearchDay () {
@@ -176,6 +174,30 @@ export default {
      this.monthlyForm.current = val
      this.getMonthTable()
    },
    // 重置日报数据
    resetDailyData() {
      let now = new Date()
      this.dailyForm = {
        workDay: formatDateTime(now, 'yyyy-MM-dd'),
        userid: null,
        depId: '',
        orgId: '',
        current: 1,
        pageSize: 10
      }
    },
    // 重置月报数据
    resetMonthData() {
      let now = new Date()
      this.monthlyForm = {
        month: formatDateTime(new Date().setMonth(now.getMonth() - 1), 'yyyy-MM'),
        userid: null,
        depId: '',
        orgId: '',
        current: 1,
        pageSize: 10
      }
    },
    // 获得月报表格数据
    getMonthTable () {
      this.loadMonthTable = true