pref: 优化应用安装表单选择器组件支持多选 (#3918)

backend/app/service/app_install.go

@@ -639,10 +639,11 @@ func (a *AppInstallService) GetParams(id uint) (*response.AppConfig, error) {
 	for _, form := range appForm.FormFields {
 		if v, ok := envs[form.EnvKey]; ok {
 			appParam := response.AppParam{
-				Edit: false,
+				Edit:     false,
-				Key:  form.EnvKey,
+				Key:      form.EnvKey,
-				Rule: form.Rule,
+				Rule:     form.Rule,
-				Type: form.Type,
+				Type:     form.Type,
+				Multiple: form.Multiple,
 			}
 			if form.Edit {
 				appParam.Edit = true
@@ -654,10 +655,20 @@ func (a *AppInstallService) GetParams(id uint) (*response.AppConfig, error) {
 				appInstall, _ := appInstallRepo.GetFirst(appInstallRepo.WithServiceName(v.(string)))
 				appParam.ShowValue = appInstall.Name
 			} else if form.Type == "select" {
-				for _, fv := range form.Values {
+				if form.Multiple {
-					if fv.Value == v {
+					if v == "" {
-						appParam.ShowValue = fv.Label
+						appParam.Value = []string{}
-						break
+					} else {
+						if str, ok := v.(string); ok {
+							appParam.Value = strings.Split(str, ",")
+						}
+					}
+				} else {
+					for _, fv := range form.Values {
+						if fv.Value == v {
+							appParam.ShowValue = fv.Label
+							break
+						}
 					}
 				}
 				appParam.Values = form.Values
@@ -665,14 +676,15 @@ func (a *AppInstallService) GetParams(id uint) (*response.AppConfig, error) {
 			params = append(params, appParam)
 		} else {
 			params = append(params, response.AppParam{
-				Edit:    form.Edit,
+				Edit:     form.Edit,
-				Key:     form.EnvKey,
+				Key:      form.EnvKey,
-				Rule:    form.Rule,
+				Rule:     form.Rule,
-				Type:    form.Type,
+				Type:     form.Type,
-				LabelZh: form.LabelZh,
+				LabelZh:  form.LabelZh,
-				LabelEn: form.LabelEn,
+				LabelEn:  form.LabelEn,
-				Value:   form.Default,
+				Value:    form.Default,
-				Values:  form.Values,
+				Values:   form.Values,
+				Multiple: form.Multiple,
 			})
 		}
 	}

backend/app/service/app_utils.go

@@ -687,6 +687,12 @@ func handleMap(params map[string]interface{}, envParams map[string]string) {
 			envParams[k] = strconv.Itoa(int(t))
 		case int:
 			envParams[k] = strconv.Itoa(t)
+		case []interface{}:
+			strArray := make([]string, len(t))
+			for i := range t {
+				strArray[i] = strings.ToLower(fmt.Sprintf("%v", t[i]))
+			}
+			envParams[k] = strings.Join(strArray, ",")
 		default:
 			envParams[k] = t.(string)
 		}

frontend/src/views/app-store/detail/params/index.vue

@@ -42,7 +42,7 @@
                     {{ $t('app.toInstall') }}
                 </el-link>
             </span>
-            <el-select v-model="form[p.envKey]" v-if="p.type == 'select'">
+            <el-select v-model="form[p.envKey]" v-if="p.type == 'select'" :multiple="p.multiple">
                 <el-option
                     v-for="service in p.values"
                     :key="service.label"

frontend/src/views/app-store/installed/detail/index.vue

@@ -30,7 +30,11 @@
                                 v-model.number="paramModel.params[p.key]"
                                 :disabled="!p.edit"
                             ></el-input>
-                            <el-select v-model="paramModel.params[p.key]" v-else-if="p.type == 'select'">
+                            <el-select
+                                v-model="paramModel.params[p.key]"
+                                v-else-if="p.type == 'select'"
+                                :multiple="p.multiple"
+                            >
                                 <el-option
                                     v-for="value in p.values"
                                     :key="value.label"
@@ -201,6 +205,7 @@ const get = async () => {
                     type: d.type,
                     values: d.values,
                     showValue: d.showValue,
+                    multiple: d.multiple,
                 });
                 rules.params[d.key] = [Rules.requiredInput];
                 if (d.rule) {