Skip to content

R
risk-monitor
提交 2278184b authored 作者: 张伊明's avatar 张伊明
浏览文件
操作

Merge branch 'master' of http://8.140.26.4:10003/caijian/risk-monitor into zym-dev

上级 d691b3c5 a99df1de
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 1478 行增加 和 317 行删除
index.html
浏览文件 @ 2278184b
...@@ -9,5 +9,6 @@ ...@@ -9,5 +9,6 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
<script src="/js/config.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
public/js/config.js 0 → 100644
浏览文件 @ 2278184b
const baseUrl = `http://8.140.26.4:9085/`
\ No newline at end of file
src/api/exportControl.js
浏览文件 @ 2278184b
...@@ -4,6 +4,7 @@ import { ElMessage } from "element-plus"; ...@@ -4,6 +4,7 @@ import { ElMessage } from "element-plus";
const request200 = requestP => { const request200 = requestP => {
return requestP.then(data => { return requestP.then(data => {
if (data.code === 200) { if (data.code === 200) {
console.log('返回的数据结构 =>', data.data)
return data.data; return data.data;
} }
ElMessage({ ElMessage({
...@@ -122,13 +123,14 @@ export function getSanctionsInfoCount() { ...@@ -122,13 +123,14 @@ export function getSanctionsInfoCount() {
* sanReason: string * sanReason: string
* }[]>} * }[]>}
*/ */
export function getSanctionProcess(typeName = "实体清单", pageNum = 1, pageSize = 10, isCn = false) { export function getSanctionProcess(sanTypeIds = "1", pageNum = 1, pageSize = 10, isCn = false) {
return request200( return request200(
request({ request({
method: "POST", method: "POST",
url: "/api/entitiesDataCount/getSanctionProcess", url: "/api/entitiesDataCount/getSanctionProcess",
data: { data: {
typeName, sanTypeIds,
// typeName: tabMap[sanTypeId],
pageNum, pageNum,
pageSize, pageSize,
isCn isCn
......
src/api/exportControlV2.0.js
浏览文件 @ 2278184b
import request from "@/api/request.js"; import request from "@/api/request.js";
// 实体清单-制裁概况-获取实体清单基本信息 // 实体清单-制裁概况-获取实体清单基本信息
export function getEntityInfo(sanType) { export function getEntityInfo(id) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/baseInfo/${sanType}` url: `/api/sanctionList/baseInfoById/${id}`
}); });
} }
...@@ -98,10 +98,10 @@ export function get50PercentEntityCount(data) { ...@@ -98,10 +98,10 @@ export function get50PercentEntityCount(data) {
} }
// 实体清单-数据统计-总量统计 // 实体清单-数据统计-总量统计
export function getTotalCount() { export function getTotalCount(id) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/total` url: `/api/sanctionList/statistics/total?sanTypeId=${id}`
}); });
} }
...@@ -113,7 +113,7 @@ export function getTotalCount() { ...@@ -113,7 +113,7 @@ export function getTotalCount() {
export function getSanctionCountChange(params) { export function getSanctionCountChange(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/num`, url: `/api/sanctionList/statistics/num`,
params params
}); });
} }
...@@ -128,7 +128,7 @@ export function getSanctionCountChange(params) { ...@@ -128,7 +128,7 @@ export function getSanctionCountChange(params) {
export function getRegionCount(params) { export function getRegionCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/region`, url: `/api/sanctionList/statistics/region`,
params params
}); });
} }
...@@ -143,7 +143,7 @@ export function getRegionCount(params) { ...@@ -143,7 +143,7 @@ export function getRegionCount(params) {
export function getTechDomainCount(params) { export function getTechDomainCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/domain`, url: `/api/sanctionList/statistics/domain`,
params params
}); });
} }
...@@ -158,7 +158,7 @@ export function getTechDomainCount(params) { ...@@ -158,7 +158,7 @@ export function getTechDomainCount(params) {
export function getEntityTypeCount(params) { export function getEntityTypeCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/entityType`, url: `/api/sanctionList/statistics/entityType`,
params params
}); });
} }
...@@ -247,7 +247,7 @@ export function getSingleSanctionOverview(params) { ...@@ -247,7 +247,7 @@ export function getSingleSanctionOverview(params) {
export function getSingleSanctionEntityCountry(params) { export function getSingleSanctionEntityCountry(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/countryRegion`, url: `/api/sanctionList/statistics/countryRegion`,
params params
}); });
} }
...@@ -292,11 +292,10 @@ export function getSingleSanctionOverviewList(data) { ...@@ -292,11 +292,10 @@ export function getSingleSanctionOverviewList(data) {
* @param {string} params.sanRecordId - 制裁记录ID * @param {string} params.sanRecordId - 制裁记录ID
* @header token * @header token
*/ */
export function getSingleSanctionTotalCount(params) { export function getSingleSanctionTotalCount(id) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/total`, url: `/api/sanctionList/statistics/total?sanTypeId=${id}`,
params
}); });
} }
...@@ -311,7 +310,7 @@ export function getSingleSanctionTotalCount(params) { ...@@ -311,7 +310,7 @@ export function getSingleSanctionTotalCount(params) {
export function getSingleSanctionDomainCount(params) { export function getSingleSanctionDomainCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/domain`, url: `/api/sanctionList/statistics/domain`,
params params
}); });
} }
...@@ -327,7 +326,7 @@ export function getSingleSanctionDomainCount(params) { ...@@ -327,7 +326,7 @@ export function getSingleSanctionDomainCount(params) {
export function getSingleSanctionEntityTypeCount(params) { export function getSingleSanctionEntityTypeCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/entityType`, url: `/api/sanctionList/statistics/entityType`,
params params
}); });
} }
...@@ -341,7 +340,7 @@ export function getSingleSanctionEntityTypeCount(params) { ...@@ -341,7 +340,7 @@ export function getSingleSanctionEntityTypeCount(params) {
export function getSingleSanctionEntityCountryCount(params) { export function getSingleSanctionEntityCountryCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/countryRegion`, url: `/api/sanctionList/statistics/countryRegion`,
params params
}); });
} }
...@@ -357,7 +356,7 @@ export function getSingleSanctionEntityCountryCount(params) { ...@@ -357,7 +356,7 @@ export function getSingleSanctionEntityCountryCount(params) {
export function getSingleSanctionEntityRegionCount(params) { export function getSingleSanctionEntityRegionCount(params) {
return request({ return request({
method: "GET", method: "GET",
url: `/api/sanctionList/statistics/el/region`, url: `/api/sanctionList/statistics/region`,
params params
}); });
} }
......
src/assets/json/countryCoordMap.js
浏览文件 @ 2278184b
...@@ -50,7 +50,7 @@ export const countryCoordMap = { ...@@ -50,7 +50,7 @@ export const countryCoordMap = {
// 欧洲 // 欧洲
俄罗斯: [37.6184, 55.7558], // 俄罗斯莫斯科 俄罗斯: [37.6184, 55.7558], // 俄罗斯莫斯科
德国: [10.4515, 51.1657], // 德国柏林 德国: [10.4515, 51.1657], // 德国柏林
英国: [-3.436, 55.3781], // 英国伦敦 英国: [-2, 54], // 英国伦敦
法国: [2.2137, 46.2276], // 法国巴黎 法国: [2.2137, 46.2276], // 法国巴黎
意大利: [12.5674, 41.8719], // 意大利罗马 意大利: [12.5674, 41.8719], // 意大利罗马
西班牙: [-3.7492, 40.4637], // 西班牙马德里 西班牙: [-3.7492, 40.4637], // 西班牙马德里
...@@ -218,12 +218,12 @@ export function convertAsiaCenterCoord(coord) { ...@@ -218,12 +218,12 @@ export function convertAsiaCenterCoord(coord) {
const [lng, lat] = coord; const [lng, lat] = coord;
// 将以本初子午线为基准的坐标转换为以亚洲为中心的坐标 // 将以本初子午线为基准的坐标转换为以亚洲为中心的坐标
// world-asia-center.json 是将标准坐标的经度减去了 180 度 // world-asia-center.json 是将标准坐标的经度加上了 180 度（地图向右平移）
let newLng = lng - 180; let newLng = lng + 180;
// 规范化到 [-180, 180] 范围 // 规范化到 [-180, 180] 范围
if (newLng < -180) { if (newLng > 180) {
newLng += 360; newLng -= 360;
} }
return [newLng, lat]; return [newLng, lat];
......
src/components/Container/index.vue
浏览文件 @ 2278184b
...@@ -135,8 +135,8 @@ const headerTitleClasses = computed(() => [ ...@@ -135,8 +135,8 @@ const headerTitleClasses = computed(() => [
.header-icon { .header-icon {
width: 22px; width: 22px;
height: 18px; height: 18px;
margin-left: 5px; margin-left: 0px;
margin-right: 14px; margin-right: 10px;
} }
.blue-title-block { .blue-title-block {
...@@ -155,6 +155,7 @@ const headerTitleClasses = computed(() => [ ...@@ -155,6 +155,7 @@ const headerTitleClasses = computed(() => [
/* color: var(--base-color); */ /* color: var(--base-color); */
color: $base-color; color: $base-color;
line-height: 48px; line-height: 48px;
padding: 0 5px;
// padding: 0 12px; // padding: 0 12px;
} }
......
src/components/base/ActionButton/index.vue
浏览文件 @ 2278184b
...@@ -17,7 +17,7 @@ defineProps({ ...@@ -17,7 +17,7 @@ defineProps({
}) })
</script> </script>
<style scoped> <style lang="scss" scoped>
.action-button { .action-button {
height: 28px; height: 28px;
padding: 0 8px; padding: 0 8px;
...@@ -29,11 +29,16 @@ defineProps({ ...@@ -29,11 +29,16 @@ defineProps({
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
transition: all 0.3s; transition: all 0.3s;
} }
.action-button[type="normal"] { .action-button[type="normal"] {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
&:hover {
background: var(--color-primary-2);
}
} }
.action-button[type="active"] { .action-button[type="active"] {
...@@ -52,6 +57,4 @@ defineProps({ ...@@ -52,6 +57,4 @@ defineProps({
.action-button[type="active"]:hover { .action-button[type="active"]:hover {
background-color: #40a9ff; background-color: #40a9ff;
} */ } */
</style> </style>
\ No newline at end of file
src/components/base/Ai/AiSummary/bg.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 1019 61" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1019.000000" height="61.000000" fill="none" customFrame="#000000">
<defs>
<linearGradient id="paint_linear_1" x1="7.60449219" x2="10.1398888" y1="-1.90734863e-06" y2="61.0955963" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(231,243,255)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(231,243,255)" offset="1" stop-opacity="0" />
</linearGradient>
</defs>
<path id="矩形 5734" d="M0.000322558 0L1019 0L1019 31.5006L0 61.0008L0.000322558 0Z" fill="url(#paint_linear_1)" fill-rule="evenodd" />
</svg>
src/components/base/Ai/AiSummary/icon1.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 15 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.000000" height="12.000000" fill="none" customFrame="url(#clipPath_0)">
<defs>
<clipPath id="clipPath_0">
<rect width="15.000000" height="12.000000" x="0.000000" y="0.000000" rx="6.000000" fill="rgb(255,255,255)" />
</clipPath>
<linearGradient id="paint_linear_0" x1="7.49999952" x2="7.49999952" y1="0" y2="10.5" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(5,95,194)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(137,193,255)" offset="1" stop-opacity="1" />
</linearGradient>
</defs>
<rect id="AI-logo" width="15.000000" height="12.000000" x="0.000000" y="0.000000" rx="6.000000" />
<path id="合并" d="M12.2098 1.46629C12.9076 0.916637 13.2563 0 13.2563 0C13.2563 0 13.1693 0.916623 13.6052 1.46629C14.0411 2.01595 15 2.19866 15 2.19866C15 2.19866 13.9535 2.38224 13.2559 2.93288C12.5583 3.48351 12.2095 4.40121 12.2095 4.40121C12.2095 4.40121 12.2966 3.48353 11.8605 2.93288C11.4245 2.38222 10.4653 2.1986 10.4653 2.1986C10.4653 2.1986 11.5121 2.01594 12.2098 1.46629ZM8.176 2.20032L9.23888 10.5L6.83718 10.5L6.55783 8.24068L3.20908 8.24068L2.27565 10.5L0 10.5L3.08303 2.61208L2.68105 2.20032L8.176 2.20032ZM5.09297 3.60747L3.75415 6.83353L6.43179 6.83353L6.0298 3.60747L5.09297 3.60747ZM13.0741 10.4999L13.9839 4.57493L10.7578 4.57493L11.1632 5.13349L10.5361 10.4999L13.0741 10.4999Z" fill="url(#paint_linear_0)" fill-rule="evenodd" />
</svg>
src/components/base/Ai/AiSummary/icon2.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 6.70703 13.4102" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6.707031" height="13.410156" fill="none" customFrame="#000000">
<rect id="容器 848" width="6.000000" height="11.997072" x="0.353516" y="0.707031" />
<path id="矢量 626" d="M0 0L2.99854 2.99854L6 0" stroke="rgb(5,95,194)" stroke-width="1.000000" transform="matrix(1,0,0,-1,0.353516,3.70508)" />
<path id="矢量 627" d="M0.353516 9.70508L3.35205 12.7036L6.35352 9.70508" stroke="rgb(5,95,194)" stroke-width="1.000000" />
</svg>
src/components/base/Ai/AiSummary/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="summary-wrapper">
<div class="summary-header">
<div class="icon1">
<img src="./icon1.svg" alt="">
</div>
<div class="text text-tip-1">{{ '智库报告总结摘要' }}</div>
<div class="icon2">
<img src="./icon2.svg" alt="">
</div>
</div>
<div class="summary-main">
<slot name="summary-content"></slot>
</div>
</div>
</template>
<style lang="scss">
.summary-wrapper {
width: 100%;
height: 100%;
// background: linear-gradient(90deg, var(--color-primary-10) 0%, var(--bg-white-100) 100%) ;
background: url('./bg.svg') no-repeat;
overflow: hidden;
border-radius: 4px;
border: 1px solid #E7F3FF;
.summary-header {
margin-top: 16px;
margin-left: 24px;
width: 199px;
height: 32px;
border: 1px solid var(--color-primary-100);
border-radius: 16px;
background: var(--color-primary-10);
display: flex;
justify-content: center;
align-items: center;
gap: 9px;
.icon1 {
width: 15px;
height: 12px;
img {
width: 100%;
height: 100%;
}
}
.text {
color: var(--color-primary-100);
}
.icon2 {
width: 6px;
height: 12px;
img {
width: 100%;
height: 100%;
}
}
}
.summary-main {
margin: 0 auto;
margin-top: 24px;
width: calc(100% - 52px);
height: calc(100% - 92px);
}
}
</style>
\ No newline at end of file
src/router/dataLibrary/dataBill.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const CountryBill = () => import('@/views/dataLibrary/components/bill/countryBill/index.vue') const CountryBill = () => import('@/views/dataLibrary/bill/countryBill/index.vue')
const StateBill = () => import('@/views/dataLibrary/components/bill/stateBill/index.vue') const StateBill = () => import('@/views/dataLibrary/bill/stateBill/index.vue')
const dataBillRoutes = [ const dataBillRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/countryBill", path: "/dataLibrary/countryBill",
name: "CountryBill", name: "CountryBill",
component: CountryBill, component: CountryBill,
meta: { meta: {
...@@ -16,7 +16,7 @@ const dataBillRoutes = [ ...@@ -16,7 +16,7 @@ const dataBillRoutes = [
}, },
{ {
path: "/stateBill", path: "/dataLibrary/stateBill",
name: "StateBill", name: "StateBill",
component: StateBill, component: StateBill,
meta: { meta: {
......
src/router/dataLibrary/decree.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const Decree = () => import('@/views/dataLibrary/components/decree/index.vue') const Decree = () => import('@/views/dataLibrary/decree/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/dataDecree", path: "/dataLibrary/dataDecree",
name: "DataDecree", name: "DataDecree",
component: Decree, component: Decree,
meta: { meta: {
......
src/router/dataLibrary/exportControl.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const CommerceControlList = () => import('@/views/dataLibrary/components/exportControl/commerceControlList/index.vue') const CommerceControlList = () => import('@/views/dataLibrary/exportControl/commerceControlList/index.vue')
const CommerceControlListEvent = () => import('@/views/dataLibrary/components/exportControl/commerceControlListEvent/index.vue') const CommerceControlListEvent = () => import('@/views/dataLibrary/exportControl/commerceControlListEvent/index.vue')
const EntityList = () => import('@/views/dataLibrary/components/exportControl/entityList/index.vue') const EntityList = () => import('@/views/dataLibrary/exportControl/entityList/index.vue')
const EntityListEvent = () => import('@/views/dataLibrary/components/exportControl/entityListEvent/index.vue') const EntityListEvent = () => import('@/views/dataLibrary/exportControl/entityListEvent/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/dataCommerceControlList", path: "/dataLibrary/dataCommerceControlList",
name: "CommerceControlList", name: "CommerceControlList",
component: CommerceControlList, component: CommerceControlList,
meta: { meta: {
...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [ ...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/dataCommerceControlListEvent", path: "/dataLibrary/dataCommerceControlListEvent",
name: "CommerceControlListEvent", name: "CommerceControlListEvent",
component: CommerceControlListEvent, component: CommerceControlListEvent,
meta: { meta: {
...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [ ...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/dataEntityList", path: "/dataLibrary/dataEntityList",
name: "EntityList", name: "EntityList",
component: EntityList, component: EntityList,
meta: { meta: {
...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [ ...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/dataEntityListEvent", path: "/dataLibrary/dataEntityListEvent",
name: "EntityListEvent", name: "EntityListEvent",
component: EntityListEvent, component: EntityListEvent,
meta: { meta: {
......
src/router/dataLibrary/financeControl.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const MREList = () => import('@/views/dataLibrary/components/financeControl/mREList/index.vue') const MREList = () => import('@/views/dataLibrary/financeControl/mREList/index.vue')
const MREListEvent = () => import('@/views/dataLibrary/components/financeControl/mREListEvent/index.vue') const MREListEvent = () => import('@/views/dataLibrary/financeControl/mREListEvent/index.vue')
const SDNList = () => import('@/views/dataLibrary/components/financeControl/sDNList/index.vue') const SDNList = () => import('@/views/dataLibrary/financeControl/sDNList/index.vue')
const SDNListEvent = () => import('@/views/dataLibrary/components/financeControl/sDNListEvent/index.vue') const SDNListEvent = () => import('@/views/dataLibrary/financeControl/sDNListEvent/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/mREList", path: "/dataLibrary/mREList",
name: "MREList", name: "MREList",
component: MREList, component: MREList,
meta: { meta: {
...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [ ...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/mREListEvent", path: "/dataLibrary/mREListEvent",
name: "MREListEvent", name: "MREListEvent",
component: MREListEvent, component: MREListEvent,
meta: { meta: {
...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [ ...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/sDNList", path: "/dataLibrary/sDNList",
name: "SDNList", name: "SDNList",
component: SDNList, component: SDNList,
meta: { meta: {
...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [ ...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/sDNListEvent", path: "/dataLibrary/sDNListEvent",
name: "SDNListEvent", name: "SDNListEvent",
component: SDNListEvent, component: SDNListEvent,
meta: { meta: {
......
src/router/dataLibrary/innovationSubject.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const KeyLab = () => import('@/views/dataLibrary/components/innovationSubject/keyLab/index.vue') const KeyLab = () => import('@/views/dataLibrary/innovationSubject/keyLab/index.vue')
const ResearchUniversity = () => import('@/views/dataLibrary/components/innovationSubject/researchUniversity/index.vue') const ResearchUniversity = () => import('@/views/dataLibrary/innovationSubject/researchUniversity/index.vue')
const TechnologyCompany = () => import('@/views/dataLibrary/components/innovationSubject/technologyCompany/index.vue') const TechnologyCompany = () => import('@/views/dataLibrary/innovationSubject/technologyCompany/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/keyLab", path: "/dataLibrary/keyLab",
name: "KeyLab", name: "KeyLab",
component: KeyLab, component: KeyLab,
meta: { meta: {
...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [ ...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [
}, },
{ {
path: "/researchUniversity", path: "/dataLibrary/researchUniversity",
name: "ResearchUniversity", name: "ResearchUniversity",
component: ResearchUniversity, component: ResearchUniversity,
meta: { meta: {
...@@ -28,7 +28,7 @@ const dataDecreeRoutes = [ ...@@ -28,7 +28,7 @@ const dataDecreeRoutes = [
}, },
{ {
path: "/technologyCompany", path: "/dataLibrary/technologyCompany",
name: "TechnologyCompany", name: "TechnologyCompany",
component: TechnologyCompany, component: TechnologyCompany,
meta: { meta: {
......
src/router/dataLibrary/marketControl.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const Case337 = () => import('@/views/dataLibrary/components/marketControl/case337/index.vue') const Case337 = () => import('@/views/dataLibrary/marketControl/case337/index.vue')
const Case232 = () => import('@/views/dataLibrary/components/marketControl/case232/index.vue') const Case232 = () => import('@/views/dataLibrary/marketControl/case232/index.vue')
const Case301 = () => import('@/views/dataLibrary/components/marketControl/case301/index.vue') const Case301 = () => import('@/views/dataLibrary/marketControl/case301/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/case337", path: "/dataLibrary/case337",
name: "Case337", name: "Case337",
component: Case337, component: Case337,
meta: { meta: {
...@@ -16,7 +16,7 @@ const dataDecreeRoutes = [ ...@@ -16,7 +16,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/case232", path: "/dataLibrary/case232",
name: "Case232", name: "Case232",
component: Case232, component: Case232,
meta: { meta: {
...@@ -26,7 +26,7 @@ const dataDecreeRoutes = [ ...@@ -26,7 +26,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/case301", path: "/dataLibrary/case301",
name: "Case301", name: "Case301",
component: Case301, component: Case301,
meta: { meta: {
......
src/router/dataLibrary/technologyFigures.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const CongressMan = () => import('@/views/dataLibrary/components/technologyFigures/congressMan/index.vue') const CongressMan = () => import('@/views/dataLibrary/technologyFigures/congressMan/index.vue')
const Minister = () => import('@/views/dataLibrary/components/technologyFigures/minister/index.vue') const Minister = () => import('@/views/dataLibrary/technologyFigures/minister/index.vue')
const TechnologyLeader = () => import('@/views/dataLibrary/components/technologyFigures/technologyLeader/index.vue') const TechnologyLeader = () => import('@/views/dataLibrary/technologyFigures/technologyLeader/index.vue')
const ThinkTankResearcher = () => import('@/views/dataLibrary/components/technologyFigures/thinkTankResearcher/index.vue') const ThinkTankResearcher = () => import('@/views/dataLibrary/technologyFigures/thinkTankResearcher/index.vue')
const dataDecreeRoutes = [ const dataDecreeRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/congressMan", path: "/dataLibrary/congressMan",
name: "CongressMan", name: "CongressMan",
component: CongressMan, component: CongressMan,
meta: { meta: {
...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [ ...@@ -17,7 +17,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/minister", path: "/dataLibrary/minister",
name: "Minister", name: "Minister",
component: Minister, component: Minister,
meta: { meta: {
...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [ ...@@ -27,7 +27,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/technologyLeader", path: "/dataLibrary/technologyLeader",
name: "TechnologyLeader", name: "TechnologyLeader",
component: TechnologyLeader, component: TechnologyLeader,
meta: { meta: {
...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [ ...@@ -37,7 +37,7 @@ const dataDecreeRoutes = [
} }
}, },
{ {
path: "/thinkTankResearcher", path: "/dataLibrary/thinkTankResearcher",
name: "ThinkTankResearcher", name: "ThinkTankResearcher",
component: ThinkTankResearcher, component: ThinkTankResearcher,
meta: { meta: {
......
src/router/dataLibrary/thinkTank.js
浏览文件 @ 2278184b
// 法案资源库 // 法案资源库
const ThinkTank = () => import('@/views/dataLibrary/components/thinkTank/index.vue') const ThinkTank = () => import('@/views/dataLibrary/thinkTank/index.vue')
const dataThinkTankRoutes = [ const dataThinkTankRoutes = [
// 科技法案资源库路由 // 科技法案资源库路由
{ {
path: "/dataThinkTank", path: "/dataLibrary/dataThinkTank",
name: "DataThinkTank", name: "DataThinkTank",
component: ThinkTank, component: ThinkTank,
meta: { meta: {
......
src/styles/components/Ai/AiInfo/index.vue
浏览文件 @ 2278184b
...@@ -5,31 +5,26 @@ ...@@ -5,31 +5,26 @@
{{ {{
` `
import AiButton from '@/components/base/AiButton/index.vue' import AiButton from '@/components/base/AiButton/index.vue'
<AiButton /> import AiPane from '@/components/base/AiPane/index.vue'
<div class="chart-box">
<div class="btn-box" @mouseenter="handleSwitchAiContentShow(true)">
<AiButton />
</div>
<div class="content-box" v-if="isShowAiContent" @mouseleave="handleSwitchAiContentShow(false)">
<AiPane :aiContent="aiContent" />
</div>
</div>
` `
}} }}
</pre> </pre>
<div class="chart-box"> <div class="chart-box">
<div class="btn-box"> <div class="btn-box" @mouseenter="handleSwitchAiContentShow(true)">
<AiButton /> <AiButton />
</div> </div>
<div class="content-box" v-if="isShowAiContent" @mouseleave="handleSwitchAiContentShow(false)">
</div>
</el-col>
<el-col :span="span">
<pre>
{{
`
import AiPane from '@/components/base/AiPane/index.vue'
<AiPane :aiContent="aiContent" />
`
}}
</pre>
<div class="chart-box">
<div class="content-box">
<AiPane :aiContent="aiContent" /> <AiPane :aiContent="aiContent" />
</div> </div>
</div> </div>
</el-col> </el-col>
...@@ -43,7 +38,13 @@ import AiButton from '@/components/base/Ai/AiButton/index.vue' ...@@ -43,7 +38,13 @@ import AiButton from '@/components/base/Ai/AiButton/index.vue'
import AiPane from '@/components/base/Ai/AiPane/index.vue' import AiPane from '@/components/base/Ai/AiPane/index.vue'
const span = 12 const span = 12
const aiContent = ref(`整个立法过程反映了美国政治的高度极化特点。民主党全员反对该法案，批评其"劫贫济富"。而共和党内部也有分歧，特别是在财政赤字问题上。马斯克多次公开批评该法案是"疯狂的支出计划"。`) const handleSwitchAiContentShow = (isShow) => {
isShowAiContent.value = isShow
}
const isShowAiContent = ref(false)
const aiContent = ref(`整个立法过程反映了美国政治的高度极化特点。民主党全员反对该法案，批评其"劫贫济富"。而共和党内部也有分歧，特别是在财政赤字问题上。马斯克多次公开批评该法案是"疯狂的支出计划"。整个立法过程反映了美国政治的高度极化特点。民主党全员反对该法案，批评其"劫贫济富"。而共和党内部也有分歧，特别是在财政赤字问题上。马斯克多次公开批评该法案是"疯狂的支出计划"。`)
</script> </script>
...@@ -60,7 +61,8 @@ const aiContent = ref(`整个立法过程反映了美国政治的高度极化特 ...@@ -60,7 +61,8 @@ const aiContent = ref(`整个立法过程反映了美国政治的高度极化特
right: 0; right: 0;
bottom: 18px; bottom: 18px;
} }
.content-box{
.content-box {
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
......
src/styles/components/Ai/AiSummary/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{
`
import AiSummary from '@/components/base/Ai/AiSummary/index.vue'
<div class="summary-box">
<AiSummary />
</div>
`
}}
</pre>
<div class="summary-box">
<AiSummary>
<template #summary-content>
<div class="content-box">
我是插槽内容区域(忽略背景色)
</div>
</template>
</AiSummary>
</div>
</el-col>
</el-row>
</template>
<script setup>
import { ref } from 'vue'
import '@/styles/common.scss'
import AiSummary from '@/components/base/Ai/AiSummary/index.vue'
const span = 24
const aiContent = ref(`整个立法过程反映了美国政治的高度极化特点。民主党全员反对该法案，批评其"劫贫济富"。而共和党内部也有分歧，特别是在财政赤字问题上。马斯克多次公开批评该法案是"疯狂的支出计划"。整个立法过程反映了美国政治的高度极化特点。民主党全员反对该法案，批评其"劫贫济富"。而共和党内部也有分歧，特别是在财政赤字问题上。马斯克多次公开批评该法案是"疯狂的支出计划"。`)
</script>
<style lang="scss" scoped>
.summary-box {
margin-left: 10px;
margin-bottom: 10px;
width: 1019px;
height: 453px;
.content-box{
width: 100%;
height: 100%;
background: var(--color-primary-2);
}
}
</style>
\ No newline at end of file
src/styles/components/index.vue
浏览文件 @ 2278184b
...@@ -46,6 +46,9 @@ ...@@ -46,6 +46,9 @@
<el-tab-pane label="Ai智能总结" lazy> <el-tab-pane label="Ai智能总结" lazy>
<AiInfo /> <AiInfo />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Ai内容摘要" lazy>
<AiSummary />
</el-tab-pane>
<el-tab-pane label="层级关系图" lazy> <el-tab-pane label="层级关系图" lazy>
<GraphChart /> <GraphChart />
</el-tab-pane> </el-tab-pane>
...@@ -87,6 +90,7 @@ import WordCloudChart from './WordCloudChart/index.vue' ...@@ -87,6 +90,7 @@ import WordCloudChart from './WordCloudChart/index.vue'
import NewsPage from './News/index.vue' import NewsPage from './News/index.vue'
import TimeTabPane from './TimeTabPane/index.vue' import TimeTabPane from './TimeTabPane/index.vue'
import AiInfo from './Ai/AiInfo/index.vue' import AiInfo from './Ai/AiInfo/index.vue'
import AiSummary from './Ai/AiSummary/index.vue'
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
src/views/ZMOverView/components/fourSuppress/components/allUnion/index.vue
浏览文件 @ 2278184b
...@@ -626,6 +626,7 @@ function createChart() { ...@@ -626,6 +626,7 @@ function createChart() {
map: "world", map: "world",
roam: true, roam: true,
zoom: 1.2, zoom: 1.2,
nameMap: nameMap,
label: { label: {
show: false show: false
}, },
......
src/views/dataLibrary/assets/icons/desc-icon.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="14.000000" fill="none">
<rect id="降序 1" width="16.000000" height="14.000000" x="0.000000" y="0.000000" />
<path id="矢量 469" d="M5.19867 14C5.1619 14 5.12548 13.9955 5.08942 13.9865C5.05336 13.9776 5.01834 13.9643 4.98437 13.9467C4.9504 13.9291 4.91813 13.9076 4.88755 13.882C4.85698 13.8565 4.82869 13.8275 4.80269 13.795C4.77669 13.7625 4.75348 13.7271 4.73305 13.6889C4.71262 13.6507 4.69537 13.6103 4.6813 13.5679C4.66723 13.5254 4.65661 13.4816 4.64943 13.4366C4.64226 13.3915 4.63867 13.346 4.63867 13.3L4.63867 0.7C4.63867 0.654037 4.64226 0.608516 4.64943 0.563437C4.65661 0.518357 4.66723 0.474586 4.6813 0.432122C4.69537 0.389658 4.71262 0.349317 4.73305 0.311101C4.75348 0.272884 4.77669 0.237526 4.80269 0.205025C4.82869 0.172525 4.85698 0.143507 4.88755 0.117971C4.91813 0.0924358 4.9504 0.0708735 4.98437 0.0532843C5.01834 0.0356952 5.05336 0.0224172 5.08942 0.0134503C5.12548 0.00448343 5.1619 0 5.19867 0C5.23544 0 5.27186 0.00448343 5.30792 0.0134503C5.34399 0.0224172 5.379 0.0356952 5.41297 0.0532843C5.44695 0.0708735 5.47922 0.0924358 5.50979 0.117971C5.54036 0.143507 5.56865 0.172525 5.59465 0.205025C5.62065 0.237526 5.64387 0.272884 5.66429 0.311101C5.68472 0.349317 5.70197 0.389658 5.71604 0.432122C5.73012 0.474586 5.74074 0.518357 5.74791 0.563437C5.75508 0.608516 5.75867 0.654037 5.75867 0.7L5.75867 13.3C5.75867 13.346 5.75508 13.3915 5.74791 13.4366C5.74074 13.4816 5.73012 13.5254 5.71604 13.5679C5.70197 13.6103 5.68472 13.6507 5.66429 13.6889C5.64387 13.7271 5.62065 13.7625 5.59465 13.795C5.56865 13.8275 5.54036 13.8565 5.50979 13.882C5.47922 13.9076 5.44695 13.9291 5.41297 13.9467C5.379 13.9643 5.34399 13.9776 5.30792 13.9865C5.27186 13.9955 5.23544 14 5.19867 14L5.19867 14ZM11.1963 10.297L8.39627 13.797C8.34144 13.8593 8.27984 13.9083 8.21147 13.944C8.1433 13.979 8.07237 13.9965 7.99867 13.9965C7.92498 13.9965 7.85404 13.979 7.78587 13.944C7.71745 13.9085 7.65705 13.858 7.60467 13.7925C7.55228 13.727 7.51188 13.6515 7.48347 13.566C7.4545 13.481 7.43957 13.3924 7.43867 13.3L7.43867 0.7C7.43867 0.654037 7.44226 0.608516 7.44943 0.563437C7.4566 0.518357 7.46723 0.474586 7.4813 0.432122C7.49537 0.389658 7.51262 0.349317 7.53305 0.311101C7.55348 0.272884 7.57669 0.237526 7.60269 0.205025C7.62869 0.172525 7.65698 0.143507 7.68755 0.117971C7.71813 0.0924358 7.7504 0.0708735 7.78437 0.0532843C7.81834 0.0356952 7.85336 0.0224172 7.88942 0.0134503C7.92548 0.00448343 7.9619 0 7.99867 0C8.03544 0 8.07186 0.00448343 8.10792 0.0134503C8.14399 0.0224172 8.179 0.0356952 8.21297 0.0532843C8.24694 0.0708735 8.27922 0.0924358 8.30979 0.117971C8.34036 0.143507 8.36865 0.172525 8.39465 0.205025C8.42065 0.237526 8.44387 0.272884 8.46429 0.311101C8.48472 0.349317 8.50197 0.389658 8.51604 0.432122C8.53012 0.474586 8.54074 0.518357 8.54791 0.563437C8.55509 0.608516 8.55867 0.654037 8.55867 0.7L8.55867 11.613L10.4011 9.303C10.4272 9.27036 10.4556 9.24123 10.4863 9.21559C10.517 9.18995 10.5494 9.1683 10.5835 9.15064C10.6176 9.13298 10.6528 9.11964 10.689 9.11064C10.7252 9.10164 10.7618 9.09713 10.7987 9.09713C10.8356 9.09713 10.8722 9.10164 10.9084 9.11064C10.9446 9.11964 10.9797 9.13298 11.0139 9.15064C11.048 9.1683 11.0804 9.18995 11.1111 9.21559C11.1418 9.24123 11.1702 9.27036 11.1963 9.303C11.2224 9.33563 11.2457 9.37114 11.2662 9.40951C11.2867 9.44788 11.304 9.48839 11.3182 9.53102C11.3323 9.57366 11.343 9.61761 11.3502 9.66288C11.3574 9.70814 11.361 9.75385 11.361 9.8C11.361 9.84615 11.3574 9.89186 11.3502 9.93712C11.343 9.98238 11.3323 10.0263 11.3182 10.069C11.304 10.1116 11.2867 10.1521 11.2662 10.1905C11.2457 10.2289 11.2224 10.2644 11.1963 10.297L11.1963 10.297Z" fill="rgb(95,101,108)" fill-rule="nonzero" />
</svg>
src/views/dataLibrary/assets/icons/download.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="Line/Download" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="形状" d="M7.90156 10.3281C7.95156 10.3922 8.04844 10.3922 8.09844 10.3281L9.84844 8.11406C9.9125 8.03281 9.85469 7.9125 9.75 7.9125L8.59219 7.9125L8.59219 2.625C8.59219 2.55625 8.53594 2.5 8.46719 2.5L7.52969 2.5C7.46094 2.5 7.40469 2.55625 7.40469 2.625L7.40469 7.91094L6.25 7.91094C6.14531 7.91094 6.0875 8.03125 6.15156 8.1125L7.90156 10.3281ZM12.7812 9.78125L13.7188 9.78125C13.7875 9.78125 13.8438 9.8375 13.8438 9.90625L13.8438 13C13.8438 13.2766 13.6203 13.5 13.3438 13.5L2.65625 13.5C2.37969 13.5 2.15625 13.2766 2.15625 13L2.15625 9.90625C2.15625 9.8375 2.2125 9.78125 2.28125 9.78125L3.21875 9.78125C3.2875 9.78125 3.34375 9.8375 3.34375 9.90625L3.34375 12.3125L12.6562 12.3125L12.6562 9.90625C12.6562 9.8375 12.7125 9.78125 12.7812 9.78125Z" fill="rgb(95,101,108)" fill-rule="evenodd" />
</svg>
src/views/dataLibrary/components/ActiveTag/close.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 12.7275 12.7266" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.727539" height="12.726562" fill="none" customFrame="#000000">
<path id="合并" d="M5 4L5 0L4 0L4 4L0 4L0 5L4 5L4 9L5 9L5 5L9 5L9 4L5 4Z" fill="rgb(5,95,194)" fill-rule="evenodd" transform="matrix(0.707107,-0.707107,0.707107,0.707107,0,6.36328)" />
</svg>
src/views/dataLibrary/components/ActiveTag/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="wrapper">
<div class="text text-tip-1">{{ tagName }}</div>
<div class="icon" @click="handleClose">
<img src="./close.svg" alt="">
</div>
</div>
</template>
<script setup>
const props = defineProps({
tagName: {
type: String,
default: ''
}
})
const emit = defineEmits(['close'])
const handleClose = () => {
emit('close')
}
</script>
<style lang="scss" scoped>
.wrapper{
height: 30px;
box-sizing: border-box;
display: flex;
padding: 3px 4px 3px 8px;
align-items: center;
justify-content: flex-start;
gap: 4px;
border-radius: 4px;
border: 1px solid var(--color-primary-35);
background: var(--color-primary-2);
cursor: pointer;
.text{
color: var(--color-primary-100);
}
.icon{
width: 15px;
height: 15px;
img{
width: 100%;
height: 100%;
}
}
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/BarChart/barChart.js 0 → 100644
浏览文件 @ 2278184b
import * as echarts from "echarts";
const getBarChart = (data) => {
const option = {
tooltip: {},
grid: {
top: 48,
right: 34,
bottom: 10,
left: 24,
containLabel: true
},
yAxis: {
type: 'value',
splitLine: {
show: true,
lineStyle: {
color: ['#DEE2E7'], // 线条颜色，可以是数组，用于不同间隔交替颜色
width: 1, // 线宽
type: 'dashed', // 类型：'solid'（实线）, 'dashed'（虚线）, 'dotted'（点线）
// opacity: 0.6 // 透明度
}
},
axisLine: {
show: false,
lineStyle: {
color: 'rgba(95, 101, 108, 1)',
}
},
show: true,
textStyle: {
color: 'rgba(95, 101, 108, 1)',
fontFamily: 'Microsoft YaHei',
fontsize: 14,
}
},
xAxis: {
type: 'category',
data: data.dataX,
splitLine: {
show: false
},
axisTick: {
show: true
},
axisLine: {
show: true,
lineStyle: {
color: '#e7f3ff',
}
},
axisLabel: {
show: true,
textStyle: {
color: 'rgba(95, 101, 108, 1)',
fontFamily: 'Microsoft YaHei',
fontsize: 14,
}
}
},
series: [{
type: 'bar',
data: data.dataY,
label: {
show: true,
position: 'top',
color: 'rgb(59, 65, 75)',
fontWeight: 'regular', // 文字加粗
fontSize: 16,
fontFamily: 'Source Han Sans CN',
formatter: function (params) {
return params.value
},
},
barWidth: 20,
itemStyle: {
color: function (params) {
return new echarts.graphic.LinearGradient(0, 1, 0, 0,
[{
offset: 0,
color: 'rgba(10, 87, 166, 0)'
},
{
offset: 1,
color: 'rgba(5, 95, 194, 1)'
}
]);
},
// barBorderRadius: 10,
}
}]
}
return option
}
export default getBarChart
\ No newline at end of file
src/views/dataLibrary/components/BarChart/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="bar-chart-wrapper" id="bar-chart"></div>
</template>
<script setup>
import { ref, onMounted, nextTick } from 'vue'
import setChart from '@/utils/setChart';
import getBarChart from './barchart';
const props = defineProps({
barChartData: {
type: Array,
default: [
]
}
})
onMounted(() => {
const barChart = getBarChart(props.barChartData)
setChart(barChart, 'bar-chart', )
})
</script>
<style lang="scss">
.bar-chart-wrapper {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/chartBox/index.vue → src/views/dataLibrary/components/ChartContainer/index.vue
浏览文件 @ 2278184b
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="chart-wrapper"> <div class="chart-wrapper">
<div class="header"> <div class="header">
<div class="header-left"> <div class="header-left">
<div class="chart-item" v-for="item, index in chartItemList" :key="index"> <div class="chart-item" v-for="item, index in chartItemList" :key="index" @click="handleClickChartItem(item)">
<img v-if="!item.active" :src="item.icon" alt=""> <img v-if="!item.active" :src="item.icon" alt="">
<img v-else :src="item.activeIcon" alt=""> <img v-else :src="item.activeIcon" alt="">
</div> </div>
...@@ -13,14 +13,18 @@ ...@@ -13,14 +13,18 @@
</div> </div>
</div> </div>
<div class="main"> <div class="main">
<div class="chart-box" id="chart-box"></div> <div class="chart-box">
<div class="tip-box"></div> <slot name="chart-box"></slot>
</div>
<div class="tip-box">
<TipTab />
</div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref, computed, onMounted, nextTick } from 'vue'
import Line from './assets/icons/line.svg' import Line from './assets/icons/line.svg'
import LineActive from './assets/icons/line-active.svg' import LineActive from './assets/icons/line-active.svg'
import Bar from './assets/icons/bar.svg' import Bar from './assets/icons/bar.svg'
...@@ -29,10 +33,12 @@ import Pie from './assets/icons/pie.svg' ...@@ -29,10 +33,12 @@ import Pie from './assets/icons/pie.svg'
import PieActive from './assets/icons/pie-active.svg' import PieActive from './assets/icons/pie-active.svg'
import Radar from './assets/icons/radar.svg' import Radar from './assets/icons/radar.svg'
import RadarActive from './assets/icons/radar-active.svg' import RadarActive from './assets/icons/radar-active.svg'
const chartItemList = ref([ import TipTab from '@/components/base/TipTab/index.vue'
const defaultChartTypeList = [
{ {
name: '折线图', name: '折线图',
active: true, active: false,
icon: Line, icon: Line,
activeIcon: LineActive activeIcon: LineActive
}, },
...@@ -54,15 +60,56 @@ const chartItemList = ref([ ...@@ -54,15 +60,56 @@ const chartItemList = ref([
icon: Radar, icon: Radar,
activeIcon: RadarActive activeIcon: RadarActive
}, },
]) ]
const emit = defineEmits('clickChartItem')
const handleClickChartItem = (item) => {
chartItemList.value.forEach(chart => {
chart.active = false
})
item.active = true
emit('clickChartItem', item)
}
const props = defineProps({ const props = defineProps({
chartTitle: { chartTitle: {
type: String, type: String,
default: '' default: ''
},
chartTypeList : {
type: Array,
default: []
} }
}) })
const chartItemList = computed(() => {
let arr = []
props.chartTypeList.forEach(item => {
defaultChartTypeList.forEach(val => {
if(val.name === item) {
arr.push(val)
}
})
})
arr.forEach(item => {
item.active = false
})
arr[0].active = true
return arr
})
// nextTick(() => {
// let arr = chartItemList.value.filter(item => item.active)
// if(!arr.length) {
// alert(1)
// chartItemList.value[0].active = true
// }
// })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -92,9 +139,11 @@ const props = defineProps({ ...@@ -92,9 +139,11 @@ const props = defineProps({
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
&:hover{
&:hover {
background: var(--color-primary-2); background: var(--color-primary-2);
} }
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -108,13 +157,14 @@ const props = defineProps({ ...@@ -108,13 +157,14 @@ const props = defineProps({
height: 24px; height: 24px;
text-align: center; text-align: center;
left: 200px; left: 200px;
height: 12px; top: 12px;
color: var(--text-primary-80-color); color: var(--text-primary-80-color);
} }
.header-right { .header-right {
width: 32px; width: 32px;
height: 32px; height: 32px;
cursor: pointer;
img { img {
width: 100%; width: 100%;
...@@ -122,5 +172,19 @@ const props = defineProps({ ...@@ -122,5 +172,19 @@ const props = defineProps({
} }
} }
} }
.main {
.chart-box {
width: 1520px;
height: 580px;
}
.tip-box {
height: 54px;
box-sizing: border-box;
padding-top: 10px;
// background: orange;
}
}
} }
</style> </style>
\ No newline at end of file
src/views/dataLibrary/components/ChartHeader/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="wrapper">
<div class="left">
<div class="left-text text-tip-1">{{ '统计维度：' }}</div>
<div class="left-list">
<ActionButton v-for="item, index in list" :key="index" :name="item.name"
:type="item.active ? 'active' : 'normal'" @click="handleClickItem(item)" />
</div>
</div>
<div class="right">
<slot name="chart-header-right"></slot>
</div>
</div>
</template>
<script setup>
import ActionButton from '@/components/base/ActionButton/index.vue'
const props = defineProps({
list: {
type: Array,
default: [
]
}
})
const emit = defineEmits(['clickItem'])
const handleClickItem = (item) => {
emit('clickItem', item)
}
</script>
<style lang="scss" scoped>
.wrapper {
width: 1520px;
height: 28px;
display: flex;
justify-content: space-between;
align-items: center;
.left {
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-start;
.left-text {
color: var(--text-primary-80-color);
}
.left-list {
display: flex;
gap: 8px;
align-items: center;
justify-content: flex-start;
}
}
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/HeaderBtnBox/arrow-down.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="Line/Up" width="16.000000" height="16.000000" x="0.000000" y="0.000000" transform="matrix(1,0,0,-1,0,16)" />
<path id="路径" d="M11.852 7.80156L6.34264 0.20625C6.14264 -0.06875 5.73327 -0.06875 5.53483 0.20625L0.0238932 7.80156C-0.0354818 7.88438 0.0223307 8 0.125456 8L1.29733 8C1.37702 8 1.45202 7.96094 1.49889 7.89687L5.93796 1.77813L10.377 7.89687C10.4239 7.96094 10.4989 8 10.5786 8L11.7505 8C11.852 8 11.9114 7.88438 11.852 7.80156L11.852 7.80156Z" fill="rgb(5,95,194)" fill-rule="evenodd" transform="matrix(1,0,0,-1,2.0625,12)" />
</svg>
src/views/dataLibrary/components/HeaderBtnBox/arrow-up.svg 0 → 100644
浏览文件 @ 2278184b
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none" customFrame="#000000">
<rect id="Line/Up" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="路径" d="M13.9145 11.8016L8.40514 4.20625C8.20514 3.93125 7.79577 3.93125 7.59733 4.20625L2.08639 11.8016C2.02702 11.8844 2.08483 12 2.18796 12L3.35983 12C3.43952 12 3.51452 11.9609 3.56139 11.8969L8.00046 5.77812L12.4395 11.8969C12.4864 11.9609 12.5614 12 12.6411 12L13.813 12C13.9145 12 13.9739 11.8844 13.9145 11.8016L13.9145 11.8016Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/views/dataLibrary/components/HeaderBtnBox/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="wrapper">
<div class="show" @click="handleSwitchShowAll">
<div class="text text-compact">{{ isShowAll ? '收起' : '展开全部' }}</div>
<div class="icon">
<img v-if="isShowAll" src="./arrow-up.svg" alt="">
<img v-else src="./arrow-down.svg" alt="">
</div>
</div>
<div class="clear text-tip-1" @click="handleClear">
{{ '清空条件' }}
</div>
<div class="confirm text-tip-1" @click="handleConfirm">
{{ '确定' }}
</div>
</div>
</template>
<script setup>
import {ref} from 'vue'
const props = defineProps({
isShowAll: {
type: Boolean,
default: false
}
})
const handleSwitchShowAll = () => {
emit('showAll')
}
const emit = defineEmits(['showAll', 'clear', 'confirm'])
const handleClear = () => {
emit('clear')
}
const handleConfirm = () => {
emit('confirm')
}
</script>
<style lang="scss" scoped>
.wrapper {
height: 36px;
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
.show {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
cursor: pointer;
.text {
color: var(--color-primary-100);
}
.icon {
width: 16px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
}
.clear {
width: 98px;
height: 36px;
border-radius: 4px;
box-sizing: border-box;
border: 1px solid var(--bg-black-10);
text-align: center;
padding: 6px 16px;
color: var(--text-primary-65-color);
cursor: pointer;
}
.confirm {
width: 150px;
height: 36px;
border-radius: 4px;
box-sizing: border-box;
padding: 6px 59px;
background: var(--color-primary-100);
color: var(--bg-white-100);
text-align: center;
cursor: pointer;
}
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/LineChart/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="line-chart-wrapper" id="line-chart"></div>
</template>
<script setup>
import { ref, onMounted, nextTick } from 'vue'
import setChart from '@/utils/setChart';
import getLineChart from './lineChart';
const props = defineProps({
lineChartData: {
type: Object,
default: {
dataX: [],
dataY: []
}
}
})
onMounted(() => {
const lineChart = getLineChart(props.lineChartData.dataX, props.lineChartData.dataY)
setChart(lineChart, 'line-chart', )
})
</script>
<style lang="scss">
.line-chart-wrapper {
width: 100%;
height: 100%;
// width: 1520px;
// height: 580px;
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/LineChart/lineChart.js 0 → 100644
浏览文件 @ 2278184b
import * as echarts from 'echarts'
const getLineChart = (dataX, dataY) => {
return {
grid: {
left: 24,
top: 48,
right: 34,
bottom: 10,
containLabel: true
},
xAxis: {
type: 'category',
boundaryGap: false,
splitLine: {
show: false
},
axisLine: {
show: false
},
data: dataX
},
yAxis: {
type: 'value',
splitLine: {
show: true,
lineStyle: {
color: ['#DEE2E7'], // 线条颜色，可以是数组，用于不同间隔交替颜色
width: 1, // 线宽
type: 'dashed', // 类型：'solid'（实线）, 'dashed'（虚线）, 'dotted'（点线）
// opacity: 0.6 // 透明度
}
},
axisLine: {
show: false
},
},
series: [
{
data: dataY,
type: 'line',
// showSymbol: false,
symbol: 'circle', // 圆形
symbolSize: 8, // 大小为8px
itemStyle: {
// color: 'rgba(5, 95, 194, 1)', // 填充为珊瑚红
color: '#fff',
borderColor: 'rgba(5, 95, 194, 1)',
borderWidth: 4,
// 不设置borderColor和borderWidth，即为纯实心
},
lineStyle: {
color: 'rgba(5, 95, 194, 1)'
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(5, 95, 194, 0.8)' // 起始颜色：深色
}, {
offset: 1,
color: 'rgba(5, 95, 194, 0)' // 结束颜色：浅色且透明度降低
}])
},
}
]
}
}
export default getLineChart;
\ No newline at end of file
src/views/dataLibrary/components/PieChart/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="pie-chart-wrapper" id="pie-chart"></div>
</template>
<script setup>
import { ref, onMounted, nextTick } from 'vue'
import setChart from '@/utils/setChart';
import getPieChart from './piechart';
const props = defineProps({
pieChartData: {
type: Array,
default: [
// {
// name: 'aaa',
// value: 12
// },
// {
// name: 'bbb',
// value: 8
// },
// {
// name: 'ccc',
// value: 15
// },
]
}
})
onMounted(() => {
const pieChart = getPieChart(props.pieChartData)
setChart(pieChart, 'pie-chart', )
})
</script>
<style lang="scss">
.pie-chart-wrapper {
width: 100%;
height: 100%;
// width: 1520px;
// height: 580px;
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/PieChart/piechart.js 0 → 100644
浏览文件 @ 2278184b
import { MUTICHARTCOLORS } from "@/common/constant";
const getPieChart = (data) => {
const colorList = MUTICHARTCOLORS
let option = {
color: colorList,
series: [
{
type: 'pie',
radius: [160, 190],
height: '100%',
left: 'center',
width: '98%',
itemStyle: {
borderColor: '#fff',
borderWidth: 1
},
label: {
alignTo: 'edge',
formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
minMargin: 5,
edgeDistance: 10,
lineHeight: 25,
rich: {
name: {
color: 'rgba(59, 65, 75, 1)',
fontFamily: 'Microsoft YaHei',
fontSize: 16,
fontWeight: 'bold',
},
time: {
fontSize: 16,
fontFamily: 'Microsoft YaHei',
color: '#rgba(95, 101, 108, 1)'
}
}
},
labelLine: {
length: 15,
length2: 0,
maxSurfaceAngle: 80
},
labelLayout: function (params) {
const isLeft = params.labelRect.x < 556 / 2;
const points = params.labelLinePoints;
// Update the end point.
points[2][0] = isLeft
? params.labelRect.x
: params.labelRect.x + params.labelRect.width;
return {
labelLinePoints: points
};
},
data: data
}]
}
return option
}
export default getPieChart;
\ No newline at end of file
src/views/dataLibrary/components/RadarChart/idnex.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="radar-chart-wrapper" id="radar-chart"></div>
</template>
<script setup>
import { ref, onMounted, nextTick } from 'vue'
import setChart from '@/utils/setChart';
import getRadarChart from './radarChart';
const props = defineProps({
radarChartData: {
type: Object,
default: {
title: [],
data: []
}
}
})
onMounted(() => {
const radarChart = getRadarChart(props.radarChartData)
setChart(radarChart, 'radar-chart',)
})
</script>
<style lang="scss">
.radar-chart-wrapper {
width: 100%;
height: 100%;
// width: 1520px;
// height: 580px;
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/RadarChart/radarChart.js 0 → 100644
浏览文件 @ 2278184b
const getRadarChart = (data) => {
// const indicators = [
// { name: "集成电路", max: 10 },
// { name: "能源领域", max: 10 },
// { name: "量子科技", max: 10 },
// { name: "通信网络", max: 10 },
// { name: "人工智能", max: 10 },
// { name: "生物科技", max: 10 }
// ];
// const data = [
// {
// name: "337调查",
// value: [
// {
// name: '航空航天',
// value: 10,
// },
// {
// name: '先进制造',
// value: 2,
// },
// {
// name: '量子科技',
// value: 0,
// },
// {
// name: '人工智能',
// value: 6,
// },
// {
// name: '新材料',
// value: 7,
// },
// {
// name: '集成电路',
// value: 4,
// }
// ]
// },
// {
// name: "232调查",
// value: [ {
// name: '航空航天',
// value: 7,
// },
// {
// name: '先进制造',
// value: 3,
// },
// {
// name: '量子科技',
// value: 5,
// },
// {
// name: '人工智能',
// value: 9,
// },
// {
// name: '新材料',
// value: 10,
// },
// {
// name: '集成电路',
// value: 5,
// }]
// },
// {
// name: "301调查",
// value: [ {
// name: '航空航天',
// value: 8,
// },
// {
// name: '先进制造',
// value: 10,
// },
// {
// name: '量子科技',
// value: 2,
// },
// {
// name: '人工智能',
// value: 8,
// },
// {
// name: '新材料',
// value: 1,
// },
// {
// name: '集成电路',
// value: 3,
// }]
// }
// ]
const indicators = data.title.map(item => {
return {
name: item.name, max: data.maxNum
}
})
const data337 = [9, 6, 6, 6, 9, 7];
const data301 = [5, 3, 7, 8, 7, 9];
const data232 = [4, 10, 3, 4, 2, 5];
const option = {
color: ["rgba(5, 95, 194, 1)", "rgba(250, 140, 22, 1)", "rgba(146, 84, 222, 1)"],
legend: {
top: 24,
left: 'center',
icon: "circle",
itemWidth: 12,
itemHeight: 12,
itemGap: 24,
textStyle: {
color: "rgb(95, 101, 108)",
fontSize: 16,
fontFamily: "Microsoft YaHei",
fontWeight: 400,
lineHeight: 24
},
data: ["337调查", "301调查", "232调查"]
},
radar: {
shape: "polygon",
splitNumber: 5,
indicator: indicators,
center: ["50%", "56%"],
radius: "72%",
startAngle: 90,
clockwise: false,
axisName: {
color: "rgba(59, 65, 75, 1)",
fontSize: 16,
fontFamily: "Microsoft YaHei",
fontWeight: 700,
lineHeight: 24,
padding: [0, 5]
},
splitLine: {
lineStyle: {
color: "#d0d0d0",
width: 1
}
},
axisLine: {
lineStyle: {
color: "#d0d0d0",
width: 1
}
},
splitArea: {
show: true,
areaStyle: {
color: ["#fff", "rgb(247, 248, 249)", "#fff", "rgb(247, 248, 249)", "#fff"]
}
}
},
series: [
{
// name: "337调查",
name: data.data[0].name,
type: "radar",
data: [{ value: data.data[0].value }],
lineStyle: {
width: 2,
color: "rgba(5, 95, 194,1)"
},
symbol: "none",
areaStyle: {
color: "rgba(5, 95, 194,0.15)"
}
},
{
name: data.data[1].name,
type: "radar",
data: [{ value: data.data[1].value }],
lineStyle: {
width: 2,
color: "rgba(250, 140, 22, 1)"
},
symbol: "none",
areaStyle: {
color: "rgba(250, 140, 22, 0.15)"
}
},
{
name: data.data[2].name,
type: "radar",
data: [{ value: data.data[2].value }],
lineStyle: {
width: 2,
color: "rgba(146, 84, 222, 1)"
},
symbol: "none",
areaStyle: {
color: "rgba(146, 84, 222, 0.15)"
}
},
]
};
return option
}
export default getRadarChart
\ No newline at end of file
src/views/dataLibrary/components/SelectBox/index.vue 0 → 100644
浏览文件 @ 2278184b
<template>
<div class="select-wrapper" :class="{'select-wrapper-custom': selectValue === '自定义'}">
<div class="select-left text-tip-1">{{ selectTitle + ':' }}</div>
<div class="select-right" :class="{'select-right-custom': selectValue === '自定义'}">
<el-select v-model="selectValue" :placeholder="placeholderName" style="width: 240px">
<!-- <el-option label="全部领域" value="全部领域" /> -->
<el-option v-for="item in selectList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
<el-date-picker style="width: 300px" v-if="selectValue === '自定义'" v-model="customTimeValue" type="daterange"
range-separator="--" start-placeholder="开始日期" end-placeholder="结束日期" size="default" />
</div>
</div>
</template>
<script setup>
import { computed } from 'vue';
const props = defineProps({
selectTitle: {
type: String,
default: ''
},
selectList: {
type: Array,
default: []
},
placeholderName: {
type: String,
default: ''
},
selectName: {
type: String,
default: ''
},
customTime: {
type: String,
default: ''
}
})
const emit = defineEmits(['update:selectText', 'update:customTime'])
const selectValue = computed({
get: () => props.selectName,
set: (value) => emit('update:selectText', value)
})
const customTimeValue = computed({
get: () => props.customTime,
set: (value) => emit('update:customTime', value)
})
</script>
<style lang="scss" scoped>
.select-wrapper {
width: 348px;
height: 28px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
.select-left {
width: 100px;
height: 24px;
color: var(--text-primary-65-color);
}
.select-right {
width: 240px;
display: flex;
gap: 8px;
justify-content: space-between;
:deep(.el-input__wrapper) {
border-radius: 4px;
}
}
.select-right-custom{
width: 630px;
}
}
.select-wrapper-custom{
width: 738px;
}
</style>
\ No newline at end of file
src/views/dataLibrary/components/bill/countryBill/index.vue deleted 100644 → 0
浏览文件 @ d691b3c5
<template>
<div class="countrybill-wrapper">
<div class="header-box">我是国会法案</div>
<div class="main-box">
<div class="info-box">
<div class="switch-box" @click="handleSwitchChartData">
<img v-if="!isShowChart" src="@/views/dataLibrary/assets/icons/chart-active.svg" alt="">
<img v-else src="@/views/dataLibrary/assets/icons/data-active.svg" alt="">
</div>
<div class="num-box text-title-3-bold">
{{ `共 ${totalNum} 条数据` }}
</div>
</div>
<div class="content-box">
<ChartBox chartTitle="美国会法案提出数量随时间变化趋势" />
</div>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
import ChartBox from '../../chartBox/index.vue'
// 图表/数据
const isShowChart = ref(true)
const handleSwitchChartData = () => {
isShowChart.value = !isShowChart.value
}
// 总计数据
const totalNum = ref(12)
</script>
<style lang="scss" scoped>
.countrybill-wrapper {
width: 1600px;
height: 968px;
.headere-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.header-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.main-box {
.info-box {
margin: 0 auto;
width: 1568px;
height: 30px;
display: flex;
justify-content: space-between;
.switch-box {
width: 160px;
border-radius: 20px;
border: 1px solid var(--color-primary-100);
height: 30px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.num-box {
color: var(--color-red-100);
}
}
.content-box {
margin: 0 auto;
margin-top: 16px;
width: 1568px;
height: 766px;
border-radius: 10px;
background: rgba(255, 255, 255);
border: 1px solid var(--bg-black-5);
}
}
}
</style>
\ No newline at end of file
src/views/dataLibrary/index.vue
浏览文件 @ 2278184b
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
</template> </template>
<script setup> <script setup>
import { computed, ref } from 'vue' import { computed, onMounted, ref } from 'vue'
import Icon1 from './assets/icons/sider-icon1.svg' import Icon1 from './assets/icons/sider-icon1.svg'
import Icon2 from './assets/icons/sider-icon2.svg' import Icon2 from './assets/icons/sider-icon2.svg'
import Icon3 from './assets/icons/sider-icon3.svg' import Icon3 from './assets/icons/sider-icon3.svg'
...@@ -95,7 +95,6 @@ const tagsViewStore = useTagsViewStore() ...@@ -95,7 +95,6 @@ const tagsViewStore = useTagsViewStore()
// 在路由全局守卫中处理 // 在路由全局守卫中处理
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
const tagsViewStore = useTagsViewStore()
// 路由允许添加标签（排除掉隐藏的布局页如 /404, /login 等） // 路由允许添加标签（排除掉隐藏的布局页如 /404, /login 等）
if (to.meta?.title && !to.meta?.hiddenTag) { if (to.meta?.title && !to.meta?.hiddenTag) {
tagsViewStore.addView({ tagsViewStore.addView({
...@@ -117,19 +116,19 @@ const siderList = ref([ ...@@ -117,19 +116,19 @@ const siderList = ref([
children: [ children: [
{ {
name: '国会法案', name: '国会法案',
path: '/countryBill', path: '/dataLibrary/countryBill',
active: true, active: true,
}, },
{ {
name: '州法案', name: '州法案',
path: '/stateBill', path: '/dataLibrary/stateBill',
active: false, active: false,
}, },
] ]
}, },
{ {
name: '科技政令', name: '科技政令',
path: '/dataDecree', path: '/dataLibrary/dataDecree',
icon: Icon2, icon: Icon2,
active: false, active: false,
isExpanded: false, isExpanded: false,
...@@ -139,7 +138,7 @@ const siderList = ref([ ...@@ -139,7 +138,7 @@ const siderList = ref([
}, },
{ {
name: '美国科技智库', name: '美国科技智库',
path: '/dataThinkTank', path: '/dataLibrary/dataThinkTank',
icon: Icon3, icon: Icon3,
active: false, active: false,
isExpanded: false, isExpanded: false,
...@@ -155,22 +154,22 @@ const siderList = ref([ ...@@ -155,22 +154,22 @@ const siderList = ref([
children: [ children: [
{ {
name: '实体清单', name: '实体清单',
path: '/dataEntityList', path: '/dataLibrary/dataEntityList',
active: false, active: false,
}, },
{ {
name: '商业管制清单', name: '商业管制清单',
path: '/dataCommerceControlList', path: '/dataLibrary/dataCommerceControlList',
active: false, active: false,
}, },
{ {
name: '实体清单事件', name: '实体清单事件',
path: '/dataEntityListEvent', path: '/dataLibrary/dataEntityListEvent',
active: false, active: false,
}, },
{ {
name: '商业管制清单事件', name: '商业管制清单事件',
path: '/dataCommerceControlListEvent', path: '/dataLibrary/dataCommerceControlListEvent',
active: false, active: false,
}, },
] ]
...@@ -191,22 +190,22 @@ const siderList = ref([ ...@@ -191,22 +190,22 @@ const siderList = ref([
children: [ children: [
{ {
name: 'SDN清单', name: 'SDN清单',
path: '/sDNList', path: '/dataLibrary/sDNList',
active: false, active: false,
}, },
{ {
name: '涉军企业清单', name: '涉军企业清单',
path: '/mREList', path: '/dataLibrary/mREList',
active: false, active: false,
}, },
{ {
name: 'SDN清单事件', name: 'SDN清单事件',
path: '/sDNListEvent', path: '/dataLibrary/sDNListEvent',
active: false, active: false,
}, },
{ {
name: '涉军企业清单事件', name: '涉军企业清单事件',
path: '/mREListEvent', path: '/dataLibrary/mREListEvent',
active: false, active: false,
}, },
] ]
...@@ -219,17 +218,17 @@ const siderList = ref([ ...@@ -219,17 +218,17 @@ const siderList = ref([
children: [ children: [
{ {
name: '337调查', name: '337调查',
path: '/case337', path: '/dataLibrary/case337',
active: false, active: false,
}, },
{ {
name: '232调查', name: '232调查',
path: '/case232', path: '/dataLibrary/case232',
active: false, active: false,
}, },
{ {
name: '301调查', name: '301调查',
path: '/case301', path: '/dataLibrary/case301',
active: false, active: false,
}, },
] ]
...@@ -251,22 +250,22 @@ const siderList = ref([ ...@@ -251,22 +250,22 @@ const siderList = ref([
children: [ children: [
{ {
name: '国会议员', name: '国会议员',
path: '/congressMan', path: '/dataLibrary/congressMan',
active: false, active: false,
}, },
{ {
name: '科技企业领袖', name: '科技企业领袖',
path: '/technologyLeader', path: '/dataLibrary/technologyLeader',
active: false, active: false,
}, },
{ {
name: '机构主官', name: '机构主官',
path: '/minister', path: '/dataLibrary/minister',
active: false, active: false,
}, },
{ {
name: '智库研究人员', name: '智库研究人员',
path: '/thinkTankResearcher', path: '/dataLibrary/thinkTankResearcher',
active: false, active: false,
}, },
] ]
...@@ -279,17 +278,17 @@ const siderList = ref([ ...@@ -279,17 +278,17 @@ const siderList = ref([
children: [ children: [
{ {
name: '科技企业', name: '科技企业',
path: '/technologyCompany', path: '/dataLibrary/technologyCompany',
active: false, active: false,
}, },
{ {
name: '研究型大学', name: '研究型大学',
path: '/researchUniversity', path: '/dataLibrary/researchUniversity',
active: false, active: false,
}, },
{ {
name: '重点实验室', name: '重点实验室',
path: '/keyLab', path: '/dataLibrary/keyLab',
active: false, active: false,
}, },
] ]
...@@ -316,13 +315,25 @@ const siderList = ref([ ...@@ -316,13 +315,25 @@ const siderList = ref([
const handleSiderItem = (item) => { const handleSiderItem = (item) => {
siderList.value.forEach(val => { siderList.value.forEach(val => {
val.active = false val.active = false
val.isExpanded = false
if (val.children && val.children.length) {
val.children.forEach(vall => {
vall.active = false
})
}
}) })
item.isExpanded = true
item.active = true item.active = true
item.isExpanded = !item.isExpanded
if (item.path) { if (item.path) {
router.push({ router.push({
path: item.path path: item.path
}) })
} else {
item.children[0].active = true
router.push({
path: item.children[0].path
})
} }
} }
...@@ -342,13 +353,11 @@ const handleSiderSecondItem = (item) => { ...@@ -342,13 +353,11 @@ const handleSiderSecondItem = (item) => {
} }
const openedTabList = computed(() => { const openedTabList = computed(() => {
const tagsViewStore = useTagsViewStore()
const arr = tagsViewStore.visitedViews const arr = tagsViewStore.visitedViews
return arr return arr
}) })
const handleClickTab = (tab) => { const handleClickTab = (tab) => {
const tagsViewStore = useTagsViewStore()
tagsViewStore.visitedViews.forEach(val => { tagsViewStore.visitedViews.forEach(val => {
val.active = false val.active = false
}) })
...@@ -360,6 +369,7 @@ const handleClickTab = (tab) => { ...@@ -360,6 +369,7 @@ const handleClickTab = (tab) => {
) )
siderList.value.forEach(val => { siderList.value.forEach(val => {
val.active = false val.active = false
val.isExpanded = false
if (val.children && val.children.length) { if (val.children && val.children.length) {
val.children.forEach(vall => { val.children.forEach(vall => {
vall.active = false vall.active = false
...@@ -374,10 +384,12 @@ const handleClickTab = (tab) => { ...@@ -374,10 +384,12 @@ const handleClickTab = (tab) => {
return return
} }
} else { } else {
val.children.forEach(vall => { val.children.forEach(vall => {
if (vall.name === tab.meta.title) { if (vall.name === tab.meta.title) {
vall.active = true vall.active = true
val.active = true val.active = true
val.isExpanded = true
return return
} }
}) })
...@@ -392,7 +404,6 @@ const handleCloseCurTab = (tab, index) => { ...@@ -392,7 +404,6 @@ const handleCloseCurTab = (tab, index) => {
let activeTab let activeTab
if (!tab.active) { if (!tab.active) {
const tagsViewStore = useTagsViewStore()
tagsViewStore.delView(tab) tagsViewStore.delView(tab)
} else { } else {
siderList.value.forEach(val => { siderList.value.forEach(val => {
...@@ -404,7 +415,6 @@ const handleCloseCurTab = (tab, index) => { ...@@ -404,7 +415,6 @@ const handleCloseCurTab = (tab, index) => {
} }
}) })
if (index === openedTabList.value.length - 1) { if (index === openedTabList.value.length - 1) {
const tagsViewStore = useTagsViewStore()
tagsViewStore.delView(tab) tagsViewStore.delView(tab)
setTimeout(() => { setTimeout(() => {
tagsViewStore.visitedViews[tagsViewStore.visitedViews.length - 1].active = true tagsViewStore.visitedViews[tagsViewStore.visitedViews.length - 1].active = true
...@@ -432,7 +442,6 @@ const handleCloseCurTab = (tab, index) => { ...@@ -432,7 +442,6 @@ const handleCloseCurTab = (tab, index) => {
}) })
} else { } else {
const tagsViewStore = useTagsViewStore()
tagsViewStore.delView(tab) tagsViewStore.delView(tab)
tagsViewStore.visitedViews[index].active = true tagsViewStore.visitedViews[index].active = true
...@@ -459,10 +468,6 @@ const handleCloseCurTab = (tab, index) => { ...@@ -459,10 +468,6 @@ const handleCloseCurTab = (tab, index) => {
}) })
} }
} }
} }
...@@ -471,6 +476,10 @@ const handleClickToolBox = () => { ...@@ -471,6 +476,10 @@ const handleClickToolBox = () => {
ElMessage.warning("当前功能正在开发中，敬请期待！"); ElMessage.warning("当前功能正在开发中，敬请期待！");
}; };
onMounted(() => {
})
</script> </script>
...@@ -480,6 +489,7 @@ const handleClickToolBox = () => { ...@@ -480,6 +489,7 @@ const handleClickToolBox = () => {
.data-library-wrapper { .data-library-wrapper {
width: 1920px; width: 1920px;
height: 1080px; height: 1080px;
overflow: hidden;
// background: orange; // background: orange;
.data-library-header { .data-library-header {
...@@ -615,29 +625,57 @@ const handleClickToolBox = () => { ...@@ -615,29 +625,57 @@ const handleClickToolBox = () => {
.tab-box { .tab-box {
width: 1600px;
height: 48px; height: 48px;
background: rgba(255, 255, 255); background: rgba(255, 255, 255);
border-bottom: 2px solid var(--bg-black-5); border-bottom: 2px solid var(--bg-black-5);
display: flex; display: flex;
overflow: hidden;
.tab-item { .tab-item {
height: 48px; // height: 46px;
white-space: nowrap;
/* 强制文字不换行 */
overflow: hidden;
/* 隐藏溢出的文字 */
text-overflow: ellipsis;
/* 显示省略号 */
display: flex; display: flex;
flex-wrap: nowrap;
gap: 8px; gap: 8px;
align-items: center; align-items: center;
padding: 0 12px 0 16px; padding: 0 12px 0 16px;
border-bottom: 2px solid var(--bg-black-5); border-bottom: 2px solid var(--bg-white-100);
cursor: pointer; cursor: pointer;
// animation: all ease 0.5s; // animation: all ease 0.5s;
&:hover { &:hover {
flex: 0 0 auto;
/* 不再压缩 */
/* 或者设定一个固定宽度 */
/* width: 150px; */
z-index: 10;
/* 提高层级 */
// box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
// border-bottom: 2px solid var(--color-primary-100);
.text { .text {
// width: 150px;
color: var(--color-primary-100); color: var(--color-primary-100);
} }
} }
.text {
/* 关键属性2: 处理内部文字溢出 */
white-space: nowrap;
/* 强制文字不换行 */
overflow: hidden;
/* 隐藏溢出的文字 */
text-overflow: ellipsis;
/* 显示省略号 */
}
.text-active { .text-active {
color: var(--color-primary-100); color: var(--color-primary-100);
} }
...@@ -645,6 +683,10 @@ const handleClickToolBox = () => { ...@@ -645,6 +683,10 @@ const handleClickToolBox = () => {
.icon { .icon {
width: 16px; width: 16px;
height: 16px; height: 16px;
&:hover{
border-radius: 8px;
background: var(--color-primary-10);
}
img { img {
width: 100%; width: 100%;
...@@ -654,7 +696,7 @@ const handleClickToolBox = () => { ...@@ -654,7 +696,7 @@ const handleClickToolBox = () => {
} }
.tab-item-active { .tab-item-active {
border-bottom: 2px solid var(--color-primary-100); border-bottom: 2px solid var(--color-primary-100) !important;
} }
} }
......
src/views/exportControl/components/info.vue
浏览文件 @ 2278184b
...@@ -7,12 +7,19 @@ ...@@ -7,12 +7,19 @@
<div class="sub-title">{{ subtitle }}</div> <div class="sub-title">{{ subtitle }}</div>
</div> </div>
<div class="description">{{ description }}</div> <div class="description">{{ description }}</div>
<div v-if="quantity > 0" class="quantity" :style="{ color: color }">{{ quantity }}{{ unit || "个" }}</div> <div v-if="quantity > 0" class="quantity" :style="{ color: color }">
{{ quantity }}{{ unit || "个" }}
<div class="quantity-title-des" v-if="desMap[title]">
<img class="info-icon" :src="infoIcon" alt="" />
{{ desMap[title] }}
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import infoIcon from "../assets/icons/info-icon.png";
defineProps({ defineProps({
title: { title: {
type: String, type: String,
...@@ -39,6 +46,11 @@ defineProps({ ...@@ -39,6 +46,11 @@ defineProps({
default: "#409EFF" default: "#409EFF"
} }
}); });
const desMap = {
实体清单: "中国实体数量",
商业管制清单: "受管制物项数量",
关键与新兴技术清单: "关键与新兴技术数量"
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
...@@ -53,9 +65,7 @@ defineProps({ ...@@ -53,9 +65,7 @@ defineProps({
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
transition: transition: transform 0.3s ease, box-shadow 0.3s ease;
transform 0.3s ease,
box-shadow 0.3s ease;
cursor: pointer; cursor: pointer;
} }
...@@ -117,9 +127,27 @@ defineProps({ ...@@ -117,9 +127,27 @@ defineProps({
.quantity { .quantity {
position: absolute; position: absolute;
top: 20px; top: 15px;
right: 20px; right: 20px;
font-size: 32px; font-size: 32px;
font-weight: 700; font-weight: 700;
width: 150px;
display: flex;
flex-direction: column;
align-items: flex-end;
.quantity-title-des {
display: flex;
align-items: center;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: 400;
color: rgba(95, 101, 108, 1);
line-height: 1.4;
.info-icon {
width: 16px;
height: 16px;
margin-right: 4px;
}
}
} }
</style> </style>
src/views/exportControl/v2.0CommercialControlList/index.vue
浏览文件 @ 2278184b
...@@ -10,9 +10,7 @@ ...@@ -10,9 +10,7 @@
</div> </div>
<div class="department">{{ headerTitle.department }}</div> <div class="department">{{ headerTitle.department }}</div>
</div> </div>
<div class="btn"> <div class="btn"><img :src="icon01" alt />切换</div>
<img :src="icon01" alt />切换
</div>
</div> </div>
<div class="header-nav"> <div class="header-nav">
<div <div
...@@ -38,15 +36,16 @@ ...@@ -38,15 +36,16 @@
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref, onMounted } from "vue";
import { useRoute } from "vue-router";
import sanctionsOverview from "./components/sanctionsOverview/index.vue" import sanctionsOverview from "./components/sanctionsOverview/index.vue";
// import dataStatistics from "./components/dataStatistics/index.vue" // import dataStatistics from "./components/dataStatistics/index.vue"
// import deepMining from "./components/deepMining/index.vue" // import deepMining from "./components/deepMining/index.vue"
// import impactAnalysis from "./components/impactAnalysis/index.vue" // import impactAnalysis from "./components/impactAnalysis/index.vue"
import title from "./assets/title.png" import title from "./assets/title.png";
import icon01 from "./assets/icon01.png" import icon01 from "./assets/icon01.png";
import icon1 from "../assets/icons/icon1.png"; import icon1 from "../assets/icons/icon1.png";
import icon1Active from "../assets/icons/icon1_active.png"; import icon1Active from "../assets/icons/icon1_active.png";
import icon5 from "../assets/icons/icon5.png"; import icon5 from "../assets/icons/icon5.png";
...@@ -56,41 +55,45 @@ import icon2Active from "../assets/icons/icon2_active.png"; ...@@ -56,41 +55,45 @@ import icon2Active from "../assets/icons/icon2_active.png";
import icon3 from "../assets/icons/icon3.png"; import icon3 from "../assets/icons/icon3.png";
import icon3Active from "../assets/icons/icon3_active.png"; import icon3Active from "../assets/icons/icon3_active.png";
const route = useRoute();
const sanTypeId = ref("");
onMounted(() => {
// 获取路由参数sanTypeId
sanTypeId.value = route.query.sanTypeId;
console.log("CommercialControlList 页面接收到的 sanTypeId:", sanTypeId.value);
});
const headerTitle = ref({ const headerTitle = ref({
img: title, img: title,
title: "商业管制清单（CCL）", title: "商业管制清单（CCL）",
titleEn: "Commercial Control List", titleEn: "Commercial Control List",
department: "美国商务部工业与安全局" department: "美国商务部工业与安全局"
}) });
const activeIndex = ref(0) const activeIndex = ref(0);
const headerNavList = ref([ const headerNavList = ref([
{ {
img: icon1, img: icon1,
imgActive: icon1Active, imgActive: icon1Active,
title: "制裁概况" title: "制裁概况"
}, },
{ {
img: icon5, img: icon5,
imgActive: icon5Active, imgActive: icon5Active,
title: "数据统计" title: "数据统计"
}, },
{ {
img: icon2, img: icon2,
imgActive: icon2Active, imgActive: icon2Active,
title: "深度挖掘" title: "深度挖掘"
}, },
{ {
img: icon3, img: icon3,
imgActive: icon3Active, imgActive: icon3Active,
title: "影响分析" title: "影响分析"
} }
]) ]);
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/views/exportControl/v2.0EntityList/components/dataStatistics/index.vue
浏览文件 @ 2278184b
...@@ -178,8 +178,13 @@ ...@@ -178,8 +178,13 @@
<div class="rank-index" :class="'rank-' + (index + 1)">{{ index + 1 }}</div> <div class="rank-index" :class="'rank-' + (index + 1)">{{ index + 1 }}</div>
<div class="rank-name">{{ item.name }}</div> <div class="rank-name">{{ item.name }}</div>
<div class="rank-bar-bg"> <div class="rank-bar-bg">
<div class="rank-bar-fill" <div
:style="{ width: (item.value / maxRankValue) * 100 + '%', background: getBarColor(index) }"></div> class="rank-bar-fill"
:style="{
width: (item.value / maxRankValue) * 100 + '%',
background: getBarColor(index)
}"
></div>
</div> </div>
<div class="rank-value">{{ item.value }}家</div> <div class="rank-value">{{ item.value }}家</div>
</div> </div>
...@@ -302,13 +307,22 @@ import * as echarts from "echarts"; ...@@ -302,13 +307,22 @@ import * as echarts from "echarts";
import chinaJson from "../../../utils/China.json"; import chinaJson from "../../../utils/China.json";
import ai from "./assets/ai.png"; import ai from "./assets/ai.png";
import right from "./assets/right.png"; import right from "./assets/right.png";
import { getTotalCount, getSanctionCountChange, getRegionCount, getTechDomainCount, getEntityTypeCount } from "@/api/exportControlV2.0"; import {
getTotalCount,
getSanctionCountChange,
getRegionCount,
getTechDomainCount,
getEntityTypeCount
} from "@/api/exportControlV2.0";
import { useRoute } from "vue-router";
const route = useRoute();
// 实体清单-数据统计-制裁实体类型分布情况 // 实体清单-数据统计-制裁实体类型分布情况
const typeData = ref([]); const typeData = ref([]);
const getTypeCountData = async () => { const getTypeCountData = async () => {
// 参数 // 参数
const param = {}; const param = {};
param.sanTypeId = sanTypeId.value;
if (typeTime.value !== "all") { if (typeTime.value !== "all") {
param.startDate = `${typeTime.value}-01-01`; param.startDate = `${typeTime.value}-01-01`;
...@@ -330,14 +344,12 @@ const getTypeCountData = async () => { ...@@ -330,14 +344,12 @@ const getTypeCountData = async () => {
} }
}; };
// 实体清单-数据统计-制裁实体领域分布情况 // 实体清单-数据统计-制裁实体领域分布情况
const domainData = ref([]); const domainData = ref([]);
const getDomainCountData = async () => { const getDomainCountData = async () => {
// 参数 // 参数
const param = {}; const param = {};
param.sanTypeId = sanTypeId.value;
if (domainTime.value !== "all") { if (domainTime.value !== "all") {
param.startDate = `${domainTime.value}-01-01`; param.startDate = `${domainTime.value}-01-01`;
...@@ -371,7 +383,7 @@ const maxRankValue = computed(() => { ...@@ -371,7 +383,7 @@ const maxRankValue = computed(() => {
const getRegionCountData = async () => { const getRegionCountData = async () => {
// 参数 // 参数
const param = {}; const param = {};
param.sanTypeId = sanTypeId.value;
if (regionTime.value !== "all") { if (regionTime.value !== "all") {
param.startDate = `${regionTime.value}-01-01`; param.startDate = `${regionTime.value}-01-01`;
param.endDate = `${regionTime.value}-12-31`; param.endDate = `${regionTime.value}-12-31`;
...@@ -396,14 +408,14 @@ const getRegionCountData = async () => { ...@@ -396,14 +408,14 @@ const getRegionCountData = async () => {
} }
}; };
// 实体清单-数据统计-制裁实体数量变化情况 // 实体清单-数据统计-制裁实体数量变化情况
const sanctionCountChange = ref([]); const sanctionCountChange = ref([]);
// 获取实体清单-数据统计-制裁实体数量变化情况 // 获取实体清单-数据统计-制裁实体数量变化情况
const getSanctionCountChangeData = async () => { const getSanctionCountChangeData = async () => {
// 参数 // 参数
const param = { const param = {
countType: activeTab.value === "year" ? "year" : "record" countType: activeTab.value === "year" ? "year" : "record",
sanTypeId: sanTypeId.value
}; };
try { try {
const res = await getSanctionCountChange(param); const res = await getSanctionCountChange(param);
...@@ -419,7 +431,7 @@ const totalCount = ref(0); ...@@ -419,7 +431,7 @@ const totalCount = ref(0);
// 获取实体清单-数据统计-总量统计 // 获取实体清单-数据统计-总量统计
const getTotalCountData = async () => { const getTotalCountData = async () => {
try { try {
const res = await getTotalCount(); const res = await getTotalCount(sanTypeId.value);
totalCount.value = res.data || 0; totalCount.value = res.data || 0;
} catch (error) { } catch (error) {
console.error("获取实体清单-数据统计-总量统计失败:", error); console.error("获取实体清单-数据统计-总量统计失败:", error);
...@@ -438,9 +450,7 @@ const typeTime = ref("all"); ...@@ -438,9 +450,7 @@ const typeTime = ref("all");
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
const timeOptions = [ const timeOptions = [{ label: "全部时间", value: "all" }];
{ label: "全部时间", value: "all" },
];
for (let i = 0; i <= 10; i++) { for (let i = 0; i <= 10; i++) {
const year = currentYear - i; const year = currentYear - i;
...@@ -749,11 +759,13 @@ const updateTypeChart = () => { ...@@ -749,11 +759,13 @@ const updateTypeChart = () => {
chart = echarts.init(typeChartRef.value); chart = echarts.init(typeChartRef.value);
} }
let data = typeData.value.length ? [...typeData.value] : [ let data = typeData.value.length
{ value: 50, name: "企业" }, ? [...typeData.value]
{ value: 32, name: "高校" }, : [
{ value: 32, name: "科研院所" } { value: 50, name: "企业" },
]; { value: 32, name: "高校" },
{ value: 32, name: "科研院所" }
];
// 2. 聚合逻辑：保留前5项，其余合并为“其他” // 2. 聚合逻辑：保留前5项，其余合并为“其他”
data.sort((a, b) => b.value - a.value); data.sort((a, b) => b.value - a.value);
...@@ -873,7 +885,10 @@ const initTypeChart = () => { ...@@ -873,7 +885,10 @@ const initTypeChart = () => {
updateTypeChart(); updateTypeChart();
}; };
const sanTypeId = ref("");
onMounted(() => { onMounted(() => {
sanTypeId.value = route.query.sanTypeId || "";
console.log("数据统计页面接收到的 sanTypeId:", sanTypeId.value);
// initSanctionCountChart(); // initSanctionCountChart();
initMapChart(); initMapChart();
initDomainChart(); initDomainChart();
......
src/views/exportControl/v2.0EntityList/components/sanctionsOverview/components/introductionPage/index.vue
浏览文件 @ 2278184b
...@@ -75,9 +75,17 @@ ...@@ -75,9 +75,17 @@
<AnalysisBox title="实体清单更新历史" :showAllBtn="false"> <AnalysisBox title="实体清单更新历史" :showAllBtn="false">
<template #header-btn> <template #header-btn>
<div class="filters"> <div class="filters">
<el-select v-model="selectedDomain" placeholder="Select" <el-select
style="width: 150px; height: 32px; margin-right: 16px"> v-model="selectedDomain"
<el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value" /> placeholder="Select"
style="width: 150px; height: 32px; margin-right: 16px"
>
<el-option
v-for="item in domainOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
<el-checkbox v-model="onlyChina">只看涉华动态</el-checkbox> <el-checkbox v-model="onlyChina">只看涉华动态</el-checkbox>
</div> </div>
...@@ -91,8 +99,13 @@ ...@@ -91,8 +99,13 @@
<img :src="item.icon || title" alt="" /> <img :src="item.icon || title" alt="" />
<div class="main"> <div class="main">
<div class="main-title" @click="handleClick(item)">{{ item.name }}</div> <div class="main-title" @click="handleClick(item)">{{ item.name }}</div>
<el-tooltip effect="dark" :content="item.summary" popper-class="common-prompt-popper" placement="top" <el-tooltip
:show-after="500"> effect="dark"
:content="item.summary"
popper-class="common-prompt-popper"
placement="top"
:show-after="500"
>
<div class="main-desc">{{ item.summary }}</div> <div class="main-desc">{{ item.summary }}</div>
</el-tooltip> </el-tooltip>
<div class="tag-box"> <div class="tag-box">
...@@ -107,8 +120,14 @@ ...@@ -107,8 +120,14 @@
</div> </div>
<div class="left-footer"> <div class="left-footer">
<div class="total-count">共 {{ totalAll }} 项</div> <div class="total-count">共 {{ totalAll }} 项</div>
<el-pagination v-model:current-page="currentPageAll" :page-size="pageSizeAll" :total="totalAll" <el-pagination
layout="prev, pager, next" background @current-change="handlePageChangeAll" /> v-model:current-page="currentPageAll"
:page-size="pageSizeAll"
:total="totalAll"
layout="prev, pager, next"
background
@current-change="handlePageChangeAll"
/>
</div> </div>
</AnalysisBox> </AnalysisBox>
</div> </div>
...@@ -130,8 +149,12 @@ ...@@ -130,8 +149,12 @@
<span>关键人物</span> <span>关键人物</span>
</div> </div>
<div class="key-person-list"> <div class="key-person-list">
<div class="person-item" v-for="(item, index) in publishInfo.personList" :key="index" <div
@click="handlePerClick(item)"> class="person-item"
v-for="(item, index) in publishInfo.personList"
:key="index"
@click="handlePerClick(item)"
>
<img :src="item.imageUrl" alt="" /> <img :src="item.imageUrl" alt="" />
<div class="person-info"> <div class="person-info">
<CommonPrompt :content="item.name"> <CommonPrompt :content="item.name">
...@@ -183,7 +206,9 @@ import icon02 from "../../assets/icon02.png"; ...@@ -183,7 +206,9 @@ import icon02 from "../../assets/icon02.png";
import { ArrowDown } from "@element-plus/icons-vue"; import { ArrowDown } from "@element-plus/icons-vue";
import CommonPrompt from "../../../../../commonPrompt/index.vue"; import CommonPrompt from "../../../../../commonPrompt/index.vue";
import { getEntityInfo, getPublishInfo, getPublishOrgInfo, getEntityUpdateInfo } from "@/api/exportControlV2.0.js"; import { getEntityInfo, getPublishInfo, getPublishOrgInfo, getEntityUpdateInfo } from "@/api/exportControlV2.0.js";
import { useRoute } from "vue-router";
const route = useRoute();
// 处理点击发布机构的方法 // 处理点击发布机构的方法
const handleClickOrg = item => { const handleClickOrg = item => {
// console.log("点击了发布机构:", item); // console.log("点击了发布机构:", item);
...@@ -275,9 +300,10 @@ const getSanctionUpdate = async () => { ...@@ -275,9 +300,10 @@ const getSanctionUpdate = async () => {
const data = { const data = {
isCn: onlyChina.value, isCn: onlyChina.value,
techDomainIds: selectedDomain.value ? [selectedDomain.value] : [], techDomainIds: selectedDomain.value ? [selectedDomain.value] : [],
typeName: "实体清单", // typeName: "实体清单",
pageNum: currentPageAll.value, pageNum: currentPageAll.value,
pageSize: pageSizeAll.value pageSize: pageSizeAll.value,
sanTypeIds: [sanTypeId.value] || ["1"] // 实体清单固定1
}; };
try { try {
const res = await getEntityUpdateInfo(data); const res = await getEntityUpdateInfo(data);
...@@ -324,7 +350,7 @@ const handlePageChangeAll = val => { ...@@ -324,7 +350,7 @@ const handlePageChangeAll = val => {
const publishInfo = ref({}); const publishInfo = ref({});
const getPublishInfoFn = async () => { const getPublishInfoFn = async () => {
const params = { const params = {
sanTypeId: 1 // 实体清单固定1 sanTypeId: sanTypeId.value || 1 // 实体清单固定1
}; };
try { try {
const res = await getPublishInfo(params); const res = await getPublishInfo(params);
...@@ -379,22 +405,25 @@ const handleLoadMoreDynamic = () => { ...@@ -379,22 +405,25 @@ const handleLoadMoreDynamic = () => {
// 获取实体清单基本信息 // 获取实体清单基本信息
const entityInfo = ref({}); const entityInfo = ref({});
const emit = defineEmits(['update-entity-info']); const emit = defineEmits(["update-entity-info"]);
const getEntityInfoFn = async () => { const getEntityInfoFn = async id => {
try { try {
const res = await getEntityInfo("el"); const res = await getEntityInfo(id);
if (res && res.code === 200) { if (res && res.code === 200) {
entityInfo.value = res.data; entityInfo.value = res.data;
emit('update-entity-info', res.data); console.log("获取实体清单基本信息成功:", res.data);
emit("update-entity-info", res.data);
} }
} catch (error) { } catch (error) {
console.error("获取实体清单基本信息失败:", error); console.error("获取实体清单基本信息失败:", error);
} }
}; };
const sanTypeId = ref("");
onMounted(() => { onMounted(() => {
sanTypeId.value = route.query.sanTypeId;
// 获取实体清单基本信息 // 获取实体清单基本信息
getEntityInfoFn(); getEntityInfoFn(sanTypeId.value);
// 获取实体清单发布机构 // 获取实体清单发布机构
getPublishInfoFn(); getPublishInfoFn();
// 获取实体清单更新历史 // 获取实体清单更新历史
......
vite.config.js
浏览文件 @ 2278184b
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论