【优化】继续优化其他页面在小屏幕下的表现

This commit is contained in:
xuyuxiang 2025-09-17 11:58:55 +08:00
parent 677d994ec5
commit 9ca83ba733
37 changed files with 570 additions and 413 deletions

View File

@ -23,7 +23,7 @@
</a-col>
<a-col :span="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="12">
<a-form-item name="searchKey">
@ -32,7 +32,7 @@
</a-col>
<a-col :span="12">
<a-button type="primary" class="primarySele" @click="loadData()"> 查询 </a-button>
<a-button class="snowy-button-left" @click="() => reset()"> 重置 </a-button>
<a-button @click="() => reset()"> 重置 </a-button>
</a-col>
</a-row>
</a-form>

View File

@ -23,7 +23,7 @@
</a-col>
<a-col :span="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="12">
<a-form-item name="searchKey">
@ -32,7 +32,7 @@
</a-col>
<a-col :span="12">
<a-button type="primary" class="primarySele" @click="loadData()"> 查询 </a-button>
<a-button class="snowy-button-left" @click="() => reset()"> 重置 </a-button>
<a-button @click="() => reset()"> 重置 </a-button>
</a-col>
</a-row>
</a-form>

View File

@ -23,7 +23,7 @@
</a-col>
<a-col :span="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="12">
<a-form-item name="searchKey">
@ -32,7 +32,7 @@
</a-col>
<a-col :span="12">
<a-button type="primary" class="primarySele" @click="loadData()"> 查询 </a-button>
<a-button class="snowy-button-left" @click="() => reset()"> 重置 </a-button>
<a-button @click="() => reset()"> 重置 </a-button>
</a-col>
</a-row>
</a-form>

View File

@ -23,7 +23,7 @@
</a-col>
<a-col :span="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="12">
<a-form-item name="searchKey">
@ -32,7 +32,7 @@
</a-col>
<a-col :span="12">
<a-button type="primary" class="primarySele" @click="loadData()"> 查询 </a-button>
<a-button class="snowy-button-left" @click="reset()"> 重置 </a-button>
<a-button @click="reset()"> 重置 </a-button>
</a-col>
</a-row>
</a-form>

View File

@ -28,7 +28,7 @@
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="14" :xl="14">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey">

View File

@ -42,7 +42,7 @@
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="11" :xl="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="上级组织:" name="parentId">

View File

@ -42,7 +42,7 @@
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="11" :xl="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="组织:" name="orgId">

View File

@ -42,7 +42,7 @@
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="11" :xl="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="组织:" name="categoryOrOrgId">
@ -471,7 +471,6 @@
searchFormState.value.orgId = selectedId
delete searchFormState.value.category
}
delete searchFormState.value.categoryOrOrgId
}
const dataArray = ref([])
//
@ -499,6 +498,9 @@
//
const reset = () => {
searchFormRef.value.resetFields()
delete searchFormState.value.categoryOrOrgId
delete searchFormState.value.orgId
delete searchFormState.value.category
loadData()
}
const handleClose = () => {

View File

@ -49,7 +49,7 @@
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="11" :xl="11">
<div class="table-operator xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="组织:" name="orgId">

View File

@ -1,13 +1,13 @@
<template>
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-row :gutter="24">
<a-col :span="8">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item label="关键词" name="searchKey">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入用户名或昵称关键词"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item label="分类" name="category">
<a-select
v-model:value="searchFormState.category"
@ -18,9 +18,23 @@
</a-select>
</a-form-item>
</a-col>
<a-col :span="6">
<a-button type="primary" @click="tableRef.refresh(true)">查询</a-button>
<a-button class="xn-mg08" @click="reset">重置</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -34,6 +48,7 @@
bordered
:row-key="(record) => record.id"
:tool-config="toolConfig"
:scroll="{ x: 'max-content' }"
>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'avatar'">

View File

@ -1,6 +1,6 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-col :xs="0" :sm="0" :md="0" :lg="4" :xl="4">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
@ -12,7 +12,7 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<a-col :xs="24" :sm="24" :md="24" :lg="20" :xl="20">
<a-card :bordered="false" class="xn-mb10">
<a-form
ref="searchFormRef"
@ -20,21 +20,48 @@
class="ant-advanced-search-form mb-3"
:model="searchFormState"
>
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="字典名称">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称" />
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="请选择上级字典:" name="parentId">
<a-tree-select
v-model:value="searchFormState.parentId"
class="xn-wd"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择上级字典"
allow-clear
:tree-data="treeData"
:field-names="{
children: 'children',
label: 'name',
value: 'id'
}"
selectable="false"
tree-line
/>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="字典名称关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称关键词" />
</a-form-item>
</a-col>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -48,6 +75,7 @@
bordered
:tool-config="toolConfig"
:row-key="(record) => record.id"
:scroll="{ x: 'max-content' }"
>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'level'">
@ -91,6 +119,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
})
}
@ -184,10 +213,5 @@
</script>
<style lang="less" scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<a-card :bordered="false">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="6">
<a-form-item label="标题" name="title">

