feat:预警面板组件新增展开功能，更新数据资源库

src/App.vue

@@ -29,6 +29,25 @@ import { ElMessage } from "element-plus";
 const router = useRouter();
 const route = useRoute();
 
+import useTagsViewStore from '@/stores/tagsView.js'
+
+const tagsViewStore = useTagsViewStore()
+
+
+// 在路由全局守卫中处理
+router.beforeEach((to, from, next) => {
+  // 路由允许添加标签（排除掉隐藏的布局页如 /404, /login 等）
+  if (to.path.includes('dataLibrary')) {
+    tagsViewStore.addView({
+      path: to.path,
+      name: to.name, // 对应组件的 name，用于缓存
+      meta: { ...to.meta },
+      active: true
+    })
+  }
+  next()
+})
+
 
 const isShowAiBox = ref(false);
 

src/components/base/WarningPane/index.vue

 <template>
-  <div class="warnning-pane-wrapper" :style="{ width: width ? width : '1600px', height: height ? height : '116px' }"
+  <div class="warnning-pane-wrapper" :style="{ width: width ? width : '1600px' }"
     :class="{
       level1: warnningLevel === '特别重大风险',
       level2: warnningLevel === '重大风险',
@@ -27,12 +27,22 @@
       </div>
     </div>
     <div class="warnning-pane-content text-regular">
-      {{ warnningContent }}
+      {{ showContent }}
+      <div class="show-all-btn" v-if="props.warnningContent.length > 185" @click.stop="handleClickShowAll">
+        <div class="text text-tip-2">
+          {{ isShowAllContent? '收起' : '展开' }}
+        </div>
+        <div class="icon">
+          <img v-if="!isShowAllContent" src="./icons/down.png" alt="">
+          <img v-else src="./icons/up.png" alt="">
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script setup>
+import {ref, computed} from 'vue'
 import { ElMessage } from 'element-plus'
 
 
@@ -50,6 +60,14 @@ const props = defineProps(
   }
 )
 
