feat:科技政令增加受影响实体页面

src/components/base/boxBackground/analysisBox.vue

@@ -2,7 +2,10 @@
   <div class="analysis-box-wrapper" :style="{ width: width ? width : '100%', height: height ? height : '100%' }">
     <div class="wrapper-header">
       <div class="header-icon"></div>
-      <div class="header-title">{{ title }}</div>
+      <div class="header-title">
+        <div v-if="title">{{ title }}</div>
+        <slot v-else name="custom-title"></slot>
+      </div>
       <div class="header-btn" v-if="!showAllBtn">
         <slot name="header-btn"></slot>
       </div>
@@ -81,54 +84,45 @@ const emit = defineEmits(['save','download','collect'])
   .wrapper-header {
     height: 45px;
     display: flex;
+    padding-right: 14px;
+    align-items: center;
     box-sizing: border-box;
-    position: relative;
 
     .header-icon {
-      margin-top: 18px;
       width: 8px;
       height: 20px;
       background: var(--color-main-active);
       border-radius: 0 4px 4px 0;
+      margin-right: 14px;
     }
-
+    
     .header-title {
-      margin-left: 14px;
-      margin-top: 14px;
-      height: 26px;
+      flex: auto;
+      width: 20px;
       // color: var(--color-main-active);
       // font-family: Source Han Sans CN;
       // font-size: 20px;
       // font-weight: 700;
       // line-height: 26px;
       // letter-spacing: 0px;
-      height: 26px;
-      color: var(--color-main-active);
-      font-family: Microsoft YaHei;
-      font-size: 20px;
-      font-weight: 700;
-      line-height: 26px;
+      height: 100%;
+      &>div {
+        height: 100%;
+        color: var(--color-main-active);
+        font-family: Microsoft YaHei;
+        font-size: 20px;
+        line-height: 45px;
+        font-weight: 700;
+      }
     }
 
     .header-btn {
-      position: absolute;
-      top: 14px;
-      right: 84px;
       // display: flex;
       // justify-content: flex-end;
       // gap: 8px;
     }
 
-    .header-btn1 {
-      position: absolute;
-      top: 14px;
-      right: 104px;
-    }
-
     .header-right {
-      position: absolute;
-      top: 14px;
-      right: 14px;
       height: 28px;
       display: flex;
       justify-content: flex-end;

src/views/decree/decreeLayout/index.vue

@@ -213,13 +213,13 @@ const mainHeaderBtnList = ref([
 		activeIcon: icon2Active,
 		name: "深度挖掘",
 		path: "/decreeLayout/deepDig"
+	},
+	{
+		icon: icon3,
+		activeIcon: icon3Active,
+		name: "影响分析",
+		path: "/decreeLayout/influence"
 	}
-	// {
-	// 	icon: icon3,
-	// 	activeIcon: icon3Active,
-	// 	name: "影响分析",
-	// 	path: "/decreeLayout/influence"
-	// }
 ]);
 
 const activeTitle = ref("政令概况");
@@ -304,7 +304,7 @@ onMounted(() => {
 		activeTitle.value = "政令概况";
 	} else if (route.path === "/decreeLayout/deepDig") {
 		activeTitle.value = "深度挖掘";
-	} else {
+	} else if (route.path === "/decreeLayout/influence") {
 		activeTitle.value = "影响分析";
 	}
 	handleGetReport();

src/views/decree/decreeLayout/overview/introduction/index.vue

@@ -177,7 +177,7 @@
 						<el-empty v-if="!relatedEvents.length" description="暂无数据" :image-size="100" />
 						<div class="box2-item" v-for="(item, index) in relatedEvents" :key="index">
 							<div class="item-left">
-								<img :src="item.image" alt="" />
+								<img :src="item.image || DefaultIconNews" alt="" />
 							</div>
 							<div class="item-center">
 								<div class="bubble-header" @click="handleClickToNewsDetail(item)">
@@ -326,7 +326,7 @@ import { getDecreeRelatedEvent } from "@/api/decree/background";
 
 import DefaultIcon1 from "@/assets/icons/default-icon1.png";
 import DefaultIcon2 from "@/assets/icons/default-icon2.png";
-import { ElMessage } from "element-plus";
+import DefaultIconNews from "@/assets/icons/default-icon-news.png";
 
 const route = useRoute();
 const decreeId = ref(route.query.id);