feat: vue3 codegen

This commit is contained in:
xingyu4j
2022-11-16 18:01:36 +08:00
parent ddc42c2ae5
commit 47f3c560fa
8 changed files with 216 additions and 270 deletions

View File

@ -117,15 +117,17 @@ defineExpose({
<XModal title="预览" v-model="preview.open">
<div class="flex">
<el-card class="w-1/4" :gutter="12" shadow="hover">
<el-tree
ref="treeRef"
node-key="id"
:data="preview.fileTree"
:expand-on-click-node="false"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
<el-scrollbar height="calc(100vh - 88px - 40px - 50px)">
<el-tree
ref="treeRef"
node-key="id"
:data="preview.fileTree"
:expand-on-click-node="false"
default-expand-all
highlight-current
@node-click="handleNodeClick"
/>
</el-scrollbar>
</el-card>
<el-card class="w-3/4" style="margin-left: 10px" :gutter="12" shadow="hover">
<el-tabs v-model="preview.activeName">

View File

@ -1,7 +1,7 @@
<template>
<ContentWrap>
<!-- 列表 -->
<vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar" :class="isDark">
<vxe-grid ref="xGrid" v-bind="gridOptions" class="xtable-scrollbar">
<template #toolbar_buttons>
<!-- 操作新增 -->
<XButton
@ -86,8 +86,6 @@ import { FormExpose } from '@/components/Form'
import * as PostApi from '@/api/system/post'
import { rules, allSchemas } from './post.data'
import { useDark } from '@vueuse/core'
const isDark = useDark()
const { t } = useI18n() // 国际化
const message = useMessage() // 消息弹窗
// 列表相关的变量
@ -125,6 +123,7 @@ const handleCreate = () => {
const handleExport = async () => {
await exportList(xGrid, '岗位列表.xls')
}
// 修改操作
const handleUpdate = async (rowId: number) => {
setDialogTile('update')