admission-admin/src/views/clue/modules/search-form.vue

35 lines
1.2 KiB
Vue

<template>
<el-card shadow="never" class="!border-none">
<el-form ref="formRef" class="mb-[-16px]" :model="modelValue" :inline="true">
<el-form-item label="学生名字">
<el-input class="w-[280px]" placeholder="请输入" v-model="modelValue.likeWork" clearable @keyup.enter="$emit('resetPage')" />
</el-form-item>
<el-form-item label="转化情况">
<el-select class="w-[280px]" v-model="modelValue.situation">
<el-option v-for="option in conversionOptions" :key="option.value" :label="option.label" :value="option.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="$emit('resetPage')">查询</el-button>
<el-button @click="$emit('resetParams')">重置</el-button>
</el-form-item>
</el-form>
</el-card>
</template>
<script setup lang="ts">
import { conversionOptions } from '@/enums'
defineProps({
modelValue: {
type: Object,
default: () => ({
likeWork: '',
situation: ''
})
}
})
defineEmits(['resetPage', 'resetParams'])
</script>
<style scoped></style>