gaoluyang
2 天以前 c7aebff7f6184b2d8da2669d2db5656e2bc09ec4
src/views/personnelManagement/employeeRecord/components/BasicInfoSection.vue
@@ -32,9 +32,9 @@
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="别名" prop="aliasName">
        <el-form-item label="别名" prop="alias">
          <el-input
            v-model="form.aliasName"
            v-model="form.alias"
            placeholder="请输入"
            clearable
            maxlength="50"
@@ -67,44 +67,61 @@
        </el-form-item>
      </el-col>
    </el-row>
      <el-row :gutter="30">
         <el-col :span="5">
            <el-form-item label="身份证号:"
                         prop="identityCard">
               <el-input v-model="form.identityCard"
                        placeholder="请输入"
                        clearable />
            </el-form-item>
         </el-col>
         <el-col :span="5">
            <el-form-item label="薪资:"
                         prop="salary">
               <el-input v-model="form.salary"
                        placeholder="请输入"
                        clearable />
            </el-form-item>
         </el-col>
         <el-col :span="5">
            <el-form-item label="出生日期" prop="birthDate">
               <el-date-picker
                  v-model="form.birthDate"
                  type="date"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                  placeholder="请选择"
                  style="width: 100%"
                  clearable
               />
            </el-form-item>
         </el-col>
         <el-col :span="5">
            <el-form-item label="年龄" prop="age">
               <el-input-number
                  v-model="form.age"
                  :min="0"
                  :max="150"
                  :precision="0"
                  :step="1"
                  style="width: 100%"
               />
            </el-form-item>
         </el-col>
         <el-col :span="4">
            <el-form-item label="籍贯" prop="nativePlace">
               <el-input
                  v-model="form.nativePlace"
                  placeholder="请输入"
                  clearable
                  maxlength="50"
                  show-word-limit
               />
            </el-form-item>
         </el-col>
      </el-row>
    <el-row :gutter="24">
      <el-col :span="5">
        <el-form-item label="出生日期" prop="birthDate">
          <el-date-picker
            v-model="form.birthDate"
            type="date"
            value-format="YYYY-MM-DD"
            format="YYYY-MM-DD"
            placeholder="请选择"
            style="width: 100%"
            clearable
          />
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="年龄" prop="age">
          <el-input-number
            v-model="form.age"
            :min="0"
            :max="150"
            :precision="0"
            :step="1"
            style="width: 100%"
          />
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="籍贯" prop="nativePlace">
          <el-input
            v-model="form.nativePlace"
            placeholder="请输入"
            clearable
            maxlength="50"
            show-word-limit
          />
        </el-form-item>
      </el-col>
      <el-col :span="5">
        <el-form-item label="民族" prop="nation">
          <el-input
@@ -116,7 +133,7 @@
          />
        </el-form-item>
      </el-col>
      <el-col :span="4">
      <el-col :span="5">
        <el-form-item label="婚姻状况" prop="maritalStatus">
          <el-select
            v-model="form.maritalStatus"
@@ -124,13 +141,31 @@
            clearable
            style="width: 100%"
          >
            <el-option label="未婚" value="single" />
            <el-option label="已婚" value="married" />
            <el-option label="离异" value="divorced" />
            <el-option label="丧偶" value="widowed" />
            <el-option label="未婚" value="未婚" />
            <el-option label="已婚" value="已婚" />
            <el-option label="离异" value="离异" />
            <el-option label="丧偶" value="丧偶" />
          </el-select>
        </el-form-item>
      </el-col>
         <el-col :span="5">
            <el-form-item label="角色" prop="roleId">
               <el-select
                  v-model="form.roleId"
                placeholder="请选择"
                clearable
                style="width: 100%"
               >
                  <el-option
                     v-for="item in roleOptions"
                   :key="item.roleId"
                   :label="item.roleName"
                   :value="item.roleId"
                   :disabled="item.status == 1"
                  />
               </el-select>
            </el-form-item>
         </el-col>
    </el-row>
  </el-card>
</template>
@@ -141,9 +176,10 @@
const props = defineProps({
  form: { type: Object, required: true },
  operationType: { type: String, default: "add" },
  roleOptions: { type: Array, default: () => [] },
});
const { form, operationType } = toRefs(props);
const { form, operationType, roleOptions } = toRefs(props);
</script>
<style scoped>