From 27cc3bcccd51130a2c6c47010a162eb3611bbe48 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 10 May 2023 14:20:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=E7=8E=AF=E5=A2=83=E7=89=88=E6=9C=AC=E4=B8=8E=E5=B7=B2=E5=AE=89?=
 =?UTF-8?q?=E8=A3=85=E5=BA=94=E7=94=A8=E7=89=88=E6=9C=AC=E4=B8=8D=E4=B8=80?=
 =?UTF-8?q?=E8=87=B4=E7=9A=84=E9=97=AE=E9=A2=98=20(#980)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes https://github.com/1Panel-dev/1Panel/issues/978
---
 .../src/views/website/runtime/create/index.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/website/runtime/create/index.vue b/frontend/src/views/website/runtime/create/index.vue
index 484db31e8..cd0d52db7 100644
--- a/frontend/src/views/website/runtime/create/index.vue
+++ b/frontend/src/views/website/runtime/create/index.vue
@@ -1,7 +1,7 @@
 <template>
     <el-drawer :close-on-click-modal="false" v-model="open" size="50%">
         <template #header>
-            <DrawerHeader :header="$t('runtime.' + mode)" :back="handleClose" />
+            <DrawerHeader :header="$t('runtime.' + mode)" :resource="runtime.name" :back="handleClose" />
         </template>
         <el-row v-loading="loading">
             <el-col :span="22" :offset="1">
@@ -48,7 +48,11 @@
                                     </el-select>
                                 </el-col>
                                 <el-col :span="12">
-                                    <el-select v-model="runtime.version" :disabled="mode === 'edit'">
+                                    <el-select
+                                        v-model="runtime.version"
+                                        :disabled="mode === 'edit'"
+                                        @change="changeVersion()"
+                                    >
                                         <el-option
                                             v-for="(version, index) in appVersions"
                                             :key="index"
@@ -207,6 +211,16 @@ const changeApp = (appId: number) => {
     }
 };
 
+const changeVersion = () => {
+    initParam.value = false;
+    GetAppDetail(runtime.value.appId, runtime.value.version, 'runtime').then((res) => {
+        runtime.value.appDetailId = res.data.id;
+        runtime.value.image = res.data.image + ':' + runtime.value.version;
+        appParams.value = res.data.params;
+        initParam.value = true;
+    });
+};
+
 const getApp = (appkey: string, mode: string) => {
     GetApp(appkey).then((res) => {
         appVersions.value = res.data.versions || [];