11

src/assets/scss/modules/visual/shijianchulifenxi.scss

@@ -35,14 +35,27 @@
 }
 
 .l_bottom {
-  .bottom_label {
+ 
+  > span {
+    font-size: 18px;
+    font-family: PingFang SC;
+    font-weight: 800;
+    color: #ffffff;
+  }
+  .echart-line {
+    margin-top: 10px;
+    height: 100%;
+  }
+}
+
+.bottom_label {
   position: relative;
   padding-left: 40px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
-  }
-  .bottom_label::after {
+}
+.bottom_label::after {
   content: '';
   position: absolute;
   top: 50%;
@@ -53,17 +66,6 @@
   margin-top: -6px;
   background: #2865fa;
   border-radius: 50%;
-  }
-  > span {
-    font-size: 18px;
-    font-family: PingFang SC;
-    font-weight: 800;
-    color: #ffffff;
-  }
-  .echart-line {
-    margin-top: 10px;
-    height: 100%;
-  }
 }
 
 

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 {

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"
+    <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"
-      />
+           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"
+              <img v-if="highlightTop3 && index == 0"
                    src="@/assets/img/shuju/top/1.png"
-                alt=""
-              />
-              <img
-                v-else-if="highlightTop3 && index == 1"
+                   alt="" />
+              <img v-else-if="highlightTop3 && index == 1"
                    src="@/assets/img/shuju/top/2.png"
-                alt=""
-              />
-              <img
-                v-else-if="highlightTop3 && index == 2"
+                   alt="" />
+              <img v-else-if="highlightTop3 && index == 2"
                    src="@/assets/img/shuju/top/3.png"
-                alt=""
-              />
+                   alt="" />
               <span v-else>{{ index + 1 }}</span>
             </div>
-            <a
-              v-else-if="typeof item === 'object' && item  && item.type == 'operate'"
+            <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
-            >
+               @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;