<template>
  <table>
    <tr>
      <td colspan="22" style="background-color: #fff70036">
        <font style="color: red">注意：安全措施没有落实之前，不得执行任何工作！ </font>
      </td>
    </tr>
    <tr>
      <td rowspan="7" colspan="2">申请人填写</td>
      <td colspan="3">作业区域</td>
      <td colspan="4"><input v-model="ray.workRange" class="editInput"/></td>
      <td colspan="3">作业位置</td>
      <td colspan="3"><input v-model="ray.workLocation" class="editInput"/></td>
      <td colspan="3">作业证编号</td>
      <td colspan="4"><input v-model="ray.licenceNum" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">射线类型</td>
      <td colspan="10"><input v-model="ray.rayX" type="checkbox"/>Y射线<input v-model="ray.rayY" type="checkbox"/>X射线<input v-model="ray.otherRay" type="checkbox"/>其他</td>
      <td colspan="3">防护半径</td>
      <td colspan="4"><input v-model="ray.range" class="editLine" style="width: 100px"/>米</td>
    </tr>
    <tr>
      <td colspan="6">涉及的其他特殊作业/作业证编号</td>
      <td colspan="14"><input v-model="ray.otherLicenceNum" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">申请人</td>
      <td colspan="7"><input v-model="ray.applyPerson" class="editInput"/></td>
      <td colspan="3">申请单位部门</td>
      <td colspan="7"><input v-model="ray.applyDept" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">作业负责人</td>
      <td colspan="4"><input v-model="ray.leader" class="editInput"/></td>
      <td colspan="3">监护人</td>
      <td colspan="3"><input v-model="ray.guardian" class="editInput"/></td>
      <td colspan="3">作业人员</td>
      <td colspan="4"><input v-model="ray.worker" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">作业时间</td>
      <td colspan="17">自<input v-model="startYear" class="editLine" style="width: 45px;"/>年<input v-model="startMonth" class="editLine" style="width: 45px;"/>月<input v-model="startDay" class="editLine" style="width: 45px;"/>日<input v-model="startTime" class="editLine" style="width: 45px;"/>时<input v-model="startMinute" class="editLine" style="width: 45px;"/>分 始 至<input v-model="endYear" class="editLine" style="width: 45px;"/>年<input v-model="endMonth" class="editLine" style="width: 45px;"/>月<input v-model="endDay" class="editLine" style="width: 45px;"/>日<input v-model="endTime" class="editLine" style="width: 45px;"/>时<input v-model="endMinute" class="editLine" style="width: 45px;"/>分止</td>
    </tr>
    <tr>
      <td colspan="2">危害识别</td>
      <td colspan="18"><input v-model="ray.dangerMark" class="editInput"/></td>
    </tr>
    <tr>
      <td rowspan="11" colspan="2">申请人和批准人共同完成</td>
      <td>序号</td>
      <td colspan="9">安全措施</td>
      <td colspan="6">检查确认</td>
      <td colspan="4">备注</td>
    </tr>
    <tr>
      <td>1</td>
      <td colspan="9">射线工作人员资质有效。</td>
      <td colspan="6"><input v-model="ray.qualifications.yes" type="checkbox"/>是<input v-model="ray.qualifications.no" type="checkbox"/>否<input v-model="ray.qualifications.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.qualifications.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>2</td>
      <td colspan="9">射线工作人员配置的防护服、剂量仪防护镜等个体防护装备。</td>
      <td colspan="6"><input v-model="ray.protect.yes" type="checkbox"/>是<input v-model="ray.protect.no" type="checkbox"/>否<input v-model="ray.protect.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.protect.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>3</td>
      <td colspan="9">作业区域内设置警示灯、警戒绳、辐射警告牌。</td>
      <td colspan="6"><input v-model="ray.warn.yes" type="checkbox"/>是<input v-model="ray.warn.no" type="checkbox"/>否<input v-model="ray.warn.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.warn.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>4</td>
      <td colspan="9">所有必须警戒的路口专人看守。</td>
      <td colspan="6"><input v-model="ray.guard.yes" type="checkbox"/>是<input v-model="ray.guard.no" type="checkbox"/>否<input v-model="ray.guard.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.guard.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>5</td>
      <td colspan="9">准备合格并足够的照明设备。</td>
      <td colspan="6"><input v-model="ray.light.yes" type="checkbox"/>是<input v-model="ray.light.no" type="checkbox"/>否<input v-model="ray.light.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.light.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>6</td>
      <td colspan="9">登高人员配备安全带。</td>
      <td colspan="6"><input v-model="ray.safeLine.yes" type="checkbox"/>是<input v-model="ray.safeLine.no" type="checkbox"/>否<input v-model="ray.safeLine.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.safeLine.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>7</td>
      <td colspan="9">清除区域内无关人员。</td>
      <td colspan="6"><input v-model="ray.clean.yes" type="checkbox"/>是<input v-model="ray.clean.no" type="checkbox"/>否<input v-model="ray.clean.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.clean.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>8</td>
      <td colspan="9">是否需要厂区保安人员负责警戒。</td>
      <td colspan="6"><input v-model="ray.vigilance.yes" type="checkbox"/>是<input v-model="ray.vigilance.no" type="checkbox"/>否<input v-model="ray.vigilance.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.vigilance.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td>9</td>
      <td colspan="9">附带作业地点平面示意图。</td>
      <td colspan="6"><input v-model="ray.plane.yes" type="checkbox"/>是<input v-model="ray.plane.no" type="checkbox"/>否<input v-model="ray.plane.noSuit" type="checkbox"/>不适用</td>
      <td colspan="4"><input v-model="ray.plane.remark" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">其他安全措施：</td>
      <td colspan="13"><input v-model="ray.otherSafetyMeasures" class="editInput"/></td>
      <td colspan="4"><input v-model="ray.otherSafetyMeasuresRemark" class="editInput"/></td>
    </tr>
    <tr>
      <td rowspan="2" colspan="2">申请人</td>
      <td colspan="20">我已阅读理解此许可证规定的条件并将遵守之，此工作完工后我将告知批准人。</td>
    </tr>
    <tr>
      <td colspan="3">签名</td>
      <td colspan="7"><input v-model="ray.apply.sign" class="editInput"/></td>
      <td colspan="3">日期和时间</td>
      <td colspan="7"><input v-model="ray.apply.date" class="editInput"/></td>
    </tr>
    <tr>
      <td rowspan="3" colspan="2">受影响方</td>
      <td colspan="20">我（们）已了解此次工作内容，并承诺以有效的方式通知本方所有人员。</td>
    </tr>
    <tr>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.influence.firstSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.influence.secondSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.influence.thirdSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.influence.fourthSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.influence.fifthSign" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.influence.firstDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.influence.secondDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.influence.thirdDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.influence.fourthDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.influence.fifthDate" class="editInput"/></td>
    </tr>

    <tr>
      <td rowspan="3" colspan="2">会签方</td>
      <td colspan="20">我（们）已审核所有安全措施。</td>
    </tr>
    <tr>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.jointlySign.firstSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.jointlySign.secondSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.jointlySign.thirdSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.jointlySign.fourthSign" class="editInput"/></td>
      <td colspan="2">签字</td>
      <td colspan="2"><input v-model="ray.jointlySign.fifthSign" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.jointlySign.firstDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.jointlySign.secondDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.jointlySign.thirdDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.jointlySign.fourthDate" class="editInput"/></td>
      <td colspan="2">日期</td>
      <td colspan="2"><input v-model="ray.jointlySign.fifthDate" class="editInput"/></td>
    </tr>

    <tr>
      <td rowspan="2" colspan="2">批准人</td>
      <td colspan="20">我确认此所有安全措施已落实，可以安全工作。</td>
    </tr>
    <tr>
      <td colspan="3">安全人员签名</td>
      <td colspan="7"><input v-model="ray.approved.sign" class="editInput"/></td>
      <td colspan="3">日期和时间</td>
      <td colspan="7"><input v-model="ray.approved.date" class="editInput"/></td>
    </tr>
    <tr>
      <td rowspan="3" colspan="2">申请/批准人</td>
      <td colspan="10">工作完成</td>
      <td colspan="10">许可证关闭</td>
    </tr>
    <tr>
      <td colspan="3">申请人</td>
      <td colspan="7"><input v-model="ray.finish.person" class="editInput"/></td>
      <td colspan="3">批准人</td>
      <td colspan="7"><input v-model="ray.close.person" class="editInput"/></td>
    </tr>
    <tr>
      <td colspan="3">时间和日期</td>
      <td colspan="7"><input v-model="ray.finish.date" class="editInput"/></td>
      <td colspan="3">时间和日期</td>
      <td colspan="7"><input v-model="ray.close.date" class="editInput"/></td>
    </tr>
  </table>

</template>

<script>
    export default {
      name: "ray",
      props:{
          ray:{
            type:Object
          }
      },
      data(){
        return{
          startYear:"",
          startMonth:"",
          startDay:"",
          startTime:"",
          startMinute:"",
          endYear:"",
          endMonth:"",
          endDay:"",
          endTime:"",
          endMinute:""
        }
      },
      methods:{
        //获取开始时间
        getStartTime(){
          return this.startYear + "-" +this.startMonth + "-" + this.startDay + " " + this.startTime + " : " + this.startMinute;
        },
        //获取结束时间
        getEndTime(){
          return this.endYear + "-" +this.endMonth + "-" + this.endDay + " " + this.endTime + " : " + this.endMinute;
        }
      }
    }
</script>

<style scoped lang="scss">
  table{
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    width: 100%;
  }
  table td, table th{
    border: 1px solid;
    height: 30px;
  }

  .editInput{
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .editInput:focus{
    outline: none;
  }

  .editLine{
    border-bottom: 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
  }

  .editLine:focus{
    outline: none;
  }


  textarea{
    height: 100%;
    width: 100%;
    border: none;
    resize:none;
  }

  textarea:focus{
    outline: none;
  }


</style>
