修改按钮样式

src/views/sales_rebate/rebate_list.vue

@@ -57,14 +57,29 @@
               <el-button
                 type="primary"
                 size="small"
+                icon="el-icon-plus"
                 v-if="$checkBtnRole('add', $route.meta.roles)"
                 @click="(dialogVisible = true), (type = 1), getDictList()"
                 >新增</el-button
               >
 
-              <el-button type="primary" size="small" @click="delfn"
+              <!-- <el-button type="primary" size="small" @click="delfn"
                 >批量删除</el-button
+              > -->
+              <el-popconfirm
+                v-if="$checkBtnRole('del', $route.meta.roles)"
+                class="delClass"
+                @onConfirm="delfn"
+                title="这是一段内容确定删除吗？"
               >
+                <el-button
+                  slot="reference"
+                  type="danger"
+                  icon="el-icon-minus"
+                  size="small"
+                  >批量删除</el-button
+                >
+              </el-popconfirm>
               <el-button type="primary" size="small" @click="submitScreenForm"
                 >查询</el-button
               >
@@ -88,6 +103,7 @@
         stripe
         @selection-change="selectionhangeFn"
       >
+        <!-- <div v-for="(col, i) in columns" :key="i"> -->
         <el-table-column type="selection" width="55" align="center">
         </el-table-column>
         <template v-for="col in columns">
@@ -118,6 +134,7 @@
           >
           </el-table-column>
         </template>
+        <!-- </div> -->
 
         <el-table-column
           align="center"
@@ -264,7 +281,7 @@ export default {
       walletList: [],
       type: 0, // 0 1
       screenForm: {
-        mainName: "",
+        // mainName: "",
         saleTypeCode: "",
         saleTypeName: "",
         status: "",
@@ -554,4 +571,7 @@ export default {
 ::v-deep .el-select {
   width: 100%;
 }
+.delClass {
+  margin: 0 10px;
+}
 </style>