From 45aaecc3ec4ef4f70fe18169b12a1f8e01614ea1 Mon Sep 17 00:00:00 2001
From: RogerWork <roger.x.sun@qq.com>
Date: Tue, 19 Dec 2023 16:48:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=B7=E6=96=B0=E6=8C=89=E9=94=AE=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=82=B9=E5=87=BB=E5=90=8E=E7=BD=AE=E7=81=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/update/index.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/update/index.vue b/src/views/update/index.vue
index e1b90b7..bc6c19c 100644
--- a/src/views/update/index.vue
+++ b/src/views/update/index.vue
@@ -11,6 +11,12 @@ const cinemaSearch = reactive({
 
 const cinemaSearchRef = ref()
 
+// 定义表格数据
+const tableData = ref([])
+
+let refresh_disable = ref(false)
+let refresh_loading = ref(false)
+
 //  数据校验部分
 const ip_validate = (rule, value, callback) => {
   const regex = new RegExp('((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})(\\.((2(5[0-5]|[0-4]\\d))|[0-1]?\\d{1,2})){3}');
@@ -70,9 +76,18 @@ const resetSearch = (formEl) => {
   formEl.resetFields()
 }
 
+const refresh = () => {
+  refresh_disable.value = true;
+  refresh_loading.value = true;
+  get_table_data()
+  setTimeout(()=>{
+    refresh_disable.value = false;
+    refresh_loading.value = false;
+  }, 5000)
+}
 
 // 表格部分
-const tableData = ref([])
+
 
 async function get_table_data() {
   tableData.value = []
@@ -128,7 +143,7 @@ onMounted(
           <el-button @click="resetSearch(cinemaSearchRef)">重置</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button @click="get_table_data()">刷新</el-button>
+          <el-button v-bind:disabled="refresh_disable" @click="refresh()" v-bind:loading="refresh_loading">刷新</el-button>
         </el-form-item>
 
       </el-col>