gitee
/
snowy
mirror of https://gitee.com/xiaonuobase/snowy
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

【升级】前端整体升级所有抽屉采用统一组件，可根据喜好情况在抽屉跟对话框随意切换

pull/95/head
小诺 2023-03-22 21:44:43 +08:00 committed by 俞宝山
parent e97ea6b731
commit 360f1bb233
73 changed files with 515 additions and 552 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
snowy-admin-web/.env.development
View File

@ -9,3 +9,6 @@ VITE_API_BASEURL = http://127.0.0.1:82
# 本地端口 # 本地端口
VITE_PORT = 81 VITE_PORT = 81
# 开启设置抽屉
VITE_SET_DRAWER = true

3
snowy-admin-web/.env.production
View File

@ -9,3 +9,6 @@ VITE_API_BASEURL = http://127.0.0.1:82
# 本地端口 # 本地端口
VITE_PORT = 81 VITE_PORT = 81
# 开启设置抽屉
VITE_SET_DRAWER = false

84
snowy-admin-web/src/components/XnFormContainer/demo.vue
View File

@ -1,84 +0,0 @@
<template>
<div>
<button @click="showDrawer">Show Drawer</button>
<button @click="showModal">Show Modal</button>
<xn-form-container
v-model:visible="drawerVisible"
:type="drawerType"
title="Drawer Title"
placement="right"
width="300px"
:destroyOnClose="false"
@ok="onOkDrawer"
@close="onCloseDrawer"
>
<p>Drawer Content</p>
<template #footer>
<div>Drawer footer</div>
</template>
<template #title>
<div>Drawer title</div>
</template>
</xn-form-container>
<xn-form-container
v-model:visible="modalVisible"
:type="modalType"
title="Modal Title"
:width="800"
:destroyOnClose="false"
@ok="onOkModal"
@close="onCloseModal"
>
<p>Modal Content</p>
<template #footer>
<div>Modal footer</div>
</template>
<template #title>
<div>Modal title</div>
</template>
</xn-form-container>
</div>
</template>
<script>
import XnFormContainer from './XnFormContainer'
export default {
name: 'Example',
components: {
XnFormContainer
},
data() {
return {
drawerVisible: false,
drawerType: 'drawer',
modalVisible: false,
modalType: 'modal'
}
},
methods: {
showDrawer() {
this.drawerVisible = true
},
showModal() {
this.modalVisible = true
},
onOkDrawer() {
this.$message.success('onOkDrawer')
this.drawerVisible = false
},
onCloseModal() {
this.$message.success('onCloseModal')
this.modalVisible = false
},
onCloseDrawer() {
this.$message.success('onCloseDrawer')
this.drawerVisible = false
},
onOkModal() {
this.$message.success('onOkModal')
this.modalVisible = false
}
}
}
</script>

8
snowy-admin-web/src/components/XnFormContainer/index.vue
View File