View File

@ -47,7 +47,7 @@
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>

View File

@ -47,7 +47,7 @@
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>

View File

@ -12,7 +12,7 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>
<a-col :xs="24" :sm="20" :md="20" :lg="20" :xl="20">
<a-col :xs="24" :sm="24" :md="24" :lg="20" :xl="20">
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
@ -63,7 +63,7 @@
<template #icon><SearchOutlined /></template>
{{ $t('common.searchButton') }}
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon><redo-outlined /></template>
{{ $t('common.resetButton') }}
</a-button>

View File

@ -1,7 +1,7 @@
<template>
<div>
<a-card :bordered="false" style="margin-bottom: 10px">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="用户关键词">
@ -13,7 +13,7 @@
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>

View File

@ -9,8 +9,9 @@
:wrapper-col="{ ...layout.wrapperCol, offset: 0 }"
style="width: 90%"
>
<a-row :gutter="16">
<a-col :span="4">
<a-alert message="系统基础配置" type="info" :closable="false" class="mb-2" show-icon/>
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="系统LOGO" name="SNOWY_SYS_LOGO">
<a-upload
v-model:file-list="formData.SNOWY_SYS_LOGO"
@ -28,149 +29,143 @@
</a-upload>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :span="8">
<a-form-item label="系统名称:" name="SNOWY_SYS_NAME">
<a-input v-model:value="formData.SNOWY_SYS_NAME" placeholder="请输入系统名称" />
</a-form-item>
</a-col>
<a-col :span="14">
<a-row :gutter="8">
<a-col :span="12">
<a-form-item label="后台验证码开关:" name="SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_B">
<a-switch
v-model:checked="formData.SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_B"
checked-children="开"
un-checked-children="关"
placeholder="请选择后台验证码开关"
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="前台验证码开关:" name="SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_C">
<a-switch
v-model:checked="formData.SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_C"
checked-children="开"
un-checked-children="关"
placeholder="请选择前台验证码开关"
/>
</a-form-item>
</a-col>
</a-row>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :span="8">
<a-form-item label="系统版本:" name="SNOWY_SYS_VERSION">
<a-input v-model:value="formData.SNOWY_SYS_VERSION" placeholder="请输入系统版本" />
</a-form-item>
</a-col>
<a-col :span="14">
<a-row :gutter="8">
<a-col :span="12">
<a-form-item label="全局后台验证码失效时间:" name="SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_B">
<a-input-number
v-model:value="formData.SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_B"
placeholder="分钟"
>
<template #addonAfter> 分钟 </template>
</a-input-number>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="全局前台验证码失效时间:" name="SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_C">
<a-input-number
v-model:value="formData.SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_C"
placeholder="分钟"
>
<template #addonAfter> 分钟 </template>
</a-input-number>
</a-form-item>
</a-col>
</a-row>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :span="8">
<a-form-item label="版权信息:" name="SNOWY_SYS_COPYRIGHT">
<a-input v-model:value="formData.SNOWY_SYS_COPYRIGHT" placeholder="请输入版权信息" />
</a-form-item>
</a-col>
<a-col :span="14">
<a-row :gutter="8">
<a-col :span="12">
<a-form-item label="默认文件引擎:" name="SNOWY_SYS_DEFAULT_FILE_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_FILE_ENGINE"
:options="fileEngineOptions"
placeholder="请选择系统默认文件引擎"
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="默认短信引擎:" name="SNOWY_SYS_DEFAULT_SMS_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_SMS_ENGINE"
:options="smsEngineOptions"
placeholder="请选择系统默认短信引擎"
/>
</a-form-item>
</a-col>
</a-row>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :span="8">
<a-form-item label="版权链接URL" name="SNOWY_SYS_COPYRIGHT_URL">
<a-input v-model:value="formData.SNOWY_SYS_COPYRIGHT_URL" placeholder="请输入版权链接URL" />
</a-form-item>
</a-col>
<a-col :span="14">
<a-row :gutter="8">
<a-col :span="12">
<a-form-item label="默认邮件引擎:" name="SNOWY_SYS_DEFAULT_EMAIL_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_EMAIL_ENGINE"
:options="emailEngineOptions"
placeholder="请选择系统默认邮件引擎"
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="默认消息推送引擎:" name="SNOWY_SYS_DEFAULT_PUSH_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_PUSH_ENGINE"
:options="pushEngineOptions"
placeholder="请选择系统默认消息推送引擎"
/>
</a-form-item>
</a-col>
</a-row>
</a-col>
</a-row>
<a-row :gutter="16">
<a-col :span="8">
<a-form-item label="默认快捷方式:" name="SNOWY_SYS_DEFAULT_WORKBENCH_DATA">
<menuTreeSelect ref="menuTreeSelectRef" :resultData="true" />
</a-form-item>
</a-col>
<a-col :span="14">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="系统描述:" name="SNOWY_SYS_DEFAULT_DESCRRIPTION">
<a-textarea
v-model:value="formData.SNOWY_SYS_DEFAULT_DESCRRIPTION"
placeholder="请输入系统描述"
:auto-size="{ minRows: 3, maxRows: 6 }"
:auto-size="{ minRows: 3, maxRows: 8 }"
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="14">
<a-col :span="12">
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="系统名称:" name="SNOWY_SYS_NAME">
<a-input v-model:value="formData.SNOWY_SYS_NAME" placeholder="请输入系统名称" />
</a-form-item>
</a-col>
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="系统版本:" name="SNOWY_SYS_VERSION">
<a-input v-model:value="formData.SNOWY_SYS_VERSION" placeholder="请输入系统版本" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<a-form-item label="默认快捷方式:" name="SNOWY_SYS_DEFAULT_WORKBENCH_DATA">
<menuTreeSelect ref="menuTreeSelectRef" :resultData="true" />
</a-form-item>
</a-col>
</a-row>
<a-alert message="验证码配置" type="info" :closable="false" class="mb-2" show-icon/>
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="后台验证码开关:" name="SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_B">
<a-switch
v-model:checked="formData.SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_B"
checked-children="开"
un-checked-children="关"
placeholder="请选择后台验证码开关"
/>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="前台验证码开关:" name="SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_C">
<a-switch
v-model:checked="formData.SNOWY_SYS_DEFAULT_CAPTCHA_OPEN_FLAG_FOR_C"
checked-children="开"
un-checked-children="关"
placeholder="请选择前台验证码开关"
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="后台验证码失效时间:" name="SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_B">
<a-input-number
v-model:value="formData.SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_B"
placeholder="分钟"
>
<template #addonAfter> 分钟 </template>
</a-input-number>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="前台验证码失效时间:" name="SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_C">
<a-input-number
v-model:value="formData.SNOWY_SYS_DEFAULT_CAPTCHA_EXPIRED_DURATION_FOR_C"
placeholder="分钟"
>
<template #addonAfter> 分钟 </template>
</a-input-number>
</a-form-item>
</a-col>
</a-row>
<a-alert message="默认引擎配置" type="info" :closable="false" class="mb-2" show-icon/>
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="默认文件引擎:" name="SNOWY_SYS_DEFAULT_FILE_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_FILE_ENGINE"
:options="fileEngineOptions"
placeholder="请选择系统默认文件引擎"
/>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="默认邮件引擎:" name="SNOWY_SYS_DEFAULT_EMAIL_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_EMAIL_ENGINE"
:options="emailEngineOptions"
placeholder="请选择系统默认邮件引擎"
/>
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="默认短信引擎:" name="SNOWY_SYS_DEFAULT_SMS_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_SMS_ENGINE"
:options="smsEngineOptions"
placeholder="请选择系统默认短信引擎"
/>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="默认消息推送引擎:" name="SNOWY_SYS_DEFAULT_PUSH_ENGINE">
<a-radio-group
v-model:value="formData.SNOWY_SYS_DEFAULT_PUSH_ENGINE"
:options="pushEngineOptions"
placeholder="请选择系统默认消息推送引擎"
/>
</a-form-item>
</a-col>
</a-row>
<a-alert message="版权信息配置" type="info" :closable="false" class="mb-2" show-icon/>
<a-row :gutter="8">
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<a-form-item label="版权信息:" name="SNOWY_SYS_COPYRIGHT">
<a-input v-model:value="formData.SNOWY_SYS_COPYRIGHT" placeholder="请输入版权信息" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<a-form-item label="版权链接URL" name="SNOWY_SYS_COPYRIGHT_URL">
<a-input v-model:value="formData.SNOWY_SYS_COPYRIGHT_URL" placeholder="请输入版权链接URL" />
</a-form-item>
</a-col>
</a-row>
<a-row :gutter="8">
<a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<a-form-item>
<a-button type="primary" :loading="submitLoading" @click="onSubmit()">保存</a-button>
<a-button class="xn-ml10" @click="resetForm">重置</a-button>
<a-space>
<a-button type="primary" :loading="submitLoading" @click="onSubmit()">保存</a-button>
<a-button class="xn-ml10" @click="resetForm">重置</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>

