更新

src/views/unified/entrance.vue

@@ -17,7 +17,7 @@
     <br />
     <br>
     <el-row :gutter="18">
-      <el-col :span="11" :offset="13" class="top">
+      <el-col :span="12" :offset="12" class="top">
         <div class="switchMa" :class="TapId == item.id? 'blue ':'white'" v-for="item in switchLiet" :key="item.id" @click="getTapId(item.id)" >{{item.name}}</div>
       </el-col>
     </el-row>

src/views/unified/tapSwitch/mechanism.vue

@@ -37,18 +37,24 @@
             <div class="wians">
               <div class="title">敬老院</div>
               <div class="mechanismNum">1000个</div>
-              <el-table
-                :data="tableData"
-                stripe
-                style="width: 300px; background-color: #051d3f; color: #2177b9"
-              >
-                <el-table-column prop="date" label="排名" align="center">
-                </el-table-column>
-                <el-table-column prop="name" label="区域名称" align="center">
-                </el-table-column>
-                <el-table-column prop="address" label="数量" align="center">
-                </el-table-column>
-              </el-table>
+              <div class="datalist">
+                <el-table
+                  :data="tableData"
+                  stripe
+                  height="400"
+                  :header-cell-style="{ background: '#042465', color: '#fff'}"
+                  :cell-style="{ background: '#022872', color: '#fff'}"
+                  style="width: 300px;margib-left:10px"
+                >
+                  <el-table-column prop="date" label="排名" align="center">
+                  </el-table-column>
+                  <el-table-column prop="name" label="区域名称" align="center">
+                  </el-table-column>
+                  <el-table-column prop="address" label="数量" align="center">
+                  </el-table-column>
+                </el-table>
+              </div>
+              
             </div>
           </el-col>
 
@@ -61,13 +67,13 @@
                   <br />
                   <br /><br /><br />
                   <el-row :gutter="18">
-                    <el-col :span="18" :offset="6">
+                    <el-col :span="24" :offset="2">
                       <div class="classification">社团：1234</div>
                     </el-col>
-                    <el-col :span="18" :offset="6">
+                    <el-col :span="24" :offset="2">
                       <div class="classification">民非：1234</div>
                     </el-col>
-                    <el-col :span="18" :offset="6">
+                    <el-col :span="24" :offset="2">
                       <div class="classification">基金会：1234</div>
                     </el-col>
                   </el-row>
@@ -91,14 +97,65 @@ export default {
     return {
       tableData: [
         {
-          date: "2016-05-02",
+          date: "1",
           name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
+          address: "1518",
         },
         {
-          date: "2016-05-04",
+          date: "2",
           name: "王小虎",
-          address: "上海市普陀区金沙江路 1517 弄",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
+        },
+        {
+          date: "2",
+          name: "王小虎",
+          address: "1517",
         },
       ],
     };
@@ -471,6 +528,32 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.el-table th {
+    overflow: hidden;
+   
+    background-color: #082C61;
+}
+.el-table--small {
+ background-color: #082C61;
+}
+::v-deep{
+  .el-table__body-wrapper::-webkit-scrollbar-thumb {
+    background-color: #ddd;
+    border-radius: 3px;
+  }
+  .el-table__body-wrapper::-webkit-scrollbar {
+    width: 4px; // 横向滚动条
+    height: 4px; // 纵向滚动条 必写
+  }
+}
+
+.datalist {
+  z-index: 99;
+  width: 300px;
+  overflow: hidden;
+  margin:auto;
+}
+
 .classification {
   font-size: 18px;
   color: #fff;