diff --git a/src/assets/css/variables.less b/src/assets/css/variables.less
deleted file mode 100644
index 595b0b4..0000000
--- a/src/assets/css/variables.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@theme-color-light: #0183FF;          //浅色主题背景色
-@theme-color: #686AFC;                //深色主题背景色
-@nav-height: 48px;
-@background-color-dark: #131A2C;          
-@element-background-color: #1F2940;   //元素背景
-@input-background-color: #141B2B;
-@border-color: #3A4560;
-@font-color: #fff;
-@table-head: #171F34;
-@profit-loss-green: #4CCEAC;          //盈亏绿色
-@profit-loss-red: #DB504A;          //盈亏红色
-//清除浮动
-.float-clear() {
-  &:before, &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-    overflow: hidden;
-  }
-}
-
-//超出n行
-.exceeding-line-overflow(@num) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: @num;
-  word-wrap: break-word;
-  -webkit-word-break: break-word;
-  word-break: break-word;
-}
-
-//超出...
-.exceed-point(@width) {
-  max-width: @width;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

diff --git a/src/assets/css/variables.less b/src/assets/css/variables.less
deleted file mode 100644
index 595b0b4..0000000
--- a/src/assets/css/variables.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@theme-color-light: #0183FF;          //浅色主题背景色
-@theme-color: #686AFC;                //深色主题背景色
-@nav-height: 48px;
-@background-color-dark: #131A2C;          
-@element-background-color: #1F2940;   //元素背景
-@input-background-color: #141B2B;
-@border-color: #3A4560;
-@font-color: #fff;
-@table-head: #171F34;
-@profit-loss-green: #4CCEAC;          //盈亏绿色
-@profit-loss-red: #DB504A;          //盈亏红色
-//清除浮动
-.float-clear() {
-  &:before, &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-    overflow: hidden;
-  }
-}
-
-//超出n行
-.exceeding-line-overflow(@num) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: @num;
-  word-wrap: break-word;
-  -webkit-word-break: break-word;
-  word-break: break-word;
-}
-
-//超出...
-.exceed-point(@width) {
-  max-width: @width;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/components/page/pageNum.vue b/src/components/page/pageNum.vue
index 2646126..bcb220d 100644
--- a/src/components/page/pageNum.vue
+++ b/src/components/page/pageNum.vue
@@ -1,21 +1,76 @@
 <template>
   <div class="page-num">
-    分页
+    <el-pagination
+      :small="true"
+      :background="true"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      hide-on-single-page
+      :current-page="pageNum"
+      :page-sizes="[10, 20, 30, 40]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
   </div>
 </template>
 <script>
 export default {
   name: 'PageNum',
+  props: {
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageNum: {
+      type: Number,
+      default: 1
+    },
+    total: {
+      type: Number,
+      default: 50
+    },
+  },
   data() {
+    return {
 
+    }
   },
   methods: {
-
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.$emit('changePageSize', val)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.$emit('changePageNum', val)
+    }
   }
 }
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .page-num {
-
+  .el-pager li.active {
+    color: #169bd5;
+  }
+  .el-pager li:hover {
+    color: #169bd5;
+  }
+  .el-pagination__sizes .el-input .el-input__inner {
+    font-size: 12px;
+  }
+  .el-input--mini .el-input__inner {
+    height: 22px;
+    line-height: 22px;
+  }
+  .el-input--mini .el-input__icon {
+    line-height: 22px;
+  }
+  .el-pagination.is-background .el-pager li:not(.disabled).active {
+    background-color: #169bd5;
+  }
+}
+.el-select-dropdown__item.selected {
+  color: #169bd5 !important;
 }
 </style>