+const showContent = computed(() => {
+  if(!isShowAllContent.value) {
+    return props.warnningContent.length > 185 ? props.warnningContent.slice(0,185) + '...' : props.warnningContent
+  } else {
+    return props.warnningContent
+  }
+})
+
 const emit = defineEmits(['clickPane'])
 
 const handleClickPane = () => {
@@ -57,6 +75,12 @@ const handleClickPane = () => {
   emit('clickPane')
 }
 
+const isShowAllContent = ref(false)
+
+const handleClickShowAll = () => {
+  isShowAllContent.value = !isShowAllContent.value
+}
+
 </script>
 
 <style lang="scss" scoped>
@@ -64,7 +88,8 @@ const handleClickPane = () => {
   border-radius: 10px;
   border: 1px solid var(--color-primary-100);
   box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
-  cursor: pointer;
+  // cursor: pointer;
+  height: max-content;
 }
 
 .level1 {
@@ -146,15 +171,40 @@ const handleClickPane = () => {
 .warnning-pane-content{
   width: calc(100% - 40px);
   margin: 0 auto;
-  height: 60px;
-  display: -webkit-box;
-  /* 2. 设置内部布局方向为垂直 */
-  -webkit-box-orient: vertical;
-  /* 3. 限制显示的行数为 2 行 */
-  -webkit-line-clamp: 2;
-  /* 4. 隐藏超出部分 */
-  overflow: hidden;
-  /* 5. 设置文本溢出显示省略号 */
-  text-overflow: ellipsis;
+  // height: 60px;
+  // display: -webkit-box;
+  // /* 2. 设置内部布局方向为垂直 */
+  // -webkit-box-orient: vertical;
+  // /* 3. 限制显示的行数为 2 行 */
+  // -webkit-line-clamp: 2;
+  // /* 4. 隐藏超出部分 */
+  // overflow: hidden;
+  // /* 5. 设置文本溢出显示省略号 */
+  // text-overflow: ellipsis;
+  position: relative;
+  .show-all-btn {
+    position: absolute;
+    right: 0px;
+    bottom: 4px;
+    width: 48px;
+    height: 22px;
+    display: flex;
+    gap: 4px;
+    cursor: pointer;
+    .text{
+      color: var(--text-primary-50-color);
+      &:hover{
+        color: var(--color-primary-100);
+      }
+    }
+    .icon{
+      width: 16px;
+      height: 16px;
+      img{
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file

src/router/index.js

@@ -65,4 +65,5 @@ router.beforeEach((to, from, next) => {
   next();
 });
 
+
 export default router;

src/utils/setChart.js

@@ -11,7 +11,6 @@ const setChart = (option, chartId, allowClick, selectParam) => {
   let chart = echarts.init(chartDom);
   chart.setOption(option);
   if (allowClick) {
-    // 3. 添加点击事件监听
     chart.on('click', function (params) {
       switch (selectParam.moduleType) {
         case '国会法案':

src/views/bill/billHome/index.vue

@@ -962,7 +962,9 @@ const handleBox9Data = async () => {
 		const selectParam = {
 			moduleType: '国会法案',
 			proposedDateStart: box9selectetedTime.value,
-			status: box9LegislativeStatus.value === '提出法案' ? 0 : 1
+			status: box9LegislativeStatus.value === '提出法案' ? 0 : 1,
+			isInvolveCn: 1
+
 
 		}
 		box9ChartInstance = setChart(box9Chart, "box9Chart", true, selectParam);

src/views/dataLibrary/index.vue

@@ -111,13 +111,13 @@ const siderList = ref([
   {
     name: '科技法案',
     icon: Icon1,
-    active: true,
-    isExpanded: true,
+    active: false,
+    isExpanded: false,
     children: [
       {
         name: '国会法案',
         path: '/dataLibrary/countryBill',
-        active: true,
+        active: false,
       },
       {
         name: '州法案',
@@ -477,6 +477,118 @@ const handleClickToolBox = () => {
 };
 
 onMounted(() => {
+  const path = route.path
+  switch (path) {
+    case '/dataLibrary/countryBill':
+      siderList.value[0].active = true
+      siderList.value[0].isExpanded = true
+      siderList.value[0].children[0].active = true
+
+      break
+    case '/dataLibrary/stateBill':
+      siderList.value[0].active = true
+      siderList.value[0].isExpanded = true
+      siderList.value[0].children[1].active = true
+      break
+    case '/dataLibrary/dataDecree':
+      siderList.value[1].active = true
+      break
+    case '/dataLibrary/dataThinkTank':
+      siderList.value[2].active = true
+      break
+    case '/dataLibrary/dataEntityList':
+      siderList.value[3].active = true
+      siderList.value[3].isExpanded = true
+      siderList.value[3].children[0].active = true
+      break
+    case '/dataLibrary/dataCommerceControlList':
+      siderList.value[3].active = true
+      siderList.value[3].isExpanded = true
+      siderList.value[3].children[1].active = true
+      break
+    case '/dataLibrary/dataEntityListEvent':
+      siderList.value[3].active = true
+      siderList.value[3].isExpanded = true
+      siderList.value[3].children[2].active = true
+      break
+    case '/dataLibrary/dataCommerceControlListEvent':
+      siderList.value[3].active = true
+      siderList.value[3].isExpanded = true
+      siderList.value[3].children[3].active = true
+      break
+    case '/dataLibrary/sDNList':
+      siderList.value[4].active = true
+      siderList.value[4].isExpanded = true
+      siderList.value[4].children[0].active = true
+      break
+    case '/dataLibrary/mREList':
+      siderList.value[4].active = true
+      siderList.value[4].isExpanded = true
+      siderList.value[4].children[1].active = true
+      break
+    case '/dataLibrary/sDNListEvent':
+      siderList.value[4].active = true
+      siderList.value[4].isExpanded = true
+      siderList.value[4].children[2].active = true
+      break
+    case '/dataLibrary/mREListEvent':
+      siderList.value[4].active = true
+      siderList.value[4].isExpanded = true
+      siderList.value[4].children[3].active = true
+      break
+    case '/dataLibrary/case337':
+      siderList.value[5].active = true
+      siderList.value[5].isExpanded = true
+      siderList.value[5].children[0].active = true
+      break
+    case '/dataLibrary/case232':
+      siderList.value[5].active = true
+      siderList.value[5].isExpanded = true
+      siderList.value[5].children[1].active = true
+      break
+    case '/dataLibrary/case301':
+      siderList.value[5].active = true
+      siderList.value[5].isExpanded = true
+      siderList.value[5].children[2].active = true
+      break
+    case '/dataLibrary/congressMan':
+      siderList.value[6].active = true
+      siderList.value[6].isExpanded = true
+      siderList.value[6].children[0].active = true
+      break
+    case '/dataLibrary/technologyLeader':
+      siderList.value[6].active = true
+      siderList.value[6].isExpanded = true
+      siderList.value[6].children[1].active = true
+      break
+    case '/dataLibrary/minister':
+      siderList.value[6].active = true
+      siderList.value[6].isExpanded = true
+      siderList.value[6].children[2].active = true
+      break
+    case '/dataLibrary/thinkTankResearcher':
+      siderList.value[6].active = true
+      siderList.value[6].isExpanded = true
+      siderList.value[6].children[3].active = true
+      break
+    case '/dataLibrary/technologyCompany':
+      siderList.value[7].active = true
+      siderList.value[7].isExpanded = true
+      siderList.value[7].children[0].active = true
+      break
+    case '/dataLibrary/researchUniversity':
+      siderList.value[7].active = true
+      siderList.value[7].isExpanded = true
+      siderList.value[7].children[1].active = true
+      break
+    case '/dataLibrary/keyLab':
+      siderList.value[7].active = true
+      siderList.value[7].isExpanded = true
+      siderList.value[7].children[2].active = true
+      break
+  }
+
+
 
 })
 
@@ -683,7 +795,8 @@ onMounted(() => {
           .icon {
             width: 16px;
             height: 16px;
-            &:hover{
+
+            &:hover {
               border-radius: 8px;
               background: var(--color-primary-10);
             }