@ -4,7 +4,7 @@
<slot :name="slotKey" /> <slot :name="slotKey" />
</template> </template>
</Modal> </Modal>
<Drawer v-else :visible="visible" v-bind="$attrs"> <Drawer v-else :visible="visible" v-bind="$attrs" :footer-style="{ textAlign: 'right' }">
<template v-for="slotKey in slotKeys" #[slotKey]> <template v-for="slotKey in slotKeys" #[slotKey]>
<slot :name="slotKey" /> <slot :name="slotKey" />
</template> </template>
@ -28,10 +28,6 @@
}, },
inheritAttrs: false, inheritAttrs: false,
props: { props: {
type: {
type: String,
default: FormContainerTypeEnum.MODAL
},
visible: { visible: {
type: Boolean, type: Boolean,
default: false, default: false,
@ -45,7 +41,7 @@
return Object.keys(this.$slots) return Object.keys(this.$slots)
}, },
isModal() { isModal() {
return this.type === FormContainerTypeEnum.MODAL return FormContainerTypeEnum.MODAL === this.$store.state.global.formStyle
} }
}, },
methods: { methods: {

8
snowy-admin-web/src/components/XnSignName/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-modal ref="signModel" v-model:visible="visible" :width="600" title="电子签名" @cancel="handleClear" @ok="handleOk"> <xn-form-container ref="signModel" v-model:visible="visible" :width="700" title="电子签名" @close="handleClear" @ok="handleOk">
<a-row :gutter="5"> <a-row :gutter="5">
<a-col :span="15"> <a-col :span="15">
<div style="border: 1px solid rgb(236 236 236)"> <div style="border: 1px solid rgb(236 236 236)">
@ -40,7 +40,11 @@
<a-button @click="handleReset">清屏</a-button> <a-button @click="handleReset">清屏</a-button>
</a-space> </a-space>
</div> </div>
</a-modal> <template #footer>
<a-button style="margin-right: 8px" @click="handleClear">取消</a-button>
<a-button type="primary" @click="handleOk">确定</a-button>
</template>
</xn-form-container>
</template> </template>
<script setup> <script setup>

5
snowy-admin-web/src/config/index.js
View File

@ -63,10 +63,15 @@ const DEFAULT_CONFIG = {
// 默认整体主题 // 默认整体主题
SNOWY_THEME: 'dark', SNOWY_THEME: 'dark',
// 整体表单风格
SNOWY_FORM_STYLE: 'drawer',
// 成功色 // 成功色
success: '#52c41a', success: '#52c41a',
// 警告色 // 警告色
warning: '#faad14', warning: '#faad14',
// 错误色 // 错误色
error: '#f5222f', error: '#f5222f',

86
snowy-admin-web/src/layout/components/setting.vue
View File

@ -70,6 +70,15 @@
<a-form-item label="菜单排他展开"> <a-form-item label="菜单排他展开">
<a-switch v-model:checked="sideUniqueOpen" /> <a-switch v-model:checked="sideUniqueOpen" />
</a-form-item> </a-form-item>
<a-form-item label="表单风格">
<a-select
v-model:value="formStyle"
style="width: 80px"
size="small"
:options="xnFormStyleOptions"
@change="formStyleChange"
/>
</a-form-item>
</a-form> </a-form>
<a-alert <a-alert
message="以上配置可实时预览，开发者可在 config/index.js 中配置默认值，不建议在生产环境下开放布局设置" message="以上配置可实时预览，开发者可在 config/index.js 中配置默认值，不建议在生产环境下开放布局设置"
@ -80,14 +89,15 @@
</template> </template>
<script> <script>
import { colorList } from '../../config/settingConfig' import { colorList } from '@/config/settingConfig'
import { ThemeModeEnum } from '../../utils/enum' import { ThemeModeEnum } from '@/utils/enum'
import tool from '@/utils/tool'
export default defineComponent({ export default defineComponent({
data() { data() {
return { return {
// 整体风格 // 整体风格
sideStyle: this.$TOOL.data.get('SNOWY_THEME') || this.$store.state.global.theme, sideStyle: tool.data.get('SNOWY_THEME') || this.$store.state.global.theme,
sideStyleList: [ sideStyleList: [
{ {
tips: '暗色主题风格', tips: '暗色主题风格',
@ -105,7 +115,7 @@
style: 'snowy-setting-checkbox-item-realdark' style: 'snowy-setting-checkbox-item-realdark'
} }
], ],
layout: this.$TOOL.data.get('SNOWY_LAYOUT') || this.$store.state.global.layout, layout: tool.data.get('SNOWY_LAYOUT') || this.$store.state.global.layout,
layoutList: [ layoutList: [
{ {
tips: '经典', tips: '经典',
@ -118,18 +128,29 @@
style: 'snowy-setting-layout-menu-doublerow' style: 'snowy-setting-layout-menu-doublerow'
} }
], ],
xnFormStyleOptions: [
{
label: '抽屉',
value: 'drawer'
},
{
label: '对话框',
value: 'modal'
}
],
topHanderThemeColorOpen: topHanderThemeColorOpen:
this.$TOOL.data.get('SNOWY_TOP_HANDER_THEME_COLOR_OPEN') || this.$store.state.global.topHanderThemeColorOpen, tool.data.get('SNOWY_TOP_HANDER_THEME_COLOR_OPEN') || this.$store.state.global.topHanderThemeColorOpen,
topHanderThemeColorSpread: topHanderThemeColorSpread:
this.$TOOL.data.get('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD') || tool.data.get('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD') ||
this.$store.state.global.topHanderThemeColorSpread, this.$store.state.global.topHanderThemeColorSpread,
menuIsCollapse: this.$TOOL.data.get('SNOWY_MENU_COLLAPSE') || this.$store.state.global.menuIsCollapse, menuIsCollapse: tool.data.get('SNOWY_MENU_COLLAPSE') || this.$store.state.global.menuIsCollapse,
sideUniqueOpen: this.$TOOL.data.get('SNOWY_SIDE_UNIQUE_OPEN') || this.$store.state.global.sideUniqueOpen, sideUniqueOpen: tool.data.get('SNOWY_SIDE_UNIQUE_OPEN') || this.$store.state.global.sideUniqueOpen,
layoutTagsOpen: this.$TOOL.data.get('SNOWY_LAYOUT_TAGS_OPEN') || this.$store.state.global.layoutTagsOpen, layoutTagsOpen: tool.data.get('SNOWY_LAYOUT_TAGS_OPEN') || this.$store.state.global.layoutTagsOpen,
breadcrumbOpen: this.$TOOL.data.get('SNOWY_BREADCRUMD_OPEN') || this.$store.state.global.breadcrumbOpen, breadcrumbOpen: tool.data.get('SNOWY_BREADCRUMD_OPEN') || this.$store.state.global.breadcrumbOpen,
moduleUnfoldOpen: this.$TOOL.data.get('SNOWY_MODULE_UNFOLD_OPEN') || this.$store.state.global.moduleUnfoldOpen, moduleUnfoldOpen: tool.data.get('SNOWY_MODULE_UNFOLD_OPEN') || this.$store.state.global.moduleUnfoldOpen,
theme: this.$TOOL.data.get('APP_THEME') || this.$store.state.global.theme, theme: tool.data.get('APP_THEME') || this.$store.state.global.theme,
themeColor: this.$TOOL.data.get('SNOWY_THEME_COLOR') || this.$store.state.global.themeColor, themeColor: tool.data.get('SNOWY_THEME_COLOR') || this.$store.state.global.themeColor,
formStyle: tool.data.get('SNOWY_FORM_STYLE') || this.$store.state.global.formStyle,
colorList colorList
} }
}, },
@ -137,42 +158,42 @@
menuIsCollapse() { menuIsCollapse() {
this.$store.commit('TOGGLE_menuIsCollapse') this.$store.commit('TOGGLE_menuIsCollapse')
if (this.$store.state.global.menuIsCollapse) { if (this.$store.state.global.menuIsCollapse) {
this.$TOOL.data.set('SNOWY_MENU_COLLAPSE', true) tool.data.set('SNOWY_MENU_COLLAPSE', true)
} else { } else {
this.$TOOL.data.set('SNOWY_MENU_COLLAPSE', false) tool.data.set('SNOWY_MENU_COLLAPSE', false)
} }
}, },
sideUniqueOpen() { sideUniqueOpen() {
this.$store.commit('TOGGLE_sideUniqueOpen') this.$store.commit('TOGGLE_sideUniqueOpen')
if (this.$store.state.global.sideUniqueOpen) { if (this.$store.state.global.sideUniqueOpen) {
this.$TOOL.data.set('SNOWY_SIDE_UNIQUE_OPEN', true) tool.data.set('SNOWY_SIDE_UNIQUE_OPEN', true)
} else { } else {
this.$TOOL.data.set('SNOWY_SIDE_UNIQUE_OPEN', false) tool.data.set('SNOWY_SIDE_UNIQUE_OPEN', false)
} }
}, },
layoutTagsOpen() { layoutTagsOpen() {
this.$store.commit('TOGGLE_layoutTagsOpen') this.$store.commit('TOGGLE_layoutTagsOpen')
if (this.$store.state.global.layoutTagsOpen) { if (this.$store.state.global.layoutTagsOpen) {
this.$TOOL.data.set('SNOWY_LAYOUT_TAGS_OPEN', true) tool.data.set('SNOWY_LAYOUT_TAGS_OPEN', true)
} else { } else {
this.$TOOL.data.set('SNOWY_LAYOUT_TAGS_OPEN', false) tool.data.set('SNOWY_LAYOUT_TAGS_OPEN', false)
} }
}, },
breadcrumbOpen() { breadcrumbOpen() {
this.$store.commit('TOGGLE_breadcrumbOpen') this.$store.commit('TOGGLE_breadcrumbOpen')
if (this.$store.state.global.breadcrumbOpen) { if (this.$store.state.global.breadcrumbOpen) {
this.$TOOL.data.set('SNOWY_BREADCRUMD_OPEN', true) tool.data.set('SNOWY_BREADCRUMD_OPEN', true)
} else { } else {
this.$TOOL.data.set('SNOWY_BREADCRUMD_OPEN', false) tool.data.set('SNOWY_BREADCRUMD_OPEN', false)
} }
}, },
topHanderThemeColorOpen() { topHanderThemeColorOpen() {
this.$store.commit('TOGGLE_topHanderThemeColorOpen') this.$store.commit('TOGGLE_topHanderThemeColorOpen')
if (this.$store.state.global.topHanderThemeColorOpen) { if (this.$store.state.global.topHanderThemeColorOpen) {
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', true) tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', true)
} else { } else {
// 关闭顶栏主题色 // 关闭顶栏主题色
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', false) tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', false)
// 这个时候我们吧通栏的设置也给搞为false // 这个时候我们吧通栏的设置也给搞为false
this.topHanderThemeColorSpread = false this.topHanderThemeColorSpread = false
} }
@ -180,17 +201,17 @@
topHanderThemeColorSpread() { topHanderThemeColorSpread() {
this.$store.commit('TOGGLE_topHanderThemeColorSpread') this.$store.commit('TOGGLE_topHanderThemeColorSpread')
if (this.$store.state.global.topHanderThemeColorSpread) { if (this.$store.state.global.topHanderThemeColorSpread) {
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', true) tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', true)
} else { } else {
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', false) tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', false)
} }
}, },
moduleUnfoldOpen() { moduleUnfoldOpen() {
this.$store.commit('TOGGLE_moduleUnfoldOpen') this.$store.commit('TOGGLE_moduleUnfoldOpen')
if (this.$store.state.global.moduleUnfoldOpen) { if (this.$store.state.global.moduleUnfoldOpen) {
this.$TOOL.data.set('SNOWY_MODULE_UNFOLD_OPEN', true) tool.data.set('SNOWY_MODULE_UNFOLD_OPEN', true)
} else { } else {
this.$TOOL.data.set('SNOWY_MODULE_UNFOLD_OPEN', false) tool.data.set('SNOWY_MODULE_UNFOLD_OPEN', false)
} }
}, },
}, },
@ -199,19 +220,24 @@
setSideStyle(value) { setSideStyle(value) {
this.$store.commit('SET_theme', value) this.$store.commit('SET_theme', value)
this.sideStyle = value this.sideStyle = value
this.$TOOL.data.set('SNOWY_THEME', value) tool.data.set('SNOWY_THEME', value)
}, },
// 设置整体界面布局 // 设置整体界面布局
layoutStyle(value) { layoutStyle(value) {
this.$store.commit('SET_layout', value) this.$store.commit('SET_layout', value)
this.$TOOL.data.set('SNOWY_LAYOUT', value) tool.data.set('SNOWY_LAYOUT', value)
this.layout = value this.layout = value
}, },
// 切换颜色 // 切换颜色
tagColor(value) { tagColor(value) {
this.themeColor = value this.themeColor = value
this.$TOOL.data.set('SNOWY_THEME_COLOR', value) tool.data.set('SNOWY_THEME_COLOR', value)
this.$store.commit('SET_themeColor', value) this.$store.commit('SET_themeColor', value)
},
// 切换表单风格
formStyleChange(value) {
tool.data.set('SNOWY_FORM_STYLE', value)
this.$store.commit('SET_formStyle', value)
} }
} }
}) })

