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

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

@@ -1,32 +1,37 @@
<template>
<div class="ele-body ele-body-card">
<a-card :bordered="false">
<template #title>
<SoundOutlined class="ele-text-danger" />
<span class="gg-title ele-text-heading">公告</span>
<a @click="openNew(`${domain}`)" class="ele-text-heading"
>网站首页</a
>
</template>
<template #extra>
<a @click="openNew('/cms/category/92')" class="ele-text-placeholder"
>更多<RightOutlined
/></a>
</template>
</a-card>
<LinkCard />
<a-row :gutter="16" ref="wrapRef">
<a-col :md="6">
<Article title="通知公告" :categoryId="92" />
<a-card hoverable>
<div class="flex justify-between leading-5">
<div class="title font-bold">文章</div>
<div class="count font-bold">20</div>
</div>
</a-card>
</a-col>
<a-col :md="6">
<Article title="公司动态" :categoryId="37" />
<a-card hoverable>
<div class="flex justify-between leading-5">
<div class="title font-bold">商品</div>
<div class="count font-bold">1</div>
</div>
</a-card>
</a-col>
<a-col :md="6">
<Article title="经验分享" :categoryId="93" />
<a-card hoverable>
<div class="flex justify-between leading-5">
<div class="title font-bold">用户</div>
<div class="count font-bold">658</div>
</div>
</a-card>
</a-col>
<a-col :md="6">
<Article title="API文档" :categoryId="90" />
<a-card hoverable>
<div class="flex justify-between leading-5">
<div class="title font-bold">订单</div>
<div class="count font-bold">1820</div>
</div>
</a-card>
</a-col>
</a-row>
<!-- <a-row :gutter="16" ref="wrapRef">-->

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'
},
{