From 42a680c9c3f488504eab83b89f8a0bfaa1cd07a0 Mon Sep 17 00:00:00 2001
From: zjc <1034206993@qq.com>
Date: Wed, 18 Dec 2024 18:16:36 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=96=B0=E5=A2=9E=E8=88=86?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                     |  5 +++
 src/views/home/index.vue                |  7 ++-
 src/views/sentiment/components/box1.vue | 11 +++++
 src/views/sentiment/index.vue           | 57 +++++++++++++++++++++++++
 4 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 src/views/sentiment/components/box1.vue
 create mode 100644 src/views/sentiment/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index c87dfd9..bc2caa1 100644
--- a/src/router/index.js
+++ b/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')
     }
   ]
 })
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 33af4e9..0fd8d13 100644
--- a/src/views/home/index.vue
+++ b/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>
diff --git a/src/views/sentiment/components/box1.vue b/src/views/sentiment/components/box1.vue
new file mode 100644
index 0000000..efd094c
--- /dev/null
+++ b/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>
diff --git a/src/views/sentiment/index.vue b/src/views/sentiment/index.vue
new file mode 100644
index 0000000..a92dba9
--- /dev/null
+++ b/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>