16
snowy-admin-web/src/layout/components/userbar.vue
View File

@ -43,29 +43,30 @@
</a-menu> </a-menu>
</template> </template>
</a-dropdown> </a-dropdown>
<div class="setting panel-item" @click="openSetting"> <div v-if="setDeawer === 'true'" class="setting panel-item" @click="openSetting">
<layout-outlined /> <layout-outlined />
</div> </div>
</div> </div>
<!-- 整体风格设置抽屉 --> <!-- 整体风格设置抽屉 -->
<a-drawer v-model:visible="settingDialog" :closable="false" width="300"> <a-drawer v-model:visible="settingDialog" :closable="false" width="300">
<setting></setting> <setting />
</a-drawer> </a-drawer>
<!-- 搜索面板 --> <!-- 搜索面板 -->
<a-modal <xn-form-container
title="搜索"
:visible="searchActive" :visible="searchActive"
:closable="false" :closable="false"
:footer="null" :footer="null"
width="600px" :width="600"
style="overflow: hidden" style="overflow: hidden"
destroyOnClose destroyOnClose
dialogClass="searchModal" dialogClass="searchModal"
:bodyStyle="{ maxHeight: '520px', overflow: 'auto', padding: '14px' }" :bodyStyle="{ maxHeight: '520px', overflow: 'auto', padding: '14px' }"
@cancel="searchPanelClose" @close="searchPanelClose"
> >
<panel-search ref="panelSearch" @close="searchPanelClose" /> <panel-search ref="panelSearch" @close="searchPanelClose" />
</a-modal> </xn-form-container>
</template> </template>
<script> <script>
@ -93,7 +94,8 @@
settingDialog: false, settingDialog: false,
userInfo: {}, userInfo: {},
userName: '', userName: '',
userNameF: '' userNameF: '',
setDeawer: import.meta.env.VITE_SET_DRAWER
} }
}, },
computed: { computed: {

5
snowy-admin-web/src/store/modules/global.js
View File

@ -50,6 +50,8 @@ export default {
theme: getCacheConfig('SNOWY_THEME'), theme: getCacheConfig('SNOWY_THEME'),
// 主题颜色 // 主题颜色
themeColor: toolDataGet('SNOWY_THEME_COLOR') || config.COLOR, themeColor: toolDataGet('SNOWY_THEME_COLOR') || config.COLOR,
// 整体表单风格
formStyle: getCacheConfig('SNOWY_FORM_STYLE'),
// 用户信息 // 用户信息
userInfo: toolDataGet('USER_INFO') || {}, userInfo: toolDataGet('USER_INFO') || {},
// 系统配置 // 系统配置
@ -97,6 +99,9 @@ export default {
TOGGLE_moduleUnfoldOpen(state) { TOGGLE_moduleUnfoldOpen(state) {
state.moduleUnfoldOpen = !state.moduleUnfoldOpen state.moduleUnfoldOpen = !state.moduleUnfoldOpen
}, },
SET_formStyle(state, key) {
state.formStyle = key
},
SET_userInfo(state, key) { SET_userInfo(state, key) {
state.userInfo = key state.userInfo = key
}, },

1
snowy-admin-web/src/style/index.less
View File

@ -413,6 +413,7 @@ body,
.ant-picker-time-panel-column, .ant-picker-time-panel-column,
.timeline-div, .timeline-div,
.gen-preview-content, .gen-preview-content,
.ant-menu,
.adminui-main{ .adminui-main{
&::-webkit-scrollbar { &::-webkit-scrollbar {

6
snowy-admin-web/src/views/auth/monitor/tokenInfoList.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="令牌列表" title="令牌列表"
:width="650" :width="650"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-button <a-button
@ -71,7 +69,7 @@
</template> </template>
</template> </template>
</a-table> </a-table>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

15
snowy-admin-web/src/views/biz/org/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑机构' : '增加机构'" :title="formData.id ? '编辑机构' : '增加机构'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -25,7 +23,7 @@
}" }"
selectable="false" selectable="false"
tree-line tree-line
></a-tree-select> />
</a-form-item> </a-form-item>
<a-form-item label="机构名称：" name="name"> <a-form-item label="机构名称：" name="name">
<a-input v-model:value="formData.name" placeholder="请输入机构名称" allow-clear /> <a-input v-model:value="formData.name" placeholder="请输入机构名称" allow-clear />
@ -36,8 +34,7 @@
:options="orgCategoryOptions" :options="orgCategoryOptions"
style="width: 100%" style="width: 100%"
placeholder="请选择机构分类" placeholder="请选择机构分类"
> />
</a-select>
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <a-form-item label="排序：" name="sortCode">
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" /> <a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
@ -61,7 +58,7 @@
:radio-model="true" :radio-model="true"
@onBack="userBack" @onBack="userBack"
/> />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="bizOrgForm"> <script setup name="bizOrgForm">
@ -170,5 +167,3 @@
onOpen onOpen
}) })
</script> </script>
<style scoped></style>

8
snowy-admin-web/src/views/biz/position/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑岗位' : '增加岗位'" :title="formData.id ? '编辑岗位' : '增加岗位'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -47,7 +45,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="bizPositionForm"> <script setup name="bizPositionForm">

9
snowy-admin-web/src/views/biz/user/form.vue
View File

@ -1,11 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑人员' : '增加人员'" :title="formData.id ? '编辑人员' : '增加人员'"
:width="620" :width="800"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px', 'padding-top': '0px' }" :body-style="{ 'padding-top': '0px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -325,7 +324,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="formLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="formLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

8
snowy-admin-web/src/views/biz/user/index.vue
View File

@ -323,9 +323,11 @@
} }
if (selectedRowKeys.value.length > 0) { if (selectedRowKeys.value.length > 0) {
const params = { const params = {
userIds: selectedRowKeys.value.map((m) => { userIds: selectedRowKeys.value
return m .map((m) => {
}).join() return m
})
.join()
} }
exportBatchUser(params) exportBatchUser(params)
return return

10
snowy-admin-web/src/views/dev/config/otherConfig/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑配置' : '增加配置'" :title="formData.id ? '编辑配置' : '增加配置'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -23,14 +21,14 @@
<a-input v-model:value="formData.remark" placeholder="请输入备注" allow-clear /> <a-input v-model:value="formData.remark" placeholder="请输入备注" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <a-form-item label="排序:" name="sortCode">
<a-input-munber style="width: 100%" v-model:value="formData.sortCode" :max="100" /> <a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="1000" />
</a-form-item> </a-form-item>
</a-form> </a-form>
<template #footer> <template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button> <a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

2
snowy-admin-web/src/views/dev/dict/category/bizIndex.vue
View File

@ -108,7 +108,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 加载左侧的树 // 加载左侧的树

8
snowy-admin-web/src/views/dev/dict/category/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑字典' : '增加字典'" :title="formData.id ? '编辑字典' : '增加字典'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical" :label-col="labelCol"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical" :label-col="labelCol">
@ -46,7 +44,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit">保存</a-button> <a-button type="primary" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="dictForm"> <script setup name="dictForm">

2
snowy-admin-web/src/views/dev/dict/category/frmIndex.vue
View File

@ -107,7 +107,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 加载左侧的树 // 加载左侧的树

7
snowy-admin-web/src/views/dev/email/detail.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -38,7 +37,7 @@
<span>{{ formData.receiptInfo }}</span> <span>{{ formData.receiptInfo }}</span>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="emailDetail"> <script setup name="emailDetail">

5
snowy-admin-web/src/views/dev/email/form.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="发送邮件" title="发送邮件"
:width="1000" :width="1000"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
:bodyStyle="{ 'padding-top': '0px' }" :bodyStyle="{ 'padding-top': '0px' }"
@close="onClose" @close="onClose"
> >
@ -23,7 +22,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button> <a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="emailForm"> <script setup name="emailForm">

2
snowy-admin-web/src/views/dev/email/index.vue
View File

@ -139,7 +139,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
const engineOptions = tool.dictList('EMAIL_ENGINE') const engineOptions = tool.dictList('EMAIL_ENGINE')

7
snowy-admin-web/src/views/dev/file/detail.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -24,7 +23,7 @@
<span>{{ formData.downloadPath }}</span> <span>{{ formData.downloadPath }}</span>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="fileDetail"> <script setup name="fileDetail">

2
snowy-admin-web/src/views/dev/file/index.vue
View File

@ -170,7 +170,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 删除 // 删除

8
snowy-admin-web/src/views/dev/file/uploadForm.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="文件上传" title="文件上传"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
:bodyStyle="{ 'padding-top': '0px' }" :bodyStyle="{ 'padding-top': '0px' }"
@close="onClose" @close="onClose"
> >
@ -54,11 +53,10 @@
</a-spin> </a-spin>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="uploadForm"> <script setup name="uploadForm">
import { message } from 'ant-design-vue'
import fileApi from '@/api/dev/fileApi' import fileApi from '@/api/dev/fileApi'
// 定义emit事件 // 定义emit事件
const emit = defineEmits({ successful: null }) const emit = defineEmits({ successful: null })

8
snowy-admin-web/src/views/dev/job/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑定时任务' : '增加定时任务'" :title="formData.id ? '编辑定时任务' : '增加定时任务'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -29,7 +27,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button> <a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="devJobForm"> <script setup name="devJobForm">

2
snowy-admin-web/src/views/dev/job/index.vue
View File

@ -147,7 +147,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 启停 // 启停

7
snowy-admin-web/src/views/dev/log/oplog/detail.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -26,7 +25,7 @@
返回结果： 返回结果：
<XnHighlightjs autodetect :code="resultJson"></XnHighlightjs> <XnHighlightjs autodetect :code="resultJson"></XnHighlightjs>
</a-space> </a-space>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="oplogDetail"> <script setup name="oplogDetail">

7
snowy-admin-web/src/views/dev/log/vislog/detail.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -16,7 +15,7 @@
<a-descriptions-item label="时间">{{ formData.opTime }}</a-descriptions-item> <a-descriptions-item label="时间">{{ formData.opTime }}</a-descriptions-item>
<a-descriptions-item label="用户">{{ formData.opUser }}</a-descriptions-item> <a-descriptions-item label="用户">{{ formData.opUser }}</a-descriptions-item>
</a-descriptions> </a-descriptions>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="vislogDetail"> <script setup name="vislogDetail">

8
snowy-admin-web/src/views/dev/message/detail.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -35,7 +33,7 @@
</s-table> </s-table>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="messageDetail"> <script setup name="messageDetail">

8
snowy-admin-web/src/views/dev/message/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="发送站内信" title="发送站内信"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -35,7 +33,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button> <a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button>
</template> </template>
</a-drawer> </xn-form-container>
<user-selector-plus <user-selector-plus
ref="UserSelectorPlus" ref="UserSelectorPlus"
page-url="/sys/org/userSelector" page-url="/sys/org/userSelector"

2
snowy-admin-web/src/views/dev/message/index.vue
View File

@ -111,7 +111,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 删除 // 删除

7
snowy-admin-web/src/views/dev/sms/detail.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -23,7 +22,7 @@
回执信息： 回执信息：
<XnHighlightjs language="JSON" :code="receiptInfo"></XnHighlightjs> <XnHighlightjs language="JSON" :code="receiptInfo"></XnHighlightjs>
</a-space> </a-space>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="smsDetail"> <script setup name="smsDetail">

7
snowy-admin-web/src/views/dev/sms/form.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="发送短信" title="发送短信"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
:bodyStyle="{ 'padding-top': '0px' }" :bodyStyle="{ 'padding-top': '0px' }"
@close="onClose" @close="onClose"
> >
@ -20,7 +19,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button> <a-button type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="smsForm"> <script setup name="smsForm">

2
snowy-admin-web/src/views/dev/sms/index.vue
View File

@ -140,7 +140,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
const engineOptions = tool.dictList('SMS_ENGINE') const engineOptions = tool.dictList('SMS_ENGINE')

4
snowy-admin-web/src/views/gen/preview.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a-drawer <xn-form-container
title="预览" title="预览"
:width="1200" :width="1200"
:visible="visible" :visible="visible"
@ -25,7 +25,7 @@
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-spin> </a-spin>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="genPreview"> <script setup name="genPreview">

9
snowy-admin-web/src/views/index/components/miniMessage.vue
View File

@ -14,14 +14,11 @@
</template> </template>
</a-list> </a-list>
</div> </div>
<xn-form-container
<a-drawer
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" layout="vertical"> <a-form ref="formRef" :model="formData" layout="vertical">
@ -53,7 +50,7 @@
</s-table> </s-table>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-drawer> </xn-form-container>
</a-card> </a-card>
</template> </template>

8
snowy-admin-web/src/views/index/components/schedule.vue
View File

@ -10,13 +10,11 @@
</a-timeline> </a-timeline>
<div class="add-schedule" @click="addSchedule"><plus-circle-two-tone /> 新增日程</div> <div class="add-schedule" @click="addSchedule"><plus-circle-two-tone /> 新增日程</div>
</a-card> </a-card>
<a-drawer <xn-form-container
title="增加日程" title="增加日程"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -36,7 +34,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</div> </div>
</template> </template>

2
snowy-admin-web/src/views/mobile/resource/button/form.vue
View File

@ -2,7 +2,7 @@
<a-modal <a-modal
v-model:visible="visible" v-model:visible="visible"
:title="formData.id ? '编辑按钮' : '增加按钮'" :title="formData.id ? '编辑按钮' : '增加按钮'"
:width="500" :width="550"
:mask-closable="false" :mask-closable="false"
:destroy-on-close="true" :destroy-on-close="true"
@ok="onSubmit" @ok="onSubmit"

7
snowy-admin-web/src/views/mobile/resource/button/index.vue
View File

@ -1,11 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="按钮权限" title="按钮权限"
:width="650" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }" :body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<s-table <s-table
@ -34,7 +33,7 @@
</template> </template>
</template> </template>
</s-table> </s-table>
</a-drawer> </xn-form-container>
<Form ref="buttonForm" @successful="table.refresh(true)" /> <Form ref="buttonForm" @successful="table.refresh(true)" />
</template> </template>

8
snowy-admin-web/src/views/mobile/resource/menu/changeModuleForm.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="更改模块" title="更改模块"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -25,7 +23,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

156
snowy-admin-web/src/views/mobile/resource/menu/form.vue
View File

@ -1,78 +1,107 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑移动端菜单' : '增加移动端菜单'" :title="formData.id ? '编辑移动端菜单' : '增加移动端菜单'"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
<a-form-item label="上级菜单：" name="parentId"> <a-row :gutter="16">
<a-tree-select <a-col :span="12">
v-model:value="formData.parentId" <a-form-item label="上级菜单：" name="parentId">
v-model:treeExpandedKeys="defaultExpandedKeys" <a-tree-select
style="width: 100%" v-model:value="formData.parentId"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" v-model:treeExpandedKeys="defaultExpandedKeys"
placeholder="请选择上级菜单" style="width: 100%"
allow-clear :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
tree-default-expand-all placeholder="请选择上级菜单"
:tree-data="treeData" allow-clear
:field-names="{ tree-default-expand-all
children: 'children', :tree-data="treeData"
label: 'title', :field-names="{
value: 'id' children: 'children',
}" label: 'title',
selectable="false" value: 'id'
tree-line }"
@change="parentChange(formData.parentId)" selectable="false"
></a-tree-select> tree-line
</a-form-item> @change="parentChange(formData.parentId)"
<a-form-item label="名称：" name="title"> />
<a-input v-model:value="formData.title" placeholder="请输入名称" allow-clear /> </a-form-item>
</a-form-item> </a-col>
<a-form-item label="菜单类型：" name="menuType"> <a-col :span="12">
<a-radio-group <a-form-item label="名称：" name="title">
v-model:value="formData.menuType" <a-input v-model:value="formData.title" placeholder="请输入名称" allow-clear />
button-style="solid" </a-form-item>
:options="menuTypeOptions" </a-col>
option-type="button" <a-col :span="12">
> <a-form-item label="菜单类型：" name="menuType">
</a-radio-group> <a-radio-group
</a-form-item> v-model:value="formData.menuType"
<a-form-item v-if="formData.menuType !== 'CATALOG'" name="path"> button-style="solid"
<template #label> :options="menuTypeOptions"
<a-tooltip> option-type="button"
<template #title> 类型为内外链条时，输入https开头的链接即可（例：https://xiaonuo.vip） </template> />
<question-circle-outlined /> </a-form-item>
</a-tooltip> </a-col>
&nbsp {{ formData.menuType === 'MENU' || formData.menuType === 'CATALOG' ? '界面地址' : 'https链接地址' }}： <a-col :span="12" v-if="formData.menuType !== 'CATALOG'">
</template> <a-form-item name="path">
<a-input v-model:value="formData.path" placeholder="请输入" allow-clear /> <template #label>
</a-form-item> <a-tooltip>
<a-form-item label="图标：" name="icon"> <template #title> 类型为内外链时，输入https开头的链接即可（例：https://xiaonuo.vip） </template>
<a-input v-model:value="formData.icon" style="width: calc(100% - 70px)" placeholder="请选择图标" allow-clear /> <question-circle-outlined />
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button> </a-tooltip>
</a-form-item> &nbsp
<a-form-item label="颜色：" name="color"> {{ formData.menuType === 'MENU' || formData.menuType === 'CATALOG' ? '界面地址' : 'https链接地址' }}：
<color-picker v-model:value="formData.color" /> </template>
</a-form-item> <a-input v-model:value="formData.path" placeholder="请输入" allow-clear />
<a-form-item label="是否正规则：" name="regType"> </a-form-item>
<a-radio-group v-model:value="formData.regType" placeholder="请选择正规则" :options="regTypeOptions" /> </a-col>
</a-form-item> <a-col :span="12">
<a-form-item label="可用状态：" name="status"> <a-form-item label="图标：" name="icon">
<a-radio-group v-model:value="formData.status" placeholder="请选择可用状态" :options="statusOptions" /> <a-input
</a-form-item> v-model:value="formData.icon"
<a-form-item label="排序码：" name="sortCode"> style="width: calc(100% - 70px)"
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="1000" /> placeholder="请选择图标"
</a-form-item> allow-clear
/>
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="颜色：" name="color">
<color-picker v-model:value="formData.color" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="是否正规则：" name="regType">
<a-radio-group v-model:value="formData.regType" placeholder="请选择正规则" :options="regTypeOptions" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="可用状态：" name="status">
<a-radio-group v-model:value="formData.status" placeholder="请选择可用状态" :options="statusOptions" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="排序码：" name="sortCode">
<a-input-number
style="width: 100%"
v-model:value="formData.sortCode"
placeholder="请输入排序码"
:max="1000"
/>
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
<template #footer> <template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button> <a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template> </template>
<icon-mobile-selector ref="iconSelector" @iconCallBack="iconCallBack" /> <icon-mobile-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="mobileMenuForm"> <script setup name="mobileMenuForm">
@ -130,7 +159,8 @@
regType: 'YES', regType: 'YES',
status: 'ENABLE', status: 'ENABLE',
category: 'MENU', category: 'MENU',
menuType: 'MENU' menuType: 'MENU',
sortCode: 99
} }
if (record) { if (record) {
let recordData = cloneDeep(record) let recordData = cloneDeep(record)

2
snowy-admin-web/src/views/mobile/resource/menu/index.vue
View File

@ -185,7 +185,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 切换模块标签查询菜单列表 // 切换模块标签查询菜单列表

8
snowy-admin-web/src/views/mobile/resource/module/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑菜单模块' : '增加菜单模块'" :title="formData.id ? '编辑菜单模块' : '增加菜单模块'"
:width="600" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -28,7 +26,7 @@
<a-button type="primary" @click="onSubmit">保存</a-button> <a-button type="primary" @click="onSubmit">保存</a-button>
</template> </template>
<icon-mobile-selector ref="iconSelector" @iconCallBack="iconCallBack" /> <icon-mobile-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

2
snowy-admin-web/src/views/mobile/resource/module/index.vue
View File

@ -111,7 +111,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
formRef.value.resetFields(); formRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 删除 // 删除

8
snowy-admin-web/src/views/sys/org/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑组织' : '增加组织'" :title="formData.id ? '编辑组织' : '增加组织'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -60,7 +58,7 @@
:radio-model="true" :radio-model="true"
@onBack="userBack" @onBack="userBack"
/> />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="orgForm"> <script setup name="orgForm">

2
snowy-admin-web/src/views/sys/org/index.vue
View File

@ -134,7 +134,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 加载左侧的树 // 加载左侧的树

8
snowy-admin-web/src/views/sys/position/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑职位' : '增加职位'" :title="formData.id ? '编辑职位' : '增加职位'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -46,7 +44,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="positionForm"> <script setup name="positionForm">

2
snowy-admin-web/src/views/sys/position/index.vue
View File

@ -135,7 +135,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 加载左侧的树 // 加载左侧的树

2
snowy-admin-web/src/views/sys/resource/button/form.vue
View File

@ -2,7 +2,7 @@
<a-modal <a-modal
v-model:visible="visible" v-model:visible="visible"
:title="formData.id ? '编辑按钮' : '增加按钮'" :title="formData.id ? '编辑按钮' : '增加按钮'"
:width="500" :width="550"
:mask-closable="false" :mask-closable="false"
:destroy-on-close="true" :destroy-on-close="true"
@ok="onSubmit" @ok="onSubmit"

8
snowy-admin-web/src/views/sys/resource/button/index.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="按钮权限" title="按钮权限"
:width="650" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<s-table <s-table
@ -34,7 +32,7 @@
</template> </template>
</template> </template>
</s-table> </s-table>
</a-drawer> </xn-form-container>
<Form ref="buttonForm" @successful="table.refresh(true)" /> <Form ref="buttonForm" @successful="table.refresh(true)" />
</template> </template>

2
snowy-admin-web/src/views/sys/resource/field/form.vue
View File

@ -2,7 +2,7 @@
<a-modal <a-modal
v-model:visible="visible" v-model:visible="visible"
:title="formData.id ? '编辑字段' : '增加字段'" :title="formData.id ? '编辑字段' : '增加字段'"
:width="500" :width="550"
:mask-closable="false" :mask-closable="false"
:destroy-on-close="true" :destroy-on-close="true"
@ok="onSubmit" @ok="onSubmit"

2
snowy-admin-web/src/views/sys/resource/field/index.vue
View File

@ -4,8 +4,6 @@
:width="650" :width="650"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<s-table <s-table

8
snowy-admin-web/src/views/sys/resource/menu/changeModuleForm.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="更改模块" title="更改模块"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -25,7 +23,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

190
snowy-admin-web/src/views/sys/resource/menu/form.vue
View File

@ -1,101 +1,123 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑菜单' : '增加菜单'" :title="formData.id ? '编辑菜单' : '增加菜单'"
:width="500" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
<a-form-item label="显示名称：" name="title"> <a-row :gutter="16">
<a-input v-model:value="formData.title" placeholder="请输入显示名称" allow-clear /> <a-col :span="12">
</a-form-item> <a-form-item label="显示名称：" name="title">
<a-form-item label="菜单类型：" name="menuType"> <a-input v-model:value="formData.title" placeholder="请输入显示名称" allow-clear />
<a-radio-group </a-form-item>
v-model:value="formData.menuType" </a-col>
button-style="solid" <a-col :span="12">
:options="categoryOptions" <a-form-item label="菜单类型：" name="menuType">
option-type="button" <a-radio-group
/> v-model:value="formData.menuType"
</a-form-item> button-style="solid"
<a-form-item label="上级菜单：" name="parentId"> :options="categoryOptions"
<a-tree-select option-type="button"
v-model:value="formData.parentId" />
v-model:treeExpandedKeys="defaultExpandedKeys" </a-form-item>
style="width: 100%" </a-col>
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" <a-col :span="12">
placeholder="请选择上级菜单" <a-form-item label="上级菜单：" name="parentId">
allow-clear <a-tree-select
tree-default-expand-all v-model:value="formData.parentId"
:tree-data="treeData" v-model:treeExpandedKeys="defaultExpandedKeys"
:field-names="{ style="width: 100%"
children: 'children', :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
label: 'title', placeholder="请选择上级菜单"
value: 'id' allow-clear
}" tree-default-expand-all
selectable="false" :tree-data="treeData"
tree-line :field-names="{
@change="parentChange(formData.parentId)" children: 'children',
/> label: 'title',
</a-form-item> value: 'id'
<a-form-item v-if="formData.menuType !== 'CATALOG'" name="path"> }"
<template #label> selectable="false"
<a-tooltip> tree-line
<template #title> @change="parentChange(formData.parentId)"
类型为内外链条时，输入https开头的链接即可（例：https://xiaonuo.vip）,正常路由前面必须有反斜杠！ />
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.menuType !== 'CATALOG'">
<a-form-item name="path">
<template #label>
<a-tooltip>
<template #title>
类型为内外链条时，输入https开头的链接即可（例：https://xiaonuo.vip）,正常路由前面必须有反斜杠！
</template>
<question-circle-outlined />
</a-tooltip>
&nbsp
{{ formData.menuType === 'MENU' || formData.menuType === 'CATALOG' ? '路由地址' : 'https链接地址' }}：
</template> </template>
<question-circle-outlined /> <a-input v-model:value="formData.path" placeholder="请输入路由地址" allow-clear />
</a-tooltip> </a-form-item>
&nbsp {{ formData.menuType === 'MENU' || formData.menuType === 'CATALOG' ? '路由地址' : 'https链接地址' }}： </a-col>
</template> <a-col :span="12" v-if="formData.menuType === 'MENU'">
<a-input v-model:value="formData.path" placeholder="请输入路由地址" allow-clear /> <a-form-item name="component">
</a-form-item> <template #label>
<a-form-item v-if="formData.menuType === 'MENU'" name="component"> <a-tooltip>
<template #label> <template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<a-tooltip> <question-circle-outlined />
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template> </a-tooltip>
<question-circle-outlined /> &nbsp 组件地址：
</a-tooltip> </template>
&nbsp 组件地址： <a-input
</template> v-model:value="formData.component"
<a-input addon-before="src/views/"
v-model:value="formData.component" placeholder="请输入组件地址"
addon-before="src/views/" allow-clear
placeholder="请输入组件地址" />
allow-clear </a-form-item>
/> </a-col>
</a-form-item> <a-col :span="12" v-if="formData.menuType === 'MENU'">
<a-form-item v-if="formData.menuType === 'MENU'" name="name"> <a-form-item name="name">
<template #label> <template #label>
<a-tooltip> <a-tooltip>
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template> <template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<question-circle-outlined /> <question-circle-outlined />
</a-tooltip> </a-tooltip>
&nbsp 别名： &nbsp 别名：
</template> </template>
<a-input <a-input
v-model:value="formData.name" v-model:value="formData.name"
addon-before="setup name=" addon-before="setup name="
placeholder="请输入组件组件中name属性" placeholder="请输入组件组件中name属性"
allow-clear allow-clear
/> />
</a-form-item> </a-form-item>
<a-form-item label="图标：" name="icon"> </a-col>
<a-input v-model:value="formData.icon" style="width: calc(100% - 70px)" placeholder="请选择图标" allow-clear /> <a-col :span="12">
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button> <a-form-item label="图标：" name="icon">
</a-form-item> <a-input
<a-form-item label="排序:" name="sortCode"> v-model:value="formData.icon"
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" /> style="width: calc(100% - 70px)"
</a-form-item> placeholder="请选择图标"
allow-clear
/>
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="排序:" name="sortCode">
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
<template #footer> <template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
<Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" /> <Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

