|
|
@@ -32,7 +32,7 @@
|
|
|
</BasicTable>
|
|
|
|
|
|
<!-- 弹出框 -->
|
|
|
- <MenuDrawer @register="registerDrawer" @success="handleSuccess" />
|
|
|
+ <MenuDrawer @register="registerModal" @success="handleSuccess" />
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
@@ -56,12 +56,15 @@ import { useI18n } from '/@/hooks/web/useI18n';
|
|
|
import { Button, notification } from 'ant-design-vue';
|
|
|
import { useSyncConfirm } from '/@/hooks/component/useSyncConfirm';
|
|
|
import { isArray } from '/@/utils/is';
|
|
|
+import { useModal } from '/@/components/Modal';
|
|
|
+
|
|
|
// 自定义表格组件和属性
|
|
|
export default defineComponent({
|
|
|
name: 'MenuManagement',
|
|
|
components: { BasicTable, MenuDrawer, TableAction, Button },
|
|
|
setup() {
|
|
|
- const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
|
|
|
+ // const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
|
|
|
+ const [registerModal, { openModal }] = useModal(); //使用右侧弹出框
|
|
|
const { t } = useI18n(); //加载国际化
|
|
|
// 新增菜单
|
|
|
// const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
|
|
|
@@ -130,7 +133,7 @@ export default defineComponent({
|
|
|
* 打开新增菜单
|
|
|
*/
|
|
|
function handleCreate() {
|
|
|
- openDrawer(true, {
|
|
|
+ openModal(true, {
|
|
|
isUpdate: false,
|
|
|
});
|
|
|
}
|
|
|
@@ -140,7 +143,7 @@ export default defineComponent({
|
|
|
* @param record
|
|
|
*/
|
|
|
function handleEdit(record: Recordable) {
|
|
|
- openDrawer(true, {
|
|
|
+ openModal(true, {
|
|
|
record,
|
|
|
isUpdate: true,
|
|
|
});
|
|
|
@@ -181,7 +184,7 @@ export default defineComponent({
|
|
|
getDeleteTitle,
|
|
|
getI18nCreateMenu,
|
|
|
registerTable,
|
|
|
- registerDrawer,
|
|
|
+ registerModal,
|
|
|
handleCreate,
|
|
|
handleEdit,
|
|
|
handleDelete,
|