提交 a0e74460 authored 作者: coderBryanFu's avatar coderBryanFu

update

上级 26ddfb50
...@@ -6,8 +6,8 @@ const getBarChart = (nameList, valueList) => { ...@@ -6,8 +6,8 @@ const getBarChart = (nameList, valueList) => {
grid: { grid: {
top: '3%', top: '3%',
right: '3%', right: '3%',
bottom: '1%', bottom: '3%',
left: '1%', left: '3%',
containLabel: true containLabel: true
}, },
yAxis: { yAxis: {
...@@ -18,7 +18,12 @@ const getBarChart = (nameList, valueList) => { ...@@ -18,7 +18,12 @@ const getBarChart = (nameList, valueList) => {
axisLine: { axisLine: {
show: false show: false
}, },
show: true show: true,
textStyle: {
color: 'rgba(95, 101, 108, 1)',
fontFamily: 'Microsoft YaHei',
fontsize: 14,
}
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
...@@ -33,7 +38,12 @@ const getBarChart = (nameList, valueList) => { ...@@ -33,7 +38,12 @@ const getBarChart = (nameList, valueList) => {
show: true show: true
}, },
axisLabel: { axisLabel: {
show: true show: true,
textStyle: {
color: 'rgba(95, 101, 108, 1)',
fontFamily: 'Microsoft YaHei',
fontsize: 14,
}
} }
}, },
series: [{ series: [{
......
...@@ -2,46 +2,53 @@ const getPieChart = (data) => { ...@@ -2,46 +2,53 @@ const getPieChart = (data) => {
let option = { let option = {
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: [110, 143], radius: [110, 143],
height: '100%', height: '100%',
left: 'center', left: 'center',
width: '100%', width: '95%',
itemStyle: { itemStyle: {
borderColor: '#fff', borderColor: '#fff',
borderWidth: 1 borderWidth: 1
}, },
label: { label: {
alignTo: 'edge', alignTo: 'edge',
formatter: '{name|{b}}\n{time|{c} 条 {d}%}', formatter: '{name|{b}}\n{time|{c} 条 {d}%}',
minMargin: 5, minMargin: 5,
edgeDistance: 10, edgeDistance: 10,
lineHeight: 24, lineHeight: 24,
rich: { rich: {
time: { name: {
fontSize: 16, color: 'rgba(59, 65, 75, 1)',
color: '#999' fontFamily: 'Microsoft YaHei',
fontSize: 16,
fontWeight: 'bold',
},
time: {
fontSize: 16,
fontFamily: 'Microsoft YaHei',
color: '#rgba(95, 101, 108, 1)'
}
} }
} },
}, labelLine: {
labelLine: { length: 15,
length: 15, length2: 0,
length2: 0, maxSurfaceAngle: 80
maxSurfaceAngle: 80 },
}, labelLayout: function (params) {
labelLayout: function (params) { const isLeft = params.labelRect.x < 556 / 2;
const isLeft = params.labelRect.x < 556 / 2; const points = params.labelLinePoints;
const points = params.labelLinePoints; // Update the end point.
// Update the end point. points[2][0] = isLeft
points[2][0] = isLeft ? params.labelRect.x
? params.labelRect.x : params.labelRect.x + params.labelRect.width;
: params.labelRect.x + params.labelRect.width; return {
return { labelLinePoints: points
labelLinePoints: points };
}; },
}, data: data
data: data }]
}]
} }
return option return option
} }
......
...@@ -129,26 +129,26 @@ const showList = computed(() => { ...@@ -129,26 +129,26 @@ const showList = computed(() => {
}); });
const siderList = ref([ const siderList = ref([
{ // {
time: "2023", // time: "",
title: "拜登人工智能政令" // title: ""
}, // },
{ // {
time: "2023", // time: "2023",
title: "拜登人工智能政令" // title: "拜登人工智能政令"
}, // },
{ // {
time: "2025", // time: "2025",
title: "特朗普撤销拜登AI规则" // title: "特朗普撤销拜登AI规则"
}, // },
{ // {
time: "2023", // time: "2023",
title: "美国AI行动计划" // title: "美国AI行动计划"
}, // },
{ // {
time: "2024", // time: "2024",
title: "对中国AI芯片限制" // title: "对中国AI芯片限制"
} // }
]); ]);
const siderActiveIndex = ref(0); const siderActiveIndex = ref(0);
const handleClickSider = async index => { const handleClickSider = async index => {
...@@ -178,22 +178,22 @@ const handleClickSider = async index => { ...@@ -178,22 +178,22 @@ const handleClickSider = async index => {
}; };
const decreeInfo = ref({ const decreeInfo = ref({
img: box2InfoImg, img: "",
totalTitle: "关于安全、可靠和可信地开发和使用人工智能的行政命令", totalTitle: "",
eTotalTitle: "Executive Order on the Safe, Secure, and Trustworthy Development and Use of Artificial Intelligence", eTotalTitle: "",
signTime: "2025年7月23日", signTime: "",
signOrg: "乔·拜登(Joe Biden)", signOrg: "",
list: [ list: [
{ // {
content: // content:
"要求强大AI系统开发者与政府分享安全测试结果(“红队测试”);制定生物合成筛查标准防范风险;建立AI生成内容鉴别标准" // "要求强大AI系统开发者与政府分享安全测试结果(“红队测试”);制定生物合成筛查标准防范风险;建立AI生成内容鉴别标准"
}, // },
{ // {
content: "优先支持隐私保护技术(PET)研发;评估各机构如何收集和使用商业信息;制定评估隐私保护技术有效性的指南。" // content: "优先支持隐私保护技术(PET)研发;评估各机构如何收集和使用商业信息;制定评估隐私保护技术有效性的指南。"
}, // },
{ // {
content: "为解决算法歧视提供明确指导;确保刑事司法系统中AI使用的公平性;协调调查和起诉AI相关的民权侵犯行为。" // content: "为解决算法歧视提供明确指导;确保刑事司法系统中AI使用的公平性;协调调查和起诉AI相关的民权侵犯行为。"
} // }
] ]
}); });
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<div class="layout-main-header-right-box"> <div class="layout-main-header-right-box">
<div class="right-box-top"> <div class="right-box-top">
<div class="time">{{ summaryInfo.postDate }}</div> <div class="time">{{ summaryInfo.postDate }}</div>
<div class="name">{{ "唐纳德·约翰·特朗普(Donald John Trump)" }}</div> <div class="name">{{ summaryInfo.orgName }}</div>
</div> </div>
<div class="right-box-bottom"> <div class="right-box-bottom">
<!-- <el-button type="plain" size="large" icon="Search" @click="handleSwitchActiveName('法案原文')" <!-- <el-button type="plain" size="large" icon="Search" @click="handleSwitchActiveName('法案原文')"
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="id">{{ index + 1 }}</div> <div class="id">{{ index + 1 }}</div>
<div class="title">{{ item.name }}</div> <div class="title">{{ item.name }}</div>
<div class="icon"> <div class="icon">
<img v-if="item.status === 'up'" src="./assets/images/up.png" alt="" /> <img v-if="item.status >= 0" src="./assets/images/up.png" alt="" />
<img v-else src="./assets/images/down.png" alt="" /> <img v-else src="./assets/images/down.png" alt="" />
</div> </div>
</div> </div>
...@@ -214,7 +214,13 @@ const handelBox1 = async () => { ...@@ -214,7 +214,13 @@ const handelBox1 = async () => {
const box1BtnActiveName = ref(""); const box1BtnActiveName = ref("");
const curAreaId = ref(0); const curAreaId = ref(0);
const box1BtnList = ref(["集成电路", "新能源", "人工智能", "先进制造", "量子科技"]); const box1BtnList = ref([
// "集成电路",
// "新能源",
// "人工智能",
// "先进制造",
// "量子科技"
]);
const handleClickBox1Btn = btn => { const handleClickBox1Btn = btn => {
box1BtnActiveName.value = btn.name; box1BtnActiveName.value = btn.name;
curAreaId.value = btn.id; curAreaId.value = btn.id;
...@@ -236,46 +242,26 @@ const handleGetHylyList = async () => { ...@@ -236,46 +242,26 @@ const handleGetHylyList = async () => {
}; };
const companyList = ref([ const companyList = ref([
{ // {
name: "宁德时代新能源科技股份有限公司", // name: "宁德时代新能源科技股份有限公司",
status: "down" // status: "down"
}, // },
{ // {
name: "比亚迪股份有限公司", // name: "比亚迪股份有限公司",
status: "down" // status: "down"
}, // },
{ // {
name: "隆基绿能科技股份有限公司", // name: "隆基绿能科技股份有限公司",
status: "down" // status: "down"
}, // },
{ // {
name: "晶科能源控股有限公司", // name: "晶科能源控股有限公司",
status: "down" // status: "down"
}, // },
{ // {
name: "厦门海辰储能科技股份有限公司", // name: "厦门海辰储能科技股份有限公司",
status: "down" // status: "down"
}, // }
{
name: "国轩高科股份有限公司",
status: "up"
},
{
name: "远景科技集团",
status: "down"
},
{
name: "惠州亿纬锂能股份有限公司",
status: "down"
},
{
name: "天合光能股份有限公司",
status: "down"
},
{
name: "晶澳太阳能科技股份有限公司",
status: "up"
}
]); ]);
const currentPage = ref(1); const currentPage = ref(1);
const pageSize = ref(10); const pageSize = ref(10);
...@@ -303,7 +289,7 @@ const handleGetCompanyListByArea = async () => { ...@@ -303,7 +289,7 @@ const handleGetCompanyListByArea = async () => {
return { return {
name: item.name, name: item.name,
id: item.id, id: item.id,
status: "up" status: item.marketChange
}; };
}); });
companyTotalNum.value = companyList.value.length; companyTotalNum.value = companyList.value.length;
......
...@@ -31,7 +31,12 @@ const getBarChart = (nameList, valueList) => { ...@@ -31,7 +31,12 @@ const getBarChart = (nameList, valueList) => {
show: false show: false
}, },
axisLabel: { axisLabel: {
show: true show: true,
textStyle: {
fontSize: 16,
fontFamily: 'Microsoft YaHei',
color: 'rgba(59, 65, 75, 1)'
}
} }
}, },
series: [{ series: [{
......
...@@ -126,12 +126,12 @@ const handleClickBox1Btn = btn => { ...@@ -126,12 +126,12 @@ const handleClickBox1Btn = btn => {
}; };
const backgroundListNum = ref(0); const backgroundListNum = ref(0);
const backgroundList = ref([ const backgroundList = ref([
{ // {
content: "认为人工智能(AI)是一项将决定未来几十年经济增长、国家安全和全球竞争力的基础性技术" // content: "认为人工智能(AI)是一项将决定未来几十年经济增长、国家安全和全球竞争力的基础性技术"
}, // },
{ // {
content: "要求美国不仅必须在开发通用和前沿AI能力方面领先,还必须确保美国的人工智能技术、标准和治理模式在全球范围内被采用" // content: "要求美国不仅必须在开发通用和前沿AI能力方面领先,还必须确保美国的人工智能技术、标准和治理模式在全球范围内被采用"
}, // },
]); ]);
const handleGetBackground = async () => { const handleGetBackground = async () => {
const params = { const params = {
...@@ -155,39 +155,14 @@ const handleGetBackground = async () => { ...@@ -155,39 +155,14 @@ const handleGetBackground = async () => {
// 相关事件 // 相关事件
const relatedEvents = ref([ const relatedEvents = ref([
{ // {
image: Img1, // image: Img1,
title: "中美AI模型性能差距迅速缩小", // title: "中美AI模型性能差距迅速缩小",
content: // content:
"斯坦福大学《2025年人工智能指数报告》显示,中美顶尖AI模型在MMLU(大规模多任务语言理解)等主流基准测试中的性能...", // "斯坦福大学《2025年人工智能指数报告》显示,中美顶尖AI模型在MMLU(大规模多任务语言理解)等主流基准测试中的性能...",
time: "2025-08-30" // time: "2025-08-30"
}, // }
{
image: Img2,
title: "中国模型以更低成本实现高性能",
content: "2025年1月,中国公司深度求索(DeepSeek)发布高性能AI推理模型R1,以其极低的训练成本和媲美顶级模型的推理能力受...",
time: "2025-05-16"
},
{
image: Img3,
title: "美国发布《赢得AI竞赛:美国AI行动计划》​",
content:
"特朗普政府发布该计划,核心包括加速创新​(解除监管)、建设AI基础设施​(加速数据中心审批、保障能源供应)和引领国际...",
time: "2025-07-23"
},
{
image: Img4,
title: "中国深入推进“人工智能+”行动",
content: "中国国务院常务会议审议通过《关于深入实施“人工智能+”行动的意见》,大力推进AI在各领域的规模化商业化应用和和深...",
time: "2025-07-31"
},
{
image: Img5,
title: "美国对华AI芯片出口管制持续升级",
content:
"美国商务部宣布撤销拜登时期的《AI扩散规则》,要求全球使用美国技术的芯片厂商停止向中国出口AI芯片,直接影响英伟达...",
time: "2025-05-20"
}
]); ]);
const handleGetRelateEvents = async () => { const handleGetRelateEvents = async () => {
const params = { const params = {
...@@ -215,34 +190,19 @@ const handleGetRelateEvents = async () => { ...@@ -215,34 +190,19 @@ const handleGetRelateEvents = async () => {
// 法律依据 // 法律依据
const laws = ref([ const laws = ref([
{ // {
name: "《美国法典》", // name: "《美国法典》",
info: "第3编第301条", // info: "第3编第301条",
content: // content:
"允许总统通过行政命令(Executive Order)​​ 或其它书面形式授权行政部门或机构的负责人​(如国务卿、财政部长等)代行本属于总统的法定职能(由国会立法授予总统的职能)。" // "允许总统通过行政命令(Executive Order)​​ 或其它书面形式授权行政部门或机构的负责人​(如国务卿、财政部长等)代行本属于总统的法定职能(由国会立法授予总统的职能)。"
}, // },
{ // {
name: "《出口管制改革法案》", // name: "《出口管制改革法案》",
info: "", // info: "",
content: // content:
"该法案授权政府出于国家安全和外交政策目的对特定技术、商品和软件的出口进行管制。确保AI技术不流向“对手国家”是其题中应有之义。" // "该法案授权政府出于国家安全和外交政策目的对特定技术、商品和软件的出口进行管制。确保AI技术不流向“对手国家”是其题中应有之义。"
}, // }
{
name: "《国际紧急经济权力法》",
info: "",
content:
"授予总统在应对“不寻常且极其严重的威胁”时,监管商业和金融交易的广泛权力,包括实施出口管制。这在以往的贸易和科技管制中常被引用。"
},
{
name: "《2019年通过外交捍卫美国商业法》",
info: "第708(c)(3)条",
content: "授权小企业管理局局长和OSTP主任任命其各自行政部门和机构的高级官员担任EDAG成员。"
},
{
name: "《关于安全、可靠和可信地开发和使用人工智能的行政命令》",
info: "",
content: "要求强大AI系统的开发者与政府共享安全测试结果,并为AI安全、隐私保护、公平权利及创新竞争等方面制定标准。"
}
]); ]);
const handleGetLaws = async () => { const handleGetLaws = async () => {
const params = { const params = {
......
...@@ -208,14 +208,14 @@ const decreeId = ref(route.query.id); ...@@ -208,14 +208,14 @@ const decreeId = ref(route.query.id);
// 基本信息 // 基本信息
const basicInfo = ref({ const basicInfo = ref({
img: box1Img, img: "",
name: "推动美国人工智能技术栈出口", name: "",
eName: "Promoting the Export of the American AI Technology Stack", eName: "",
areaList: ["人工智能", "出口管制", "半导体产业", "关税", "光伏产业"], areaList: [],
signTime: "2025年7月23日", signTime: "",
signPeople: "唐纳德·约翰·特朗普(Donald John Trump)", signPeople: "",
bh: "第14320号行政命令 (EO 14320)", bh: "",
deadline: "签署后90天内建立机制并开始实施" deadline: ""
}); });
const handleGetBasicInfo = async () => { const handleGetBasicInfo = async () => {
...@@ -242,10 +242,10 @@ handleGetBasicInfo(); ...@@ -242,10 +242,10 @@ handleGetBasicInfo();
// 主要指令 // 主要指令
const majorList = ref([ const majorList = ref([
{ // {
id: 1, // id: 1,
content: '要求商务部在90天内建立"全栈式"美国AI出口机制。' // content: '要求商务部在90天内建立"全栈式"美国AI出口机制。'
} // }
]); ]);
const currentPage = ref(1); const currentPage = ref(1);
const pageSize = ref(5); const pageSize = ref(5);
...@@ -305,32 +305,29 @@ const handleClickBox3Btn = (btn, index) => { ...@@ -305,32 +305,29 @@ const handleClickBox3Btn = (btn, index) => {
const box3Data = ref([]); const box3Data = ref([]);
const box3TopData = ref({ const box3TopData = ref({
logo: Box3Logo, logo: "",
name: "美国商务部", name: "",
eName: "United States Department of Commerce", eName: "",
clsj: "1903年2月14日", clsj: "",
zbdz: "华盛顿宪法大道1401号胡佛大楼", zbdz: "",
bz: "霍华德·卢特尼克" bz: ""
}); });
// 机构动态 // 机构动态
const eventList = ref([ const eventList = ref([
{ // {
time: "2025-07-31", // time: "2025-07-31",
title: "美商务部发布指南,警告全球企业使用华为昇腾芯片可能违反美国出口管制。意在限制中国AI产业发展,阻碍其获得先进算力。" // title: "美商务部发布指南,警告全球企业使用华为昇腾芯片可能违反美国出口管制。意在限制中国AI产业发展,阻碍其获得先进算力。"
}, // },
{ // {
time: "2025-07-25", // time: "2025-07-25",
title: "美商务部持续对多种中国产品发起“双反”(反倾销、反补贴)调查并作出裁决,涉及产品从工业原料到日常用品,且裁定的税率普遍较高。" // title: "美商务部持续对多种中国产品发起“双反”(反倾销、反补贴)调查并作出裁决,涉及产品从工业原料到日常用品,且裁定的税率普遍较高。"
}, // },
{ // {
time: "2025-07-21", // time: "2025-07-21",
title: "美商务部进一步收紧对华先进半导体出口管制,将更多中国实体列入“实体清单”。限制14纳米及以下先进芯片、DRAM等对华出口" // title: "美商务部进一步收紧对华先进半导体出口管制,将更多中国实体列入“实体清单”。限制14纳米及以下先进芯片、DRAM等对华出口"
}, // }
{
time: "2025-07-12",
title: "美商务部发起第三次反倾销和反补贴日落复审调查。"
}
]); ]);
const handleGetOrgnization = async () => { const handleGetOrgnization = async () => {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论