8
snowy-admin-web/src/views/sys/resource/module/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑模块' : '增加模块'" :title="formData.id ? '编辑模块' : '增加模块'"
:width="600" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -28,7 +26,7 @@
<a-button type="primary" @click="onSubmit">保存</a-button> <a-button type="primary" @click="onSubmit">保存</a-button>
</template> </template>
<Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" /> <Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

2
snowy-admin-web/src/views/sys/resource/module/index.vue
View File

@ -111,7 +111,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
formRef.value.resetFields(); formRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 删除 // 删除

150
snowy-admin-web/src/views/sys/resource/spa/form.vue
View File

@ -1,83 +1,101 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑单页' : '增加单页'" :title="formData.id ? '编辑单页' : '增加单页'"
:width="500" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
<a-form-item label="单页名称：" name="title">
<a-input v-model:value="formData.title" placeholder="请输入单页名称" allow-clear />
</a-form-item>
<a-form-item label="单页类型：" name="menuType">
<a-radio-group
v-model:value="formData.menuType"
button-style="solid"
:options="categoryOptions"
option-type="button"
/>
</a-form-item>
<a-form-item name="path">
<template #label>
<a-tooltip>
<template #title>
类型为内外链条时，输入https开头的链接即可（例：https://www.xiaonuo.vip）,正常路由前面必须有反斜杠！
</template>
<question-circle-outlined />
</a-tooltip>
&nbsp {{ formData.menuType === 'MENU' ? '路由地址' : 'https链接地址' }}：
</template>
<a-input v-model:value="formData.path" placeholder="请输入路由地址" allow-clear />
</a-form-item>
<a-form-item v-if="formData.menuType === 'MENU'" name="component">
<template #label>
<a-tooltip>
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<question-circle-outlined />
</a-tooltip>
&nbsp 组件地址：
</template>
<a-input
v-model:value="formData.component"
addon-before="src/views/"
placeholder="请输入组件地址"
allow-clear
/>
</a-form-item>
<a-form-item name="name" v-if="formData.menuType === 'MENU'">
<template #label>
<a-tooltip>
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<question-circle-outlined />
</a-tooltip>
&nbsp 别名：
</template>
<a-input
v-model:value="formData.name"
addon-before="setup name="
placeholder="请输入组件组件中name属性"
allow-clear
/>
</a-form-item>
<a-alert style="margin-bottom: 10px" message="温馨提示：排序第一条为首页页面！" type="warning" closable /> <a-alert style="margin-bottom: 10px" message="温馨提示：排序第一条为首页页面！" type="warning" closable />
<a-form-item label="图标：" name="icon"> <a-row :gutter="16">
<a-input v-model:value="formData.icon" style="width: calc(100% - 70px)" placeholder="请选择图标" allow-clear /> <a-col :span="12">
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button> <a-form-item label="单页名称：" name="title">
</a-form-item> <a-input v-model:value="formData.title" placeholder="请输入单页名称" allow-clear />
<a-form-item label="排序:" name="sortCode"> </a-form-item>
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" /> </a-col>
</a-form-item> <a-col :span="12">
<a-form-item label="单页类型：" name="menuType">
<a-radio-group
v-model:value="formData.menuType"
button-style="solid"
:options="categoryOptions"
option-type="button"
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item name="path">
<template #label>
<a-tooltip>
<template #title>
类型为内外链条时，输入https开头的链接即可（例：https://www.xiaonuo.vip）,正常路由前面必须有反斜杠！
</template>
<question-circle-outlined />
</a-tooltip>
&nbsp {{ formData.menuType === 'MENU' ? '路由地址' : 'https链接地址' }}：
</template>
<a-input v-model:value="formData.path" placeholder="请输入路由地址" allow-clear />
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.menuType === 'MENU'">
<a-form-item name="component">
<template #label>
<a-tooltip>
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<question-circle-outlined />
</a-tooltip>
&nbsp 组件地址：
</template>
<a-input
v-model:value="formData.component"
addon-before="src/views/"
placeholder="请输入组件地址"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.menuType === 'MENU'">
<a-form-item name="name">
<template #label>
<a-tooltip>
<template #title> 按规范可设置为代码组件文件夹名称,注：首字母无反斜杠哦！ </template>
<question-circle-outlined />
</a-tooltip>
&nbsp 别名：
</template>
<a-input
v-model:value="formData.name"
addon-before="setup name="
placeholder="请输入组件组件中name属性"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="图标：" name="icon">
<a-input
v-model:value="formData.icon"
style="width: calc(100% - 70px)"
placeholder="请选择图标"
allow-clear
/>
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="排序:" name="sortCode">
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
<template #footer> <template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
<Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" /> <Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="spaForm"> <script setup name="spaForm">

