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

feat:update数据资源库

上级 d3102f1a
......@@ -10,7 +10,7 @@
</div>
<!-- <div class="more" @click="handleToMoreNews">{{ "更多 +" }}</div> -->
</div>
<div class="msg-bubble-main" ref="scrollContainer">
<div class="msg-bubble-main" ref="scrollContainer" @mouseenter="stopScroll" @mouseleave="startScroll">
<div class="message-bubble" v-for="(item, index) in displayList" :key="index" @click="handleClickPerson(item)">
<div class="avatar-container">
<img :src="item[props.imageUrl] || avatarUser" :alt="item[props.name]" class="avatar" />
......@@ -110,9 +110,9 @@ const currentIndex = ref(0)
// 计算当前显示的消息列表(只显示固定数量的消息)
const displayList = computed(() => {
if(props.messageList.length < 4) {
return props.messageList
}
// if(props.messageList.length < 4) {
// return props.messageList
// }
// 确保 messageList 存在且有数据
if (!props.messageList || !Array.isArray(props.messageList) || props.messageList.length === 0) {
return []
......@@ -140,7 +140,7 @@ const startScroll = () => {
if (timer) clearInterval(timer)
timer = setInterval(() => {
currentIndex.value = (currentIndex.value + 1) % props.messageList.length
}, 2000) // 每秒滚动一条
}, 2400) // 每2.4秒滚动一条
}
// 停止滚动
......@@ -152,9 +152,10 @@ const stopScroll = () => {
}
onMounted(() => {
if (props.messageList.length > 3) {
startScroll()
}
startScroll()
// if (props.messageList.length > 3) {
// startScroll()
// }
})
......@@ -223,12 +224,13 @@ onBeforeUnmount(() => {
}
.msg-bubble-main {
height: 402px;
height: 395px;
overflow: hidden;
box-sizing: border-box;
padding-bottom: 8px;
padding-left: 21px;
padding-top: 23px;
// background: orange;
.message-bubble {
display: flex;
......
......@@ -11,7 +11,7 @@
`}}
</pre>
<div class="chart-box">
<GraphChart :nodes="nodes" :links="links" layoutType="force">
<GraphChart :nodes="nodes" :links="links" layoutType="none">
</GraphChart>
</div>
</el-col>
......
......@@ -8,7 +8,7 @@
</div>
</div>
<div class="header-center text-title-3-bold">{{ chartTitle }}</div>
<div class="header-right">
<div class="header-right" @click="handleDownload">
<img src="./assets/icons/download.svg" alt="">
</div>
</div>
......@@ -17,7 +17,7 @@
<slot name="chart-box"></slot>
</div>
<div class="tip-box">
<TipTab />
<TipTab text="数据来源:美国各政府机构官网" data-time="" />
</div>
</div>
</div>
......@@ -63,7 +63,7 @@ const defaultChartTypeList = [
]
const emit = defineEmits('clickChartItem')
const emit = defineEmits('clickChartItem', 'download')
const handleClickChartItem = (item) => {
chartItemList.value.forEach(chart => {
......@@ -104,6 +104,10 @@ const chartItemList = computed(() => {
return arr
})
const handleDownload = () => {
emit('download')
}
</script>
<style lang="scss" scoped>
......@@ -176,6 +180,8 @@ const chartItemList = computed(() => {
.tip-box {
height: 54px;
box-sizing: border-box;
padding: 0 500px;
padding-top: 10px;
// background: orange;
}
......
......@@ -125,24 +125,23 @@
<el-table ref="tableRef" :data="tableData" row-key="id" @selection-change="handleSelectionChange"
@select="handleSelect" @select-all="handleSelectAll" style="width: 100%" :row-style="{ height: '52px' }">
<el-table-column type="selection" width="40" />
<el-table-column label="法案名称" width="455">
<el-table-column label="政令名称" width="455">
<template #default="scope">
<span class="title-item text-compact-bold" @click="handleClickToDetail(scope.row)">{{ scope.row.title
}}</span>
</template>
</el-table-column>
<el-table-column label="日期" width="120" class-name="date-column">
<el-table-column label="发布时间" width="180" class-name="date-column">
<template #default="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column label="提出人" width="480">
<el-table-column label="发布机构" width="480">
<template #default="scope">
<span class="person-item text-compact" @click="handlePerClick(scope.row)">{{ scope.row.sponsorPersonName
}}</span>
</template>
</el-table-column>
<el-table-column property="affiliation" label="所属党派" width="120" />
<el-table-column property="originDepart" label="提出委员会" width="180" />
<el-table-column property="status" label="所处阶段" width="120" />
<el-table-column property="affiliation" label="涉及领域" width="120" />
<el-table-column property="originDepart" label="政令类型" width="180" />
</el-table>
</div>
</div>
......@@ -209,7 +208,7 @@ const staticsDemensionList = ref([
},
yearData: {
}
},
{
......
......@@ -77,7 +77,7 @@ import { useRoute } from "vue-router";
import AiBox from "@/components/AiBox.vue";
import { getPersonType } from "@/api/common/index";
// import { useDraggable } from "@vueuse/core";
import ModuleHeader from '@/components/base/moduleHeader/index.vue'
import ModuleHeader from '@/components/base/ModuleHeader/index.vue'
import Menu1 from "@/assets/icons/overview/menu1.png";
import Menu2 from "@/assets/icons/overview/menu2.png";
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论