<template>
  <div>
    <Modal v-model="showModal" title="计划详情" class="zIndex-1100">
      <div class="maxHeight">
        <table class="tableClass">
          <tbody>
            <tr>
              <th>项目名称</th>
              <td>{{ obj.name }}</td>
            </tr>
            <tr>
              <th>频次</th>
              <td>{{ obj.frequency }}</td>
            </tr>
            <tr>
              <th>计划开始日期</th>
              <td>{{ this.$dateformat(obj.beginDate, "yyyy-mm-dd") }}</td>
            </tr>
            <tr>
              <th>计划完成日期</th>
              <td>{{ this.$dateformat(obj.endDate, "yyyy-mm-dd") }}</td>
            </tr>
            <tr>
              <th>责任单位</th>
              <td>{{ obj.dutyUnit }}</td>
            </tr>
            <tr>
              <th>责任人</th>
              <td>{{ obj.dutyMan }}</td>
            </tr>
            <tr>
              <th>备注</th>
              <td>{{ obj.remark }}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </Modal>
  </div>
</template>
<script>
/**
 * 样品详情
 */
import { monthPlan } from '../../../api'
export default {
  data() {
    return {
      obj: {},
      showModal: false
    }
  },
  methods: {
    _open: async function(id) {
      this.showModal = true
      this.obj = await monthPlan.getById(id)
    }
  }
}
</script>