3
snowy-admin-web/src/views/sys/resource/spa/index.vue
View File

@ -1,5 +1,4 @@
<template> <template>
<a-alert style="margin-bottom: 10px" message="温馨提示：排序第一条为首页页面！" show-icon type="warning" closable />
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2"> <a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="formRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form"> <a-form ref="formRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-row :gutter="24"> <a-row :gutter="24">
@ -166,7 +165,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
formRef.value.resetFields(); formRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 删除 // 删除

8
snowy-admin-web/src/views/sys/role/form.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑角色' : '增加角色'" :title="formData.id ? '编辑角色' : '增加角色'"
:width="500" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -46,7 +44,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="roleForm"> <script setup name="roleForm">

6
snowy-admin-web/src/views/sys/role/grantMobileResourceForm.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="授权移动端资源" title="授权移动端资源"
:width="drawerWidth" :width="drawerWidth"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:show-pagination="false" :show-pagination="false"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-spin :spinning="spinningLoading"> <a-spin :spinning="spinningLoading">
@ -53,7 +51,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="grantMobileResourceForm"> <script setup name="grantMobileResourceForm">

6
snowy-admin-web/src/views/sys/role/grantPermissionForm.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="授权权限" title="授权权限"
:width="drawerWidth" :width="drawerWidth"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:show-pagination="false" :show-pagination="false"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-alert <a-alert
@ -69,7 +67,7 @@
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
<ScopeDefineOrg ref="scopeDefineOrgModal" @click="scopeDefineOrgClick" /> <ScopeDefineOrg ref="scopeDefineOrgModal" @click="scopeDefineOrgClick" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="grantResourceForm"> <script setup name="grantResourceForm">

