<template>
  <div>
    <table>
      <tr>
        <td colspan="13" style="background-color: #fff70036">
          <font style="color: red">注意：安全措施没有落实之前，不得执行任何工作！ 当现场出现报警，气体泄漏，撤离或其它紧急情况时，此作业证立即中止/取消!</font>
        </td>
      </tr>
      <tr>
        <td colspan="2">申请单位</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.applyUnit" class="editInput"/></td>
        <td>申请人</td>
        <td colspan="4"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.proposer" class="editInput"/></td>
        <td>作业编号</td>
        <td colspan="3"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.licenceNum" class="editInput"/></td>
      </tr>
      <tr>
        <td rowspan="2" colspan="2">设备情况</td>
        <td colspan="2">设备管道名称</td>
        <td>介质</td>
        <td>温度</td>
        <td>压力</td>
        <td rowspan="2" colspan="2">盲板情况</td>
        <td>材质</td>
        <td>规格</td>
        <td>数量</td>
        <td>编号</td>
      </tr>
      <tr>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.pipeName"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.medium" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.temperature" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.pressure" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.material" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.specifications" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.quantity" class="editInput"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.num" class="editInput"/></td>
      </tr>
      <tr>
        <td colspan="2">抽堵盲板作业内容描述</td>
        <td colspan="11"><div><span style="float: left">盲板位置示意图（在P&ID上标识）及编号标注：</span><textarea :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" rows="3" v-model="blindPlate.workContent"/></div></td>
      </tr>
      <tr>
        <td colspan="4">涉及的其它特殊作业/作业证编号</td>
        <td colspan="9"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.otherLicenceNum" class="editInput"/></td>
      </tr>
      <tr>
        <td colspan="2">作业日期/时间</td>
        <td colspan="11">自<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="startYear" style="width: 45px;"/>年<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="startMonth" style="width: 45px;"/>月<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="startDay" style="width: 45px;"/>日<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="startTime" style="width: 45px;"/>时<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="startMinute" class="editLine" style="width: 45px;"/>分 始 至<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="endYear" style="width: 45px;"/>年<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="endMonth" style="width: 45px;"/>月<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="endDay" style="width: 45px;"/>日<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="endTime" style="width: 45px;"/>时<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="endMinute" style="width: 45px;"/>分止</td>
      </tr>
      <tr>
        <td colspan="2" style="background-color: #67f60e70">作业负责人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.workLeader" class="editInput"/></td>
        <td colspan="2" style="background-color: #67f60e70">监护人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.guarder" class="editInput"/></td>
        <td style="background-color: #67f60e70">作业人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.worker" class="editInput"/></td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.block" value="堵"/>堵<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.draw" value="抽"/>抽</td>
      </tr>
      <tr>
        <td colspan="13" style="background-color: #fff70036">危害辨识与安全措施</td>
      </tr>
      <tr>
        <td>序号</td>
        <td colspan="2">危害辨识</td>
        <td colspan="8">安全措施</td>
        <td>选项</td>
        <td>确认人</td>
      </tr>
      <tr>
        <td>1</td>
        <td rowspan="7" colspan="2">
          <div style="margin-top: 2px">
            <input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.blindDefect"/>盲板有缺陷<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="blindPlate.blindDefectDetail" class="editLine" style="width: 100px;"/>
          </div>
          <div style="margin-top: 5px">
            <input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.harmful"/>危险有害物质（能量）突出<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="blindPlate.harmfulDetail" style="width: 100px;"/>
          </div>
          <div style="margin-top: 5px">
            <input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.fireSoruce"/>点火源<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="blindPlate.fireSourceDetail" style="width: 100px;"/>
          </div>
          <div style="margin-top: 5px">
            <input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.other"/>其它<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editLine" v-model="blindPlate.otherDetail" style="width: 100px;"/>
          </div>
        </td>
        <td colspan="8">在有毒介质的管道、设备上作业时，尽可能降低系统压力，作业点应为常压</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox" v-model="blindPlate.atmosphericPressure.isChecked" /></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.atmosphericPressure.comfire" /></td>
      </tr>
      <tr>
        <td>2</td>
        <td colspan="8">在有毒介质的管道、设备上作业时，作业人员穿戴适合的防护用具</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.protectiveTools.isChecked" /></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.protectiveTools.comfire" /></td>
      </tr>
      <tr>
        <td>3</td>
        <td colspan="8">易燃易爆场所，作业人员穿防静电工作服、工作鞋；作业时使用防爆灯具和防爆工具</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.nonSparkingTools.isChecked" /></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.nonSparkingTools.comfire" /></td>
      </tr>
      <tr>
        <td>4</td>
        <td colspan="8">易燃易爆场所，距作业地点30m内无其他动火作业</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.thirtyMeter.isChecked"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.thirtyMeter.comfire"/></td>
      </tr>
      <tr>
        <td>5</td>
        <td colspan="8">在强腐蚀性介质的管道、设备上作业时，作业人员已采取防止酸碱灼伤的措施</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.corrosionProtection.isChecked"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.corrosionProtection.comfire"/></td>
      </tr>
      <tr>
        <td>6</td>
        <td colspan="8">介质温度较高、可能造成烫伤的情况下，作业人员已采取防烫措施</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.antiScalding.isChecked"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.antiScalding.comfire"/></td>
      </tr>
      <tr>
        <td>7</td>
        <td colspan="8">同一管道上不同时进行两处以上的盲板抽堵作业</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" type="checkbox"  v-model="blindPlate.thanTwo.isChecked"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.thanTwo.comfire"/></td>
      </tr>
      <tr>
        <td>8</td>
        <td colspan="2">其他安全措施：</td>
        <td colspan="6"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.otherSafetyMeasures"/></td>
        <td colspan="2">实施安全教育人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput" v-model="blindPlate.educator"/></td>
      </tr>
      <tr v-if="!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))">
        <td colspan="3" style="text-align: left">作业部门负责人意见：<textarea :disabled="-1 == post.findIndex(item => item === 5) || blindPlate.auditing.deptLeader.status != '0'" style="height: 70%" v-model="blindPlate.auditing.deptLeader.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">专业主管批准人意见：<textarea :disabled="-1 == post.findIndex(item => item === 6) || blindPlate.auditing.professionalMajor.status != '0'" style="height: 48%" v-model="blindPlate.auditing.professionalMajor.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">安全部批准人审批意见：<textarea :disabled="-1 == post.findIndex(item => item === 7) || blindPlate.auditing.safeDept.status != '0'" style="height: 48%" v-model="blindPlate.auditing.safeDept.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">工厂经理审批意见：<textarea :disabled="-1 == post.findIndex(item => item === 8) || blindPlate.auditing.factory.status != '0'" style="height: 70%" v-model="blindPlate.auditing.factory.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">生产班组长验票确认<textarea :disabled="-1 == post.findIndex(item => item === 9) || blindPlate.auditing.produce.status != '0'" style="height: 70%" v-model="blindPlate.auditing.produce.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">完工验收：<textarea :disabled="-1 == post.findIndex(item => item === -2) || blindPlate.auditing.complete.status != '0'" style="height: 70%" v-model="blindPlate.auditing.complete.opinion"></textarea></td>
      </tr>
      <tr v-if="!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))">
        <td colspan="3" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.deptLeader.sign" v-if="-1 != post.findIndex(item => item === 5) || blindPlate.auditing.deptLeader.status != '0'" :height="100" :width="200"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 5) && blindPlate.auditing.deptLeader.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input  :disabled ="-1 == post.findIndex(item => item === 5) || blindPlate.auditing.deptLeader.status !='0'" v-model="blindPlate.auditing.deptLeader.date" class="editInput" style="height: 16px;width: 120px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.professionalMajor.sign" v-if ="-1 != post.findIndex(item => item === 6) || blindPlate.auditing.professionalMajor.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 6) && blindPlate.auditing.professionalMajor.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 6) || blindPlate.auditing.professionalMajor.status != '0'" v-model="blindPlate.auditing.professionalMajor.date" class="editInput" style="height: 16px;width: 58px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.safeDept.sign"  v-if ="-1 != post.findIndex(item => item === 7) || blindPlate.auditing.safeDept.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 7) && blindPlate.auditing.safeDept.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 7) || blindPlate.auditing.safeDept.status != '0'" v-model="blindPlate.auditing.safeDept.date" class="editInput" style="height: 16px;width: 58px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.factory.sign" v-if ="-1 != post.findIndex(item => item === 8) || blindPlate.auditing.factory.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 1) && blindPlate.auditing.factory.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 1) || blindPlate.auditing.factory.status != '0'" v-model="blindPlate.auditing.factory.date" class="editInput" style="height: 16px;width: 58px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.produce.sign" v-if ="-1 != post.findIndex(item => item === 9) || blindPlate.auditing.produce.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 9) && blindPlate.auditing.produce.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 9) || blindPlate.auditing.produce.status != '0'" v-model="blindPlate.auditing.produce.date" class="editInput" style="height: 16px;width: 58px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="blindPlate.auditing.complete.sign" v-if ="-1 != post.findIndex(item => item === -2) || blindPlate.auditing.complete.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === -2) && blindPlate.auditing.complete.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === -2) || blindPlate.auditing.complete.status != '0'" v-model="blindPlate.auditing.complete.date" class="editInput" style="height: 16px;width: 58px"/>
        </td>
      </tr>
    </table>
    <div style="text-align: right;margin-top: 10px"
         v-if="(applyStatus == '0' && -1 != post.findIndex(item => item === 5) && blindPlate.auditing.deptLeader.status == '0')||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 6) && blindPlate.auditing.professionalMajor.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 7) && blindPlate.auditing.safeDept.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 8) && blindPlate.auditing.factory.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 9) && blindPlate.auditing.produce.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === -2) && blindPlate.auditing.complete.status == '0')">
      <el-button type="primary" @click="suggestion('1')">同意</el-button>
      <el-button @click="suggestion('2')">驳回</el-button>
    </div>
  </div>

