client-admin/src/render/views/ScanManage/ScanCheckMiss.vue

<template>
  <div class="scan-check-miss h-full">
    <qm-low-form
      :params="searchParams"
      :fields="searchFields"
      :label-width="80"
    ></qm-low-form>
    <a-table :data-source="tableData" :columns="columns" size="middle" bordered>
    </a-table>
  </div>
</template>
<script name="ScanCheckMiss" lang="ts" setup>
import { ref, computed } from "vue";
import type { TableColumnsType } from "@qmth/ui";
//todo 入参名
const searchParams = ref({
  a: "",
  b: "",
  c: "",
  d: "",
  e: "",
  f: "",
});
const searchFields = ref([
  {
    prop: "a",
    type: "select",
    colSpan: 3,
    label: "科目",
  },
  {
    prop: "b",
    type: "select",
    colSpan: 3,
    label: "省份",
  },
  {
    prop: "c",
    type: "select",
    colSpan: 3,
    label: "考点",
  },
  {
    prop: "d",
    type: "select",
    colSpan: 3,
    label: "校区",
  },
  {
    prop: "e",
    type: "select",
    colSpan: 3,
    label: "考场号",
  },
  {
    prop: "f",
    type: "select",
    colSpan: 3,
    label: "扫描状态",
  },
  {
    type: "buttons",
    colSpan: 5,
    children: [
      {
        text: "查询",
      },
      {
        text: "导出",
        attrs: {
          type: "default",
        },
      },
    ],
  },
]);

const tableData = ref([{ a: 1, b: 2, c: 3 }]);
const columns: TableColumnsType = [
  {
    title: "科目",
    dataIndex: "a",
  },
  {
    title: "考点",
    dataIndex: "b",
  },
  {
    title: "校区",
    dataIndex: "c",
  },
  {
    title: "考场号",
    dataIndex: "d",
  },
  {
    title: "扫描状态",
    dataIndex: "e",
  },
];
</script>
<style lang="less" scoped>
.scan-check-miss {
  padding: 20px;
}
</style>