bug(68226) - 按钮点击触发后鼠标在移动到别的地方时，按钮被选中的样式应该恢复为初始状态 - 检查、治理

src/views/service-management/medical-record-management/medical-record-management.vue

@@ -306,12 +306,12 @@
           <el-button
             v-if="!isPlatRole && scope.row.deviceId !== null"
             v-hasPermi="['business:check:subscribe']"
-            class="el-button--warning--solid--four"
+            class="handle-subscribe el-button--warning--solid--four"
             size="mini"
             type="warning"
             plain
             disabled
-            @click="handleSubscribe(scope.row)"
+            @click="handleSubscribe(scope.row, 'handle-subscribe')"
           >
             <svg-icon icon-class="liebiao_icon_shouquan" />
             立即预约
@@ -319,12 +319,12 @@
           <el-button
             v-if="!isPlatRole && scope.row.deviceId === null"
             v-hasPermi="['business:check:subscribe']"
-            class="el-button--warning--solid--four"
+            class="handle-subscribe el-button--warning--solid--four"
             size="mini"
             type="warning"
             plain
             :disabled="currentUser.userType === '2' && currentUser.name !== scope.row.doctorName"
-            @click="handleSubscribe(scope.row)"
+            @click="handleSubscribe(scope.row, 'handle-subscribe')"
           >
             <svg-icon icon-class="liebiao_icon_shouquan" />
             立即预约
@@ -428,22 +428,22 @@
               <template slot-scope="scope">
                 <el-button
                   v-if="deviceQueryParams.isPrivate === '0'"
-                  class="el-button--success--solid--four"
+                  class="book-inside-now el-button--success--solid--four"
                   size="mini"
                   type="success"
                   plain
                   :disabled="accordingToTime(scope.row.checkTime) || (parseInt(scope.row.price) > parseInt(currentHospital.currentBalance)) || currentHospital.currentBalance === 0 || currentHospital.currentBalance === null"
-                  @click="handleSubscribeDevice(scope.row)"
+                  @click="handleSubscribeDevice(scope.row, 'book-inside-now')"
                 >立即预约
                 </el-button>
                 <el-button
                   v-else
                   size="mini"
                   type="success"
-                  class="el-button--success--solid--four"
+                  class="book-inside-now el-button--success--solid--four"
                   plain
                   :disabled="accordingToTime(scope.row.checkTime)"
-                  @click="handleSubscribeDevice(scope.row)"
+                  @click="handleSubscribeDevice(scope.row, 'book-inside-now')"
                 >立即预约
                 </el-button>
               </template>
@@ -833,7 +833,10 @@ export default {
       document.getElementById(buttonId).blur()
     },
     /** 立即预约 */
-    handleSubscribe(row) {
+    handleSubscribe(row, buttonId) {
+      Array.prototype.forEach.call(document.getElementsByClassName(buttonId),
+        element => element.blur()
+      )
       this.open = true
       // 初始化,否则集合数据一直多
       this.deviceQueryParams.checkTypeList = []
@@ -869,7 +872,7 @@ export default {
       return year + '-' + month + '-' + day
     },
     /** 对话框立即预约设备 */
-    handleSubscribeDevice(row) {
+    handleSubscribeDevice(row, buttonId) {
       console.log('点击里面的立即预约', row)
       this.$confirm('立即预约此设备,是否确定', '提示', {
         confirmButtonText: '确定',
@@ -904,6 +907,10 @@ export default {
             this.$modal.msgSuccess('预约设备成功')
           }
         })
+      }).finally(() => {
+        Array.prototype.forEach.call(document.getElementsByClassName(buttonId),
+          element => element.blur()
+        )
       })
     },
     /** 获取设备列表 */

src/views/service-management/treatment-management/treatment-management.vue

@@ -210,12 +210,12 @@
           <el-button
             v-if="scope.row.treatSchedule === '1' && (scope.row.payType === '1' || scope.row.payType === '2')"
             v-hasPermi="['business:treat:distribution']"
-            class="el-button--warning--solid--four"
+            class="handle-subscribe el-button--warning--solid--four"
             type="warning"
             size="mini"
             :disabled="currentUser.userType === '2' && currentUser.name !== scope.row.doctorName"
             plain
-            @click="handleSubscribe(scope.row)"
+            @click="handleSubscribe(scope.row, 'handle-subscribe')"
           >
             <svg-icon icon-class="fenpeizhenshi1" />
             分配诊室
@@ -866,13 +866,16 @@ export default {
       document.getElementById(buttonId).blur()
     },
     /** 分配诊室 */
-    handleSubscribe(row) {
+    handleSubscribe(row, buttonId) {
       this.open = true
       console.log('点击立即预约', row)
       this.reservationForm.treatId = row.id
       this.getConsultList(row.treatItemsType)
       this.currentClinicUse = row.treatItemsType
       this.getAppointmentRecord()
+      Array.prototype.forEach.call(document.getElementsByClassName(buttonId),
+        element => element.blur()
+      )
     },
     /** 重置按钮操作 */
     resetQuery(buttonId) {