文章管理按钮失焦修改

src/views/article-management/article-edit.vue

@@ -54,7 +54,7 @@
               <div class="lastRow footerButton">
                 <el-form-item>
                   <div>
-                    <el-button class="queryBtn" icon="el-icon-check" @click="submitForm">提交</el-button>
+                    <el-button id="subButton" class="queryBtn" icon="el-icon-check" @click="submitForm">提交</el-button>
                     <BackBtn
                       :button-class="'resetBtn'"
                       :button-icon="'el-icon-back'"
@@ -192,6 +192,7 @@ export default {
           })
         }
       })
+      document.getElementById('subButton').blur()
     },
     // /** 提交按钮 */
     // submitForm() {

src/views/article-management/article-insert.vue

@@ -61,7 +61,7 @@
               <div class="lastRow footerButton">
                 <el-form-item>
                   <div>
-                    <el-button :loading="submitLoading" class="queryBtn" icon="el-icon-check" @click="submitForm">提交</el-button>
+                    <el-button id="subButton" :loading="submitLoading" class="queryBtn" icon="el-icon-check" @click="submitForm">提交</el-button>
                     <BackBtn
                       :button-class="'resetBtn'"
                       :button-icon="'el-icon-back'"
@@ -211,6 +211,7 @@ export default {
           })
         }
       })
+      document.getElementById('subButton').blur()
     },
 
     selectDictLabel,

src/views/article-management/article-management.vue

@@ -59,6 +59,7 @@
             </el-button>
             <!--选择全部-->
             <el-button
+              id="selectAllButton"
               v-hasPermi="['system:manage:export']"
               class="fourWordswhiteBtn"
               size="mini"
@@ -69,6 +70,7 @@
             </el-button>
             <!--反向选择-->
             <el-button
+              id="reverseSelectAllButton"
               v-hasPermi="['system:manage:export']"
               class="fourWordswhiteBtn"
               size="mini"
@@ -79,6 +81,7 @@
             </el-button>
             <!--批量导出-->
             <el-button
+              id="exportButton"
               v-hasPermi="['system:pets:export']"
               class="fourWordswhiteBtn"
               size="mini"
@@ -92,8 +95,8 @@
           </el-form-item>
           <el-form-item style="position: absolute;right: 0.6%;">
             <!--搜索  重置-->
-            <el-button class="queryBtn" icon="el-icon-search" @click="handleQuery">查询</el-button>
-            <el-button class="resetBtn" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            <el-button id="queryButton" class="queryBtn" icon="el-icon-search" @click="handleQuery">查询</el-button>
+            <el-button id="resetButton" class="resetBtn" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
           </el-form-item>
         </div>
       </el-form>
@@ -467,12 +470,14 @@ export default {
     handleQuery() {
       this.queryParams.pageNum = 1
       this.effectTableSelect([])
+      document.getElementById('queryButton').blur()
       this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
       this.queryParams.params.sort = null
       this.resetForm('queryForm')
+      document.getElementById('resetButton').blur()
       this.handleQuery()
     },
 
@@ -502,6 +507,7 @@ export default {
      * @param all 是否永远进行全选操作
      */
     async selectAll(selection = [], all = true) {
+      document.getElementById('selectAllButton').blur()
       // 如果已经全选并且是非一直全选操作则清空选择
       if (this.articleList.length !== selection.length && !all) {
         this.effectTableSelect([])
@@ -511,6 +517,7 @@ export default {
     },
     // 反向选择
     reverseSelect() {
+      document.getElementById('reverseSelectAllButton').blur()
       this.changeTableSelect(this.ids)
     },
     /**
@@ -543,6 +550,7 @@ export default {
       console.log('queryParams', this.queryParams)
       if (!this.total || !this.ids.length) {
         this.$message.warning('请选择至少一条数据导出')
+        document.getElementById('exportButton').blur()
         return
       }
       // 开始loading
@@ -558,6 +566,7 @@ export default {
         .then(_ => {
           this.effectTableSelect([])
           this.$nextTick(_ => this.exportLoading = false)
+          document.getElementById('exportButton').blur()
         })
     },
     /** 列表区--多选框选中数据 */