89 lines
2.4 KiB
Vue
89 lines
2.4 KiB
Vue
![]() |
<!-- 搜索表单 -->
|
||
|
<template>
|
||
|
<ele-card :body-style="{ paddingBottom: '2px' }">
|
||
|
<el-form label-width="72px" @keyup.enter="search" @submit.prevent="">
|
||
|
<el-row :gutter="8">
|
||
|
<el-col :lg="6" :md="12" :sm="12" :xs="24">
|
||
|
<el-form-item label="试卷名称">
|
||
|
<el-input
|
||
|
clearable
|
||
|
v-model.trim="form.taskName"
|
||
|
placeholder="请输入"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<el-col :lg="6" :md="12" :sm="12" :xs="24">
|
||
|
<el-form-item label="试卷专业">
|
||
|
<el-input
|
||
|
clearable
|
||
|
v-model.trim="form.taskSpecialty"
|
||
|
placeholder="请输入"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<el-col :lg="6" :md="12" :sm="12" :xs="24">
|
||
|
<el-form-item label="试卷任务模式">
|
||
|
<el-input
|
||
|
clearable
|
||
|
v-model.trim="form.taskType"
|
||
|
placeholder="请输入"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<el-col :lg="6" :md="12" :sm="12" :xs="24">
|
||
|
<el-form-item label="模板">
|
||
|
<el-input
|
||
|
clearable
|
||
|
v-model.trim="form.isTemplate"
|
||
|
placeholder="请输入"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<el-col :lg="6" :md="12" :sm="12" :xs="24">
|
||
|
<el-form-item label="是否启用">
|
||
|
<el-input
|
||
|
clearable
|
||
|
v-model.trim="form.status"
|
||
|
placeholder="请输入"
|
||
|
/>
|
||
|
</el-form-item>
|
||
|
</el-col>
|
||
|
<el-col :lg="6" :md="12" :sm="12" :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 setup>
|
||
|
import { useFormData } from '@/utils/use-form-data';
|
||
|
|
||
|
const emit = defineEmits(['search']);
|
||
|
|
||
|
/** 表单数据 */
|
||
|
const [form, resetFields] = useFormData({
|
||
|
taskName: '',
|
||
|
taskSpecialty: '',
|
||
|
taskType: '',
|
||
|
isTemplate: '',
|
||
|
status: '',
|
||
|
deptId: '',
|
||
|
userId: ''
|
||
|
});
|
||
|
|
||
|
/** 搜索 */
|
||
|
const search = () => {
|
||
|
emit('search', { ...form });
|
||
|
};
|
||
|
|
||
|
/** 重置 */
|
||
|
const reset = () => {
|
||
|
resetFields();
|
||
|
search();
|
||
|
};
|
||
|
</script>
|