【新增】试卷任务训练、考试、高考模拟前端

src/views/task/collegeexam/components/task-search.vue

@@ -0,0 +1,88 @@
+<!-- 搜索表单 -->
+<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>