View File

@ -1,7 +1,7 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<div class="left-tree-container">
<a-col :xs="0" :sm="0" :md="0" :lg="4" :xl="4">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
v-model:expandedKeys="defaultExpandedKeys"
@ -11,58 +11,89 @@
>
</a-tree>
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</div>
</a-card>
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form mb-3" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="字典名称">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
</a-col>
</a-row>
<a-col :xs="24" :sm="24" :md="24" :lg="20" :xl="20">
<a-card :bordered="false">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="请选择上级字典:" name="parentId">
<a-tree-select
v-model:value="searchFormState.parentId"
class="xn-wd"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择上级字典"
allow-clear
:tree-data="treeData"
:field-names="{
children: 'children',
label: 'name',
value: 'id'
}"
selectable="false"
tree-line
/>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称关键词" />
</a-form-item>
</a-col>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
<a-divider class="m-3 mx-0" />
<s-table
ref="tableRef"
:columns="columns"
:data="loadData"
:expand-row-by-click="true"
bordered
:tool-config="toolConfig"
:row-key="(record) => record.id"
>
<template #operator class="table-operator">
<a-button type="primary" @click="formRef.onOpen(undefined, categoryType, searchFormState.parentId)">
<template #icon><plus-outlined /></template>
新增
</a-button>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'level'">
<a-tag color="blue" v-if="record.level">{{ record.level }}</a-tag>
<a-tag color="green" v-else>子级</a-tag>
</a-card>
<a-card :bordered="false">
<s-table
ref="tableRef"
:columns="columns"
:data="loadData"
:expand-row-by-click="true"
bordered
:tool-config="toolConfig"
:row-key="(record) => record.id"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-button type="primary" @click="formRef.onOpen(undefined, categoryType, searchFormState.parentId)">
<template #icon><plus-outlined /></template>
新增
</a-button>
</template>
<template v-if="column.dataIndex === 'action'">
<a @click="formRef.onOpen(record, categoryType)">编辑</a>
<a-divider type="vertical" />
<a-popconfirm title="删除此字典与下级字典吗?" @confirm="remove(record)">
<a-button type="link" danger size="small">删除</a-button>
</a-popconfirm>
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'level'">
<a-tag color="blue" v-if="record.level">{{ record.level }}</a-tag>
<a-tag color="green" v-else>子级</a-tag>
</template>
<template v-if="column.dataIndex === 'action'">
<a @click="formRef.onOpen(record, categoryType)">编辑</a>
<a-divider type="vertical" />
<a-popconfirm title="删除此字典与下级字典吗?" @confirm="remove(record)">
<a-button type="link" danger size="small">删除</a-button>
</a-popconfirm>
</template>
</template>
</template>
</s-table>
</s-table>
</a-card>
</a-col>
</a-row>
<Form ref="formRef" @successful="formSuccessful()" />
@ -98,6 +129,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
}
]
@ -202,10 +234,5 @@
</script>
<style scoped lang="less">
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,8 +1,8 @@
<template>
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="engine" label="邮件引擎">
<a-select
v-model:value="searchFormState.engine"
@ -13,20 +13,28 @@
></a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item name="searchKey" label="主题关键词">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入邮件主题关键词"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -41,6 +49,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -114,6 +123,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
}
]
@ -173,10 +183,4 @@
</script>
<style scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,14 +1,14 @@
<template>
<div v-if="indexShow">
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="名称关键词">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入文件名称关键词" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="engine" label="存储位置">
<a-select
v-model:value="searchFormState.engine"
@ -18,15 +18,23 @@
/>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -41,6 +49,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -167,6 +176,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: 220
}
]
@ -256,10 +266,4 @@
width: 40px;
height: 40px;
}
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="6">
<a-form-item label="关键词" name="searchKey">

