修改表格结构.

This commit is contained in:
lijiahang
2023-10-18 15:00:43 +08:00
parent 9a05b303bd
commit b83b212a4f
11 changed files with 59 additions and 35 deletions

View File

@@ -36,12 +36,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
${table.comment}列表 <!-- 标题 -->
<div class="table-title">
${table.comment}列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -13,7 +13,7 @@ const columns = [
title: '${field.comment}', title: '${field.comment}',
dataIndex: '${field.propertyName}', dataIndex: '${field.propertyName}',
slotName: '${field.propertyName}', slotName: '${field.propertyName}',
align: 'center', align: 'left',
#if(${field.propertyType} == 'String') #if(${field.propertyType} == 'String')
ellipsis: true, ellipsis: true,
tooltip: true, tooltip: true,

View File

@@ -15,7 +15,13 @@
} }
} }
.table-bar-handle { .table-left-bar-handle {
display: flex;
align-items: center;
justify-content: start;
}
.table-right-bar-handle {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: end justify-content: end

View File

@@ -21,7 +21,7 @@
<div class="center-side"> <div class="center-side">
<Menu v-if="topMenu" /> <Menu v-if="topMenu" />
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<ul class="right-side"> <ul class="right-side">
<!-- 搜索 --> <!-- 搜索 -->
<li v-if="false"> <li v-if="false">

View File

@@ -29,12 +29,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
身份列表 <!-- 标题 -->
<div class="table-title">
身份列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -21,12 +21,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
秘钥列表 <!-- 标题 -->
<div class="table-title">
秘钥列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -39,12 +39,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
主机列表 <!-- 标题 -->
<div class="table-title">
主机列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 仅看收藏 --> <!-- 仅看收藏 -->
<a-checkbox v-model="formModel.favorite" @change="fetchTableData()"> <a-checkbox v-model="formModel.favorite" @change="fetchTableData()">

View File

@@ -28,7 +28,7 @@
</a-form> </a-form>
</a-col> </a-col>
<!-- 操作 --> <!-- 操作 -->
<a-col :span="12" class="table-bar-handle"> <a-col :span="12" class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -25,12 +25,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
角色列表 <!-- 标题 -->
<div class="table-title">
角色列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -40,12 +40,15 @@
<!-- 表格 --> <!-- 表格 -->
<a-card class="general-card table-card"> <a-card class="general-card table-card">
<template #title> <template #title>
<!-- 左侧标题 --> <!-- 左侧操作 -->
<div class="table-title"> <div class="table-left-bar-handle">
用户列表 <!-- 标题 -->
<div class="table-title">
用户列表
</div>
</div> </div>
<!-- 右侧按钮 --> <!-- 右侧操作 -->
<div class="table-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button type="primary"

View File

@@ -8,7 +8,7 @@ export const username = [{
message: '用户名长度不能大于32位' message: '用户名长度不能大于32位'
}, { }, {
match: /^[a-zA-Z0-9]{4,32}$/, match: /^[a-zA-Z0-9]{4,32}$/,
message: '用户名只能是 4-32 位的数字以及字母' message: '用户名需要为 4-32 位的数字以及字母'
}] as FieldRule[]; }] as FieldRule[];
export const password = [{ export const password = [{