diff --git a/src/assets/css/variables.less b/src/assets/css/variables.less
deleted file mode 100644
index 595b0b4..0000000
--- a/src/assets/css/variables.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@theme-color-light: #0183FF;          //浅色主题背景色
-@theme-color: #686AFC;                //深色主题背景色
-@nav-height: 48px;
-@background-color-dark: #131A2C;          
-@element-background-color: #1F2940;   //元素背景
-@input-background-color: #141B2B;
-@border-color: #3A4560;
-@font-color: #fff;
-@table-head: #171F34;
-@profit-loss-green: #4CCEAC;          //盈亏绿色
-@profit-loss-red: #DB504A;          //盈亏红色
-//清除浮动
-.float-clear() {
-  &:before, &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-    overflow: hidden;
-  }
-}
-
-//超出n行
-.exceeding-line-overflow(@num) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: @num;
-  word-wrap: break-word;
-  -webkit-word-break: break-word;
-  word-break: break-word;
-}
-
-//超出...
-.exceed-point(@width) {
-  max-width: @width;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/components/page/pageNum.vue b/src/components/page/pageNum.vue
index 2646126..bcb220d 100644
--- a/src/components/page/pageNum.vue
+++ b/src/components/page/pageNum.vue
@@ -1,21 +1,76 @@
 <template>
   <div class="page-num">
-    分页
+    <el-pagination
+      :small="true"
+      :background="true"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      hide-on-single-page
+      :current-page="pageNum"
+      :page-sizes="[10, 20, 30, 40]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
   </div>
 </template>
 <script>
 export default {
   name: 'PageNum',
+  props: {
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageNum: {
+      type: Number,
+      default: 1
+    },
+    total: {
+      type: Number,
+      default: 50
+    },
+  },
   data() {
+    return {
 
+    }
   },
   methods: {
-
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.$emit('changePageSize', val)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.$emit('changePageNum', val)
+    }
   }
 }
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .page-num {
-
+  .el-pager li.active {
+    color: #169bd5;
+  }
+  .el-pager li:hover {
+    color: #169bd5;
+  }
+  .el-pagination__sizes .el-input .el-input__inner {
+    font-size: 12px;
+  }
+  .el-input--mini .el-input__inner {
+    height: 22px;
+    line-height: 22px;
+  }
+  .el-input--mini .el-input__icon {
+    line-height: 22px;
+  }
+  .el-pagination.is-background .el-pager li:not(.disabled).active {
+    background-color: #169bd5;
+  }
+}
+.el-select-dropdown__item.selected {
+  color: #169bd5 !important;
 }
 </style>
diff --git a/src/components/testLink/testLink.vue b/src/components/testLink/testLink.vue
index 05f2b8e..9b525c4 100644
--- a/src/components/testLink/testLink.vue
+++ b/src/components/testLink/testLink.vue
@@ -18,10 +18,12 @@
 
     <div class="table-area">
       <el-table
+        v-loading="tableLoading"
         :data="tableData"
+        :height="tableHeight"
         border
         stripe
-        show-overflow-tooltip
+        :show-overflow-tooltip="true"
         style="width: 100%"
         @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55"></el-table-column>
@@ -39,11 +41,23 @@
         ></el-table-column>
       </el-table>
     </div>
+
+    <PageNum
+      :pageSize="pageSize"
+      :pageNum="pageNum"
+      :total="total"
+      @changePageSize="changePageSize"
+      @changePageNum="changePageNum"
+    />
   </div>
 </template>
 <script>
+import PageNum from '../page/pageNum.vue';
 export default {
   name: 'TestLink',
+  components: {
+    PageNum
+  },
   data() {
     return {
       tableData: [{
@@ -162,14 +176,22 @@
       checkoutList: [],
       pageSize: 10, //一页多少条
       pageNum: 1, //第几页
-      total: 50, //总页数
+      total: 50, //总条数
+      tableLoading: false, //表格loading
+      tableHeight: document.body.clientHeight - 220,   //表格固定高度
     }
   },
   methods: {
     //多选
     handleSelectionChange(val) {
       this.checkoutList = val;
-      console.log(this.checkoutList)
+      console.log(this.checkoutList);
+    },
+    changePageSize(val) {
+      this.pageSize = val;
+    },
+    changePageNum(val) {
+      this.changePageNum = val;
     }
   }
 }
@@ -185,7 +207,7 @@
       justify-content: center;
       align-items: center;
       width: 100%;
-      height: 120px;
+      height: 100px;
       background: url('../../assets/img/bg.png') no-repeat center;
       background-size: 100% 100%;
       padding: 0 20px;
@@ -219,6 +241,7 @@
       .text {
         margin-right: 60px;
         text-align: left;
+        font-size: 13px;
       }
       .button-area {
         display: flex;
@@ -226,7 +249,7 @@
       }
     }
     .table-area {
-      padding: 20px;
+      padding: 10px 20px;
     }
   }
 </style>
