
<!--
  @description: 专家-专家申请退出
  @Modifier: wxy
  @routerPath:/expert/expertQuitOutAdd
  @date: 2020-09-08 18:54:41
-->
<template>
  <div>
    <section class="title title_border">
      <i class="el-icon-s-home" />
      申请退出
    </section>
    <div class="p16">
      <el-form ref="forms" :model="formData" :rules="rules" :inline-message="true">
        <table class="from_table">
          <!--专家姓名--->
          <tr>
            <td>专家名称</td>
            <td>
              <el-input v-model="formData.realName" class="input_width" />
            </td>
          </tr>
          <!--退出原因-->
          <tr>
            <td>
              <el-form-item label="退出原因 " prop="reason" />
            </td>
            <td>
              <el-input
                v-model.trim="formData.reason"
                type="textarea"
                maxlength="50"
                style="width: 100%;"
                placeholder="退出原因"
                class="show-word-limit-padding"
              />
            </td>
          </tr>
        </table>
      </el-form>
      <div class="but_footer">
        <div class="but_footer-h">
          <div class="but_footer-but">
            <el-button type="primary">
              提交
            </el-button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        reason: '', // 退出原因
        realName: '' // 专家名称
      },
      rules: {
        reason: [
          { required: true, message: '退出原因不能为空', trigger: 'blur' }
        ] // 退出原因
      }
    }
  },
  methods: {
  }
}
</script>

<style>

</style>
