From 771320a839ca5338d5bd5162aaab94dc26d9aad0 Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 12 Oct 2023 16:55:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BB=B6=E8=BF=9F=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E6=9B=B4=E6=96=B0=E7=9A=84=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/neUser/auth/index.vue | 11 ++++++++---
 src/views/neUser/sub/index.vue  | 30 +++++++++++++++++-------------
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/views/neUser/auth/index.vue b/src/views/neUser/auth/index.vue
index 6eba2075..fff3348b 100644
--- a/src/views/neUser/auth/index.vue
+++ b/src/views/neUser/auth/index.vue
@@ -514,17 +514,22 @@ function fnLoadData() {
   const neID = queryParams.neId;
   if (tableState.loading || !neID) return;
   modalState.loadDataLoading = true;
+  tablePagination.total = 0;
+  tableState.data = [];
   tableState.loading = true; // 表格loading
   loadAuth(neID).then(res => {
-    modalState.loadDataLoading = false;
-    tableState.loading = false; // 表格loading
     if (res.code === RESULT_CODE_SUCCESS) {
       notification.success({
         message: t('views.neUser.auth.loadData'),
         description: t('views.neUser.auth.loadDataTip', { num: res.data }),
         duration: 10,
       });
-      fnQueryReset();
+      // 延迟3s后关闭loading刷新列表
+      setTimeout(() => {
+        modalState.loadDataLoading = false;
+        tableState.loading = false; // 表格loading
+        fnQueryReset();
+      }, 3000);
     } else {
       message.error({
         content: `获取数据失败`,
diff --git a/src/views/neUser/sub/index.vue b/src/views/neUser/sub/index.vue
index 397b5541..0fb20d25 100644
--- a/src/views/neUser/sub/index.vue
+++ b/src/views/neUser/sub/index.vue
@@ -253,9 +253,9 @@ let modalState: ModalStateType = reactive({
     apnContext: '',
     staticIp: '',
   },
-  BatchDelForm:{
-    num:'',
-    imsi:'',
+  BatchDelForm: {
+    num: '',
+    imsi: '',
   },
   confirmLoading: false,
   loadDataLoading: false,
@@ -549,7 +549,7 @@ function fnBatchModalOk() {
  * 对话框弹出 批量删除确认执行函数
  * 进行表达规则校验
  */
- function fnBatchDelModalOk() {
+function fnBatchDelModalOk() {
   modalStateBatchDelFrom
     .validate()
     .then(e => {
@@ -612,7 +612,7 @@ function fnBatchModalCancel() {
  * 批量删除对话框弹出关闭执行函数
  * 进行表达规则校验
  */
- function fnBatchDelModalCancel() {
+function fnBatchDelModalCancel() {
   modalState.visibleByBatchDel = false;
   modalState.visibleByView = false;
   modalStateBatchDelFrom.resetFields();
@@ -683,17 +683,22 @@ function fnLoadData() {
   const neID = queryParams.neId;
   if (tableState.loading || !neID) return;
   modalState.loadDataLoading = true;
+  tablePagination.total = 0;
+  tableState.data = [];
   tableState.loading = true; // 表格loading
   loadSub(neID).then(res => {
-    modalState.loadDataLoading = false;
-    tableState.loading = false; // 表格loading
     if (res.code === RESULT_CODE_SUCCESS) {
       notification.success({
         message: t('views.neUser.sub.loadData'),
         description: t('views.neUser.sub.loadDataTip', { num: res.data }),
         duration: 10,
       });
-      fnQueryReset();
+      // 延迟3s后关闭loading刷新列表
+      setTimeout(() => {
+        modalState.loadDataLoading = false;
+        tableState.loading = false; // 表格loading
+        fnQueryReset();
+      }, 3000);
     } else {
       message.error({
         content: `获取数据失败`,
@@ -1695,8 +1700,8 @@ onMounted(() => {
       </a-form>
     </a-modal>
 
-        <!-- 批量删除框 -->
-        <a-modal
+    <!-- 批量删除框 -->
+    <a-modal
       width="1000px"
       :keyboard="false"
       :mask-closable="false"
@@ -1726,7 +1731,7 @@ onMounted(() => {
               ></a-input>
             </a-form-item>
           </a-col>
-    
+
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item
               :label="t('views.neUser.sub.startIMSI')"
@@ -1751,8 +1756,7 @@ onMounted(() => {
               </a-input>
             </a-form-item>
           </a-col>
-          </a-row>
-
+        </a-row>
       </a-form>
     </a-modal>