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

【优化】字典界面样式调整，更协调

pull/98/head
小诺 2023-03-26 15:32:40 +08:00 committed by 俞宝山
parent 4c1a31661e
commit 516e5f9566
2 changed files with 52 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,40 +12,40 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" /> <a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-col> </a-col>
<a-col :span="19"> <a-col :span="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="$refs.table.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-buttom-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
</a-col>
</a-row>
</a-form>
<a-divider class="m-3 mx-0"/>
<s-table <s-table
ref="table" ref="table"
:columns="columns" :columns="columns"
:data="loadData" :data="loadData"
:expand-row-by-click="true" :expand-row-by-click="true"
bordered bordered
:tool-config="toolConfig"
:row-key="(record) => record.id" :row-key="(record) => record.id"
> >
<template #operator class="table-operator"> <template #operator class="table-operator">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState"> <a-button type="primary" @click="form.onOpen(undefined, 'BIZ', searchFormState.parentId)">
<a-row :gutter="24"> <template #icon><plus-outlined /></template>
<a-col :span="8"> 新增
<a-form-item name="searchKey" label="字典名称"> </a-button>
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="$refs.table.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-buttom-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="form.onOpen(undefined, 'BIZ', searchFormState.parentId)">
<template #icon><plus-outlined /></template>
新增
</a-button>
</a-col>
</a-row>
</a-form>
</template> </template>
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'action'"> <template v-if="column.dataIndex === 'action'">
@ -97,6 +97,7 @@
const treeData = ref([]) const treeData = ref([])
// 替换treeNode 中 title,key,children // 替换treeNode 中 title,key,children
const treeFieldNames = { children: 'children', title: 'dictLabel', key: 'id' } const treeFieldNames = { children: 'children', title: 'dictLabel', key: 'id' }
const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
// 表格查询 返回 Promise 对象 // 表格查询 返回 Promise 对象
const loadData = (parameter) => { const loadData = (parameter) => {

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

@ -12,40 +12,40 @@
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" /> <a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
</a-col> </a-col>
<a-col :span="19"> <a-col :span="19">
<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-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="$refs.table.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-buttom-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
</a-col>
</a-row>
</a-form>
<a-divider class="m-3 mx-0"/>
<s-table <s-table
ref="table" ref="table"
:columns="columns" :columns="columns"
:data="loadData" :data="loadData"
:expand-row-by-click="true" :expand-row-by-click="true"
bordered bordered
:tool-config="toolConfig"
:row-key="(record) => record.id" :row-key="(record) => record.id"
> >
<template #operator class="table-operator"> <template #operator class="table-operator">
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState"> <a-button type="primary" @click="form.onOpen(undefined, 'FRM', searchFormState.parentId)">
<a-row :gutter="24"> <template #icon><plus-outlined /></template>
<a-col :span="8"> 新增
<a-form-item name="searchKey" label="字典名称"> </a-button>
<a-input v-model:value="searchFormState.searchKey" placeholder="请输入字典名称"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="$refs.table.refresh(true)">
<template #icon><SearchOutlined /></template>
查询
</a-button>
<a-button class="snowy-buttom-left" @click="reset">
<template #icon><redo-outlined /></template>
重置
</a-button>
</a-col>
<a-col :span="8">
<a-button type="primary" @click="form.onOpen(undefined, 'FRM', searchFormState.parentId)">
<template #icon><plus-outlined /></template>
新增
</a-button>
</a-col>
</a-row>
</a-form>
</template> </template>
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'category'"> <template v-if="column.dataIndex === 'category'">
@ -96,6 +96,7 @@
const treeData = ref([]) const treeData = ref([])
// 替换treeNode 中 title,key,children // 替换treeNode 中 title,key,children
const treeFieldNames = { children: 'children', title: 'dictLabel', key: 'id' } const treeFieldNames = { children: 'children', title: 'dictLabel', key: 'id' }
const toolConfig = { refresh: true, height: true, columnSetting: true, striped: false }
// 表格查询 返回 Promise 对象 // 表格查询 返回 Promise 对象
const loadData = (parameter) => { const loadData = (parameter) => {