<template>
  <div class="addCompJob">

    <div class="card">
      <div class="form border">
        <em>*</em>
        <label>招聘岗位</label>
        <div class="right">
          <u-input trim placeholder="请输入" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
        </div>
      </div>
      <div class="form border">
        <em>*</em>
        <label>招聘人数</label>
        <div class="right">
          <u-input trim placeholder="请输入" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
      <div class="form">
        <em>*</em>
        <label>薪资待遇</label>
        <div class="right">
          <u-input trim placeholder="如5k-10k" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="form border">
        <em>*</em>
        <label>学历要求</label>
        <div class="right">
          <u-input trim placeholder="请输入" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
        </div>
      </div>
      <div class="form border">
        <em>*</em>
        <label>年龄要求</label>
        <div class="right">
          <u-input trim placeholder="请输入" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
      <div class="form border">
        <em>*</em>
        <label>性别要求</label>
        <div class="right">
          <u-input trim placeholder="如5k-10k" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
      <div class="forms">
        <label><span>*</span>岗位说明</label>
        <div class="bottom">
          <u-input type="textarea" auto-height trim placeholder="请输入详细描述信息"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="forms">
        <label><span>*</span>单位名称</label>
        <div class="bottom">
          <u-input trim placeholder="请输入单位名称"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
      <div class="form border border-top">
        <em>*</em>
        <label>联系人</label>
        <div class="right">
          <u-input trim placeholder="请输入" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
      <div class="form">
        <em>*</em>
        <label>联系方式</label>
        <div class="right">
          <u-input trim placeholder="如5k-10k" input-align="right"
                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
        </div>
      </div>
    </div>

    <div class="btn-wrapper">
      <div class="btn" @click="submit" hover-class="text-hover">提交</div>
    </div>

  </div>
</template>

<script>
export default {
  appName: "我要招员工",
  data() {
    return {}
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
.addCompJob {
  padding-bottom: 150px;
  .card {
    box-sizing: border-box;
    padding: 0 32px;
    background-color: #fff;
    margin-bottom: 24px;

    .form {
      height: 112px;
      background: #FFFFFF;
      display: flex;
      align-items: center;

      & > em {
        width: 16px;
        height: 44px;
        font-weight: 400;
        color: #FF4466;
        line-height: 54px;
        font-style: normal;
        margin-right: 8px;
      }

      & > label {
        font-size: 32px;
        font-weight: 600;
        color: #666666;

        & > span {
          font-size: 28px;
          font-weight: 400;
          color: #999999;
        }
      }

      .right {
        flex: 1;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;

        .value {
          font-size: 34px;
          font-weight: 600;
          color: #333333;
        }
      }
    }

    .forms {
      padding: 24px 0;

      label {
        color: #666666;
        font-size: 32px;
        font-weight: 600;
        span {
          color: #FF4466;
          font-weight: normal;
        }
      }
    }

    .border-top {
      border-top: 1px solid #DDDDDD;
    }

    .border {
      border-bottom: 1px solid #DDDDDD;
    }
  }

}
</style>
