🎨 修改前端代码样式.

This commit is contained in:
lijiahang
2024-03-04 12:28:55 +08:00
parent 0f9c3db9cc
commit 0f8eebf53c
16 changed files with 70 additions and 77 deletions

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
#foreach($field in ${table.fields}) #foreach($field in ${table.fields})
<!-- $field.comment --> <!-- $field.comment -->
<a-form-item field="${field.propertyName}" label="${field.comment}" label-col-flex="50px"> <a-form-item field="${field.propertyName}" label="${field.comment}" label-col-flex="50px">
@@ -48,8 +48,8 @@
<div class="table-right-bar-handle"> <div class="table-right-bar-handle">
<a-space> <a-space>
<!-- 新增 --> <!-- 新增 -->
<a-button type="primary" <a-button v-permission="['${package.ModuleName}:${typeHyphen}:create']"
v-permission="['${package.ModuleName}:${typeHyphen}:create']" type="primary"
@click="emits('openAdd')"> @click="emits('openAdd')">
新增 新增
<template #icon> <template #icon>
@@ -58,9 +58,9 @@
</a-button> </a-button>
#if($vue.enableRowSelection) #if($vue.enableRowSelection)
<!-- 删除 --> <!-- 删除 -->
<a-popconfirm position="br" <a-popconfirm :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
position="br"
type="warning" type="warning"
:content="`确认删除选中的${selectedKeys.length}条记录吗?`"
@ok="deleteSelectRows"> @ok="deleteSelectRows">
<a-button v-permission="['${package.ModuleName}:${typeHyphen}:delete']" <a-button v-permission="['${package.ModuleName}:${typeHyphen}:delete']"
type="secondary" type="secondary"
@@ -80,7 +80,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
#if($vue.enableRowSelection) #if($vue.enableRowSelection)
@@ -104,9 +103,9 @@
<template #handle="{ record }"> <template #handle="{ record }">
<div class="table-handle-wrapper"> <div class="table-handle-wrapper">
<!-- 修改 --> <!-- 修改 -->
<a-button type="text" <a-button v-permission="['${package.ModuleName}:${typeHyphen}:update']"
type="text"
size="mini" size="mini"
v-permission="['${package.ModuleName}:${typeHyphen}:update']"
@click="emits('openUpdate', record)"> @click="emits('openUpdate', record)">
修改 修改
</a-button> </a-button>

View File

@@ -58,10 +58,11 @@
position="left" position="left"
type="warning" type="warning"
@ok="deleteNode(node.key)"> @ok="deleteNode(node.key)">
<span v-permission="['asset:host-group:delete']" <span v-permission="['asset:host-group:delete']"
class="tree-icon" title="删除"> class="tree-icon"
<icon-delete /> title="删除">
</span> <icon-delete />
</span>
</a-popconfirm> </a-popconfirm>
<!-- 新增 --> <!-- 新增 -->
<span v-permission="['asset:host-group:create']" <span v-permission="['asset:host-group:create']"

View File

@@ -31,7 +31,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -6,7 +6,6 @@
<!-- 主机身份表格 --> <!-- 主机身份表格 -->
<a-table row-key="id" <a-table row-key="id"
class="host-identity-main-table" class="host-identity-main-table"
label-align="left"
:columns="hostIdentityColumns" :columns="hostIdentityColumns"
v-model:selected-keys="selectedKeys" v-model:selected-keys="selectedKeys"
:row-selection="rowSelection" :row-selection="rowSelection"

View File

@@ -6,7 +6,6 @@
<!-- 主机秘钥表格 --> <!-- 主机秘钥表格 -->
<a-table row-key="id" <a-table row-key="id"
class="host-key-main-table" class="host-key-main-table"
label-align="left"
:columns="hostKeyColumns" :columns="hostKeyColumns"
v-model:selected-keys="selectedKeys" v-model:selected-keys="selectedKeys"
:row-selection="rowSelection" :row-selection="rowSelection"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="id" label-col-flex="50px"> <a-form-item field="id" label="id" label-col-flex="50px">
<a-input-number v-model="formModel.id" <a-input-number v-model="formModel.id"
@@ -74,7 +74,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="id" label-col-flex="30px"> <a-form-item field="id" label="id" label-col-flex="30px">
<a-input-number v-model="formModel.id" <a-input-number v-model="formModel.id"
@@ -66,7 +66,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="主机id" label-col-flex="50px"> <a-form-item field="id" label="主机id" label-col-flex="50px">
<a-input-number v-model="formModel.id" <a-input-number v-model="formModel.id"
@@ -93,7 +93,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -2,7 +2,6 @@
<a-table row-key="path" <a-table row-key="path"
ref="tableRef" ref="tableRef"
class="sftp-table" class="sftp-table"
label-align="left"
:columns="columns" :columns="columns"
v-model:selected-keys="selectedKeys" v-model:selected-keys="selectedKeys"
:row-selection="rowSelection" :row-selection="rowSelection"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- 配置项 --> <!-- 配置项 -->
<a-form-item field="keyName" label="配置项" label-col-flex="50px"> <a-form-item field="keyName" label="配置项" label-col-flex="50px">
<a-input v-model="formModel.keyName" placeholder="请输入配置项" allow-clear /> <a-input v-model="formModel.keyName" placeholder="请输入配置项" allow-clear />
@@ -43,8 +43,9 @@
position="left" position="left"
type="warning" type="warning"
@ok="doRefreshCache"> @ok="doRefreshCache">
<a-button type="primary" status="warning" <a-button v-permission="['infra:dict-key:management:refresh-cache']"
v-permission="['infra:dict-key:management:refresh-cache']"> type="primary"
status="warning">
刷新缓存 刷新缓存
<template #icon> <template #icon>
<icon-sync /> <icon-sync />
@@ -58,7 +59,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="resetForm" @reset="resetForm"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- 配置项 --> <!-- 配置项 -->
<a-form-item field="keyId" label="配置项" label-col-flex="50px"> <a-form-item field="keyId" label="配置项" label-col-flex="50px">
<dict-key-selector v-model="formModel.keyId" <dict-key-selector v-model="formModel.keyId"
@@ -46,9 +46,9 @@
</template> </template>
</a-button> </a-button>
<!-- 删除 --> <!-- 删除 -->
<a-popconfirm position="br" <a-popconfirm :content="`确认删除选中的${selectedKeys.length}条记录吗?`"
position="br"
type="warning" type="warning"
:content="`确认删除选中的${selectedKeys.length}条记录吗?`"
@ok="deleteSelectRows"> @ok="deleteSelectRows">
<a-button v-permission="['infra:dict-value:delete']" <a-button v-permission="['infra:dict-value:delete']"
type="secondary" type="secondary"
@@ -67,7 +67,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
v-model:selected-keys="selectedKeys" v-model:selected-keys="selectedKeys"

