<!-- 搜索表单 -->
<template>
  <ele-card :body-style="{ paddingBottom: '8px' }">
    <ProSearch
      :items="formItems"
      ref="searchRef"
      @search="search"
      :initKeys="initKeys"
    ></ProSearch>
  </ele-card>
</template>

<script setup>
  import { reactive, ref, defineEmits } from 'vue';
  import ProSearch from '@/components/CommonPage/ProSearch2.vue';

  let { proxy } = getCurrentInstance();
  const emit = defineEmits(['search']);

  const formItems = reactive([
    { type: 'input', label: '签收者', prop: 'contactsName' },
    { type: 'input', label: '物流单号', prop: 'phoneNum' },
    { type: 'input', label: '物流CODE', prop: 'code' },
    {
      type: 'date',
      label: '签收时间(开始时间)',
      prop: 'beginTime',
      props: {
        format: 'YYYY-MM-DD',
        valueFormat: 'YYYY-MM-DD'
      }
    },
    {
      type: 'date',
      label: '签收时间(结束时间)',
      prop: 'endTime',
      props: {
        format: 'YYYY-MM-DD',
        valueFormat: 'YYYY-MM-DD'
      }
    }
  ]);

  const initKeys = reactive({
    schoolName: '',
    provinceId: '',
    cityId: '',
    schoolLevel: '',
    departmentName: '',
    shcoolTag: ''
  });

  const searchRef = ref(null);
  /** 搜索 */
  const search = (data) => {
    emit('search', { ...data });
  };
</script>