@@ -247,5 +270,8 @@
       background-color: #169bd5;
       border-color: #169bd5;
     }
+    .el-table .cell {
+      line-height: 16px;
+    }
   }
 </style>

diff --git a/src/assets/css/variables.less b/src/assets/css/variables.less
deleted file mode 100644
index 595b0b4..0000000
--- a/src/assets/css/variables.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@theme-color-light: #0183FF;          //浅色主题背景色
-@theme-color: #686AFC;                //深色主题背景色
-@nav-height: 48px;
-@background-color-dark: #131A2C;          
-@element-background-color: #1F2940;   //元素背景
-@input-background-color: #141B2B;
-@border-color: #3A4560;
-@font-color: #fff;
-@table-head: #171F34;
-@profit-loss-green: #4CCEAC;          //盈亏绿色
-@profit-loss-red: #DB504A;          //盈亏红色
-//清除浮动
-.float-clear() {
-  &:before, &:after {
-    content: "";
-    display: table;
-  }
-  &:after {
-    clear: both;
-    overflow: hidden;
-  }
-}
-
-//超出n行
-.exceeding-line-overflow(@num) {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: @num;
-  word-wrap: break-word;
-  -webkit-word-break: break-word;
-  word-break: break-word;
-}
-
-//超出...
-.exceed-point(@width) {
-  max-width: @width;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
diff --git a/src/components/page/pageNum.vue b/src/components/page/pageNum.vue
index 2646126..bcb220d 100644
--- a/src/components/page/pageNum.vue
+++ b/src/components/page/pageNum.vue
@@ -1,21 +1,76 @@
 <template>
   <div class="page-num">
-    分页
+    <el-pagination
+      :small="true"
+      :background="true"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      hide-on-single-page
+      :current-page="pageNum"
+      :page-sizes="[10, 20, 30, 40]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
   </div>
 </template>
 <script>
 export default {
   name: 'PageNum',
+  props: {
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageNum: {
+      type: Number,
+      default: 1
+    },
+    total: {
+      type: Number,
+      default: 50
+    },
+  },
   data() {
+    return {
 
+    }
   },
   methods: {
-
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.$emit('changePageSize', val)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.$emit('changePageNum', val)
+    }
   }
 }
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .page-num {
-
+  .el-pager li.active {
+    color: #169bd5;
+  }
+  .el-pager li:hover {
+    color: #169bd5;
+  }
+  .el-pagination__sizes .el-input .el-input__inner {
+    font-size: 12px;
+  }
+  .el-input--mini .el-input__inner {
+    height: 22px;
+    line-height: 22px;
+  }
+  .el-input--mini .el-input__icon {
+    line-height: 22px;
+  }
+  .el-pagination.is-background .el-pager li:not(.disabled).active {
+    background-color: #169bd5;
+  }
+}
+.el-select-dropdown__item.selected {
+  color: #169bd5 !important;
 }
 </style>
diff --git a/src/components/testLink/testLink.vue b/src/components/testLink/testLink.vue
index 05f2b8e..9b525c4 100644
--- a/src/components/testLink/testLink.vue
+++ b/src/components/testLink/testLink.vue
@@ -18,10 +18,12 @@
 
     <div class="table-area">
       <el-table
+        v-loading="tableLoading"
         :data="tableData"
+        :height="tableHeight"
         border
         stripe
-        show-overflow-tooltip
+        :show-overflow-tooltip="true"
         style="width: 100%"
         @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55"></el-table-column>
@@ -39,11 +41,23 @@
         ></el-table-column>
       </el-table>
     </div>
+
+    <PageNum
+      :pageSize="pageSize"
+      :pageNum="pageNum"
+      :total="total"
+      @changePageSize="changePageSize"
+      @changePageNum="changePageNum"
+    />
   </div>
 </template>
 <script>
