From c37b8f9064555be95b7bddf18a80491fa6303a2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E7=88=B1=E5=AD=A6=E4=B9=A0=E7=9A=84=E7=9F=B3?=
 =?UTF-8?q?=E5=90=8C=E5=AD=A6?= <2936013465@qq.com>
Date: Mon, 4 Nov 2024 12:42:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=A1=E8=AE=BF=E5=A4=A7=E5=B1=8F=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF1.6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                              |  1 +
 src/App.vue                             |  3 +-
 src/components/datav/chart-bar-mail.vue |  2 -
 src/views/data/Ajhc.vue                 |  4 +-
 src/views/datav/MailVisits.vue          | 96 +++++++++++++++----------
 5 files changed, 62 insertions(+), 44 deletions(-)
diff --git a/index.html b/index.html
index 78447f2..91592bd 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
 </head>
 
 <body>
+
   <div id="app"></div>
   <script type="module" src="/src/main.ts"></script>
 </body>
diff --git a/src/App.vue b/src/App.vue
index 43bc0b1..9a2415a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,4 +10,5 @@ const elConfig = {
     zIndex: 3000,
     locale: zhCn
 }
-</script>
\ No newline at end of file
+</script>
+
diff --git a/src/components/datav/chart-bar-mail.vue b/src/components/datav/chart-bar-mail.vue
index 80d446e..5292df6 100644
--- a/src/components/datav/chart-bar-mail.vue
+++ b/src/components/datav/chart-bar-mail.vue
@@ -3,7 +3,6 @@
     <span class="bar-title">{{ title }}</span>
     <span class="bar-sub-title">{{ subTitle }}</span>
   </div>
-  <el-scrollbar height="300px">
   <div>
     <div
         class="flex v-center bar-item between"
@@ -32,7 +31,6 @@
             </span>
     </div>
   </div>
-  </el-scrollbar>
 
 </template>
 <script setup>
diff --git a/src/views/data/Ajhc.vue b/src/views/data/Ajhc.vue
index 560cbcd..f0618e4 100644
--- a/src/views/data/Ajhc.vue
+++ b/src/views/data/Ajhc.vue
@@ -226,7 +226,7 @@
                         prop="discoveryTime"
                         show-overflow-tooltip
                     />
-                    <el-table-column label="问题发生时间" prop="happenTime" show-overflow-tooltip />
+<!--                    <el-table-column label="问题发生时间" prop="happenTime" show-overflow-tooltip />-->
                     <el-table-column
                         label="问题来源"
                         prop="problemSources"
@@ -244,7 +244,7 @@
                     />
                     <el-table-column label="业务类别" prop="businessTypeName" />
                     <el-table-column label="涉嫌问题" prop="involveProblem" />
-                    <el-table-column label="涉及警种" prop="policeTypeName" />
+<!--                    <el-table-column label="涉及警种" prop="policeTypeName" />-->
                     <el-table-column
                         label="涉及单位"
                         prop="involveDepartName"
diff --git a/src/views/datav/MailVisits.vue b/src/views/datav/MailVisits.vue
index f5ff664..41682e9 100644
--- a/src/views/datav/MailVisits.vue
+++ b/src/views/datav/MailVisits.vue
@@ -46,26 +46,31 @@
                         type="bottom-button"
                     >
                       <datav-tab-item label="初信初访" name="1">
-                        <datav-chart-bar-mail
-                            :data="fxsjFirstMailList"
-                            size="large"
-                            :max="11"
-                        />
-
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar-mail
+                              :data="fxsjFirstMailList"
+                              size="large"
+                              :max="11"
+                          />
+                        </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="重复信访" name="2">
-                        <datav-chart-bar-mail
-                            :data="fxsjRepeatMailList"
-                            :max="11"
-                            size="large"
-                        />
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar-mail
+                              :data="fxsjRepeatMailList"
+                              :max="11"
+                              size="large"
+                          />
+                        </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="领导接访" name="3">
-                        <datav-chart-bar-mail
-                            :data="fxsjLeaderViewMailList"
-                            :max="11"
-                            size="large"
-                        />
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar
+                              :data="fxsjLeaderViewMailList"
+                              :max="11"
+                              size="large"
+                          />
+                        </el-scrollbar>
                       </datav-tab-item>
                     </datav-tabs>
                   </datav-tab-item>
