style: 优化部分字段名称

This commit is contained in:
2024-01-06 14:44:32 +08:00
parent 2d07a5f133
commit b2aa7114bc
5 changed files with 43 additions and 39 deletions

View File

@@ -10,7 +10,7 @@
<a-form-item field="name" hide-label>
<a-input
v-model="queryParams.name"
placeholder="输入部门名称搜索"
placeholder="输入名称搜索"
allow-clear
style="width: 150px"
@press-enter="handleQuery"
@@ -112,12 +112,12 @@
@selection-change="handleSelectionChange"
>
<template #columns>
<a-table-column title="部门名称">
<a-table-column title="名称">
<template #cell="{ record }">
<a-link @click="toDetail(record.id)">{{ record.name }}</a-link>
</template>
</a-table-column>
<a-table-column title="部门排序" align="center" data-index="sort" />
<a-table-column title="排序" align="center" data-index="sort" />
<a-table-column title="状态" align="center" data-index="status">
<template #cell="{ record }">
<a-switch
@@ -201,13 +201,13 @@
:fallback-option="false"
/>
</a-form-item>
<a-form-item label="部门名称" field="name">
<a-input v-model="form.name" placeholder="请输入部门名称" />
<a-form-item label="名称" field="name">
<a-input v-model="form.name" placeholder="请输入名称" />
</a-form-item>
<a-form-item label="部门排序" field="sort">
<a-form-item label="排序" field="sort">
<a-input-number
v-model="form.sort"
placeholder="请输入部门排序"
placeholder="请输入排序"
:min="1"
mode="button"
/>
@@ -237,7 +237,7 @@
@cancel="handleDetailCancel"
>
<a-descriptions :column="2" bordered size="large">
<a-descriptions-item label="部门名称">
<a-descriptions-item label="名称">
<a-skeleton v-if="detailLoading" :animation="true">
<a-skeleton-line :rows="1" />
</a-skeleton>
@@ -260,7 +260,7 @@
/>
</span>
</a-descriptions-item>
<a-descriptions-item label="部门排序">
<a-descriptions-item label="排序">
<a-skeleton v-if="detailLoading" :animation="true">
<a-skeleton-line :rows="1" />
</a-skeleton>

View File

@@ -12,7 +12,7 @@
<a-form-item field="name" hide-label>
<a-input
v-model="queryParams.name"
placeholder="输入字典名称搜索"
placeholder="输入名称搜索"
allow-clear
style="width: 150px"
@press-enter="handleQuery"
@@ -120,13 +120,13 @@
</template>
</a-table-column>
<a-table-column
title="字典名称"
title="名称"
data-index="name"
:width="100"
:body-cell-style="bodyCellStyle"
/>
<a-table-column
title="字典编码"
title="编码"
data-index="code"
:body-cell-style="bodyCellStyle"
/>
@@ -193,13 +193,13 @@
@cancel="handleCancel"
>
<a-form ref="formRef" :model="form" :rules="rules" size="large">
<a-form-item label="字典名称" field="name">
<a-input v-model="form.name" placeholder="请输入字典名称" />
<a-form-item label="名称" field="name">
<a-input v-model="form.name" placeholder="请输入名称" />
</a-form-item>
<a-form-item label="字典编码" field="code">
<a-form-item label="编码" field="code">
<a-input
v-model="form.code"
placeholder="请输入字典编码"
placeholder="请输入编码"
:disabled="form.isSystem"
/>
</a-form-item>

View File

@@ -42,12 +42,12 @@
<a-empty v-else>暂无数据</a-empty>
</template>
<template #columns>
<a-table-column title="字典标签" align="center">
<a-table-column title="标签" align="center">
<template #cell="{ record }">
<dict-tag :value="record.value" :dict="dataList" />
</template>
</a-table-column>
<a-table-column title="字典值" align="center" data-index="value" />
<a-table-column title="值" align="center" data-index="value" />
<a-table-column title="排序" align="center" data-index="sort" />
<a-table-column title="描述" data-index="description" />
<a-table-column
@@ -102,25 +102,25 @@
@cancel="handleCancel"
>
<a-form ref="formRef" :model="form" :rules="rules" size="large">
<a-form-item label="字典标签" field="label">
<a-form-item label="标签" field="label">
<a-input
v-model="form.label"
placeholder="请输入字典标签"
placeholder="请输入标签"
:max-length="30"
/>
</a-form-item>
<a-form-item label="字典值" field="value">
<a-form-item label="值" field="value">
<a-input
v-model="form.value"
placeholder="请输入字典值"
placeholder="请输入值"
:max-length="30"
/>
</a-form-item>
<a-form-item label="背景颜色" field="color">
<a-form-item label="标签颜色" field="color">
<a-auto-complete
v-model="form.color"
:data="colors"
placeholder="请选择或输入背景颜色"
placeholder="请选择或输入标签颜色"
:max-length="30"
allow-clear
>

