src/views/mes/dv/metering/index.vue
@@ -21,15 +21,26 @@
  useGridFormSchema,
} from './data';
import Form from './modules/form.vue';
import ImportForm from './modules/import-form.vue';
const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});
const [ImportModal, importModalApi] = useVbenModal({
  connectedComponent: ImportForm,
  destroyOnClose: true,
});
/** 刷新表格 */
function handleRefresh() {
  gridApi.query();
}
/** 导入计量器具 */
function handleImport() {
  importModalApi.open();
}
/** 创建计量器具 */
@@ -105,6 +116,7 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="计量器具列表">
      <template #toolbar-tools>
        <TableAction
@@ -123,6 +135,13 @@
              auth: ['mes:dv-metering:export'],
              onClick: handleExport,
            },
            {
              label: '导入',
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['mes:dv-metering:import'],
              onClick: handleImport,
            },
          ]"
        />
      </template>