Skip to content

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

update

上级 bef8ac89
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 34 行增加 和 208 行删除
src/App.vue
浏览文件 @ 263351bf
...@@ -9,58 +9,8 @@ ...@@ -9,58 +9,8 @@
</div> </div>
<div class="brand-text" @click="handleToHome"> <div class="brand-text" @click="handleToHome">
<div class="text-ch">某方向风险监测预警系统</div> <div class="text-ch">某方向风险监测预警系统</div>
<!-- <div class="text-en">
National Science and Technology Security Risk Monitoring and Early Warning System
</div> -->
</div> </div>
</div> </div>
<!-- <div class="nav-menu">
<el-dropdown @command="handleHomeCommand" class="home-dropdown">
<div class="nav-link dropdown-trigger">
<el-icon>
<House />
</el-icon>
<span>首页</span>
<el-icon class="dropdown-arrow">
<ArrowDown />
</el-icon>
</div>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="/billHome">法案首页</el-dropdown-item>
<el-dropdown-item command="/decree">政令首页</el-dropdown-item>
<el-dropdown-item command="/thinkTank">智库首页</el-dropdown-item>
<el-dropdown-item command="/exportControl">出口管制</el-dropdown-item>
<el-dropdown-item command="/finance">投融资限制</el-dropdown-item>
<el-dropdown-item command="/marketAccessRestrictions">市场准入限制</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<div class="nav-link">
<el-icon>
<User />
</el-icon>
<span>国家</span>
</div>
<div class="nav-link">
<el-icon>
<Location />
</el-icon>
<span>领域</span>
</div>
<div class="nav-link">
<el-icon>
<Document />
</el-icon>
<span>要素</span>
</div>
<div class="nav-link">
<el-icon>
<Bell />
</el-icon>
<span>事件</span>
</div>
</div> -->
<div class="user-info"> <div class="user-info">
<div class="email"> <div class="email">
<img src="@/assets/icons/header-icon.png" alt="" /> <img src="@/assets/icons/header-icon.png" alt="" />
...@@ -73,18 +23,18 @@ ...@@ -73,18 +23,18 @@
</nav> </nav>
</el-header> </el-header>
<!-- 面包屑导航 -->
<!-- <Breadcrumb /> -->
<el-main class="main-container"> <el-main class="main-container">
<router-view /> <router-view />
</el-main> </el-main>
<div class="ai-btn" @click="openAiBox"> <div ref="target" class="draggable-box" :style="style">
<div class="icon"> <div class="ai-btn" @click="openAiBox">
<img src="@/assets/icons/ai-icon.png" alt="" /> <div class="icon">
<img src="@/assets/icons/ai-icon.png" alt="" />
</div>
<div class="text">智能问答</div>
</div> </div>
<div class="text">智能问答</div>
</div> </div>
<div class="ai-dialog" v-if="isShowAiBox"> <div class="ai-dialog" v-if="isShowAiBox">
<AiBox @close="closeAiBox" /> <AiBox @close="closeAiBox" />
</div> </div>
...@@ -93,14 +43,30 @@ ...@@ -93,14 +43,30 @@
</template> </template>
<script setup> <script setup>
import { ref } from "vue"; import { ref, computed } from "vue";
import { Monitor, House, User, Location, Document, Bell, Message, ArrowDown } from "@element-plus/icons-vue"; import { Monitor, House, User, Location, Document, Bell, Message, ArrowDown } from "@element-plus/icons-vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import Breadcrumb from "@/components/BreadCrumb/index.vue"; import Breadcrumb from "@/components/BreadCrumb/index.vue";
import AiBox from "./components/AiBox.vue"; import AiBox from "./components/AiBox.vue";
import { useDraggable } from "@vueuse/core";
const router = useRouter(); const router = useRouter();
const target = ref(null);
const { x, y, isDragging } = useDraggable(target, {
initialValue: { x: 1770, y: 800 },
onStart: () => console.log("开始拖动"),
onEnd: () => console.log("结束拖动")
});
const style = computed(() => ({
position: "absolute",
left: `${x.value}px`,
top: `${y.value}px`,
cursor: isDragging.value ? "grabbing" : "grab"
}));
const handleToHome = () => { const handleToHome = () => {
router.push({ router.push({
path: "/overview" path: "/overview"
...@@ -315,12 +281,18 @@ body { ...@@ -315,12 +281,18 @@ body {
.wrapper { .wrapper {
position: relative; position: relative;
.target {
// position: absolute;
// bottom: 20%;
// right: 46px;
z-index: 9999;
}
.ai-btn { .ai-btn {
position: absolute; // position: absolute;
bottom: 20%; // bottom: 20%;
right: 46px; // right: 46px;
z-index: 9999; // z-index: 9999;
cursor: pointer; cursor: pointer;
.icon { .icon {
......
src/api/index.js deleted 100644 → 0
浏览文件 @ bef8ac89
差异被折叠。
src/api/mockdata.js deleted 100644 → 0
浏览文件 @ bef8ac89
export const policyList = [
{
id: 1,
imageUrl: 'https://picsum.photos/60/80?random=101',
title: '允许OPT国际学生出境旅行并持多次入境签证重新进入美国。',
date: '2025年6月24日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['人才交流', '移民政策'],
status: 'implemented',
relatedBill: { text: '相关立法已通过：《2024值得关注的国会人口结构法案》' }
},
{
id: 2,
imageUrl: 'https://picsum.photos/60/80?random=102',
title: '增加中国公民可获得的 H-1B 签证数量。',
date: '2025年6月24日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['人才交流', '移民政策'],
status: 'unimplemented',
relatedBill: null
},
{
id: 3,
imageUrl: 'https://picsum.photos/60/80?random=103',
title: '通过职业偏好类别增加绿卡的数量。',
date: '2025年6月24日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['人才交流', '移民政策'],
status: 'partial',
relatedBill: { text: '存在相关提案：《2024调整签证以吸引国外顶尖人才法案》' }
},
{
id: 4,
imageUrl: 'https://picsum.photos/60/80?random=104',
title: '推动清洁能源生产的内用，化石燃料重新配置出口。',
date: '2025年6月24日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['能源政策', '环境保护'],
status: 'partial',
relatedBill: { text: '存在相关提案：《2024清洁能源转型促进法案》' }
},
{
id: 5,
imageUrl: 'https://picsum.photos/60/80?random=105',
title: '加强对关键技术出口的管制措施。',
date: '2025年6月24日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['技术安全', '出口管制'],
status: 'implemented',
relatedBill: { text: '相关立法已通过：《2024关键技术保护法案》' }
},
{
id: 6,
imageUrl: 'https://picsum.photos/60/80?random=106',
title: '建立多边技术合作框架，促进盟友间技术共享。',
date: '2025年6月23日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['国际合作', '技术共享'],
status: 'unimplemented',
relatedBill: null
},
{
id: 7,
imageUrl: 'https://picsum.photos/60/80?random=107',
title: '完善供应链韧性，减少对单一国家的依赖。',
date: '2025年6月23日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['供应链', '经济安全'],
status: 'partial',
relatedBill: { text: '存在相关提案：《2024供应链韧性提升法案》' }
},
{
id: 8,
imageUrl: 'https://picsum.photos/60/80?random=108',
title: '加大对新兴技术研发的投资力度。',
date: '2025年6月22日',
source: '中美经济竞争：复杂经济和地缘政治关系中的收益与风险',
tags: ['科技投资', '研发创新'],
status: 'implemented',
relatedBill: { text: '相关立法已通过：《2024科技创新投资法案》' }
}
]
export const corePersom = [
{
id: 1,
name: '杰森·马西尼',
position: '兰德公司总裁兼首席执行官',
avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face'
},
{
id: 2,
name: '安德鲁·R·霍恩',
position: '高级副总裁，研究与分析',
avatar: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face'
},
{
id: 3,
name: '杰森·马西尼',
position: '兰德公司总裁兼首席执行官',
avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face'
},
{
id: 4,
name: '梅丽莎·罗',
position: '副总裁，全球研究人才政策分析数据政策分析政策学院',
avatar: 'https://images.unsplash.com/photo-1494790108755-2616b612b786?w=100&h=100&fit=crop&crop=face'
},
{
id: 5,
name: '梅丽莎·罗',
position: '副总裁，全球研究人才政策分析数据政策分析政策学院',
avatar: 'https://images.unsplash.com/photo-1494790108755-2616b612b786?w=100&h=100&fit=crop&crop=face'
},
{
id: 6,
name: '安妮塔·钱德拉',
position: '副总裁兼主任，兰德社会经济福利，高级政策研究员',
avatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face'
},
{
id: 7,
name: '安妮塔·钱德拉',
position: '兰德研究院研究员，兰德公司政策中心临时副总裁兼主任，工程和应用科学部',
avatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face'
},
{
id: 8,
name: '安妮塔·钱德拉',
position: '副总裁兼主任，兰德社会经济福利，高级政策研究员',
avatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face'
},
{
id: 9,
name: '梅丽莎·罗',
position: '副总裁，全球研究人才政策分析数据政策分析政策学院',
avatar: 'https://images.unsplash.com/photo-1494790108755-2616b612b786?w=100&h=100&fit=crop&crop=face'
},
{
id: 10,
name: '安妮塔·钱德拉',
position: '副总裁兼主任，兰德社会经济福利，高级政策研究员政策分析数据',
avatar: 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face'
}
]
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论