From f0a2a470622e122765c016a9e08e568508a05ce3 Mon Sep 17 00:00:00 2001 From: TiaStars Date: Mon, 12 Aug 2024 17:21:13 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B5=8C=E5=85=A5iframe=E3=80=81=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E7=BD=91=E7=BB=9C=E5=AE=89=E5=85=A8=E7=9A=84=E5=B1=95?= =?UTF-8?q?=E7=A4=BA=E3=80=81=E6=96=B0=E5=A2=9Etab=E5=88=87=E6=8D=A2?= =?UTF-8?q?=E8=B7=B3=E8=BD=ACiframe?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.development | 2 +- src/api/login.js | 15 + src/api/networkSecurity/index.js | 35 +- src/router/index.js | 39 +- src/styles/variables.scss | 2 + src/views/privateOrder/Screen.vue | 107 +++- src/views/privateOrder/disposeMeet.vue | 33 ++ src/views/privateOrder/index.vue | 549 ++++++++++++++++++ .../security/components/Earth.vue | 4 +- .../components/ReportingStatistics.vue | 58 +- .../security/components/attackSituation.vue | 8 +- .../security/components/componentLeft.vue | 6 +- .../security/components/componentRight.vue | 499 +++++++++++++--- src/views/privateOrder/supplyChain.vue | 32 + 14 files changed, 1261 insertions(+), 128 deletions(-) create mode 100644 src/api/login.js create mode 100644 src/views/privateOrder/disposeMeet.vue create mode 100644 src/views/privateOrder/index.vue create mode 100644 src/views/privateOrder/supplyChain.vue diff --git a/.env.development b/.env.development index ba15f82..96d76c2 100644 --- a/.env.development +++ b/.env.development @@ -5,6 +5,6 @@ ENV = 'development' VUE_APP_BASE_API = '/dashboard' # VUE_APP_BASE_API2 = 'http://39.101.188.84:9027' -VUE_APP_BASE_API2 = 'http://localhost:9035' +VUE_APP_BASE_API2 = 'http://192.168.0.110:9035' # VUE_APP_BASE_API2 = 'http://39.101.188.84:9035' BASE_API = 'http://10.10.3.35:9070' diff --git a/src/api/login.js b/src/api/login.js new file mode 100644 index 0000000..652294d --- /dev/null +++ b/src/api/login.js @@ -0,0 +1,15 @@ +import request from '@/utils/request' + +export function singleLoginOne() { + return request({ + url: '/tcZz/networkEcology/singleLogin/login1', + method: 'get', + }) +} + +export function singleLoginTwo() { + return request({ + url: '/tcZz/networkEcology/singleLogin/login2', + method: 'get', + }) +} \ No newline at end of file diff --git a/src/api/networkSecurity/index.js b/src/api/networkSecurity/index.js index 4dc5066..30d618d 100644 --- a/src/api/networkSecurity/index.js +++ b/src/api/networkSecurity/index.js @@ -185,4 +185,37 @@ export function dataBmtb() { url: '/tcZz/networkEcology/screen/screendept', method: 'get', }) -} \ No newline at end of file +} + +// 查询众测漏洞成果统计 +export function listZclds(query) { + return request({ + url: '/tcZz/networkSecurity/zclds/list', + method: 'get', + params: query + }) +} +// 查询众测单位排行榜 +export function listZcdwpm(query) { + return request({ + url: '/tcZz/networkSecurity/zcdwpm/list', + method: 'get', + params: query + }) +} +// 查询众测资产成果统计 +export function listZczccg(query) { + return request({ + url: '/tcZz/networkSecurity/zczccg/getOne', + method: 'get', + params: query + }) +} +// 查询资产列表 +export function listZclb(query) { + return request({ + url: '/tcZz/networkSecurity/zclb/list', + method: 'get', + params: query + }) + } \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 4484781..99de5dd 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -18,6 +18,10 @@ export const constantRoutes = [ component: (resolve) => { require(["@/views/privateOrder/security/index"], resolve); }, + // redirect: "/screen/security/index", + // children: [ + + // ] }, { path: "sentiment", @@ -40,7 +44,40 @@ export const constantRoutes = [ require(["@/views/privateOrder/positiveEnergy/index"], resolve); }, }, - ], + // { + // path: "index", + // name: "态势感知", + // component: (resolve) => { + // require(["@/views/privateOrder/security/index"], resolve); + // }, + // }, + { + path: "supplyChain", + name: "供应链管理", + component: (resolve) => { + require(["@/views/privateOrder/supplyChain"], resolve); + }, + }, + { + path: "disposeMeet", + name: "处置与应急", + component: (resolve) => { + require(["@/views/privateOrder/disposeMeet"], resolve); + }, + }, + ] + // children: [ + // { + // path: "exhibition", + // name: "态势感知", + // component: (resolve) => { + // require(["@/views/privateOrder/index"], resolve); + // }, + // redirect: "/screen/exhibition/security", + + // }, + + // ], }, ]; export const asyncRoutes = [{ path: "*", redirect: "/404", hidden: true }]; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 76c4470..c875c74 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -2,3 +2,5 @@ $ScreenWidth: 5120px; //页面整体高度 $ScreenHeight: 1160px; //页面整体宽度 $LeftWidth: 1527px; // 左侧内容栏宽度 $RightWidth: 1527px; // 右侧内容栏宽度 +$iframeWidth: 5090px; // iframe整体宽度 +$iframeHeight: 1030px; // iframe整体高度 diff --git a/src/views/privateOrder/Screen.vue b/src/views/privateOrder/Screen.vue index fc293c0..7c58ff7 100644 --- a/src/views/privateOrder/Screen.vue +++ b/src/views/privateOrder/Screen.vue @@ -69,6 +69,18 @@ +
+ + {{ item.name }} + +
@@ -100,9 +112,27 @@ export default { { label: "近1年", rightLine: false }, ], isActive: 0, + menusTwo: [ + { id: 1, name: "态势感知", path: "/screen/security" }, + { id: 2, name: "供应链管理", path: "/screen/supplyChain" }, + { id: 3, name: "处置与应急", path: "/screen/disposeMeet" }, + ], + isShow: true, }; }, - watch: {}, + watch: { + $route: { + handler(route) { + if(route.path !== "/screen/security" || route.path !== "/screen/supplyChain" || route.path !== "/screen/disposeMeet") { + this.isShow = true; + } + if(route.path == "/screen/sentiment" || route.path == "/screen/ecosphere" || route.path == "/screen/positiveEnergy"){ + this.isShow = false; + } + }, + immediate:true + } + }, created() { this.menus = [ { id: 1, name: "网络安全", path: "/screen/security" }, @@ -153,6 +183,80 @@ export default { position: relative; background: url("~@/assets/privateOrder/topNar/line_right_left.png") no-repeat; background-size: 100% 100%; + position: relative; + + .left-tabs-box { + position: absolute; + left: 0px; + width: 50px; + top: 15%; + background-color: transparent; + z-index: 1000; + display: flex; + flex-direction: column; + .nav_item_two { + // width: 281px; + // width: 250px; + // height: 69px; + // height: 50px; + width: 50px; + height: 250px; + font-family: PangMenZhengDao; + font-size: 40px; + // font-size: 27px; + letter-spacing: 4px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + cursor: pointer; + color: #85c9ff; + margin-bottom: 30px; + // z-index: 1000; + // display: inline-block; /* 使得 transform 属性生效 */ + // transform: rotate(90deg); /* 旋转90度 */ + // transform-origin: left bottom; /* 设置旋转的基点为左上角 */ + // white-space: nowrap; /* 防止文本换行 */ + } + .selected_nav_two { + // width: 281px; + // width: 250px; + // height: 69px; + // height: 50px; + width: 50px; + height: 250px; + position: relative; + // display: flex; + // align-items: center; + // justify-content: center; + // cursor: pointer; + color: #ffffff; + z-index: 1000; + // transform: rotate(90deg); /* 旋转90度 */ + // transform-origin: left bottom; /* 设置旋转的基点为左上角 */ + // white-space: nowrap; /* 防止文本换行 */ + } + .selected_nav_two::before { + content:''; + position: absolute; + left: 0; + top: -50px; + width: 250px; + height: 50px; + background: url("~@/assets/privateOrder/topNar/seleted_nav.png"); + background-size: 100% 100%; + transform: rotate(90deg); /* 旋转90度 */ + transform-origin: left bottom; /* 设置旋转的基点为左上角 */ + clip-path: inset(0 0 0 0); /* 调整裁剪区域 */ + z-index: -1; + } + // div { + // font-size: 28px; + // color: #fff; + // font-family: SourceHanSansCN-Regular; + // text-shadow: 0 0 10px #77adeb; + // } + } } .top_nav { @@ -183,6 +287,7 @@ export default { font-size: 56px; letter-spacing: 6px; color: #ffffff; + text-align: center; } .top_right { diff --git a/src/views/privateOrder/disposeMeet.vue b/src/views/privateOrder/disposeMeet.vue new file mode 100644 index 0000000..a30563e --- /dev/null +++ b/src/views/privateOrder/disposeMeet.vue @@ -0,0 +1,33 @@ + + + diff --git a/src/views/privateOrder/index.vue b/src/views/privateOrder/index.vue new file mode 100644 index 0000000..176b1e0 --- /dev/null +++ b/src/views/privateOrder/index.vue @@ -0,0 +1,549 @@ + + + + + +
+ + {{ item.name }} + +
\ No newline at end of file diff --git a/src/views/privateOrder/security/components/Earth.vue b/src/views/privateOrder/security/components/Earth.vue index 81c1dea..b967a28 100644 --- a/src/views/privateOrder/security/components/Earth.vue +++ b/src/views/privateOrder/security/components/Earth.vue @@ -19,7 +19,7 @@
    @@ -49,7 +49,7 @@
      diff --git a/src/views/privateOrder/security/components/ReportingStatistics.vue b/src/views/privateOrder/security/components/ReportingStatistics.vue index 70b64b8..e1a1f22 100644 --- a/src/views/privateOrder/security/components/ReportingStatistics.vue +++ b/src/views/privateOrder/security/components/ReportingStatistics.vue @@ -2,13 +2,13 @@ * @Author: lough11 * @Date: 2021-12-24 13:17:50 * @LastEditors: JC9527 - * @LastEditTime: 2023-10-31 16:33:12 + * @LastEditTime: 2024-08-07 14:11:53 * @Description: -->