Skip to content

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

fix:更新概览页全政府打压遏制时间线组件

上级 3850e18f
隐藏空白字符变更
内嵌 并排
正在显示 包含 622 行增加 和 322 行删除
.gitignore
浏览文件 @ 1281bff2
......@@ -19,6 +19,7 @@ node_modules
# Build outputs
dist
dist.rar
dist.zip
dist-ssr
*.local
......
src/components/base/boxBackground/overviewMainBox.vue
浏览文件 @ 1281bff2
......@@ -66,14 +66,14 @@ const handleClickToDetail = () => {
display: flex;
.header-icon {
width: 18px;
height: 18px;
margin-top: 13.7px;
margin-left: 18.7px;
width: 24px;
height: 24px;
margin-top: 12px;
margin-left: 17px;
}
.header-title {
margin-left: 21px;
margin-left: 19px;
height: 48px;
padding: 0 16px;
background: var(--color-main-active);
......
src/components/base/boxBackground/overviewNormalBox.vue
浏览文件 @ 1281bff2
......@@ -60,12 +60,12 @@ const props = defineProps({
.header-icon {
width: 24px;
height: 24px;
margin-top: 12px;
margin-left: 20px;
margin-top: 14px;
margin-left: 19px;
}
.header-title {
margin-left: 16px;
margin-left: 17px;
height: 48px;
color: var(--color-main-active);
font-family: Source Han Sans CN;
......
src/components/base/messageBubble/index.vue
浏览文件 @ 1281bff2
......@@ -2,7 +2,8 @@
<div class="box4">
<div class="box4-header">
<div class="header-icon">
<img src="./image1.png" alt="" />
<!-- <img src="./image1.png" alt="" /> -->
<img src="./message-icon.svg" alt="" />
</div>
<div class="header-title">{{ "社交媒体" }}</div>
<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
......
src/components/base/messageBubble/message-icon.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
<rect id="容器 1719" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="减去顶层" d="M16.9748 3.81112L16.9748 12.9003C16.9748 13.3866 16.6139 13.7103 16.0713 13.7103L6.11904 13.7103L2.5 16.9505L2.5 3.81112C2.5 3.32482 2.86074 3 3.40341 3L16.0713 3C16.614 3 16.9748 3.32482 16.9748 3.81112ZM7.02382 8.4C7.02382 7.90294 6.61874 7.5 6.11906 7.5C5.61937 7.5 5.21429 7.90294 5.21429 8.4C5.21429 8.89706 5.61937 9.3 6.11906 9.3C6.61874 9.3 7.02382 8.89706 7.02382 8.4ZM10.6428 8.4C10.6428 7.90294 10.2378 7.5 9.73807 7.5C9.23839 7.5 8.83331 7.90294 8.83331 8.4C8.83331 8.89706 9.23839 9.3 9.73807 9.3C10.2378 9.3 10.6428 8.89706 10.6428 8.4ZM13.3572 7.5C13.8568 7.5 14.2619 7.90294 14.2619 8.4C14.2619 8.89706 13.8568 9.3 13.3572 9.3C12.8575 9.3 12.4524 8.89706 12.4524 8.4C12.4524 7.90294 12.8575 7.5 13.3572 7.5ZM18.7843 8.04086L20.5952 8.04086C21.1364 8.04086 21.5 8.36507 21.5 8.85018L21.5 21L17.8809 17.7598L7.92723 17.7598C7.38459 17.7598 7.02242 17.4356 7.02242 16.9505L7.02242 15.3294L18.7843 15.3294L18.7843 8.04086Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/components/base/newsList/index.vue
浏览文件 @ 1281bff2
<template>
<div class="box3">
<div class="box3-header">
<div class="box3-header-left">
<div class="box3-header-icon">
<img src="./image1.png" alt="" />
<div class="news-wrapper">
<div class="news-header">
<div class="news-header-left">
<div class="news-header-icon">
<img src="./news-icon.svg" alt="" />
</div>
<div class="box3-header-title">{{ "新闻资讯" }}</div>
<div class="news-header-title">{{ "新闻资讯" }}</div>
<div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div>
</div>
</div>
<div class="box3-main">
<div class="box3-item" v-for="(news, index) in newsList" :key="index" @click="handleToNewsAnalysis(news)">
<div class="news-main">
<div class="news-item" v-for="(news, index) in newsList" :key="index" @click="handleToNewsAnalysis(news)">
<div class="left">
<img :src="news[props.img] ? news[props.img] : DefaultIconNews" alt="" />
</div>
......@@ -63,7 +63,7 @@ const handleToNewsAnalysis = (item, index) => {
};
</script>
<style lang="scss" scoped>
.box3 {
.news-wrapper {
width: 792px !important;
height: 450px !important;
border-radius: 10px !important;
......@@ -75,7 +75,7 @@ const handleToNewsAnalysis = (item, index) => {
overflow: hidden;
.box3-header {
.news-header {
height: 48px !important;
border-bottom: 1px solid rgba(234, 236, 238, 1) !important;
margin: 0 !important;
......@@ -85,10 +85,10 @@ const handleToNewsAnalysis = (item, index) => {
width: 100%;
box-sizing: border-box;
.box3-header-left {
.news-header-left {
display: flex !important;
.box3-header-icon {
.news-header-icon {
margin-left: 19px !important;
margin-top: 14px !important;
width: 24px !important;
......@@ -100,7 +100,7 @@ const handleToNewsAnalysis = (item, index) => {
}
}
.box3-header-title {
.news-header-title {
margin-top: 11px !important;
margin-left: 17px !important;
height: 26px !important;
......@@ -127,13 +127,13 @@ const handleToNewsAnalysis = (item, index) => {
}
}
.box3-main {
.news-main {
height: 401px;
overflow-y: auto;
overflow-x: hidden;
padding: 6px 0;
.box3-item {
.news-item {
display: flex;
height: 78px;
width: 749px;
......
src/components/base/newsList/news-icon.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
<rect id="新闻" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 463" d="M19.125 7.25L19.125 5.875C19.125 5.32272 18.6773 4.875 18.125 4.875L3.5 4.875C2.94772 4.875 2.5 5.32272 2.5 5.875L2.5 17.9375C2.5 18.5936 3.03141 19.125 3.6875 19.125L19.7188 19.125C20.7026 19.125 21.5 18.3276 21.5 17.3438L21.5 8.25C21.5 7.69772 21.0523 7.25 20.5 7.25L19.125 7.25ZM17.4999 17.9372L3.99997 17.9372L4.00008 6.0625L17.5001 6.0625L17.4999 17.9372ZM4.99994 8.4375L16.5001 8.4375L16.5001 9.625L4.99994 9.625L4.99994 8.4375ZM12 10.8125L16.5001 10.8125L16.5001 12L12 12L12 10.8125ZM12 13.1875L16.5001 13.1875L16.5001 14.375L12 14.375L12 13.1875ZM12 15.5625L15.3126 15.5625L15.3126 16.75L12 16.75L12 15.5625ZM4.99994 10.8125L10.8125 10.8125L10.8125 16.75L4.99994 16.75L4.99994 10.8125Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/components/devStyle/components/textStyle.vue
浏览文件 @ 1281bff2
......@@ -10,7 +10,6 @@
<th> 操作</th>
</tr>
</thead>
<!-- 表格内容 -->
<tbody>
<template v-for="(row, index) in tableData" :key="index">
......
src/views/ZMOverView/components/fourSuppress/components/allGovernment/components/CalendarHeatmap.vue 0 → 100644
浏览文件 @ 1281bff2
<template>
<div style="position: relative;">
<div ref="chartRef" style="height: 620px; width: 1640px" @mousemove="handleMouseMove"></div>
<div v-show="tooltipVisible" class="custom-tooltip background-as-card"
:style="{ left: mouseX + 'px', top: mouseY + 'px' }">
<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">{{ `${'3个部门'}/${'3项举措'}` }}</div>
</div>
<div class="tooltip-main">
<div class="tooltip-main-item" v-for="item, index in currentDetailList" :key="index">
<div class="item-header flex-display">
<div class="item-header-left flex-display">
<div class="logo">
<img style="width:100%; height: 100%" :src="item.orgLogoUrl" alt="logo">
</div>
<div class="name text-bold">{{ item.orgName }}</div>
<div class="status">
<div class="status-on text-tip-2" v-if="item.stauts === 2">{{ '已落实' }}</div>
<div class="status-off text-tip-2" v-else>{{ '未落实' }}</div>
</div>
</div>
<div class="item-header-right flex-display">
<AreaTag v-for="tag, idx in item.techDomainList.slice(0,3)" :key="idx" :tagName="tag"></AreaTag>
</div>
</div>
<div class="item-content text-compact">{{ item.name }}</div>
<div class="item-footer"></div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, onMounted, onBeforeUnmount, watch, computed } from 'vue';
import * as echarts from 'echarts/core';
import { CustomChart } from 'echarts/charts';
import { TitleComponent, TooltipComponent, CalendarComponent } from 'echarts/components';
import { CanvasRenderer } from 'echarts/renderers';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');
const props = defineProps(
{
timelineData: {
type: Array,
default: []
}
}
);
echarts.use([
CustomChart,
TitleComponent,
TooltipComponent,
CalendarComponent,
CanvasRenderer,
]);
const chartRef = ref(null);
let chartInstance = null;
// 弹窗控制
const tooltipVisible = ref(false)
const mouseX = ref(0)
const mouseY = ref(0)
const currentDate = ref('')
const currentDetailList = ref([])
// 鼠标移动，记录位置
const handleMouseMove = (e) => {
mouseX.value = e.clientX + 20
mouseY.value = e.clientY + 20
}
// 计算展示的月份 获取今天在内的之后的三个月的月份
const startDate = dayjs();
console.log('startDate', startDate);
const months = [0, 1, 2].map(offset => startDate.add(offset, 'month'));
// 生成日历数据
function buildDataMap(arr) {
const map = new Map();
const stats = months.map(() => ({ total: 0, resolved: 0 }));
// 按日期聚合
arr.forEach(item => {
const date = item.endDate;
if (!map.has(date)) {
map.set(date, {
date,
count: 0,
resolved: 0,
logos: [],
status: 'empty',
raw: [],
});
}
const d = map.get(date);
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';
d.raw.push(item);
});
// 统计每月
months.forEach((month, idx) => {
const daysInMonth = month.daysInMonth();
for (let i = 1; i <= daysInMonth; i++) {
const dateStr = month.date(i).format('YYYY-MM-DD');
const d = map.get(dateStr);
if (d) {
stats[idx].total += d.count;
stats[idx].resolved += d.resolved;
} else {
map.set(dateStr, {
date: dateStr,
count: 0,
resolved: 0,
logos: [],
status: 'empty',
raw: [],
});
}
}
});
return { dataMap: map, monthStats: stats };
}
console.log('timelineData', props.timelineData);
const { dataMap, monthStats } = buildDataMap(props.timelineData);
function getOption() {
const calendarWidthPercent = 30;
const gapPercent = (95 - (calendarWidthPercent * 3)) / 4;
const calendars = months.map((month, index) => ({
top: 40,
left: `${gapPercent + index * (calendarWidthPercent + gapPercent)}%`,
width: `${calendarWidthPercent}%`,
range: month.format('YYYY-MM'),
cellSize: ['auto', 82],
splitLine: { show: true, lineStyle: { color: '#fff', width: 4 } },
itemStyle: { color: '#f0f9ff', borderColor: '#fff', borderWidth: 4 },
yearLabel: { show: false },
monthLabel: { show: false },
dayLabel: { show: false },
}));
const titles = months.map((month, index) => ({
text: `{month|${month.format('M月')}} {stats|共 ${monthStats[index].total} 项, 已落实 ${monthStats[index].resolved} 项}`,
left: `${gapPercent + index * (calendarWidthPercent + gapPercent)}%`,
top: 10,
textStyle: {
rich: {
month: {
fontSize: 24,
fontWeight: 'bold',
color: '#1e3a8a',
},
stats: {
fontSize: 14,
color: '#1e40af',
fontWeight: 'bold',
}
}
}
}));
const series = months.map((month, index) => {
const monthData = [];
const daysInMonth = month.daysInMonth();
for (let i = 1; i <= daysInMonth; i++) {
const dateStr = month.date(i).format('YYYY-MM-DD');
const item = dataMap.get(dateStr);
monthData.push([dateStr, item]);
}
// console.log('monthData', monthData);
return {
type: 'custom',
coordinateSystem: 'calendar',
calendarIndex: index,
data: monthData,
renderItem: (params, api) => {
const cellPoint = api.coord([api.value(0), 0]);
const cellWidth = params.coordSys.cellWidth;
const cellHeight = params.coordSys.cellHeight;
const dataIndex = params.dataIndex;
const rawDataItem = monthData[dataIndex];
const item = rawDataItem[1];
if (!item) return;
const x = cellPoint[0] - cellWidth / 2;
const y = cellPoint[1] - cellHeight / 2;
const groupChildren = [];
const bgColor = item.status === 'has_events' ? '#bfdbfe' : '#f0f9ff';
groupChildren.push({
type: 'rect',
shape: { x, y, width: cellWidth, height: cellHeight },
style: {
fill: bgColor,
stroke: '#efefef',
lineWidth: 1
},
});
if (item.status === 'has_events') {
const iconSize = 20;
const iconGap = -5;
const maxIcons = 3;
const displayLogos = item.logos.slice(0, maxIcons);
const iconsY = y + 8;
const iconsX = x + 8;
displayLogos.forEach((logo, idx) => {
groupChildren.push({
type: 'image',
style: {
image: logo,
x: iconsX + idx * (iconSize + iconGap),
y: iconsY,
width: iconSize,
height: iconSize,
},
});
});
groupChildren.push({
type: 'text',
style: {
text: `${item.count}项`,
x: x + 8,
y: y + cellHeight - 12,
textAlign: 'left',
textVerticalAlign: 'bottom',
fontSize: 18,
fontWeight: 'bold',
},
});
} else {
const d = dayjs(item.date);
groupChildren.push({
type: 'text',
style: {
text: d.format('YYYY年'),
x: x + cellWidth / 2,
y: y + cellHeight / 2 - 8,
textAlign: 'center',
textVerticalAlign: 'bottom',
fontSize: 10,
fill: '#93c5fd',
},
});
groupChildren.push({
type: 'text',
style: {
text: d.format('MM月DD日'),
x: x + cellWidth / 2,
y: y + cellHeight / 2 + 4,
textAlign: 'center',
textVerticalAlign: 'top',
fontSize: 12,
fontWeight: 'bold',
fill: '#93c5fd',
},
});
}
return {
type: 'group',
children: groupChildren,
};
},
};
});
return {
tooltip: { show: false },
title: titles,
calendar: calendars,
series: series,
};
}
onMounted(() => {
if (chartRef.value) {
chartInstance = echarts.init(chartRef.value, undefined, { renderer: 'canvas' });
chartInstance.setOption(getOption());
window.addEventListener('resize', resizeChart);
chartInstance.on('mouseover', (params) => {
console.log('params', params);
if (Array.isArray(params.data) && params.data.length >= 2) {
const date = params.data[0]
// const list = dataMap.get(date)?.raw || []
const list = params.data[1].raw
if (list.length > 0) {
currentDate.value = date
currentDetailList.value = list
tooltipVisible.value = true
}
}
});
chartInstance.on('mouseout', () => {
tooltipVisible.value = false
});
}
});
function resizeChart() {
if (chartInstance) {
chartInstance.resize();
}
}
onBeforeUnmount(() => {
window.removeEventListener('resize', resizeChart);
if (chartInstance) {
chartInstance.dispose();
chartInstance = null;
}
});
</script>
<style scoped>
.custom-tooltip {
position: fixed;
/* 使用 fixed 相对于视口定位 */
pointer-events: none;
/* 让鼠标事件穿透到图表，避免闪烁 */
z-index: 1000;
width: 670px;
background: rgb(255, 255, 255);
}
.tooltip-header {
height: 50px;
box-sizing: border-box;
padding: 13px 24px;
justify-content: space-between;
border-bottom: 1px solid rgb(234, 236, 238);
}
.tooltip-main {
padding: 0 24px 10px;
}
.tooltip-main-item {
width: 622px;
height: 144px;
border-bottom: 1px solid rgb(234, 236, 238);
}
.item-header {
height: 46px;
justify-content: space-between;
align-items: center;
}
.item-header-left {
gap: 8px;
align-items: center;
}
.logo {
width: 24px;
height: 24px;
}
.status-on {
height: 23px;
padding: 0 8px;
color: rgb(33, 129, 57);
background: rgba(33, 129, 57, 0.1);
}
.status-off {
height: 23px;
padding: 0 8px;
color: rgb(206, 79, 81);
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;
}
</style>
src/views/ZMOverView/components/fourSuppress/components/allGovernment/index.vue
浏览文件 @ 1281bff2
......@@ -177,7 +177,8 @@
</div>
</div>
<div class="bottom-content">
<div class="timeline-container">
<CalendarHeatmap v-if="timelineData.length > 0" :timelineData="timelineData" />
<!-- <div class="timeline-container">
<div class="timeline-list">
<div v-for="(dept, index) in timelineList" :key="index" class="dept-row">
<div class="dept-info">
......@@ -233,7 +234,7 @@
<div class="timelineBar" :style="{ backgroundImage: `url(${timelineBg})` }">
<div ref="sliderChartRef" style="width: 100%; height: 100%; touch-action: none"></div>
</div>
</div>
</div> -->
</div>
</div>
</div>
......@@ -263,6 +264,7 @@ import {
getSanTypeList,
getThreeMonthSanctionProcess
} from "@/api/allGovernment.js";
import CalendarHeatmap from "./components/CalendarHeatmap.vue";
const router = useRouter();
const activeDate = inject("activeDate");
......@@ -283,9 +285,13 @@ const monthNum = computed(() => {
}
});
// 全政府-美政府部门对我打压遏制时间线
const loadingHistory = ref(false);
const timelineData = ref([])
const getUSGovernmentSanctionHistoryData = async () => {
timelineData.value = [] // 初始化数据
loadingHistory.value = true;
try {
const params = {
......@@ -304,74 +310,75 @@ const getUSGovernmentSanctionHistoryData = async () => {
if (res.code === 200 && res.data) {
// 如果返回的是 content 数组（分页结构）或直接是数组
const rawList = res.data.content || res.data;
const grouped = {};
rawList.forEach(item => {
// 使用 orgName 进行分组，如果没有则显示未知部门
const deptName = item.orgName || "未知部门";
if (!grouped[deptName]) {
grouped[deptName] = {
name: deptName,
icon: item.orgLogoUrl,
count: 0,
events: []
};
}
grouped[deptName].count++;
// 根据 status 映射红绿灯颜色
let level = "";
if (item.status === 1) level = "red";
else if (item.status === 2) level = "yellow";
else if (item.status === 3) level = "green";
else if (item.status === 4) level = "white";
grouped[deptName].events.push({
date: item.endDate ? item.endDate.replace(/^(\d{4})-(\d{2})-(\d{2})$/, "$1年$2月$3日") : "",
time: item.endDate,
content: item.name || item.summary,
tags: item.techDomainList ? item.techDomainList.slice(0, 2) : [],
level: level,
sanctionId: item.sanctionId
});
});
timelineData.value = res.data;
// const grouped = {};
// rawList.forEach(item => {
// // 使用 orgName 进行分组，如果没有则显示未知部门
// const deptName = item.orgName || "未知部门";
// if (!grouped[deptName]) {
// grouped[deptName] = {
// name: deptName,
// icon: item.orgLogoUrl,
// count: 0,
// events: []
// };
// }
// grouped[deptName].count++;
// // 根据 status 映射红绿灯颜色
// let level = "";
// if (item.status === 1) level = "red";
// else if (item.status === 2) level = "yellow";
// else if (item.status === 3) level = "green";
// else if (item.status === 4) level = "white";
// grouped[deptName].events.push({
// date: item.endDate ? item.endDate.replace(/^(\d{4})-(\d{2})-(\d{2})$/, "$1年$2月$3日") : "",
// time: item.endDate,
// content: item.name || item.summary,
// tags: item.techDomainList ? item.techDomainList.slice(0, 2) : [],
// level: level,
// sanctionId: item.sanctionId
// });
// });
//统计完成后生成新的数组
let fArr = []
rawList.forEach((item)=>{
fArr.push(item.endDate)
})
let timeLine = Object.values(grouped);
//重新遍历timeLine，根据日期数组额外增加数据
timeLine.forEach((item) => {
// 根据日期数组构建空数据
const data = []
for (let i = 0; i < fArr.length; i++) {
const option = {
date: fArr[i],
noData: true
}
data.push(option)
}
item.events.forEach((ele) => {
for (let m = 0; m < data.length; m++) {
if(ele.time == data[m].date && data[m].noData){
data[m] = ele
data[m].noData = false
break
}
}
})
item.events = data
})
// timelineList.value = Object.values(grouped);
timelineList.value = timeLine
console.log("timelineList", timelineList.value);
initSlider();
// //统计完成后生成新的数组
// let fArr = []
// rawList.forEach((item)=>{
// fArr.push(item.endDate)
// })
// let timeLine = Object.values(grouped);
// //重新遍历timeLine，根据日期数组额外增加数据
// timeLine.forEach((item) => {
// // 根据日期数组构建空数据
// const data = []
// for (let i = 0; i < fArr.length; i++) {
// const option = {
// date: fArr[i],
// noData: true
// }
// data.push(option)
// }
// item.events.forEach((ele) => {
// for (let m = 0; m < data.length; m++) {
// if(ele.time == data[m].date && data[m].noData){
// data[m] = ele
// data[m].noData = false
// break
// }
// }
// })
// item.events = data
// })
// // timelineList.value = Object.values(grouped);
// timelineList.value = timeLine
// console.log("timelineList", timelineList.value);
// initSlider();
}
} catch (error) {
console.error("获取制裁历程失败:", error);
......
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon1.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
<rect id="法律 1" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 465" d="M11.8622 4.95618L17.3038 10.3978L13.5298 14.1718L11.5987 12.2408L5.27961 18.5603C4.89192 18.948 4.26313 18.948 3.87524 18.5603C3.48755 18.1727 3.48755 17.5439 3.87524 17.156L10.1945 10.8367L8.08808 8.73025L11.8621 4.95621L11.8622 4.95618ZM6.78229 7.95107C7.09734 8.26612 7.60815 8.26612 7.9232 7.95107L11.083 4.79128C11.3981 4.47621 11.3981 3.96542 11.083 3.65035C10.7679 3.3353 10.2571 3.3353 9.94206 3.65035L6.78231 6.80991C6.46725 7.12497 6.46725 7.636 6.78231 7.95107L6.78229 7.95107ZM17.4316 11.2143L14.2718 14.3741C13.9568 14.6891 13.9568 15.2 14.2718 15.515C14.5869 15.8301 15.0977 15.8301 15.4127 15.515L18.5725 12.3552C18.8876 12.0402 18.8876 11.5294 18.5725 11.2143C18.2575 10.8992 17.7466 10.8992 17.4316 11.2143L17.4316 11.2143ZM20.4629 20.2782C20.4629 19.3433 19.7052 18.5856 18.7703 18.5856L12.5472 18.5856C11.6123 18.5856 10.8546 19.3433 10.8546 20.2782L20.4629 20.2782L20.4629 20.2782Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon2.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
<rect id="折线图" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="合并" d="M20.5419 4.83623L13.1957 9.57293C13.0388 9.6741 12.867 9.72717 12.6804 9.73213C12.4937 9.7371 12.3194 9.69325 12.1573 9.60057L8.08207 7.27011L4.50424 9.35944C4.02065 9.64183 3.41881 9.48376 3.13642 9.00018C2.85402 8.51659 3.0121 7.91475 3.49568 7.63236L7.57254 5.25161C7.72693 5.16146 7.8935 5.11598 8.07228 5.11516C8.25106 5.11435 8.41804 5.15832 8.57324 5.24707L12.6226 7.56272L19.4581 3.15534C19.9287 2.85188 20.537 2.98324 20.8404 3.45388C21.1439 3.92453 21.0125 4.53276 20.5419 4.83623ZM4.00352 13.6788L7.58044 11.6333C7.88802 11.4574 8.2657 11.4574 8.57327 11.6333L12.1169 13.6597C12.4459 13.8478 12.853 13.8338 13.1683 13.6234L18.9449 9.76933C19.6095 9.32597 20.4999 9.80233 20.4999 10.6012L20.4999 19.4969C20.4999 20.0492 20.0522 20.4969 19.4999 20.4969L4.49997 20.4971C3.94769 20.4971 3.49997 20.0494 3.49997 19.4971L3.49993 14.5468C3.49993 14.1881 3.6921 13.8568 4.00352 13.6788Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon3.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
<rect id="容器 1714" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="合并" d="M12 2.72656C10.6193 2.72656 9.5 3.84585 9.5 5.22656C9.5 6.60727 10.6193 7.72656 12 7.72656C13.3807 7.72656 14.5 6.60727 14.5 5.22656C14.5 3.84585 13.3807 2.72656 12 2.72656ZM8.5 5.28283C8.5 5.19541 8.5032 5.10875 8.5095 5.02295C5.55588 6.35486 3.5 9.32509 3.5 12.7755C3.5 13.5624 3.60693 14.3243 3.80705 15.0475C4.32848 14.6278 4.97275 14.3546 5.67741 14.2902C5.56142 13.8042 5.5 13.297 5.5 12.7755C5.5 10.2821 6.90397 8.11655 8.9645 7.02635C8.66902 6.51302 8.5 5.91766 8.5 5.28283ZM15.5 5.28283C15.5 5.19542 15.4968 5.10875 15.4905 5.02295C18.4441 6.35485 20.5 9.32509 20.5 12.7755C20.5 13.5624 20.3931 14.3243 20.193 15.0475C19.6715 14.6278 19.0273 14.3546 18.3226 14.2902C18.4386 13.8042 18.5 13.297 18.5 12.7755C18.5 10.2821 17.096 8.11655 15.0355 7.02635C15.331 6.51302 15.5 5.91766 15.5 5.28283ZM8.5 17.7754C8.5 16.3947 7.38071 15.2754 6 15.2754C4.61929 15.2754 3.5 16.3947 3.5 17.7754C3.5 19.1561 4.61929 20.2754 6 20.2754C7.38071 20.2754 8.5 19.1561 8.5 17.7754ZM18 15.2754C19.3807 15.2754 20.5 16.3947 20.5 17.7754C20.5 19.1561 19.3807 20.2754 18 20.2754C16.6193 20.2754 15.5 19.1561 15.5 17.7754C15.5 16.3947 16.6193 15.2754 18 15.2754ZM14.6294 18.7217C14.8172 19.3922 15.1997 19.9813 15.7121 20.4242C14.5905 20.9696 13.331 21.2755 12 21.2755C10.669 21.2755 9.40951 20.9696 8.28791 20.4242C8.80027 19.9813 9.18277 19.3922 9.3706 18.7217C10.1745 19.0777 11.0642 19.2755 12 19.2755C12.9358 19.2755 13.8255 19.0777 14.6294 18.7217Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon4.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
<rect id="定位" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 573" d="M11.7453 2.01562C8.03585 2.01562 5.02783 5.03994 5.02783 8.77327C5.02783 10.6381 5.78079 12.3271 6.99554 13.5507L11.7453 18.3294L16.4964 13.5507C16.6523 13.394 16.8001 13.2301 16.9399 13.0589C17.0797 12.8877 17.2107 12.7101 17.3331 12.526C17.4554 12.3419 17.5685 12.1523 17.6722 11.9572C17.776 11.7621 17.8699 11.5623 17.954 11.3579C18.0382 11.1536 18.1121 10.9456 18.1758 10.7339C18.2396 10.5223 18.2928 10.3081 18.3355 10.0913C18.3782 9.87441 18.4102 9.65599 18.4315 9.43601C18.4527 9.21603 18.4632 8.99553 18.4628 8.77452C18.4628 5.04119 15.4561 2.01687 11.7453 2.01687L11.7453 2.01562ZM11.7453 11.775C11.6473 11.7748 11.5495 11.7697 11.4519 11.7598C11.3543 11.75 11.2575 11.7354 11.1613 11.716C11.0652 11.6966 10.9703 11.6726 10.8765 11.6439C10.7827 11.6152 10.6906 11.582 10.6001 11.5442C10.5096 11.5064 10.4211 11.4643 10.3348 11.4179C10.2484 11.3715 10.1645 11.3209 10.0831 11.2662C10.0017 11.2115 9.92319 11.153 9.84754 11.0906C9.77189 11.0282 9.69948 10.9622 9.63031 10.8927C9.56115 10.8232 9.49555 10.7504 9.43353 10.6745C9.37151 10.5985 9.31337 10.5197 9.25909 10.438C9.20481 10.3564 9.15467 10.2722 9.10866 10.1856C9.06265 10.099 9.021 10.0104 8.9837 9.91968C8.9464 9.82898 8.91364 9.73668 8.8854 9.64277C8.85717 9.54885 8.83362 9.45378 8.81473 9.35756C8.79584 9.26133 8.78171 9.16441 8.77234 9.06679C8.76298 8.96917 8.75842 8.87133 8.75867 8.77327L8.75867 8.77077C8.75838 8.67272 8.7629 8.57489 8.77222 8.47729C8.78155 8.37969 8.79564 8.28277 8.81449 8.18655C8.83334 8.09033 8.85686 7.99527 8.88506 7.90136C8.91325 7.80745 8.94598 7.71515 8.98324 7.62446C9.02051 7.53377 9.06213 7.44512 9.10811 7.35852C9.15409 7.27192 9.2042 7.18778 9.25844 7.1061C9.31269 7.02443 9.37081 6.94561 9.4328 6.86964C9.4948 6.79368 9.56036 6.72094 9.62951 6.65142C9.69865 6.5819 9.77103 6.51593 9.84666 6.45353C9.92228 6.39112 10.0008 6.33257 10.0822 6.27788C10.1635 6.22319 10.2474 6.17262 10.3338 6.12617C10.4201 6.07972 10.5085 6.03762 10.599 5.99986C10.6895 5.9621 10.7816 5.92887 10.8754 5.90017C10.9691 5.87146 11.0641 5.84742 11.1602 5.82805C11.2563 5.80867 11.3531 5.79405 11.4507 5.7842C11.5482 5.77434 11.646 5.76929 11.7441 5.76904L11.7453 5.76904C11.8434 5.76929 11.9412 5.77434 12.0388 5.7842C12.1363 5.79405 12.2332 5.80867 12.3293 5.82804C12.4255 5.84741 12.5204 5.87145 12.6142 5.90015C12.708 5.92885 12.8001 5.96208 12.8906 5.99984C12.9811 6.03759 13.0695 6.07969 13.1559 6.12614C13.2423 6.17258 13.3262 6.22315 13.4076 6.27783C13.489 6.33252 13.5675 6.39106 13.6431 6.45346C13.7188 6.51587 13.7912 6.58182 13.8604 6.65134C13.9295 6.72086 13.9951 6.7936 14.0571 6.86956C14.1192 6.94552 14.1773 7.02433 14.2316 7.10601C14.2859 7.18768 14.336 7.27182 14.382 7.35842C14.428 7.44502 14.4697 7.53367 14.507 7.62436C14.5443 7.71506 14.577 7.80736 14.6053 7.90127C14.6335 7.99519 14.6571 8.09026 14.6759 8.18649C14.6948 8.28271 14.709 8.37963 14.7183 8.47725C14.7277 8.57487 14.7322 8.67271 14.732 8.77077L14.732 8.77327C14.7322 8.87124 14.7277 8.96899 14.7183 9.06651C14.709 9.16404 14.6949 9.26087 14.676 9.35701C14.6572 9.45315 14.6336 9.54813 14.6055 9.64196C14.5773 9.73579 14.5445 9.82801 14.5073 9.91862C14.4701 10.0092 14.4285 10.0978 14.3825 10.1843C14.3366 10.2709 14.2865 10.3549 14.2323 10.4366C14.1781 10.5182 14.12 10.5969 14.0581 10.6728C13.9962 10.7488 13.9307 10.8215 13.8616 10.8909C13.7925 10.9604 13.7202 11.0263 13.6447 11.0887C13.5691 11.1511 13.4907 11.2096 13.4094 11.2643C13.3281 11.319 13.2443 11.3695 13.1581 11.416C13.0718 11.4624 12.9835 11.5046 12.8931 11.5423C12.8027 11.5801 12.7107 11.6134 12.617 11.6421C12.5233 11.6708 12.4285 11.6949 12.3325 11.7143C12.2365 11.7338 12.1397 11.7484 12.0422 11.7584C11.9448 11.7683 11.8471 11.7734 11.7491 11.7737L11.7453 11.7737L11.7453 11.775ZM8.75867 20.5254C8.75867 20.5665 8.76346 20.6075 8.77305 20.6484C8.78264 20.6893 8.79697 20.7299 8.81605 20.7703C8.83514 20.8106 8.85888 20.8504 8.88727 20.8897C8.91567 20.929 8.94858 20.9677 8.98601 21.0057C9.02345 21.0436 9.06522 21.0807 9.11133 21.117C9.15744 21.1532 9.20767 21.1884 9.26201 21.2226C9.31635 21.2568 9.37455 21.2898 9.43661 21.3215C9.49866 21.3533 9.56427 21.3837 9.63344 21.4128C9.70261 21.4418 9.775 21.4694 9.85061 21.4955C9.92623 21.5216 10.0047 21.546 10.086 21.5688C10.1674 21.5917 10.2512 21.6128 10.3374 21.6322C10.4237 21.6515 10.512 21.6691 10.6024 21.6848C10.6928 21.7005 10.7847 21.7144 10.8783 21.7263C10.972 21.7382 11.0667 21.7482 11.1627 21.7562C11.2586 21.7642 11.3552 21.7703 11.4526 21.7743C11.5499 21.7783 11.6475 21.7803 11.7453 21.7803C11.8432 21.7803 11.9407 21.7783 12.0381 21.7743C12.1354 21.7703 12.2321 21.7642 12.328 21.7562C12.4239 21.7482 12.5187 21.7382 12.6123 21.7263C12.7059 21.7144 12.7979 21.7005 12.8883 21.6848C12.9787 21.6691 13.067 21.6515 13.1532 21.6322C13.2395 21.6128 13.3233 21.5917 13.4046 21.5688C13.486 21.546 13.5644 21.5216 13.6401 21.4955C13.7157 21.4694 13.7881 21.4418 13.8572 21.4128C13.9264 21.3837 13.992 21.3533 14.0541 21.3215C14.1161 21.2898 14.1743 21.2568 14.2287 21.2226C14.283 21.1884 14.3332 21.1532 14.3793 21.117C14.4254 21.0807 14.4672 21.0436 14.5047 21.0057C14.5421 20.9677 14.575 20.929 14.6034 20.8897C14.6318 20.8504 14.6555 20.8106 14.6746 20.7703C14.6937 20.7299 14.708 20.6893 14.7176 20.6484C14.7272 20.6075 14.732 20.5665 14.732 20.5254C14.732 20.4843 14.7272 20.4433 14.7176 20.4024C14.708 20.3615 14.6937 20.3209 14.6746 20.2806C14.6555 20.2403 14.6318 20.2005 14.6034 20.1612C14.575 20.1218 14.5421 20.0832 14.5047 20.0452C14.4672 20.0072 14.4254 19.9701 14.3793 19.9339C14.3332 19.8976 14.283 19.8624 14.2287 19.8283C14.1743 19.7941 14.1161 19.7611 14.0541 19.7293C13.992 19.6976 13.9264 19.6672 13.8572 19.6381C13.7881 19.609 13.7157 19.5815 13.6401 19.5554C13.5644 19.5293 13.486 19.5049 13.4046 19.482C13.3233 19.4592 13.2395 19.4381 13.1532 19.4187C13.067 19.3993 12.9787 19.3818 12.8883 19.3661C12.7979 19.3503 12.7059 19.3365 12.6123 19.3246C12.5187 19.3126 12.4239 19.3027 12.328 19.2947C12.2321 19.2866 12.1354 19.2806 12.0381 19.2766C11.9407 19.2726 11.8432 19.2705 11.7453 19.2705C11.6475 19.2705 11.5499 19.2726 11.4526 19.2766C11.3552 19.2806 11.2586 19.2866 11.1627 19.2947C11.0667 19.3027 10.972 19.3126 10.8784 19.3246C10.7847 19.3365 10.6928 19.3503 10.6024 19.3661C10.512 19.3818 10.4237 19.3993 10.3374 19.4187C10.2512 19.4381 10.1674 19.4592 10.086 19.482C10.0047 19.5049 9.92623 19.5293 9.85061 19.5554C9.775 19.5815 9.70261 19.609 9.63344 19.6381C9.56427 19.6672 9.49866 19.6976 9.43661 19.7293C9.37455 19.7611 9.31635 19.7941 9.26201 19.8283C9.20767 19.8624 9.15744 19.8976 9.11133 19.9339C9.06522 19.9701 9.02345 20.0072 8.98601 20.0452C8.94858 20.0832 8.91567 20.1218 8.88727 20.1612C8.85888 20.2005 8.83514 20.2403 8.81605 20.2806C8.79697 20.3209 8.78264 20.3615 8.77305 20.4024C8.76346 20.4433 8.75867 20.4843 8.75867 20.5254L8.75867 20.5254Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon5.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
<rect id="热门" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<g id="组合 130">
<path id="矢量 473" d="M8.5148 21C7.29316 18.4839 7.95351 17.0645 8.91101 15.7419C9.93455 14.2258 10.1987 12.8065 10.1987 12.8065C10.1987 12.8065 11.0241 13.8065 10.727 15.4516C12.1467 13.871 12.3778 11.3871 12.2127 10.4516C15.4154 12.6452 16.8352 17.4516 14.9532 20.9677C24.8253 15.4516 17.3964 7.25807 16.1088 6.3871C16.571 7.32258 16.637 8.90323 15.7126 9.64516C14.2268 4.06452 10.5619 3 10.5619 3C11.0241 5.80645 9.01006 8.87097 7.09506 11.1935C7.02903 10.0645 6.96299 9.32258 6.33566 8.19355C6.2036 10.2581 4.61877 11.9032 4.15653 13.9677C3.56221 16.8065 4.58575 18.8064 8.5148 21Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</g>
</svg>
src/views/marketAccessRestrictions/marketAccessHome/assets/icons/icon6.svg 0 → 100644
浏览文件 @ 1281bff2
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none">
<rect id="大学,学府,法院" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 573" d="M21.9922 6.66992L21.9922 8.00391L21.5996 8.00391C21.1699 8.00391 20.7598 8.17383 20.4473 8.4707L20.4434 8.47461C20.3008 8.60742 20.1328 8.67188 19.9375 8.67188L4.05078 8.67188C3.85352 8.67188 3.6875 8.60742 3.54688 8.47461C3.54492 8.47266 3.54297 8.47266 3.54102 8.4707C3.22852 8.17578 2.81836 8.00586 2.38867 8.00586L2 8.00586L2 6.66992L11.9961 2.67188L21.9922 6.66992ZM21.2715 19.3301L2.71875 19.3301C2.52344 19.3301 2.35547 19.3945 2.21484 19.5273C2.07031 19.6602 2 19.8164 2 19.998L2 21.332L21.9922 21.332L21.9922 19.998C21.9922 19.8164 21.9199 19.6602 21.7773 19.5273C21.6348 19.3945 21.4688 19.3301 21.2715 19.3301L21.2715 19.3301ZM20.6621 17.998L20.6621 18.6621L3.33398 18.6621L3.33398 17.998C3.33398 17.8184 3.4043 17.6602 3.54883 17.5273C3.69141 17.3945 3.85938 17.3301 4.05273 17.3301L4.66797 17.3301L4.66602 9.33399L7.33203 9.33399L7.33203 17.3301L8.66602 17.3301L8.66602 9.33398L11.3301 9.33398L11.3301 17.3301L12.6699 17.3301L12.6699 9.33398L15.334 9.33398L15.334 17.3301L16.6641 17.3301L16.6641 9.33398L19.3281 9.33398L19.3281 17.3301L19.9434 17.3301C20.1406 17.3301 20.3047 17.3945 20.4473 17.5273C20.5898 17.6602 20.6621 17.8184 20.6621 17.998L20.6621 17.998Z" fill="rgb(5,95,194)" fill-rule="nonzero" />
</svg>
src/views/marketAccessRestrictions/marketAccessHome/index.vue
浏览文件 @ 1281bff2
......@@ -101,93 +101,15 @@
<DivideHeader id="position1" class="divide-header" :titleText="'最新动态'"></DivideHeader>
<div class="center-top">
<div class="box1">
<!-- <div class="box1-left" @click="handleSwithCurSurvey('left')">
<img src="./assets/images/box1-left.png" alt="" />
</div>
<div class="box1-right" @click="handleSwithCurSurvey('right')">
<img src="./assets/images/box1-right.png" alt="" />
</div>
<div class="box1-header">
<div class="box1-header-left">
<div class="icon">
<img src="./assets/images/box1-header-icon.png" alt="" />
</div>
<div class="title">{{ "调查进展" }}</div>
</div>
<div class="box1-header-right" @click="handleClickToDetail()">
{{ "查看详情 >" }}
</div>
</div>
<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
indicator-position="none">
<el-carousel-item v-for="(item, index) in box1DataList" :key="index">
<div class="box1-main">
<div class="box1-main-header">
<div class="header-left">
{{ item.SEARCHNAME }}
</div>
<div class="header-right">
<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>
<div class="info-content">
{{ 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>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "涉及产品：" }}</div>
<div class="list-right">
{{ item.PRODUCT }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "原告：" }}</div>
<div class="list-right">
{{ item.PLAINTIFF }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "被告：" }}</div>
<div class="list-right">
{{ item.DEFENDANT }}
</div>
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "涉案专利" }}</div>
<div class="list-right">
{{ item.PATENT }}
</div>
</div>
</div>
</div>
</el-carousel-item>
</el-carousel> -->
<overviewMainBox title="调查进展" @toDetail="handleClickToDetail()">
<template #header-icon>
<img style="width: 100%; height: 100%" src="./assets/images/box1-header-icon.png" alt="" />
<img style="width: 100%; height: 100%" src="./assets/icons/icon1.svg" alt="" />
</template>
<div class="box1-left" @click="handleSwithCurSurvey('left')">
<img src="./assets/images/box1-left.png" alt="" />
<LeftBtn />
</div>
<div class="box1-right" @click="handleSwithCurSurvey('right')">
<img src="./assets/images/box1-right.png" alt="" />
<RightBtn />
</div>
<el-carousel ref="carouselRef" height="395px" :autoplay="true" :interval="3000" arrow="never"
indicator-position="none">
......@@ -268,7 +190,7 @@
<div class="box5">
<OverviewNormalBox title="调查数量">
<template #header-icon>
<img style="width: 100%; height: 100%;" src="./assets/images/box3-header-icon.png" alt="" />
<img style="width: 100%; height: 100%;" src="./assets/icons/icon2.svg" alt="" />
</template>
<template #header-right>
<div class="box-header-right">
......@@ -292,7 +214,8 @@
<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/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">
......@@ -319,7 +242,8 @@
<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/images/box3-header-icon.png" alt="" /> -->
<img src="./assets/icons/icon4.svg" alt="" />
</div>
<div class="box7-header-title">{{ "受调查国家分布" }}</div>
</div>
......@@ -350,7 +274,8 @@
<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/images/box6-header-icon.png" alt="" /> -->
<img src="./assets/icons/icon5.svg" alt="" />
</div>
<div class="box8-header-title">{{ "调查结果分布" }}</div>
</div>
......@@ -372,25 +297,6 @@
<SourceTabList :sourceTabList="categoryList" :activeSouceTabId="activeCateId" @clickTab="handleClickCate">
</SourceTabList>
<div class="select-box">
<!-- <div class="paixu-btn" @click="handleSwithSort">
<div class="icon1">
<img v-if="isSort" src="@/assets/icons/shengxu1.png" alt="" />
<img v-else src="@/assets/icons/jiangxu1.png" alt="" />
</div>
<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="releaseTime" placeholder="选择发布时间" style="width: 120px">
<el-option
v-for="item in releaseTimeList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> -->
<el-select v-model="isSort" placeholder="发布时间" style="width: 166px" @change="handlePxChange">
<template #prefix>
<div style="display: flex; align-items: center; height: 100%">
......@@ -466,7 +372,7 @@
<div class="right">
<div class="right-header">
<div class="icon">
<img src="./assets/images/right-header-icon.png" alt="" />
<img src="./assets/icons/icon6.svg" alt="" />
</div>
<div class="title">{{ "市场准入限制调查" }}</div>
</div>
......@@ -530,25 +436,17 @@
</template>
<script setup>
import NewsList from "@/components/NewsList/NewsList.vue";
import RiskSignal from "@/components/RiskSignal/RiskSignal.vue";
import { onMounted, ref } from "vue";
import NewsList from "@/components/base/NewsList/index.vue";
import RiskSignal from "@/components/base/RiskSignal/index.vue";
import DivideHeader from "@/components/DivideHeader.vue";
import setChart from "@/utils/setChart";
import scrollToTop from "@/utils/scrollToTop";
import router from "@/router";
import DivideHeader from "@/components/DivideHeader.vue";
import { getPersonSummaryInfo } from "@/api/common/index";
import getMultiLineChart from "./utils/multiLineChart";
import getPieChart from "./utils/piechart";
import getRadarChart from "./utils/radarChart";
import getMapChart from "./utils/mapChart";
// import getBarChart from "./utils/barChart";
import News1 from "./assets/images/news1.png";
import News2 from "./assets/images/news2.png";
import News3 from "./assets/images/news3.png";
import News4 from "./assets/images/news4.png";
import News5 from "./assets/images/news5.png";
import getBarChart from "./utils/barChart1";
import Img1 from "./assets/images/1.png";
import Img2 from "./assets/images/2.png";
......@@ -558,15 +456,7 @@ import Img5 from "./assets/images/5.png";
import Img6 from "./assets/images/6.png";
import Img7 from "./assets/images/7.png";
import Message1 from "./assets/images/message-icon1.png";
import Message2 from "./assets/images/message-icon2.png";
import Message3 from "./assets/images/message-icon3.png";
import Logo1 from "./assets/images/logo1.png";
import Logo2 from "./assets/images/logo2.png";
import Logo3 from "./assets/images/logo3.png";
import Logo4 from "./assets/images/logo4.png";
import Logo5 from "./assets/images/logo5.png";
import { getPersonSummaryInfo } from "@/api/common/index";
import {
getStatSort,
getStatNum,
......@@ -584,12 +474,10 @@ import {
import { getRiskSignal, getNews, getRemarks } from "@/api/common/index";
import { ElMessage } from "element-plus";
import getBarChart from "./utils/barChart1";
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";
import { reduce } from "lodash";
let containerRef = ref(null);
// 首页分类
const sortInfo = ref([{}]);
......@@ -656,18 +544,7 @@ const handleSwithCurSurvey = name => {
};
// 风险信号
const box2Data = ref([
{
title: "关于对中华人民共和国合成阿片类药物供应链...",
time: "一天前",
status: "特别重大"
},
{
title: "关于调整汽车及汽车零部件进口的公告",
time: "一天前",
status: "特别重大"
}
]);
const box2Data = ref([]);
const handleGetBox2Data = async () => {
const params = {
moduleId: "0104"
......@@ -680,18 +557,10 @@ const handleGetBox2Data = async () => {
}
} catch (error) { }
};
// 点击风险信号条目，进入调查详情
const handleClickBox2Item = () => { };
// 新闻资讯
const newsList = ref([
// {
// img: News1,
// title: "美政府停摆仍持续，拨款法案存缺陷，但两党磋商露曙光",
// content: `美国政府停摆已持续34天，距离历史上最长的停摆纪录仅差一天，参议院已先后13次尝试...`,
// from: "11-4 · 华盛顿邮报"
// },
]);
const newsList = ref([]);
// 获取新闻资讯列表
const handleGetBox3Data = async () => {
const params = {
......@@ -1313,6 +1182,10 @@ const isSort = ref(true); // true 倒序 false 升序
// const handleSwithSort = () => {
// isSort.value = !isSort.value;
// };
const handlePxChange = val => {
handleGetSurveyList()
};
const surveyYearList = ref([
{
......@@ -1610,16 +1483,6 @@ onMounted(async () => {
flex-direction: column;
align-items: center;
.home-main-header-top {
box-sizing: border-box;
width: 100%;
height: 64px;
background: url("./assets/images/header-bg.png");
padding: 0 160px;
display: flex;
justify-content: space-between;
}
.home-main-header-footer {
margin-top: 38px;
width: 688px;
......@@ -1939,12 +1802,6 @@ onMounted(async () => {
.box1 {
width: 1064px;
height: 450px;
// border-radius: 10px;
// box-shadow: 0px 0px 15px 0px rgba(22, 119, 255, 0.1);
// background: #fff;
// box-sizing: border-box;
// position: relative;
.box1-left {
position: absolute;
left: 0;
......@@ -2366,9 +2223,11 @@ onMounted(async () => {
display: flex;
justify-content: center;
gap: 16px;
.box3 {
width: 792px;
height: 450px;
.box3-header {
height: 48px;
border-bottom: 1px solid rgba(240, 242, 244, 1);
......@@ -2507,6 +2366,7 @@ onMounted(async () => {
.box4 {
width: 792px;
height: 450px;
.box4-header {
width: 792px;
height: 48px;
......@@ -2626,6 +2486,7 @@ onMounted(async () => {
.box5 {
width: 1064px;
height: 460px;
.box-header-right {
height: 48px;
display: flex;
......@@ -3099,58 +2960,6 @@ onMounted(async () => {
box-sizing: border-box;
padding: 5px 0;
.paixu-btn {
display: flex;
width: 120px;
height: 32px;
box-sizing: border-box;
border: 1px solid rgba(230, 231, 232, 1);
border-radius: 4px;
background: rgba(255, 255, 255, 1);
&:hover {
background: var(--color-bg-hover);
}
cursor: pointer;
.icon1 {
width: 11px;
height: 14px;
margin-top: 10px;
margin-left: 9px;
img {
width: 100%;
height: 100%;
}
}
.text {
height: 19px;
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0px;
text-align: left;
margin-top: 7px;
margin-left: 9px;
}
.icon2 {
width: 10px;
height: 5px;
margin-top: 5px;
margin-left: 13px;
img {
width: 100%;
height: 100%;
}
}
}
}
}
......
src/views/marketAccessRestrictions/marketAccessLayout/case/337/index.vue
浏览文件 @ 1281bff2
......@@ -5,7 +5,7 @@
<div class="search-box">
<el-input
v-model="searchText"
style="width: 240px; height: 32px"
style="width: 300px; height: 32px"
placeholder="搜索调查案件"
@keyup.enter="handleSearch"
>
......@@ -29,13 +29,21 @@
</div>
</div>
<div class="select-box">
<div class="paixu-btn" @click="handleSwithSort">
<!-- <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>
</div> -->
<el-select v-model="isSort" placeholder="发布时间" style="width: 166px">
<template #prefix>
<div style="display: flex; align-items: center; height: 100%">
<img src="@/assets/icons/jiangxu1.png" style="width: 14px; height: 14px" />
</div>
</template>
<el-option v-for="item in releaseTimeList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</div>
<div class="wrapper-main">
......@@ -180,9 +188,10 @@
</div>
<div class="card-footer">
<div class="footer-left-tags">
<div class="area-tag" v-for="(area, idx) in item.areaList" :key="idx">
<!-- <div class="area-tag" v-for="(area, idx) in item.areaList" :key="idx">
{{ area }}
</div>
</div> -->
<AreaTag v-for="(area, idx) in item.areaList" :key="idx" :tagName="area"></AreaTag>
</div>
<div class="footer-right-flags">
<div class="flag-icon" v-for="(flag, fidx) in item.countryList" :key="fidx">
......@@ -228,10 +237,18 @@ const filterStage = ref("");
const filterParty = ref("");
const filterReason = ref("");
const isSort = ref(false); // false 降序
const releaseTimeList = ref([
{
label: "按发布时间倒序",
value: false
},
{
label: "按发布时间升序",
value: true
}
]);
const handleSwithSort = () => {
isSort.value = !isSort.value;
};
// 科技领域过滤
const surveyAreaList = ref([]);
......@@ -421,6 +438,7 @@ onMounted(async () => {
width: 1600px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 35px;
.wrapper-header {
height: 32px;
......@@ -433,6 +451,13 @@ onMounted(async () => {
display: flex;
gap: 16px;
align-items: center;
.search-box{
:deep(.el-input__wrapper) {
background-color: #fff;
border: 1px solid rgba(234, 236, 238, 1);
border-radius: 4px;
}
}
.dropdown-filters {
display: flex;
......@@ -720,11 +745,13 @@ onMounted(async () => {
}
.right-footer {
height: 74px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 40px;
margin-top: 20px;
border-top: 1px solid rgba(234, 236, 238, 1);
.footer-left {
font-size: 14px;
color: #5f656c;
......
src/views/marketAccessRestrictions/marketAccessLayout/index.vue
浏览文件 @ 1281bff2
......@@ -245,6 +245,8 @@ onMounted(() => {
width: 1920px;
height: 868px;
background: #f7f8f9;
overflow: hidden;
overflow-y: auto;
}
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论