TMom

外观

默认值 ​

在 参数设置 中编辑参数信息

文本输入框类型 ​

适用于 Input、InputNumber、InputTextArea 直接在 组件值 中输入参数的初始值即可

提示

InputTextArea 的值以英文逗号 , 或者 换行符 隔开

效果

选择框类型 ​

提示 ❗❗❗

选择框类型为多选时，要注意检查 主脚本Sql 中的查询条件，= 改成 IN，使语句能够兼容多个值

sql
SELECT	Id,MenuName,Icon,Type,LinkUrl,OrderSort FROM SysMenu 
WHERE MenuName = @name AND CreateTime >= @CreateTimeS 
-- 修改为
SELECT	Id,MenuName,Icon,Type,LinkUrl,OrderSort FROM SysMenu 
WHERE MenuName IN (@name) AND CreateTime >= @CreateTimeS
SELECT	Id,MenuName,Icon,Type,LinkUrl,OrderSort FROM SysMenu 
WHERE MenuName = @name AND CreateTime >= @CreateTimeS 
-- 修改为
SELECT	Id,MenuName,Icon,Type,LinkUrl,OrderSort FROM SysMenu 
WHERE MenuName IN (@name) AND CreateTime >= @CreateTimeS

eg:

  1. 固定值
json
[
  {
    "label": "用户管理",
    "value": "用户管理",
    "isDefaultVal": true // default value: false, 当为 true 时，表示默认选中的值
  },
  {
    "label": "数据字典",
    "value": "数据字典"
  }
]
[
  {
    "label": "用户管理",
    "value": "用户管理",
    "isDefaultVal": true // default value: false, 当为 true 时，表示默认选中的值
  },
  {
    "label": "数据字典",
    "value": "数据字典"
  }
]
  1. 异步动态获取值
javascript
const params = { cateoryName: '菜单名称' }
const { data } = await customHttp({ url: '/api/DataDic/GetForSelect', method: 'GET', params })
// data: [{ label: 'xxx', value: 'xxx' }， { label: 'xxx', value: 'xxx' }]
return data
const params = { cateoryName: '菜单名称' }
const { data } = await customHttp({ url: '/api/DataDic/GetForSelect', method: 'GET', params })
// data: [{ label: 'xxx', value: 'xxx' }， { label: 'xxx', value: 'xxx' }]
return data
  1. sql语句直接获取数据(注意要加前缀sql:)
sql
sql: SELECT code as value, name as label from dataDic -- 需要指明 label、value
sql: SELECT code as value, name as label from dataDic -- 需要指明 label、value

效果

日期类型 ​

eg:

javascript
// formatToDate: 日期格式化函数
// formatToDateTime: 包含时间的日期格式化函数
// 获取当天日期
const date = formatToDate(new Date())
return date
// formatToDate: 日期格式化函数
// formatToDateTime: 包含时间的日期格式化函数
// 获取当天日期
const date = formatToDate(new Date())
return date

效果