From 15697b12e868beaa847637876f8fac31d3301130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Sat, 29 Mar 2025 15:32:23 +0800
Subject: [PATCH] =?UTF-8?q?=E9=98=B2=E7=81=AB=E5=B7=A1=E6=A3=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/firegrid/index.ts                     |  98 ++++
 src/api/firegrid/model/index.ts               |  43 ++
 src/assets/images/meshing/clockIn-bg.png      | Bin 0 -> 2950 bytes
 src/assets/images/meshing/punch-times.png     | Bin 0 -> 5290 bytes
 src/assets/images/meshing/punch-track.png     | Bin 0 -> 5817 bytes
 src/assets/images/meshing/rangers-number.png  | Bin 0 -> 5594 bytes
 .../images/meshing/significant-frequency.png  | Bin 0 -> 5513 bytes
 src/router/routes/modules/datamaintenance.ts  |  39 --
 .../demo/meshing/inspection/EditModal.vue     | 118 +++++
 .../meshing/inspection/InspectionModel.vue    | 184 ++++++++
 .../demo/meshing/inspection/LeftTable.vue     | 256 ++++++++++
 .../demo/meshing/inspection/LeftView.vue      | 270 +++++++++++
 src/views/demo/meshing/inspection/Map.vue     | 444 ++++++++++++++++++
 .../meshing/inspection/PatrolTrackModel.vue   | 187 ++++++++
 .../meshing/inspection/StatisticsModel.vue    | 224 +++++++++
 src/views/demo/meshing/inspection/data.ts     |  74 +++
 src/views/demo/meshing/inspection/index.ts    |   7 +
 src/views/demo/meshing/inspection/index.vue   |  22 +
 src/views/demo/page/result/fail/index.vue     |  47 --
 src/views/demo/page/result/success/index.vue  |  51 --
 20 files changed, 1927 insertions(+), 137 deletions(-)
 create mode 100644 src/api/firegrid/index.ts
 create mode 100644 src/api/firegrid/model/index.ts
 create mode 100644 src/assets/images/meshing/clockIn-bg.png
 create mode 100644 src/assets/images/meshing/punch-times.png
 create mode 100644 src/assets/images/meshing/punch-track.png
 create mode 100644 src/assets/images/meshing/rangers-number.png
 create mode 100644 src/assets/images/meshing/significant-frequency.png
 delete mode 100644 src/router/routes/modules/datamaintenance.ts
 create mode 100644 src/views/demo/meshing/inspection/EditModal.vue
 create mode 100644 src/views/demo/meshing/inspection/InspectionModel.vue
 create mode 100644 src/views/demo/meshing/inspection/LeftTable.vue
 create mode 100644 src/views/demo/meshing/inspection/LeftView.vue
 create mode 100644 src/views/demo/meshing/inspection/Map.vue
 create mode 100644 src/views/demo/meshing/inspection/PatrolTrackModel.vue
 create mode 100644 src/views/demo/meshing/inspection/StatisticsModel.vue
 create mode 100644 src/views/demo/meshing/inspection/data.ts
 create mode 100644 src/views/demo/meshing/inspection/index.ts
 create mode 100644 src/views/demo/meshing/inspection/index.vue
 delete mode 100644 src/views/demo/page/result/fail/index.vue
 delete mode 100644 src/views/demo/page/result/success/index.vue

diff --git a/src/api/firegrid/index.ts b/src/api/firegrid/index.ts
new file mode 100644
index 0000000..a6cc42d
--- /dev/null
+++ b/src/api/firegrid/index.ts
@@ -0,0 +1,98 @@
+import { defHttp } from '@/utils/http/axios';
+import {
+  AddCheckPointParams,
+  GetCheckPointListParams,
+  DeleteCheckPointParams,
+  GetClockOnListParams,
+  GetStatisticsCountParams,
+  GetStatisticsParams,
+} from './model/index';
+
+enum Api {
+  AddCheckPoint = '/api/FireGrid/AddCheckPoint',
+  GetCheckPointList = '/api/FireGrid/GetCheckPointList',
+  DeleteCheckPoint = '/api/FireGrid/DeleteCheckPoint',
+  EditCheckPoint = '/api/FireGrid/EditCheckPoint',
+  GetSingleCheckPoint = '/api/FireGrid/GetSingleCheckPoint',
+  GetCheckInfoByPointId = '/api/FireGrid/GetCheckInfoByPointId',
+  GetCheckInfoByUserId = '/api/FireGrid/GetCheckInfoByUserId',
+  GetClockOnList = '/api/FireGrid/GetClockOnList',
+  GetStatisticsCount = '/api/FireGrid/GetStatisticsCount',
+  GetStatistics = '/api/FireGrid/GetStatistics',
+}
+
+/**
+ * @description: 添加打卡点
+ */
+export function addCheckPoint(params: AddCheckPointParams) {
+  return defHttp.post({
+    url: Api.AddCheckPoint,
+    params,
+  });
+}
+
+/**
+ * @description: 获取打卡点列表
+ */
+export function getCheckPointList(params: GetCheckPointListParams) {
+  return defHttp.get({ url: Api.GetCheckPointList, params });
+}
+
+/**
+ * @description: 删除打卡点
+ */
+export function deleteCheckPoint(params: DeleteCheckPointParams) {
+  return defHttp.post({
+    url: Api.DeleteCheckPoint,
+    params,
+  });
+}
+
+/**
+ * @description: 编辑打卡点
+ */
+export function editCheckPoint(params: AddCheckPointParams) {
+  return defHttp.post({
+    url: Api.EditCheckPoint,
+    params,
+  });
+}
+
+/**
+ * @description: 获取单个打卡点
+ */
+export function getSingleCheckPoint(params: DeleteCheckPointParams) {
+  return defHttp.get({ url: Api.GetSingleCheckPoint, params });
+}
+/**
+ * @description: 获取打卡记录
+ */
+export function getCheckInfoByPointId(params: GetCheckPointListParams) {
+  return defHttp.get({ url: Api.GetCheckInfoByPointId, params });
+}
+/**
+ * @description: 获取打卡信息
+ */
+export function getCheckInfoByUserId(params: GetCheckPointListParams) {
+  return defHttp.get({ url: Api.GetCheckInfoByUserId, params });
+}
+/**
+ * @description: 获取打卡记录列表
+ */
+export function getClockOnList(params: GetClockOnListParams) {
+  return defHttp.get({ url: Api.GetClockOnList, params });
+}
+
+/**
+ * @description: 获取数据总览
+ */
+export function getStatisticsCount(params: GetStatisticsCountParams) {
+  return defHttp.get({ url: Api.GetStatisticsCount, params });
+}
+
+/**
+ * @description: 获取数据列表
+ */
+export function getStatistics(params: GetStatisticsParams) {
+  return defHttp.get({ url: Api.GetStatistics, params });
+}
diff --git a/src/api/firegrid/model/index.ts b/src/api/firegrid/model/index.ts
new file mode 100644
index 0000000..f154c3c
--- /dev/null
+++ b/src/api/firegrid/model/index.ts
@@ -0,0 +1,43 @@
+/**
+ * @description: Login interface parameters
+ */
+export interface AddCheckPointParams {
+  id?: number;
+  lng: string;
+  lat: string;
+  pointName: string;
+  userId: any;
+  areaId: any;
+}
+
+export interface GetCheckPointListParams {
+  pointName?: string;
+  id?: number;
+  page: number;
+  limit: number;
+}
+
+export interface DeleteCheckPointParams {
+  id: number;
+}
+
+export interface GetClockOnListParams {
+  userId?: number;
+  page: number;
+  limit: number;
+  beginTime?: string;
+  endTime?: string;
+}
+
+export interface GetStatisticsCountParams {
+  areaid?: number;
+  begintime?: string;
+  endtime?: string;
+}
+export interface GetStatisticsParams {
+  areaid?: number;
+  begintime?: string;
+  endtime?: string;
+  page: number;
+  limit: number;
+}
diff --git a/src/assets/images/meshing/clockIn-bg.png b/src/assets/images/meshing/clockIn-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..539fc6cf82f0bbc9255450ddaae45ee24e1e29e6
GIT binary patch
literal 2950
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/meshing/punch-times.png b/src/assets/images/meshing/punch-times.png
new file mode 100644
index 0000000000000000000000000000000000000000..922b0d0686893172c05f4a6a0aa9ee333bf70235
GIT binary patch
literal 5290
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/meshing/punch-track.png b/src/assets/images/meshing/punch-track.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d7948346900092763dbf30239f687ae4bb984ae
GIT binary patch
literal 5817
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
D26M=B

