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,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';
@@ -22,10 +21,6 @@ import useDictStore from '@/store/modules/dict';
import { regExpIPv4, regExpPort } from '@/utils/regular-utils';
const { getDict } = useDictStore();
const { t } = useI18n();
const route = useRoute();
/**路由标题 */
let title = ref<string>((route.meta.title as string) ?? '标题');
/**字典数据 */
let dict: {
@@ -521,7 +516,7 @@ onMounted(() => {
</script>
<template>
<PageContainer :title="title">
<PageContainer>
<a-card
v-show="tableState.seached"
:bordered="false"
@@ -531,7 +526,10 @@ onMounted(() => {
<a-form :model="queryParams" name="queryParams" layout="horizontal">
<a-row :gutter="16">
<a-col :lg="6" :md="12" :xs="24">
<a-form-item :label="t('views.traceManage.task.neType')" name="neType ">
<a-form-item
:label="t('views.traceManage.task.neType')"
name="neType "
>
<a-auto-complete
v-model:value="queryParams.neType"
:options="useNeInfoStore().getNeSelectOtions"
@@ -683,7 +681,10 @@ onMounted(() => {
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.traceManage.task.neType')" name="neType">
<a-form-item
:label="t('views.traceManage.task.neType')"
name="neType"
>
<a-cascader
:value="modalState.neType"
:options="useNeInfoStore().getNeCascaderOtions"
@@ -695,7 +696,10 @@ onMounted(() => {
<!-- 用户跟踪 -->
<template v-if="modalState.from.traceType === 'UE'">
<a-form-item :label="t('views.traceManage.task.msisdn')" name="msisdn">
<a-form-item
:label="t('views.traceManage.task.msisdn')"
name="msisdn"
>
{{ modalState.from.msisdn }}
</a-form-item>
<a-form-item :label="t('views.traceManage.task.imsi')" name="imsi">
@@ -707,25 +711,40 @@ onMounted(() => {
<template v-if="modalState.from.traceType === 'Interface'">
<a-row :gutter="16">
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.traceManage.task.srcIp')" name="srcIp">
<a-form-item
:label="t('views.traceManage.task.srcIp')"
name="srcIp"
>
{{ modalState.from.srcIp }}
</a-form-item>
</a-col>
<a-col :lg="12" :md="12" :xs="24">
<a-form-item :label="t('views.traceManage.task.dstIp')" name="dstIp">
<a-form-item
:label="t('views.traceManage.task.dstIp')"
name="dstIp"
>
{{ modalState.from.dstIp }}
</a-form-item>
</a-col>
</a-row>
<a-form-item :label="t('views.traceManage.task.interfaces')" name="endTime">
<a-form-item
:label="t('views.traceManage.task.interfaces')"
name="endTime"
>
{{ modalState.neTypeInterfaceSelect }}
</a-form-item>
<a-form-item :label="t('views.traceManage.task.signalPort')" name="endTime">
<a-form-item
:label="t('views.traceManage.task.signalPort')"
name="endTime"
>
{{ modalState.from.signalPort }}
</a-form-item>
</template>
<a-form-item :label="t('views.traceManage.task.rangePicker')" name="endTime">
<a-form-item
:label="t('views.traceManage.task.rangePicker')"
name="endTime"
>
<a-range-picker
disabled
:value="modalState.timeRangePicker"
@@ -737,7 +756,10 @@ onMounted(() => {
style="width: 100%"
></a-range-picker>
</a-form-item>
<a-form-item :label="t('views.traceManage.task.comment')" name="comment">
<a-form-item
:label="t('views.traceManage.task.comment')"
name="comment"
>
{{ modalState.from.comment }}
</a-form-item>
</a-form>
@@ -940,7 +962,10 @@ onMounted(() => {
style="width: 100%"
></a-range-picker>
</a-form-item>
<a-form-item :label="t('views.traceManage.task.comment')" name="comment">
<a-form-item
:label="t('views.traceManage.task.comment')"
name="comment"
>
<a-textarea
v-model:value="modalState.from.comment"
:auto-size="{ minRows: 2, maxRows: 6 }"