<template>
  <div style="margin-left:50px; color: black">
    <b-row style="margin-top: 10px">
      <span>一、工程進行情況(含約定之重要施工項目及數量)：</span>
    </b-row>
      <b-textarea style="width:95%; margin-top: 10px" v-model="supervision.project_status"/>
    <b-row style="margin-top: 10px">
      <span>二、監督依照設計圖說及核定施工圖說施工(含約定之檢驗停留點及施工抽查等情形)：</span>
    </b-row>
      <b-textarea style="width:95%; margin-top: 10px" v-model="supervision.supervise"/>
    <b-row style="margin-top: 10px">
      <span>三、查核材料規格及品質(含約定之檢驗停留點、材料設備管制及檢(試)驗等抽驗情形)：</span>
    </b-row>
      <b-textarea style="width:95%; margin-top: 10px" v-model="supervision.check"/>
    <b-row style="margin-top: 10px">
      <span>四、督導工地職業安全衛生事項：</span>
    </b-row>
     <b-row style="margin-left:10px; margin-top: 5px">
      <span style="margin-top: 2px">(一)施工廠商施工前檢查事項辦理情形：</span>
      <b-form-radio-group>
      <b-form-radio value="0" v-model="supervision.handling_status">完成</b-form-radio>
      <b-form-radio value="1" v-model="supervision.handling_status">未完成</b-form-radio>
      </b-form-radio-group>

    </b-row>
    <b-row style="margin-left:10px; margin-top: 7px">
      <span>(二)其他工地安全衛生督導事項：</span>
    </b-row>
    <b-textarea style="width:95%; margin-top: 10px" v-model="supervision.otherItem"/>
    <b-row style="margin-top: 10px">
      <span>五、其他約定監造事項(含重要事項紀錄、主辦機關指示及通知廠商辦理事項等)：</span>
    </b-row>
    <b-textarea style="width:95%; margin-top: 10px" v-model="supervision.agreement"/>
  </div>
</template>

<script>
import { mapState, mapGetters } from 'vuex'
export default {
  data () {
    return {}
  },
  async mounted () {
    await this.$store.dispatch('supervision/initSupervision')
  },
  computed: {
    ...mapState({
      supervision: state => state.supervision.supervision
    }),
    ...mapGetters(['getEnumWord'])
  }
}
</script>

<style>
</style>