View File

@ -15,7 +15,7 @@
<a-card :bordered="false">
<s-table ref="tableRef" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
<template #operator class="table-operator">
<a-form ref="formRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="formRef" :model="searchFormState">
<a-space>
<a-radio-group v-model:value="opLogType" button-style="solid">
<a-radio-button

View File

@ -15,7 +15,7 @@
<a-card :bordered="false">
<s-table ref="tableRef" :columns="columns" :data="loadData" bordered :row-key="(record) => record.id">
<template #operator class="table-operator">
<a-form ref="formRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="formRef" :model="searchFormState">
<a-space>
<a-radio-group v-model:value="visLogType" button-style="solid">
<a-radio-button

View File

@ -1,21 +1,29 @@
<template>
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="主题关键词">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入站内信主题关键词" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -30,6 +38,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -85,6 +94,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
}
]
@ -140,10 +150,5 @@
</script>
<style lang="less" scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,8 +1,8 @@
<template>
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="engine" label="消息引擎">
<a-select
v-model:value="searchFormState.engine"
@ -13,20 +13,28 @@
></a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item name="searchKey" label="消息标题关键词">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入消息标题关键词"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -41,6 +49,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -116,6 +125,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
}
]
@ -166,10 +176,5 @@
</script>
<style lang="less" scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<a-card :bordered="false">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="6">
<a-form-item label="标题" name="title">

