查询组件 ​

//导入
import comSearch from '@/components/comSearch/comSearch.vue'

// searchList 示例
const searchList = ref([
  {
    searchType: 'text', //输入框类型
    prop: 'username', //v-model绑定的属性
    label: '用户名', //拼接placeholder
    searchInitParam:"wwww",//默认值
    searchProps: {
      disabled: true,
      type: 'password'
    } //自定义配置
  },
  {
    searchType: 'multipleSelect', //输入框类型,多选
    prop: 'sex', //v-model绑定的属性
    enum: selectList, //下拉列表
    toLabel: 'name', // enum用于label
    toValue: 'id', // enum用于value
    label: '性别', //拼接placeholder
    searchProps: {
      // 模糊查询
      filterable: true,
      remote: true,
      'remote-method': getDataList //回调
    } //自定义配置
  },
  {
    searchType: 'treeSelect', //输入框类型,树形选择
    prop: 'menu', //v-model绑定的属性
    enum: treeSelect, //下拉列表
    label: '树形选择', //拼接placeholder
    searchProps: {} //自定义配置
  },

  {
    searchType: 'date', //输入框类型
    prop: 'riqi', //v-model绑定的属性
    label: '日期', //拼接placeholder
    searchProps: {} //自定义配置
  },
  {
    searchType: 'daterange', //输入框类型
    prop: 'riqirange', //v-model绑定的属性
    cell: 2, //占几个col
    searchProps: {} //自定义配置
  },
  {
    searchType: 'address', //地址组件
    prop: 'addressList', //v-model绑定的属性
    cell: 3, //占几个col
  }, 
  {
    searchType: 'datetimerange', //输入框类型
    prop: 'dateTime', //v-model绑定的属性
    cell: 2, //占几个col
    searchProps: {} //自定义配置
    searchEvent: {} // 自定义事件
  },
  {
    searchType: 'timerange', //输入框类型
    prop: 'shijianrange', //v-model绑定的属性
    cell: 2, //占几个col
    searchProps: {}, //自定义配置
    format: (value, row) => { // 第一个参数当前单元格的值，第二个值为当前行的值
      return row.specName
    }
  }
])

//  searchParam,v-model绑定的值，也可以配置默认值
 const searchParam = reactive({
 username: 'susuaaa',
})

// function
//查询按钮
const onSearch = () => {
  console.log(searchParam, '===========')
}
//异步获取下拉数据
const getDataList = (str) => {
  setTimeout(() => {
    selectList.value = [{ id: 1, name: '女' }]
  }, 500)
}