From ea3c57f04a640f68625965f0355c128968049ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cyu=E2=80=9D?= <“winebunny@163.com”>
Date: Sun, 14 Jul 2024 17:16:15 +0800
Subject: [PATCH] u

---
 .../pages/CapacityAdjustmentPage/index.vue    | 46 +++++++++++++++++--
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/views/pages/CapacityAdjustmentPage/index.vue b/src/views/pages/CapacityAdjustmentPage/index.vue
index 8812cb1..d2fd903 100644
--- a/src/views/pages/CapacityAdjustmentPage/index.vue
+++ b/src/views/pages/CapacityAdjustmentPage/index.vue
@@ -138,13 +138,20 @@
                 <div class="btns">
                   <div class="btnbg fs35" @click="handleClickPC">策略配置</div>
                   <div
-                  v-if="!send_Status"
+                    v-if="!send_Status"
                     :class="[btn_sendFlag ? '' : 'send_drp', `btnbg fs35 `]"
                     @click="haneleprogress"
                   >
                     下发指令
                   </div>
-                  <div v-else>发送中。。。</div>
+                  <div class="send_box" v-else>
+                    发送中
+                    <div class="loading-dots">
+                      <span>.</span>
+                      <span>.</span>
+                      <span>.</span>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -522,11 +529,11 @@ let adjustContentFlag = ref(true);
 // 点击下达指令 进入调节进度页面
 let newAjustTableData = reactive<any>([]);
 
-let send_Status=ref(false);//发送中。。的状态
+let send_Status = ref(false); //发送中。。的状态
 let btn_sendFlag = ref(false); //发送按钮的状态
 
 const haneleprogress = () => {
-  send_Status.value=true//显示 div 为发送中
+  send_Status.value = true; //显示 div 为发送中
   if (btn_sendFlag.value === false) return; //根据flag变为禁用点击功能
   alert(1);
   btn_sendFlag.value = false; //按钮重新进入禁用状态
@@ -1270,6 +1277,37 @@ const styleVar = computed(() => {
             display: flex;
             width: changeHeight(550);
             justify-content: space-between;
+            .loading-dots {
+              display: inline-block;
+              font-size: 20px; /* 根据需要调整大小 */
+              color: #58a7cb; /* 点的颜色 */
+            }
+
+            .loading-dots span {
+              animation: blink 1s step-start infinite;
+            }
+
+            .loading-dots span:nth-child(1) {
+              animation-delay: 0s;
+            }
+
+            .loading-dots span:nth-child(2) {
+              animation-delay: 0.33s;
+            }
+
+            .loading-dots span:nth-child(3) {
+              animation-delay: 0.66s;
+            }
+
+            @keyframes blink {
+              0%,
+              100% {
+                opacity: 0;
+              }
+              50% {
+                opacity: 1;
+              }
+            }
           }
         }