提交

src/pages/process/kcsz/index.vue

@@ -29,6 +29,40 @@
         <button type="button" class="ml-15px room-btn">下载模板</button>
         <button type="button" class="ml-15px room-btn">导出</button>
       </div>
+      <div class="mt-25px flex">
+        <el-form :inline="true" :model="searchForm" size="large">
+          <el-form-item label="学校">
+            <el-select v-model="searchForm.school" placeholder="请选择学校">
+              <el-option
+                v-for="item in school_list"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="考场">
+            <el-select v-model="searchForm.school" placeholder="请选择考场">
+              <el-option
+                v-for="item in roomList"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="searchForm.keyword"
+              style="width: 200px;"
+              size="large"
+              clearable
+              placeholder="请输入关键字"
+            />
+            <el-button color="#003eee" class="ml-20px" type="primary" size="large">搜索</el-button>
+          </el-form-item>
+
+
+        </el-form>
+      </div>
     </div>
   </div>
   <commonFooter/>
@@ -47,6 +81,49 @@ const router = useRouter();
 const linkTo = (name) => {
   router.push({ name });
 };
+let searchForm = $ref({
+  school:'',
+  room:'',
+  keyword:''
+})
+let school_list = $ref([{
+  value: '1',
+  label: '蒙阴市第一小学'
+},{
+  value: '2',
+  label: '蒙阴市第二小学'
+},{
+  value: '3',
+  label: '蒙阴市第三小学'
+},{
+  value: '4',
+  label: '蒙阴市第一中学'
+},{
+  value: '5',
+  label: '蒙阴市第二中学'
+},{
+  value: '6',
+  label: '蒙阴市第三中学'
+}])
+let roomList = $ref([{
+  value: '1',
+  label: '考场001'
+},{
+  value: '2',
+  label: '考场002'
+},{
+  value: '3',
+  label: '考场003'
+},{
+  value: '4',
+  label: '考场004'
+},{
+  value: '5',
+  label: '考场005'
+},{
+  value: '6',
+  label: '考场006'
+}])
 </script>
 
 <style lang="scss" scoped>