Skip to content

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

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

上级 49d4b995 00b44928
隐藏空白字符变更
内嵌 并排
正在显示 包含 1702 行增加 和 2045 行删除
public/icon/company/普通企业节点.svg 0 → 100644
浏览文件 @ fd608e1e
<svg viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52.000000" height="52.000000" fill="none" customFrame="#000000">
<defs>
<g id="pixso_custom_effect_0">
<effect x="0.000000" y="0.000000" visibility="visible" fill="rgb(0,0,0)" fill-opacity="0.100000001" effectType="dropShadow" stdDeviation="8" radius="0" />
</g>
<filter id="filter_0" width="52.000000" height="52.000000" x="0.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_0)" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feOffset dx="0.000000" dy="0.000000" in="SourceAlpha" />
<feGaussianBlur stdDeviation="2.66666675" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0 " />
<feBlend result="effect_dropShadow_1" in2="BackgroundImageFix" mode="normal" />
<feBlend result="shape" in="SourceGraphic" in2="effect_dropShadow_1" mode="normal" />
</filter>
<clipPath id="clipPath_0">
<rect width="16.000000" height="16.000000" x="18.000000" y="18.000000" fill="rgb(255,255,255)" />
</clipPath>
</defs>
<rect id="普通企业节点" width="36.000000" height="36.000000" x="8.000000" y="8.000000" />
<g filter="url(#filter_0)">
<circle id="椭圆 25" cx="26" cy="26" r="18" fill="rgb(246,250,255)" />
<circle id="椭圆 25" cx="26" cy="26" r="17.5" stroke="rgb(231,243,255)" stroke-width="1.000000" />
</g>
<g id="企业 " clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
<rect id="企业 " width="16.000000" height="16.000000" x="18.000000" y="18.000000" />
<path id="矢量 370" d="M33.4667 31.9231L32.9333 31.9231L32.9333 24.3846C32.9333 23.2 31.9733 22.2308 30.8 22.2308L27.6 22.2308L27.6 21.1538C27.6 19.9692 26.64 19 25.4667 19L21.2 19C20.0267 19 19.0667 19.9692 19.0667 21.1538L19.0667 31.9231L18.5333 31.9231C18.2347 31.9231 18 32.16 18 32.4615C18 32.7631 18.2347 33 18.5333 33L33.4667 33C33.7653 33 34 32.7631 34 32.4615C34 32.16 33.7653 31.9231 33.4667 31.9231ZM26.5333 22.2308L26.5333 23.3077L26.5333 31.9231L20.1333 31.9231L20.1333 21.1538C20.1333 20.5615 20.6133 20.0769 21.2 20.0769L25.4667 20.0769C26.0533 20.0769 26.5333 20.5615 26.5333 21.1538L26.5333 22.2308ZM31.8667 31.9231L27.6 31.9231L27.6 23.3077L30.8 23.3077C31.3867 23.3077 31.8667 23.7923 31.8667 24.3846L31.8667 31.9231ZM24.9333 22.2308L21.7333 22.2308C21.4347 22.2308 21.2 22.4677 21.2 22.7692C21.2 23.0708 21.4347 23.3077 21.7333 23.3077L24.9333 23.3077C25.232 23.3077 25.4667 23.0708 25.4667 22.7692C25.4667 22.4677 25.232 22.2308 24.9333 22.2308ZM24.9333 25.4615L21.7333 25.4615C21.4347 25.4615 21.2 25.6985 21.2 26C21.2 26.3015 21.4347 26.5385 21.7333 26.5385L24.9333 26.5385C25.232 26.5385 25.4667 26.3015 25.4667 26C25.4667 25.6985 25.232 25.4615 24.9333 25.4615ZM24.9333 28.6923L21.7333 28.6923C21.4347 28.6923 21.2 28.9292 21.2 29.2308C21.2 29.5323 21.4347 29.7692 21.7333 29.7692L24.9333 29.7692C25.232 29.7692 25.4667 29.5323 25.4667 29.2308C25.4667 28.9292 25.232 28.6923 24.9333 28.6923ZM30.2667 25.4615L29.2 25.4615C28.9013 25.4615 28.6667 25.6985 28.6667 26C28.6667 26.3015 28.9013 26.5385 29.2 26.5385L30.2667 26.5385C30.5653 26.5385 30.8 26.3015 30.8 26C30.8 25.6985 30.5653 25.4615 30.2667 25.4615ZM30.2667 28.6923L29.2 28.6923C28.9013 28.6923 28.6667 28.9292 28.6667 29.2308C28.6667 29.5323 28.9013 29.7692 29.2 29.7692L30.2667 29.7692C30.5653 29.7692 30.8 29.5323 30.8 29.2308C30.8 28.9292 30.5653 28.6923 30.2667 28.6923Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</g>
</svg>
public/icon/company/普通企业节点2.svg 0 → 100644
浏览文件 @ fd608e1e
<svg viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52.000000" height="52.000000" fill="none" customFrame="#000000">
<defs>
<g id="pixso_custom_effect_1">
<effect x="0.000000" y="0.000000" visibility="visible" fill="rgb(0,0,0)" fill-opacity="0.100000001" effectType="dropShadow" stdDeviation="8" radius="0" />
</g>
<filter id="filter_1" width="52.000000" height="52.000000" x="0.000000" y="0.000000" filterUnits="userSpaceOnUse" customEffect="url(#pixso_custom_effect_1)" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feOffset dx="0.000000" dy="0.000000" in="SourceAlpha" />
<feGaussianBlur stdDeviation="2.66666675" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0 " />
<feBlend result="effect_dropShadow_1" in2="BackgroundImageFix" mode="normal" />
<feBlend result="shape" in="SourceGraphic" in2="effect_dropShadow_1" mode="normal" />
</filter>
<clipPath id="clipPath_1">
<rect width="16.000000" height="16.000000" x="18.000000" y="18.000000" fill="rgb(255,255,255)" />
</clipPath>
</defs>
<rect id="普通企业节点" width="36.000000" height="36.000000" x="8.000000" y="8.000000" />
<g filter="url(#filter_1)">
<circle id="椭圆 25" cx="26" cy="26" r="18" fill="rgb(255,255,255)" />
<circle id="椭圆 25" cx="26" cy="26" r="17.5" stroke="rgb(230,231,232)" stroke-width="1.000000" />
</g>
<g id="企业 " clip-path="url(#clipPath_1)" customFrame="url(#clipPath_1)">
<rect id="企业 " width="16.000000" height="16.000000" x="18.000000" y="18.000000" />
<path id="矢量 370" d="M33.4667 31.9231L32.9333 31.9231L32.9333 24.3846C32.9333 23.2 31.9733 22.2308 30.8 22.2308L27.6 22.2308L27.6 21.1538C27.6 19.9692 26.64 19 25.4667 19L21.2 19C20.0267 19 19.0667 19.9692 19.0667 21.1538L19.0667 31.9231L18.5333 31.9231C18.2347 31.9231 18 32.16 18 32.4615C18 32.7631 18.2347 33 18.5333 33L33.4667 33C33.7653 33 34 32.7631 34 32.4615C34 32.16 33.7653 31.9231 33.4667 31.9231ZM26.5333 22.2308L26.5333 23.3077L26.5333 31.9231L20.1333 31.9231L20.1333 21.1538C20.1333 20.5615 20.6133 20.0769 21.2 20.0769L25.4667 20.0769C26.0533 20.0769 26.5333 20.5615 26.5333 21.1538L26.5333 22.2308ZM31.8667 31.9231L27.6 31.9231L27.6 23.3077L30.8 23.3077C31.3867 23.3077 31.8667 23.7923 31.8667 24.3846L31.8667 31.9231ZM24.9333 22.2308L21.7333 22.2308C21.4347 22.2308 21.2 22.4677 21.2 22.7692C21.2 23.0708 21.4347 23.3077 21.7333 23.3077L24.9333 23.3077C25.232 23.3077 25.4667 23.0708 25.4667 22.7692C25.4667 22.4677 25.232 22.2308 24.9333 22.2308ZM24.9333 25.4615L21.7333 25.4615C21.4347 25.4615 21.2 25.6985 21.2 26C21.2 26.3015 21.4347 26.5385 21.7333 26.5385L24.9333 26.5385C25.232 26.5385 25.4667 26.3015 25.4667 26C25.4667 25.6985 25.232 25.4615 24.9333 25.4615ZM24.9333 28.6923L21.7333 28.6923C21.4347 28.6923 21.2 28.9292 21.2 29.2308C21.2 29.5323 21.4347 29.7692 21.7333 29.7692L24.9333 29.7692C25.232 29.7692 25.4667 29.5323 25.4667 29.2308C25.4667 28.9292 25.232 28.6923 24.9333 28.6923ZM30.2667 25.4615L29.2 25.4615C28.9013 25.4615 28.6667 25.6985 28.6667 26C28.6667 26.3015 28.9013 26.5385 29.2 26.5385L30.2667 26.5385C30.5653 26.5385 30.8 26.3015 30.8 26C30.8 25.6985 30.5653 25.4615 30.2667 25.4615ZM30.2667 28.6923L29.2 28.6923C28.9013 28.6923 28.6667 28.9292 28.6667 29.2308C28.6667 29.5323 28.9013 29.7692 29.2 29.7692L30.2667 29.7692C30.5653 29.7692 30.8 29.5323 30.8 29.2308C30.8 28.9292 30.5653 28.6923 30.2667 28.6923Z" fill="rgb(59,65,75)" fill-rule="nonzero" />
</g>
</svg>
src/api/ruleRestriction/index.js
浏览文件 @ fd608e1e
......@@ -164,4 +164,11 @@ export function getRelevantMeasures(params) {
// url: `/api/organization/relate/news`,
// data,
// })
// }
\ No newline at end of file
// }
export function getRuleOrg(params) {
return request({
method: 'POST',
url: `/api/organization/relate/ruleOrg`, data: params
})
}
\ No newline at end of file
src/components/NewsList.vue deleted 100644 → 0
浏览文件 @ 49d4b995
<template>
<div class="news-box">
<div class="box3-header">
<div class="box3-header-left">
<div class="box3-header-icon">
<img src="@/assets/images/box3-header-icon.png" alt="" />
</div>
<div class="box3-header-title">{{ "新闻资讯" }}</div>
<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
</div>
</div>
<div class="box3-main">
<div class="box3-item" v-for="(news, index) in normalizedList" :key="index"
@click="handleClickToNewsDetail(news)">
<div class="left">
<img :src="getProxyUrl(news.newsImage) || defaultImg" alt="" referrerpolicy="no-referrer"
@error="e => (e.target.src = errImg || News1)" />
</div>
<div class="right">
<div class="right-top">
<div class="title">{{ news.newsTitle || news.title }}</div>
<div class="time">
{{ news.newsDate ? news.newsDate.slice(5) : "" }} {{ news.newsOrg ? "-" + news.newsOrg : "" }}
</div>
</div>
<div class="right-footer">{{ news.newsContent || news.description }}</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { computed } from "vue";
import router from "@/router/index";
import News1 from "@/assets/images/news1.png"; // 错误图片
import defaultNew from "@/assets/images/default-icon-news.png"; // 默认图片
let { list, newsList, errImg, defaultImg } = defineProps({
list: {
type: Array,
default: () => []
},
// 兼容历史用法：部分页面使用 newsList 作为入参
newsList: {
type: Array,
default: undefined
},
defaultImg: {
type: String,
default: defaultNew
},
errImg: {
type: String,
default: ''
}
});
// 统一对外渲染数据源：优先使用 list，其次兼容 newsList
const normalizedList = computed(() => {
return (Array.isArray(list) && list.length ? list : newsList) || [];
});
// 处理图片代理
const getProxyUrl = url => {
if (!url) return "";
const urlStr = String(url);
// 排除非 http 开头（相对路径）、已经是代理链接、或者是本地链接
if (
!urlStr.startsWith("http") ||
urlStr.includes("images.weserv.nl") ||
urlStr.includes("localhost") ||
urlStr.includes("127.0.0.1")
) {
return url;
}
// 移除协议头 http:// 或 https://
const cleanUrl = urlStr.replace(/^https?:\/\//i, "");
return `https://images.weserv.nl/?url=${encodeURIComponent(cleanUrl)}`;
};
const handleClickToNewsDetail = news => {
const route = router.resolve({
path: "/newsAnalysis",
query: {
newsId: news.newsId ?? news.id
}
});
window.open(route.href, "_blank");
};
// 查看更多新闻资讯
const handleToMoreNews = () => {
const route = router.resolve("/newsBrief");
window.open(route.href, "_blank");
};
</script>
<style lang="scss" scoped>
.news-box {
width: 792px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(25, 69, 130, 0.2);
background: rgba(255, 255, 255, 1);
.box3-header {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
.box3-header-left {
display: flex;
.box3-header-icon {
margin-left: 21px;
margin-top: 16px;
width: 19px;
height: 19px;
img {
width: 100%;
height: 100%;
}
}
.box3-header-title {
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
}
.more {
width: 49px;
height: 24px;
position: absolute;
top: 14px;
right: 27px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
cursor: pointer;
}
}
.box3-main {
height: 402px;
overflow-y: auto;
overflow-x: hidden;
padding: 6px 0;
.box3-item {
display: flex;
height: 77px;
width: 749px;
margin-left: 21px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
cursor: pointer;
&:hover {
background: var(--color-bg-hover);
}
.left {
width: 72px;
height: 48px;
margin-top: 15px;
img {
width: 100%;
height: 100%;
border-radius: 4px;
}
}
.right {
width: 657px;
margin-left: 20px;
.right-top {
width: 657px;
display: flex;
justify-content: space-between;
&:hover {
text-decoration: underline;
color: var(--color-main-active);
.title {
color: var(--color-main-active);
}
}
.title {
margin-top: 13px;
width: 500px;
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 700;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time {
width: 157px;
text-align: right;
height: 22px;
margin-top: 19px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.right-footer {
width: 657px;
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}
}
</style>
src/components/RiskSignal/RiskSignal copy.vue deleted 100644 → 0
浏览文件 @ 49d4b995
<template>
<div class="box2">
<div class="box2-header">
<div class="icon">
<img src="./image1.png" alt="" />
</div>
<div class="title">
<div class="text">{{ title }}</div>
<div class="num">{{ list.length }}</div>
</div>
</div>
<div class="box2-main" v-infinite-scroll="loadMore" :infinite-scroll-disabled="allLoaded || loading"
:infinite-scroll-distance="10" v-loading="loading">
<div class="box2-main-item" v-for="(item, index) in list" :key="index" @click="handleItemClick(item, index)">
<div :class="{
itemLeftStatus1: item[props.riskLevel] === '特别重大',
itemLeftStatus2: item[props.riskLevel] === '重大风险',
itemLeftStatus3: item[props.riskLevel] === '较大风险',
itemLeftStatus4: item[props.riskLevel] === '一般风险' || !item[props.riskLevel],
itemLeftStatus5: item[props.riskLevel] === '低风险',
}">
{{ item[props.riskLevel] || "暂无数据" }}
</div>
<div class="item-right">
<div class="text"> <span class="text-inner">{{ item[props.name] }}</span></div>
<div class="time">{{ item[props.postDate] }}</div>
</div>
</div>
</div>
<div class="box2-footer" @click="handleMoreClick" v-if="showMore">
<div class="icon">
<img src="./image2.png" alt="" />
</div>
<div class="text">{{ moreText }}</div>
</div>
</div>
</template>
<script setup>
import {ref} from 'vue'
import { ElMessage } from "element-plus";
// 接收父组件传递的参数
const props = defineProps({
// 标题（默认“风险信号”）
title: {
type: String,
default: "风险信号"
},
// 风险信号列表数据
list: {
type: Array,
default: () => []
},
// “查看更多”文本（默认“查看更多”）
moreText: {
type: String,
default: "查看更多"
},
//控制“查看更多”是否显示，默认显示
showMore: {
type: Boolean,
default: true
},
name: {
type: String,
default: "name"
},
postDate: {
type: String,
default: "postDate"
},
riskLevel: {
type: String,
default: "riskLevel"
},
});
// 定义自定义事件，把点击事件传递给父组件
const emit = defineEmits(['item-click', 'more-click']);
// 点击单条风险信号
const handleItemClick = (item, index) => {
emit('item-click', item, index)
};
// 点击“查看更多”
const handleMoreClick = () => {
emit('more-click')
};
const allLoaded = ref(false)
const loading = ref(false)
const currentPage = ref(0)
const pageSize = ref(7)
const loadMore = async () => {
if (allLoaded.value || loading.value) return;
// await fetchListData(true); // 传入 true 表示追加数据
ElMessage.success('追加数据')
}
// 添加初始化函数来获取数据
const fetchListData = async (append = false) => {
console.log("加载状态 =>", loading.value, allLoaded.value);
if (loading.value || allLoaded.value) return;
try {
loading.value = true;
// 调用接口获取数据
const response = await getStrategiesTopN(currentPage.value, pageSize.value, countryName.value);
const apiData = response.data || [];
// 转换数据格式
const newData =
apiData.content?.map(item => ({
...item,
img: item.countryImageUrl, // 使用默认图片或根据需要调整
title: item.titleZh,
content: item.contentZh,
time: formatTime(item.date), // 转换时间格式
tagList: item.domains
? item.domains.slice(0, 2).map(field => ({
name: field,
status: Math.floor(Math.random() * 3) + 1 // 随机分配 1-3 的状态值
}))
: []
})) || [];
if (newData.length > 0) {
if (append) {
// 追加数据
list.value = [...list.value, ...newData];
} else {
// 替换数据
list.value = [...newData];
}
// 检查是否还有更多数据（根据实际 API 响应调整判断逻辑）
if (newData.length < pageSize.value) {
allLoaded.value = true;
} else {
currentPage.value++;
}
} else {
allLoaded.value = true;
}
console.log("获取策略数据成功:", list.value);
} catch (error) {
console.error("获取策略数据失败:", error);
// 错误处理，停止加载状态但不重置数据
if (!append && list.value.length === 0) {
list.value = [];
}
} finally {
loading.value = false;
}
};
</script>
<style scoped lang="scss">
.risk-status-base {
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
line-height: 14px;
box-sizing: border-box;
padding: 6px 4px;
text-align: center;
}
.itemLeftStatus1 {
color: rgb(206, 79, 81) !important;
background: rgba(255, 241, 240, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus2 {
color: rgba(250, 140, 22, 1) !important;
background: rgba(255, 247, 230, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus3 {
color: rgba(212, 177, 6, 1) !important;
background: rgba(254, 255, 230, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus4 {
color: rgba(82, 196, 26, 1) !important;
background: rgba(246, 255, 237, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus5 {
color: rgba(22, 119, 255, 1) !important;
background: rgba(230, 244, 255, 1) !important;
@extend .risk-status-base
}
.box2 {
width: 520px;
height: 450px;
border-radius: 10px;
position: relative;
background: rgba(255, 255, 255, 1);
padding: 0;
box-shadow: 0 0 20px 0 rgba(25, 69, 130, 0.1);
border: 1px solid rgba(234, 236, 238, 1);
box-sizing: border-box;
overflow: hidden;
.box2-header {
height: 48px;
display: flex;
border-bottom: 1px solid rgba(240, 242, 244, 1);
.icon {
width: 24px;
height: 24px;
margin-left: 18px;
margin-top: 14px;
margin-bottom: 10px;
img {
width: 100%;
height: 100%;
}
}
.title {
display: flex;
width: 148px;
background: rgb(206, 79, 81);
margin-left: 18px;
.text {
margin-left: 16px;
height: 48px;
color: rgba(255, 255, 255, 1);
font-family: 'Source Han Sans CN';
font-size: 20px;
font-weight: 700;
line-height: 48px;
}
.num {
width: 24px;
height: 20px;
line-height: 20px;
text-align: center;
color: rgba(255, 255, 255, 1);
font-family: Microsoft YaHei;
font-size: 12px;
margin-left: 15px;
margin-top: 15px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.3);
}
}
}
.box2-main {
box-sizing: border-box;
padding-left: 23px;
padding-right: 30px;
overflow-y: auto;
width: 520px;
height: calc(100% - 160px);
border-radius: 4px;
.box2-main-item {
width: 463px;
height: 48px;
border-radius: 2px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
&:hover {
.item-right .text {
color: rgb(5, 95, 194) !important;
font-weight: 700;
}
.item-right .text-inner {
border-bottom-color: rgb(5, 95, 194) !important;
}
}
.item-left {
margin-top: 4px;
margin-left: 0px;
margin-bottom: 4px;
width: 40px;
height: 40px;
border-radius: 20px;
color: rgba(82, 196, 26, 1);
background: rgba(246, 255, 237, 1);
font-family: Microsoft YaHei;
font-size: 12px;
font-weight: 400;
line-height: 14px;
box-sizing: border-box;
padding: 6px 4px;
text-align: center;
flex-shrink: 0;
}
.item-right {
margin-left: 12px;
height: 46px;
display: flex;
align-items: center;
flex: 1;
background: transparent;
padding: 0;
border-bottom: 1px solid #EAECEE;
box-sizing: border-box;
overflow: hidden; // 保证右侧不会溢出
.text {
padding-top: 8px;
padding-bottom: 8px;
flex: 1 1 auto;
min-width: 0;
height: 100%;
background: transparent;
font-family: "Source Han Sans CN";
font-weight: 400;
font-size: 16px;
letter-spacing: 0px;
text-align: left;
color: rgb(59, 65, 75);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
flex-shrink: 1;
.text-inner {
border-bottom: 1px solid transparent;
}
}
.time {
flex: 0 0 auto;
margin-left: 12px;
padding-top: 11px;
padding-bottom: 11px;
height: 100%;
flex-shrink: 0;
background: transparent;
font-family: "Source Han Sans CN", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: right;
box-sizing: border-box;
color: rgb(132, 136, 142);
white-space: nowrap;
}
}
}
}
.box2-footer {
position: absolute;
left: 26px;
right: 20px;
bottom: 20px;
width: 460px;
height: 42px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 6px;
background: var(--color-main-active);
cursor: pointer;
.icon {
width: 16px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
margin-left: 8px;
color: rgba(255, 255, 255, 1);
font-family: "Source Han Sans CN";
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
}
}
</style>
\ No newline at end of file
src/components/RiskSignal/RiskSignal.vue deleted 100644 → 0
浏览文件 @ 49d4b995
<template>
<div class="box2">
<div class="box2-header">
<div class="icon">
<img src="./image1.png" alt="" />
</div>
<div class="title">
<div class="text">{{ title }}</div>
<div class="num">{{ list.length }}</div>
</div>
</div>
<div class="box2-main" v-infinite-scroll="loadMore" :infinite-scroll-disabled="allLoaded || loading"
:infinite-scroll-distance="10" v-loading="loading">
<div class="box2-main-item" v-for="(item, index) in list" :key="index" @click="handleItemClick(item, index)">
<div :class="{
itemLeftStatus1: item[props.riskLevel] === '特别重大',
itemLeftStatus2: item[props.riskLevel] === '重大风险',
itemLeftStatus3: item[props.riskLevel] === '较大风险' || item[props.riskLevel] === '中等风险',
itemLeftStatus4: item[props.riskLevel] === '一般风险' || !item[props.riskLevel],
itemLeftStatus5: item[props.riskLevel] === '低风险',
}">
{{ item[props.riskLevel] || "暂无数据" }}
</div>
<div class="item-right">
<div class="text"> <span class="text-inner">{{ item[props.name] }}</span></div>
<div class="time">{{ item[props.postDate] }}</div>
</div>
</div>
</div>
<div class="box2-footer" @click="handleMoreClick" v-if="showMore">
<div class="icon">
<img src="./image2.png" alt="" />
</div>
<div class="text">{{ moreText }}</div>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
import { ElMessage } from "element-plus";
// 接收父组件传递的参数
const props = defineProps({
// 标题（默认“风险信号”）
title: {
type: String,
default: "风险信号"
},
// 风险信号列表数据
list: {
type: Array,
default: () => []
},
// “查看更多”文本（默认“查看更多”）
moreText: {
type: String,
default: "查看更多"
},
//控制“查看更多”是否显示，默认显示
showMore: {
type: Boolean,
default: true
},
name: {
type: String,
default: "name"
},
postDate: {
type: String,
default: "postDate"
},
riskLevel: {
type: String,
default: "riskLevel"
},
allLoaded: {
type: Boolean,
default: false
},
loading: {
type: Boolean,
default: false
},
});
// 定义自定义事件，把点击事件传递给父组件
const emit = defineEmits(['item-click', 'more-click', 'loadMore']);
// 点击单条风险信号
const handleItemClick = (item, index) => {
emit('item-click', item, index)
};
// 点击“查看更多”
const handleMoreClick = () => {
emit('more-click')
};
// const allLoaded = ref(false)
// const loading = ref(false)
// const currentPage = ref(0)
// const pageSize = ref(7)
// const loadMore = async () => {
// if (allLoaded.value || loading.value) return;
// // await fetchListData(true); // 传入 true 表示追加数据
// ElMessage.success('追加数据')
// }
// // 添加初始化函数来获取数据
// const fetchListData = async (append = false) => {
// console.log("加载状态 =>", loading.value, allLoaded.value);
// if (loading.value || allLoaded.value) return;
// try {
// loading.value = true;
// // 调用接口获取数据
// const response = await getStrategiesTopN(currentPage.value, pageSize.value, countryName.value);
// const apiData = response.data || [];
// // 转换数据格式
// const newData =
// apiData.content?.map(item => ({
// ...item,
// img: item.countryImageUrl, // 使用默认图片或根据需要调整
// title: item.titleZh,
// content: item.contentZh,
// time: formatTime(item.date), // 转换时间格式
// tagList: item.domains
// ? item.domains.slice(0, 2).map(field => ({
// name: field,
// status: Math.floor(Math.random() * 3) + 1 // 随机分配 1-3 的状态值
// }))
// : []
// })) || [];
// if (newData.length > 0) {
// if (append) {
// // 追加数据
// list.value = [...list.value, ...newData];
// } else {
// // 替换数据
// list.value = [...newData];
// }
// // 检查是否还有更多数据（根据实际 API 响应调整判断逻辑）
// if (newData.length < pageSize.value) {
// allLoaded.value = true;
// } else {
// currentPage.value++;
// }
// } else {
// allLoaded.value = true;
// }
// console.log("获取策略数据成功:", list.value);
// } catch (error) {
// console.error("获取策略数据失败:", error);
// // 错误处理，停止加载状态但不重置数据
// if (!append && list.value.length === 0) {
// list.value = [];
// }
// } finally {
// loading.value = false;
// }
// };
const loadMore = () => {
emit('loadMore')
}
</script>
<style scoped lang="scss">
.risk-status-base {
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
line-height: 14px;
box-sizing: border-box;
padding: 6px 4px;
text-align: center;
}
.itemLeftStatus1 {
color: rgb(206, 79, 81) !important;
background: rgba(255, 241, 240, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus2 {
color: rgba(250, 140, 22, 1) !important;
background: rgba(255, 247, 230, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus3 {
color: rgba(212, 177, 6, 1) !important;
background: rgba(254, 255, 230, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus4 {
color: rgba(82, 196, 26, 1) !important;
background: rgba(246, 255, 237, 1) !important;
@extend .risk-status-base
}
.itemLeftStatus5 {
color: rgba(22, 119, 255, 1) !important;
background: rgba(230, 244, 255, 1) !important;
@extend .risk-status-base
}
.box2 {
width: 520px;
height: 450px;
border-radius: 10px;
position: relative;
background: rgba(255, 255, 255, 1);
padding: 0;
box-shadow: 0 0 20px 0 rgba(25, 69, 130, 0.1);
border: 1px solid rgba(234, 236, 238, 1);
box-sizing: border-box;
overflow: hidden;
.box2-header {
height: 48px;
display: flex;
border-bottom: 1px solid rgba(240, 242, 244, 1);
.icon {
width: 24px;
height: 24px;
margin-left: 18px;
margin-top: 14px;
margin-bottom: 10px;
img {
width: 100%;
height: 100%;
}
}
.title {
display: flex;
width: 148px;
background: rgb(206, 79, 81);
margin-left: 18px;
.text {
margin-left: 16px;
height: 48px;
color: rgba(255, 255, 255, 1);
font-family: 'Source Han Sans CN';
font-size: 20px;
font-weight: 700;
line-height: 48px;
}
.num {
width: 24px;
height: 20px;
line-height: 20px;
text-align: center;
color: rgba(255, 255, 255, 1);
font-family: Microsoft YaHei;
font-size: 12px;
margin-left: 15px;
margin-top: 15px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.3);
}
}
}
.box2-main {
box-sizing: border-box;
padding-left: 23px;
padding-right: 30px;
overflow-y: auto;
width: 520px;
height: calc(100% - 160px);
border-radius: 4px;
.box2-main-item {
width: 463px;
height: 48px;
border-radius: 2px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
&:hover {
.item-right .text {
color: rgb(5, 95, 194) !important;
font-weight: 700;
}
.item-right .text-inner {
border-bottom-color: rgb(5, 95, 194) !important;
}
}
.item-left {
margin-top: 4px;
margin-left: 0px;
margin-bottom: 4px;
width: 40px;
height: 40px;
border-radius: 20px;
color: rgba(82, 196, 26, 1);
background: rgba(246, 255, 237, 1);
font-family: Microsoft YaHei;
font-size: 12px;
font-weight: 400;
line-height: 14px;
box-sizing: border-box;
padding: 6px 4px;
text-align: center;
flex-shrink: 0;
}
.item-right {
margin-left: 12px;
height: 46px;
display: flex;
align-items: center;
flex: 1;
background: transparent;
padding: 0;
border-bottom: 1px solid #EAECEE;
box-sizing: border-box;
overflow: hidden; // 保证右侧不会溢出
.text {
padding-top: 8px;
padding-bottom: 8px;
flex: 1 1 auto;
min-width: 0;
height: 100%;
background: transparent;
font-family: "Source Han Sans CN";
font-weight: 400;
font-size: 16px;
letter-spacing: 0px;
text-align: left;
color: rgb(59, 65, 75);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
flex-shrink: 1;
.text-inner {
border-bottom: 1px solid transparent;
}
}
.time {
flex: 0 0 auto;
margin-left: 12px;
padding-top: 11px;
padding-bottom: 11px;
height: 100%;
flex-shrink: 0;
background: transparent;
font-family: "Source Han Sans CN", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: right;
box-sizing: border-box;
color: rgb(132, 136, 142);
white-space: nowrap;
}
}
}
}
.box2-footer {
position: absolute;
left: 26px;
right: 20px;
bottom: 20px;
width: 460px;
height: 42px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 6px;
background: var(--color-main-active);
cursor: pointer;
.icon {
width: 16px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
margin-left: 8px;
color: rgba(255, 255, 255, 1);
font-family: "Source Han Sans CN";
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
}
}
</style>
\ No newline at end of file
src/components/base/SiderTabs/active-icon.svg 0 → 100644
浏览文件 @ fd608e1e
<svg viewBox="0 0 8 8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8.000000" height="8.000000" fill="none" customFrame="#000000">
<path id="多边形 2" d="M7.4641 6L0.535898 6L4 0L7.4641 6Z" fill="rgb(255,255,255)" fill-rule="evenodd" transform="matrix(0,1,-1,0,8,0)" />
</svg>
src/components/base/SiderTabs/index.vue 0 → 100644
浏览文件 @ fd608e1e
<template>
<div class="sider-tabs-wrapper">
<div class="sider-item"
:class="{'sider-item-active': sider.active}"
v-for="sider, index in siderList" :key="index"
@click="handleClickSiderItem(sider)"
>
<div
class="sider-item-text text-primary-65-clor text-tip-1"
:class="{'sider-item-text-active': sider.active}">{{ sider.name }}</div>
<div class="sider-item-icon" v-show="sider.active">
<img src="./active-icon.svg" alt="">
</div>
</div>
</div>
</template>
<script setup>
const props = defineProps({
siderList: {
type: Array,
default: [
{
name: '分析内容1',
active: true
},
{
name: '分析内容2',
active: false
},
{
name: '分析内容3',
active: false
},
]
},
})
const emits = defineEmits(['clickSiderItem'])
const handleClickSiderItem = (sider) => {
emits('clickSiderItem', sider)
}
</script>
<style lang="scss" scoped>
.sider-tabs-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
.sider-item {
padding: 4px 28px;
border-radius: 16px;
position: relative;
cursor: pointer;
display: flex;
justify-content: center;
.sider-item-icon{
position: absolute;
top: 6px;
right: 16px;
width: 8px;
height: 8px;
img{
width: 100%;
height: 100%;
}
}
}
}
.sider-item-active{
background: var(--color-main-active);
}
.sider-item-text-active {
color: rgb(255,255,255)
}
</style>
\ No newline at end of file
src/components/base/TipTab/index.vue 0 → 100644
浏览文件 @ fd608e1e
<template>
<div class="tip-wrapper">
<div class="icon">
<img src="./tip-icon.svg" alt="">
</div>
<div class="text text-tip-2 text-primary-50-clor">{{ `数据来源：${dataSource},数据时间：${dataTime}` }}</div>
</div>
</template>
<script setup>
const props = defineProps({
dataSource: {
type: String,
default: '美国国会官网'
},
dataTime: {
type: String,
default: '2023.1至2025.12'
},
})
</script>
<style lang="scss" scoped>
.tip-wrapper{
width: 100%;
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
height: 22px;
.icon{
width: 16px;
height: 16px;
img{
width: 100%;
height: 100%;
}
}
}
</style>
\ No newline at end of file
src/components/base/TipTab/tip-icon.svg 0 → 100644
浏览文件 @ fd608e1e
<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="容器 704" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<circle id="椭圆 96" cx="8" cy="8" r="7" fill="rgb(230,231,232)" />
<circle id="椭圆 97" cx="8" cy="4" r="1" fill="rgb(132,136,142)" />
<path id="矩形 241" d="M6.49996 6L8.00028 6.0004C8.55256 6.0004 9.00028 6.44811 9.00028 7.00039L9.00028 10.4992C9.00028 10.7754 9.22408 10.9989 9.50033 10.9992L9.50033 10.9997C9.77657 10.9998 10.0005 11.2236 10.0005 11.4998L10.0003 11.5001C10.0002 11.7765 9.77622 12.0006 9.49978 12.0006L8.00028 12.0004L6.50033 12.0004C6.22423 12.0004 6.00064 11.7767 6.00049 11.5006L6.00021 11.5005C6.00021 11.2243 6.22418 11.0003 6.50037 11.0003L6.50037 11.0006C6.77649 11.0007 7.00042 10.7766 7.00042 10.5005L7.00017 7.50005C7.00017 7.22376 6.77644 7.00047 6.50015 7.00002L6.49946 6.99922C6.22357 6.999 6 6.77565 6 6.49976C6.00011 6.22373 6.22393 6 6.49996 6Z" fill="rgb(132,136,142)" fill-rule="evenodd" />
</svg>
src/components/base/images/ColorSvg.vue 0 → 100644
浏览文件 @ fd608e1e
<template>
<div class="color-svg" v-if="svgContent">
<div v-html="processedSvgContent" class="svg-container"></div>
</div>
<div class="color-svg-loading" v-else>
<div class="loading-spinner"></div>
</div>
</template>
<script setup lang="ts">
import { size } from 'lodash';
import { ref, computed, watch, onMounted } from 'vue';
// 组件属性
const props = defineProps({
// SVG地址
svgUrl: {
type: String,
required: true
},
// SVG颜色
color: {
type: String,
default: '#000'
}
, size: {
type: Number,
default: null
}
});
// 组件事件
const emit = defineEmits(['svg-loaded', 'svg-error']);
// 状态管理
const svgContent = ref<string>('');
const isLoading = ref<boolean>(false);
const error = ref<string>('');
// 处理后的SVG内容
const processedSvgContent = computed(() => {
if (!svgContent.value) return '';
// 替换SVG中的颜色
let processed = svgContent.value;
// 替换fill属性
processed = processed.replace(/fill="([^"]*)"/g, (match, p1) => {
// 保留透明和none值
if (p1 === 'none' || p1 === 'transparent') {
return match;
}
return `fill="${props.color}"`;
});
// 替换stroke属性
processed = processed.replace(/stroke="([^"]*)"/g, (match, p1) => {
// 保留透明和none值
if (p1 === 'none' || p1 === 'transparent') {
return match;
}
return `stroke="${props.color}"`;
});
// 替换width属性
processed = processed.replace(/width="([^"]*)"/g, (match, p1) => {
if (props.size !== null) {
return `width="${props.size}"`;
}
return match;
});
// 替换height属性
processed = processed.replace(/height="([^"]*)"/g, (match, p1) => {
if (props.size !== null) {
return `height="${props.size}"`;
}
return match;
});
console.log(processed)
return processed;
});
// 加载SVG内容
const loadSvgContent = async () => {
if (!props.svgUrl) return;
isLoading.value = true;
error.value = '';
try {
const response = await fetch(props.svgUrl);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const content = await response.text();
svgContent.value = content;
emit('svg-loaded', content);
} catch (err) {
error.value = err instanceof Error ? err.message : 'Failed to load SVG';
emit('svg-error', error.value);
console.error('Error loading SVG:', err);
} finally {
isLoading.value = false;
}
};
// 监听属性变化
watch(
() => props.svgUrl,
() => {
loadSvgContent();
}
);
watch(
() => props.color,
() => {
// 颜色变化时重新处理SVG，不需要重新加载
}
);
// 组件挂载时加载SVG
onMounted(() => {
loadSvgContent();
});
</script>
<style scoped>
.color-svg {
display: inline-block;
}
.svg-container {
display: inline-block;
width: 100%;
height: 100%;
}
.color-svg-loading {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
}
.loading-spinner {
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
\ No newline at end of file
src/components/base/messageBubble/index.vue
浏览文件 @ fd608e1e
......@@ -8,7 +8,7 @@
<div class="header-title">
<slot name="title">{{ "社交媒体" }}</slot>
</div>
<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
<!-- <div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div> -->
</div>
<div class="msg-bubble-main">
<div class="message-bubble" v-for="(item, index) in messageList" :key="index" @click="handleClickPerson(item)">
......
src/components/base/newsList/index.vue
浏览文件 @ fd608e1e
......@@ -10,7 +10,7 @@
</div>
</div>
<div class="news-main">
<div class="news-item" v-for="(news, index) in newsList" :key="index" @click="handleToNewsAnalysis(news)">
<div class="news-item" v-for="(news, index) in showNewsList" :key="index" @click="handleToNewsAnalysis(news)">
<div class="left">
<img :src="news[props.img] ? news[props.img] : DefaultIconNews" alt="" />
</div>
......@@ -29,6 +29,7 @@
</template>
<script setup>
import { computed } from "vue";
import DefaultIconNews from "@/assets/icons/default-icon-news.png";
const props = defineProps({
// 新闻列表数据
......@@ -54,6 +55,12 @@ const props = defineProps({
default: "content"
}
});
const showNewsList = computed(() => {
return props.newsList.slice(0,5)
})
const emit = defineEmits(["item-click", "more-click"]);
const handleToMoreNews = () => {
emit("more-click");
......
src/components/base/panes/AiTipPane.vue
浏览文件 @ fd608e1e
......@@ -23,6 +23,7 @@
border-radius: 4px;
border: 1px solid var(--color-primary-10);
color: var(--color-primary-100);
margin: 10px;
}
.img {
......
src/components/base/people/PersonAvatar.vue
浏览文件 @ fd608e1e
<template>
<el-space @click="onClick(person)">
<ElAvatar :size="48" :src="person[img]" alignment="center" />
<el-avatar :size="48" :src="person[img]" alignment="center" />
<el-space :size="0" direction="vertical" alignment="flex-start">
<div class="text-header">{{ person[name] }}</div>
<div class="person-position">{{ person[position] }}</div>
......@@ -10,7 +10,7 @@
<script setup>
import '@/styles/common.scss'
import { ElSpace } from 'element-plus';
import { ElSpace, ElAvatar } from 'element-plus';
const props = defineProps({
// 新闻列表数据
......
src/components/base/riskSignal/index.vue
浏览文件 @ fd608e1e
......@@ -11,7 +11,7 @@
</div>
<div class="box2-main">
<div class="box2-main-item" v-for="(item, index) in list" :key="index" @click="handleItemClick(item, index)">
<div class="box2-main-item" v-for="(item, index) in showRiskSignalList" :key="index" @click="handleItemClick(item, index)">
<div :class="{
itemLeftStatus1: item[props.riskLevel] === '特别重大',
itemLeftStatus2: item[props.riskLevel] === '重大风险',
......@@ -38,6 +38,7 @@
<script setup>
import { ElMessage } from "element-plus";
import { computed } from "vue";
// 接收父组件传递的参数
const props = defineProps({
// 标题（默认“风险信号”）
......@@ -75,6 +76,10 @@ const props = defineProps({
});
const showRiskSignalList = computed(() => {
return props.list.slice(0,6)
})
// 定义自定义事件，把点击事件传递给父组件
const emit = defineEmits(['item-click', 'more-click']);
......@@ -85,7 +90,6 @@ const handleItemClick = (item, index) => {
// 点击“查看更多”
const handleMoreClick = () => {
emit('more-click')
};
......@@ -202,11 +206,10 @@ const handleMoreClick = () => {
box-sizing: border-box;
padding-left: 23px;
padding-right: 30px;
overflow-y: auto;
width: 520px;
height: calc(100% - 160px);
height: 313px;
border-radius: 4px;
padding: 15px 30px 10px 23px;
.box2-main-item {
width: 463px;
height: 48px;
......
src/components/base/texts/ColorPrefixTitle.vue 0 → 100644
浏览文件 @ fd608e1e
<template>
<el-space :size="16" class="text-tip-1-bold box">
<div class="color-prefix"></div>
<slot></slot>
</el-space>
</template>
<script setup lang="ts">
import '@/styles/common.scss';
import { ElSpace } from 'element-plus';
const props = defineProps({
color: {
type: String,
default: 'var(--color-primary-100)'
}
})
</script>
<style lang="scss" scoped>
.color-prefix {
width: 8px;
height: 16px;
background-color: v-bind(color);
}
.box {
color: v-bind(color);
}
</style>
\ No newline at end of file
src/router/modules/company.js
浏览文件 @ fd608e1e
......@@ -9,7 +9,7 @@ const companyPagesRoutes = [
{
path: "/companyPages/:id",
name: "companyPages",
component: companyPages,
component: companyPages2,
meta: {
title: "企业主页",
dynamicTitle: true
......@@ -19,7 +19,7 @@ const companyPagesRoutes = [
{
path: "/companyPages2/:id",
name: "companyPages2",
component: companyPages2,
component: companyPages,
meta: {
title: "企业主页",
dynamicTitle: true
......
src/styles/common.scss
浏览文件 @ fd608e1e
......@@ -4,17 +4,39 @@
border-radius: 10px;
border: 1px solid var(--bg-white-100);
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.15);
}
.flex-display {
display: flex;
}
.flex-display-center{
@extend .flex-display;
justify-content: center;
align-items: center;
}
.flex-display-end{
@extend .flex-display;
justify-content: flex-end;
align-items: center;
}
.flex-display-start{
@extend .flex-display;
justify-content: flex-start;
align-items: center;
}
.flex-fill {
flex: 1;
}
.full-width {
width: 100%;
}
// 文本超出指定行数省略号显示
@mixin text-ellipsis($line-clamp) {
overflow: hidden;
......@@ -39,13 +61,13 @@
/***文本样式***/
.text-base {
color: var(--color-primary-80);
color: var(--text-primary-80);
}
//0级标题
.text-title-0 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 32px;
}
......@@ -63,7 +85,7 @@
//1级标题
.text-title-1 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 24px;
}
......@@ -81,7 +103,7 @@
//2级标题
.text-title-2 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 20px;
line-height: 26px;
}
......@@ -101,7 +123,7 @@
//3级标题
.text-title-3 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 18px;
line-height: 24px;
}
......@@ -148,7 +170,7 @@
//1级提示文字
.text-tip-1 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 16px;
line-height: 24px;
}
......@@ -161,7 +183,7 @@
//2级提示文字
.text-tip-2 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 14px;
line-height: 22px;
}
......@@ -174,60 +196,100 @@
//3级提示文字
.text-tip-3 {
@extend .text-base;
color: var(--color-primary-90);
color: var(--text-primary-90);
font-size: 12px;
}
.main-color{
.main-color {
color: rgb(5, 95, 194);
}
// 业务主色 高亮背景
.color-bg-active{
.color-bg-active {
background: rgb(246, 250, 255);
}
// 黑色
.text-primary-clor{
.text-primary-clor {
color: #0a121e;
}
// 黑色90% / 主标题文字颜色
.text-primary-90-clor{
.text-primary-90-clor {
color: #222934;
}
// 黑色80% / 小标题文字颜色
.text-primary-80-clor{
.text-primary-80-clor {
color: #3b414b;
}
// 黑色65% / 正文颜色
.text-primary-65-clor{
.text-primary-65-clor {
color: #5f656c;
}
// 黑色50%
.text-primary-50-clor{
.text-primary-50-clor {
color: #84888e;
}
// 黑色10%
.bg-black-10{
.bg-black-10 {
background: #E6E7E8;
}
// 黑色5%
.bg-black-5{
.bg-black-5 {
background: #EAECEE;
}
// 黑色2%
.bg-black-2{
.bg-black-2 {
background: #F7F8F9;
}
// 白色主色
.bg-white-100{
.bg-white-100 {
background: #FFFFFF;
}
// 红色
.color-red-100 {
color: rgb(206, 79, 81);
}
// 红色10%背景
.bg-red-10 {
background: rgba(206, 79, 81, 0.1);
}
// 橙色
.color-orange-100 {
color: rgb(255, 149, 77)
}
// 橙色10%背景
.bg-orange-10 {
background: rgba(255, 149, 77, 0.1)
}
// 黄色
.color-yellow-100 {
color: rgb(232, 189, 11);
}
// 黄色10%背景
.bg-yellow-10 {
background: rgba(232, 189, 11, 0.1);
}
// 绿色
.color-green-100 {
color: rgb(33, 129, 57);
}
// 绿色10%背景
.bg-green-10 {
background: rgba(33, 129, 57, 0.1);
}
\ No newline at end of file
src/styles/components/CommonPage/index.vue
浏览文件 @ fd608e1e
......@@ -5,7 +5,7 @@ const span = 12
</script>
<template>
<el-row class="wrapper">
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{ `import '@/styles/common.scss';
......@@ -25,7 +25,7 @@ const span = 12
<style lang="scss" scoped>
.wrapper {
background-color: rgba(0, 0, 0, 0.068);
// background-color: rgba(0, 0, 0, 0.068);
padding: 10px;
}
</style>
\ No newline at end of file
src/styles/components/Images/index.vue 0 → 100644
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ElRow, ElCol } from 'element-plus';
import '@/styles/common.scss'
import ColorSvg from '@/components/base/images/ColorSvg.vue';
const span = 12
</script>
<template>
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{ `import ColorSvg from '@/components/base/images/ColorSvg.vue';
<template>
<color-svg :size="64" :svg-url="'/icon/arrow-up.svg'" :color="'var(--color-orange-100)'" />
<color-svg :size="16" :svg-url="'/icon/arrow-up.svg'" :color="'var(--color-green-100)'" />
</template>
`}}
</pre>
<color-svg :size="64" :svg-url="'/icon/arrow-up.svg'" :color="'var(--color-orange-100)'" />
<color-svg :size="16" :svg-url="'/icon/arrow-up.svg'" :color="'var(--color-green-100)'" />
</el-col>
</el-row>
</template>
<style lang="scss" scoped></style>
\ No newline at end of file
src/styles/components/People/index.vue 0 → 100644
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ElRow, ElCol } from 'element-plus';
import '@/styles/common.scss'
import PersonAvatar from '@/components/base/people/PersonAvatar.vue';
const span = 12
</script>
<template>
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{ `import PersonAvatar from '@/components/base/people/PersonAvatar.vue';
<template>
<person-avatar class="person-avatar" :person="{
name: '张三',
position: 'CEO，CTO',
avatarUrl: '/icon/美国.png'
}">
</person-avatar>
</template>
`}}
</pre>
<person-avatar class="person-avatar" :person="{
name: '张三',
position: 'CEO，CTO',
avatarUrl: '/icon/美国.png'
}">
</person-avatar>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.person-avatar {
width: 200px;
}
</style>
\ No newline at end of file
src/styles/components/RadioPage/index.vue
浏览文件 @ fd608e1e
......@@ -8,7 +8,7 @@ const span = 12
</script>
<template>
<el-row>
<el-row class="layout-grid-line">
<el-col :span="span">
<pre>
{{ `import '@/styles/radio.scss';
......
src/styles/components/TabsPage/index.vue
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ElTabs, ElTabPane, ElSpace, ElRow, ElCol } from 'element-plus';
import { ref } from 'vue';
import '@/styles/tabs.scss'
const span = 12
</script>
<template>
<el-row>
<el-row :gutter="16" class="layout-grid-line">
<el-col :span="span">
<pre>
{{ `import '@/styles/tabs.scss';
......@@ -22,6 +21,21 @@ const span = 12
<el-tab-pane label="tab3">tab3</el-tab-pane>
</el-tabs>
</el-col>
<el-col :span="span">
<pre>{{ `import '@/styles/tabs.scss';\n<template>
//确保父级position: relative;
<el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs">
</template>
`}}
</pre>
<div style="margin-left: 160px;position: relative; height: 200px;">
<el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs">
<el-tab-pane label="tab1">tab1</el-tab-pane>
<el-tab-pane label="tab2">tab2</el-tab-pane>
<el-tab-pane label="tab3">tab3</el-tab-pane>
</el-tabs>
</div>
</el-col>
</el-row>
</template>
......
src/styles/components/TextPage/index.vue 0 → 100644
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ElSpace, ElRow, ElCol } from 'element-plus';
import '@/styles/tabs.scss'
import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
import AiTipPane from '@/components/base/panes/AiTipPane.vue';
const span = 12
</script>
<template>
<el-row class="layout-grid-line">
<el-col :span="span">
<pre>
{{ `import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
<template>
<color-prefix-title>科技领域</color-prefix-title>
<color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
<color-prefix-title color="red">科技领域</color-prefix-title>
</template>
`}}
</pre>
<el-space direction="vertical">
<color-prefix-title>科技领域</color-prefix-title>
<color-prefix-title color="var(--color-yellow-100)">科技领域</color-prefix-title>
<color-prefix-title color="red">科技领域</color-prefix-title>
</el-space>
</el-col>
<el-col :span="span">
<pre>{{ `import AiTipPane from '@/components/base/panes/AiTipPane.vue';\n<template>
<ai-tip-pane>huidadadadadasda</ai-tip-pane>
</template>
`}}
</pre>
<ai-tip-pane>huidadadadadasda</ai-tip-pane>
</el-col>
</el-row>
</template>
<style lang="scss" scoped></style>
\ No newline at end of file
src/styles/components/devStyle.scss 0 → 100644
浏览文件 @ fd608e1e
.layout-grid-line {
.el-col {
border: 1px double var(--bg-black-5);
}
}
\ No newline at end of file
src/styles/components/index.vue
浏览文件 @ fd608e1e
<template>
<el-scrollbar>
<div class="common-page">
<div class="common-page box">
<el-space direction="vertical" :size="20" alignment="flex-start" fill>
<div class="text-title-0-show">开发样式</div>
<div class="text-title-1-show">样式变量</div>
......@@ -8,17 +8,28 @@
<div class="text-title-1-show">文字样式</div>
<TextStyle />
<div class="text-title-1-show">通用样式/组件</div>
<el-tabs tabPosition="left">
<el-tab-pane label="通用" lazy>
<common-page />
</el-tab-pane>
<el-tab-pane label="单选框" lazy>
<radio-page />
</el-tab-pane>
<el-tab-pane label="选项卡" lazy>
<tabs-page />
</el-tab-pane>
</el-tabs>
<div style="position: relative; min-height: 300px;">
<el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs">
<el-tab-pane label="通用" lazy>
<common-page />
</el-tab-pane>
<el-tab-pane label="文本" lazy>
<text-page />
</el-tab-pane>
<el-tab-pane label="图片" lazy>
<images-page />
</el-tab-pane>
<el-tab-pane label="单选框" lazy>
<radio-page />
</el-tab-pane>
<el-tab-pane label="选项卡" lazy>
<tabs-page />
</el-tab-pane>
<el-tab-pane label="人物" lazy>
<people-page />
</el-tab-pane>
</el-tabs>
</div>
</el-space>
</div>
</el-scrollbar>
......@@ -26,12 +37,20 @@
<script setup>
import "@/styles/container.scss"
import "./devStyle.scss"
import TextStyle from './textStyle.vue';
import ConstStyle from './constStyle.vue';
import { ElTabs, ElTabPane, ElSpace } from "element-plus";
import RadioPage from './RadioPage/index.vue';
import TabsPage from './TabsPage/index.vue';
import CommonPage from './CommonPage/index.vue';
import TextPage from './TextPage/index.vue';
import ImagesPage from './Images/index.vue';
import PeoplePage from './People/index.vue';
</script>
<style lang="scss" scoped></style>
\ No newline at end of file
<style lang="scss" scoped>
.box {
padding-bottom: 20px;
}
</style>
\ No newline at end of file
src/styles/components/textStyle.vue
浏览文件 @ fd608e1e
......@@ -96,7 +96,19 @@ const tableData = ref([
{ name: '白色主色', className: 'bg-white-100'},
{name: '主色', className: 'main-color'},
{name: '高亮背景色', className: 'color-bg-active'}
{name: '高亮背景色', className: 'color-bg-active'},
{name: '红色', className: 'color-red-100'},
{name: '红色10%-背景', className: 'bg-red-10'},
{name: '橙色', className: 'color-orange-100'},
{name: '橙色10%-背景', className: 'bg-orange-10'},
{name: '黄色', className: 'color-yellow-100'},
{name: '黄色10%-背景', className: 'bg-yellow-10'},
{name: '绿色', className: 'color-green-100'},
{name: '绿色10%-背景', className: 'bg-green-10'},
])
</script>
......
src/styles/container.scss
浏览文件 @ fd608e1e
......@@ -2,7 +2,7 @@
/***通用页面***/
.common-page {
margin: 16px auto;
width: 1600px;
padding: 16px 160px;
// width: 1600px;
align-items: center;
}
\ No newline at end of file
src/styles/tabs.scss
浏览文件 @ fd608e1e
......@@ -25,20 +25,13 @@
/*定义字体*/
.el-tabs__item:not(.disinheritance .el-tabs__item) {
font-size: 20px;
font-family: "Source Han Sans CN-Regular";
font-weight: Regular;
line-height: 26px;
height: 50px;
@extend .text-title-2;
color: var(--text-primary-80-color);
}
/*激活时按钮样式*/
.el-tabs__item.is-active:not(.disinheritance .el-tabs__item) {
font-size: 24px;
font-family: "Source Han Sans CN-Bold";
font-weight: Bold;
@extend .text-title-1-bold;
color: var(--color-primary-100);
border-width: 1px;
border-style: solid;
......@@ -48,27 +41,54 @@
}
}
/***允许tab-pane内部元素溢出***/
.tab-pane-overflow-visible {
.el-tab-pane {
overflow: visible !important;
}
// 同时确保父容器也允许溢出
.el-tabs__content {
overflow: visible !important;
}
}
/***tabs-bar左边悬浮***/
.left-float-nav-tabs {
.el-tabs__header.is-left {
position: absolute;
left: -140px;
top: 0px;
// .el-tabs__header {
position: relative;
overflow: visible;
transform: translateZ(0);
/* 双重保障 */
.el-tabs__nav {
gap: 16px;
}
/* 创建新的渲染层 */
/* 创建新的层叠上下文 */
.el-tabs__header {
.el-tabs__active-bar {
background-color: transparent;
right: 12px;
top: 11px;
height: 8px !important;
border-top: 6px solid transparent;
/* 顶部边框透明 */
border-bottom: 6px solid transparent;
/* 底部边框透明 */
border-left: 8px solid var(--bg-white-100);
/* 左侧边框有颜色 */
}
}
// position: absolute;
left: 0;
top: 0;
z-index: 999;
background-color: red;
// margin-left: -20px;
.el-tabs__item.is-left {
@extend .text-tip-1;
color: var(--text-primary-65-color);
height: 32px;
padding: 4px 26px 4px 28px;
border-radius: 16px 16px 16px 16px;
justify-content: center;
}
// }
.el-tabs__item.is-left.is-active {
color: var(--bg-white-100);
background-color: var(--color-primary-100);
}
}
\ No newline at end of file
src/views/ZMOverView/components/fourSuppress/components/allGovernment/components/CalendarHeatmap.vue
浏览文件 @ fd608e1e
......@@ -37,22 +37,55 @@
</div>
</div>
</div> -->
<el-dialog v-model="tooltipVisible" width="690px">
<el-dialog v-model="tooltipVisible" width="1298px">
<div class="tooltip-header flex-display">
<div class="tooltip-header-left text-title-3-bold">{{ currentDate }}</div>
<div class="tooltip-header-right text-title-3-show">{{ `${currentOrgNum}个部门/${currentDetailList.length}项举措` }}
<div class="tooltip-header-right text-title-3-show">{{ `涉及${currentDetailList.length}项行政令` }}
</div>
</div>
<div class="tooltip-main">
<div class="tooltip-main-item" v-for="item, index in currentDetailList" :key="index">
<div class="item-footer color-bg-active flex-display" @click="handleToDetail(item)">
<div class="footer-text text-tip-2 main-color">{{ item.name }}</div>
<div class="footer-arrow">
<img src="./right-arrow.svg" alt="">
<div class="item-main-header flex-display" @click="handleToDetail(item)">
<div class="item-main-header-left">
<div class="item-main-header-type color-bg-active text-tip-1 main-color">{{ '政令' }}</div>
<div class="text-title-3-bold main-color">{{ item.administrativeOrderInfoTitle }}</div>
</div>
<div class="item-main-header-right text-tip-1-bold main-color">
{{ `涉及${item.orgNum}个部门` }}
</div>
</div>
<div class="item-list" v-for="val, idx in item.list" :key="idx">
<div class="item-header flex-display">
<div class="item-list">
<div class="item-list-item flex-display" v-for="val, idx in item.innerList" :key="idx">
<div class="item-list-left flex-display">
<div class="id text-bold main-color color-bg-active">{{ idx + 1 }}</div>
<div class="info">
<div class="content text-regular text-primary-80-clor">{{ val.name }}</div>
<div class="area-box flex-display">
<AreaTag v-for="tag, tagIdx in val.techDomainList" :key="tagIdx" :tagName="tag"></AreaTag>
</div>
</div>
</div>
<div class="item-list-right ">
<div class="right-list-item flex-display" v-for="org, orgIdx in val.orgList" :key="orgIdx">
<div class="org-box flex-display">
<div class="logo">
<img style="width: 100%; height: 100%;" :src="org.orgLogoUrl" alt="">
</div>
<div class="org-name text-tip-1 text-primary-80-clor">{{ org.orgName }}</div>
</div>
<div class="status">
<div class="status-on text-tip-2" v-if="org.stauts === 2">{{ '已落实' }}</div>
<div class="status-off text-tip-2" v-else>{{ '未落实' }}</div>
</div>
</div>
</div>
</div>
<!-- <div class="item-header flex-display">
<div class="item-header-left flex-display">
<div class="logo">
<img style="width:100%; height: 100%" :src="val.orgLogoUrl" alt="logo">
......@@ -67,7 +100,7 @@
<AreaTag v-for="tag, idxx in val.techDomainList.slice(0, 3)" :key="idxx" :tagName="tag"></AreaTag>
</div>
</div>
<div class="item-content text-compact">{{ val.name }}</div>
<div class="item-content text-compact">{{ val.name }}</div> -->
</div>
......@@ -184,7 +217,13 @@ function buildDataMap(arr) {
});
}
const d = map.get(date);
d.count += 1;
// d.count += 1;
// 按 administrativeOrderInfoTitle 去重计数
if (!d._titleSet) d._titleSet = new Set();
if (item.administrativeOrderInfoTitle && !d._titleSet.has(item.administrativeOrderInfoTitle)) {
d._titleSet.add(item.administrativeOrderInfoTitle);
d.count += 1;
}
if (item.status === 2) d.resolved += 1;
if (d.logos.length < 3 && item.orgLogoUrl) d.logos.push(item.orgLogoUrl);
d.status = 'has_events';
......@@ -373,7 +412,7 @@ function getOption() {
groupChildren.push({
type: 'text',
style: {
text: `${item.count}项`,
text: `${item.count}项行政令`,
x: x + 8,
y: y + cellHeight - 12,
textAlign: 'left',
......@@ -430,6 +469,8 @@ function getOption() {
// 点击政令，跳转详情
const handleToDetail = (item) => {
console.log('item', item);
const path = "/decreeLayout/overview/introduction";
const query = { id: item.orderId };
const route = router.resolve({ path, query });
......@@ -452,22 +493,47 @@ onMounted(() => {
if (list.length > 0) {
currentDate.value = date
// 按 administrativeOrderInfoTitle 分类
// const grouped = [];
// const map = new Map();
// 按 sanctionId 分类，sanctionId 相同合为一个元素，形式为 { name: 'xxx', info: {} }
const grouped = [];
const map = new Map();
const titleMap = new Map();
list.forEach(item => {
const key = item.administrativeOrderInfoTitle;
if (!map.has(key)) {
map.set(key, { name: key, list: [] });
grouped.push(map.get(key));
const title = item.administrativeOrderInfoTitle || '';
if (!titleMap.has(title)) {
titleMap.set(title, { administrativeOrderInfoTitle: title, innerList: [], orgNum: 0, orderId: item.orderId });
grouped.push(titleMap.get(title));
}
// 统计 orgNum
const group = titleMap.get(title);
// 用 Set 统计不同 orgName
if (!group._orgSet) group._orgSet = new Set();
group._orgSet.add(item.orgName);
group.orgNum = group._orgSet.size;
// 按 sanctionId 分类
const innerList = titleMap.get(title).innerList;
let sanctionGroup = innerList.find(g => g.sanctionId === item.sanctionId);
if (!sanctionGroup) {
sanctionGroup = {
sanctionId: item.sanctionId,
name: item.name,
techDomainList: item.techDomainList || [],
orgList: [],
info: []
};
innerList.push(sanctionGroup);
}
map.get(key).list.push(item);
sanctionGroup.orgList.push({
orgName: item.orgName,
orgLogoUrl: item.orgLogoUrl,
status: item.status
});
sanctionGroup.info.push({ ...item });
});
currentDetailList.value = grouped;
console.log('currentDetailList', currentDetailList.value);
// 统计不同 orgName 的个数
const orgNames = new Set(list.map(item => item.orgName));
currentOrgNum.value = orgNames.size
tooltipVisible.value = true
} else {
tooltipVisible.value = false
......@@ -503,27 +569,39 @@ onBeforeUnmount(() => {
/* pointer-events: none; */
/* 让鼠标事件穿透到图表，避免闪烁 */
z-index: 1000;
width: 670px;
width: 1278px;
background: rgb(255, 255, 255);
}
.tooltip-header {
height: 50px;
height: 56px;
box-sizing: border-box;
padding: 13px 24px;
padding: 12px 24px;
justify-content: space-between;
border-bottom: 1px solid rgb(234, 236, 238);
}
.tooltip-main {
padding: 0 24px 10px;
.tooltip-header-left{
margin-top: 10px;
}
.tooltip-header-right{
height: 34px;
background: rgba(206, 79, 81, 0.1);
border-radius: 17px;
color: rgba(206, 79, 81);
padding: 5px 12px;
}
/* .tooltip-main {
padding: 0 24px 10px;
} */
.tooltip-main-item {
padding: 10px 0;
width: 622px;
width: 1254px;
/* height: 144px; */
border-bottom: 1px solid rgb(234, 236, 238);
}
......@@ -540,6 +618,50 @@ onBeforeUnmount(() => {
}
.item-list-item{
padding: 12px 12px 16px 20px;
border-bottom: 1px solid rgb(234, 236, 238);
}
.item-list-left{
width: 848px;
}
.area-box {
margin-top: 8px;
gap: 8px;
}
.id{
width: 30px;
height: 30px;
border-radius: 15px;
text-align: center;
line-height: 30px;
}
.info{
width: 800px;
}
.item-list-right{
width: 356px;
justify-content: space-between;
}
.right-list-item {
justify-content: space-between;
margin-bottom: 8px;
}
.org-box {
gap: 8px;
}
.org-name{
width: 234px;
}
.logo {
width: 24px;
height: 24px;
......@@ -559,36 +681,33 @@ onBeforeUnmount(() => {
background: rgba(206, 79, 81, 0.1);
}
.item-content {
height: 48px;
display: -webkit-box;
-webkit-line-clamp: 2;
/* 限制显示2行 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
/* 可选：防止单词被截断 */
}
.item-header-right {
gap: 8px;
}
.item-footer {
width: 622px;
height: 40px;
.item-main-header {
width: 1254px;
height: 68px;
padding: 0 8px;
margin-top: 4px;
border-radius: 4px;
justify-content: space-between;
align-items: center;
cursor: pointer;
border-bottom: 1px solid rgb(234, 236, 238);
}
.item-main-header-left {
display: flex;
gap: 8px;
align-items: center;
}
.footer-arrow {
width: 20px;
height: 20px;
.item-main-header-type {
height: 28px;
border-radius: 4px;
padding: 0 8px;
line-height: 28px;
text-align: center;
}
</style>
src/views/bill/billHome/index.vue
浏览文件 @ fd608e1e
......@@ -174,7 +174,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { onMounted, ref, onUnmounted, nextTick, watch } from "vue";
import router from "@/router/index";
import setChart from "@/utils/setChart";
......
src/views/companyPages2/assets/images/机械设备.svg 0 → 100644
浏览文件 @ fd608e1e
<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">
<rect id="机械设备 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="矢量 1620" d="M11.6932 12.3121L9.37157 12.3121C9.37514 12.1495 9.33467 11.9889 9.25445 11.8474L5.77115 5.86676C5.44431 6.35635 4.98227 6.74044 4.44121 6.97234C3.90015 7.20425 3.30337 7.27397 2.72342 7.17305L5.71648 12.3118L3.62339 12.3118C3.4668 12.312 3.31301 12.3533 3.17743 12.4317C3.04185 12.51 2.92925 12.6226 2.85091 12.7582C2.77257 12.8938 2.73124 13.0475 2.73107 13.2041L2.73107 14.1023C2.73124 14.2589 2.77257 14.4127 2.85091 14.5483C2.92925 14.6839 3.04185 14.7965 3.17743 14.8748C3.31301 14.9531 3.4668 14.9945 3.62339 14.9946L11.6932 14.9946C11.8498 14.9944 12.0035 14.9531 12.1391 14.8748C12.2747 14.7964 12.3873 14.6838 12.4656 14.5483C12.544 14.4127 12.5853 14.2589 12.5855 14.1023L12.5855 13.2044C12.5855 13.0478 12.5443 12.8939 12.466 12.7582C12.3877 12.6225 12.2751 12.5099 12.1394 12.4316C12.0037 12.3532 11.8498 12.312 11.6932 12.3121L11.6932 12.3121ZM3.22705 1.96949C2.79606 1.96946 2.37474 2.09724 2.01638 2.33667C1.65801 2.5761 1.37869 2.91642 1.21375 3.3146C1.0488 3.71277 1.00564 4.15092 1.08972 4.57363C1.17379 4.99634 1.38133 5.38462 1.68608 5.68938C1.99084 5.99413 2.37912 6.20167 2.80183 6.28574C3.22454 6.36982 3.66269 6.32665 4.06086 6.16171C4.45904 5.99677 4.79936 5.71745 5.03879 5.35908C5.27822 5.00072 5.406 4.5794 5.40597 4.14841C5.4058 3.76598 5.30503 3.39032 5.11376 3.05915C4.9225 2.72798 4.64748 2.45296 4.31631 2.2617C3.98514 2.07043 3.60948 1.96966 3.22705 1.96949ZM3.22705 4.92756C3.07297 4.92756 2.92236 4.88188 2.79425 4.79628C2.66614 4.71068 2.56629 4.58901 2.50733 4.44666C2.44837 4.30432 2.43294 4.14768 2.463 3.99657C2.49306 3.84546 2.56725 3.70665 2.6762 3.5977C2.78515 3.48875 2.92395 3.41456 3.07507 3.3845C3.22618 3.35444 3.38282 3.36987 3.52516 3.42883C3.66751 3.48779 3.78918 3.58764 3.87478 3.71575C3.96038 3.84386 4.00606 3.99447 4.00606 4.14855C4.00587 4.28523 3.96977 4.41946 3.90136 4.5378C3.83296 4.65613 3.73466 4.75441 3.61631 4.8228C3.49797 4.89118 3.36373 4.92726 3.22705 4.92743L3.22705 4.92756ZM14.3101 4.88274L11.8948 6.26679L10.8052 4.89435L10.8052 3.39673L11.8948 2.02416L14.3101 3.40848C14.3917 3.45427 14.4856 3.47325 14.5785 3.46275C14.6715 3.45226 14.7588 3.4128 14.8281 3.34998C14.8974 3.28715 14.9452 3.20413 14.9647 3.11266C14.9843 3.02118 14.9745 2.92588 14.937 2.84022C14.8994 2.75457 14.8358 2.6829 14.7553 2.63534L12.0081 1.05968C11.9467 1.02425 11.8778 1.00397 11.807 1.00053C11.7362 0.997082 11.6656 1.01057 11.6011 1.03988C11.5366 1.06918 11.4799 1.11345 11.436 1.16902L10.362 2.52013L9.18871 2.52013C9.00972 2.52002 8.83488 2.57403 8.68714 2.67508C8.53941 2.77613 8.42568 2.9195 8.3609 3.08635L6.109 3.08635C6.23779 3.43142 6.30261 3.79707 6.30028 4.16539C6.29794 4.5337 6.22849 4.8985 6.09533 5.2419L8.36145 5.2419C8.42665 5.40889 8.54076 5.5523 8.68883 5.65336C8.8369 5.75441 9.01204 5.8084 9.19131 5.80826L10.3914 5.80826L11.436 7.1222C11.4778 7.17467 11.531 7.21702 11.5915 7.2461C11.652 7.27518 11.7183 7.29024 11.7854 7.29017C11.8634 7.28993 11.94 7.2698 12.0081 7.23168L14.7551 5.65588C14.8239 5.61728 14.8812 5.56114 14.9212 5.49319C14.9612 5.42524 14.9825 5.34789 14.9829 5.26904C14.9832 5.19018 14.9627 5.11263 14.9234 5.0443C14.884 4.97596 14.8273 4.91927 14.7589 4.88001C14.6905 4.84075 14.6129 4.82032 14.5341 4.82079C14.4552 4.82127 14.3779 4.84265 14.31 4.88274L14.3101 4.88274Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/companyPages2/assets/images/资金管理.svg 0 → 100644
浏览文件 @ fd608e1e
<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">
<rect id="1-资金管理 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="矢量 1620" d="M11.7086 10.5216C11.9447 10.5216 12.1365 10.7062 12.1365 10.9337C12.1365 11.1612 11.9447 11.3457 11.7086 11.3457L10.6554 11.3457L10.6554 12.0432C10.6551 12.2707 10.4632 12.4552 10.2275 12.4552C9.99168 12.4552 9.7995 12.2707 9.7995 12.0432L9.7995 11.3457L8.74632 11.3457C8.50991 11.3457 8.31836 11.1612 8.31836 10.9337C8.31836 10.7062 8.50991 10.5216 8.746 10.5216L9.7995 10.5216L9.7995 9.76022L8.74632 9.76022C8.50991 9.76022 8.31836 9.57568 8.31836 9.34818C8.31836 9.12067 8.50991 8.93613 8.746 8.93613L9.28818 8.93613L8.48477 8.04681C8.43563 7.99294 8.40209 7.9267 8.38774 7.85521C8.3734 7.78372 8.37879 7.70968 8.40334 7.64102C8.42789 7.57236 8.47067 7.51168 8.52709 7.46549C8.58441 7.41784 8.65292 7.38556 8.72617 7.3717C8.79941 7.35785 8.87498 7.36287 8.94575 7.38629C9.01652 7.40971 9.08016 7.45077 9.13068 7.50558L10.2275 8.7204L11.3239 7.5059C11.3744 7.45108 11.4381 7.41003 11.5088 7.38661C11.5796 7.36319 11.6552 7.35817 11.7284 7.37202C11.8017 7.38588 11.8702 7.41816 11.9275 7.46581C11.984 7.51193 12.0269 7.57259 12.0515 7.64127C12.0761 7.70995 12.0815 7.78404 12.0671 7.85556C12.0527 7.92708 12.0191 7.99331 11.9698 8.04713L11.1667 8.93645L11.7086 8.93645C11.9447 8.93645 12.1365 9.12099 12.1365 9.34849C12.1365 9.57599 11.9447 9.76054 11.7086 9.76054L10.6554 9.76054L10.6554 10.5216L11.7086 10.5216L11.7086 10.5216ZM10.2275 5.45522C7.76695 5.45522 5.77291 7.44958 5.77291 9.90977C5.77291 12.3703 7.76695 14.3643 10.2275 14.3643C12.6876 14.3643 14.682 12.3703 14.682 9.90977C14.682 7.44958 12.6876 5.45522 10.2275 5.45522ZM6.01886 12.7734L2.2729 12.7734L2.2729 10.8643L4.50018 10.8643C4.60094 10.8643 4.69911 10.8323 4.78061 10.7731C4.86212 10.7138 4.92278 10.6303 4.95391 10.5345C4.98504 10.4387 4.98504 10.3354 4.95391 10.2396C4.92278 10.1438 4.86211 10.0602 4.78061 10.001C4.69911 9.94174 4.60094 9.90981 4.50018 9.90977L2.2729 9.90977L2.2729 8.15977L5.13654 8.15977C5.2373 8.15972 5.33547 8.12779 5.41698 8.06854C5.49848 8.0093 5.55914 7.92578 5.59027 7.82994C5.6214 7.73411 5.6214 7.63088 5.59027 7.53504C5.55914 7.43921 5.49848 7.35569 5.41698 7.29644C5.33547 7.23719 5.2373 7.20526 5.13654 7.20522L2.2729 7.20522L2.2729 5.7734L7.26709 5.7734C7.95348 5.28046 8.7525 4.96748 9.59109 4.86308L9.59109 2.27308C9.59109 2.16138 9.56168 2.05164 9.50583 1.9549C9.44998 1.85816 9.36965 1.77783 9.27291 1.72198C9.17617 1.66612 9.06643 1.63672 8.95472 1.63672L1.95472 1.63672C1.84302 1.63672 1.73328 1.66612 1.63654 1.72198C1.5398 1.77783 1.45947 1.85816 1.40362 1.9549C1.34776 2.05164 1.31836 2.16138 1.31836 2.27308L1.31836 13.0913C1.31836 13.203 1.34776 13.3127 1.40362 13.4094C1.45947 13.5062 1.5398 13.5865 1.63654 13.6424C1.73328 13.6982 1.84302 13.7276 1.95472 13.7276L6.86777 13.7276C6.54602 13.4462 6.26082 13.1255 6.01886 12.7731L6.01886 12.7734Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/companyPages2/component/CapitalScale.vue
浏览文件 @ fd608e1e
......@@ -101,7 +101,7 @@ watch(() => props.enterpriseInfo, (newVal, oldVal) => {
.item-value-img {
width: 8px;
height: 6px;
background-image: url(../images/Regular_polygon_11097_225086.png);
background-image: url(../assets/images/Regular_polygon_11097_225086.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
......
src/views/companyPages2/component/OperatingPages/SanctionsSituation.vue
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ref, onMounted, onUnmounted, watch } from 'vue';
import { ElRadioGroup, ElRadioButton } from 'element-plus';
import { ElRadioGroup, ElRadioButton, ElSpace } from 'element-plus';
import * as echarts from 'echarts';
import { getSanctionList } from '@/api/companyPages';
import AnalysisBox from '@/components/base/boxBackground/analysisBox.vue';
......@@ -263,7 +263,9 @@ function handleStudyTypesChange() {
<analysis-box title="被制裁时间轴">
<template v-if="lineTypes.length > 1" v-slot:header-btn>
<el-radio-group class="radio-group-as-gap-btn" v-model="lineType" @change="handleStudyTypesChange">
<el-radio-button v-for="item in lineTypes" :key="item" :label="item">{{ item }}</el-radio-button>
<el-space>
<el-radio-button v-for="item in lineTypes" :key="item" :label="item">{{ item }}</el-radio-button>
</el-space>
</el-radio-group>
</template>
<div class="flex-display content-box">
......
src/views/companyPages2/component/SupplyChain/GraphChart.vue 0 → 100644
浏览文件 @ fd608e1e
<script setup lang="ts">
import { ref, onMounted, onUnmounted, watch } from 'vue';
import * as echarts from 'echarts';
export interface GraphNode {
id: string
name: string
type: string
x: number
y: number
}
export interface GraphLink {
source: string
target: string
type: string
}
// 定义组件属性
const props = defineProps({
nodes: {
type: Array<GraphNode>,
default: () => []
}
, links: {
type: Array<GraphLink>,
default: () => []
}
});
const chartDom = ref()
let myChart = null
onMounted(async () => {
})
watch(() => props.nodes, () => {
nodeTopBottomLayout(props.nodes)
updateCharts()
})
watch(() => props.links, updateCharts)
onUnmounted(() => myChart?.dispose())
function nodeTopBottomLayout(nodes: Array<any>) {
if (nodes.length < 1) return
// 中心节点放在中间
const centerNode = nodes[0]
centerNode.x = 0
centerNode.y = 0
// 其余节点分成上下两列
const otherNodes = nodes.slice(1)
const tops = []
const bottoms = []
otherNodes.forEach((item) => {
if (item.type === 'to') {
tops.push(item)
} else {
bottoms.push(item)
}
})
// 计算每列的节点数
const topCount = tops.length
const bottomCount = bottoms.length
// 列间距
const columnSpacing = 60
// 上下列距离中心的距离
const verticalDistance = 100
let ci = (topCount - 1) / 2
// 处理上列节点
for (let i = 0; i < topCount; i++) {
const node = tops[i]
// 计算x坐标，居中排列
const offsetX = (i - ci) * columnSpacing
node.x = offsetX
node.y = -verticalDistance
}
ci = (bottomCount - 1) / 2
// 处理下列节点
for (let i = 0; i < bottomCount; i++) {
const node = bottoms[i]
// 计算x坐标，居中排列
const offsetX = (i - ci) * columnSpacing
node.x = offsetX
node.y = verticalDistance
}
}
// 辅助函数：更新图表数据
function updateCharts() {
// 销毁现有图表实例
if (myChart) {
myChart.dispose()
}
myChart = echarts.init(chartDom.value)
const ys = props.nodes.map((item) => item.y)
const minY = Math.min(...ys)
const maxY = Math.max(...ys)
myChart.setOption({
grid: {
top: 0,
bottom: 0,
left: 0,
right: 0,
},
// 关闭不必要的交互以提高性能
tooltip: {
show: false
},
// 优化渲染性能
// progressive: 500,
// progressiveThreshold: 300,
animation: false,
animationDuration: 1000,
animationEasing: 'cubicOut',
series: [{
type: 'graph',
// zoom: Math.max(1, props.nodes.length / 10.0), // 放大显示
itemStyle: {
color: '#73C0DE'
},
height: '80%',
layout: 'none',
data: props.nodes,
links: props.links,
center: [0, (minY + maxY) / 2 + 10],
nodeScaleRatio: 0,
// categories: categories,
roam: true,
label: {
show: true,
position: 'bottom',
offset: [0, -10],
formatter: '{b}',
fontSize: 14,
textBorderColor: 'rgb(255 255 255)',
// fontWeight: 'bold',
color: 'rgb(5, 95, 194)',
padding: [4, 6],
borderRadius: 4,
// 限制宽度并自动换行
width: 120, // 限制标签宽度
overflow: 'break', // 超出宽度自动换行
lineHeight: 16 // 设置行高，确保多行显示正常
},
lineStyle: {
// color: 'source',
curveness: 0,
width: 1,
color: '#AED6FF'
},
edgeSymbol: ['arrow', 'none'],
}]
})
}
</script>
<template>
<div class="flex-display content-box">
<div ref="chartDom" class="chart-container"></div>
</div>
</template>
<style lang="scss" scoped>
.content-box {
padding: 10px;
gap: 10px;
flex-direction: column;
}
.chart-container {
height: 500px;
width: 100%;
}
</style>
\ No newline at end of file
src/views/companyPages2/component/SupplyChain/index.vue 0 → 100644
浏览文件 @ fd608e1e
<script setup lang="ts">
import '@/styles/common.scss';
import { getSupplyAreaList, getSupplyCountryList, getSupplyList } from "@/api/companyPages/index.js";
import { onMounted, ref } from 'vue';
import { ElCheckbox, ElCheckboxGroup, ElRow, ElCol, ElMessage, ElRadioGroup, ElRadioButton } from 'element-plus';
import ColorPrefixTitle from '@/components/base/texts/ColorPrefixTitle.vue';
import GraphChart from './GraphChart.vue'
import { forEach } from 'lodash';
import AiTipPane from '@/components/base/panes/AiTipPane.vue';
import ColorSvg from '@/components/base/images/ColorSvg.vue'
import MachineImg from '../../assets/images/机械设备.svg'
import FundImg from '../../assets/images/资金管理.svg'
const CompanyImg = "/icon/company/普通企业节点.svg"
const CompanyImg2 = "/icon/company/普通企业节点2.svg"
import { getSingleSanctionEntityEquity } from '@/api/exportControlV2.0';
// 定义组件属性
const props = defineProps({
enterpriseInfo: {
type: Object,
default: {}
}
});
const supplyAreaList = ref([]);
const supplyCountryList = ref([]);
const supplyTypeList = [{
name: '上游', id: 'supply'
}, {
name: '下游', id: 'customer'
}];
const dataTypeList = ref([{
name: '供应链', id: 'supply',
icon: MachineImg
}, {
name: '股权', id: 'equity',
icon: FundImg
}])
const selectedSupplyAreas = ref([]);
const selectedSupplyCountries = ref([]);
const selectedSupplyTypes = ref([]);
const selectedDataType = ref('supply')
const nodes = ref([])
const links = ref([])
onMounted(async () => {
await initData()
await updateData()
})
async function initData() {
const { data } = await getSupplyAreaList(props.enterpriseInfo.id);
supplyAreaList.value = data ?? [];
const { data: countryData } = await getSupplyCountryList(props.enterpriseInfo.id);
supplyCountryList.value = countryData ?? [];
}
async function updateData() {
if (selectedDataType.value === 'supply') {
await updateDataSupply()
} else if (selectedDataType.value === 'equity') {
await updateDataEquity()
}
}
async function updateDataSupply() {
const params = {
arealist: selectedSupplyAreas.value ? selectedSupplyAreas.value.join(",") : null,
countrylist: selectedSupplyCountries.value ? selectedSupplyCountries.value.join(",") : null,
type: selectedSupplyTypes.value.length === 2 ? 'all' : selectedSupplyTypes.value ? selectedSupplyTypes.value : null,
id: props.enterpriseInfo.id
}
const { data } = await getSupplyList(params)
if (!data) {
ElMessage.error('获取供应链数据失败')
return
}
// 提取所有公司名称
const companyMap: Map<string, any> = new Map();
data.forEach(item => {
companyMap.set(item.orgId, { name: item.orgName, type: item.type })
companyMap.set(item.otherOrgId, { name: item.otherOrgName, type: item.type })
})
// 创建nodes数组
nodes.value = Array.from(companyMap).map(([orgId, item]) => (createNode(orgId, item.name, item.type, false)));
const linksData = []
forEach(data, item => {
const link = createLink(item.orgId, item.otherOrgId, '供应商', false)
if (item.type === 'from') {
link.source = item.otherOrgId
link.target = item.orgId
link.label.formatter = '客户'
}
linksData.push(link)
})
// 创建links数组
links.value = linksData
}
function createNode(orgId: string, orgName: string, type: string, isSanctioned: boolean) {
return {
id: orgId,
name: orgName,
type: type,
symbolSize: 50,
symbol: `image://${isSanctioned ? CompanyImg2 : CompanyImg}`,
isSanctioned
}
}
function createLink(source: string, target: string, formatter: string, isSanctioned: boolean) {
return {
source: source,
target: target,
label: {
show: true,
formatter: formatter,
color: isSanctioned ? 'rgba(255, 102, 102, 1)' : 'rgba(137, 193, 255, 1)',
backgroundColor: isSanctioned ? 'rgba(255, 102, 102, 0.2)' : 'rgba(137, 193, 255, 0.2)',
padding: [4, 4],
borderRadius: 10
},
}
}
async function updateDataEquity() {
const { data } = await getSingleSanctionEntityEquity({ orgId: props.enterpriseInfo.id, rule: true })
if (!data) {
ElMessage.error('获取股权数据失败')
return
}
const cnode = createNode(data.orgId, data.orgName, "to", false)
const linksData = []
const nodesData = [cnode]
const { parentOrgList, childrenOrgList } = data
childrenOrgList.forEach((item, i) => {
if (!item.id) item.id = i
nodesData.push(createNode(item.id, item.name, "to", item.isSanctioned))
linksData.push(createLink(cnode.id, item.id, item.description, item.isSanctioned))
})
parentOrgList.forEach((item, i) => {
if (!item.id) item.id = i
nodesData.push(createNode(item.id, item.name, "from", item.isSanctioned))
linksData.push(createLink(item.id, cnode.id, item.description, item.isSanctioned))
})
nodes.value = nodesData
links.value = linksData
console.log(nodesData, linksData)
}
async function handleOptionsChnage() {
await updateData()
}
async function handleDataTypeChange() {
await updateData()
}
</script>
<template>
<div class="flex-display box-div">
<div class="background-as-card options-pane">
<color-prefix-title>科技领域</color-prefix-title>
<el-checkbox-group class="checkbox-group" v-model="selectedSupplyAreas" @change="handleOptionsChnage">
<el-row>
<el-col v-for="item in supplyAreaList" :span="12">
<el-checkbox :label="item.name + '(' + item.num + ')'" :value="item.id" />
</el-col>
</el-row>
</el-checkbox-group>
<color-prefix-title>国家/地区</color-prefix-title>
<el-checkbox-group class="checkbox-group" v-model="selectedSupplyCountries" @change="handleOptionsChnage">
<el-row>
<el-col v-for="item in supplyCountryList" :span="12">
<el-checkbox :label="item.name + '(' + item.num + ')'" :value="item.id" />
</el-col>
</el-row>
</el-checkbox-group>
<color-prefix-title>上下游</color-prefix-title>
<el-checkbox-group class="checkbox-group" v-model="selectedSupplyTypes" @change="handleOptionsChnage">
<el-row>
<el-col v-for="item in supplyTypeList" :span="12">
<el-checkbox :label="item.name" :value="item.id" />
</el-col>
</el-row>
</el-checkbox-group>
</div>
<div class="background-as-card flex-fill">
<el-radio-group v-model="selectedDataType" class="data-type-group" @change="handleDataTypeChange">
<el-radio-button v-for="item in dataTypeList" :label="item.id" :value="item.id">
<color-svg :size="16" :svg-url="item.icon"
:color="item.id === selectedDataType ? 'var(--bg-white-100)' : 'var(--color-primary-100)'">
</color-svg>
<span class="text-title-3">
{{ item.name }}
</span>
</el-radio-button>
</el-radio-group>
<graph-chart :nodes="nodes" :links="links" />
<ai-tip-pane v-if="enterpriseInfo.id === '914403001922038216'">
华为构建了覆盖全球的复杂供应链网络，以自身为核心，辐射芯片、显示、摄像头等关键领域。其供应链深度扎根中国，同时整合美国高通、韩国三星、日本索尼等国际顶尖供应商，形成多元化供应格局。面对外部技术封锁，华为通过扶持海思等子公司强化垂直整合，并积极拓展本土替代资源，在保持技术领先的同时增强供应链韧性，展现出卓越的全球资源调配与风险管控能力。
</ai-tip-pane>
</div>
</div>
</template>
<style lang="css" scoped>
.options-pane {
width: 360px;
padding-top: 16px;
margin-right: 16px;
}
.chart-box {
padding: 10px 0px;
background-color: var(--bg-white-100);
}
.checkbox-group {
padding: 0px 25px;
margin-bottom: 20px;
}
.data-type-group {
padding: 10px 16px;
top: 16px;
}
</style>
\ No newline at end of file
src/views/companyPages2/index.vue
浏览文件 @ fd608e1e
......@@ -4,9 +4,9 @@
</div>
<el-scrollbar>
<div class="common-page">
<el-space wrap :size="16" fill>
<el-space wrap :size="16" fill class="full-width">
<title-pane :enterprise-info="enterpriseInfo"></title-pane>
<el-tabs stretch class="tabs-header-as-card tabs-nav-no-wrap tabs-bar-as-btn">
<el-tabs stretch class="tabs-header-as-card tabs-nav-no-wrap tabs-bar-as-btn tab-pane-overflow-visible">
<el-tab-pane label="企业详情">
<div class="flex-display">
<news-pane :enterprise-info="enterpriseInfo" />
......@@ -17,8 +17,7 @@
<operating-pages :enterprise-info="enterpriseInfo" />
</el-tab-pane>
<el-tab-pane lazy label="供应链 / 股权">
<div class="flex-display">
</div>
<supply-chain :enterprise-info="enterpriseInfo" />
</el-tab-pane>
</el-tabs>
</el-space>
......@@ -33,6 +32,7 @@ import TitlePane from './component/TitlePane.vue';
import NewsPane from './component/DetailsPages/NewsPane.vue';
import BaseInfo from './component/DetailsPages/BaseInfo.vue';
import OperatingPages from './component/OperatingPages/index.vue';
import SupplyChain from './component/SupplyChain/index.vue';
import '@/styles/tabs.scss'
import '@/styles/container.scss'
import { ElScrollbar, ElSpace, ElTabs, ElTabPane } from 'element-plus';
......
src/views/coopRestriction/components/dataNew/index.vue
浏览文件 @ fd608e1e
......@@ -114,7 +114,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { ref, onMounted, computed } from "vue";
import router from "@/router";
import { getCoopRestrictionTrends, getCoopRestrictionSignals } from "@/api/coopRestriction/coopRestriction.js";
......
src/views/decree/decreeHome/index.vue
浏览文件 @ fd608e1e
......@@ -64,7 +64,8 @@
</div>
</div> -->
<div class="home-main-header-item-box">
<div class="item" v-for="(item, index) in govInsList" :key="index" @click="handleToInstitution(item)">
<div class="item" v-for="(item, index) in govInsList" :key="index"
@click="handleToInstitution(item)">
<div class="item-left">
<img :src="item.img ? item.img : DefaultIcon2" alt="" />
</div>
......@@ -122,7 +123,8 @@
}" v-for="(tag, index) in item.industryList" :key="index">
{{ tag.industryName }}
</div> -->
<AreaTag v-for="(tag, index) in item.industryList" :key="index" :tagName="tag.industryName">
<AreaTag v-for="(tag, index) in item.industryList" :key="index"
:tagName="tag.industryName">
</AreaTag>
</div>
<div class="box1-main-right-center">
......@@ -185,16 +187,17 @@
<div class="text">{{ "查看更多" }}</div>
</div>
</div> -->
<RiskSignal :list="warningList" @item-click="handleClickToDetail" @more-click="handleToMoreRiskSignal"
riskLevel="signalLevel" postDate="signalTime" name="signalTitle">
<RiskSignal :list="warningList" @item-click="handleClickToDetail"
@more-click="handleToMoreRiskSignal" riskLevel="signalLevel" postDate="signalTime"
name="signalTitle">
</RiskSignal>
</div>
<DivideHeader id="position2" class="divide2" :titleText="'资讯要闻'"></DivideHeader>
<div class="center-center">
<NewsList :newsList="newsList" @item-click="handleToNewsAnalysis" @more-click="handleToMoreNews" />
<!-- <NewsList :newsList="newsList" /> -->
<MessageBubble :messageList="messageList" @person-click="handleClickPerson" @info-click="handleGetMessage"
imageUrl="img" @more-click="handleToSocialDetail" />
<MessageBubble :messageList="messageList" @person-click="handleClickPerson"
@info-click="handleGetMessage" imageUrl="img" @more-click="handleToSocialDetail" />
</div>
<DivideHeader id="position3" class="divide3" :titleText="'数据总览'"></DivideHeader>
<div class="center-footer">
......@@ -209,7 +212,8 @@
<div class="box5-selectbox">
<el-select @change="handleBox5YearChange" v-model="box5SelectedYear" placeholder="选择时间"
style="width: 120px">
<el-option v-for="item in box5YearList" :key="item.value" :label="item.label" :value="item.value" />
<el-option v-for="item in box5YearList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</div>
</div>
......@@ -227,7 +231,8 @@
<div class="box6-selectbox">
<el-select @change="handleBox6YearChange" v-model="box6SelectedYear" placeholder="选择时间"
style="width: 120px">
<el-option v-for="item in box6YearList" :key="item.value" :label="item.label" :value="item.value" />
<el-option v-for="item in box6YearList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</div>
</div>
......@@ -243,7 +248,8 @@
<div class="header-title">{{ "关键行政令" }}</div>
</div>
<div class="box7-main">
<div class="box7-item" v-for="(item, index) in keyDecreeList" :key="index" @click="handleKeyDecree(item)">
<div class="box7-item" v-for="(item, index) in keyDecreeList" :key="index"
@click="handleKeyDecree(item)">
<div class="icon">
<img src="./assets/images/warning.png" alt="" />
</div>
......@@ -299,9 +305,9 @@
</div>
<div class="select-main">
<div class="checkbox-group">
<el-checkbox v-for="type in decreeTypeList" :key="type.id" v-model="checkedDecreeType"
:label="type.typeId" style="width: 180px" class="filter-checkbox"
@change="handleChangeCheckedDecreeType">
<el-checkbox v-for="type in decreeTypeList" :key="type.id"
v-model="checkedDecreeType" :label="type.typeId" style="width: 180px"
class="filter-checkbox" @change="handleChangeCheckedDecreeType">
{{ type.typeName }}
</el-checkbox>
</div>
......@@ -314,8 +320,9 @@
</div>
<div class="select-main">
<div class="checkbox-group">
<el-checkbox v-for="cate in govInsList" :key="cate.id" v-model="checkedGovIns" :label="cate.id"
style="width: 180px" class="filter-checkbox" @change="handleChangeCheckedGovIns">
<el-checkbox v-for="cate in govInsList" :key="cate.id" v-model="checkedGovIns"
:label="cate.id" style="width: 180px" class="filter-checkbox"
@change="handleChangeCheckedGovIns">
{{ cate.name }}
</el-checkbox>
</div>
......@@ -328,8 +335,8 @@
</div>
<div class="select-main">
<div class="checkbox-group">
<el-checkbox v-for="time in pubTime" :key="time.id" v-model="activePubTime" :label="time.id"
style="width: 100px" class="filter-checkbox"
<el-checkbox v-for="time in pubTime" :key="time.id" v-model="activePubTime"
:label="time.id" style="width: 100px" class="filter-checkbox"
@change="checked => handlePubTimeChange(time.id, checked)">
{{ time.name }}
</el-checkbox>
......@@ -343,8 +350,9 @@
</div>
<div class="select-main select-main1">
<div class="checkbox-group">
<el-checkbox v-for="area in areaList" :key="area.id" v-model="activeAreaList" :label="area.id"
style="width: 100px" @change="checked => handleAreaChange(area.id, checked)">
<el-checkbox v-for="area in areaList" :key="area.id" v-model="activeAreaList"
:label="area.id" style="width: 100px"
@change="checked => handleAreaChange(area.id, checked)">
{{ area.name }}
</el-checkbox>
</div>
......@@ -359,7 +367,8 @@
<div class="title">{{ "政令库" }}</div>
</div>
<div class="content-box" v-show="decreeList">
<div class="main-item" v-for="(item, index) in decreeList" :key="index" @click="handleClickDecree(item)">
<div class="main-item" v-for="(item, index) in decreeList" :key="index"
@click="handleClickDecree(item)">
<div class="main-item-left">
<div class="left-left">
{{ item.time.split("-")[0] }}<br />{{ item.time.split("-")[1] }}月{{
......@@ -401,8 +410,9 @@
{{ `共 ${totalDecreesNum} 项` }}
</div>
<div class="footer-right">
<el-pagination @current-change="handleCurrentChange" :pageSize="10" :current-page="currentPage"
background layout="prev, pager, next" :total="totalDecreesNum" />
<el-pagination @current-change="handleCurrentChange" :pageSize="10"
:current-page="currentPage" background layout="prev, pager, next"
:total="totalDecreesNum" />
</div>
</div>
</div>
......@@ -413,7 +423,7 @@
</template>
<script setup>
import NewsList from "@/components/base/NewsList/index.vue";
import NewsList from "@/components/base/newsList/index.vue";
import { onMounted, ref, computed, watch, nextTick } from "vue";
import router from "@/router";
import {
......@@ -428,7 +438,7 @@ import {
getDecreehylyList,
getDecreeTypeList
} from "@/api/decree/home";
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
// import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { getPersonSummaryInfo } from "@/api/common/index";
import { getNews, getSocialMedia } from "@/api/general/index";
......
src/views/decree/decreeLayout/index.vue
浏览文件 @ fd608e1e
......@@ -23,8 +23,8 @@
{{ summaryInfo.order + " | " }}
</div>
<div class="info-box2-item item2" v-if="summaryInfo.type">
{{ summaryInfo.type + " | " }}
<div class="info-box2-item item2" v-if="summaryInfo.orgName">
{{ summaryInfo.orgName + " | " }}
</div>
<div class="info-box2-item item3" v-if="summaryInfo.ename">{{ summaryInfo.ename }}</div>
</div>
......
src/views/decree/decreeOriginal/index.vue
浏览文件 @ fd608e1e
......@@ -13,7 +13,7 @@
<div class="info-box2">
<div class="info-box2-item item1">{{ summaryInfo.order }}</div>
|
<div class="info-box2-item item2">{{ summaryInfo.type }}</div>
<div class="info-box2-item item2">{{ summaryInfo.orgName }}</div>
|
<div class="info-box2-item item3">{{ summaryInfo.ename }}</div>
</div>
......
src/views/exportControl/index.vue
浏览文件 @ fd608e1e
......@@ -702,7 +702,7 @@
<script setup>
import NewsList from "@/components/NewsList.vue";
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { onMounted, ref, computed, reactive, shallowRef, watch, nextTick } from "vue";
import { useContainerScroll } from "@/hooks/useScrollShow";
const homeMainRef = ref(null);
......
src/views/finance/index.vue
浏览文件 @ fd608e1e
......@@ -538,7 +538,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { onMounted, ref, computed } from "vue";
import scrollToTop from "@/utils/scrollToTop";
import setChart from "@/utils/setChart";
......
src/views/innovationSubject/index.vue
浏览文件 @ fd608e1e
......@@ -374,7 +374,7 @@
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import NewsList from "@/components/NewsList.vue";
import { onMounted, ref, computed } from "vue";
import router from "@/router";
......
src/views/marketAccessRestrictions/marketAccessHome/index.vue
浏览文件 @ fd608e1e
......@@ -7,54 +7,6 @@
<SearchContainer style="margin-bottom: 0;margin-top: 48px; height: fit-content" v-if="containerRef"
placeholder="搜索市场准入限制调查" :containerRef="containerRef" areaName="" />
</div>
<!-- <div class="home-main-header-footer">
<div class="home-main-header-footer-item">
<div class="item-top">142</div>
<div class="item-footer">总调查案件数</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">28</div>
<div class="item-footer">调查中案件数</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">326</div>
<div class="item-footer">涉及中企</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">38%</div>
<div class="item-footer">胜诉/和解率</div>
</div>
<div class="home-main-header-footer-item">
<div class="item-top">285</div>
<div class="item-footer">分析报告</div>
</div>
</div> -->
<!-- <div class="home-main-header-btn-box">
<div class="btn" @click="scrollToTop('position1')">
<div class="btn-text">{{ "最新动态" }}</div>
<div class="btn-icon">
<img src="@/assets/icons/arrow-right-icon.png" alt="" />
</div>
</div>
<div class="btn" @click="scrollToTop('position2')">
<div class="btn-text">{{ "资讯要闻" }}</div>
<div class="btn-icon">
<img src="@/assets/icons/arrow-right-icon.png" alt="" />
</div>
</div>
<div class="btn" @click="scrollToTop('position3')">
<div class="btn-text">{{ "数据总览" }}</div>
<div class="btn-icon">
<img src="@/assets/icons/arrow-right-icon.png" alt="" />
</div>
</div>
<div class="btn" @click="scrollToTop('position4')">
<div class="btn-text">{{ "资源库" }}</div>
<div class="btn-icon">
<img src="@/assets/icons/arrow-right-icon.png" alt="" />
</div>
</div>
</div> -->
<div class="home-main-header-card-box">
<div class="home-main-header-card-box-box1 card"
@click="handleClickCardToDetail(sortInfo[1]?.sortCode, sortInfo[1]?.sortName)">
......@@ -117,55 +69,55 @@
<div class="box1-main">
<div class="box1-main-header">
<div class="header-left">
{{ item.SEARCHNAME }}
{{ item.searchname }}
</div>
<div class="header-right">
<div class="tag1">{{ item.SEARCHSORT }}</div>
<div class="tag1">{{ item.searchsort }}</div>
<div class="tag2" v-for="(val, idx) in item.searchArea" :key="idx">{{ val }}</div>
</div>
</div>
<div class="info-box">
<div class="info-header">
<div class="icon"></div>
<div class="time">{{ item.PROGRESSDATE }}</div>
<div class="title">{{ item.PROGRESSRESULT }}</div>
<div class="time">{{ item.progressdate }}</div>
<div class="title">{{ item.progressresult }}</div>
</div>
<div class="info-content">
{{ item.PROGRESSDETAILS }}
{{ item.progressdetails }}
</div>
</div>
<div class="list-box">
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "调查案号：" }}</div>
<div class="list-right">{{ item.SEARCHNUM }}</div>
<div class="list-right">{{ item.searchnum }}</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "涉及产品：" }}</div>
<div class="list-right">
{{ item.PRODUCT }}
{{ item.product }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "原告：" }}</div>
<div class="list-right">
{{ item.PLAINTIFF }}
{{ item.plaintiff }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "被告：" }}</div>
<div class="list-right">
{{ item.DEFENDANT }}
{{ item.defendant }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "涉案专利" }}</div>
<div class="list-right">
{{ item.PATENT }}
{{ item.patent }}
</div>
</div>
</div>
......@@ -174,8 +126,8 @@
</el-carousel>
</overviewMainBox>
</div>
<RiskSignal :list="box2Data" @more-click="handleToMoreRiskSignal" postDate="signalTime" name="signalTitle"
riskLevel="signalLevel" />
<RiskSignal :list="box2Data" @more-click="handleToMoreRiskSignal" @item-click="handleClickCardToDetail"
postDate="signalTime" name="signalTitle" riskLevel="signalLevel" />
</div>
<DivideHeader id="position2" class="divide-header" :titleText="'资讯要闻'"></DivideHeader>
<div class="center-center">
......@@ -194,19 +146,18 @@
</template>
<template #header-right>
<div class="box-header-right">
<div class="icon">
<img src="@/assets/images/icon/header-btn.png" alt="" />
<div class="box5-header-right-btn-box">
<div class="right-box" :class="{ rightBoxActive: box5BtnActive === item.value }"
v-for="(item, index) in box5BtnList" :key="index" @click="handleChangeBox5Btn(item.value)">
{{ item.name }}
</div>
</div>
<div class="text">{{ "数据来源：美国商务部" }}</div>
</div>
</template>
<div class="box5-main">
<div class="box5-main-chart" id="chart1"></div>
<div class="box5-main-btn-box">
<div class="right-box" :class="{ rightBoxActive: box5BtnActive === item.value }"
v-for="(item, index) in box5BtnList" :key="index" @click="handleChangeBox5Btn(item.value)">
{{ item.name }}
</div>
<div class="box5-main-footer">
<TipTab />
</div>
</div>
</OverviewNormalBox>
......@@ -214,80 +165,77 @@
<div class="box6">
<OverviewNormalBox title="制裁领域分布" width="521px">
<template #header-icon>
<!-- <img style="width: 100%; height: 100%;" src="./assets/images/box6-header-icon.png" alt="" /> -->
<img style="width: 100%; height: 100%;" src="./assets/icons/icon3.svg" alt="" />
</template>
<template #header-right>
<div class="box-header-right">
<div class="icon">
<img src="@/assets/images/icon/header-btn.png" alt="" />
</div>
<div class="text">{{ "数据来源：美国商务部" }}</div>
</div>
</template>
<div class="box6-main">
<div class="box6-main-select-box">
<el-select v-model="box6SelectedYear" @change="handleChangeBox6Year" placeholder="选择时间"
style="width: 120px">
<el-option v-for="item in box6YearList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div class="box6-mian-chart" id="chart2"></div>
</template>
<div class="box6-main">
<div class="box6-main-chart" id="chart2"></div>
<div class="box6-main-footer">
<TipTab />
</div>
</div>
</OverviewNormalBox>
</div>
</div>
<div class="center-footer1">
<div class="box7">
<div class="box7-header">
<div class="box7-header-left">
<div class="box7-header-icon">
<!-- <img src="./assets/images/box3-header-icon.png" alt="" /> -->
<img src="./assets/icons/icon4.svg" alt="" />
<OverviewNormalBox title="受调查国家分布" width="1064px">
<template #header-icon>
<img style="width: 100%; height: 100%;" src="./assets/icons/icon4.svg" alt="" />
</template>
<template #header-right>
<div class="box-header-right">
<div class="box7-header-right-select-box">
<el-select v-model="box7SelectedSurvey" @change="handleChangeBox7Survey" placeholder="选择调查"
style="width: 120px">
<el-option v-for="item in box7SurveyList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
<el-select v-model="box7SelectedYear" @change="handleChangeBox7Year" placeholder="选择时间"
style="width: 120px">
<el-option v-for="item in box7YearList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</div>
</div>
<div class="box7-header-title">{{ "受调查国家分布" }}</div>
</div>
<div class="box-header-right">
<div class="icon">
<img src="@/assets/images/icon/header-btn.png" alt="" />
</template>
<div class="box7-main">
<el-empty v-if="box7Data.data.length === 0" description="暂无数据" :image-size="100" />
<div v-if="box7Data.data.length > 0" class="box7-main-chart-box" id="box7Chart"></div>
<div class="box7-main-footer">
<TipTab />
</div>
<div class="text">{{ "数据来源：美国商务部" }}</div>
</div>
</div>
<div class="box7-main">
<div class="box7-main-top">
<el-select v-model="box7SelectedSurvey" @change="handleChangeBox7Survey" placeholder="选择调查"
style="width: 120px">
<el-option v-for="item in box7SurveyList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-select v-model="box7SelectedYear" @change="handleChangeBox7Year" placeholder="选择时间"
style="width: 120px">
<el-option v-for="item in box7YearList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<el-empty v-if="box7Data.data.length === 0" description="暂无数据" :image-size="100" />
<div v-if="box7Data.data.length > 0" class="box7-main-main" id="box7Chart"></div>
</div>
</OverviewNormalBox>
</div>
<div class="box8">
<div class="box8-header">
<div class="box8-header-left">
<div class="box8-header-icon">
<!-- <img src="./assets/images/box6-header-icon.png" alt="" /> -->
<img src="./assets/icons/icon5.svg" alt="" />
<OverviewNormalBox title="调查结果分布" width="521px">
<template #header-icon>
<img style="width: 100%; height: 100%" src="./assets/icons/icon5.svg" alt="" />
</template>
<template #header-right>
<div class="box-header-right">
<el-select v-model="box8SelectedSurvey" @change="handleChangeBox8Survey" placeholder="选择调查"
style="width: 120px">
<el-option v-for="item in box8SurveyList" :key="item.value" :label="item.label"
:value="item.value" />
</el-select>
</div>
<div class="box8-header-title">{{ "调查结果分布" }}</div>
</div>
<div class="box-header-right">
<el-select v-model="box8SelectedSurvey" @change="handleChangeBox8Survey" placeholder="选择调查"
style="width: 120px">
<el-option v-for="item in box8SurveyList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</template>
<el-empty v-if="box8Data.length === 0" description="暂无数据" :image-size="120" style="padding-top: 100px;" />
<div v-if="box8Data.length" class="box8-main" id="box8Chart"></div>
<div class="box8-footer">
<TipTab />
</div>
</div>
<el-empty v-if="box8Data.length === 0" description="暂无数据" :image-size="100" />
<div v-if="box8Data.length" class="box8-main" id="box8Chart"></div>
</OverviewNormalBox>
</div>
</div>
</div>
......@@ -380,27 +328,31 @@
<div class="right-main">
<el-empty v-if="surveyInfoList.length === 0" description="当前条件下暂无数据" :image-size="200" />
<div v-else class="right-main-item" v-for="(item, index) in surveyInfoList" :key="index"
@click="handleClickToSurveyDetail()">
<div class="item-left">{{ item.SEARCHDATE }}</div>
@click="handleClickToSurveyDetail(item.sortcode)">
<div class="item-left">
<div class="item-left-item"> {{ formatDate(item.searchdate, 'year') }}</div>
<div class="item-left-item"> {{ formatDate(item.searchdate, 'date') }}</div>
</div>
<div class="item-center">
<div class="icon">
<img :src='item.SORTIMAGEURL' alt="" />
<img :src='item.sortimageurl' alt="" />
</div>
<div class="line" v-if="index !== surveyInfoList.length - 1"></div>
</div>
<div class="item-right">
<div class="item-right-header">
<div class="tag"
:class="{ tag1: item.SORTCODE === '337', tag2: item.SORTCODE === '301', tag3: item.SORTCODE === '232' }">
{{ item.SORTCODE }}</div>
<div class="title">{{ item.SEARCHNAME }}</div>
<div class="status" v-if="item.CASESTATUS">
:class="{ tag1: item.sortcode === '337', tag2: item.sortcode === '301', tag3: item.sortcode === '232' }">
{{ item.sortcode }}</div>
<div class="title">{{ item.searchname }}</div>
<div class="status" v-if="item.casestatus">
<div class="status-icon"></div>
<div class="status-text">{{ item.CASESTATUS }}</div>
<div class="status-text">{{ item.casestatus }}</div>
</div>
</div>
<div class="item-right-content" v-if="item.CONTENT">
{{ item.CONTENT }}
<div class="item-right-content" v-if="item.content">
{{ item.content }}
</div>
<div class="item-right-footer">
<!-- <div class="area-box" v-for="(val, idx) in item.searchArea" :key="idx">
......@@ -436,10 +388,14 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import { onMounted, ref } from "vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import TipTab from "@/components/base/TipTab/index.vue"
import MessageBubble from "@/components/base/MessageBubble/index.vue"
import NewsList from "@/components/base/NewsList/index.vue";
import DivideHeader from "@/components/DivideHeader.vue";
import setChart from "@/utils/setChart";
import router from "@/router";
......@@ -448,14 +404,6 @@ import getPieChart from "./utils/piechart";
import getRadarChart from "./utils/radarChart";
import getBarChart from "./utils/barChart1";
import Img1 from "./assets/images/1.png";
import Img2 from "./assets/images/2.png";
import Img3 from "./assets/images/3.png";
import Img4 from "./assets/images/4.png";
import Img5 from "./assets/images/5.png";
import Img6 from "./assets/images/6.png";
import Img7 from "./assets/images/7.png";
import { getPersonSummaryInfo } from "@/api/common/index";
import {
getStatSort,
......@@ -474,9 +422,20 @@ import {
import { getRiskSignal, getNews, getRemarks } from "@/api/common/index";
import { ElMessage } from "element-plus";
import DefaultUserIcon from "@/assets/icons/default-icon1.png";
import DefaultCompanyIcon from "@/assets/icons/default-icon2.png";
import DefaultNewsIcon from "@/assets/icons/default-icon-news.png";
const formatDate = (dateStr, dateType) => {
if (!dateStr) return "";
const date = new Date(dateStr);
if (isNaN(date.getTime())) return dateStr;
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
if (dateType === 'year') {
return year
} else {
return `${month.toString().padStart(2, "0")}月${day.toString().padStart(2, "0")}日`
}
// return `${year}年${month.toString().padStart(2, "0")}月${day.toString().padStart(2, "0")}日`;
}
let containerRef = ref(null);
// 首页分类
......@@ -879,50 +838,50 @@ const handleGetStatArea = async () => {
console.log("制裁领域分布", res);
if (res.code === 200 && res.data) {
const arr = res.data.map(item => {
return item.AREANAME;
return item.areaname;
});
box6Data.value.title = [...new Set(arr)];
const arr1 = res.data.filter(item => {
return item.SORTNAME === "337调查";
return item.sortname === "337调查";
});
const arr1Name = arr1.map(item => {
return item.AREANAME;
return item.areaname;
});
box6Data.value.title.forEach((item, index) => {
if (arr1Name.indexOf(item) > -1) {
const idx = arr1Name.indexOf(item);
box6Data.value.data[0].value[index] = arr1[idx].AREACOUNT;
box6Data.value.data[0].value[index] = arr1[idx].areacount;
} else {
box6Data.value.data[0].value[index] = 0;
}
});
const arr2 = res.data.filter(item => {
return item.SORTNAME === "232调查";
return item.sortname === "232调查";
});
const arr2Name = arr2.map(item => {
return item.AREANAME;
return item.areaname;
});
box6Data.value.title.forEach((item, index) => {
if (arr2Name.indexOf(item) > -1) {
const idx = arr2Name.indexOf(item);
box6Data.value.data[1].value[index] = arr2[idx].AREACOUNT;
box6Data.value.data[1].value[index] = arr2[idx].areacount;
} else {
box6Data.value.data[1].value[index] = 0;
}
});
const arr3 = res.data.filter(item => {
return item.SORTNAME === "301调查";
return item.sortname === "301调查";
});
const arr3Name = arr3.map(item => {
return item.AREANAME;
return item.areaname;
});
box6Data.value.title.forEach((item, index) => {
if (arr3Name.indexOf(item) > -1) {
const idx = arr3Name.indexOf(item);
box6Data.value.data[2].value[index] = arr3[idx].AREACOUNT;
box6Data.value.data[2].value[index] = arr3[idx].areacount;
} else {
box6Data.value.data[2].value[index] = 0;
}
......@@ -995,34 +954,6 @@ const handleChangeBox7Year = () => {
};
const box7Data = ref({
title: [
// {
// img: Img1,
// name: "中国"
// },
// {
// img: Img2,
// name: "俄罗斯"
// },
// {
// img: Img3,
// name: "巴西"
// },
// {
// img: Img4,
// name: "巴基斯坦"
// },
// {
// img: Img5,
// name: "印度"
// },
// {
// img: Img6,
// name: "日本"
// },
// {
// img: Img7,
// name: "德国"
// }
],
data: []
});
......@@ -1039,7 +970,7 @@ const handleGetBox7Data = async () => {
box7Data.value.title = res.data.map(item => {
return {
name: item.COUNTRY,
img: item.COUNTRYIMAGE ? item.COUNTRYIMAGE : Img1
img: item.COUNTRYIMAGE
};
});
box7Data.value.data = res.data.map(item => {
......@@ -1074,26 +1005,6 @@ const box8SurveyList = ref([
const box8SelectedSurvey = ref("337");
// 调查结果分布
const box8Data = ref([
// {
// name: "和解/同意令",
// value: 50
// },
// {
// name: "裁定不侵权",
// value: 46
// },
// {
// name: "裁定侵权",
// value: 40
// },
// {
// name: "申诉方撤诉",
// value: 31
// },
// {
// name: "其他",
// value: 24
// }
]);
const handleGetBox8Data = async () => {
const params = {
......@@ -1209,7 +1120,7 @@ const surveyYearList = ref([
id: "2021"
}
]);
const checkedSurveyYears = ref([]);
const checkedSurveyYears = ref(['全部时间']);
const handleChangeCheckedSurveyYears = (val) => {
if (val.includes("全部时间") && val.length > 1) {
if (val[val.length - 1] === "全部时间") {
......@@ -1225,7 +1136,7 @@ const handleChangeCheckedSurveyYears = (val) => {
const areaList = ref([
]);
const checkedAreaList = ref([]);
const checkedAreaList = ref(['全部领域']);
const handleGetAreaList = async () => {
try {
const res = await getHylyList();
......@@ -1272,7 +1183,7 @@ const insList = ref([
id: "491"
}
]);
const checkedInsList = ref([]);
const checkedInsList = ref(['全部机构']);
const handleGetInsList = async () => {
// const params = {
// sortCode: activeCateId.value
......@@ -1312,24 +1223,8 @@ const handleChangeCheckedIns = (val) => {
// 受调查国家/地区
const countryList = ref([
{
name: "中国",
id: "0101"
},
{
name: "俄罗斯",
id: "俄罗斯"
},
{
name: "日本",
id: "日本"
},
{
name: "韩国",
id: "韩国"
}
]);
const checkedCountryList = ref([]);
const checkedCountryList = ref(['全部']);
const handleGetAllSearchCountry = async () => {
try {
......@@ -1364,39 +1259,24 @@ const handleChangeCheckedCountry = (val) => {
};
const surveyInfoList = ref([
// {
// time: "2025 11月12日",
// survey: "337",
// title: "外国制造的半导体器件及其下游产品和组件",
// content:
// "美国国际贸易委员会（ITC）投票决定对特定半导体器件及其下游计算产品和组件（Certain Semiconductor Devices, Computing Products Containing the Same,and Components Thereof）启动337调查。",
// status: "部分终裁",
// areaList: ["集成电路"],
// countryList: ["a", "b"]
// },
// {
// time: "202511月12日",
// survey: "337",
// title: "外国制造的半导体器件及其下游产品和组件",
// content:
// "美国国际贸易委员会（ITC）投票决定对特定半导体器件及其下游计算产品和组件（Certain Semiconductor Devices, Computing Products Containing the Same,and Components Thereof）启动337调查。",
// status: "部分终裁",
// areaList: ["集成电路"]
// }
]);
const handleGetSurveyList = async () => {
const params = {
currentPage: currentPage.value - 1,
pageSize: pageSize.value,
sortCode: activeCateId.value,
publishYear: checkedSurveyYears.value.toString(),
Area: checkedAreaList.value.toString(),
publishOrg: checkedInsList.value.toString(),
searchCountry: checkedCountryList.value.toString(),
sortCode: activeCateId.value ? activeCateId.value : null,
publishYear: checkedSurveyYears.value[0] === '全部时间' ? null : checkedSurveyYears.value.toString(),
Area: checkedAreaList.value[0] === '全部领域' ? null : checkedAreaList.value.toString(),
publishOrg: checkedInsList.value[0] === '全部机构' ? null : checkedInsList.value.toString(),
searchCountry: checkedCountryList.value[0] === '全部' ? null : checkedCountryList.value.toString(),
sortField: "date",
sortOrder: isSort.value ? "desc" : "asc"
};
// console.log(params);
try {
const res = await getSurveyList(params);
console.log("调查列表", res);
......@@ -1498,7 +1378,7 @@ onMounted(async () => {
.item-top {
height: 22px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 36px;
font-weight: 700;
line-height: 22px;
......@@ -1508,7 +1388,7 @@ onMounted(async () => {
margin-top: 10px;
height: 30px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 30px;
......@@ -1543,7 +1423,7 @@ onMounted(async () => {
.btn-text {
width: 80px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 400;
line-height: 48px;
......@@ -1612,7 +1492,7 @@ onMounted(async () => {
margin-left: 30px;
margin-top: 26px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -1623,7 +1503,7 @@ onMounted(async () => {
margin-right: 35px;
height: 24px;
color: rgba(250, 140, 22, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 30px;
font-weight: 700;
line-height: 24px;
......@@ -1637,7 +1517,7 @@ onMounted(async () => {
width: 485px;
height: 24px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -1681,7 +1561,7 @@ onMounted(async () => {
margin-left: 30px;
margin-top: 26px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -1692,7 +1572,7 @@ onMounted(async () => {
margin-right: 35px;
height: 24px;
color: rgba(114, 46, 209, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 30px;
font-weight: 700;
line-height: 24px;
......@@ -1706,7 +1586,7 @@ onMounted(async () => {
width: 485px;
height: 24px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -1751,7 +1631,7 @@ onMounted(async () => {
margin-left: 30px;
margin-top: 26px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -1762,7 +1642,7 @@ onMounted(async () => {
margin-right: 35px;
height: 24px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 30px;
font-weight: 700;
line-height: 24px;
......@@ -1776,7 +1656,7 @@ onMounted(async () => {
width: 485px;
height: 24px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -1860,7 +1740,7 @@ onMounted(async () => {
margin-left: 19px;
color: #fff;
background: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 48px;
......@@ -1873,7 +1753,7 @@ onMounted(async () => {
margin-right: 40px;
height: 16px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 16px;
......@@ -1896,7 +1776,7 @@ onMounted(async () => {
.header-left {
padding-left: 22px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -1956,12 +1836,12 @@ onMounted(async () => {
}
.time {
width: 98px;
width: 200px;
height: 24px;
margin-top: 10px;
margin-left: 12px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
line-height: 24px;
......@@ -1973,25 +1853,30 @@ onMounted(async () => {
margin-top: 10px;
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
}
.info-content {
width: 909px;
height: 60px;
overflow: hidden;
overflow-y: auto;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-left: 41px;
margin-top: 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
}
......@@ -2004,7 +1889,7 @@ onMounted(async () => {
overflow-y: auto;
.list-item {
min-height: 37px;
height: 37px;
display: flex;
.icon {
......@@ -2020,7 +1905,7 @@ onMounted(async () => {
line-height: 37px;
width: 100px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
}
......@@ -2029,9 +1914,13 @@ onMounted(async () => {
line-height: 37px;
margin-left: 17px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
width: 800px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
......@@ -2041,9 +1930,9 @@ onMounted(async () => {
.box2 {
width: 521px;
height: 450px;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
background: rgba(255, 255, 255, 1);
// border-radius: 10px;
// box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
// background: rgba(255, 255, 255, 1);
position: relative;
.box2-header {
......@@ -2075,7 +1964,7 @@ onMounted(async () => {
margin-top: 11px;
height: 26px;
color: #fff;
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -2087,7 +1976,7 @@ onMounted(async () => {
line-height: 20px;
text-align: center;
color: rgba(255, 255, 255, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 12px;
margin-left: 15px;
margin-top: 15px;
......@@ -2100,7 +1989,7 @@ onMounted(async () => {
margin-top: 16px;
margin-left: 200px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 16px;
......@@ -2111,75 +2000,6 @@ onMounted(async () => {
.box2-main {
margin-top: 2px;
height: 330px;
overflow-y: auto;
.box2-main-item {
margin-left: 23px;
height: 47px;
width: 464px;
display: flex;
cursor: pointer;
&:hover {
background: var(--color-bg-hover);
}
.itemLeftStatus3 {
background: rgba(255, 241, 240) !important;
color: rgba(245, 34, 45, 1) !important;
}
.itemLeftStatus2 {
color: rgba(250, 140, 22, 1) !important;
background: rgba(255, 247, 230, 1) !important;
}
.item-left {
margin-top: 4px;
margin-left: 2px;
width: 40px;
height: 40px;
border-radius: 20px;
color: rgba(82, 196, 26, 1);
background: rgba(246, 255, 237, 1);
font-family: Microsoft YaHei;
font-size: 12px;
font-weight: 400;
line-height: 14px;
box-sizing: border-box;
padding: 6px 4px;
text-align: center;
}
.item-right {
margin-left: 13px;
width: 408px;
height: 47px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
.text {
width: 328px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 47px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time {
margin-left: 2px;
line-height: 47px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
}
}
}
}
.box2-footer {
......@@ -2209,7 +2029,7 @@ onMounted(async () => {
.text {
color: rgba(255, 255, 255, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 22px;
......@@ -2257,7 +2077,7 @@ onMounted(async () => {
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -2270,7 +2090,7 @@ onMounted(async () => {
top: 14px;
right: 27px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -2322,7 +2142,7 @@ onMounted(async () => {
width: 470px;
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
line-height: 24px;
......@@ -2337,7 +2157,7 @@ onMounted(async () => {
height: 22px;
margin-top: 15px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: 400;
line-height: 22px;
......@@ -2351,7 +2171,7 @@ onMounted(async () => {
width: 657px;
height: 24px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -2393,7 +2213,7 @@ onMounted(async () => {
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 20px;
font-weight: 700;
line-height: 26px;
......@@ -2406,7 +2226,7 @@ onMounted(async () => {
top: 14px;
right: 27px;
color: rgba(20, 89, 187, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 24px;
......@@ -2421,58 +2241,6 @@ onMounted(async () => {
box-sizing: border-box;
padding-top: 8px;
padding-left: 31px;
// .box4-main-item {
// margin-top: 16px;
// display: flex;
// margin-left: 21px;
// .left {
// margin-top: 5px;
// width: 36px;
// height: 36px;
// border-radius: 18px;
// overflow: hidden;
// cursor: pointer;
// img {
// width: 100%;
// height: 100%;
// }
// }
// .right {
// margin-left: 10px;
// width: 690px;
// box-sizing: border-box;
// border: 1px solid rgba(231, 243, 255, 1);
// background: rgba(246, 250, 255, 1);
// padding: 10px 15px;
// .right-top {
// display: flex;
// justify-content: space-between;
// .name {
// height: 24px;
// color: rgba(59, 65, 75, 1);
// font-family: Microsoft YaHei;
// font-size: 16px;
// font-weight: 700;
// line-height: 24px;
// }
// .time {
// height: 30px;
// color: rgba(95, 101, 108, 1);
// font-family: Microsoft YaHei;
// font-size: 16px;
// font-weight: 400;
// line-height: 30px;
// }
// }
// .content {
// color: rgba(59, 65, 75, 1);
// font-family: Microsoft YaHei;
// font-size: 16px;
// font-weight: 400;
// line-height: 24px;
// }
// }
// }
}
}
}
......@@ -2495,80 +2263,7 @@ onMounted(async () => {
align-items: center;
gap: 8px;
.icon {
width: 14px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 24px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
}
.box5-header {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
.box5-header-left {
display: flex;
.box5-header-icon {
margin-top: 16px;
margin-left: 22px;
width: 19px;
height: 19px;
img {
width: 100%;
height: 100%;
}
}
.box5-header-title {
margin-top: 11px;
margin-left: 19px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
}
}
.box5-main {
height: 397px;
position: relative;
z-index: 0;
.box5-main-chart {
height: 397px;
}
.box5-main-btn-box {
z-index: 99;
position: absolute;
top: 10px;
right: 5%;
.box5-header-right-btn-box {
display: flex;
justify-content: flex-end;
gap: 8px;
......@@ -2584,7 +2279,7 @@ onMounted(async () => {
border-radius: 4px;
background: rgba(255, 255, 255, 1);
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 28px;
......@@ -2599,16 +2294,22 @@ onMounted(async () => {
}
}
}
.box5-main {
height: 410px;
position: relative;
z-index: 0;
.box5-main-chart {
height: 370px;
}
}
}
.box6 {
width: 521px;
height: 460px;
// box-sizing: border-box;
// border: 1px solid rgba(234, 236, 238, 1);
// border-radius: 10px;
// box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
// background: rgba(255, 255, 255, 1);
.box-header-right {
height: 48px;
......@@ -2617,108 +2318,24 @@ onMounted(async () => {
align-items: center;
gap: 8px;
.icon {
width: 14px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 24px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
}
.box6-header {
width: 521px;
height: 48px;
box-sizing: border-box;
border-bottom: 1px solid rgba(240, 242, 244, 1);
display: flex;
position: relative;
.header-icon {
margin-left: 20px;
margin-top: 15px;
width: 19px;
height: 19px;
img {
width: 100%;
height: 100%;
}
}
.header-title {
margin-top: 11px;
margin-left: 15px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
.box-header-right {
position: absolute;
height: 24px;
top: 12px;
right: 17px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
.icon {
width: 14px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 24px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
}
}
.box6-main {
height: 360px;
position: relative;
.box6-main-select-box {
position: absolute;
z-index: 100;
top: 10px;
right: 20px;
}
.box6-mian-chart {
height: 360px;
.box6-main-chart {
height: 370px;
position: relative;
z-index: 99;
}
.box6-main-footer {
width: 100%;
height: 40px;
}
}
}
}
......@@ -2732,95 +2349,29 @@ onMounted(async () => {
.box7 {
width: 1064px;
height: 460px;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
.box7-header {
.box-header-right {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
.box7-header-left {
display: flex;
.box7-header-icon {
margin-top: 16px;
margin-left: 22px;
width: 19px;
height: 19px;
img {
width: 100%;
height: 100%;
}
}
.box7-header-title {
margin-top: 11px;
margin-left: 19px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
}
.box-header-right {
position: absolute;
height: 24px;
top: 12px;
right: 17px;
.box7-header-right-select-box {
height: 48px;
display: flex;
justify-content: flex-end;
box-sizing: border-box;
align-items: center;
gap: 8px;
.icon {
width: 14px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 24px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
gap: 12px;
}
}
.box7-main {
height: 412px;
.box7-main-top {
height: 40px;
display: flex;
justify-content: flex-end;
margin-right: 22px;
box-sizing: border-box;
padding-top: 12px;
gap: 12px;
.box7-main-chart-box {
height: 372px;
}
.box7-main-main {
height: 372px;
.box7-main-footer {
height: 40px;
}
}
}
......@@ -2828,83 +2379,24 @@ onMounted(async () => {
.box8 {
width: 521px;
height: 460px;
box-sizing: border-box;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
.box8-header {
.box-header-right {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
.box8-header-left {
display: flex;
.box8-header-icon {
margin-top: 15px;
margin-left: 20px;
width: 20px;
height: 20px;
img {
width: 100%;
height: 100%;
}
}
.box8-header-title {
margin-top: 11px;
margin-left: 20px;
height: 26px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 700;
line-height: 26px;
}
}
.box-header-right {
position: absolute;
height: 24px;
top: 12px;
right: 17px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
.icon {
width: 14px;
height: 16px;
img {
width: 100%;
height: 100%;
}
}
justify-content: flex-end;
align-items: center;
gap: 8px;
.text {
height: 24px;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left;
}
}
}
.box8-main {
width: calc(100% - 40px);
margin: 0 auto;
height: 360px;
}
.box8-footer {
height: 40px;
}
}
}
}
......@@ -2928,7 +2420,7 @@ onMounted(async () => {
.btn {
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
line-height: 42px;
......@@ -2997,7 +2489,7 @@ onMounted(async () => {
height: 2px;
margin-left: 17px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
line-height: 24px;
......@@ -3029,7 +2521,7 @@ onMounted(async () => {
height: 2px;
margin-left: 17px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
line-height: 24px;
......@@ -3073,7 +2565,7 @@ onMounted(async () => {
height: 26px;
margin-left: 19px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Bold;
font-size: 20px;
font-weight: 700;
......@@ -3084,7 +2576,7 @@ onMounted(async () => {
}
.right-main {
padding-top: 6px;
padding-top: 18px;
// min-height: 586px;
height: calc(100% - 108px);
// max-height: 1540px;
......@@ -3098,21 +2590,26 @@ onMounted(async () => {
cursor: pointer;
height: max-content;
&:hover {
background: var(--color-bg-hover) !important;
}
// &:hover {
// background: var(--color-bg-hover) !important;
// }
.item-left {
width: 100px;
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-style: Bold;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1px;
text-align: right;
height: 48px;
padding-right: 20px;
.item-left-item {
height: 24px;
color: var(--color-main-active);
font-family: Source Han Sans CN;
font-style: Bold;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 1px;
text-align: right;
}
}
.item-center {
......@@ -3154,7 +2651,7 @@ onMounted(async () => {
height: 24px;
padding: 0 8px;
box-sizing: border-box;
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Bold;
font-size: 16px;
font-weight: 700;
......@@ -3187,7 +2684,7 @@ onMounted(async () => {
width: 880px;
height: 26px;
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Bold;
font-size: 20px;
font-weight: 700;
......@@ -3197,6 +2694,11 @@ onMounted(async () => {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&:hover {
color: var(--color-main-active);
text-decoration: underline;
}
}
.status {
......@@ -3217,7 +2719,7 @@ onMounted(async () => {
.status-text {
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Regular;
font-size: 16px;
font-weight: 400;
......@@ -3233,7 +2735,7 @@ onMounted(async () => {
width: 1022px;
height: 60px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Regular;
font-size: 16px;
font-weight: 400;
......@@ -3260,7 +2762,7 @@ onMounted(async () => {
border-radius: 4px;
background: rgba(231, 243, 255, 1);
color: var(--color-main-active);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-style: Regular;
font-size: 14px;
font-weight: 400;
......@@ -3307,7 +2809,7 @@ onMounted(async () => {
.footer-left {
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: 400;
line-height: 18px;
......
src/views/marketAccessRestrictions/marketAccessHome/utils/barChart1.js
浏览文件 @ fd608e1e
......@@ -6,9 +6,9 @@ const getBarChart = (nameList, valueList) => {
tooltip: {},
grid: {
top: '8%',
right: '6%',
bottom: '6%',
left: '6%',
right: 24,
bottom: 24,
left: 24,
containLabel: true
},
yAxis: {
......@@ -65,7 +65,7 @@ const getBarChart = (nameList, valueList) => {
yAxis: valueList[index],
symbol: `image://${item.img}`,
symbolSize: [20, 20],
symbolOffset: [0, 10],
symbolOffset: [0, 20],
symbolCircle: 10
});
});
......
src/views/marketAccessRestrictions/marketAccessHome/utils/multiLineChart.js
浏览文件 @ fd608e1e
import * as echarts from 'echarts'
const getMultiLineChart = (data) => {
console.log('dataaaa',data);
console.log('dataaaa', data);
return {
tooltip: {
trigger: 'axis',
......@@ -14,18 +14,18 @@ const getMultiLineChart = (data) => {
}
},
grid: {
top: '15%',
right: '3%',
bottom: '5%',
left: '3%',
top: 48,
right: 24,
bottom: 24,
left: 24,
containLabel: true
},
legend: {
show: true,
top: 10,
left:'5%'
left: '10%'
},
color: ['#0A57A6', '#FA8C16','#722ED1'],
color: ['#0A57A6', '#FA8C16', '#722ED1'],
xAxis: [
{
type: 'category',
......@@ -35,7 +35,16 @@ const getMultiLineChart = (data) => {
],
yAxis: [
{
type: 'value'
type: 'value',
name: '数量',
splitLine: {
show: true,
lineStyle: {
type: 'dashed', // 虚线类型
color: 'rgb(231, 243, 255)', // 灰色线条
width: 1 // 线宽为1
}
}
}
],
series: [
......
src/views/marketAccessRestrictions/marketAccessHome/utils/piechart.js
浏览文件 @ fd608e1e
const getPieChart = (data) => {
const colorList = ['#69B1FF','#FF7875','#B37FEB','#FFC069','#1677FF','#87E8DE','#ADC6FF','#FFBB96','#BAE0FF','#FFD591',]
let option = {
// color: colorList,
color: colorList,
series: [
{
type: 'pie',
radius: [90, 115],
radius: [75, 100],
height: '100%',
left: 'center',
width: '100%',
......
src/views/marketAccessRestrictions/marketAccessLayout/case/337/index.vue
浏览文件 @ fd608e1e
......@@ -29,13 +29,6 @@
</div>
</div>
<div class="select-box">
<!-- <div class="paixu-btn" @click="handleSwithSort">
<div class="text">{{ "发布时间" }}</div>
<div class="icon2">
<img v-if="isSort" src="@/assets/icons/shengxu2.png" alt="" />
<img v-else src="@/assets/icons/jiangxu2.png" alt="" />
</div>
</div> -->
<el-select v-model="isSort" placeholder="发布时间" style="width: 166px">
<template #prefix>
<div style="display: flex; align-items: center; height: 100%">
......
src/views/marketAccessRestrictions/marketAccessLayout/overview/301/index.vue
浏览文件 @ fd608e1e
<template>
<div class="wrap">
<!-- <div class="sider-tab-box">
<SiderTabs :siderList="siderTabList" @clickSiderItem="handleClickTabItem" />
</div> -->
<div class="top">
<div class="box1 box" v-loading="box1Loading">
<div class="box-header">
......@@ -140,6 +143,28 @@ import getSankeyChart from "./utils/sankey";
import getPieChart from "./utils/piechart";
import getbarChart from "@/views/bill/utils/barchart";
import { getSearchCountry, getStatArea, getStatNum, getSearchDirection } from "@/api/marketAccessRestrictions";
import SiderTabs from "@/components/base/SiderTabs/index.vue"
// const siderTabList = ref([
// {
// name: '分析内11111',
// active: false
// },
// {
// name: '分析内2',
// active: true
// },
// {
// name: '分析内3',
// active: false
// },
// ])
// const handleClickTabItem = (value) => {
// console.log('val',value);
// }
const selectYear = ref("2025");
......@@ -315,6 +340,14 @@ onMounted(() => {
<style lang="scss" scoped>
.wrap {
overflow: hidden;
position: relative;
.sider-tab-box{
position: absolute;
left: 20px;
top: 20px;
}
.box {
width: 792px;
height: 410px;
......@@ -323,10 +356,12 @@ onMounted(() => {
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 1);
}
.box-header {
height: 46px;
display: flex;
position: relative;
.header-left {
margin-top: 18px;
width: 8px;
......@@ -334,6 +369,7 @@ onMounted(() => {
border-radius: 0 4px 4px 0;
background: var(--color-main-active);
}
.title {
margin-left: 14px;
margin-top: 14px;
......@@ -344,6 +380,7 @@ onMounted(() => {
font-weight: 700;
line-height: 26px;
}
.warning-text {
position: absolute;
top: 16px;
......@@ -357,11 +394,13 @@ onMounted(() => {
letter-spacing: 0px;
text-align: center;
}
.header-select-box {
position: absolute;
top: 13px;
right: 121px;
}
.header-right {
position: absolute;
top: 14px;
......@@ -369,9 +408,11 @@ onMounted(() => {
display: flex;
justify-content: flex-end;
gap: 4px;
.icon {
width: 28px;
height: 28px;
img {
width: 100%;
height: 100%;
......@@ -379,6 +420,7 @@ onMounted(() => {
}
}
}
.box-footer {
margin: 5px auto;
width: 759px;
......@@ -393,14 +435,17 @@ onMounted(() => {
border: 1px solid rgba(231, 243, 255, 1);
border-radius: 4px;
background: rgba(246, 250, 255, 1);
.box-footer-left {
width: 19px;
height: 20px;
img {
width: 100%;
height: 100%;
}
}
.box-footer-center {
width: 666px;
height: 24px;
......@@ -412,26 +457,31 @@ onMounted(() => {
letter-spacing: 0px;
text-align: justify;
}
.box-footer-right {
width: 24px;
height: 24px;
img {
width: 100%;
height: 100%;
}
}
}
.top {
display: flex;
justify-content: center;
gap: 16px;
margin: 16px auto;
.box1 {
.box1-main {
height: 304px;
// background: orange;
}
}
.box2 {
.box2-main {
height: 304px;
......@@ -439,18 +489,21 @@ onMounted(() => {
}
}
}
.bottom {
display: flex;
justify-content: center;
gap: 16px;
margin: 0 auto;
margin-bottom: 16px;
.box3 {
.box3-main {
height: 304px;
// background: orange;
}
}
.box4 {
.box4-main {
height: 304px;
......
src/views/ruleRestriction/components/dataNew/index.vue
浏览文件 @ fd608e1e
......@@ -75,7 +75,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { ref, onBeforeMount, computed } from "vue";
import router from "@/router";
import { getLatestUpdates, getRiskSignal } from '@/api/ruleRestriction/index.js'
......
src/views/scientificFunding/components/dataNew/index.vue
浏览文件 @ fd608e1e
......@@ -89,7 +89,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { ref, onMounted } from "vue";
import {
getNewProject, getRiskSignal
......
src/views/technologyFigures/index.vue
浏览文件 @ fd608e1e
......@@ -363,7 +363,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import { onMounted, ref } from "vue";
import { useRouter } from "vue-router";
import scrollToTop from "@/utils/scrollToTop";
......
src/views/thinkTank/index.vue
浏览文件 @ fd608e1e
......@@ -422,7 +422,7 @@
</template>
<script setup>
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import NewsList from "@/components/base/NewsList/index.vue";
import { onMounted, ref, computed, reactive, nextTick } from "vue";
import scrollToTop from "@/utils/scrollToTop";
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论