提交 d182fb33 authored 作者: 闫鹏's avatar 闫鹏

合并分支 'yp-dev' 到 'master'

Yp dev 查看合并请求 !160
...@@ -274,7 +274,7 @@ ...@@ -274,7 +274,7 @@
<el-row :gutter="20" style="width: 1600px; margin: 0 auto; height: 528px; margin-top: 64px"> <el-row :gutter="20" style="width: 1600px; margin: 0 auto; height: 528px; margin-top: 64px">
<CustomTitle id="position3" title="数据总览" /> <CustomTitle id="position3" title="数据总览" />
<el-col :span="24"> <el-col :span="24">
<custom-container title="发布频度" :titleIcon="box3Icon" height="450px"> <custom-container title="发布频度" :titleIcon="box3Icon" height="400px">
<template #default> <template #default>
<div class="box3"> <div class="box3">
<div class="box3-content"> <div class="box3-content">
......
<template> <template>
<div class="deep-mining" :class="{ deepMiningChartmode: isInChart }"> <div class="deep-mining" :class="{ deepMiningChartmode: isInChart }">
<div class="side-nav"> <div class="side-nav">
<div v-for="(item, index) in activeTab" :key="index" class="tab-item" :class="{ active: index === activeIndex }" <div
@click="activeIndex = index"> v-for="(item, index) in activeTab"
:key="index"
class="tab-item"
:class="{ active: index === activeIndex }"
@click="activeIndex = index"
>
{{ item }} {{ item }}
<span v-if="index === activeIndex" class="arrow"></span> <span v-if="index === activeIndex" class="arrow"></span>
</div> </div>
...@@ -47,8 +52,13 @@ ...@@ -47,8 +52,13 @@
<span class="group-count">{{ group.count }}家</span> <span class="group-count">{{ group.count }}家</span>
</div> </div>
<div class="group-children custom-scrollbar" v-show="group.expanded"> <div class="group-children custom-scrollbar" v-show="group.expanded">
<div class="entity-item" v-for="item in group.children" :key="item.id" <div
:class="{ active: activeEntityId === item.id }" @click="selectEntity(item)"> class="entity-item"
v-for="item in group.children"
:key="item.id"
:class="{ active: activeEntityId === item.id }"
@click="selectEntity(item)"
>
<div class="item-icon"> <div class="item-icon">
<img :src="defaultTitle" alt="" class="item-img" /> <img :src="defaultTitle" alt="" class="item-img" />
</div> </div>
...@@ -63,12 +73,19 @@ ...@@ -63,12 +73,19 @@
<div class="right" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave"> <div class="right" @mouseenter="handleMouseEnter" @mouseleave="handleMouseLeave">
<div class="title-com custom-right-header"> <div class="title-com custom-right-header">
<div class="toggle-group"> <div class="toggle-group">
<div class="toggle-btn" :class="{ active: rightActiveTab === 'supplyChain' }" <div
@click="rightActiveTab = 'supplyChain'"> class="toggle-btn"
:class="{ active: rightActiveTab === 'supplyChain' }"
@click="rightActiveTab = 'supplyChain'"
>
<img :src="rightActiveTab === 'supplyChain' ? icon01Active : icon01" alt="" /> <img :src="rightActiveTab === 'supplyChain' ? icon01Active : icon01" alt="" />
<span>供应链</span> <span>供应链</span>
</div> </div>
<div class="toggle-btn" :class="{ active: rightActiveTab === 'equity' }" @click="rightActiveTab = 'equity'"> <div
class="toggle-btn"
:class="{ active: rightActiveTab === 'equity' }"
@click="rightActiveTab = 'equity'"
>
<img :src="rightActiveTab === 'equity' ? icon02Active : icon02" alt="" /> <img :src="rightActiveTab === 'equity' ? icon02Active : icon02" alt="" />
<span>股权</span> <span>股权</span>
</div> </div>
...@@ -115,8 +132,8 @@ import { ...@@ -115,8 +132,8 @@ import {
getSingleSanctionEntitySupplyChain, getSingleSanctionEntitySupplyChain,
getSingleSanctionEntityEquity getSingleSanctionEntityEquity
} from "@/api/exportControlV2.0"; } from "@/api/exportControlV2.0";
import RelationGraph from './components/RelationGraph.vue'; import RelationGraph from "./components/RelationGraph.vue";
import AnalysisBox from '@/components/base/boxBackground/analysisBox.vue'; import AnalysisBox from "@/components/base/boxBackground/analysisBox.vue";
const sanRecordId = ref(""); const sanRecordId = ref("");
const activeTab = ref(["实体穿透分析"]); const activeTab = ref(["实体穿透分析"]);
...@@ -170,11 +187,11 @@ const handleMouseLeave = () => { ...@@ -170,11 +187,11 @@ const handleMouseLeave = () => {
isInChart.value = false; isInChart.value = false;
}; };
const handleNodeClick = (node) => { const handleNodeClick = node => {
selectedNode.value = node; selectedNode.value = node;
}; };
const handleLayoutChange = (type) => { const handleLayoutChange = type => {
controlActive.value = type; controlActive.value = type;
if (type !== 2) { if (type !== 2) {
isInChart.value = true; isInChart.value = true;
...@@ -184,9 +201,8 @@ const handleLayoutChange = (type) => { ...@@ -184,9 +201,8 @@ const handleLayoutChange = (type) => {
}; };
const updateGraphData = () => { const updateGraphData = () => {
const data = rightActiveTab.value === 'supplyChain' const data =
? singleSanctionEntitySupplyChainData.value rightActiveTab.value === "supplyChain" ? singleSanctionEntitySupplyChainData.value : singleSanctionEntityEquityData.value;
: singleSanctionEntityEquityData.value;
if (!data) return; if (!data) return;
...@@ -214,7 +230,7 @@ const updateGraphData = () => { ...@@ -214,7 +230,7 @@ const updateGraphData = () => {
links.push({ links.push({
source: `p-${item.id || index}`, source: `p-${item.id || index}`,
target: "0", target: "0",
name: rightActiveTab.value === 'supplyChain' ? "供应商" : (item.type || "持股") name: rightActiveTab.value === "supplyChain" ? "供应商" : item.type || "持股"
}); });
}); });
...@@ -231,14 +247,14 @@ const updateGraphData = () => { ...@@ -231,14 +247,14 @@ const updateGraphData = () => {
links.push({ links.push({
source: "0", source: "0",
target: `c-${item.id || index}`, target: `c-${item.id || index}`,
name: rightActiveTab.value === 'supplyChain' ? "客户" : (item.type || "投资") name: rightActiveTab.value === "supplyChain" ? "客户" : item.description || "投资"
}); });
}); });
graphData.value = { nodes, links }; graphData.value = { nodes, links };
}; };
const updateTreeData = (data) => { const updateTreeData = data => {
if (!data) return; if (!data) return;
treeData.value = { treeData.value = {
...@@ -318,17 +334,17 @@ const getSingleSanctionEntityListRequest = async () => { ...@@ -318,17 +334,17 @@ const getSingleSanctionEntityListRequest = async () => {
} }
}; };
watch(rightActiveTab, async (newTab) => { watch(rightActiveTab, async newTab => {
if (newTab === 'supplyChain') { if (newTab === "supplyChain") {
await getSingleSanctionEntitySupplyChainRequest(); await getSingleSanctionEntitySupplyChainRequest();
} else { } else {
await getSingleSanctionEntityEquityRequest(); await getSingleSanctionEntityEquityRequest();
} }
}); });
watch(activeEntityId, async (newId) => { watch(activeEntityId, async newId => {
if (newId) { if (newId) {
if (rightActiveTab.value === 'supplyChain') { if (rightActiveTab.value === "supplyChain") {
await getSingleSanctionEntitySupplyChainRequest(); await getSingleSanctionEntitySupplyChainRequest();
} else { } else {
await getSingleSanctionEntityEquityRequest(); await getSingleSanctionEntityEquityRequest();
...@@ -337,7 +353,7 @@ watch(activeEntityId, async (newId) => { ...@@ -337,7 +353,7 @@ watch(activeEntityId, async (newId) => {
}); });
watch(is50PercentRule, async () => { watch(is50PercentRule, async () => {
if (rightActiveTab.value === 'equity') { if (rightActiveTab.value === "equity") {
await getSingleSanctionEntityEquityRequest(); await getSingleSanctionEntityEquityRequest();
} }
}); });
...@@ -857,7 +873,6 @@ onMounted(async () => { ...@@ -857,7 +873,6 @@ onMounted(async () => {
} }
.title-com.custom-right-header { .title-com.custom-right-header {
.box, .box,
.text { .text {
display: none; display: none;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论