style:监管

@@ -66,6 +66,6 @@ export default {
 <style scoped>
 #jgChart {
   width: 100%;
-  height: 360px;
+  height: 330px;
 }
 </style>

@@ -134,6 +134,6 @@ export default {
 .map-box {
   display: inline-block;
   width: 100%;
-  height: 80vh;
+  height: 79.6vh;
 }
 </style>

+import filter from '@/utils/filter.js'
+class data extends filter {
+  constructor() {
+    super()
+  }
+  columns () {
+    return [
+      {
+        type: 'index',
+        label: "序号",
+      },
+      {
+        prop: "xzqmc",
+        label: "行政区名称",
+      },
+      {
+        prop: "xzqzs",
+        label: "行政区总数",
+      },
+      {
+        prop: "jrl",
+        label: "接入量",
+      },
+      {
+        prop: 'jscgl',
+        label: '接收成功率',
+        render: (h, scope) => {
+          return (
+            <div>
+              {scope.row.jscgl} %
+            </div>
+          )
+        }
+      },
+      {
+        prop: "dk",
+        label: "成功率得分",
+      },
+      {
+        prop: "wjrqx",
+        label: "未接入区县",
+      },
+      {
+        prop: "jrdf",
+        label: "接入得分",
+      },
+      {
+        prop: "jrdf",
+        label: "未上传登薄日志区县",
+      },
+      {
+        prop: "jrdf",
+        label: "登薄日志得分",
+      },
+      {
+        prop: "jrdf",
+        label: "总评分",
+      }
+    ]
+  }
+}
+export default new data()

@@ -2,6 +2,16 @@
   display: flex;
   justify-content: space-between;
 
+  .bottom10 {
+    margin-bottom: 10px;
+  }
+
+  .paddingbtm0 {
+    /deep/.el-card__body {
+      padding-bottom: 0;
+    }
+  }
+
   &-left,
   &-right {
     width: 30%;

@@ -34,16 +34,24 @@
       </el-card>
     </div>
     <div class="jgHome-right">
-      <el-card>
+      <el-card class="bottom10 paddingbtm0">
+        <jgChart />
+      </el-card>
+      <el-card class="box-card paddingbtm0">
         <div slot="header">
-          <jgChart />
+          <span>违规总计</span>
+          <el-button style="float: right;" type="text">更多</el-button>
         </div>
+        <lb-table ref="table" :pagination="false" :heightNum="595" :column="tableData.columns" :data="tableData.data">
+        </lb-table>
       </el-card>
     </div>
   </div>
 </template>
 
 <script>
+// 引入表格数据
+import data from "./data"
 import barChart from './components/barChart'
 import hzMap from './components/map'
 import jgChart from './components/jgChart'
@@ -52,6 +60,13 @@ export default {
   components: { barChart, hzMap, jgChart },
   data () {
     return {
+      // 表格数据
+      tableData: {
+        // 表格头部信息
+        columns: data.columns(),
+        // 表格列表数据
+        data: [{}]
+      }
     }
   },
   methods: {}