优化

src/views/right/components/handleProcess/comp/PeopleCd.vue

@@ -65,12 +65,17 @@ const leftServiceList = [
 const serviceKey = "name";
 const renderContent = (h, { node, data, store }) => {
   if (data.children == null || data.children.length === 0) {
-    return h("div", { class: "custom-tree-node" }, [
+    return h("div", { class: "custom-tree-node custom-tree-node-div" }, [
       h(
         "span",
         { class: "node-label ch-label", title: data[serviceKey] },
         data[serviceKey]
       ),
+      h("div", { class: "imgbox" }, [
+        h("div", { class: "img1", onclick: () => {} }, ""),
+        h("div", { class: "img2", onclick: () => {} }, ""),
+        h("div", { class: "img3", onclick: () => {} }, ""),
+      ]),
     ]);
   }
   let className = "custom-tree-node";
@@ -175,4 +180,35 @@ const handleNodeClick = () => {};
   font-style: normal;
   text-transform: none;
 }
+.custom-tree-node-div {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  .imgbox {
+    display: flex;
+    .img1 {
+      width: 23px;
+      height: 20px;
+      background-image: url("../../../../../assets/img/phone-icon.png");
+      background-size: 100% 100%;
+      cursor: pointer;
+    }
+    .img2 {
+      width: 23px;
+      height: 20px;
+      background-image: url("../../../../../assets/img/shengyin-icon.png");
+      background-size: 100% 100%;
+      margin-left: 5px;
+      cursor: pointer;
+    }
+    .img3 {
+      width: 23px;
+      height: 20px;
+      background-image: url("../../../../../assets/img/video-icon.png");
+      background-size: 100% 100%;
+      margin-left: 5px;
+      cursor: pointer;
+    }
+  }
+}
 </style>

src/views/right/components/reportHandle/comp/publicHealthRiskReport.vue

@@ -30,9 +30,14 @@
       </div>
       <div class="top-card-item">
         <span class="label">风险类型</span>
-        <div class="button-box"><span class="content">风险个案</span></div>
-        <div class="button-box"><span class="content">风险事件</span></div>
-        <div class="button-box"><span class="content">风险信息</span></div>
+        <div
+          class="button-box"
+          v-for="(item, index) in riskTypeList"
+          :key="index"
+          @click="handleRiskTypeClick(item)"
+        >
+          <span class="content">{{ item.name }}</span>
+        </div>
         <div class="echart-legend">
           <div class="content">
             <div class="icon-item" style="background: #ffd15c"></div>
@@ -107,8 +112,23 @@ const riskLevelList = [
   },
 ];
 
-const riskLevel = ref("A");
+const riskTypeList = [
+  {
+    name: "风险个案",
+    value: "风险个案",
+  },
+  {
+    name: "风险事件",
+    value: "风险事件",
+  },
+  {
+    name: "风险信息",
+    value: "风险信息",
+  },
+];
 
+const riskLevel = ref("A");
+const riskType = ref("风险个案");
 //选择级别
 const handleRiskLevel = (item) => {
   riskLevel.value = item.value;
@@ -118,13 +138,18 @@ const handleTufaLevel = () => {
   tufaLevel.value = !tufaLevel.value;
 };
 
+//选择风险类型
+const handleRiskTypeClick = (item) => {
+  riskType.value = item.value;
+};
+
 //突发
 const tufaLevel = ref(false);
 
 //点击图标弹出公共卫生风险健康报告弹窗
 const openPublicHealthDialog = (item) => {
   rightPanelStore.publicHealthVisible = true;
-  rightPanelStore.districtString = item.name
+  rightPanelStore.districtString = item.name;
 };
 
 const setRefs = (refV, index) => {
@@ -176,6 +201,7 @@ onMounted(() => {
         text-align: left;
         font-style: normal;
         text-transform: none;
+        white-space: nowrap;
       }
       .button-box {
         display: flex;

src/views/right/components/reportHandle/index.vue

@@ -49,7 +49,7 @@ import HealthRiskDialog from "./comp/HealthRiskDialog.vue";
 import IntelligentAnalysis from "./comp/IntelligentAnalysis.vue";
 
 const rightPanelStore = useRightPanelStore();
-const activeTopTime = ref("日");
+const activeTopTime = ref("年");
 const titleList = [
   { name: "日", value: "日" },
   { name: "月", value: "月" },

src/views/right/components/warningDialog.vue

@@ -55,11 +55,26 @@ const handleView = () => {
 </script>
 
 <style lang="scss" scope>
+@keyframes huxiAnimate {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 .warning-container {
   position: fixed;
   left: 50%;
   top: 189px;
   transform: translateX(-38%);
+  animation: 10s linear 1s infinite huxiAnimate;
+  &:hover{
+    animation: unset;
+  }
   .warning-dialog {
     width: 787px;
     height: 84px;