fix : 修复确认按钮防抖

src/views/tunnel-manage/index.vue

@@ -9,11 +9,11 @@
         {{ siteName }}
       </div>
       <div class="model-change">
-        <div class="model" @click="clickModel=1">
+        <div class="model" @click="clickModel=1;showNull=false">
           <div class="card-bg"></div>
           <span>卡片模式</span>
         </div>
-        <div class="model" @click="clickModel=2">
+        <div class="model" @click="clickModel=2;getSiteImg()">
           <div class="img-bg"></div>
           <span>图纸导航</span>
         </div>
@@ -73,7 +73,10 @@
       </div>
     </div>
     <div v-else>
-      <div class="img-box">
+      <div v-if="showNull" class="showNull">
+        暂无图纸~ 请前往站点管理上传图纸~
+      </div>
+      <div class="img-box" v-else>
         <!--        @/assets/images/tunnel/img.png-->
         <img :src="'data:image/png;base64,'+siteImage" style="width:3500px;height:1789px" id="imgModel" usemap="#image"
              alt="" @click="clickHandler">
@@ -165,6 +168,7 @@ import {getTunnelList, addTunnel, deleteTunnel} from "@/api/tunnelManage";
 import {getSiteDrawing, getSiteDetail} from "@/api/site";
 import TunnelTitle from "@/components/tunnelTitle/index.vue";
 import {getTunnelBySiteId} from "@/api/largeScreen";
+import { debounce } from 'lodash'
 
 const validateNumber = (rule, value) => {
   const reg = /^[A-Za-z0-9]+$/;
@@ -260,6 +264,7 @@ const iconsList = ref([
   },
 ])
 const title = ref('新增隧道')
+const showNull = ref(false);
 const isVisited = ref(false);
 const tunnelIds = ref([])
 const tunnelNameList = ref([])
@@ -287,13 +292,26 @@ onMounted(() => {
   showOperation.value = localStorage.getItem('roleKey') !== 'tunnel_admin';
 })
 const getSiteImg = () => {
+  showNull.value=false
   getSiteDrawing(siteId).then((res) => {
     if (res.code === 1000) {
-      siteImage.value = res.data.drawingData
+      if(res.data.drawingData===null){
+        // ElMessageBox.confirm('暂无图纸, 是否前往站点管理上传图纸?', '系统提示', {
+        //   confirmButtonText: '确定',
+        //   cancelButtonText: '取消',
+        //   type: 'warning'
+        // }).then(() => {
+        //   router.push('/site/' + userId + '/' + localStorage.getItem('currentSiteId'))
+        // }).catch(()=>{
+          showNull.value=true
+        // })
+      }else{
+        showNull.value=false
+        siteImage.value = res.data.drawingData
+      }
     }
   });
 }
-getSiteImg()
 const clickHot = (id) => {
   console.log('点击热区===============')
   router.push('/' + id + '/' + siteId)
@@ -358,8 +376,7 @@ const handleCurrentChange = (val) => {
   pageInfo.pageNum = val
   getList()
 }
-const handleSubmit = (instance) => {
-  console.log('form.value', form.value)
+const handleSubmit = debounce((instance) => {
   if (!instance) return
   instance.validate(async (valid) => {
     if (!valid) return
@@ -377,7 +394,7 @@ const handleSubmit = (instance) => {
       }
     })
   })
-}
+},1000)
 //预览隧道
 const handlePreview = (id) => {
   console.log('预览')
@@ -401,7 +418,7 @@ const handleGoToEditTunnel = (tunnelId) => {
     router.push('/edit/' + tunnelId + '/byHome/' + userId)
   }
 }
-const handleChooseAll = () => {
+const handleChooseAll = debounce(() => {
   tunnelList.value.map(item => {
     item.checked = !item.checked
     if (item.checked && !item.isDefault) {
@@ -414,7 +431,7 @@ const handleChooseAll = () => {
       })
     }
   })
-}
+},1000)
 const handleEditDevice = (tunnelId) => {
   if (type === 'bySite') {
     router.push('/device/' + tunnelId + '/bySite/' + userId)
@@ -466,7 +483,7 @@ const handleClickSite = (type) => {
     })
   }
 }
-const handleMoreDelete = () => {
+const handleMoreDelete = debounce(() => {
   if (tunnelIds.value.length === 0) {
     ElMessage.warning('请先选择隧道进行删除')
   } else {
@@ -488,11 +505,16 @@ const handleMoreDelete = () => {
       })
     })
   }
-}
+},1000)
 
 </script>
 
 <style scoped lang="scss">
+.showNull{
+  margin-top: 150px;
+  font-size: 60px;
+  color: #05FEFF;
+}
 :deep(.el-form-item__error) {
   font-size: 35px;
 }