View File

@@ -10,7 +10,7 @@
<a-form-item field="name" hide-label>
<a-input
v-model="queryParams.name"
placeholder="输入角色名称搜索"
placeholder="输入名称搜索"
allow-clear
style="width: 150px"
@press-enter="handleQuery"
@@ -117,18 +117,18 @@
>
<template #columns>
<a-table-column title="ID" data-index="id" />
<a-table-column title="角色名称" :width="130">
<a-table-column title="名称" :width="130">
<template #cell="{ record }">
<a-link @click="toDetail(record.id)">{{ record.name }}</a-link>
</template>
</a-table-column>
<a-table-column title="角色编码" data-index="code" />
<a-table-column title="编码" data-index="code" />
<a-table-column title="数据权限" :width="130">
<template #cell="{ record }">
<dict-tag :value="record.dataScope" :dict="data_scope_enum" />
</template>
</a-table-column>
<a-table-column title="角色排序" align="center" data-index="sort" />
<a-table-column title="排序" align="center" data-index="sort" />
<a-table-column title="状态" align="center">
<template #cell="{ record }">
<a-switch
@@ -207,20 +207,20 @@
</a-alert>
<fieldset>
<legend>基础信息</legend>
<a-form-item label="角色名称" field="name">
<a-input v-model="form.name" placeholder="请输入角色名称" />
<a-form-item label="名称" field="name">
<a-input v-model="form.name" placeholder="请输入名称" />
</a-form-item>
<a-form-item
label="角色编码"
label="编码"
field="code"
:disabled="form.disabled"
>
<a-input v-model="form.code" placeholder="请输入角色编码" />
<a-input v-model="form.code" placeholder="请输入编码" />
</a-form-item>
<a-form-item label="角色排序" field="sort">
<a-form-item label="排序" field="sort">
<a-input-number
v-model="form.sort"
placeholder="请输入角色排序"
placeholder="请输入排序"
:min="1"
mode="button"
/>
@@ -327,13 +327,13 @@
>
<a-card title="基础信息" :bordered="false">
<a-descriptions :column="2" bordered size="large">
<a-descriptions-item label="角色名称">
<a-descriptions-item label="名称">
<a-skeleton v-if="detailLoading" :animation="true">
<a-skeleton-line :rows="1" />
</a-skeleton>
<span v-else>{{ dataDetail.name }}</span>
</a-descriptions-item>
<a-descriptions-item label="角色编码">
<a-descriptions-item label="编码">
<a-skeleton v-if="detailLoading" :animation="true">
<a-skeleton-line :rows="1" />
</a-skeleton>

View File

@@ -50,7 +50,10 @@
/>
</a-form-item>
<a-form-item field="createTime" hide-label>
<date-range-picker v-model="queryParams.createTime" />
<date-range-picker
v-model="queryParams.createTime"
style="width: 360px"
/>
</a-form-item>
<a-form-item hide-label>
<a-space>
@@ -147,14 +150,14 @@
>
<template #columns>
<a-table-column title="ID" data-index="id" />
<a-table-column title="用户名" :width="120" ellipsis tooltip>
<a-table-column title="用户名" :width="100" ellipsis tooltip>
<template #cell="{ record }">
<a-link @click="toDetail(record.id)">{{
record.username
}}</a-link>
</template>
</a-table-column>
<a-table-column title="昵称" data-index="nickname" :width="115" />
<a-table-column title="昵称" data-index="nickname" :width="115" ellipsis tooltip />
<a-table-column title="性别" align="center">
<template #cell="{ record }">
<span v-if="record.gender === 1"></span>
@@ -198,6 +201,7 @@
<a-tag v-else color="arcoblue"></a-tag>
</template>
</a-table-column>
<a-table-column title="描述" data-index="description" ellipsis tooltip />
<a-table-column title="创建人/创建时间" :width="175">
<template #cell="{ record }">
{{ record.createUserString }}<br />