<template>
    <vxe-modal
      resize
      v-model="showModal"
      title="选择身份证"
      @hide="onHide"
      height="582"
      width="1003"
      show-footer
      esc-closable
    >
      <ProTable
        :config="config"
        ref="ProTableRef"
        :data="table"
        :showPagination="false"
        :showToolBar="false"
      >
      </ProTable>
      <template #footer> </template>
    </vxe-modal>
  </template>
  
  <script setup>
    import { computed } from 'vue';
    import { reactive, ref } from 'vue';
  
    const showModal = ref(false);
    const table = ref(undefined);
    const ProTableRef = ref();
    const config = reactive({
      exportConfig: {},
      toolbarConfig: { enabled: false },
      columns: [
        { field: 'row', title: '行' },
        {
          field: 'value',
          title: '错误值',
        },
        {
          field: 'message',
          title: '错误描述',
        },
      ],
    });
  
    const onHide = () => {
      table.value = null;
    };
    const openModal = () => {
      showModal.value = true;
    };
  
    defineExpose({
      openModal,
    });
  </script>
  <style lang="scss" scoped></style>
  