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_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_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" />
</template>
</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]>
<slot :name="slotKey" />
</template>
@ -28,10 +28,6 @@
},
inheritAttrs: false,
props: {
type: {
type: String,
default: FormContainerTypeEnum.MODAL
},
visible: {
type: Boolean,
default: false,
@ -45,7 +41,7 @@
return Object.keys(this.$slots)
},
isModal() {
return this.type === FormContainerTypeEnum.MODAL
return FormContainerTypeEnum.MODAL === this.$store.state.global.formStyle
}
},
methods: {

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

@ -1,5 +1,5 @@
<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-col :span="15">
<div style="border: 1px solid rgb(236 236 236)">
@ -40,7 +40,11 @@
<a-button @click="handleReset">清屏</a-button>
</a-space>
</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>
<script setup>

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

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

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

@ -70,6 +70,15 @@
<a-form-item label="菜单排他展开">
<a-switch v-model:checked="sideUniqueOpen" />
</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-alert
message="以上配置可实时预览，开发者可在 config/index.js 中配置默认值，不建议在生产环境下开放布局设置"
@ -80,14 +89,15 @@
</template>
<script>
import { colorList } from '../../config/settingConfig'
import { ThemeModeEnum } from '../../utils/enum'
import { colorList } from '@/config/settingConfig'
import { ThemeModeEnum } from '@/utils/enum'
import tool from '@/utils/tool'
export default defineComponent({
data() {
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: [
{
tips: '暗色主题风格',
@ -105,7 +115,7 @@
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: [
{
tips: '经典',
@ -118,18 +128,29 @@
style: 'snowy-setting-layout-menu-doublerow'
}
],
xnFormStyleOptions: [
{
label: '抽屉',
value: 'drawer'
},
{
label: '对话框',
value: 'modal'
}
],
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:
this.$TOOL.data.get('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD') ||
tool.data.get('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD') ||
this.$store.state.global.topHanderThemeColorSpread,
menuIsCollapse: this.$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,
layoutTagsOpen: this.$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,
moduleUnfoldOpen: this.$TOOL.data.get('SNOWY_MODULE_UNFOLD_OPEN') || this.$store.state.global.moduleUnfoldOpen,
theme: this.$TOOL.data.get('APP_THEME') || this.$store.state.global.theme,
themeColor: this.$TOOL.data.get('SNOWY_THEME_COLOR') || this.$store.state.global.themeColor,
menuIsCollapse: tool.data.get('SNOWY_MENU_COLLAPSE') || this.$store.state.global.menuIsCollapse,
sideUniqueOpen: tool.data.get('SNOWY_SIDE_UNIQUE_OPEN') || this.$store.state.global.sideUniqueOpen,
layoutTagsOpen: tool.data.get('SNOWY_LAYOUT_TAGS_OPEN') || this.$store.state.global.layoutTagsOpen,
breadcrumbOpen: tool.data.get('SNOWY_BREADCRUMD_OPEN') || this.$store.state.global.breadcrumbOpen,
moduleUnfoldOpen: tool.data.get('SNOWY_MODULE_UNFOLD_OPEN') || this.$store.state.global.moduleUnfoldOpen,
theme: tool.data.get('APP_THEME') || this.$store.state.global.theme,
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
}
},
@ -137,42 +158,42 @@
menuIsCollapse() {
this.$store.commit('TOGGLE_menuIsCollapse')
if (this.$store.state.global.menuIsCollapse) {
this.$TOOL.data.set('SNOWY_MENU_COLLAPSE', true)
tool.data.set('SNOWY_MENU_COLLAPSE', true)
} else {
this.$TOOL.data.set('SNOWY_MENU_COLLAPSE', false)
tool.data.set('SNOWY_MENU_COLLAPSE', false)
}
},
sideUniqueOpen() {
this.$store.commit('TOGGLE_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 {
this.$TOOL.data.set('SNOWY_SIDE_UNIQUE_OPEN', false)
tool.data.set('SNOWY_SIDE_UNIQUE_OPEN', false)
}
},
layoutTagsOpen() {
this.$store.commit('TOGGLE_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 {
this.$TOOL.data.set('SNOWY_LAYOUT_TAGS_OPEN', false)
tool.data.set('SNOWY_LAYOUT_TAGS_OPEN', false)
}
},
breadcrumbOpen() {
this.$store.commit('TOGGLE_breadcrumbOpen')
if (this.$store.state.global.breadcrumbOpen) {
this.$TOOL.data.set('SNOWY_BREADCRUMD_OPEN', true)
tool.data.set('SNOWY_BREADCRUMD_OPEN', true)
} else {
this.$TOOL.data.set('SNOWY_BREADCRUMD_OPEN', false)
tool.data.set('SNOWY_BREADCRUMD_OPEN', false)
}
},
topHanderThemeColorOpen() {
this.$store.commit('TOGGLE_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 {
// 关闭顶栏主题色
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', false)
tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_OPEN', false)
// 这个时候我们吧通栏的设置也给搞为false
this.topHanderThemeColorSpread = false
}
@ -180,17 +201,17 @@
topHanderThemeColorSpread() {
this.$store.commit('TOGGLE_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 {
this.$TOOL.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', false)
tool.data.set('SNOWY_TOP_HANDER_THEME_COLOR_SPREAD', false)
}
},
moduleUnfoldOpen() {
this.$store.commit('TOGGLE_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 {
this.$TOOL.data.set('SNOWY_MODULE_UNFOLD_OPEN', false)
tool.data.set('SNOWY_MODULE_UNFOLD_OPEN', false)
}
},
},
@ -199,19 +220,24 @@
setSideStyle(value) {
this.$store.commit('SET_theme', value)
this.sideStyle = value
this.$TOOL.data.set('SNOWY_THEME', value)
tool.data.set('SNOWY_THEME', value)
},
// 设置整体界面布局
layoutStyle(value) {
this.$store.commit('SET_layout', value)
this.$TOOL.data.set('SNOWY_LAYOUT', value)
tool.data.set('SNOWY_LAYOUT', value)
this.layout = value
},
// 切换颜色
tagColor(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)
},
// 切换表单风格
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>
</template>
</a-dropdown>
<div class="setting panel-item" @click="openSetting">
<div v-if="setDeawer === 'true'" class="setting panel-item" @click="openSetting">
<layout-outlined />
</div>
</div>
<!-- 整体风格设置抽屉 -->
<a-drawer v-model:visible="settingDialog" :closable="false" width="300">
<setting></setting>
<setting />
</a-drawer>
<!-- 搜索面板 -->
<a-modal
<xn-form-container
title="搜索"
:visible="searchActive"
:closable="false"
:footer="null"
width="600px"
:width="600"
style="overflow: hidden"
destroyOnClose
dialogClass="searchModal"
:bodyStyle="{ maxHeight: '520px', overflow: 'auto', padding: '14px' }"
@cancel="searchPanelClose"
@close="searchPanelClose"
>
<panel-search ref="panelSearch" @close="searchPanelClose" />
</a-modal>
</xn-form-container>
</template>
<script>
@ -93,7 +94,8 @@
settingDialog: false,
userInfo: {},
userName: '',
userNameF: ''
userNameF: '',
setDeawer: import.meta.env.VITE_SET_DRAWER
}
},
computed: {

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

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

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

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

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

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

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑岗位' : '增加岗位'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="bizPositionForm">

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

@ -1,11 +1,10 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑人员' : '增加人员'"
:width="620"
:width="800"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px', 'padding-top': '0px' }"
:footer-style="{ textAlign: 'right' }"
:body-style="{ 'padding-top': '0px' }"
@close="onClose"
>
<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 type="primary" :loading="formLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑配置' : '增加配置'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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-form-item>
<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>
<template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑字典' : '增加字典'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="dictForm">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑定时任务' : '增加定时任务'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" @click="onSubmit" :loading="submitLoading">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="devJobForm">

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

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

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

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

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

@ -1,10 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="详情"
:width="600"
:width="700"
:visible="visible"
:destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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.opUser }}</a-descriptions-item>
</a-descriptions>
</a-drawer>
</xn-form-container>
</template>
<script setup name="vislogDetail">

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="发送站内信"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" @click="onSubmit" :loading="sendLoading">发送</a-button>
</template>
</a-drawer>
</xn-form-container>
<user-selector-plus
ref="UserSelectorPlus"
page-url="/sys/org/userSelector"

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -10,13 +10,11 @@
</a-timeline>
<div class="add-schedule" @click="addSchedule"><plus-circle-two-tone /> 新增日程</div>
</a-card>
<a-drawer
<xn-form-container
title="增加日程"
:width="600"
:width="700"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</div>
</template>

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

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

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="更改模块"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑职位' : '增加职位'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="positionForm">

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

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

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

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

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

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

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

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

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="更改模块"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

