diff --git a/src/assets/images/backgrand.png b/src/assets/images/backgrand.png
new file mode 100644
index 0000000000000000000000000000000000000000..81184c408e8659e13e59803812d6f63039eff830
Binary files /dev/null and b/src/assets/images/backgrand.png differ
diff --git a/src/assets/images/center-box-bg.png b/src/assets/images/center-box-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab6f74e98a7949a50f2aee646555bbd76eb8772f
Binary files /dev/null and b/src/assets/images/center-box-bg.png differ
diff --git a/src/assets/images/down-arrow.png b/src/assets/images/down-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c6b55aeedd2283efc355e01253eee29df55f2ea
Binary files /dev/null and b/src/assets/images/down-arrow.png differ
diff --git a/src/assets/images/header-bg.png b/src/assets/images/header-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..35207536c9570ab1e62d0386af562d60047ae0d3
Binary files /dev/null and b/src/assets/images/header-bg.png differ
diff --git a/src/assets/images/header-btn.png b/src/assets/images/header-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..207773cd4106593444dcb0cc4ea0e59b1da3d20a
Binary files /dev/null and b/src/assets/images/header-btn.png differ
diff --git a/src/assets/images/left-bottom-bg.png b/src/assets/images/left-bottom-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f4634783f0daf47fe3db0dff59f4a839f669247
Binary files /dev/null and b/src/assets/images/left-bottom-bg.png differ
diff --git a/src/assets/images/left-box-bg.png b/src/assets/images/left-box-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7c2b0da20c8df86aa154bafc4c595d55afe6fb3
Binary files /dev/null and b/src/assets/images/left-box-bg.png differ
diff --git a/src/assets/images/left-top-bg.png b/src/assets/images/left-top-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..85e681b1bd28c4977a0e5aafb8d20226ffc4a6c6
Binary files /dev/null and b/src/assets/images/left-top-bg.png differ
diff --git a/src/assets/images/main-bg.png b/src/assets/images/main-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..579c0174b64f9b043596be42cf701c4094adf1f1
Binary files /dev/null and b/src/assets/images/main-bg.png differ
diff --git a/src/assets/images/right-box-bg.png b/src/assets/images/right-box-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..9487a21233b5c17ef292ac81963fe5f3690ad6de
Binary files /dev/null and b/src/assets/images/right-box-bg.png differ
diff --git a/src/assets/images/right-center-btn.png b/src/assets/images/right-center-btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a907a4b90508dec5cd2c70bcb23ce99f3a29e94
Binary files /dev/null and b/src/assets/images/right-center-btn.png differ
diff --git a/src/assets/images/up-arrow.png b/src/assets/images/up-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9d6903d0da434b017ba7fe925d6d4fd1f047bc2
Binary files /dev/null and b/src/assets/images/up-arrow.png differ
diff --git a/src/views/NewMainPageComponents/RightBottom.vue b/src/views/NewMainPageComponents/RightBottom.vue
index a85c4b211beb7653dbb2f404da7ba5ee63ee3e7c..ffc404ae785f897e7523c2722fa63826a99defec 100644
--- a/src/views/NewMainPageComponents/RightBottom.vue
+++ b/src/views/NewMainPageComponents/RightBottom.vue
@@ -13,7 +13,7 @@
           >
             <el-table-column prop="index" label="序号" min-width="10px" />
             <el-table-column prop="name" label="区域" min-width="20px" />
-            <el-table-column prop="address" label="日期" min-width="20px" />
+            <el-table-column prop="address" label="编号" min-width="20px" />
             <p v-if="loading">
               加载中...
             </p>
@@ -26,16 +26,89 @@
     </div>
     <div style="width: 50%;height: 100%;border: 1px solid #ffffff;">
       <div style="height: 35px;border: 1px solid #ffffff;" />
+      <div class="infinite-list-wrapper" style="overflow:auto;width:100%;height: 60%;">
+        <div class="table-wrapper">
+          <el-table
+            id="playList"
+            :data="tableData"
+            style="width: 100%;color: rgb(160, 165, 178);"
+            :show-header="true"
+            :row-class-name="tableRowClassName"
+          >
+            <el-table-column prop="index" label="序号" min-width="10px" />
+            <el-table-column prop="name" label="区域" min-width="20px" />
+            <el-table-column prop="address" label="编号" min-width="20px" />
+            <p v-if="loading">
+              加载中...
+            </p>
+            <p v-if="noMore">
+              没有更多了
+            </p>
+          </el-table>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'RightBottom'
+  name: 'RightBottom',
+  data() {
+    return {
+      tableData: [{
+        date: '2',
+        name: '王小虎',
+        address: '上海'
+      }, {
+        date: '2',
+        name: '王小虎',
+        address: '上海'
+      }, {
+        date: '2',
+        name: '王小虎',
+        address: '上海'
+      }, {
+        date: '2',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1516 弄'
+      }]
+    }
+  }
 }
 </script>
 
 <style scoped>
-
+.el-table,
+.el-table__expanded-cell{
+  background-color: transparent;
+}
+/* 表格内背景颜色 */
+.el-table th,
+.el-table tr,
+.el-table td {
+  background-color: transparent;
+}
+/*最外层透明*/
+/deep/ .el-table, /deep/ .el-table__expanded-cell{
+  background-color: transparent;
+}
+/* 表格内背景颜色 */
+/deep/ .el-table th,
+/deep/ .el-table tr,
+/deep/ .el-table td {
+  background-color: transparent;
+}
+/* 表格表头字体颜色 */
+.el-table thead {
+  color: #40b4fc!important;
+  font-weight: 500;
+}
+::-webkit-scrollbar {
+  width: 0px !important;
+  background-color: rgba(30, 144, 255, 0.26);
+}
+::-webkit-scrollbar {
+  width: 0px !important;height: 5px;
+}
 </style>