From 554a238fd3111a81e6adbb8934dbc115074339e4 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Tue, 21 Feb 2023 13:48:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E5=BA=94=E7=94=A8=E5=87=BA=E7=8E=B0=E4=B8=A4=E4=B8=AA=20Loadin?=
 =?UTF-8?q?g=20=E5=9B=BE=E6=A0=87=E7=9A=84=20BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app-store/installed/delete/index.vue      | 72 +++++++++----------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/frontend/src/views/app-store/installed/delete/index.vue b/frontend/src/views/app-store/installed/delete/index.vue
index 2eda316f4..2cae94ef8 100644
--- a/frontend/src/views/app-store/installed/delete/index.vue
+++ b/frontend/src/views/app-store/installed/delete/index.vue
@@ -1,42 +1,40 @@
 <template>
-    <div v-loading="loading">
-        <el-dialog
-            v-model="open"
-            :title="$t('commons.button.delete') + ' - ' + appInstallName"
-            width="30%"
-            :close-on-click-modal="false"
-            :before-close="handleClose"
-        >
-            <el-form ref="deleteForm" label-position="left" v-loading="loading">
-                <el-form-item>
-                    <el-checkbox v-model="deleteReq.forceDelete" :label="$t('app.forceDelete')" />
-                    <span class="input-help">
-                        {{ $t('app.forceDeleteHelper') }}
-                    </span>
-                </el-form-item>
-                <el-form-item>
-                    <el-checkbox v-model="deleteReq.deleteBackup" :label="$t('app.deleteBackup')" />
-                    <span class="input-help">
-                        {{ $t('app.deleteBackupHelper') }}
-                    </span>
-                </el-form-item>
-                <el-form-item>
-                    <span v-html="deleteHelper"></span>
-                    <el-input v-model="deleteInfo" :placeholder="appInstallName" />
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <span class="dialog-footer">
-                    <el-button @click="handleClose" :disabled="loading">
-                        {{ $t('commons.button.cancel') }}
-                    </el-button>
-                    <el-button type="primary" @click="submit" :disabled="loading || deleteInfo !== appInstallName">
-                        {{ $t('commons.button.confirm') }}
-                    </el-button>
+    <el-dialog
+        v-model="open"
+        :title="$t('commons.button.delete') + ' - ' + appInstallName"
+        width="30%"
+        :close-on-click-modal="false"
+        :before-close="handleClose"
+    >
+        <el-form ref="deleteForm" label-position="left" v-loading="loading">
+            <el-form-item>
+                <el-checkbox v-model="deleteReq.forceDelete" :label="$t('app.forceDelete')" />
+                <span class="input-help">
+                    {{ $t('app.forceDeleteHelper') }}
                 </span>
-            </template>
-        </el-dialog>
-    </div>
+            </el-form-item>
+            <el-form-item>
+                <el-checkbox v-model="deleteReq.deleteBackup" :label="$t('app.deleteBackup')" />
+                <span class="input-help">
+                    {{ $t('app.deleteBackupHelper') }}
+                </span>
+            </el-form-item>
+            <el-form-item>
+                <span v-html="deleteHelper"></span>
+                <el-input v-model="deleteInfo" :placeholder="appInstallName" />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="handleClose" :disabled="loading">
+                    {{ $t('commons.button.cancel') }}
+                </el-button>
+                <el-button type="primary" @click="submit" :disabled="loading || deleteInfo !== appInstallName">
+                    {{ $t('commons.button.confirm') }}
+                </el-button>
+            </span>
+        </template>
+    </el-dialog>
 </template>
 <script lang="ts" setup>
 import { FormInstance } from 'element-plus';