@ -1,101 +1,123 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑菜单' : '增加菜单'"
:width="500"
:width="700"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 label="上级菜单：" name="parentId">
<a-tree-select
v-model:value="formData.parentId"
v-model:treeExpandedKeys="defaultExpandedKeys"
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择上级菜单"
allow-clear
tree-default-expand-all
:tree-data="treeData"
:field-names="{
children: 'children',
label: 'title',
value: 'id'
}"
selectable="false"
tree-line
@change="parentChange(formData.parentId)"
/>
</a-form-item>
<a-form-item v-if="formData.menuType !== 'CATALOG'" name="path">
<template #label>
<a-tooltip>
<template #title>
类型为内外链条时，输入https开头的链接即可（例：https://xiaonuo.vip）,正常路由前面必须有反斜杠！
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="显示名称：" name="title">
<a-input v-model:value="formData.title" placeholder="请输入显示名称" allow-clear />
</a-form-item>
</a-col>
<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 label="上级菜单：" name="parentId">
<a-tree-select
v-model:value="formData.parentId"
v-model:treeExpandedKeys="defaultExpandedKeys"
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择上级菜单"
allow-clear
tree-default-expand-all
:tree-data="treeData"
:field-names="{
children: 'children',
label: 'title',
value: 'id'
}"
selectable="false"
tree-line
@change="parentChange(formData.parentId)"
/>
</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>
<question-circle-outlined />
</a-tooltip>
&nbsp {{ formData.menuType === 'MENU' || formData.menuType === 'CATALOG' ? '路由地址' : '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 v-if="formData.menuType === 'MENU'" 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-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-form-item label="排序:" name="sortCode">
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
<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>
<template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
<Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

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

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

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

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

@ -1,83 +1,101 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑单页' : '增加单页'"
:width="500"
:width="700"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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-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-form-item label="排序:" name="sortCode">
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="单页名称：" name="title">
<a-input v-model:value="formData.title" placeholder="请输入单页名称" allow-clear />
</a-form-item>
</a-col>
<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>
<template #footer>
<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
<a-button type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
<Icon-selector ref="iconSelector" @iconCallBack="iconCallBack" />
</a-drawer>
</xn-form-container>
</template>
<script setup name="spaForm">

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

@ -1,5 +1,4 @@
<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-form ref="formRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-row :gutter="24">
@ -166,7 +165,7 @@
}
// 重置
const reset = () => {
formRef.value.resetFields();
formRef.value.resetFields()
table.value.refresh(true)
}
// 删除

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑角色' : '增加角色'"
:width="500"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="roleForm">

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

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

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

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

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

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

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

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

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

@ -1,11 +1,10 @@
<template>
<a-drawer
<xn-form-container
:title="formData.id ? '编辑用户' : '增加用户'"
:width="620"
:width="800"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px', 'padding-top': '0px' }"
:footer-style="{ textAlign: 'right' }"
:body-style="{ 'padding-top': '0px' }"
@close="onClose"
>
<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 type="primary" :loading="formLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup>

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

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

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

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

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

@ -1,10 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="导入导出"
:width="620"
:width="700"
:visible="visible"
:destroy-on-close="true"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<span
@ -33,7 +32,7 @@
</div>
</template>
</a-alert>
</a-drawer>
</xn-form-container>
</template>
<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) {
const params = {
userIds: selectedRowKeys.value.map((m) => {
return m
}).join()
userIds: selectedRowKeys.value
.map((m) => {
return m
})
.join()
}
exportBatchUser(params)
return

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

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

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

@ -1,11 +1,9 @@
<template>
<a-drawer
<xn-form-container
title="修改密码"
:width="600"
:width="550"
:visible="visible"
:destroy-on-close="true"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
@close="onClose"
>
<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 type="primary" :loading="submitLoading" @click="onSubmit">保存</a-button>
</template>
</a-drawer>
</xn-form-container>
</template>
<script setup name="updatePassword">

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

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

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

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