<template>
  <div>
    <!-- 档案管理 -->
    <div class="dialog" v-if="dialogddglVisible">
      <div class="head_box">
        <span class="title">档案管理</span>
        <div>
          <el-button size="small" @click="dialogddglVisible = false">关闭</el-button>
        </div>
      </div>
      <el-form
        ref="elform"
        :model="ddglList"
        :inline="true"
        label-position="top"
        disabled
      >
        <el-form-item label="姓名" prop="XM">
          <el-input v-model="ddglList.XM"></el-input>
        </el-form-item>
        <el-form-item label="性别" prop="XBDM">
          <el-select clearable v-model="ddglList.XBDM">
            <el-option
              v-for="(item, index) in D_BZ_XB"
              :key="index"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="民族" prop="MZDM">
          <MOSTY.PackageSelect
            width="100%"
            v-model="ddglList.MZDM"
            dictEnum="NATION"
            clearable
            filterable
          />
        </el-form-item>
        <el-form-item label="联系电话" prop="LXDH">
          <el-input v-model="ddglList.LXDH"></el-input>
        </el-form-item>
        <el-form-item label="证件号码" prop="ZJHM">
          <el-input v-model="ddglList.ZJHM"></el-input>
        </el-form-item>
        <el-form-item label="出生日期" prop="CSRQ">
          <el-input v-model="ddglList.CSRQ"></el-input>
        </el-form-item>
        <el-form-item label="地址详址" prop="JZD_DZXZ">
          <el-input v-model="ddglList.JZD_DZXZ"></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script setup>
import { ref, getCurrentInstance, onMounted,defineProps } from "vue";
const { proxy } = getCurrentInstance();
const { D_BZ_XB } = proxy.$dict("D_BZ_XB");
const props = defineProps({
  dialogddglVisible: {
    type: Boolean,
    default: false
  },
  ddglList: {
    type: Object,
    default: {}
  }
});
</script>

<style lang='scss' scoped>
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
::v-deep .el-row {
  margin-bottom: 20px;
}
</style>