7
snowy-admin-web/src/views/sys/role/grantResourceForm.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="授权资源" title="授权资源"
:width="drawerWidth" :width="drawerWidth"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:show-pagination="false" :show-pagination="false"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-spin :spinning="spinningLoading"> <a-spin :spinning="spinningLoading">
@ -53,7 +51,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="grantResourceForm"> <script setup name="grantResourceForm">
@ -61,7 +59,6 @@
import tool from '@/utils/tool' import tool from '@/utils/tool'
import roleApi from '@/api/sys/roleApi' import roleApi from '@/api/sys/roleApi'
import userCenterApi from '@/api/sys/userCenterApi' import userCenterApi from '@/api/sys/userCenterApi'
import { remove } from 'lodash-es'
const spinningLoading = ref(false) const spinningLoading = ref(false)
let firstShowMap = $ref({}) let firstShowMap = $ref({})
const emit = defineEmits({ successful: null }) const emit = defineEmits({ successful: null })

2
snowy-admin-web/src/views/sys/role/index.vue
View File

@ -181,7 +181,7 @@
} }
// 重置 // 重置
const reset = () => { const reset = () => {
searchFormRef.value.resetFields(); searchFormRef.value.resetFields()
table.value.refresh(true) table.value.refresh(true)
} }
// 加载左侧的树 // 加载左侧的树

