feat(CrudTable): textMap新增批量删除按钮

BoBoooooo · Jan 13, 2021 · 42424cd · 42424cd
1 parent 18b8bc1
commit 42424cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -222,6 +222,7 @@ npm i element-pro-crud -S
   edit: '编辑',
   del: '删除',
   detail: '查看',
+  multiDel: '批量删除'
 }
 ```
 

diff --git a/src/component/crud-table/src/CrudTable.vue b/src/component/crud-table/src/CrudTable.vue
@@ -30,9 +30,9 @@
         <!-- 批量删除按钮 -->
         <el-button v-if="view.btnDel"
                    @click="btnDeletesOnClick"
-                   type="primary"
+                   type="danger"
                    size="mini"
-                   icon="el-icon-delete">删除</el-button>
+                   icon="el-icon-delete">{{text.multiDel}}</el-button>
         <!-- 添加按钮 -->
         <el-button v-if="view.btnAdd"
                    type="primary"
@@ -61,9 +61,9 @@
             <!-- 批量删除按钮 -->
             <el-button v-if="view.btnDel"
                        @click="btnDeletesOnClick"
-                       type="primary"
+                       type="danger"
                        size="mini"
-                       icon="el-icon-delete">删除</el-button>
+                       icon="el-icon-delete">{{text.multiDel}}</el-button>
             <!-- 添加按钮 -->
             <el-button v-if="view.btnAdd"
                        type="primary"
@@ -527,6 +527,7 @@ export default class CrudTable extends Vue {
       edit: '编辑',
       del: '删除',
       detail: '查看',
+      multiDel: '批量删除',
       ...this.textMap,
     };
   }
@@ -1089,6 +1090,7 @@ export default class CrudTable extends Vue {
     & > div,
     button {
       float: right;
+      margin-left: 10px;
     }
   }
   .dev-module {