View File

@ -1,8 +1,8 @@
<template>
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="engine" label="短信引擎">
<a-select
v-model:value="searchFormState.engine"
@ -13,20 +13,28 @@
></a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item name="searchKey" label="手机号关键词">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入手机号关键词"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -41,6 +49,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -121,6 +130,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '150px'
}
]
@ -171,10 +181,5 @@
</script>
<style scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="searchFormRef" :model="searchFormState">
<a-space style="align-items: normal">
<a-radio-group v-model:value="module" button-style="solid">
<a-radio-button

View File

@ -1,6 +1,6 @@
<template>
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item label="名称关键词" name="searchKey">

View File

@ -10,8 +10,18 @@
<a-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh()">查询</a-button>
<a-button style="margin: 0 8px" @click="reset">重置</a-button>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>

View File

@ -49,7 +49,7 @@
</template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>

View File

@ -49,7 +49,7 @@
</template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>

View File

@ -9,12 +9,12 @@
<a-alert class="mb-3" message="温馨提示:排序第一为首页!若有多个模块根据授权可见情况而变化。" type="warning" />
<a-form ref="formRef" :model="formData" :rules="formRules" layout="vertical">
<a-row :gutter="16">
<a-col :span="12">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="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-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="菜单类型:" name="menuType">
<a-radio-group
v-model:value="formData.menuType"
@ -24,7 +24,7 @@
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="上级菜单:" name="parentId">
<a-tree-select
v-model:value="formData.parentId"
@ -46,7 +46,7 @@
/>
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.menuType !== 'CATALOG'">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="formData.menuType !== 'CATALOG'">
<a-form-item name="path">
<template #label>
<a-tooltip>
@ -61,7 +61,7 @@
<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-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="formData.menuType === 'MENU'">
<a-form-item name="component">
<template #label>
<a-tooltip>
@ -78,7 +78,7 @@
/>
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.menuType === 'MENU'">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" v-if="formData.menuType === 'MENU'">
<a-form-item name="name">
<template #label>
<a-tooltip>
@ -95,13 +95,13 @@
/>
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="图标:" name="icon">
<a-input v-model:value="formData.icon" class="xn-wdcalc-70" placeholder="请选择图标" allow-clear disabled />
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item>
</a-col>
<a-col :span="12">
<a-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
<a-form-item label="排序:" name="sortCode">
<a-input-number class="xn-wd" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
@ -110,17 +110,17 @@
<a-collapse ghost>
<a-collapse-panel key="def" header="展开更多">
<a-row :gutter="16">
<a-col :span="8">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item label="是否可见:" name="visible">
<a-radio-group optionType="button" v-model:value="formData.visible" :options="visibleOptions" />
</a-form-item>
</a-col>
<a-col :span="8" v-if="formData.menuType !== 'CATALOG'">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" v-if="formData.menuType !== 'CATALOG'">
<a-form-item label="是否缓存:" name="keepLive">
<a-radio-group optionType="button" v-model:value="formData.keepLive" :options="keepLiveOptions" />
</a-form-item>
</a-col>
<a-col :span="8" v-if="formData.menuType !== 'CATALOG'">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8" v-if="formData.menuType !== 'CATALOG'">
<a-form-item label="布局可见:" name="displayLayout">
<a-radio-group
optionType="button"

