<template>
    <ele-card :body-style="{ paddingBottom: '8px' }">
        <ProSearch ref="proSearchRef" :items="formItems" @search="search" />
    </ele-card>
</template>

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

    const emit = defineEmits(['search']);

    const formItems = reactive([
        {
            type: 'input',
            label: '联系人',
            prop: 'name',
            placeholder: '请输入联系人'
        },
        {
            type: 'input',
            label: '手机号码',
            prop: 'mobile',
            placeholder: '请输入手机号码'
        }
    ]);

    const search = (data) => {
        emit('search', data);
    };
</script>
