<template>
  <div  class="ls-vertical">
    <div class="ls-container">
       <div v-if="state==1">
         <div class="title">
           <span>处理信息</span>
         </div>
         <div>
           <el-form :model="status" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
             <el-form-item label="请选择" prop="resource">
                 <el-radio-group v-model="status">
                   <el-radio label="1">取消任务</el-radio>
                 </el-radio-group>
               </el-form-item>
            </el-form>
         </div>
         <el-form ref="information"  label-width="80px">
         <el-form-item label="处理信息">
             <el-input type="textarea"  placeholder="请输入处理说明" maxlength="300" show-word-limit  v-model="information"></el-input>
           </el-form-item>
           </el-form>
       </div>
    </div>
  </div>
</template>

<script>

  export default{
    name: 'task-process-information',
    
    components:{

    },
    created(){

    },
    mounted(){

    },
    methods:{
      // 导航栏按钮操作
      clickbtn  (type) {
        switch (type) {
          case 'refresh':
            this.pager.curPage = 1;
            this.pager.pageSize = 50;
            this.doQuery();
            break;
        }
      },
    },
    data(){
      return {
          users: [],
          information:"",
          status: '',
          state:1


      }
    }
  }
</script>

<style scoped lang="scss">
.ls-container{
  min-height: auto;
  margin: 0;
  border-top: 1px solid #f4f4f4;
  overflow: hidden;
  >.title{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    >span {
      color: #357FB9;
      font-size: 16px;
      font-weight: bold;
    }
    .right{
      display: flex;
      margin-bottom: 5px;
      .leaf{
        width: 80px;
        height: 31px;
        text-align: center;
        line-height: 31px;
        background: #4BCED0;
        border-radius: 10px 0px 10px 0px;
        margin-left: 10px;
      }
      .important{
        background: #FEF0F0;
        border: 1px solid #FBC4C4;
        color: #FB6260;
      }
    }

  }
}
</style>