literal 0
HcmV?d00001

diff --git a/src/assets/images/meshing/rangers-number.png b/src/assets/images/meshing/rangers-number.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c0cd5856eb2b8bddf35331d78c9a74253d8567b
GIT binary patch
literal 5594
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/meshing/significant-frequency.png b/src/assets/images/meshing/significant-frequency.png
new file mode 100644
index 0000000000000000000000000000000000000000..938cbde67b5627f114e57abae6b4e79e626567a1
GIT binary patch
literal 5513
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
LNkvXXu0mjf)qq+q

literal 0
HcmV?d00001

diff --git a/src/router/routes/modules/datamaintenance.ts b/src/router/routes/modules/datamaintenance.ts
deleted file mode 100644
index af6e186..0000000
--- a/src/router/routes/modules/datamaintenance.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { AppRouteModule } from '@/router/types';
-
-import { LAYOUT } from '@/router/constant';
-import { t } from '@/hooks/web/useI18n';
-
-const datamaintenance: AppRouteModule = {
-  path: '/datamaintenance',
-  name: 'DataMaintenance',
-  component: LAYOUT,
-  redirect: '/datamaintenance/home',
-  meta: {
-    orderNo: 10,
-    icon: 'ion:grid-outline',
-    title: '数据维护',
-    
-  },
-  children: [
-    {
-      path: '/datamaintenance/home',
-      name: 'dataMaintenancehome',
-      meta: {
-        title: '数据中心',
-        hideMenu: true,
-      },
-      component: () => import('@/views/demo/datamaintenance/index.vue'),
-    },
-    {
-      path: '/datamaintenance/datamanagement',
-      name: 'datamanagement',
-      meta: {
-        title: '数据中心',
-        hideMenu: true,
-      },
-      component: () => import('@/views/demo/datamaintenance/datamanagement/index.vue'),
-    },
-  ],
-};
-
-export default datamaintenance;
diff --git a/src/views/demo/meshing/inspection/EditModal.vue b/src/views/demo/meshing/inspection/EditModal.vue
new file mode 100644
index 0000000..75a6251
--- /dev/null
+++ b/src/views/demo/meshing/inspection/EditModal.vue
@@ -0,0 +1,118 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
+    <BasicForm @register="registerForm">
+      <template #areaId="{ model, field }">
+        <a-tree-select
+          show-search
+          style="width: 100%"
+          v-model:value="model[field]"
+          :tree-data="treeData"
+          :field-names="{ label: 'name', value: 'id' }"
+          placeholder="请选择"
+          allow-clear
+          multiple
+        />
+      </template>
+      <template #userId="{ model, field }">
+        <a-tree-select
+          show-search
+          style="width: 100%"
+          v-model:value="model[field]"
+          :tree-data="treeData"
+          :field-names="{ label: 'name', value: 'id' }"
+          placeholder="请选择"
+          allow-clear
+          multiple
+        />
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+  import { ref, computed, unref, reactive, onMounted } from 'vue';
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { formSchema } from './data';
+  import { getDeptList } from '@/api/demo/system';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { addCheckPoint, editCheckPoint, getSingleCheckPoint } from '@/api/firegrid/index';
+  import { EventBus } from '@/utils/eventBus';
+
+  const { createMessage } = useMessage();
+  defineOptions({ name: 'DeptModal' });
+
+  const emit = defineEmits(['success', 'register']);
+
+  const isUpdate = ref(true);
+  const treeData: any = ref([]);
+  onMounted(() => {
+    getTreeList();
+  });
+  const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+    labelWidth: 100,
+    baseColProps: { span: 24 },
+    schemas: formSchema,
+    showActionButtonGroup: false,
+  });
+  const position: any = reactive({});
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields();
+    setModalProps({ confirmLoading: false });
+    isUpdate.value = !!data?.isUpdate;
+    if (unref(isUpdate)) {
+      getDetail(data.id);
+      setFieldsValue({
+        ...data.record,
+      });
+    } else {
+      position.lat = data.lat;
+      position.lng = data.lng;
+    }
+  });
+  const getDetail = async (id) => {
+    getSingleCheckPoint({ id }).then((res) => {
+      setFieldsValue({
+        ...res,
+      });
+    });
+  };
+  const getTreeList = async () => {
+    getDeptList().then((res) => {
+      treeData.value = res;
+    });
+  };
+
+  const getTitle = computed(() => (!unref(isUpdate) ? '新增打卡点' : '编辑打卡点'));
+  async function handleSubmit() {
+    try {
+      const values = await validate();
+      let query: any = values;
+      // 调用接口
+      if (!unref(isUpdate)) {
+        query.lat = position.lat;
+        query.lng = position.lng;
+        const data = await addCheckPoint(query);
+        if (data) {
+          setModalProps({ confirmLoading: true });
+          closeModal();
+          EventBus.emit('addCheckPoint', '');
+          return createMessage.success('新增成功');
+        } else {
+          return createMessage.error('新增失败');
+        }
+      } else {
+        const data = await editCheckPoint(query);
+        if (data) {
+          setModalProps({ confirmLoading: true });
+          closeModal();
+          emit('success');
+          return createMessage.success('编辑成功');
+        } else {
+          return createMessage.error('编辑失败');
+        }
+      }
+    } finally {
+      setModalProps({ confirmLoading: false });
+    }
+  }
+</script>
diff --git a/src/views/demo/meshing/inspection/InspectionModel.vue b/src/views/demo/meshing/inspection/InspectionModel.vue
new file mode 100644
index 0000000..2210b32
--- /dev/null
+++ b/src/views/demo/meshing/inspection/InspectionModel.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="m-4 flex">
+    <div class="w-1/2 xl:w-1/2">
+      <div class="search-container flex justify-end items-center form-data m-4">
+        <a-tree-select
+          v-model:value="formState.areaId"
+          style="width: 30%; margin-right: 10px"
+          :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+          :tree-data="treeData"
+          placeholder="选择行政区划"
+          tree-default-expand-all
+        >
+          <template #title="{ key, value }">
+            <span style="color: #08c" v-if="key === '0-0-1'">Child Node1 {{ value }}</span>
+          </template>
+        </a-tree-select>
+        <!-- formState.isonline -->
+        <a-select ref="select" v-model:value="formState.isonline" style="width: 120px">
+          <a-select-option :value="item.value" v-for="item in stateOptions" :key="item.value">{{
+            item.label
+          }}</a-select-option>
+        </a-select>
+        <div class="form-button">
+          <a-button type="primary">查询</a-button>
+        </div>
+      </div>
+      <div class="all-count">
+        <div class="online-user-count">
+          在线人数
+          <span style="font-size: 24px; color: #108eff; margin-left: 12px">{{
+            onlineInfo.online
+          }}</span>
+        </div>
+        <div class="online-user-count">
+          离线人数
+          <span style="font-size: 24px; color: #108eff; margin-left: 12px">{{
+            onlineInfo.offline
+          }}</span>
+        </div>
+      </div>
+      <div class="table-container">
+        <BasicTable @register="registerTable">
+          <template #toolbar>
+            <!-- <a-button type="primary" @click="handleCreate"> 新增角色 </a-button> -->
+            <!-- <a-button type="primary" @click="handleItem"> 获取选中行 </a-button> -->
+            <PermissionBtn @btn-event="onBtnClicked" />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'action'">
+              <TableAction
+                :actions="[
+                  {
+                    // icon: 'ant-design:ellipsis-outlined',
+                    label: '位置',
+                    onClick: toPosition.bind(null, record),
+                  },
+                  {
+                    // icon: 'ant-design:ellipsis-outlined',
+                    label: '轨迹',
+                    onClick: toTrajectory.bind(null, record),
+                  },
+                ]"
+              />
+            </template>
+          </template>
+        </BasicTable>
+      </div>
+    </div>
+    <Map :name="'InspectionModel'" class="w-1/2 xl:w-1/2" />
+    <a-modal
+      v-model:visible="patrolTrackModelVisible"
+      title="巡查"
+      wrap-class-name="full-modal"
+      width="100%"
+      :footer="null"
+    >
+      <PatrolTrackModel />
+    </a-modal>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { reactive, ref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { getAccountList } from '@/api/demo/system';
+  import { InspectionColumns } from './data';
+  import { PatrolTrackModel, Map } from './index';
+
+  defineOptions({ name: 'DeptModal' });
+  const patrolTrackModelVisible = ref(false);
+  const onlineInfo = ref({
+    online: 0,
+    offline: 0,
+  });
+  const [registerTable, { reload, getSelectRows, clearSelectedRowKeys }] = useTable({
+    // 表格名称
+    title: '角色列表',
+    // 获取数据的接口
+    api: getAccountList,
+    // 表单列信息 BasicColumn[]
+    columns: InspectionColumns,
+    rowKey: 'id',
+    // 使用搜索表单
+    useSearchForm: false,
+    // 显示表格设置工具
+    showTableSetting: true,
+    // 是否显示表格边框
+    bordered: true,
+    // 序号列
+    showIndexColumn: false,
+    // 勾选列
+    rowSelection: {
+      //多选框
+      // type: 'checkbox',
+      type: 'radio',
+    },
+    // 搜索
+    handleSearchInfoFn(info) {
+      return info;
+    },
+    actionColumn: {
+      width: 120,
+      title: '操作',
+      dataIndex: 'action',
+      // slots: { customRender: 'action' },
+      fixed: undefined,
+    },
+  });
+  const toPosition = () => {
+    console.log('位置');
+  };
+  const toTrajectory = () => {
+    console.log('轨迹');
+  };
+  const stateOptions = ref([
+    {
+      label: '全部',
+      value: '全部',
+    },
+    {
+      label: '在线',
+      value: '在线',
+    },
+    {
+      label: '离线',
+      value: '离线',
+    },
+  ]);
+  //   查询
+  interface FormState {
+    isonline: string;
+    areaId: string;
+  }
+  const formState: FormState = reactive({
+    isonline: '全部',
+    areaId: '',
+  });
+</script>
+<style lang="less" scoped>
+  .form-button {
+    button {
+      margin-left: 10px;
+    }
+  }
+  ::v-deep .ant-modal {
+    top: 20px;
+  }
+  .all-count {
+    width: 100%;
+    padding: 20px 20px;
+    padding-bottom: 60px;
+    border-bottom: 1px solid @border-color-light;
+    border-top: 1px solid @border-color-light;
+  }
+
+  .all-count div {
+    width: 40%;
+    height: 32px;
+    line-height: 32px;
+    border-left: 3px solid #409eff;
+    float: left;
+    margin-left: 20px;
+    text-indent: 20px;
+  }
+</style>
diff --git a/src/views/demo/meshing/inspection/LeftTable.vue b/src/views/demo/meshing/inspection/LeftTable.vue
new file mode 100644
index 0000000..c79bb66
--- /dev/null
+++ b/src/views/demo/meshing/inspection/LeftTable.vue
@@ -0,0 +1,256 @@
+<template>
+  <div class="m-4 mr-0 overflow-hidden bg-white" style="overflow: auto">
+    <div class="flex justify-around items-center form-data m-4">
+      <a-input v-model:value="formState.keyWord" placeholder="输入关键字" style="width: 30%" />
+      <a-tree-select
+        v-model:value="formState.orgId"
+        style="width: 30%"
+        :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+        :tree-data="treeData"
+        placeholder="选择行政区划"
+        tree-default-expand-all
+      >
+        <template #title="{ key, value }">
+          <span style="color: #08c" v-if="key === '0-0-1'">Child Node1 {{ value }}</span>
+        </template>
+      </a-tree-select>
+      <div class="form-button">
+        <a-button type="primary" @click="getTaskList">查询</a-button>
+        <a-button type="primary" @click="toStatic">统计</a-button>
+        <a-button type="primary" @click="toInspection">巡检</a-button>
+      </div>
+    </div>
+    <div class="table-data">
+      <div class="clock-item-container">
+        <div class="clock-item" v-for="(item, index) in tasklist" :key="index">
+          <div class="clock-item-icon">
+            <img src="@/assets/images/meshing/clockIn-bg.png" />
+          </div>
+          <div class="clock-item-info">
+            <p>打卡点名称：{{ item.PointName }}</p>
+            <p>创建时间：{{ item.CreateTime }}</p>
+            <p>负责人员：{{ item.CreateUserName }}</p>
+            <p style="text-align: right">
+              <a-popconfirm
+                title="确定删除吗？"
+                ok-text="是"
+                cancel-text="否"
+                @confirm="deleteTask(item.Id)"
+              >
+                <a-button type="primary" danger size="mini">删除</a-button>
+              </a-popconfirm>
+              <a-button type="primary" round size="mini" @click="editClockInfo(item)"
+                >编辑</a-button
+              >
+              <a-button type="primary" round size="mini" @click="lookClockInfo(item)"
+                >查看</a-button
+              >
+            </p>
+          </div>
+        </div>
+      </div>
+      <div class="table-data-pagination m-4">
+        <a-pagination
+          show-size-changer
+          show-quick-jumper
+          v-model:current="pageData.current"
+          :total="pageData.total"
+          @change="paginationOnChange"
+          @showSizeChange="onShowSizeChange"
+          :show-total="(total) => `共 ${total} 条`"
+        />
+      </div>
+    </div>
+    <EditModal @register="editModal" @success="editSuccess" />
+    <a-modal
+      v-model:visible="statisticsModalVisible"
+      title="统计"
+      wrap-class-name="full-modal"
+      width="100%"
+      :footer="null"
+    >
+      <StatisticsModel />
+    </a-modal>
+    <a-modal
+      v-model:visible="InspectionModelVisible"
+      title="巡检"
+      wrap-class-name="full-modal"
+      width="100%"
+      :footer="null"
+    >
+      <InspectionModel />
+    </a-modal>
+  </div>
+</template>
+<script setup lang="ts">
+  import { reactive, UnwrapRef, ref, onMounted } from 'vue';
+  import { useModal } from '@/components/Modal';
+  import { EditModal, StatisticsModel, InspectionModel } from './index';
+  import { getCheckPointList, deleteCheckPoint } from '@/api/firegrid/index';
+  import { useMessage } from '@/hooks/web/useMessage';
+  import { EventBus } from '@/utils/eventBus';
+
+  const { createMessage } = useMessage();
+  const emits = defineEmits(['viewHandle']);
+  const [editModal, { openModal: openEidtModal }] = useModal();
+  const statisticsModalVisible = ref(false);
+  const InspectionModelVisible = ref(false);
+  onMounted(() => {
+    getTaskList();
+    EventBus.on('addCheckPoint', (data) => {
+      getTaskList();
+    });
+  });
+  //   查询
+  interface FormState {
+    keyWord: string;
+    orgId: string;
+  }
+  interface listObj {
+    Id: number;
+    PointName: string;
+    Lat: string;
+    Lng: string;
+    CreateTime: string;
+    CreateUserName: string;
+  }
+  const formState: UnwrapRef<FormState> = reactive({
+    keyWord: '',
+    orgId: '',
+  });
+  const treeData = ref([]);
+  //   分页
+  const pageData = reactive({
+    total: 100,
+    current: 1,
+    pageSize: 10,
+  });
+  const paginationOnChange = (page: number) => {
+    pageData.current = page;
+    getTaskList();
+  };
+  const onShowSizeChange = (current: number, pageSize: number) => {
+    pageData.current = current;
+    pageData.pageSize = pageSize;
+    getTaskList();
+  };
+  //   列表
+  const tasklist = ref<listObj[]>([]);
+  const getTaskList = () => {
+    const params = {
+      page: pageData.current,
+      limit: pageData.pageSize,
+      pointName: formState.orgId,
+    };
+    getCheckPointList(params).then((res) => {
+      tasklist.value = res.items;
+      pageData.total = res.total;
+    });
+  };
+  // 删除
+  const deleteTask = (id) => {
+    deleteCheckPoint({ id }).then((res) => {
+      if (res) {
+        getTaskList();
+        return createMessage.success('删除成功');
+      } else {
+        return createMessage.error('删除成功');
+      }
+    });
+  };
+  //   编辑
+  const editClockInfo = (row) => {
+    openEidtModal(true, {
+      isUpdate: true,
+      id: row.Id,
+    });
+  };
+  //   编辑成功
+  const editSuccess = () => {
+    getTaskList();
+  };
+  //   统计
+  const toStatic = () => {
+    statisticsModalVisible.value = true;
+  };
+  // 查看
+  const lookClockInfo = (row) => {
+    console.log(row);
+    emits('viewHandle', row);
+  };
+  // 巡检
+  const toInspection = () => {
+    InspectionModelVisible.value = true;
+  };
+</script>
+<style lang="less" scoped>
+  .form-button {
+    button {
+      margin-left: 4px;
+    }
+  }
+  .clock-item-container {
+    width: calc(100% - 10px);
+    height: calc(100% - 40px);
+    padding: 0px 15px;
+    margin: 15px 0px;
+    overflow: auto;
+    border-top: 1px solid @border-color-light;
+
+    .clock-item {
+      width: 100%;
+      height: 150px;
+      margin: 10px 0px;
+      padding: 10px 15px;
+      border-bottom: 1px solid @border-color-light;
+    }
+    .clock-item-icon {
+      width: 100px;
+      height: 80px;
+      float: left;
+    }
+    .clock-item-icon img {
+      width: 80px;
+      height: 80px;
+      margin-top: 6px;
+    }
+    .clock-item-info {
+      float: left;
+      width: calc(100% - 100px);
+      height: 100px;
+      line-height: 18px;
+      font-size: 12px;
+      button {
+        margin-right: 4px;
+      }
+    }
+    .clock-item-info p {
+      margin-bottom: 0px;
+      margin-top: 10px;
+    }
+  }
+  .table-data {
+    position: relative;
+    height: calc(100% - 68px);
+    .table-data-pagination {
+      position: absolute;
+      bottom: 0px;
+      background-color: @component-background;
+    }
+  }
+</style>
+<style lang="less">
+  .full-modal {
+    .ant-modal {
+      max-width: 100%;
+    }
+
+    .ant-modal-content {
+      height: calc(80vh);
+    }
+
+    .ant-modal-body {
+      height: 80%;
+    }
+  }
+</style>
diff --git a/src/views/demo/meshing/inspection/LeftView.vue b/src/views/demo/meshing/inspection/LeftView.vue
new file mode 100644
index 0000000..a08622e
--- /dev/null
+++ b/src/views/demo/meshing/inspection/LeftView.vue
@@ -0,0 +1,270 @@
+<template>
+  <div>
+    <div class="item-container">
+      <div style="padding: 0px 0px 0px 0px">
+        <a-button size="mini" type="primary" round @click="emits('delView')">返回</a-button>
+      </div>
+      <div class="item-container-left">
+        <a-divider orientation="left">打卡点信息</a-divider>
+        <a-descriptions class="margin-top" :column="1" :size="'mini'" border>
+          <a-descriptions-item>
+            <template v-slot:label>
+              <BankOutlined />
+              打卡点名称
+            </template>
+            {{ currentClockInfo.pointname }}
+          </a-descriptions-item>
+
+          <a-descriptions-item>
+            <template v-slot:label>
+              <HistoryOutlined />
+              创建时间
+            </template>
+            {{ currentClockInfo.createtime }}
+          </a-descriptions-item>
+          <a-descriptions-item>
+            <template v-slot:label>
+              <EnvironmentOutlined />
+              打卡点位置
+            </template>
+            {{ currentClockInfo.lng }},{{ currentClockInfo.lat }}&nbsp;&nbsp;
+            <!-- <el-button type="primary" size="mini" round icon="el-icon-location-outline" @click="lookClockInfo(currentClockInfo)">定位</el-button> -->
+          </a-descriptions-item>
+        </a-descriptions>
+      </div>
+      <div class="item-container-right">
+        <div class="time-box" v-if="tabActive == 1">
+          <a-range-picker
+            :show-time="{ format: 'HH:mm' }"
+            format="YYYY-MM-DD HH:mm"
+            :placeholder="['开始时间', '结束时间']"
+            @change="timeChange"
+          />
+        </div>
+
+        <el-divider content-position="left">
+          <span
+            :style="{ color: tabActive == 1 ? '#409eff' : '', cursor: 'pointer' }"
+            @click="tabActive = 1"
+            >巡查轨迹</span
+          >
+          &nbsp;&nbsp;&nbsp;&nbsp;
+          <span
+            :style="{ color: tabActive == 2 ? '#409eff' : '', cursor: 'pointer' }"
+            @click="tabActive = 2"
+            >打卡记录</span
+          >
+        </el-divider>
+
+        <div
+          style="width: 100%; text-align: center; padding: 100px 0px"
+          v-if="currentRouters.length <= 0 && tabActive == 1"
+        >
+          <!-- <img src="/img/no-data.png" style="width: 140px; margin-bottom: 20px" /> -->
+          <p style="color: #cfcfcf">暂无巡查轨迹</p>
+        </div>
+
+        <div class="users-container" v-show="tabActive == 1">
+          <div class="history-line" v-for="(it, idx) in currentRouters" :key="idx">
+            <div class="user-item">
+              <div class="user-photo">
+                <img src="@/assets/images/meshing/rangers-number.png" alt="" />
+              </div>
+              <div class="user-name">{{ it.name }}</div>
+              <a-button
+                type="primary"
+                size="mini"
+                round
+                @click="getTrajectoryData(it)"
+                style="float: right; position: relative; top: 8px"
+                >轨迹</a-button
+              >
+              <a-button
+                type="primary"
+                size="mini"
+                round
+                @click="getRange(it.phone)"
+                style="float: right; position: relative; top: 8px; left: -12px"
+                >范围</a-button
+              >
+            </div>
+            {{ it.startTime }}
+            &nbsp;&nbsp; <SwapRightOutlined style="font-size: 20px" />
+            &nbsp;&nbsp;
+            {{ it.endTime }}
+          </div>
+        </div>
+
+        <div class="users-container" v-show="tabActive == 2">
+          <div class="clockIn-box" v-for="(item, idx) in clockInList" :key="idx">
+            <p>
+              <span><UserOutlined /> 打卡人员：</span>{{ item.Name }}
+              <span
+                >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<HistoryOutlined />打卡时间：</span
+              >
+              {{ item.clockontime }}
+            </p>
+            <p>
+              <span><EnvironmentOutlined /> 打卡位置：</span>
+              {{ parseFloat(item.lng).toFixed(6) }},{{ parseFloat(item.lat).toFixed(6) }}
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { ref, reactive } from 'vue';
+  import {
+    SwapRightOutlined,
+    UserOutlined,
+    HistoryOutlined,
+    EnvironmentOutlined,
+    BankOutlined,
+  } from '@ant-design/icons-vue';
+
+  const emits = defineEmits(['delView']);
+  const currentClockInfo = ref({
+    pointname: '测试点',
+    createtime: '2022-11-10 10:00:00',
+    lng: '116.397128',
+    lat: '39.916527',
+  });
+  const tabActive = ref(1);
+  const currentRouters = ref([
+    {
+      name: '打卡记录',
+      phone: '13800138000',
+      startTime: '2022-11-10 10:00:00',
+      endTime: '2022-11-10 10:00:00',
+    },
+  ]);
+  const clockInList = ref([
+    {
+      Name: '测试点',
+      clockontime: '2022-11-10 10:00:00',
+      lng: '116.397128',
+      lat: '39.916527',
+    },
+  ]);
+  //   查询
+  interface FormState {
+    begintime: string;
+    endtime: string;
+  }
+  const formState: FormState = reactive({
+    begintime: '',
+    endtime: '',
+  });
+  const timeChange = (value: any, dateString: string) => {
+    formState.begintime = dateString[0];
+    formState.endtime = dateString[1];
+  };
+</script>
+<style lang="less" scoped>
+  .item-container {
+    width: inherit;
+    height: 100%;
+    float: left;
+    padding: 30px;
+    border-right: 1px solid #636262;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background-color: @component-background;
+  }
+
+  .item-container-left {
+    width: 100%;
+  }
+
+  .item-container-right {
+    width: 100%;
+    margin: 0px 0px;
+    padding: 0px;
+    position: relative;
+  }
+  .users-container {
+    width: 100%;
+    padding-right: 15px;
+    height: calc(100vh - 440px);
+    overflow-y: auto;
+    margin-top: 15px;
+  }
+  .clockIn-box {
+    width: 100%;
+    height: 80px;
+    /* background:rgba(0,0,0,0.25); */
+    border-bottom: 1px solid #76838f;
+    padding: 5px;
+    border-radius: 0px;
+    margin-bottom: 10px;
+  }
+  .item-container-right div {
+    float: left;
+  }
+  .user-item {
+    width: 100%;
+    padding: 0px 0px;
+    line-height: 50px;
+  }
+  .history-line {
+    width: 100%;
+    line-height: 20px;
+    margin-bottom: 20px;
+    text-indent: 0px;
+    cursor: pointer;
+  }
+  .history-line-button:hover {
+    color: #108eff;
+  }
+  .history-line-button {
+  }
+  .user-item::after {
+    content: '';
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0;
+  }
+
+  .user-photo {
+    float: left;
+    width: 36px;
+    height: 36px;
+    margin-top: 6px;
+    border-radius: 50%;
+    line-height: 36px;
+    text-align: center;
+  }
+  .user-photo img {
+    width: 32px;
+    height: 32px;
+    margin: 0px;
+  }
+  .user-name {
+    width: 70px;
+    text-align: center;
+  }
+
+  .user-phone {
+    width: 100px;
+    text-align: center;
+  }
+  .time-box {
+    padding: 0px 20px;
+    margin: 0px 0px 15px 0px;
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background-color: @component-background;
+    z-index: 100000;
+  }
+  ::v-deep .ant-descriptions-item-label {
+    margin-right: 20px;
+    .anticon {
+      margin-right: 4px;
+    }
+  }
+</style>
diff --git a/src/views/demo/meshing/inspection/Map.vue b/src/views/demo/meshing/inspection/Map.vue
new file mode 100644
index 0000000..fa07a79
--- /dev/null
+++ b/src/views/demo/meshing/inspection/Map.vue
@@ -0,0 +1,444 @@
+<template>
+  <div ref="vChartRef" :id="'mars3d-container-' + name"></div>
+  <EditModal @register="editModal" @success="editSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { ref, onMounted } from 'vue';
+  import { isArray } from '@/utils';
+  import * as mars3d from 'mars3d';
+  import { EditModal } from './index';
+  import { useModal } from '@/components/Modal';
+
+  const [editModal, { openModal: openEidtModal }] = useModal();
+
+  let map: mars3d.Map; // 地图对象
+
+  let mapIns: any = null;
+  let markers: any = [];
+  let AMapIns: any = null;
+
+  const vChartRef = ref<HTMLElement>();
+  const props = defineProps({
+    name: {
+      type: String,
+      default: '',
+    },
+  });
+  onMounted(() => {
+    let options = {
+      scene: {
+        center: {
+          lat: 35.362625,
+          lng: 118.033886,
+          alt: 8306.3,
+          heading: 360,
+          pitch: -45,
+        },
+        scene3DOnly: false,
+        shadows: false,
+        removeDblClick: true,
+        sceneMode: 3,
+        showSun: true,
+        showMoon: true,
+        showSkyBox: true,
+        showSkyAtmosphere: true,
+        fog: true,
+        fxaa: true,
+        requestRenderMode: true,
+        contextOptions: {
+          requestWebgl1: false,
+          webgl: {
+            preserveDrawingBuffer: true,
+            alpha: false,
+            stencil: true,
+            powerPreference: 'high-performance',
+          },
+        },
+        globe: {
+          depthTestAgainstTerrain: false,
+          baseColor: '#546a53',
+          showGroundAtmosphere: true,
+          enableLighting: false,
+        },
+        cameraController: {
+          zoomFactor: 3,
+          minimumZoomDistance: 1,
+          maximumZoomDistance: 50000000,
+          enableRotate: true,
+          enableTranslate: true,
+          enableTilt: true,
+          enableZoom: true,
+          enableCollisionDetection: true,
+          minimumCollisionTerrainHeight: 15000,
+        },
+      },
+      control: {
+        homeButton: false,
+        baseLayerPicker: false,
+        sceneModePicker: false,
+        vrButton: false,
+        fullscreenButton: false,
+        navigationHelpButton: false,
+        animation: false,
+        timeline: false,
+        infoBox: false,
+        geocoder: false,
+        selectionIndicator: false,
+        showRenderLoopErrors: true,
+        contextmenu: {
+          hasDefault: true,
+        },
+        mouseDownView: true,
+        zoom: {
+          insertIndex: 1,
+        },
+      },
+      method: {
+        templateValues: {
+          dataServer: '//data.mars3d.cn',
+          gltfServerUrl: '//data.mars3d.cn/gltf',
+        },
+      },
+      terrain: {
+        url: '//data.mars3d.cn/terrain',
+        show: true,
+        clip: true,
+      },
+      basemaps: [
+        {
+          id: 10,
+          name: '地图底图',
+          type: 'group',
+          opacity: 1,
+        },
+        {
+          id: 2021,
+          pid: 10,
+          name: '天地图影像',
+          icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+          type: 'group',
+          layers: [
+            {
+              name: '底图',
+              type: 'tdt',
+              layer: 'img_d',
+              eventParent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              private: false,
+              id: 'm-a57ecb7d-ba05-47a3-b1be-2e28411a5954',
+              opacity: 1,
+              pid: 2021,
+              parent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              zIndex: 1,
+            },
+            {
+              name: '注记',
+              type: 'tdt',
+              layer: 'img_z',
+              eventParent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              private: false,
+              id: 'm-671f9d42-dda7-45ec-9d0f-4259c915b2cb',
+              opacity: 1,
+              pid: 2021,
+              parent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              zIndex: 2,
+            },
+          ],
+          show: true,
+          opacity: 1,
+        },
+      ],
+      layers: [],
+    };
+    initMap(options);
+  });
+
+  const isFirstLoad = ref(true);
+  const initMap = (newData: any) => {
+    // 第一次加载
+    if (isFirstLoad.value) {
+      map = new mars3d.Map(vChartRef.value, newData);
+    } else {
+      // 之后更新
+      // map.setOptions(newData);
+      map.setSceneOptions(newData.scene);
+    }
+    isFirstLoad.value = false;
+    // 初始化矢量图层
+    handlerInitEntityLayer();
+    const mapContextmenuItems = [
+      {
+        text: '在此处添加打卡点',
+        icon: `<svg class="iconsvg" aria-hidden="true">
+              <use xlink:href="#marsgis-qjsjdb"></use>
+            </svg>`, // 支持iconfont的symbol方式图标（svg）
+        callback: (e) => {
+          const mpt = mars3d.LngLatPoint.fromCartesian(e.cartesian);
+          openEidtModal(true, {
+            isUpdate: false,
+            lat: mpt.lat,
+            lng: mpt.lng,
+          });
+        },
+      },
+    ];
+    map.bindContextMenu(mapContextmenuItems);
+  };
+
+  const dataHandle = (newData: any) => {
+    if (!mapIns && !AMapIns) {
+      // initMap(props.chartConfig.option)
+      return;
+    }
+    if (isArray(newData.markers)) {
+      // 先清除旧标记
+      mapIns.remove(markers);
+      markers = [];
+      // 记录新标记
+      if (mapMarkerType.value === 'Marker') {
+        newData.markers.forEach((markerItem: any) => {
+          const markerInstance = new AMapIns.Marker({
+            position: [markerItem.position[0], markerItem.position[1]],
+            offset: new AMapIns.Pixel(-13, -30),
+          });
+          markers.push(markerInstance);
+          markerInstance.setMap(mapIns);
+        });
+      } else if (mapMarkerType.value === 'CircleMarker') {
+        newData.markers.forEach((markerItem: any) => {
+          const markerInstance = new AMapIns.CircleMarker({
+            center: [markerItem.position[0], markerItem.position[1]],
+            radius: markerItem.value,
+            ...marker.value,
+          });
+          markers.push(markerInstance);
+          markerInstance.setMap(mapIns);
+        });
+      }
+    }
+  };
+
+  let graphicLayer = null;
+  //  地球创建完成后默认加载矢量数据图层
+  const handlerInitEntityLayer = () => {
+    if (graphicLayer == null) {
+      graphicLayer = new mars3d.layer.GraphicLayer({ id: 999 });
+    }
+  };
+
+  // 点击获取点击位置点位信息  用于常见的下发火点、下发任务点等使用
+
+  const handlerDrawPoint = async () => {
+    const graphic = await graphicLayer.startDraw({
+      type: 'point',
+    });
+
+    let position = graphic.toJSON().position;
+
+    let res = {
+      lng: position[0],
+      lat: position[1],
+      alt: position[0],
+    };
+
+    graphicLayer.removeGraphic(graphic);
+
+    return res;
+  };
+
+  // 添加Entity
+  const handlerAddEntity = (data) => {
+    let graphicOptions = {
+      id: data.id,
+      position: [parseFloat(data.position.lng), parseFloat(data.position.lat)],
+      style: {
+        image: data.image.generalIcon,
+        clampToGround: true,
+        scale: 0.5,
+        label: {
+          text: data.attribute.label,
+          font_size: 14,
+          color: '#ffffff',
+          pixelOffsetY: 10,
+          distanceDisplayCondition: true,
+          distanceDisplayCondition_far: 500000,
+          distanceDisplayCondition_near: 0,
+        },
+      },
+      popup: `<div class="marsTiltPanel marsTiltPanel-theme-red" style="font-size:12px;">
+          <div class="marsTiltPanel-wrap">
+              <div class="area">
+                  <div class="arrow-lt"></div>
+                  <div class="b-t"></div>
+                  <div class="b-r"></div>
+                  <div class="b-b"></div>
+                  <div class="b-l"></div>
+                  <div class="arrow-rb"></div>
+                  <div class="label-wrap">
+                      <div class="title">火点信息</div>
+                      <div class="label-content">
+                          <div class="data-li">
+                              <div class="data-label">火点地址：${data.attribute.address}</div>
+                          </div>
+                          <div class="data-li">
+                              <div class="data-label">上报时间：</div>
+                              <div class="data-value"><span id="lablYeWei"  class="label-num">2025-2-11 12:00:00</span><span class="label-unit"></span>
+                              </div>
+                          </div>
+                          <div class="data-li">
+                              <div class="data-value">
+                                  <span id="lablCSFM3" onclick="aroundYuAn([${data.position.lng},${data.position.lat}])"  class="label-tag data-value-status-2" >防灭火资源</span>
+                                  <span id="lablCSFM2" onclick="delFirePoint(${data.id})"  class="label-tag data-value-status-3" title="删除火点">删除火点</span>
+                              </div>
+                          </div>
+                      </div>
+                  </div>
+              </div>
+              <div class="b-t-l"></div>
+              <div class="b-b-r"></div>
+          </div>
+          <div class="arrow" ></div>
+      </div>`,
+      popupOptions: {
+        offsetY: -30,
+        template: '{content}',
+        horizontalOrigin: 'Cesium.HorizontalOrigin.LEFT',
+        verticalOrigin: 'Cesium.VerticalOrigin.CENTER',
+      },
+    };
+
+    let graphic = graphicLayer.getGraphicById(data.id);
+
+    if (graphic) {
+      graphic.setStyleOptions(graphicOptions);
+    } else {
+      graphic = new mars3d.graphic.BillboardEntity(graphicOptions);
+      graphicLayer.addGraphic(graphic);
+    }
+  };
+
+  const handlerHiddenEntity = (data) => {
+    let graphic = graphicLayer.getGraphicById(data.id);
+    if (graphic) {
+      graphic.show = false;
+    }
+  };
+
+  const handlerRemoveEntity = (data) => {
+    let graphic = graphicLayer.getGraphicById(data.id);
+    if (graphic) {
+      graphicLayer.removeGraphic(graphic);
+    }
+  };
+
+  const handlerFlyToEntity = (data) => {
+    let graphic = graphicLayer.getGraphicById(data.id);
+
+    if (graphic) {
+      if (data.image.activeIcon) {
+        grasphic.setStyle({
+          image: data.image.activeIcon,
+        });
+      }
+
+      window.globalMap.flyToGraphic(graphic);
+    }
+  };
+
+  // 清空所有适量图标
+  const handlerClearEntityLayer = () => {
+    graphicLayer.clear();
+  };
+
+  // 隐藏所有矢量图标
+  const handlerHiddenEntityLayer = () => {
+    graphicLayer.show = false;
+  };
+
+  // yi
+</script>
+<style lang="less" scoped></style>
diff --git a/src/views/demo/meshing/inspection/PatrolTrackModel.vue b/src/views/demo/meshing/inspection/PatrolTrackModel.vue
new file mode 100644
index 0000000..67a28e5
--- /dev/null
+++ b/src/views/demo/meshing/inspection/PatrolTrackModel.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="m-4 flex">
+    <div class="w-1/2 xl:w-1/2">
+      <div class="search-container flex justify-end items-center form-data m-4">
+        <a-range-picker
+          :show-time="{ format: 'HH:mm' }"
+          format="YYYY-MM-DD HH:mm"
+          :placeholder="['开始时间', '结束时间']"
+          @change="timeChange"
+        />
+      </div>
+      <a-tabs v-model:activeKey="activeKey">
+        <a-tab-pane key="1" tab="巡查轨迹">
+          <div class="users-container">
+            <div class="history-line" v-for="(it, idx) in list" :key="idx">
+              <div class="user-item">
+                <div class="user-photo">
+                  <img src="@/assets/images/meshing/rangers-number.png" alt="" />
+                </div>
+                <div class="user-name">{{ it.name }}</div>
+                <div class="user-phone">{{ it.phone }}</div>
+                <a-button
+                  type="primary"
+                  size="mini"
+                  round
+                  @click="getTrajectoryData(it)"
+                  style="float: right"
+                  >轨迹</a-button
+                >
+              </div>
+              {{ it.startAddress }}
+              <span style="font-size: 12px">({{ it.startTime }})</span>
+              <SwapRightOutlined style="font-size: 20px" />
+              {{ it.endAddress }}
+              <span style="font-size: 12px">({{ it.endTime }})</span>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="打卡记录" force-render>
+          <div class="users-container">
+            <div class="clockIn-box" v-for="(item, idx) in clockInList" :key="idx">
+              <p>
+                <span><UserOutlined /> 打卡人员：</span>{{ item.Name }}
+                <span
+                  >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<HistoryOutlined />打卡时间：</span
+                >
+                {{ item.clockontime }}
+              </p>
+              <p>
+                <span><EnvironmentOutlined /> 打卡位置：</span>
+                {{ parseFloat(item.lng).toFixed(6) }},{{ parseFloat(item.lat).toFixed(6) }}
+              </p>
+            </div>
+          </div>
+        </a-tab-pane>
+      </a-tabs>
+    </div>
+    <Map :name="'patrolTrackModel'" class="w-1/2 xl:w-1/2" />
+  </div>
+</template>
+<script lang="ts" setup>
+  import { reactive, ref } from 'vue';
+  import { Map } from './index';
+  import {
+    SwapRightOutlined,
+    UserOutlined,
+    HistoryOutlined,
+    EnvironmentOutlined,
+  } from '@ant-design/icons-vue';
+
+  defineOptions({ name: 'DeptModal' });
+  const activeKey = ref('1');
+  const list = ref([
+    {
+      name: '张三',
+      phone: '',
+      startAddress: '',
+      endAddress: '',
+      startTime: '2022-01-01 10:00:00',
+      endTime: '2022-01-01 12:00:00',
+    },
+    {
+      name: '张三',
+      phone: '',
+      startAddress: '',
+      endAddress: '',
+      startTime: '2022-01-01 10:00:00',
+      endTime: '2022-01-01 12:00:00',
+    },
+  ]);
+  const clockInList = ref([
+    {
+      Name: '张三',
+      clockontime: '2022-01-01 10:00:00',
+      lng: '116.404',
+      lat: '39.915',
+    },
+    {
+      Name: '张三',
+      clockontime: '2022-01-01 10:00:00',
+      lng: '116.404',
+      lat: '39.915',
+    },
+  ]);
+  const getTrajectoryData = (item) => {
+    console.log(item);
+  };
+  //   查询
+  interface FormState {
+    begintime: string;
+    endtime: string;
+  }
+  const formState: FormState = reactive({
+    begintime: '',
+    endtime: '',
+  });
+  const timeChange = (value: any, dateString: string) => {
+    formState.begintime = dateString[0];
+    formState.endtime = dateString[1];
+  };
+</script>
+<style lang="less" scoped>
+  .users-container {
+    width: 100%;
+    padding-right: 15px;
+    height: calc(100vh - 280px);
+    overflow-y: auto;
+  }
+  .item-container-right div {
+    float: left;
+  }
+  .user-item {
+    width: 100%;
+    padding: 0px 0px;
+    height: 50px;
+    line-height: 50px;
+  }
+  .history-line {
+    width: 100%;
+    line-height: 20px;
+    margin-bottom: 20px;
+    text-indent: 0px;
+    border-bottom: 1px solid @border-color-light;
+    cursor: pointer;
+    padding-bottom: 10px;
+  }
+  .user-item::after {
+    content: '';
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0;
+  }
+
+  .user-photo {
+    float: left;
+    width: 36px;
+    height: 36px;
+    margin-top: 6px;
+    background-color: rgb(255, 255, 255);
+    border-radius: 50%;
+    line-height: 36px;
+    text-align: center;
+  }
+  .user-photo img {
+    width: 32px;
+    height: 32px;
+    margin: 0px;
+  }
+  .user-name {
+    width: 120px;
+    text-align: center;
+  }
+
+  .user-phone {
+    width: 100px;
+    text-align: center;
+  }
+
+  .user-operation {
+    float: right;
+  }
+  .clockIn-box {
+    border-bottom: 1px solid @border-color-light;
+    margin-top: 10px;
+  }
+</style>
diff --git a/src/views/demo/meshing/inspection/StatisticsModel.vue b/src/views/demo/meshing/inspection/StatisticsModel.vue
new file mode 100644
index 0000000..9e1a598
--- /dev/null
+++ b/src/views/demo/meshing/inspection/StatisticsModel.vue
@@ -0,0 +1,224 @@
+<template>
+  <div class="m-4">
+    <div class="search-container flex justify-end items-center form-data m-4">
+      <a-tree-select
+        v-model:value="formState.areaId"
+        style="width: 30%; margin-right: 10px"
+        :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+        :tree-data="treeData"
+        placeholder="选择行政区划"
+        tree-default-expand-all
+      >
+        <template #title="{ key, value }">
+          <span style="color: #08c" v-if="key === '0-0-1'">Child Node1 {{ value }}</span>
+        </template>
+      </a-tree-select>
+      <a-range-picker
+        :show-time="{ format: 'HH:mm' }"
+        format="YYYY-MM-DD HH:mm"
+        :placeholder="['开始时间', '结束时间']"
+        @change="timeChange"
+      />
+      <div class="form-button">
+        <a-button type="primary">查询</a-button>
+        <a-button type="primary">导出</a-button>
+      </div>
+    </div>
+    <div class="cate-title">数据总览</div>
+    <div class="count-item-container">
+      <div class="count-item">
+        <div class="count-item-icon">
+          <img src="@/assets/images/meshing/rangers-number.png" />
+        </div>
+        <div class="count-item-title"> 护林员数量 </div>
+        <div class="count-item-value"> {{ allData.hulinyuan }} <span class="unit">人</span> </div>
+      </div>
+
+      <div class="count-item">
+        <div class="count-item-icon">
+          <img src="@/assets/images/meshing/punch-track.png" />
+        </div>
+        <div class="count-item-title"> 全部巡查总数 </div>
+        <div class="count-item-value">
+          {{ allData.xunchazongshu }} <span class="unit">次</span>
+        </div>
+      </div>
+
+      <div class="count-item">
+        <div class="count-item-icon">
+          <img src="@/assets/images/meshing/punch-times.png" />
+        </div>
+        <div class="count-item-title"> 全部打卡总数 </div>
+        <div class="count-item-value"> {{ allData.dakacishu }} <span class="unit">次</span> </div>
+      </div>
+
+      <div class="count-item">
+        <div class="count-item-icon">
+          <img src="@/assets/images/meshing/significant-frequency.png" />
+        </div>
+        <div class="count-item-title"> 全部打卡点数 </div>
+        <div class="count-item-value"> {{ allData.dakadian }} <span class="unit">个</span> </div>
+      </div>
+    </div>
+    <div class="table-container">
+      <BasicTable @register="registerTable">
+        <template #toolbar>
+          <!-- <a-button type="primary" @click="handleCreate"> 新增角色 </a-button> -->
+          <!-- <a-button type="primary" @click="handleItem"> 获取选中行 </a-button> -->
+          <PermissionBtn @btn-event="onBtnClicked" />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                {
+                  // icon: 'ant-design:ellipsis-outlined',
+                  label: '巡查轨迹',
+                  onClick: getGuiji.bind(null, record),
+                },
+              ]"
+            />
+          </template>
+        </template>
+      </BasicTable>
+    </div>
+    <a-modal
+      v-model:visible="patrolTrackModelVisible"
+      title="巡查"
+      wrap-class-name="full-modal"
+      width="100%"
+      :footer="null"
+    >
+      <PatrolTrackModel />
+    </a-modal>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { reactive, ref } from 'vue';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { getAccountList } from '@/api/demo/system';
+  import { columns } from './data';
+  import { PatrolTrackModel } from './index';
+
+  defineOptions({ name: 'DeptModal' });
+  const patrolTrackModelVisible = ref(false);
+  const [registerTable, { reload, getSelectRows, clearSelectedRowKeys }] = useTable({
+    // 表格名称
+    title: '角色列表',
+    // 获取数据的接口
+    api: getAccountList,
+    // 表单列信息 BasicColumn[]
+    columns,
+    rowKey: 'id',
+    // 使用搜索表单
+    useSearchForm: false,
+    // 显示表格设置工具
+    showTableSetting: true,
+    // 是否显示表格边框
+    bordered: true,
+    // 序号列
+    showIndexColumn: false,
+    // 勾选列
+    rowSelection: {
+      //多选框
+      // type: 'checkbox',
+      type: 'radio',
+    },
+    // 搜索
+    handleSearchInfoFn(info) {
+      return info;
+    },
+    actionColumn: {
+      width: 80,
+      title: '查看账号',
+      dataIndex: 'action',
+      // slots: { customRender: 'action' },
+      fixed: undefined,
+    },
+  });
+  const getGuiji = () => {
+    console.log('查看轨迹');
+    patrolTrackModelVisible.value = true;
+  };
+  const allData = reactive({
+    hulinyuan: 0,
+    xunchazongshu: 0,
+    dakadian: 0,
+    dakacishu: 0,
+  });
+  //   查询
+  interface FormState {
+    begintime: string;
+    endtime: string;
+    areaId: string;
+  }
+  const formState: FormState = reactive({
+    begintime: '',
+    endtime: '',
+    areaId: '',
+  });
+  const timeChange = (value: any, dateString: string) => {
+    formState.begintime = dateString[0];
+    formState.endtime = dateString[1];
+  };
+</script>
+<style lang="less" scoped>
+  .form-button {
+    button {
+      margin-left: 10px;
+    }
+  }
+  ::v-deep .ant-modal {
+    top: 20px;
+  }
+  .cate-title {
+    font-size: 16px;
+    font-weight: 500;
+    letter-spacing: 1px;
+  }
+
+  .count-item-container {
+    width: 100%;
+    min-height: 100px;
+    padding: 15px 0px;
+  }
+
+  .count-item {
+    width: calc(25% - 20px);
+    padding: 5px 15px;
+    float: left;
+    margin-right: 20px;
+    border-radius: 0px;
+    color: #fff;
+    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
+  }
+
+  .count-item .count-item-icon {
+    float: left;
+    color: #fff;
+  }
+
+  .count-item-icon img {
+    width: 40px;
+    height: 40px;
+    margin-top: 4px;
+    opacity: 0.9;
+  }
+  .count-item-title {
+    line-height: 50px;
+    margin-left: 15px;
+    font-size: 14px;
+    float: left;
+    color: #9da1bd;
+  }
+  .count-item-value {
+    font-size: 20px;
+    line-height: 50px;
+    margin-left: 30px;
+    float: right;
+  }
+  .count-item .unit {
+    font-size: 14px;
+    color: #ccc;
+  }
+</style>
diff --git a/src/views/demo/meshing/inspection/data.ts b/src/views/demo/meshing/inspection/data.ts
new file mode 100644
index 0000000..b414cee
--- /dev/null
+++ b/src/views/demo/meshing/inspection/data.ts
@@ -0,0 +1,74 @@
+import { BasicColumn, FormSchema } from '@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '所属班组',
+    dataIndex: 'areaName',
+    width: 200,
+  },
+  {
+    title: '护林员',
+    dataIndex: 'name',
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'account',
+  },
+  {
+    title: '打卡次数',
+    dataIndex: 'dakacishu',
+  },
+  {
+    title: '巡检次数',
+    dataIndex: 'xunjian',
+  },
+  {
+    title: '打卡点数量',
+    dataIndex: 'dakadian',
+  },
+];
+
+export const InspectionColumns: BasicColumn[] = [
+  {
+    title: '乡镇/村庄',
+    dataIndex: 'townName',
+  },
+  {
+    title: '护林员姓名',
+    dataIndex: 'name',
+  },
+  {
+    title: '在线状态',
+    dataIndex: 'state',
+  },
+  {
+    title: '离线时长',
+    dataIndex: 'onLineTime',
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  {
+    field: 'id',
+    label: 'id',
+    component: 'Input',
+    ifShow: false,
+  },
+  {
+    field: 'pointName',
+    label: '打卡点名称',
+    component: 'Input',
+  },
+  {
+    field: 'areaId',
+    label: '行政区划',
+    required: true,
+    slot: 'areaId',
+  },
+  {
+    field: 'userId',
+    label: '责任人',
+    slot: 'userId',
+    required: true,
+  },
+];
diff --git a/src/views/demo/meshing/inspection/index.ts b/src/views/demo/meshing/inspection/index.ts
new file mode 100644
index 0000000..4216847
--- /dev/null
+++ b/src/views/demo/meshing/inspection/index.ts
@@ -0,0 +1,7 @@
+export { default as LeftTable } from './LeftTable.vue';
+export { default as EditModal } from './EditModal.vue';
+export { default as StatisticsModel } from './StatisticsModel.vue';
+export { default as Map } from './Map.vue';
+export { default as PatrolTrackModel } from './PatrolTrackModel.vue';
+export { default as LeftView } from './LeftView.vue';
+export { default as InspectionModel } from './InspectionModel.vue';
diff --git a/src/views/demo/meshing/inspection/index.vue b/src/views/demo/meshing/inspection/index.vue
new file mode 100644
index 0000000..ea08038
--- /dev/null
+++ b/src/views/demo/meshing/inspection/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
+    <LeftView class="w-1/2 xl:w-1/2" v-if="viewData" @delView="delViewData" />
+    <LeftTable class="w-1/2 xl:w-1/2" @viewHandle="viewHandle" v-else />
+    <Map class="w-1/2 xl:w-1/2" />
+  </PageWrapper>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { PageWrapper } from '@/components/Page';
+  import { LeftTable, Map, LeftView } from './index';
+
+  const viewData = ref(null);
+  const viewHandle = (data: any) => {
+    console.log(data);
+    viewData.value = data;
+  };
+  const delViewData = () => {
+    viewData.value = null;
+  };
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/demo/page/result/fail/index.vue b/src/views/demo/page/result/fail/index.vue
deleted file mode 100644
index 3e3e6e2..0000000
--- a/src/views/demo/page/result/fail/index.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div class="m-5 result-error">
-    <Result status="error" title="提交失败" sub-title="请核对并修改以下信息后，再重新提交。">
-      <template #extra>
-        <a-button key="console" type="primary"> 返回修改 </a-button>
-      </template>
-    </Result>
-    <div class="result-error__content">
-      <div class="result-error__content-title">您提交的内容有如下错误：</div>
-      <div class="mb-4">
-        <CloseCircleOutlined class="mr-2 result-error__content-icon" />
-        您的账户已被冻结
-        <a class="ml-4">立即解冻 ></a>
-      </div>
-      <div class="mb-4">
-        <CloseCircleOutlined class="mr-2 result-error__content-icon" />
-        您的账户还不具备申请资格
-        <a class="ml-4">立即解冻 ></a>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-  import { Result } from 'ant-design-vue';
-  import { CloseCircleOutlined } from '@ant-design/icons-vue';
-</script>
-<style lang="less" scoped>
-  .result-error {
-    padding: 48px 32px;
-    background-color: @component-background;
-
-    &__content {
-      padding: 24px 40px;
-      background-color: @app-content-background;
-
-      &-title {
-        margin-bottom: 16px;
-        font-size: 16px;
-        font-weight: 500;
-      }
-
-      &-icon {
-        color: #ff4d4f;
-      }
-    }
-  }
-</style>
diff --git a/src/views/demo/page/result/success/index.vue b/src/views/demo/page/result/success/index.vue
deleted file mode 100644
index ec80e02..0000000
--- a/src/views/demo/page/result/success/index.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="m-5 result-success">
-    <Result
-      status="success"
-      title="提交成功"
-      sub-title="提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。"
-    >
-      <template #extra>
-        <a-button key="console" type="primary"> 返回列表 </a-button>
-        <a-button key="buy"> 查看项目 </a-button>
-        <a-button key="buy"> 打印 </a-button>
-      </template>
-    </Result>
-    <div class="result-success__content">
-      <Descriptions title="项目名称">
-        <Descriptions.Item label="项目 ID"> 111222 </Descriptions.Item>
-        <Descriptions.Item label="负责人"> Vben </Descriptions.Item>
-        <Descriptions.Item label="生效时间"> 2016-12-12 ~ 2017-12-12 </Descriptions.Item>
-      </Descriptions>
-      <Steps :current="1" progress-dot size="small">
-        <Steps.Step title="创建项目">
-          <template #description>
-            <div>Vben</div>
-            <p>2016-12-12 12:32</p>
-          </template>
-        </Steps.Step>
-        <Steps.Step title="部门初审">
-          <template #description>
-            <p>Chad</p>
-          </template>
-        </Steps.Step>
-        <Steps.Step title="财务复核" />
-        <Steps.Step title="完成" />
-      </Steps>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-  import { Result, Steps, Descriptions } from 'ant-design-vue';
-</script>
-<style lang="less" scoped>
-  .result-success {
-    padding: 48px 32px;
-    background-color: @component-background;
-
-    &__content {
-      padding: 24px 40px;
-      background-color: @app-content-background;
-    }
-  }
-</style>