From 44cc7645bfd255291255f9da45dd88c3198d3c81 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Fri, 24 Jun 2022 08:36:16 +0800
Subject: [PATCH] 11

---
 .../modules/visual/shijianchulifenxi.scss     | 40 +++++----
 .../shijianchuli/shijianchulifenxi.vue        |  6 +-
 src/views/modules/visual/cpts/tb.vue          | 90 +++++++++----------
 3 files changed, 69 insertions(+), 67 deletions(-)

diff --git a/src/assets/scss/modules/visual/shijianchulifenxi.scss b/src/assets/scss/modules/visual/shijianchulifenxi.scss
index bd965572..01f5d738 100644
--- a/src/assets/scss/modules/visual/shijianchulifenxi.scss
+++ b/src/assets/scss/modules/visual/shijianchulifenxi.scss
@@ -35,25 +35,7 @@
 }
 
 .l_bottom {
-  .bottom_label {
-    position: relative;
-    padding-left: 40px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #fff;
-  }
-  .bottom_label::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 20px;
-    width: 12px;
-    height: 12px;
-    box-sizing: border-box;
-    margin-top: -6px;
-    background: #2865fa;
-    border-radius: 50%;
-  }
+ 
   > span {
     font-size: 18px;
     font-family: PingFang SC;
@@ -66,6 +48,26 @@
   }
 }
 
+.bottom_label {
+  position: relative;
+  padding-left: 40px;
+  font-size: 16px;
+  font-weight: 500;
+  color: #fff;
+}
+.bottom_label::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 20px;
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  margin-top: -6px;
+  background: #2865fa;
+  border-radius: 50%;
+}
+
 
 .g-r {
   .m-tb {
diff --git a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
index a6baa08f..44c35ded 100644
--- a/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
+++ b/src/views/modules/visual/communityGovern/shijianchuli/shijianchulifenxi.vue
@@ -47,6 +47,8 @@
     </div>
     <div class="g-cpt-resi">
       <div class="g-l">
+        <div class="bottom_label"
+             style="margin-top:20px">事件总览</div>
         <div class="l_top">
 
           <div v-if="!pieNoData && !dataLoading"
@@ -329,7 +331,7 @@ export default {
 
   methods: {
     async getApiData () {
-
+      this.getTable()
       await this.getProjectTotal()
       await this.getLineChart()
 
@@ -1013,7 +1015,7 @@ export default {
   position: relative;
   width: 600px;
   height: 500px;
-  margin-top: 50px;
+  margin-top: 0;
 
   .chart,
   .bg {
diff --git a/src/views/modules/visual/cpts/tb.vue b/src/views/modules/visual/cpts/tb.vue
index 317f438f..8b77155d 100644
--- a/src/views/modules/visual/cpts/tb.vue
+++ b/src/views/modules/visual/cpts/tb.vue
@@ -1,68 +1,66 @@
 <template>
   <div class="m-table">
-    <table class="table" border="0" cellspacing="0" cellpadding="0">
-      <col
-        :align="item.align"
-        :width="item.width"
-        :key="'col' + index"
-        v-for="(item, index) in colList"
-      />
+    <table class="table"
+           border="0"
+           cellspacing="0"
+           cellpadding="0">
+      <col :align="item.align"
+           :width="item.width"
+           :key="'col' + index"
+           v-for="(item, index) in colList" />
 
       <thead>
         <tr class="table-header">
-          <th class="table-header-th" v-for="item in header" :key="item">
+          <th class="table-header-th"
+              v-for="item in header"
+              :key="item">
             {{ item }}
           </th>
         </tr>
       </thead>
       <tbody class="table-body">
-        <tr class="table-body-tr" v-for="(value, index) in list" :key="index">
-          <td class="td" v-for="(item, indexs) in value" :key="indexs">
+        <tr class="table-body-tr"
+            v-for="(value, index) in list"
+            :key="index">
+          <td class="td"
+              v-for="(item, indexs) in value"
+              :key="indexs">
             <div v-if="typeof item === 'string' || typeof item === 'number'">
               {{ item }}
             </div>
             <div v-if="typeof item === 'object' && item && item.type == 'index'">
-              <img
-                v-if="highlightTop3 && index == 0"
-                src="@/assets/img/shuju/top/1.png"
-                alt=""
-              />
-              <img
-                v-else-if="highlightTop3 && index == 1"
-                src="@/assets/img/shuju/top/2.png"
-                alt=""
-              />
-              <img
-                v-else-if="highlightTop3 && index == 2"
-                src="@/assets/img/shuju/top/3.png"
-                alt=""
-              />
+              <img v-if="highlightTop3 && index == 0"
+                   src="@/assets/img/shuju/top/1.png"
+                   alt="" />
+              <img v-else-if="highlightTop3 && index == 1"
+                   src="@/assets/img/shuju/top/2.png"
+                   alt="" />
+              <img v-else-if="highlightTop3 && index == 2"
+                   src="@/assets/img/shuju/top/3.png"
+                   alt="" />
               <span v-else>{{ index + 1 }}</span>
             </div>
-            <a
-              v-else-if="typeof item === 'object' && item  && item.type == 'operate'"
-              v-for="btn in item.list"
-              :key="'operate' + index + btn"
-              @click="handleClickBtn(index, btn)"
-              >{{ btn }}</a
-            >
-            <a
-              v-else-if="typeof item === 'object' && item && item.type == 'people'"
-              @click="handleClickPeople(item)"
-              >{{ item.name }}</a
-            >
+            <a v-else-if="typeof item === 'object' && item  && item.type == 'operate'"
+               v-for="btn in item.list"
+               :key="'operate' + index + btn"
+               @click="handleClickBtn(index, btn)">{{ btn }}</a>
+            <a v-else-if="typeof item === 'object' && item && item.type == 'people'"
+               @click="handleClickPeople(item)">{{ item.name }}</a>
           </td>
         </tr>
       </tbody>
     </table>
 
-    <div class="table-status" v-if="loading">
+    <div class="table-status"
+         v-if="loading">
       <screen-loading>加载中</screen-loading>
     </div>
 
-    <div class="table-status" v-if="list.length == 0 && !loading">
+    <div class="table-status"
+         v-if="list.length == 0 && !loading">
       <div class="no-data">
-        <img src="@/assets/img/modules/visual/noData.png" class="no-data-img" />
+        <img src="@/assets/img/modules/visual/noData.png"
+             class="no-data-img" />
       </div>
     </div>
   </div>
@@ -131,20 +129,20 @@ export default {
       default: false,
     },
   },
-  data() {
+  data () {
     return {};
   },
   watch: {},
 
-  mounted() {},
+  mounted () { },
 
-  created() {},
+  created () { },
 
   methods: {
-    handleClickBtn(index, type) {
+    handleClickBtn (index, type) {
       this.$emit("operate", index, type);
     },
-    handleClickPeople(item) {
+    handleClickPeople (item) {
       this.$router.push({
         path: `/main-shuju/visual-basicinfo-people/${item.uid}`,
       });
@@ -193,7 +191,7 @@ export default {
           box-sizing: border-box;
           text-align: center;
           border: none;
-          padding: 10px 5px;
+          padding: 20px 5px;
 
           > div {
             overflow: hidden;