Bladeren bron

使用debounce防抖控制点击频率:200ms

yunxing 4 jaren geleden
bovenliggende
commit
2521d9c35b
1 gewijzigde bestanden met toevoegingen van 6 en 6 verwijderingen
  1. 6 6
      src/components/floorMap/index.vue

+ 6 - 6
src/components/floorMap/index.vue

@@ -91,7 +91,7 @@
                 </el-tab-pane>
             </el-tabs>
         </el-popover>
-        <span class='popStyle' :style='popoverPosition' v-popover:popover></span>       
+        <span class='popStyle' :style='popoverPosition' v-popover:popover></span>
     </div>
 </template>
 <script>
@@ -116,8 +116,7 @@ import bus from '@/utils/bus.js'
 import { TipelineItem } from '../../lib/items/TipelineItem'
 import { SImageLegendItem } from '../../lib/items/SImageLegendItem'
 import equipDetail from '../../views/equipment/table/equipDetail'
-import { Message } from 'element-ui'
-
+import { debounce } from 'lodash'
 // import { uuid } from "@/components/mapClass/until";
 
 export default {
@@ -156,6 +155,7 @@ export default {
             showBtnWell: false,
             count: 0, // 顶楼为多张图时计数器
             equipKey: 1, //设备弹窗使用key值,解决打开弹窗数据为上次弹窗的数据
+            // TODO:  ['运行', '停用', '已拆除']
             statusDisabled: ['运行', '停用', '已拆除'], //显示红色的设备状态
         }
     },
@@ -234,7 +234,7 @@ export default {
             }
         },
         // 查看浮层设备详情
-        handleClickEquipDetail(row, column, event) {
+        handleClickEquipDetail: debounce(function (row, column, event) {
             // 设备状态为停用或已拆除时,弹出消息
             if (this.statusDisabled.includes(row?.sb_status)) {
                 this.$message({
@@ -249,7 +249,7 @@ export default {
                     this.$refs.equipDetail.open({ row: JSON.stringify(row) })
                 })
             }
-        },
+        }, 200),
         // handleClickEquipDetail(row) {
         //     if (row.assetuid) {
         //         window.open(`http://gcgl.wanda.cn/maximo/ui/?event=loadapp&value=assetdevic&uniqueid=${row.assetuid}`)
@@ -915,7 +915,7 @@ a:hover {
     }
     // 设备状态
     .status-disabled {
-        color:#C0C4CC !important;
+        color: #c0c4cc !important;
         text-decoration: line-through;
     }
 }