<template>
  <div class="dialog" v-if="dialogForm">
    <div class="head_box">
      <span>详情</span>
      <div>
        <el-button size="small" @click="close">关闭</el-button>
      </div>
    </div>
    <div class="cntinfo">
      <FormMessage ref="FormRef" v-model="listQuery" :disabled="true"  :formList="formList">
      </FormMessage>
    </div>
  </div>
</template>

<script setup>
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
const emit = defineEmits(["refresh"]);
const { proxy } = getCurrentInstance();
const props = defineProps({
  dict: {
    default: [[]], //二维数组
    type: Array
  }
})
const dialogForm = ref(false);
const FormRef = ref();
const listQuery = ref({});

const formList = reactive([
  [
    { label: "姓名", prop: "xm", type: "input" },
    { label: "证件号码", prop: "sfzh", type: "input" },
    { label: "联系电话", prop: "lxdh", type: "input" },
  ],
  [
    { label: "是否年检", prop: "isnj", type:"select",options: props.dict.D_BZ_SF},
    { label: "年检时间", prop: "njsj", type: "date" },
  ],
])


// 初始化数据
const init = (type, row,) => {
  dialogForm.value = true;
  listQuery.value=row
};

const close = () => {
  dialogForm.value = false;
  FormRef.value.reset()
};;

defineExpose({init})
</script>

<style lang="scss" scoped>
@import "@/assets/css/layout.scss";
.mapBox{
  width: calc(100% - 24rem);
  height:500px;
  overflow: hidden;
  margin: 0 12rem;
}
</style>
