参数配置

参数配置为系统的灵活性、可用性和安全性提供了重要支持。

特点用途

功能定制：不同的应用场景可能需要不同的功能，参数配置允许用户根据自己的需求启用、禁用或其他特定功能。可维护性：合理的参数配置使系统更易于理解和维护，帮助开发者快速定位和解决问题。全局规范：多场景使用相同交互模式，渲染布局不同。

业务场景示例一

序号	字段	交互
1	选项类型	单选：下拉显示全部类型。若选择的类型为`四`或`五`，则无进程项目、进程方案字段。
2	进程项目	复选：下拉显示全部项目，已启用的项目可选，已禁用的项目禁选。
3	数量	复选：下拉显示全部项目，已启用的项目可选，已禁用的项目禁选。
4	进程方式	单选：线上、线下、混合。选项不同，对应的进程时间字段不同。线上：进程时间(线上)；线下：进程时间(线下)；混合：进程时间(线上)+进程时间(线下)
5	进程方案	复选：下拉显示全部项目。
6	区域	选择的`选项类型`若为`三`，且`进程方式`为`线下`或`混合`，则显示此字段。
7	是否独立性	选择的`选项类型`若为`三`，显示此字段。

思考一下

根据上述的交互需求，你会选择什么方式实现？使用if条件判断？还是参数配置模式？
当然还要思考数据渲染页面。上述仅是提交表单数据，数据渲染也是相同的规则。

怎么实现会更好

if参数配置

/***
 * 使用`if`条件？
 */

if(type === 1){
    ....
}
if(type === 2){
    ....
}
if(type === 3){
    ....
}

/***
 * 自定义参数配置
 */
const optionsType = [
    { label: "进程选项一", value: 1, belongingProject: true },
    { label: "进程选项二", value: 2, belongingProject: true },
    { label: "进程选项三", value: 3, belongingProject: true },
    { label: "进程选项四", value: 4 },
    { label: "进程选项五", value: 5 },
]

字段`belongingProject`是自定义的，对应选择`进程选项一`，从而达到不同类型的选项与其他控件交互。不理解？看视频

主题的配置

当然还有按钮、标签的不同配置。

参数配置 ​

特点用途 ​

业务场景示例一 ​

思考一下 ​