9
snowy-admin-web/src/views/sys/user/form.vue
View File

@ -1,11 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
:title="formData.id ? '编辑用户' : '增加用户'" :title="formData.id ? '编辑用户' : '增加用户'"
:width="620" :width="800"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px', 'padding-top': '0px' }" :body-style="{ 'padding-top': '0px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
@ -323,7 +322,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="formLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="formLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup> <script setup>

6
snowy-admin-web/src/views/sys/user/grantPermissionForm.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="授权权限" title="授权权限"
:width="drawerWidth" :width="drawerWidth"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:show-pagination="false" :show-pagination="false"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-alert <a-alert
@ -69,7 +67,7 @@
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
<ScopeDefineOrg ref="scopeDefineOrgModal" @click="scopeDefineOrgClick" /> <ScopeDefineOrg ref="scopeDefineOrgModal" @click="scopeDefineOrgClick" />
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="grantResourceForm"> <script setup name="grantResourceForm">

6
snowy-admin-web/src/views/sys/user/grantResourceForm.vue
View File

@ -1,12 +1,10 @@
<template> <template>
<a-drawer <xn-form-container
title="授权资源" title="授权资源"
:width="drawerWidth" :width="drawerWidth"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:show-pagination="false" :show-pagination="false"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-spin :spinning="spinningLoading"> <a-spin :spinning="spinningLoading">
@ -53,7 +51,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="grantResourceForm"> <script setup name="grantResourceForm">

