style: 运行环境页面增加提示 (#820)

frontend/src/lang/modules/en.ts

@@ -1387,6 +1387,11 @@ const message = {
             'The more extensions you select, the more CPU will be occupied during the image making process, so avoid selecting all extensions,If there is no extension you want, you can manually enter it and select it',
         openrestryWarn: 'PHP needs to be upgraded to OpenResty to version 1.21.4.1 or later to use',
         toupgrade: 'To Upgrade',
+        edit: 'Edit runtime',
+        extendHelper:
+            'Extensions that do not exist in the list can be selected after manual input, for example: input sockets, and then select the first one in the drop-down list',
+        rebuildHelper:
+            'After editing the extension, you need to go to the [App Store-Installed] page to rebuild the PHP application to take effect',
     },
 };
 

frontend/src/lang/modules/zh.ts

@@ -1373,10 +1373,12 @@ const message = {
         version: '版本',
         status: '状态',
         versionHelper: 'PHP的版本,例 v8.0',
-        buildHelper:
-            '选择的扩展越多，制作镜像过程中占用 CPU 越多，请尽量避免选择全部扩展，如果没有想要的扩展，可以手动输入之后选择',
+        buildHelper: '选择的扩展越多，制作镜像过程中占用 CPU 越多，请尽量避免选择全部扩展',
         openrestryWarn: 'PHP 需要升级  OpenResty 至 1.21.4.1 版本以上才能使用',
         toupgrade: '去升级',
+        edit: '编辑运行环境',
+        extendHelper: '列表中不存在的扩展，可以手动输入之后选择，例:输入 sockets ，然后在下拉列表中选择第一个',
+        rebuildHelper: '编辑扩展后需要去【应用商店-已安装】页面【重建】PHP 应用之后才能生效',
     },
 };
 export default {

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.create')" :back="handleClose" />
+            <DrawerHeader :header="$t('runtime.' + mode)" :back="handleClose" />
         </template>
         <el-row v-loading="loading">
             <el-col :span="22" :offset="1">
@@ -78,6 +78,15 @@
                                 v-model:params="editParams"
                                 v-model:rules="rules"
                             ></EditParams>
+                            <el-form-item v-if="runtime.type === 'php'">
+                                <el-alert :title="$t('runtime.extendHelper')" type="info" :closable="false" />
+                                <el-alert
+                                    v-if="mode == 'edit'"
+                                    :title="$t('runtime.rebuildHelper')"
+                                    type="info"
+                                    :closable="false"
+                                />
+                            </el-form-item>
                         </div>
                     </div>
                     <div v-else>