修改表格结构.
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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()">
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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 = [{
|
||||||
|
|||||||
Reference in New Issue
Block a user