Closed
Description
版本号： 3.4.3-GA
问题描述：RangePicker 日期选择器 在FormSchema[] 中配置 添加预设范围后每个按钮之间没有空隙
截图&代码：
代码: {
field: 'orderTime',
component: 'RangePicker',
label: '下单时间',
componentProps: {
valueType: 'Date',
showTime: true,
ranges: {
Today: [dayjs(), dayjs()] as RangeValue,
'This Month': [dayjs(), dayjs().endOf('month')] as RangeValue,
},
},
colProps: {
span: 5,
},
},
截图:
但是如果直接使用 RangePicker 组件不会有此问题
代码:
截图:
友情提示（为了提高issue处理效率）：
- 未按格式要求发帖，会被直接删掉;
- 请自己初判问题描述是否清楚，是否方便我们调查处理；
- 描述过于简单或模糊，导致无法处理的，会被直接删掉；
Metadata
Metadata
Assignees
Labels
No labels
Type
Projects
Milestone
Relationships
Development
No branches or pull requests
Participants
Activity
lsqGitHub716 commentedon May 16, 2023
更新到最新版试试，测试未发现你说的情况
xiaogangya12138 commentedon May 17, 2023
感谢您回复!
<script lang="ts" setup> import { BasicTable } from '/@/components/Table'; import { useListPage } from '/@/hooks/system/useListPage'; import dayjs, { Dayjs } from 'dayjs'; import { FormSchema } from '/@/components/Table'; const searchFormSchema: FormSchema[] = [ { field: 'orderTime', component: 'RangePicker', label: '下单时间', componentProps: { valueType: 'Date', showTime: true, ranges: { 今天: () => { [dayjs(), dayjs()]; }, 昨天: () => { [dayjs().subtract(1, 'day'), dayjs().subtract(1, 'day')]; }, 近7天: () => { const startDate = dayjs().subtract(6, 'day').startOf('day'); const endDate = dayjs().endOf('day'); return [startDate, endDate]; }, 本月: () => { const startDate = dayjs().startOf('month'); const endDate = dayjs().endOf('month'); return [startDate, endDate]; }, }, }, colProps: { span: 5, }, }, ]; const { tableContext } = useListPage({ designScope: 'sup-template', tableProps: { title: '', rowKey: 'orderId', formConfig: { schemas: searchFormSchema, fieldMapToTime: [ ['createTime', ['createAtBeginDate', 'createAtEndDate'], 'YYYY-MM-DD HH:mm:ss'], ['orderTime', ['orderAtBeginDate', 'orderAtEndDate'], 'YYYY-MM-DD HH:mm:ss'], ], }, }, }); const [registerTable] = tableContext; </script>我再补充一下问题出现的原因,我整体把代码贴出来
代码:
<BasicTable @register="registerTable" />
效果图:
您上面提到的是在 BasicForm 组件中是用 component: 'RangePicker', 这里是在BasicTable的组件中使用 然后出现这样的情况 初步猜测可能是 BasicForm与 BasicTable 之间存在一些差异 导致这样的结果!
望回复,谢谢🙏
lsqGitHub716 commentedon May 17, 2023
已修改，下版本发布
xiaogangya12138 commentedon May 17, 2023
请问 能否贴下一修改的地方 我们直接修改?
xiaogangya12138 commentedon May 17, 2023
如果改动牵扯的地方不多 我们就在本地修改了
lsqGitHub716 commentedon May 17, 2023
BasicTable.vue 组件增加样式
xiaogangya12138 commentedon May 17, 2023
谢谢