<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <c-col :span="16" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="LABINFTXT" prop="coninf.oitinf.oit.inftxt" style="width: 100%">
            <c-input type="textarea" v-model="model.coninf.oitinf.oit.inftxt" :rows="10" maxlength="60" show-word-limit
              style="width: 100%;" placeholder=""></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="8" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="Display Type" prop="coninf.oitinf.oit.inflev" style="width: 100%">
            <c-select v-model="model.coninf.oitinf.oit.inflev" style="width:100%" placeholder="请输入Display Type">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    
    <c-col :span="24">
      <c-col :span="16" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="LABINFTXT" prop="coninf.oitset.oit.inftxt" style="width: 100%">
            <c-input type="textarea" v-model="model.coninf.oitset.oit.inftxt" :rows="10" maxlength="60" show-word-limit
              style="width: 100%;" placeholder=""></c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="8" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="Display Type" prop="coninf.oitset.oit.inflev" style="width: 100%">
            <c-select v-model="model.coninf.oitset.oit.inflev" style="width:100%" placeholder="请输入Display Type">
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    
    <c-col :span="24" style="margin-top: 60px;">
      <c-col :span="16" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="Execution Date" prop="coninf.conexedat">
            <c-date-picker type="date" v-model="model.coninf.conexedat" style="width:100px"
              placeholder="请输入Execution Date"></c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="8" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="Send for Release to" prop="coninf.usrget.sdamod.dadrcv">
            <c-input v-model="model.coninf.usrget.sdamod.dadrcv" maxlength="16" placeholder="请输入">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
  import event from "../event";
  import Default from "../model/default";
  import commonFunctions from "~/mixin/commonFunctions.js";
  import commonDepend from "~/mixin/commonDepend.js";

  export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [event, Default, commonFunctions, commonDepend],
    data() {
      return {
      };
    },
    methods: {},
    mounted() {
    },
    computed: {
    },
    watch: {
    },
    created: function () { }
  };
</script>
<style lang="less" scoped>
  .el-textarea .el-textarea__inner {
    height: 100px;
  }

  .page-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid #707070;

    .form-content {
      width: 100%;
      flex: 1;
      position: relative;
      border: 1px solid #b1b1b1;
      overflow-y: auto;
      background-color: #fff;
      padding: 5px 0;
    }
  }

  .field {
    text-align: left;
    line-height: 32px;
    width: 40px;
  }

  .fieldName {
    /deep/ .el-form-item--small .el-form-item__label {
      width: 200px !important;
      justify-content: flex-start;
    }

    /deep/ .el-date-editor.el-input {
      width: 90%;
    }

    /deep/ .el-select {
      width: 90%;
    }
  }

  .over {
    /deep/ .el-form-item--small .el-form-item__label {
      text-align: left;
    }
  }
</style>