</template>

<script>
import Esign from "./Esign";
export default {
  name: "Bind-plat",
  props:{
    blindPlate:{
      type:Object
    },
    //作业单申请状态
    applyStatus:{
      type:String,
      default: ""
    },
    //岗位
    post:{
      type:Array
    }
  },
  components:{
    Esign
  },
  data(){
    return{
      startYear:"",
      startMonth:"",
      startDay:"",
      startTime:"",
      startMinute:"",
      endYear:"",
      endMonth:"",
      endDay:"",
      endTime:"",
      endMinute:""
    }
  },
  watch:{
    startMinute(newValue){
      if(this.startYear && this.startMonth && this.startDay &&  this.startTime && this.startMinute){
        this.blindPlate.workStartTime = this.getStartTime();
      }
    },
    endMinute(newValue){
      if(this.endYear && this.endMonth && this.endDay &&  this.endTime && this.endMinute){
        this.blindPlate.workEndTime = this.getEndTime();
      }
    }
  },
  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;
    },
    //同意
    suggestion(type){
      if(-1 != this.post.findIndex(item => item === 5) && this.blindPlate.auditing.deptLeader.sign != "" && this.blindPlate.auditing.deptLeader.status =="0"){
        this.blindPlate.auditing.deptLeader.status = type;
      }
      if(-1 != this.post.findIndex(item => item === 6) && this.blindPlate.auditing.professionalMajor.sign != "" && this.blindPlate.auditing.professionalMajor.status =="0"){
        this.blindPlate.auditing.professionalMajor.status = type;
      }
      if(-1 != this.post.findIndex(item => item === 7) && this.blindPlate.auditing.safeDept.sign != "" && this.blindPlate.auditing.safeDept.status =="0"){
        this.blindPlate.auditing.safeDept.status = type;
      }
      if(-1 != this.post.findIndex(item => item === 8) && this.blindPlate.auditing.factory.sign != "" && this.blindPlate.auditing.factory.status =="0"){
        this.blindPlate.auditing.factory.status = type;
      }
      if(-1 != this.post.findIndex(item => item === 9) && this.blindPlate.auditing.produce.sign != "" && this.blindPlate.auditing.produce.status =="0"){
        this.blindPlate.auditing.produce.status = type;
      }
      if(-1 != this.post.findIndex(item => item === -2) && this.blindPlate.auditing.complete.sign != "" && this.blindPlate.auditing.complete.status =="0"){
        this.blindPlate.auditing.complete.status = type;
      }
      this.$emit("suggestion","blindPlate",this.blindPlate);
    },
  }

}
</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>