@@ -75,33 +80,32 @@
                         type="bottom-button"
                     >
                       <datav-tab-item label="初信初访" name="1">
-                        <div style="height: 300px; overflow: auto">
-                          <datav-chart-bar
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar-mail
                               :data="bwzdFirstMailList"
                               size="large"
                           />
-                        </div>
+                        </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="重复信访" name="2">
-                        <div style="height: 300px; overflow: auto">
-                          <datav-chart-bar
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar-mail
                               :data="bwzdRepeatMailList"
                               :max="11"
                               size="large"
                           />
-                        </div>
+                        </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="领导接访" name="3">
-                        <div style="height: 300px; overflow: auto">
-                          <datav-chart-bar
+                        <el-scrollbar height="300px">
+                          <datav-chart-bar-mail
                               :data="bwzdLeaderViewMailList"
                               :max="11"
                               size="large"
                           />
-                        </div>
+                        </el-scrollbar>
                       </datav-tab-item>
                     </datav-tabs>
-
                   </datav-tab-item>
                 </datav-tabs>
               </datav-card>
@@ -242,24 +246,30 @@
                         type="bottom-button"
                     >
                       <datav-tab-item label="领导督办" name="1">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             size="large"
                         />
+                        </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="缠访闹访" name="2">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             :max="11"
                             size="large"
                         />
+                          </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="群体集访" name="3">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             :max="11"
                             size="large"
                         />
+                          </el-scrollbar>
                       </datav-tab-item>
 
                     </datav-tabs>
@@ -270,24 +280,30 @@
                         type="bottom-button"
                     >
                       <datav-tab-item label="领导督办" name="1">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             size="large"
                         />
+                          </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="缠访闹访" name="2">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             :max="11"
                             size="large"
                         />
+                          </el-scrollbar>
                       </datav-tab-item>
                       <datav-tab-item label="群体集访" name="3">
+                        <el-scrollbar height="300px">
                         <datav-chart-bar-mail
                             :data="xx"
                             :max="11"
                             size="large"
                         />
+                          </el-scrollbar>
                       </datav-tab-item>
 
                     </datav-tabs>
@@ -303,11 +319,11 @@
               />
             </datav-card>
           </el-col>
-
         </el-row>
       </main>
     </div>
   </el-scrollbar>
+
 </template>
 
 
@@ -363,7 +379,6 @@ const option = {
     },
   ],
 };
-
 const option1 = ref({
   xAxis: {
     type: "category",
@@ -415,8 +430,6 @@ const option1 = ref({
     },
   ],
 });
-
-
 const option2 = {
   series: [
     {
@@ -455,10 +468,6 @@ const option3 = {
     },
   ],
 };
-
-
-
-
 const activeTab = ref("1");
 const bwzdActiveTab = ref("1");  // 部委支队初重信tab
 const activeMailTrend = ref("1");   // 信访趋势tab
@@ -503,7 +512,7 @@ const time = ref([
  * @type {Ref<UnwrapRef<string>, UnwrapRef<string> | string>}
  */
 const selectedOption = ref('2024');
-const shihao= ref(1);
+const shihao = ref(1);
 const handleCommand = async (command) => {
   selectedOption.value = `${command}`;
   const recentlyMailTrend = await getRecentlyMailTrend({
@@ -531,8 +540,6 @@ function initRecentlyMailTrend() {
 }
 
 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,
@@ -560,6 +567,7 @@ onMounted(() => {
   //   console.log("Active Tab: ", activeMailTab.value);
   // }, 3000); // 每3秒切换一次
 });
+
 function getData() {
   getMailVisitsData(time.value).then((data) => {
     overview.value = data.overview;
@@ -577,8 +585,6 @@ function getData() {
 }
 
 
-
-
 </script>
 <style lang="scss" scoped>
 @import "@/style/datav.scss";
@@ -589,4 +595,16 @@ function getData() {
   top: 65px;
 }
 
+.main {
+  padding: 0 10px 10px;
+}
+
+.main-left,
+.main-right {
+  float: left;
+  width: 25%;
+  padding: 0 10px;
+  height: 90%;
+}
+
 </style>
\ No newline at end of file
