Tcode平台改造升级-页面字段展示优化及定价页面路由创建
This commit is contained in:
@@ -37,6 +37,7 @@
|
|||||||
<div class="cursor-pointer hidden-m" @click="handleLogin('login')" v-if="inSearch">
|
<div class="cursor-pointer hidden-m" @click="handleLogin('login')" v-if="inSearch">
|
||||||
<span>搜索记录</span>
|
<span>搜索记录</span>
|
||||||
</div>
|
</div>
|
||||||
|
<router-link :to="{ name: 'Pricing' }" style="cursor: pointer; margin-right: 12px; text-decoration: none; color: inherit">定价</router-link>
|
||||||
<router-link :to="{ name: 'OurTeam' }" style="cursor: pointer; margin-right: 12px; text-decoration: none; color: inherit">关于我们</router-link>
|
<router-link :to="{ name: 'OurTeam' }" style="cursor: pointer; margin-right: 12px; text-decoration: none; color: inherit">关于我们</router-link>
|
||||||
<d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>
|
<d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>
|
||||||
<d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>
|
<d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>
|
||||||
@@ -44,7 +45,7 @@
|
|||||||
<template v-else>
|
<template v-else>
|
||||||
<!--ai copilot-->
|
<!--ai copilot-->
|
||||||
<!-- <a class="g-header-copilot" href="/ai-copilot/">-->
|
<!-- <a class="g-header-copilot" href="/ai-copilot/">-->
|
||||||
<!-- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">-->
|
<!-- <svg width="Pricing" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">-->
|
||||||
<!-- <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 4.89543 3.39543 4 4.5 4H11.5C12.6046 4 13.5 4.89543 13.5 6V12C13.5 13.1046 12.6046 14 11.5 14H4.5C3.39543 14 2.5 13.1046 2.5 12V6ZM4.5 8C4.5 7.44772 4.94772 7 5.5 7C6.05228 7 6.5 7.44772 6.5 8V9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9V8ZM10.5 7C9.94772 7 9.5 7.44772 9.5 8V9C9.5 9.55228 9.94772 10 10.5 10C11.0523 10 11.5 9.55228 11.5 9V8C11.5 7.44772 11.0523 7 10.5 7Z" fill="white"/>-->
|
<!-- <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 4.89543 3.39543 4 4.5 4H11.5C12.6046 4 13.5 4.89543 13.5 6V12C13.5 13.1046 12.6046 14 11.5 14H4.5C3.39543 14 2.5 13.1046 2.5 12V6ZM4.5 8C4.5 7.44772 4.94772 7 5.5 7C6.05228 7 6.5 7.44772 6.5 8V9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9V8ZM10.5 7C9.94772 7 9.5 7.44772 9.5 8V9C9.5 9.55228 9.94772 10 10.5 10C11.0523 10 11.5 9.55228 11.5 9V8C11.5 7.44772 11.0523 7 10.5 7Z" fill="white"/>-->
|
||||||
<!-- <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M8.75 3.29933C9.19835 3.03997 9.5 2.55521 9.5 2C9.5 1.17157 8.82843 0.5 8 0.5C7.17157 0.5 6.5 1.17157 6.5 2C6.5 2.55521 6.80165 3.03997 7.25 3.29933V5.5H8.75V3.29933ZM0 7C0 6.44772 0.447715 6 1 6H1.5V12H1C0.447715 12 0 11.5523 0 11V7ZM15 6H14.5V12H15C15.5523 12 16 11.5523 16 11V7C16 6.44772 15.5523 6 15 6Z" fill="white"/>-->
|
<!-- <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M8.75 3.29933C9.19835 3.03997 9.5 2.55521 9.5 2C9.5 1.17157 8.82843 0.5 8 0.5C7.17157 0.5 6.5 1.17157 6.5 2C6.5 2.55521 6.80165 3.03997 7.25 3.29933V5.5H8.75V3.29933ZM0 7C0 6.44772 0.447715 6 1 6H1.5V12H1C0.447715 12 0 11.5523 0 11V7ZM15 6H14.5V12H15C15.5523 12 16 11.5523 16 11V7C16 6.44772 15.5523 6 15 6Z" fill="white"/>-->
|
||||||
<!-- </svg>-->
|
<!-- </svg>-->
|
||||||
|
|||||||
@@ -161,6 +161,19 @@ export default [
|
|||||||
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'Pricing',
|
||||||
|
name: 'Pricing',
|
||||||
|
component: () => import('@/views/Jyh/Pricing/index.vue'),
|
||||||
|
meta: {
|
||||||
|
title: '定价',
|
||||||
|
reportTitle: '定价',
|
||||||
|
className: 'w-full min-w-full',
|
||||||
|
hiddenFooter: true,
|
||||||
|
hasMobile: true,
|
||||||
|
asideMenu: 'drawer' // 左侧菜单抽屉模式
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: 'Insights',
|
path: 'Insights',
|
||||||
name: 'Insights',
|
name: 'Insights',
|
||||||
|
|||||||
@@ -69,7 +69,7 @@
|
|||||||
class="hover-lift"
|
class="hover-lift"
|
||||||
:style="{ animationDelay: `${index * 100}ms` }"
|
:style="{ animationDelay: `${index * 100}ms` }"
|
||||||
>
|
>
|
||||||
<div style="width: 100px;height: 84px;flex-direction: column;padding: 12px;margin: 0 12px"
|
<div style="width: 100px;height: 84px;flex-direction: column;padding: 12px 0;margin: 0 12px"
|
||||||
class="bg-white rounded-lg shadow-md flex items-center justify-center mb-2">
|
class="bg-white rounded-lg shadow-md flex items-center justify-center mb-2">
|
||||||
<div>
|
<div>
|
||||||
<img style="width: 32px;height: 32px;margin-bottom: 4px" :src="item.icon"
|
<img style="width: 32px;height: 32px;margin-bottom: 4px" :src="item.icon"
|
||||||
@@ -306,21 +306,21 @@ import aqzk from '@/assets/imgs/jyh/menu/可信治理.png'
|
|||||||
import kxrj from '@/assets/imgs/jyh/menu/可信软件.png'
|
import kxrj from '@/assets/imgs/jyh/menu/可信软件.png'
|
||||||
// 顶部功能按钮数据 (保持不变)
|
// 顶部功能按钮数据 (保持不变)
|
||||||
const topButtons = ref([
|
const topButtons = ref([
|
||||||
{name: '安全知识库', icon: aqzk},
|
{name: '数据服务中心', icon: aqzk},
|
||||||
{name: '安全检测', icon: aqjc},
|
{name: '安全治理服务', icon: aqjc},
|
||||||
{name: '安全情报', icon: aqqb},
|
{name: '威胁情报库', icon: aqqb},
|
||||||
{name: '安全态势', icon: aqts},
|
{name: '态势感知中心', icon: aqts},
|
||||||
{name: '智能引擎', icon: kxrj},
|
{name: 'AI智能引擎', icon: kxrj},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 按钮点击事件处理 (保持不变)
|
// 按钮点击事件处理 (保持不变)
|
||||||
const handleButtonClick = (item) => {
|
const handleButtonClick = (item) => {
|
||||||
const routeMap = {
|
const routeMap = {
|
||||||
'安全知识库': 'Search',
|
'数据服务中心': 'Search',
|
||||||
'安全检测': 'TestingCenter',
|
'安全治理服务': 'TestingCenter',
|
||||||
'安全情报': 'Insights',
|
'威胁情报库': 'Insights',
|
||||||
'智能引擎': 'aihome',
|
'AI智能引擎': 'aihome',
|
||||||
'安全态势': 'http://222.20.126.217:10010/bigScreen/#/kxky'
|
'态势感知中心': 'http://222.20.126.217:10010/bigScreen/#/kxky'
|
||||||
};
|
};
|
||||||
|
|
||||||
const target = routeMap[item.name];
|
const target = routeMap[item.name];
|
||||||
@@ -716,7 +716,7 @@ $primary-color: #5e7ce0;
|
|||||||
// 威胁监控卡片
|
// 威胁监控卡片
|
||||||
.data-card {
|
.data-card {
|
||||||
.data-item {
|
.data-item {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 20px;
|
||||||
background: #f1f5fc;
|
background: #f1f5fc;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
|||||||
13
src/views/Jyh/Pricing/index.vue
Normal file
13
src/views/Jyh/Pricing/index.vue
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "Pricing"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user