考勤页面

ebc-middle-platform/src/modules/attendance/attendance.vue

      <t-table :data="table.data">
        <t-table-column prop="name" label="姓名"></t-table-column>
        <t-table-column prop="mainJobPositionId" label="职务"></t-table-column>
        <t-table-column v-if="queryCondition.currentIndex === 0" :formatter="time_formatter" prop="goToWorkTime" label="打卡时间"></t-table-column>
        <t-table-column v-if="queryCondition.currentIndex === 0" :formatter="date_formatter" prop="goToWorkTime" label="打卡时间"></t-table-column>
        <t-table-column v-if="queryCondition.currentIndex !== 0" prop="clockingDays" label="出勤天数（天）"></t-table-column>
        <t-table-column
          v-if="queryCondition.currentIndex === 1"
          <t-table-column prop="workDay" label="日期"></t-table-column>
          <t-table-column :formatter="time_formatter" prop="goToWorkTime" label="打卡时间" ></t-table-column>
        </t-table>
<!--        <t-pager :total="monthModalData.table.pager.total" :current.sync="monthModalData.table.pager.currentPage"-->
<!--                 :page-size.sync="monthModalData.table.pager.size"-->
<!--                 :sizer-range="[10,20,50]"-->
<!--                 class="px-24 pt-16 float-right"-->
<!--                 show-elevator show-sizer-->
<!--                 @on-size-change="onModalSizeChange"-->
<!--                 @on-change="onModalPagerChange">-->
<!--        </t-pager>-->
        <!--        <t-pager :total="monthModalData.table.pager.total" :current.sync="monthModalData.table.pager.currentPage"-->
        <!--                 :page-size.sync="monthModalData.table.pager.size"-->
        <!--                 :sizer-range="[10,20,50]"-->
        <!--                 class="px-24 pt-16 float-right"-->
        <!--                 show-elevator show-sizer-->
        <!--                 @on-size-change="onModalSizeChange"-->
        <!--                 @on-change="onModalPagerChange">-->
        <!--        </t-pager>-->
      </div>
    </t-modal>
  </div>
      var mark
      if (this.queryCondition.currentIndex === 0) {
        mark = 'day'
        if (this.queryCondition.singleDateVal == ''){
        if (this.queryCondition.singleDateVal == '') {
          this.queryCondition.singleDateVal = this.getTime(2)
        }
      } else if (this.queryCondition.currentIndex === 1) {
        mark = 'week'
        if (this.queryCondition.singleDateVal == ''){
        if (this.queryCondition.singleDateVal == '') {
          this.queryCondition.singleDateVal = this.getTime(2)
        }
      } else {
        mark = 'month'
        if (this.queryCondition.singleDateVal == '' || this.queryCondition.singleDateVal.length > 8 ){
        if (this.queryCondition.singleDateVal == '' || this.queryCondition.singleDateVal.length > 8) {
          this.queryCondition.singleDateVal = this.getTime(1)
        }
      }
      this.modalData.days = row.clockingDays
      this.$test
        .post(services.areaInOutRecord.GET_ATTENDANCE_DETAILE, {
          data:{
            id:row.id+"",
            mark:'week',
            beginDay:beginDay,
            endDay:this.queryCondition.singleDateVal
          data: {
            id: row.id + '',
            mark: 'week',
            beginDay: beginDay,
            endDay: this.queryCondition.singleDateVal
          },
          pageNumber:0,
          pageSize:0
          pageNumber: 0,
          pageSize: 0
        })
        .then((res) => {
          // 请求成功处理...
          var arr = []
          res.data.forEach(e => {
            if (e.goToWorkTime)
              arr.push(e)
            if (e.goToWorkTime) { arr.push(e) }
          })
          this.modalData.table = arr
        })
      this.monthModalData.duty = row.mainJobPositionId
      this.monthModalData.days = row.clockingDays
      this.monthModalData.EMPLOYEE_ID = row.EMPLOYEE_ID
      var lastDay = this.getLastDay(this.queryCondition.singleDateVal+'-01')
      var lastDay = this.getLastDay(this.queryCondition.singleDateVal + '-01')
      this.$test
        .post(services.areaInOutRecord.GET_ATTENDANCE_DETAILE, {
          data:{
            id:row.id+"",
            mark:'month',
            beginDay:this.queryCondition.singleDateVal + '-01',
            endDay:lastDay
          data: {
            id: row.id + '',
            mark: 'month',
            beginDay: this.queryCondition.singleDateVal + '-01',
            endDay: lastDay
          },
          pageNumber:0,
          pageSize:0
          pageNumber: 0,
          pageSize: 0
        })
        .then((res) => {
          // 请求成功处理...
          var arr = []
          res.data.forEach(e => {
            if (e.goToWorkTime)
              arr.push(e)
            if (e.goToWorkTime) { arr.push(e) }
          })
          this.monthModalData.table.data = arr
          // this.monthModalData.table.pager.total = res.data.total
    },
    getLastDay(d) {
      var now = Date.parse(d)
      var seperator1 = "-"
      var date=new Date(now)
      var new_month = date.getMonth()+1
      var seperator1 = '-'
      var date = new Date(now)
      var new_month = date.getMonth() + 1
      var new_year = date.getFullYear()
      var new_date = new Date(new_year,new_month,1)
      var currentdate = new_year + seperator1 + new_month + seperator1 +(new Date(new_date.getTime()-1000*60*60*24)).getDate()
      var new_date = new Date(new_year, new_month, 1)
      var currentdate = new_year + seperator1 + new_month + seperator1 + (new Date(new_date.getTime() - 1000 * 60 * 60 * 24)).getDate()
      return currentdate
    },
    getTime(type) {
      return year + '-' + mon + '-' + day
    },
    time_formatter(row, column) {
      if (row.goToWorkTime){
        var json_date = new Date(row.goToWorkTime).toJSON()
        return new Date(new Date(json_date) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
      if (row.goToWorkTime) {
        var date = new Date(row.goToWorkTime)
        var h = date.getHours()
        var m = date.getMinutes()
        var s = date.getSeconds()
        h = h < 10 ? '0' + h : h
        m = m < 10 ? '0' + m : m
        s = s < 10 ? '0' + s : s
        return h + ':' + m + ':' + s
      }
    },
    date_formatter(row, column) {
      if (row.goToWorkTime) {
        var date = new Date(row.goToWorkTime)
        var Y = date.getFullYear() + '-'
        var M =
            (date.getMonth() + 1 < 10
              ? '0' + (date.getMonth() + 1)
              : date.getMonth() + 1) + '-'
        var D = date.getDate()
        var h = date.getHours()
        var m = date.getMinutes()
        var s = date.getSeconds()
        D = D < 10 ? '0' + D : D
        h = h < 10 ? '0' + h : h
        m = m < 10 ? '0' + m : m
        s = s < 10 ? '0' + s : s
        return Y + M + D + ' ' + h + ':' + m + ':' + s
      }
    }
  }