feat: 字典配置前端代码.

This commit is contained in:
lijiahang
2023-10-26 19:25:08 +08:00
parent 29e3bde5b6
commit 5d43a9ce88
11 changed files with 36 additions and 88 deletions

View File

@@ -24,15 +24,6 @@
<a-form-item field="keyId" label="配置项">
<dict-key-selector v-model="formModel.keyId" @change="changeKey" />
</a-form-item>
<!-- 配置名称 -->
<a-form-item field="name" label="配置名称">
<a-input v-model="formModel.name" placeholder="请输入配置名称" allow-clear />
<span class="item-extra-block pointer"
title="同步到值"
@click="() => formModel.value = formModel.name">
<icon-caret-down style="font-size: 16px" />
</span>
</a-form-item>
<!-- 配置值 -->
<a-form-item field="value" label="配置值">
<a-input v-model="formModel.value" placeholder="请输入配置值" allow-clear />
@@ -117,7 +108,6 @@
return {
id: undefined,
keyId: undefined,
name: undefined,
value: undefined,
label: undefined,
extra: undefined,

View File

@@ -12,10 +12,6 @@
@change="changeKey"
allow-create />
</a-form-item>
<!-- 配置名称 -->
<a-form-item field="name" label="配置名称" label-col-flex="50px">
<a-input v-model="formModel.name" placeholder="请输入配置名称" allow-clear />
</a-form-item>
<!-- 配置值 -->
<a-form-item field="value" label="配置值" label-col-flex="50px">
<a-input v-model="formModel.value" placeholder="请输入配置值" allow-clear />
@@ -80,23 +76,12 @@
@page-change="(page) => fetchTableData(page, pagination.pageSize)"
@page-size-change="(size) => fetchTableData(1, size)"
:bordered="false">
<!-- 名称 -->
<template #name="{ record }">
<span class="pointer" @click="copy(record.name)">
<icon-copy class="copy-left" />
<a-tooltip :content="record.name">
<span>{{ record.name }}</span>
</a-tooltip>
</span>
</template>
<!-- 值 -->
<template #value="{ record }">
<span class="pointer" @click="copy(record.value)">
<icon-copy class="copy-left" />
<a-tooltip :content="record.value">
<span>{{ record.value }}</span>
</a-tooltip>
</span>
<icon-copy class="copy-left" title="复制" @click="copy(record.value)" />
<a-tooltip :content="record.value">
<span>{{ record.value }}</span>
</a-tooltip>
</template>
<!-- 操作 -->
<template #handle="{ record }">
@@ -163,7 +148,6 @@
id: undefined,
keyId: undefined,
keyName: undefined,
name: undefined,
value: undefined,
label: undefined,
extra: undefined,

View File

@@ -13,14 +13,6 @@ export const keyName = [{
message: '配置项长度不能大于32位'
}] as FieldRule[];
export const name = [{
required: true,
message: '请输入配置名称'
}, {
maxLength: 32,
message: '配置名称长度不能大于32位'
}] as FieldRule[];
export const value = [{
required: true,
message: '请输入配置值'
@@ -50,7 +42,6 @@ export const sort = [{
export default {
keyId,
keyName,
name,
value,
label,
extra,

View File

@@ -19,18 +19,6 @@ const columns = [
render: ({ record }) => {
return `${record.keyName} - ${record.keyDescription}`;
},
}, {
title: '配置名称',
dataIndex: 'name',
slotName: 'name',
align: 'left',
ellipsis: true,
}, {
title: '配置值',
dataIndex: 'value',
slotName: 'value',
align: 'left',
ellipsis: true,
}, {
title: '配置描述',
dataIndex: 'label',
@@ -38,6 +26,12 @@ const columns = [
align: 'left',
ellipsis: true,
tooltip: true,
}, {
title: '配置值',
dataIndex: 'value',
slotName: 'value',
align: 'left',
ellipsis: true,
}, {
title: '额外参数',
dataIndex: 'extra',