View File

@@ -66,8 +66,9 @@
position="left" position="left"
type="warning" type="warning"
@ok="doRefreshCache"> @ok="doRefreshCache">
<a-button type="primary" status="warning" <a-button v-permission="['infra:system-menu:management:refresh-cache']"
v-permission="['infra:system-menu:management:refresh-cache']"> type="primary"
status="warning">
刷新缓存 刷新缓存
<template #icon> <template #icon>
<icon-sync /> <icon-sync />
@@ -83,7 +84,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-16" class="table-wrapper-16"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="fetchLoading" :loading="fetchLoading"
:pagination="false" :pagination="false"
:columns="columns" :columns="columns"
@@ -162,9 +162,10 @@
position="left" position="left"
type="warning" type="warning"
@ok="doDeleteMenu(record)"> @ok="doDeleteMenu(record)">
<a-button type="text" size="mini" <a-button v-permission="['infra:system-menu:delete']"
status="danger" type="text"
v-permission="['infra:system-menu:delete']"> size="mini"
status="danger">
删除 删除
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>

View File

@@ -1,10 +1,10 @@
<template> <template>
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
:itemOptions="{ [visibleUser ? 5 : 4]: { span: 2 } }" :itemOptions="{ [visibleUser ? 5 : 4]: { span: 2 } }"
@submit="submit" @submit="submit"
@reset="submit" @reset="submit"
@keyup.enter="submit"> @keyup.enter="submit">
<!-- 操作用户 --> <!-- 操作用户 -->
<a-form-item v-if="visibleUser" <a-form-item v-if="visibleUser"
field="userId" field="userId"

View File

@@ -2,7 +2,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="tableColumns" :columns="tableColumns"
:data="tableRenderData" :data="tableRenderData"
@@ -39,7 +38,9 @@
<template #handle="{ record }"> <template #handle="{ record }">
<div class="table-handle-wrapper"> <div class="table-handle-wrapper">
<!-- 详情 --> <!-- 详情 -->
<a-button type="text" size="mini" @click="viewDetail(record)"> <a-button type="text"
size="mini"
@click="viewDetail(record)">
详情 详情
</a-button> </a-button>
</div> </div>

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- 角色名称 --> <!-- 角色名称 -->
<a-form-item field="name" label="角色名称" label-col-flex="50px"> <a-form-item field="name" label="角色名称" label-col-flex="50px">
<a-input v-model="formModel.name" placeholder="请输入角色名称" allow-clear /> <a-input v-model="formModel.name" placeholder="请输入角色名称" allow-clear />
@@ -52,7 +52,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"

View File

@@ -2,10 +2,10 @@
<!-- 搜索 --> <!-- 搜索 -->
<a-card class="general-card table-search-card"> <a-card class="general-card table-search-card">
<query-header :model="formModel" <query-header :model="formModel"
label-align="left" label-align="left"
@submit="fetchTableData" @submit="fetchTableData"
@reset="fetchTableData" @reset="fetchTableData"
@keyup.enter="() => fetchTableData()"> @keyup.enter="() => fetchTableData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="id" label-col-flex="50px"> <a-form-item field="id" label="id" label-col-flex="50px">
<a-input-number v-model="formModel.id" <a-input-number v-model="formModel.id"
@@ -67,7 +67,6 @@
<a-table row-key="id" <a-table row-key="id"
class="table-wrapper-8" class="table-wrapper-8"
ref="tableRef" ref="tableRef"
label-align="left"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data="tableRenderData" :data="tableRenderData"
@@ -92,10 +91,10 @@
position="left" position="left"
type="warning" type="warning"
@ok="updateStatus(record)"> @ok="updateStatus(record)">
<a-button type="text" <a-button v-permission="['infra:system-user:update-status']"
type="text"
size="mini" size="mini"
:disabled="record.id === userStore.id" :disabled="record.id === userStore.id">
v-permission="['infra:system-user:update-status']">
{{ {{
UserStatus.ENABLED === record.status UserStatus.ENABLED === record.status
? getDictValue(userStatusKey, UserStatus.DISABLED) ? getDictValue(userStatusKey, UserStatus.DISABLED)
@@ -137,10 +136,11 @@
position="left" position="left"
type="warning" type="warning"
@ok="deleteRow(record)"> @ok="deleteRow(record)">
<a-button type="text" size="mini" <a-button v-permission="['infra:system-user:delete']"
type="text"
size="mini"
status="danger" status="danger"
:disabled="record.id === userStore.id" :disabled="record.id === userStore.id">
v-permission="['infra:system-user:delete']">
删除 删除
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>