+import PageNum from '../page/pageNum.vue';
 export default {
   name: 'TestLink',
+  components: {
+    PageNum
+  },
   data() {
     return {
       tableData: [{
@@ -162,14 +176,22 @@
       checkoutList: [],
       pageSize: 10, //一页多少条
       pageNum: 1, //第几页
-      total: 50, //总页数
+      total: 50, //总条数
+      tableLoading: false, //表格loading
+      tableHeight: document.body.clientHeight - 220,   //表格固定高度
     }
   },
   methods: {
     //多选
     handleSelectionChange(val) {
       this.checkoutList = val;
-      console.log(this.checkoutList)
+      console.log(this.checkoutList);
+    },
+    changePageSize(val) {
+      this.pageSize = val;
+    },
+    changePageNum(val) {
+      this.changePageNum = val;
     }
   }
 }
@@ -185,7 +207,7 @@
       justify-content: center;
       align-items: center;
       width: 100%;
-      height: 120px;
+      height: 100px;
       background: url('../../assets/img/bg.png') no-repeat center;
       background-size: 100% 100%;
       padding: 0 20px;
@@ -219,6 +241,7 @@
       .text {
         margin-right: 60px;
         text-align: left;
+        font-size: 13px;
       }
       .button-area {
         display: flex;
@@ -226,7 +249,7 @@
       }
     }
     .table-area {
-      padding: 20px;
+      padding: 10px 20px;
     }
   }
 </style>
@@ -247,5 +270,8 @@
       background-color: #169bd5;
       border-color: #169bd5;
     }
+    .el-table .cell {
+      line-height: 16px;
+    }
   }
 </style>
diff --git a/vue.config.js b/vue.config.js
index e7b4e92..70e0172 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,41 +1,41 @@
-// const { defineConfig } = require('@vue/cli-service')
-// module.exports = defineConfig({
-//   lintOnSave: false,
-//   transpileDependencies: true
-// })
-module.exports = {
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
   lintOnSave: false,
-  transpileDependencies: true,
-  devServer: {
-    host: "qt-dev.zenki.cn",
-    port: 9999,
-    overlay: {
-      warnings: true,
-      errors: true
-    },
-    proxy: {
-      '/api/data': {
+  transpileDependencies: true
+})
+// module.exports = {
+//   lintOnSave: false,
+//   transpileDependencies: true,
+//   devServer: {
+//     host: "qt-dev.zenki.cn",
+//     port: 9999,
+//     overlay: {
+//       warnings: true,
+//       errors: true
+//     },
+//     proxy: {
+//       '/api/data': {
 
-        target: 'http://172.16.2.21:5001',       // ===彤天  正式
-        // target: 'http://11.11.1.238:5000',    // ===帝休
-        ws: true,
-        changeOrigin: true,
-        pathRewrite: {
-          '^/api/data': '',
-        },
-      },
-    }
-  },
-  chainWebpack: config => {
-    config.module
-      .rule('images')
-      .use('url-loader')
-      .loader('url-loader')
-      .tap(options => Object.assign(options, { limit: 10240 }));
-    const svgRule = config.module.rule('svg');
-    svgRule.uses.clear();
-    svgRule.use('url-loader')
-      .loader('url-loader')
-      .tap(() => Object.assign({}, { limit: 10240, name: 'img/[name].[hash:8].[ext]' }))
-  }
-};
+//         target: 'http://172.16.2.21:5001',       // ===彤天  正式
+//         // target: 'http://11.11.1.238:5000',    // ===帝休
+//         ws: true,
+//         changeOrigin: true,
+//         pathRewrite: {
+//           '^/api/data': '',
+//         },
+//       },
+//     }
+//   },
+//   chainWebpack: config => {
+//     config.module
+//       .rule('images')
+//       .use('url-loader')
+//       .loader('url-loader')
+//       .tap(options => Object.assign(options, { limit: 10240 }));
+//     const svgRule = config.module.rule('svg');
+//     svgRule.uses.clear();
+//     svgRule.use('url-loader')
+//       .loader('url-loader')
+//       .tap(() => Object.assign({}, { limit: 10240, name: 'img/[name].[hash:8].[ext]' }))
+//   }
+// };