View File

@ -1,25 +1,33 @@
<template>
<a-card :bordered="false">
<a-space>
<a-radio-group v-model:value="moduleType" button-style="solid">
<a-radio-button
v-for="module in moduleTypeList"
:key="module.id"
:value="module.id"
@click="moduleClock(module.id)"
>
<component :is="module.icon" />
{{ module.title }}</a-radio-button
>
</a-radio-group>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入菜单名称关键词"
enter-button
allowClear
@search="onSearch"
/>
</a-space>
<a-form>
<a-row :gutter="10">
<a-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16">
<a-form-item>
<a-radio-group v-model:value="moduleType" button-style="solid">
<a-radio-button v-for="module in moduleTypeList"
:key="module.id"
:value="module.id"
@click="moduleClock(module.id)">
<component :is="module.icon" />
{{ module.title }}
</a-radio-button>
</a-radio-group>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-input-search
v-model:value="searchFormState.searchKey"
placeholder="请输入菜单名称关键词"
enter-button
allowClear
@search="onSearch"
/>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-card>
<a-card :bordered="false" class="mt-2">
<s-table
@ -180,6 +188,7 @@
title: '操作',
dataIndex: 'action',
width: '200px',
fixed: 'right',
scopedSlots: { customRender: 'action' }
}
]

