From 77fc6bc888f52bc97ed9717f2b434f224c64b2f2 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Mon, 20 Feb 2023 17:56:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BA=94=E7=94=A8=E5=95=86=E5=BA=97=20?=
 =?UTF-8?q?-=20=E5=BA=94=E7=94=A8=E5=8D=87=E7=BA=A7=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E9=80=89=E6=8B=A9=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app-store/installed/update/index.vue      | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/app-store/installed/update/index.vue b/frontend/src/views/app-store/installed/update/index.vue
index c957d6925..21a3b00ce 100644
--- a/frontend/src/views/app-store/installed/update/index.vue
+++ b/frontend/src/views/app-store/installed/update/index.vue
@@ -3,23 +3,22 @@
         <template #header>
             <Header :header="$t('app.update')" :resource="resourceName" :back="handleClose"></Header>
         </template>
-
         <el-row>
             <el-col :span="22" :offset="1">
-                <div v-loading="loading">
-                    <p>{{ $t('app.versioneSelect') }}</p>
-                    <el-select v-model="operateReq.detailId">
-                        <el-option
-                            v-for="(version, index) in versions"
-                            :key="index"
-                            :value="version.detailId"
-                            :label="version.version"
-                        ></el-option>
-                    </el-select>
-                </div>
+                <el-form ref="updateRef" :rules="rules" label-position="top" :model="operateReq" v-loading="loading">
+                    <el-form-item :label="$t('app.versioneSelect')" prop="detailId">
+                        <el-select v-model="operateReq.detailId">
+                            <el-option
+                                v-for="(version, index) in versions"
+                                :key="index"
+                                :value="version.detailId"
+                                :label="version.version"
+                            ></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-form>
             </el-col>
         </el-row>
-
         <template #footer>
             <span class="dialog-footer">
                 <el-button @click="handleClose" :disabled="loading">{{ $t('commons.button.cancel') }}</el-button>
@@ -34,11 +33,13 @@
 import { App } from '@/api/interface/app';
 import { GetAppUpdateVersions, InstalledOp } from '@/api/modules/app';
 import i18n from '@/lang';
-import { ElMessageBox } from 'element-plus';
+import { ElMessageBox, FormInstance } from 'element-plus';
 import { reactive, ref } from 'vue';
 import Header from '@/components/drawer-header/index.vue';
 import { MsgSuccess } from '@/utils/message';
+import { Rules } from '@/global/form-rules';
 
+const updateRef = ref<FormInstance>();
 let open = ref(false);
 let loading = ref(false);
 let versions = ref<App.VersionDetail[]>();
@@ -48,6 +49,9 @@ let operateReq = reactive({
     installId: 0,
 });
 const resourceName = ref('');
+let rules = ref<any>({
+    detailId: [Rules.requiredSelect],
+});
 
 const em = defineEmits(['close']);
 const handleClose = () => {