JImportModal导入弹窗组件
说明: 用于列表页面导入excel功能
参数配置
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
url | String | 无 | value值 |
biz | array | checkbox需要配置的项,是个数组,数组中每个对象包含两个属性:label(用于显示)和value(用于存储) | |
online | Boolean | 是否开启online检验模式,默认false |
使用示例
<template>
<!-- 此处省略部分代码...... -->
<a-button preIcon="ant-design:import-outlined" type="primary" @click="openModal(true)">弹窗导入</a-button>
<!-- 此处省略部分代码...... -->
<JImportModal @register="registerModal" :url="getImportUrl" online/>
<!-- 此处省略部分代码...... -->
</template>
<script lang="ts" setup>
import {useModal} from '/@/components/Modal';
import JImportModal from '/@/components/Form/src/jeecg/components/JImportModal.vue';
import { getExportUrl } from './demo.api';
const [registerModal, {openModal}] = useModal();
</script>
效果预览