jeecgboot3.x 使用代码自动生成页面,如何自定义查询条件

使用Online表单开发生成前后端代码,前端代码运行时是这样:

想要加上一些详细查询条件:比如select查询或者是时间查询,如:

可在前端生成的文件.data.ts中找到此处对应代码:

//查询数据
export const searchFormSchema: FormSchema[] = [
];

对其进行代码编辑: 

//查询数据
export const searchFormSchema: FormSchema[] = [
  {//选择框
    label: '类型选择',
    field: 'selectType',
    component: 'JDictSelectTag', //此处我应用了数据字典                  
    componentProps:{
      dictCode:"device_class"
    },
    //若仅使用普通下拉选择框可使用:   
    //component: 'Select',
    //componentProps: {
    //  options: [
    //     { label: '国内订单', value: '1', key: '1' },
    //     { label: '国际订单', value: '2', key: '2' },
    //  ],
    //},
  },
  {//时间选择框
    label: '时间',
    field: 'createTime',
    component: 'RangePicker', //时间选择器
    componentProps:{
      valueFormat:  "YYYY-MM-DD HH:mm:ss", //可选,绑定值的格式
      showTime:true, //日期选择框中是否显示时间
    },
  },
  {//输入框
    label: '输入框',
    field: 'keyWord',
    component: 'Input',
  },
];

  中组件属性相同,若有其他需求可再次处添加相应属性。

若是只添加上一块代码,根据时间请求其返回结果不对,它只会显示createTime=结束日期的,需要在使用的vue文件中加入一段代码:

 formConfig: { // 配置form表单
        //labelWidth: 120,
        schemas: searchFormSchema,
        autoSubmitOnEnter: true,
        showAdvancedButton: true,
        fieldMapToNumber: [],
        fieldMapToTime: [['createTime', ['createTime_begin', 'createTime_end'], 'YYYY-MM-DD HH:mm:ss']],
      },

这样就可以正常请求啦

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值