From 6879b92db3e8f3a55a2ea0abd7de1e91abe647db Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Mon, 15 Jan 2024 14:15:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=88=87=E6=8D=A2=20P?=
 =?UTF-8?q?HP=20=E7=89=88=E6=9C=AC=E6=89=A9=E5=B1=95=E6=A8=A1=E7=89=88?=
 =?UTF-8?q?=E6=B2=A1=E5=8A=9E=E6=B3=95=E7=BB=A7=E7=BB=AD=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=20(#3613)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/website/runtime/php/create/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/website/runtime/php/create/index.vue b/frontend/src/views/website/runtime/php/create/index.vue
index bb3e9e2b8..95e8588ab 100644
--- a/frontend/src/views/website/runtime/php/create/index.vue
+++ b/frontend/src/views/website/runtime/php/create/index.vue
@@ -82,7 +82,7 @@
                                     </span>
                                 </el-form-item>
                                 <el-form-item :label="$t('php.extensions')">
-                                    <el-select v-model="extensions" @change="changePHPExtension()">
+                                    <el-select v-model="extensions" @change="changePHPExtension()" clearable>
                                         <el-option
                                             v-for="(extension, index) in phpExtensions"
                                             :key="index"
@@ -279,6 +279,7 @@ const searchApp = (appId: number) => {
 };
 
 const changeApp = (appId: number) => {
+    extensions.value = undefined;
     for (const app of apps.value) {
         if (app.id === appId) {
             initParam.value = false;
@@ -291,6 +292,7 @@ const changeApp = (appId: number) => {
 const changeVersion = () => {
     loading.value = true;
     initParam.value = false;
+    extensions.value = undefined;
     GetAppDetail(runtime.appID, runtime.version, 'runtime')
         .then((res) => {
             runtime.appDetailID = res.data.id;
@@ -387,6 +389,9 @@ const listPHPExtensions = async () => {
 };
 
 const changePHPExtension = () => {
+    if (extensions.value == '') {
+        return;
+    }
     runtime.params['PHP_EXTENSIONS'] = extensions.value.split(',');
 };