<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="3"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.applyUnit" class="editInput"/></td>
        <td>申请人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.proposer" class="editInput"/></td>
        <td colspan="2">作业编号</td>
        <td colspan="3"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.licenceNum" class="editInput"/></td>
      </tr>

      <tr>
        <td colspan="2">高处作业级别</td>
        <td colspan="3">
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.heightFirstType"/>一级
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.heightSecondType"/>二级
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.heighttThirdType"/>三级
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.heightSuperType"/>特级
        </td>
        <td colspan="4">涉及的其它特殊作业/作业证编号</td>
        <td colspan="4"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.otherLicenceNum" class="editInput"/></td>
      </tr>

      <tr>
        <td colspan="2">作业地点</td>
        <td colspan="7"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.heightLocation" class="editInput"/></td>
        <td>作业高度</td>
        <td colspan="3"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" class="editInput"/></td>
      </tr>
      <tr>
        <td colspan="2">作业内容描述</td>
        <td colspan="11"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.workDescribe" class="editInput"/></td>
      </tr>
      <tr>
        <td colspan="2">作业日期/时间</td>
        <td colspan="11">自<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="startYear" class="editLine" style="width: 45px;"/>年<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="startMonth" class="editLine" style="width: 45px;"/>月<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="startDay" class="editLine" style="width: 45px;"/>日<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="startTime" class="editLine" 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))" v-model="endYear" class="editLine" style="width: 45px;"/>年<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="endMonth" class="editLine" style="width: 45px;"/>月<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="endDay" class="editLine" style="width: 45px;"/>日<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="endTime" class="editLine" style="width: 45px;"/>时<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="endMinute" class="editLine" style="width: 45px;"/>分止</td>
      </tr>
      <tr>
        <td colspan="2" style="background-color: #67f60e70">作业负责人</td>
        <td colspan="3"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.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="heightWork.heightWork" 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="heightWork.worker" class="editInput"/></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="13" colspan="2">
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.scaffolding"/>脚手架<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.scaffoldingDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladder"/>梯子使用<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladderDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.guardrail"/>护栏<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.guardrailDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.crossWork"/>交叉作业<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.crossDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladderTruck"/>登高车/吊篮等高空作业设备<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladderTruckDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.danger"/>不利环境条件<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.dangerDetail" class="editLine" style="width: 125px"/>
          <input type="checkbox" :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.other"/>其它<input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.otherDetail" class="editLine" style="width: 125px"/>
        </td>
        <td colspan="8">作业人员身体条件符合要求，无职业禁忌证（如高血压、心脏病、癫痫、精神病等）</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.bodyCondition.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.bodyCondition.comfire" class="editInput"/></td>
      </tr>
      <tr>
        <td>2</td>
        <td colspan="8">作业人员按照公司规定穿戴基本PPE（工作服、安全帽、安全眼镜、安全鞋等）</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ppe.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ppe.comfire" class="editInput"/></td>
      </tr>
      <tr>
        <td>3</td>
        <td colspan="8">带电高处作业人员配备合格的绝缘防护用具及工具</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.elestic.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.elestic.comfire" class="editInput"/></td>
      </tr>
      <tr>
        <td>4</td>
        <td colspan="8">作业人员佩戴安全带，安全带高挂抵用</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.safetyBelt.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.safetyBelt.comfire" class="editInput"/></td>
      </tr>
      <tr>
        <td>5</td>
        <td colspan="8">作业人员携带有工具袋及安全绳</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.safetyRope.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.safetyRope.comfire" class="editInput"/></td>
      </tr>
      <tr>
        <td>6</td>
        <td colspan="8">作业人员佩戴：A、过滤式防毒面具或口罩B、空气呼吸器</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.birth.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.birth.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>7</td>
        <td colspan="8">现场设的脚手架、防护网、围栏符合安全规定</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.regulations.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.regulations.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>8</td>
        <td colspan="8">垂直分层作业中间有隔离设施</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.vertical.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.vertical.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>9</td>
        <td colspan="8">梯子、绳子符合安全规定</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladderAndRope.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.ladderAndRope.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>10</td>
        <td colspan="8">彩钢板等轻性棚的承重梁、柱能承重负荷的要求</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.weight.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.weight.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>11</td>
        <td colspan="8">作业人员在彩钢板等不承重物作业所搭设的承重板稳定牢固</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.stage.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.stage.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>12</td>
        <td colspan="8">采光，夜间作业照明负荷作业要求，（需采用并已采用/无需采用）防爆灯</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.light.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.light.comfir" class="editInput"/></td>
      </tr>
      <tr>
        <td>13</td>
        <td colspan="8">30m以上高处作业配备通讯、联络工具</td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.tools.isChecked" type="checkbox"/></td>
        <td><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.tools.comfir" class="editInput"/></td>
      </tr>

      <tr>
        <td>14</td>
        <td colspan="2">其他安全措施：</td>
        <td colspan="6"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.otherSafetyMeasures" class="editInput"/></td>
        <td colspan="2">实施安全教育人</td>
        <td colspan="2"><input :disabled= "!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))" v-model="heightWork.educator" class="editInput"/></td>
      </tr>
      <tr v-if="!((applyStatus == '' || applyStatus == '2') && -1 != post.findIndex(item => item === -1))">
        <td colspan="3" style="text-align: left">工厂专业主管意见：（一级）<textarea style="height: 80%" :disabled="-1 == post.findIndex(item => item === 12) || heightWork.auditing.factoryMajor.status != '0'" v-model="heightWork.auditing.factoryMajor.opinion"></textarea></td>
        <td colspan="3" style="text-align: left">安全部意见：（一级、二级）<textarea style="height: 80%" :disabled="-1 == post.findIndex(item => item === 7) || heightWork.auditing.safeDept.status != '0'" v-model="heightWork.auditing.safeDept.opinion"></textarea></td>
        <td colspan="3" style="text-align: left">工厂经理意见：（二级、三级、特级）<textarea :disabled="-1 == post.findIndex(item => item === 8) || heightWork.auditing.factory.status != '0'" style="height: 47%" v-model="heightWork.auditing.factory.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">生产班组长验票确认：<textarea style="height: 47%" :disabled="-1 == post.findIndex(item => item === 9) || heightWork.auditing.produce.status != '0'" v-model="heightWork.auditing.produce.opinion"></textarea></td>
        <td colspan="2" style="text-align: left">完工验收：<textarea style="height: 80%" :disabled="-1 == post.findIndex(item => item === -2) || heightWork.auditing.complete.status != '0'" v-model="heightWork.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="heightWork.auditing.factoryMajor.sign" v-if ="-1 != post.findIndex(item => item === 12) || heightWork.auditing.factoryMajor.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 12) && heightWork.auditing.factoryMajor.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 12) || heightWork.auditing.factoryMajor.status !='0'" v-model="heightWork.auditing.factoryMajor.date" class="editInput" style="height: 14px;width: 120px"/>
        </td>
        <td colspan="3" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="heightWork.auditing.safeDept.sign" v-if ="-1 != post.findIndex(item => item === 7) || heightWork.auditing.safeDept.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 7) && heightWork.auditing.safeDept.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 7) || heightWork.auditing.safeDept.status !='0'" v-model="heightWork.auditing.safeDept.date" class="editInput" style="height: 14px;width: 120px"/>
        </td>
        <td colspan="3" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="heightWork.auditing.factory.sign" v-if ="-1 != post.findIndex(item => item === 8) || heightWork.auditing.factory.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 8) && heightWork.auditing.factory.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 8) || heightWork.auditing.factory.status !='0'" v-model="heightWork.auditing.factory.date" class="editInput" style="height: 14px;width: 120px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="heightWork.auditing.produce.sign" v-if ="-1 != post.findIndex(item => item === 9) || heightWork.auditing.produce.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === 9) && heightWork.auditing.produce.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === 9) || heightWork.auditing.produce.status !='0'" v-model="heightWork.auditing.produce.date" class="editInput" style="height: 14px;width: 58px"/>
        </td>
        <td colspan="2" style="text-align: left">
          <div>签名：</div>
          <Esign :resultImg.sync="heightWork.auditing.complete.sign" v-if ="-1 != post.findIndex(item => item === -2) || heightWork.auditing.complete.status != '0'" :height="100" :width="135"/>
          <textarea v-if ="-1 == post.findIndex(item => item === -2) && heightWork.auditing.complete.status == '0'" disabled style="height: 72%"></textarea>
          日期/时间：<input :disabled ="-1 == post.findIndex(item => item === -2) || heightWork.auditing.complete.status !='0'" v-model="heightWork.auditing.complete.date" class="editInput" style="height: 14px;width: 58px"/>
        </td>
      </tr>
    </table>
    <div style="text-align: right;margin-top: 10px"
         v-if="(applyStatus == '0' && -1 != post.findIndex(item => item === 12) && heightWork.auditing.factoryMajor.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 7) && heightWork.auditing.safeDept.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 8) && heightWork.auditing.factory.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === 9) && heightWork.auditing.produce.status == '0') ||
         (applyStatus == '0' && -1 != post.findIndex(item => item === -2) && heightWork.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: "height-work",
      props:{
        heightWork:{
          type:Object
        },
        //作业单申请状态
        applyStatus:{
          type:String,
          default: "0"
        },
        //岗位
        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.heightWork.workStartTime = this.getStartTime();
          }
        },
        endMinute(newValue){
          if(this.endYear && this.endMonth && this.endDay &&  this.endTime && this.endMinute){
            this.heightWork.workEndTime = this.getEndTime();
          }
        }
      },
      methods:{
        //同意
        suggestion(type){
          if(-1 != this.post.findIndex(item => item === 12) && this.heightWork.auditing.factoryMajor.sign != "" && this.heightWork.auditing.factoryMajor.status == "0"){
            this.heightWork.auditing.factoryMajor.status = type;
          }
          if(-1 != this.post.findIndex(item => item === 7) && this.heightWork.auditing.safeDept.sign != "" && this.heightWork.auditing.safeDept.status == "0"){
            this.heightWork.auditing.safeDept.status = type;
          }
          if(-1 != this.post.findIndex(item => item === 8) && this.heightWork.auditing.factory.sign != "" && this.heightWork.auditing.factory.status == "0"){
            this.heightWork.auditing.factory.status = type;
          }
          if(-1 != this.post.findIndex(item => item === 9) && this.heightWork.auditing.produce.sign != "" && this.heightWork.auditing.produce.status == "0"){
            this.heightWork.auditing.produce.status = type;
          }
          if(-1 != this.post.findIndex(item => item === -2) && this.heightWork.auditing.complete.sign != "" && this.heightWork.auditing.complete.status == "0"){
            this.heightWork.auditing.complete.status = type;
          }
          this.$emit("suggestion","heightWork",this.heightWork);
        },
      }
    }
</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>
