feat: 字典配置前端代码.
This commit is contained in:
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user