49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<!-- 搜索表单 -->
|
|
<template>
|
|
<ele-card :body-style="{ paddingBottom: '2px' }">
|
|
<el-form
|
|
label-width="72px"
|
|
@keyup.enter.prevent="search"
|
|
@submit.prevent=""
|
|
>
|
|
<el-row :gutter="8">
|
|
<el-col :lg="6" :md="8" :sm="12" :xs="24">
|
|
<el-form-item label="任务名称">
|
|
<el-input clearable v-model.trim="form.name" placeholder="请输入" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :lg="12" :md="8" :sm="24" :xs="24">
|
|
<el-form-item label-width="16px">
|
|
<el-button type="primary" @click="search">查询</el-button>
|
|
<el-button @click="reset">重置</el-button>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</ele-card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useFormData } from '@/utils/use-form-data';
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'search', where?: any): void;
|
|
}>();
|
|
|
|
/** 表单数据 */
|
|
const [form, resetFields] = useFormData<any>({
|
|
name: ''
|
|
});
|
|
|
|
/** 搜索 */
|
|
const search = () => {
|
|
emit('search', { ...form });
|
|
};
|
|
|
|
/** 重置 */
|
|
const reset = () => {
|
|
resetFields();
|
|
search();
|
|
};
|
|
</script>
|