<template>
  <div class="flex">
    <div class="auto">
      <label>{{f_repairman}}{{f_plan_year}}任务月完成情况</label>
      <button type="button" class="btn btn-default" @click="this.$back('asd')">&lt;&lt;</button>
    </div>
    <div class="span">
      <data-grid :model="model" partial='list' v-ref:grid>
        <template partial='head'>
          <tr>
            <th>年</th>
            <th>月</th>
            <th>已检</th>
            <th>在检</th>
            <th>未检</th>
          </tr>
        </template>
        <template partial='body'>
            <td>{{row.f_plan_year}}</td>
            <td>{{row.f_plan_month}}</td>
            <td>{{row.checked}}</td>
            <td>{{row.checking}}</td>
            <td>{{row.unchecked}}</td>
        </template>
      </data-grid>
    </div>
    <div style="height:50px;"></div>
  </div>
</template>

<script>
import { PagedList } from 'vue-client'

export default {
  title: '维修员年任务明细',
  props: ['f_repairman', 'f_plan_year', 'f_subcompany'],
  data() {
    return {
      model: new PagedList('api/af-safecheck/sql/跟踪维修员年任务明细', 20, {f_repairman: 'this.f_repairman', f_plan_year: 'this.f_plan_year', f_subcompany: 'this.f_subcompany'})
    }
  },
  ready () {
    this.model.f_repairman = this.f_repairman
    this.model.f_plan_year = this.f_plan_year
    this.model.f_subcompany = this.f_subcompany
    this.model.search()
  }
}
</script>
