打卡信息画面

src/api/illegalconstruction/checkiinformation.ts

@@ -0,0 +1,12 @@
+import { defHttp } from '@/utils/http/axios';
+enum Api {
+   // 分页
+  LoadAllPage = '/api/MiPunchRecord/LoadAllPage',
+}
+
+export function LoadAllPage(params) {
+  return defHttp.get({
+    url: Api.LoadAllPage,
+    params,
+  });
+}

src/views/demo/illegalconstruction/checkiinformation/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record, index }">
+        <template v-if="column.key == 'LngLat'">
+          {{ `${record.Lng}, ${record.Lat}` }}
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { BasicTable, useTable } from '@/components/Table';
+  import { PermissionBtn } from '@/components/PermissionBtn/index';
+  import { LoadAllPage } from '@/api/illegalconstruction/checkiinformation'
+  import { columns, searchFormSchema } from './util';
+
+
+  // 表格
+  const [registerTable] = useTable({
+    title: '打卡信息列表',
+    api: LoadAllPage,
+    columns: columns,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    showIndexColumn: false,
+    rowSelection: {
+      type: 'radio',
+    },
+    useSearchForm: true,
+    bordered: true,
+    showTableSetting: true,
+    handleSearchInfoFn(info) {
+      return info;
+    },
+  });
+</script>

src/views/demo/illegalconstruction/checkiinformation/util.ts

@@ -0,0 +1,33 @@
+import { BasicColumn, FormSchema } from '@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '打卡点',
+    dataIndex: 'PointName',
+  },
+  {
+    title: '打卡人员',
+    dataIndex: 'Name',
+  },
+  {
+    title: '打卡时间',
+    dataIndex: 'PunchTime',
+  },
+  {
+    title: '打卡状态',
+    dataIndex: 'PunchStatus',
+  },
+  {
+    title: '经纬度',
+    dataIndex: 'LngLat',
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'key',
+    label: '名称',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+];