信访大屏前端1.5

src/views/datav/MailVisits.vue

@@ -187,7 +187,7 @@
               </datav-tabs>
               <div class="dropdown-container">
                 <el-dropdown @command="handleCommand" placement="top-start">
-                  <span class="el-dropdown-link">{{ selectedOption }}</span>
+                  <span class="el-dropdown-link">{{ selectedOption }} 年</span>
                   <template #dropdown>
                     <el-dropdown-menu>
                       <el-dropdown-item command="2024">2024年</el-dropdown-item>
@@ -502,10 +502,10 @@ const time = ref([
  * 信访趋势
  * @type {Ref<UnwrapRef<string>, UnwrapRef<string> | string>}
  */
-const selectedOption = ref('2024年');
+const selectedOption = ref('2024');
 const shihao= ref(1);
 const handleCommand = async (command) => {
-  selectedOption.value = `${command}年`;
+  selectedOption.value = `${command}`;
   const recentlyMailTrend = await getRecentlyMailTrend({
     sourcesCode: activeMailTab.value,
     year: command,
@@ -530,9 +530,17 @@ function initRecentlyMailTrend() {
   });
 }
 
-watch(activeMailTrend, () => {
-  alert(activeMailTrend.value)
-  alert(shihao.value)
+watch(activeMailTrend, async () => {
+  // console.log("Active Tab: ", activeMailTrend.value);
+  // console.log("Active Tab Right: ", selectedOption.value);
+  const recentlyMailTrend = await getRecentlyMailTrend({
+    sourcesCode: activeMailTrend.value,
+    year: selectedOption.value,
+    startTime: time.value[0],
+    endTime: time.value[1]
+  });
+  option1.value.xAxis.data = recentlyMailTrend.monthList;
+  option1.value.series[0].data = recentlyMailTrend.totalList;
 })