查询表单

查询表单组件，提供基础的样式，内部元素需要使用 el-form-item 包裹。

基础用法

<SpQueryForm :model="form" @submit.prevent="() => console.log('form', form)">
  <template #default>
    <ElFormItem label="创建时间" prop="dateRange">
      <SpDateTimeRange v-model="form.dateRange"></SpDateTimeRange>
    </ElFormItem>
  </template>
  <template #additional>
    <ElFormItem label="主叫号码" prop="a">
      <ElInput v-model="form.a" />
    </ElFormItem>
    <ElFormItem label="主叫号码" prop="b">
      <ElInput v-model="form.b" />
    </ElFormItem>
    <ElFormItem label="主叫号码" prop="c">
      <ElInput v-model="form.c" />
    </ElFormItem>
  </template>
</SpQueryForm>

注意

文档演示存在 bug，无法完整支持组件演示功能，最终效果请在项目中编写 demo 查看

{"dateRange":[]}

API

属性

属性名	说明	类型	默认值
model	表单数据对象	Object	-
loading	是否在加载中	boolean	-

插槽

插槽名	说明	子标签
default	默认插槽，首行表单插槽	FormItem
additional	扩展查询条件	FormItem

事件

事件名	说明
resetForm	重置表单事件