feat：新增舆情页面

src/router/index.js

@@ -26,6 +26,11 @@ const router = createRouter({
       path: '/scenic',
       name: 'scenic',
       component: () => import('@/views/scenic/index.vue')
+    },
+    {
+      path: '/sentiment',
+      name: 'sentiment',
+      component: () => import('@/views/sentiment/index.vue')
     }
   ]
 })

src/views/home/index.vue

@@ -12,6 +12,11 @@
   import box3 from './components/box-3.vue'
   import box4 from './components/box-4.vue'
   const navLeft = [{ name: '安全' }, { name: '景区', path: '/scenic' }, { name: '交通' }]
-  const navRight = [{ name: '停车' }, { name: '工单' }, { name: '舆情' }, { name: '酒店' }]
+  const navRight = [
+    { name: '停车' },
+    { name: '工单' },
+    { name: '舆情', path: '/sentiment' },
+    { name: '酒店' }
+  ]
   onMounted(() => {})
 </script>

src/views/sentiment/components/box1.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="container"> </div>
+</template>
+
+<script setup></script>
+
+<style scoped lang="scss">
+  .container {
+    margin: vh(120) vw(10) 0 vw(10);
+  }
+</style>

src/views/sentiment/index.vue

@@ -0,0 +1,57 @@
+<template>
+  <Header title="舆情检测" />
+  <CoreVideo />
+  <div class="container">
+    <div class="flex">
+      <div class="box-1 mr-10">
+        <Title1 title="最新舆情" />
+      </div>
+      <div class="box-2 mr-10">
+        <div class="flex justify-center">
+          <div class="flex">
+            <count-item label="今日预警" :count="35600" suffix="条" />
+            <count-item label="今日预警" :count="35600" suffix="条" />
+            <count-item label="今日预警" :count="35600" suffix="条" />
+          </div>
+        </div>
+      </div>
+      <div class="box-1">
+        <Title1 title="数据来源分析" />
+      </div>
+    </div>
+    <div class="flex mt-10">
+      <div class="box-2 mr-10">
+        <Title1 title="舆情指数" />
+      </div>
+      <div class="box-1 mr-10">
+        <Title1 title="情感分布" />
+      </div>
+      <div class="box-1 mr-10">
+        <Title1 title="词频分析" />
+      </div>
+    </div>
+  </div>
+  <Correspondence />
+</template>
+
+<script setup></script>
+
+<style scoped lang="scss">
+  .container {
+    flex: 1;
+    margin: vh(120) vw(10) 0 vw(10);
+    .bg {
+      background: linear-gradient(321deg, #0b2f64 0%, #062b57 100%);
+    }
+    .box-1 {
+      width: vw(770);
+      height: vh(470);
+      @extend .bg;
+    }
+    .box-2 {
+      width: vw(1574);
+      height: vh(470);
+      @extend .bg;
+    }
+  }
+</style>