feat: 删除页眉下方的标题和说明内容

This commit is contained in:
TsMask
2023-10-20 10:44:43 +08:00
parent 08167b3d0a
commit 3a7d127033
47 changed files with 167 additions and 470 deletions

View File

@@ -1,5 +1,4 @@
<script setup lang="ts">
import { useRoute } from 'vue-router';
import { reactive, ref, onMounted, toRaw } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import { Form, message, Modal } from 'ant-design-vue/lib';
@@ -18,10 +17,6 @@ import useI18n from '@/hooks/useI18n';
import { getConfigInfo, updateConfig } from '@/api/configManage/config';
import useNeInfoStore from '@/store/modules/neinfo';
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**查询参数 */
let queryParams = reactive({
@@ -232,8 +227,8 @@ let modalState: ModalStateType = reactive({
visibleByEdit: false,
title: '任务设置',
from: {
configTag: "",
autoBackupTime: "",
configTag: '',
autoBackupTime: '',
},
confirmLoading: false,
});
@@ -250,8 +245,8 @@ function fnModalVisibleByEdit() {
modalState.confirmLoading = false;
hide();
if (res.code === RESULT_CODE_SUCCESS) {
modalState.from.configTag = res.data.configTag
modalState.from.autoBackupTime = res.data.value
modalState.from.configTag = res.data.configTag;
modalState.from.autoBackupTime = res.data.value;
modalState.title = t('views.configManage.backupManage.setBackupTask');
modalState.visibleByEdit = true;
} else {
@@ -264,21 +259,21 @@ function fnModalVisibleByEdit() {
const modalStateFrom = Form.useForm(
modalState.from,
reactive({
autoBackupTime: [{ required: true, message: '备份时间不能为空' }],
autoBackupTime: [{ required: true, message: '备份时间不能为空' }],
})
);
/**
* 对话框弹出确认执行函数
* 进行表达规则校验
*/
function fnModalOk() {
function fnModalOk() {
modalStateFrom
.validate()
.then(e => {
modalState.confirmLoading = true;
const from = toRaw(modalState.from);
const hide = message.loading({ content: t('common.loading') });
updateConfig(from.configTag, {value: from.autoBackupTime})
updateConfig(from.configTag, { value: from.autoBackupTime })
.then(res => {
if (res.code === RESULT_CODE_SUCCESS) {
message.success({
@@ -320,7 +315,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
v-show="tableState.seached"
:bordered="false"
@@ -334,12 +329,12 @@ onMounted(() => {
:label="t('views.configManage.backupManage.neType')"
name="neType "
>
<a-auto-complete
<a-auto-complete
v-model:value="queryParams.neType"
:options="useNeInfoStore().getNeSelectOtions"
allow-clear
:placeholder="t('views.configManage.backupManage.neTypePlease')"
/>
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :xs="24">
@@ -461,17 +456,17 @@ onMounted(() => {
>
<a-form name="modalStateFrom" layout="horizontal">
<a-form-item
label="自动备份任务备份时间(小时)"
name="autoBackupTime"
v-bind="modalStateFrom.validateInfos.autoBackupTime"
>
<a-input
v-model:value="modalState.from.autoBackupTime"
allow-clear
placeholder="备份任务执行单位是小时"
>
</a-input>
</a-form-item>
label="自动备份任务备份时间(小时)"
name="autoBackupTime"
v-bind="modalStateFrom.validateInfos.autoBackupTime"
>
<a-input
v-model:value="modalState.from.autoBackupTime"
allow-clear
placeholder="备份任务执行单位是小时"
>
</a-input>
</a-form-item>
</a-form>
</a-modal>
</PageContainer>

View File

@@ -1,5 +1,4 @@
<script setup lang="ts">
import { useRoute } from 'vue-router';
import { reactive, ref, onMounted } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import { Modal, message } from 'ant-design-vue/lib';
@@ -18,12 +17,7 @@ import useNeInfoStore from '@/store/modules/neinfo';
import { SizeType } from 'ant-design-vue/lib/config-provider';
import { toRaw } from 'vue';
import { regExpIPv4, regExpIPv6 } from '@/utils/regular-utils';
import { parseFirstUpper } from '@/utils/parse-utils';
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**网元类型选择 type,id */
let neTypeSelect = ref<string[]>(['', '']);
@@ -1028,7 +1022,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
:bordered="false"
:body-style="{ marginBottom: '24px', paddingBottom: 0 }"

View File

@@ -1,6 +1,5 @@
<script setup lang="ts">
import { useRoute } from 'vue-router';
import { reactive, ref, onMounted, toRaw } from 'vue';
import { reactive, onMounted, toRaw } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import { Form, message } from 'ant-design-vue/lib';
import { SizeType } from 'ant-design-vue/lib/config-provider';
@@ -13,10 +12,6 @@ import useNeInfoStore from '@/store/modules/neinfo';
import { FileType } from 'ant-design-vue/lib/upload/interface';
import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**查询参数 */
let queryParams = reactive({
@@ -319,7 +314,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
v-show="tableState.seached"
:bordered="false"

View File

@@ -1,6 +1,5 @@
<script setup lang="ts">
import { useRoute } from 'vue-router';
import { reactive, ref, onMounted, toRaw } from 'vue';
import { reactive, onMounted, toRaw } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import { message, Modal, Form } from 'ant-design-vue/lib';
import { SizeType } from 'ant-design-vue/lib/config-provider';
@@ -26,10 +25,6 @@ import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import useNeInfoStore from '@/store/modules/neinfo';
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**表格所需option */
const neManageOption = reactive({
@@ -653,7 +648,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
v-show="tableState.seached"
:bordered="false"

View File

@@ -1,6 +1,5 @@
<script setup lang="ts">
import { useRoute } from 'vue-router';
import { reactive, ref, onMounted, toRaw } from 'vue';
import { reactive, onMounted, toRaw } from 'vue';
import { PageContainer } from '@ant-design-vue/pro-layout';
import { Form, message, Modal } from 'ant-design-vue/lib';
import { SizeType } from 'ant-design-vue/lib/config-provider';
@@ -25,10 +24,6 @@ import useNeInfoStore from '@/store/modules/neinfo';
import { FileType } from 'ant-design-vue/lib/upload/interface';
import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**查询参数 */
let queryParams = reactive({
@@ -588,7 +583,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
v-show="tableState.seached"
:bordered="false"