<!-- 人员登记 基本信息 -->
<script name="RegisterBasic" lang="ts" setup>
const props = defineProps({ operation: { type: String, default: '' } })
// 逻辑
</script>

<template>
  <app-container>
    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item prop="minioFileName">
            <!-- <el-upload
              class="avatar-uploader"
              :show-file-list="false"
              :http-request="uploadQuarterlyEvaluateFile"
              :before-upload="beforeAvatarUpload"
              :disabled="title === '详情'"
              accept="image/png, image/jpeg,image/jpg"
            >
              <img v-if="ruleForm.minioFileName" :src="photoUrl" class="avatar">
              <el-icon v-else class="avatar-uploader-icon">
                <plus />
              </el-icon>
            </el-upload> -->
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="人员编号" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
          <el-form-item label="姓名" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
          <el-form-item label="身份证号" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
          <el-form-item label="出生日期" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
          <el-form-item label="学历" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
          <el-form-item label="籍贯" prop="birthday" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <el-date-picker
              v-model="ruleForm.birthday" type="date" format="YYYY-MM" value-format="YYYY-MM"
              placeholder="出生年月" disabled
              style="width: 100%;"
            /> -->
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="建档时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="军官证号" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="性别" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="毕业时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="民族" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="学位" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第二行 -->
      <el-row :gutter="24">
        <!-- 第一列 -->
        <el-col :span="6">
          <el-form-item label="工作部门" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="从事专业时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="入学时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="军衔等级" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="待遇级别" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
        </el-col>

        <!-- 第二列 -->
        <el-col :span="6">
          <el-form-item label="岗位" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="干龄" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="党团时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="军衔等级时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="待遇级别时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
        </el-col>

        <!-- 第三列 -->
        <el-col :span="6">
          <el-form-item label="计量专业" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="职称初评" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="入伍时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="职务层级" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
        </el-col>

        <!-- 第四列 -->
        <el-col :span="6">
          <el-form-item label="证号" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="职称最近续评" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="人员类别" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
          <el-form-item label="职务层级时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" />
            <!-- <dept-select v-model="ruleForm.deptId" :data="PubListTree" :placeholder="title === '详情' ? ' ' : '选择组织机构'" :disabled="title === '详情'" style="width: 100%;" /> -->
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第三行 -->
      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="工作简历" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第四行 -->
      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="军衔/时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第四行 -->
      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="职称/时间" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第四行 -->
      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="奖惩情况" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="3" />
          </el-form-item>
        </el-col>
      </el-row>

      <!-- 第四行 -->
      <el-row :gutter="24">
        <el-col :span="24">
          <el-form-item label="备注" prop="deptId" class="marg-item">
            <el-input ref="cardRef" placeholder="身份证号" type="textarea" :rows="1" />
          </el-form-item>
        </el-col>
      </el-row>
      <!-- <el-form-item label="计量专业" prop="major" class="marg-item"> -->
      <!-- <el-select
              v-model.trim="ruleForm.major"
              clearable
              :placeholder="title === '详情' ? '' : '请选择'"
              :disabled="title === '详情'"
              class="full-width-input"
            >
              <el-option
                v-for="item in measureMajorList"
                :key="item.id"
                :label="item.name"
                :value="item.value"
              />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="是否特操人" prop="specialOperator" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.specialOperator" placeholder="是否特操人" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- </el-col> -->
      <!-- <el-col :span="6"> -->
      <!-- <el-form-item label="人员编号" prop="staffNo"> -->
      <!-- <el-input v-model.trim="ruleForm.staffNo" placeholder="系统自动生成" disabled /> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="性别" prop="sex" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.sex" placeholder="请选择性别" disabled style="width: 100%;">
              <el-option v-for="item in sexList" :key="item.id" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="技术职务" prop="technologyJob" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.technologyJob" clearable :placeholder="title === '详情' ? ' ' : '技术职务'" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in technologyJobList" :key="item.id" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="从事日期" prop="workDate" class="marg-item"> -->
      <!-- <el-date-picker
              v-model="ruleForm.workDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" :disabled="title === '详情'"
              placeholder="请选择从事日期" style="width: 100%;"
            /> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="是否技术考核" prop="technologyExam" class="marg-item" style="width: 100%;"> -->
      <!-- <el-select v-model="ruleForm.technologyExam" placeholder="技术考核" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- </el-col> -->
      <!-- <el-col :span="6"> -->
      <!-- <el-form-item label="身份证号" prop="idCard"> -->
      <!-- <el-input ref="cardRef" v-model.trim="ruleForm.idCard" placeholder="身份证号" :disabled="title === '详情'" @blur="getBirthday" /> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="文化程度" prop="education" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.education" placeholder="文化程度" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in educationList" :key="item.id" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="行政职务" prop="administrationJob" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.administrationJob" clearable :placeholder="title === '详情' ? ' ' : '行政职务'" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in administrationJobList" :key="item.id" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item> -->
      <!-- <el-form-item label="是否主考人" prop="mainExaminer" class="marg-item"> -->
      <!-- <el-select v-model="ruleForm.mainExaminer" placeholder="是否主考人" :disabled="title === '详情'" style="width: 100%;">
              <el-option v-for="item in selectWhether" :key="item.value" :label="item.name" :value="item.value" />
            </el-select> -->
      <!-- </el-form-item>
          <el-form-item label="备注" prop="remark" class="marg-item">
            <el-input placeholder="请输入备注" :disabled="props.operation === 'detail'" />
          </el-form-item>
        </el-col> -->
    </el-form>
  </app-container>
</template>