后台布局调整:改为左侧结构

This commit is contained in:
2024-07-18 10:14:43 +08:00
parent 9f04a67e97
commit 81006e7636
16 changed files with 6528 additions and 1086 deletions

View File

@@ -16,7 +16,7 @@
:label-col="{ md: { span: 4 }, sm: { span: 4 }, xs: { span: 24 } }"
:wrapper-col="{ md: { span: 21 }, sm: { span: 22 }, xs: { span: 24 } }"
>
<a-form-item label="参数名称" name="name">
<a-form-item label="" name="name">
<a-input
allow-clear
placeholder="site_name"
@@ -24,21 +24,24 @@
v-model:value="form.name"
/>
</a-form-item>
<a-form-item label="参数值" name="value">
<a-input
allow-clear
placeholder="填写参数内容,如:淘宝网"
v-model:value="form.value"
/>
<a-form-item label="值" name="value">
<a-input allow-clear placeholder="淘宝网" v-model:value="form.value" />
</a-form-item>
<a-form-item label="描述" name="comments">
<a-textarea
:rows="4"
:maxlength="200"
placeholder="填写参数用途"
<a-input
allow-clear
placeholder="网站名称"
v-model:value="form.comments"
/>
</a-form-item>
<a-form-item label="排序" name="sortNumber">
<a-input-number
:min="0"
:max="99999"
placeholder="请输入排序号"
v-model:value="form.sortNumber"
/>
</a-form-item>
<a-form-item label="(选填)">
<SelectFile
:placeholder="`请选择图片`"
@@ -48,14 +51,6 @@
@del="onDeleteItem"
/>
</a-form-item>
<a-form-item label="排序" name="sortNumber">
<a-input-number
:min="0"
:max="99999"
placeholder="请输入排序号"
v-model:value="form.sortNumber"
/>
</a-form-item>
</a-form>
</ele-modal>
</template>
@@ -112,13 +107,13 @@
message: '请输入参数名称(英语)'
}
],
comments: [
{
required: true,
type: 'string',
message: '请输入描述'
}
],
// comments: [
// {
// required: true,
// type: 'string',
// message: '请输入描述'
// }
// ],
value: [
{
required: true,

View File

@@ -29,7 +29,7 @@
<span v-else>{{ record.value }}</span>
</template>
<template v-if="column.key === 'action'">
<a @click="moveUp(record)">上移<ArrowUpOutlined /></a>
<a @click="copyText('{{ config.' + record.name + ' }}')">调用</a>
<a-divider type="vertical" />
<a @click="openEdit(record)">编辑</a>
<template v-if="record.deleted == 0">
@@ -82,8 +82,7 @@
undeleteWebsiteField,
updateWebsiteField
} from '@/api/cms/website/field';
import { ArrowUpOutlined } from '@ant-design/icons-vue';
import { getPageTitle } from '@/utils/common';
import { copyText, getPageTitle } from '@/utils/common';
const props = defineProps<{
websiteId: any;
@@ -112,19 +111,19 @@
// 表格列配置
const columns = ref<any[]>([
{
title: '参数名称',
title: '',
dataIndex: 'name',
key: 'name'
},
{
title: '参数值',
title: '值',
dataIndex: 'value',
key: 'value'
},
{
title: '排序',
dataIndex: 'sortNumber',
width: 180,
width: 120,
align: 'center'
},
{