View File

@ -1,15 +1,29 @@
<template>
<a-card :bordered="false" :body-style="{ 'padding-bottom': '0px' }" class="mb-2">
<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item label="名称关键词" name="searchKey">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item label="关键词" name="searchKey">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入模块名称关键词" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">查询</a-button>
<a-button class="xn-mg08" @click="reset">重置</a-button>
<a-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -93,6 +107,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '200px'
}
]

View File

@ -1,6 +1,6 @@
<template>
<a-row :gutter="10">
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
<a-col :xs="0" :sm="0" :md="0" :lg="4" :xl="4">
<a-card :bordered="false" :loading="cardLoading" class="left-tree-container">
<a-tree
v-if="treeData.length > 0"
@ -13,24 +13,52 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-card>
</a-col>
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
<a-col :xs="24" :sm="24" :md="24" :lg="20" :xl="20">
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
<a-row :gutter="24">
<a-col :span="8">
<a-form-item name="searchKey" label="名称关键词">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
<a-col :xs="24" :sm="8" :md="8" :lg="0" :xl="0">
<a-form-item label="组织:" name="categoryOrOrgId">
<a-tree-select
v-model:value="searchFormState.categoryOrOrgId"
class="xn-wd"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择组织"
allow-clear
:tree-data="treeData"
:field-names="{
children: 'children',
label: 'name',
value: 'id'
}"
selectable="false"
tree-line
@change="onCategoryOrOrgIdSelect"
/>
</a-form-item>
</a-col>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item name="searchKey" label="关键词">
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入角色名称关键词"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-button-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
<a-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8">
<a-form-item>
<a-space>
<a-button type="primary" @click="tableRef.refresh(true)">
<template #icon>
<SearchOutlined/>
</template>
查询
</a-button>
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>
重置
</a-button>
</a-space>
</a-form-item>
</a-col>
</a-row>
</a-form>
@ -45,7 +73,7 @@
bordered
:row-key="(record) => record.id"
:row-selection="options.rowSelection"
@resizeColumn="handleResizeColumn"
:scroll="{ x: 'max-content' }"
>
<template #operator class="table-operator">
<a-space>
@ -132,7 +160,6 @@
{
title: '角色名称',
dataIndex: 'name',
resizable: true,
width: 150
},
{
@ -148,6 +175,7 @@
title: '操作',
dataIndex: 'action',
align: 'center',
fixed: 'right',
width: '200px'
}
]
@ -194,6 +222,9 @@
//
const reset = () => {
searchFormRef.value.resetFields()
delete searchFormState.value.categoryOrOrgId
delete searchFormState.value.orgId
delete searchFormState.value.category
tableRef.value.refresh(true)
}
//
@ -242,6 +273,17 @@
}
tableRef.value.refresh(true)
}
//
const onCategoryOrOrgIdSelect = (selectedId) => {
searchFormState.value.current = 0
if (selectedId === 'GLOBAL') {
searchFormState.value.category = selectedId
delete searchFormState.value.orgId
} else {
searchFormState.value.orgId = selectedId
delete searchFormState.value.category
}
}
//
const handleResizeColumn = (w, col) => {
col.width = w
@ -299,10 +341,5 @@
</script>
<style scoped>
.ant-form-item {
margin-bottom: 0 !important;
}
.snowy-button-left {
margin-left: 8px;
}
</style>

View File

@ -12,7 +12,7 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE"/>
</a-card>
</a-col>
<a-col :xs="24" :sm="20" :md="20" :lg="20" :xl="20">
<a-col :xs="24" :sm="24" :md="24" :lg="20" :xl="20">
<a-card :bordered="false" class="xn-mb10">
<a-form ref="searchFormRef" :model="searchFormState">
<a-row :gutter="10">
@ -65,7 +65,7 @@
</template>
{{ $t('common.searchButton') }}
</a-button>
<a-button class="snowy-button-left" @click="reset">
<a-button @click="reset">
<template #icon>
<redo-outlined/>
</template>