<template>
    <div class="order-wraper">
        <div class="search-confirm-wrap">
            <div class="search-wrap">
                <div class="search-item">
                    <div class="search-label">单据编码</div>
                    <div class="filter_input_wraper">
                        <input type="text" class="filter-input" v-model="code" disabled>
                    </div>
                </div>
                <div class="search-item_2">
                    <button class="button button--primary" @click="toJump">关闭</button>
                </div>
            </div>
        </div>
        <div class="grid_wraper">
            <table class="filter-table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>项目编码</th>
                        <th>项目名称</th>
                        <th>项目要求</th>
                        <th>项目备注</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="(e, i) in dataList" :key="i">
                        <td>{{ i + 1 }}</td>
                        <td>{{ e.repair_item_code }}</td>
                        <td>{{e.repair_item_name}}</td>
                        <td>{{e.requirement}}</td>
                        <td>{{e.dtl_remark}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</template>

<script>
import {devicesportcheckmstGetDtl} from '@config/getData2.js'
export default {
  name: 'checkorderdetail',
  data () {
    return {
      code: this.$route.query.id,
      dataList: []
    }
  },
  created () {
    this._devicesportcheckmstGetDtl()
  },
  methods: {
    // grid
    async _devicesportcheckmstGetDtl () {
      let res = await devicesportcheckmstGetDtl(this.$route.query.id)
      this.dataList = [...res.data]
    },
    toJump () {
      this.$router.push('/checkorder')
    }
  }
}
</script>

<style lang="stylus" scoped>
</style>