7
snowy-admin-web/src/views/sys/user/impExp.vue
View File

@ -1,10 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="导入导出" title="导入导出"
:width="620" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<span <span
@ -33,7 +32,7 @@
</div> </div>
</template> </template>
</a-alert> </a-alert>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="userImpExp"> <script setup name="userImpExp">

8
snowy-admin-web/src/views/sys/user/index.vue
View File

@ -317,9 +317,11 @@
} }
if (selectedRowKeys.value.length > 0) { if (selectedRowKeys.value.length > 0) {
const params = { const params = {
userIds: selectedRowKeys.value.map((m) => { userIds: selectedRowKeys.value
return m .map((m) => {
}).join() return m
})
.join()
} }
exportBatchUser(params) exportBatchUser(params)
return return

2
snowy-admin-web/src/views/sys/user/scopeDefineOrg.vue
View File

@ -2,7 +2,7 @@
<a-modal <a-modal
v-model:visible="visible" v-model:visible="visible"
title="选择机构" title="选择机构"
:width="400" :width="500"
:mask-closable="false" :mask-closable="false"
:destroy-on-close="true" :destroy-on-close="true"
@ok="handleOk" @ok="handleOk"

8
snowy-admin-web/src/views/sys/user/userTab/bindForm/updatePassword.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="修改密码" title="修改密码"
:width="600" :width="550"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formState" :rules="rules" layout="vertical"> <a-form ref="formRef" :model="formState" :rules="rules" layout="vertical">
@ -32,7 +30,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button> <a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="updatePassword"> <script setup name="updatePassword">

8
snowy-admin-web/src/views/sys/user/userTab/userMessage/detail.vue
View File

@ -1,11 +1,9 @@
<template> <template>
<a-drawer <xn-form-container
title="详情" title="详情"
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-descriptions :column="1" size="middle" bordered class="mb-2"> <a-descriptions :column="1" size="middle" bordered class="mb-2">
@ -35,7 +33,7 @@
</s-table> </s-table>
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="messageDetail"> <script setup name="messageDetail">

7
snowy-plugin/snowy-plugin-gen/src/main/resources/frontend/form.vue.btl
View File

@ -1,14 +1,13 @@
<template> <template>
<a-drawer <xn-form-container
<% for(var i = 0; i < configList.~size; i++) { %> <% for(var i = 0; i < configList.~size; i++) { %>
<% if(configList[i].needTableId) { %> <% if(configList[i].needTableId) { %>
:title="formData.${configList[i].fieldNameCamelCase} ? '编辑${functionName}' : '增加${functionName}'" :title="formData.${configList[i].fieldNameCamelCase} ? '编辑${functionName}' : '增加${functionName}'"
<% } %> <% } %>
<% } %> <% } %>
:width="600" :width="700"
:visible="visible" :visible="visible"
:destroy-on-close="true" :destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose" @close="onClose"
> >
<a-form ref="formRef" :model="formData" :rules="formRules" layout="${formLayout}"> <a-form ref="formRef" :model="formData" :rules="formRules" layout="${formLayout}">
@ -74,7 +73,7 @@
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button> <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button> <a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template> </template>
</a-drawer> </xn-form-container>
</template> </template>
<script setup name="${classNameFirstLower}Form"> <script setup name="${classNameFirstLower}Form">