diff --git a/public/theme/element-extra.css b/public/theme/element-extra.css
index 971633788..f4574a068 100644
--- a/public/theme/element-extra.css
+++ b/public/theme/element-extra.css
@@ -195,7 +195,7 @@ td .el-button.el-button--mini {
 }
 
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
-  color: #606266;
+  color: white;
   background-color: primary;
   font-weight: 400;
 }
@@ -431,7 +431,7 @@ td .el-button.el-button--mini {
 
 .el-select-dropdown__item.selected {
   font-weight: 400;
-  color: #606266;
+  color: white;
   background-color: primary;
 }
 
diff --git a/src/components/DataTable/index.vue b/src/components/DataTable/index.vue
index 54f290ef8..679225b13 100644
--- a/src/components/DataTable/index.vue
+++ b/src/components/DataTable/index.vue
@@ -49,7 +49,11 @@ export default {
           stripe: false, // 斑马纹表格
           border: false, // 表格边框
           fit: true, // 宽度自适应,
-          tooltipEffect: 'dark'
+          tooltipEffect: 'dark',
+          rowClassName: ({ row }) => {
+            const selected = this.dataTable.selected.find(item => item.id === row.id)
+            return selected ? 'selected-row' : ''
+          }
         },
         extraButtons: userTableActions.extraButtons,
         onEdit: (row) => {
@@ -103,7 +107,9 @@ export default {
       return config
     },
     iListeners() {
-      return Object.assign({}, this.$listeners, this.tableConfig.listeners)
+      const defaultListeners = {
+      }
+      return Object.assign(defaultListeners, this.$listeners, this.tableConfig.listeners)
     },
     dataTable() {
       return this.$refs.table
@@ -165,28 +171,38 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .el-table  ::v-deep  .el-table__row > td {
-    line-height: 1.5;
-    padding: 6px 0;
-    font-size: 13px;
-
-    * {
-      vertical-align: middle;
+  .el-table  ::v-deep  .el-table__row {
+    &.selected-row {
+      background-color: #f5f7fa;
+    }
+    &> td {
+      line-height: 1.5;
+      padding: 6px 0;
+      font-size: 13px;
+
+      * {
+        vertical-align: middle;
+      }
+
+      .el-checkbox {
+        vertical-align: super;
+      }
+    }
+    .el-table  ::v-deep  .el-table__row > td> div > span {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+    .el-table  ::v-deep  .el-table__header > thead > tr > th {
+      padding: 6px 0;
+      background-color: #F5F5F6;
+      font-size: 13px;
+      line-height: 1.5;
+    }
+
+    .table{
+      margin-top: 15px;
     }
-  }
-  .el-table  ::v-deep  .el-table__row > td> div > span {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-  .el-table  ::v-deep  .el-table__header > thead > tr > th {
-    padding: 6px 0;
-    background-color: #F5F5F6;
-    font-size: 13px;
-    line-height: 1.5;
-  }
-  .table{
-    margin-top: 15px;
   }
 
   //修改颜色