Skip to content

R
risk-monitor
提交 dde14cf3 authored 作者: coderBryanFu's avatar coderBryanFu
浏览文件
操作

update

上级 6cfe0bf9 1a2e041e
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 314 行增加 和 47 行删除
src/components/Container/index.vue
浏览文件 @ dde14cf3
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
<slot name="header-top"></slot> <slot name="header-top"></slot>
</div> </div>
<div class="container-header"> <div class="container-header">
<div class="header-left"> <div class="header-left" :style="{ paddingLeft: block ? 0 : '14px' }">
<slot name="header-left"> <slot name="header-left">
<!-- <div class="blue-title-block"></div> --> <div v-if="block" class="blue-title-block"></div>
<el-image :src="titleIcon" class="header-icon" fit="contain" /> <el-image v-else :src="titleIcon" class="header-icon" fit="contain" />
<div :class="headerTitleClasses">{{ title }}</div> <div :class="headerTitleClasses">{{ title }}</div>
<div v-if="props.headerNum > 0" class="num-box"> <div v-if="props.headerNum > 0" class="num-box">
<div class="num"> <div class="num">
...@@ -63,6 +63,10 @@ const props = defineProps({ ...@@ -63,6 +63,10 @@ const props = defineProps({
type: String, type: String,
default: "" default: ""
}, },
block: {
type: Boolean,
default: false
},
headerNum: { headerNum: {
type: Number, type: Number,
default: 0 default: 0
...@@ -135,9 +139,9 @@ const headerTitleClasses = computed(() => [ ...@@ -135,9 +139,9 @@ const headerTitleClasses = computed(() => [
.blue-title-block { .blue-title-block {
width: 8px; width: 8px;
height: 16px; height: 16px;
background-color: var(--base-color); background-color: $base-color;
/* border-radius: 3px; */ /* border-radius: 3px; */
margin-right: 14px; margin-right: 4px;
} }
.header-title { .header-title {
......
src/router/index.js
浏览文件 @ dde14cf3
...@@ -51,6 +51,9 @@ import MarketSingleCaseDeepdig from "@/views/marketAccessRestrictions/singleCase ...@@ -51,6 +51,9 @@ import MarketSingleCaseDeepdig from "@/views/marketAccessRestrictions/singleCase
// 投融资限制 // 投融资限制
import Finance from "@/views/finance/index.vue"; import Finance from "@/views/finance/index.vue";
// 新闻事件分析
import NewsAnalysis from "@/views/newsAnalysis/index.vue";
// 智能写报 // 智能写报
import WrittingAsstaint from "@/views/writtingAsstaint/index.vue"; import WrittingAsstaint from "@/views/writtingAsstaint/index.vue";
// 门户 // 门户
...@@ -433,49 +436,167 @@ const routes = [ ...@@ -433,49 +436,167 @@ const routes = [
}, },
// 门户 // 市场准入限制首页
{ {
path: "/portal1", path: "/marketAccessRestrictions",
name: "portal1", name: "MarketAccessRestrictions",
component: Portal1, component: MarketAccessRestrictions,
meta: { meta: {
title: "门户1" title: "市场准入限制"
} }
}, },
{ {
path: "/portal2", path: "/marketAccessLayout",
name: "portal2", name: "MarketAccessLayout",
component: Portal2, component: MarketAccessLayout,
meta: { redirect: "/marketAccessLayout/overview",
title: "门户2" meta: {
} title: "市场准入限制布局"
}, },
children: [
{
path: "overview",
name: "MarketAccessOverview",
component: MarketAccessOverview,
meta: {
title: "调查概况"
}
},
{
path: "case",
name: "MarketAccessCase",
component: MarketAccessCase,
meta: {
title: "调查案件"
}
}
]
},
{
path: "/marketSingleCaseLayout",
name: "MarketSingleCaseLayout",
component: MarketSingleCaseLayout,
redirect: "/marketSingleCaseLayout/overview",
meta: {
title: "单次调查案件布局"
},
children: [
{
path: "overview",
name: "MarketSingleCaseOverview",
component: MarketSingleCaseOverview,
meta: {
title: "调查简介"
}
},
{
path: "deepdig",
name: "MarketSingleCaseDeepdig",
component: MarketSingleCaseDeepdig,
meta: {
title: "深度挖掘"
}
}
]
},
// 综合搜索 // 出口管制转移过来的页面
{ {
path: "/comprehensiveSearch", path: "/exportControl/analysis",
name: "comprehensiveSearch", name: "analysis",
component: ComprehensiveSearch, component: () => import("@/views/exportControl/analysis/index.vue"),
meta: { meta: {
title: "综合搜索" title: "分析页"
} }
}, },
{ {
path: "/searchResults", path: "/exportControl/infoplatform",
name: "searchResults", name: "infoplatform",
component: SearchResults, component: () => import("@/views/exportControl/infoPlatform/index.vue"),
meta: { meta: {
title: "搜索结果" title: "信息平台"
} }
}, },
{ {
path: "/chat", path: "/exportControl/rulelimit",
name: "chat", name: "rulelimit",
component: Chat, component: () => import("@/views/exportControl/ruleLimit/index.vue"),
meta: { meta: {
title: "智能问答" title: "规则限制"
} }
}, },
{
path: "/exportControl/ruledetail",
name: "ruledetail",
component: () => import("@/views/exportControl/ruleDetail/index.vue"),
meta: {
title: "规则详情"
}
},
{
path: "/exportControl/researchfunding",
name: "researchfunding",
component: () => import("@/views/exportControl/researchFunding/index.vue"),
meta: {
title: "科研资助"
}
},
// 投融资限制
{
path: "/finance",
name: "finance",
component: Finance,
meta: {
title: "投融资限制"
}
},
// 新闻事件分析
{
path: "/newsAnalysis",
name: "newsAnalysis",
component: NewsAnalysis,
meta: {
title: "新闻事件分析"
}
},
// 门户
{
path: "/portal1",
name: "portal1",
component: Portal1,
meta: {
title: "门户1"
}
},
{
path: "/portal2",
name: "portal2",
component: Portal2,
meta: {
title: "门户2"
}
},
// 综合搜索
{
path: "/comprehensiveSearch",
name: "comprehensiveSearch",
component: ComprehensiveSearch,
meta: {
title: "综合搜索"
}
},
{
path: "/searchResults",
name: "searchResults",
component: SearchResults,
meta: {
title: "搜索结果"
}
}
]; ];
const router = createRouter({ const router = createRouter({
......
src/views/newsAnalysis/index.vue 0 → 100644
浏览文件 @ dde14cf3
差异被折叠。
src/views/newsAnalysis/relation.vue 0 → 100644
浏览文件 @ dde14cf3
<!-- src/components/HuaweiSupplyChainChart.vue -->
<template>
<div class="chart-container" ref="chartRef"></div>
</template>
<script setup>
import { ref, onMounted } from "vue";
import * as echarts from "echarts";
// import { graphData } from "./mockData";
const graphData = {
nodes: [
{ id: "huawei", name: "美国众议院", category: 0, symbolSize: 80 },
{ id: "huawei-cloud", name: "约翰·斯奎尔斯", category: 0, symbolSize: 50 },
{ id: "huawei-digital-energy", name: "马尔科·卢比奥", category: 0, symbolSize: 50 },
{ id: "huawei-intelligent-car", name: "埃隆·马斯克", category: 0, symbolSize: 50 },
{ id: "qualcomm", name: "道格·伯格姆", category: 1, symbolSize: 50 },
{ id: "intel", name: "斯科特·贝森特", category: 1, symbolSize: 50 },
{ id: "mediatek", name: "杰弗里·凯斯勒", category: 1, symbolSize: 50 },
{ id: "shenghongda", name: "杰弗里·凯斯勒", category: 1, symbolSize: 50 },
{ id: "foxconn", name: "唐纳德·特朗普", category: 1, symbolSize: 50 }
// { id: "luxshare", name: "立讯精密", category: 1, symbolSize: 20 },
// { id: "tianma", name: "天马微电子", category: 1, symbolSize: 20 },
// { id: "desay", name: "德赛电池", category: 1, symbolSize: 20 },
// { id: "auspicious-sound", name: "瑞声科技", category: 1, symbolSize: 20 },
// { id: "goertek", name: "歌尔股份", category: 1, symbolSize: 20 },
// { id: "sony-semiconductor", name: "索尼半导体", category: 1, symbolSize: 20 },
// { id: "ibm", name: "IBM", category: 1, symbolSize: 20 },
// { id: "lg-innotek", name: "LG伊诺特", category: 1, symbolSize: 20 },
// { id: "micron", name: "美光科技", category: 1, symbolSize: 20 }
// { id: "nokia", name: "诺基亚", category: 1, symbolSize: 20 },
// { id: "google", name: "谷歌", category: 1, symbolSize: 20 },
// { id: "vodafone", name: "沃达丰", category: 1, symbolSize: 20 },
// { id: "microsoft", name: "微软", category: 1, symbolSize: 20 },
// { id: "china-unicom", name: "中国联通", category: 1, symbolSize: 20 },
// { id: "china-mobile", name: "中国移动", category: 1, symbolSize: 20 },
// { id: "tsmc", name: "台积电", category: 1, symbolSize: 20 }
// { id: "orange", name: "Orange", category: 1, symbolSize: 20 },
// { id: "germany-telecom", name: "德国电信", category: 1, symbolSize: 20 },
// { id: "byd-electronics", name: "比亚迪电子", category: 1, symbolSize: 20 },
// { id: "boe", name: "京东方", category: 1, symbolSize: 20 },
// { id: "dali-optical", name: "大力光", category: 1, symbolSize: 20 },
// { id: "lg-display", name: "LG显示", category: 1, symbolSize: 20 },
// { id: "sunny-optical", name: "舜宇光学", category: 1, symbolSize: 20 }
],
links: [
{ source: "huawei", target: "huawei-cloud" },
{ source: "huawei", target: "huawei-digital-energy" },
{ source: "huawei", target: "huawei-intelligent-car" },
{ source: "huawei", target: "qualcomm" },
{ source: "huawei", target: "intel" },
{ source: "huawei", target: "mediatek" },
{ source: "huawei", target: "shenghongda" },
{ source: "huawei", target: "foxconn" }
// { source: "huawei", target: "luxshare" },
// { source: "huawei", target: "tianma" },
// { source: "huawei", target: "desay" },
// { source: "huawei", target: "auspicious-sound" },
// { source: "huawei", target: "goertek" },
// { source: "huawei", target: "sony-semiconductor" },
// { source: "huawei", target: "ibm" },
// { source: "huawei", target: "lg-innotek" },
// { source: "huawei", target: "micron" }
// { source: "huawei", target: "nokia" },
// { source: "huawei", target: "google" },
// { source: "huawei", target: "vodafone" },
// { source: "huawei", target: "microsoft" },
// { source: "huawei", target: "china-unicom" },
// { source: "huawei", target: "china-mobile" },
// { source: "huawei", target: "tsmc" }
// { source: "huawei", target: "orange" },
// { source: "huawei", target: "germany-telecom" },
// { source: "huawei", target: "byd-electronics" },
// { source: "huawei", target: "boe" },
// { source: "huawei", target: "dali-optical" },
// { source: "huawei", target: "lg-display" },
// { source: "huawei", target: "sunny-optical" }
],
categories: [{ name: "子业务" }, { name: "合作商" }]
};
const chartRef = ref(null);
onMounted(() => {
const chart = echarts.init(chartRef.value);
const option = {
title: { text: "", left: "center" },
tooltip: {},
legend: {
data: graphData.categories.map(item => item.name),
left: "left"
},
series: [
{
type: "graph",
layout: "force", // 力导向布局
force: {
repulsion: 1000, // 节点排斥力
edgeLength: [50, 200] // 边长度范围
},
data: graphData.nodes,
links: graphData.links,
categories: graphData.categories,
roam: true, // 支持缩放、平移
label: {
show: true,
fontSize: 12
},
edgeSymbol: ["arrow", "none"], // 边的箭头
edgeSymbolSize: [8, 50],
itemStyle: {
color: "rgba(5, 95, 194, 1)"
// borderColor: "red",
// borderWidth: 1
},
lineStyle: {
color: "rgba(174, 214, 255, 1)",
width: 2,
opacity: 0.5
},
emphasis: {
focus: "adjacency",
lineStyle: {
width: 2
}
}
}
]
};
chart.setOption(option);
// 窗口resize时自适应
window.addEventListener("resize", () => chart.resize());
});
</script>
<style scoped>
.chart-container {
width: 100%;
height: 600px;
background-color: #fff; /* 深色背景，模拟原图风格 */
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论