feat：完善功能

src/views/sentiment/index.vue

@@ -38,7 +38,9 @@
     <div class="flex mt-10">
       <div class="box-2 mr-10 rela">
         <Title1 title="舆情指数" />
-        <div class="dropdown"> <Dropdown :options="options" @on-change="onChange" /> </div>
+        <div class="select-box">
+          <Select v-model="params.id" :options="options" @on-change="getLineChart" />
+        </div>
         <Line
           :width="1560"
           :height="400"
@@ -47,7 +49,7 @@
           :seriesConfig="{ smooth: false, symbol: 'circle' }"
         />
       </div>
-      <div class="box-1 mr-10">
+      <div class="box-1 mr-10 rela">
         <Title1 title="地域分析" />
         <Area />
       </div>
@@ -80,9 +82,8 @@
   let unsensitive = ref(0)
   let stateList = ref([])
   let options = ref([])
-  const onChange = (e) => {
-    getLineChart(e.id)
-  }
+  let params = reactive({ id: '' })
+
   const getStop = async () => {
     let res = await getSpotApi()
     options.value = res.data
@@ -97,8 +98,8 @@
     let res = await getStateApi()
     stateList.value = res.data
   }
-  const getLineChart = async (id) => {
-    let res = await getLineChartApi({ id })
+  const getLineChart = async () => {
+    let res = await getLineChartApi(params)
     xAxisData.value = res.data.data
     seriesData.value = res.data.series
   }
@@ -116,9 +117,10 @@
 </script>
 
 <style scoped lang="scss">
-  .dropdown {
+  .select-box {
     position: absolute;
     z-index: 9999;
+    top: vh(10);
     right: vw(10);
   }
   .container {