From ce2cc79be36ab31a9aaa846b63fc07ef8e9616bd Mon Sep 17 00:00:00 2001
From: 13684185576 <2731628804@qq.com>
Date: Thu, 13 Nov 2025 20:55:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |   9 +
 .../service/taskPage/clockRecord/index.vue    | 186 +++++++++++++++
 .../taskPage/collectPage/AddFgFormDialog.vue  | 219 ++++++++----------
 .../home/components/dialog/dkqkList.vue       | 146 ++++++++++++
 .../home/components/rightDialog.vue           |  43 +++-
 .../largeScreen/home/layout/streetInfo.vue    |   5 +
 src/views/login/index.vue                     |  30 +--
 vue.config.js                                 |   2 +-
 8 files changed, 494 insertions(+), 146 deletions(-)
 create mode 100644 src/views/backOfficeSystem/service/taskPage/clockRecord/index.vue
 create mode 100644 src/views/largeScreen/home/components/dialog/dkqkList.vue

diff --git a/src/router/index.js b/src/router/index.js
index 755947d..d74e5cf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -594,6 +594,15 @@ export const privateRoutes = [{
           icon: "article-ranking"
         },
       },
+      {
+        path: "/taskPage/clockRecord",
+        component: () => import("@/views/backOfficeSystem/service/taskPage/clockRecord/index"),
+        name: "clockRecord",
+        meta: {
+          title: '打卡情况',
+          icon: "article-ranking"
+        },
+      },
     ]
   },
   {
diff --git a/src/views/backOfficeSystem/service/taskPage/clockRecord/index.vue b/src/views/backOfficeSystem/service/taskPage/clockRecord/index.vue
new file mode 100644
index 0000000..b641751
--- /dev/null
+++ b/src/views/backOfficeSystem/service/taskPage/clockRecord/index.vue
@@ -0,0 +1,186 @@
+<script setup>
+import { computed, getCurrentInstance, onMounted, reactive, ref } from "vue";
+const { proxy } = getCurrentInstance();
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Search from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import { qcckPost, qcckGet } from "@/api/qcckApi.js";
+
+const searchConfiger = reactive([
+  {
+    showType: "input",
+    prop: "dkrXm",
+    placeholder: "请输入打卡人姓名",
+    label: "打卡人姓名"
+  }
+]);
+const searchBox = ref(); //搜索框
+const pageData = reactive({
+  visible: true,
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    loading: false
+  },
+  haveControls:false,
+  total: 0,
+  pageConfiger: {
+    pageSize: 10,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 210, //操作栏宽度
+  tableColumn: [
+    {
+      label: "打卡人姓名",
+      prop: "dkrXm"
+    },
+    {
+      label: "必到点位置",
+      prop: "bddMc"
+    },
+    {
+      label: "开始时间",
+      prop: "dkKsSj"
+    },
+    {
+      label: "打卡开始附件",
+      prop: "dkKsSj",
+      showSolt: true
+    },
+    {
+      label: "结束时间",
+      prop: "dkJsSj"
+    },
+    {
+      label: "打卡结束附件",
+      prop: "dkKsSj",
+      showSolt: true
+    }
+  ]
+});
+const onSearch = (val) => {
+  const { cz, ...ret } = val;
+  pageData.pageConfiger.pageCurrent = 1;
+  getListData(ret);
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight =
+    window.innerHeight - searchBox.value.offsetHeight - 244;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+
+const getListData = async (params = {}) => {
+  pageData.tableConfiger.loading = true;
+  qcckGet({...pageData.pageConfiger,...params}, "/mosty-yjzl/tbZdxlFgdwBddxlrwJl/getPageList")
+    .then((res) => {
+      pageData.tableData = res.records || [];
+      pageData.tableConfiger.loading = false;
+      pageData.total = res.total;
+    })
+    .catch(() => {
+      pageData.tableConfiger.loading = false;
+    });
+};
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getListData();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getListData();
+};
+
+
+onMounted(() => {
+  proxy.mittBus.on("mittFn", (data) => {
+    pageData.keyCount = data;
+  });
+  tabHeightFn();
+  getListData();
+});
+</script>
+
+<template>
+  <div class="container">
+    <div class="titleBox">
+      <PageTitle title="打卡记录">
+      </PageTitle>
+    </div>
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
+    </div>
+
+    <div class="tabBox">
+      <MyTable
+        :tableData="pageData.tableData"
+        :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount"
+        :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth"
+      >
+        <template #dkKsFj="{ row }">
+          <el-image
+            :append-to-body="true"
+            :preview-src-list="[
+              `/mosty-api/mosty-base/minio/image/download/${row.dkKsFj}`
+            ]"
+            style="width: 75px; height: 75px"
+            :src="`/mosty-api/mosty-base/minio/image/download/${row.dkKsFj}`"
+            fit="cover"
+            lazy
+          />
+        </template>
+        <template #dkJsFj="{ row }">
+          <el-image
+            :append-to-body="true"
+            :preview-src-list="[
+              `/mosty-api/mosty-base/minio/image/download/${row.dkJsFj}`
+            ]"
+            style="width: 75px; height: 75px"
+            :src="`/mosty-api/mosty-base/minio/image/download/${row.dkJsFj}`"
+            fit="cover"
+            lazy
+          />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+        </template>
+      </MyTable>
+
+      <Pages
+        @changeNo="changeNo"
+        @changeSize="changeSize"
+        :tableHeight="pageData.tableHeight"
+        :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.container {
+  ::v-deep {
+    .check,
+    .el-upload-text {
+      display: none;
+    }
+
+    .el-descriptions__body {
+      background-color: transparent !important;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/views/backOfficeSystem/service/taskPage/collectPage/AddFgFormDialog.vue b/src/views/backOfficeSystem/service/taskPage/collectPage/AddFgFormDialog.vue
index fc37544..501328b 100644
--- a/src/views/backOfficeSystem/service/taskPage/collectPage/AddFgFormDialog.vue
+++ b/src/views/backOfficeSystem/service/taskPage/collectPage/AddFgFormDialog.vue
@@ -4,71 +4,33 @@
       <div class="head_box">
         <span class="title">{{ title }}</span>
         <div>
-          <el-button
-            v-if="!infoActive"
-            type="primary"
-            size="small"
-            @click="submit"
-            :loading="btnLoading"
-          >保存</el-button
-          >
+          <el-button v-if="!infoActive" type="primary" size="small" @click="submit" :loading="btnLoading">保存</el-button>
           <el-button size="small" @click="close">关闭</el-button>
         </div>
       </div>
 
       <div class="dialogWrapper">
-        <el-form
-          ref="formRef"
-          :model="form"
-          :rules="rules"
-          :inline="true"
-          :disabled="infoActive"
-        >
+        <el-form ref="formRef" :model="form" :rules="rules" :inline="true" :disabled="infoActive">
           <el-form-item prop="bddMc" label="必到点名称:">
-            <el-input
-              style="width: 80%;"
-              min="0"
-              placeholder="请填写必到点名称"
-              v-model="form.bddMc"
-            ></el-input>
+            <el-input style="width: 80%" min="0" placeholder="请填写必到点名称" v-model="form.bddMc"></el-input>
           </el-form-item>
           <el-form-item prop="fgdwId" label="所属方格:">
-            <el-select
-              :disabled="typeStatus === 'del'"
-              placeholder="请选择所属方格"
-              filterable
-              clearable
-              v-model="form.fgdwId"
-              @change="handleChange"
-            >
-            <el-option
-              v-for="item in fgList"
-              :key="item?.id"
-              :label="item?.mc"
-              :value="item?.id"
-            />
+            <el-select :disabled="typeStatus === 'del'" placeholder="请选择所属方格" filterable clearable v-model="form.fgdwId"
+              @change="handleChange">
+              <el-option v-for="item in fgList" :key="item?.id" :label="item?.mc" :value="item?.id" />
             </el-select>
           </el-form-item>
           <el-form-item prop="bddDz" label="必到点地址:">
-            <el-input
-              placeholder="请填必到点地址"
-              clearable
-              v-model="form.bddDz"
-            ></el-input>
+            <el-input placeholder="请填必到点地址" clearable v-model="form.bddDz"></el-input>
+          </el-form-item>
+          <el-form-item prop="dkjgsj" label="必到点间隔时间/分钟为单位:">
+            <el-input placeholder="请填写必到点间隔时间/分钟为单位" v-model="form.dkjgsj"></el-input>
           </el-form-item>
           <el-form-item prop="jd" label="经度:">
-            <el-input
-              disabled
-              placeholder="请填写经度"
-              v-model="form.jd"
-            ></el-input>
+            <el-input disabled placeholder="请填写经度" v-model="form.jd"></el-input>
           </el-form-item>
           <el-form-item prop="wd" label="纬度:">
-            <el-input
-              disabled
-              placeholder="请填写纬度"
-              v-model="form.jd"
-            ></el-input>
+            <el-input disabled placeholder="请填写纬度" v-model="form.jd"></el-input>
           </el-form-item>
         </el-form>
 
@@ -77,23 +39,27 @@
         </div>
       </div>
     </div>
-
   </div>
 </template>
 
 <script setup>
 import { ref, reactive, getCurrentInstance, computed, onMounted } from "vue";
-import { fetchTbZdxlFgdwSelectList, fetchTbZdxlFgdwBddSave, fetchTbZdxlFgdwBddUpdate, fetchTbZdxlFgdwId } from "@/api/service/taskProgress";
+import {
+  fetchTbZdxlFgdwSelectList,
+  fetchTbZdxlFgdwBddSave,
+  fetchTbZdxlFgdwBddUpdate,
+  fetchTbZdxlFgdwId
+} from "@/api/service/taskProgress";
 const { proxy } = getCurrentInstance();
-import GdMap from "@/components/Map/GdMap/index.vue"
+import GdMap from "@/components/Map/GdMap/index.vue";
 import emitter from "@/utils/eventBus";
 const btnLoading = ref(false); //按钮截流
 const title = ref("新增必到点采集");
 const formRef = ref(null);
 const infoActive = ref(true);
 const visible = ref(false);
-const fgList = ref([])
-const typeStatus = ref("")
+const fgList = ref([]);
+const typeStatus = ref("");
 
 //级联选择器配置
 const props = defineProps({
@@ -103,41 +69,41 @@ const props = defineProps({
   }
 });
 
-const emits = defineEmits(['update:modelValue', 'ok']);
+const emits = defineEmits(["update:modelValue", "ok"]);
 
 const dialogFormVisible = computed({
   get() {
     return props.modelValue;
   },
   set(val) {
-    if (!infoActive.value && typeStatus?.value !== 'del') {
-    // 获取经纬度
-    setTimeout(() => {
-      emitter.emit("getMapClickCoordinates");
+    if (!infoActive.value && typeStatus?.value !== "del") {
+      // 获取经纬度
+      setTimeout(() => {
+        emitter.emit("getMapClickCoordinates");
 
-      // 更新地图标注位置
-      emitter.on("mapClickCoordinates", async (res) => {
-        emitter.emit("deletePointArea")
-    
-        form.value.jd = res.lng
-        form.value.wd = res.lat
+        // 更新地图标注位置
+        emitter.on("mapClickCoordinates", async (res) => {
+          emitter.emit("deletePointArea");
 
-        emitter.emit("addPointArea", {
-          coords: [{ jd: res.lng, wd: res.lat }],
-          coordinates: res?.coordinates,
-          icon: require("@/assets/lz/dw.png"),
-          sizeX: 30,
-          sizeY: 35
+          form.value.jd = res.lng;
+          form.value.wd = res.lat;
+
+          emitter.emit("addPointArea", {
+            coords: [{ jd: res.lng, wd: res.lat }],
+            coordinates: res?.coordinates,
+            icon: require("@/assets/lz/dw.png"),
+            sizeX: 30,
+            sizeY: 35
+          });
         });
-      })
-    }, 500);
+      }, 500);
     } else {
-        emitter.off('getMapClickCoordinates')
+      emitter.off("getMapClickCoordinates");
     }
 
     emits("update:modelValue", val);
   }
-})
+});
 
 //表单数据
 const form = ref({
@@ -180,41 +146,40 @@ const rules = reactive({
       message: "请填写纬度",
       trigger: "change"
     }
-  ],
+  ]
 });
 
 // 获取方格
 const getFgList = async () => {
-  const res = await fetchTbZdxlFgdwSelectList()
+  const res = await fetchTbZdxlFgdwSelectList();
   if (res && res?.length > 0) {
-    fgList.value = res
+    fgList.value = res;
   }
-}
+};
 
 // 获取方格详情
 const getFgDetails = async (id, type) => {
-  const res = await fetchTbZdxlFgdwId(id)
+  const res = await fetchTbZdxlFgdwId(id);
   if (res) {
-    setMap(res, type)
+    setMap(res, type);
   }
-}
-
+};
 
 //新增
 function open(row = {}, type) {
-  typeStatus.value = type
-  infoActive.value = type === 'view';
+  typeStatus.value = type;
+  infoActive.value = type === "view";
   form.value = { ...row, xfbbName: row?.xfxz };
-  if (type === 'view') {
-    title.value = "查看信息"
-  } else if (type === 'del') {
-    title.value = "编辑必到点采集"
+  if (type === "view") {
+    title.value = "查看信息";
+  } else if (type === "del") {
+    title.value = "编辑必到点采集";
   } else {
-    title.value = "新增必到点采集"
+    title.value = "新增必到点采集";
   }
 
-  if (type === 'view' || type === 'del') {
-    getFgDetails(form?.value?.fgdwId , !(type === 'view' || type === 'del'))
+  if (type === "view" || type === "del") {
+    getFgDetails(form?.value?.fgdwId, !(type === "view" || type === "del"));
   }
   dialogFormVisible.value = true;
 }
@@ -225,28 +190,45 @@ function close() {
   dialogFormVisible.value = false;
 }
 
-
 const handleChange = (val) => {
-  const data = fgList?.value?.find(i => i?.id === val)
-  setMap(data)
-}
+  const data = fgList?.value?.find((i) => i?.id === val);
+  setMap(data);
+};
 
 const setMap = (data, type = true) => {
-  emitter.emit("deletePointArea", "addfg")
-  const { x1 = "", y1 = "", x2 = "", y2 = "", id = "", zxX = "", zxY = "", mc = "" } = data
-  const centerPoint = [zxX, zxY]
-  const position = [[Number(x1),Number(y1)],[Number(x2),Number(y2)]]
-  const text = mc
-  const obj = [{ position: position, text, id, userData: data}]
+  emitter.emit("deletePointArea", "addfg");
+  const {
+    x1 = "",
+    y1 = "",
+    x2 = "",
+    y2 = "",
+    id = "",
+    zxX = "",
+    zxY = "",
+    mc = ""
+  } = data;
+  const centerPoint = [zxX, zxY];
+  const position = [
+    [Number(x1), Number(y1)],
+    [Number(x2), Number(y2)]
+  ];
+  const text = mc;
+  const obj = [{ position: position, text, id, userData: data }];
 
-  emitter.emit("echoPlane", { fontColor:'#12fdb8',coords: obj, type:'rectangle', flag:'addfg', color:'rgba(2,20,51,0.5)', linecolor:'#1C97FF'})
+  emitter.emit("echoPlane", {
+    fontColor: "#12fdb8",
+    coords: obj,
+    type: "rectangle",
+    flag: "addfg",
+    color: "rgba(2,20,51,0.5)",
+    linecolor: "#1C97FF"
+  });
   emitter.emit("setMapCenter", { location: centerPoint, zoomLevel: 14 });
 
-
   // 更新地图标注位置
-  if (type) return
-  emitter.emit("deletePointArea")
-  
+  if (type) return;
+  emitter.emit("deletePointArea");
+
   emitter.emit("addPointArea", {
     coords: [{ jd: form.value?.jd, wd: form.value?.wd }],
     coordinates: [form.value?.jd, form.value?.wd],
@@ -254,36 +236,33 @@ const setMap = (data, type = true) => {
     sizeX: 30,
     sizeY: 35
   });
-}
+};
 
 //提交
 const submit = async () => {
   try {
-    await formRef.value.validate()
-
+    await formRef.value.validate();
     if (!form.value?.id) {
-      await fetchTbZdxlFgdwBddSave(form.value)
+      await fetchTbZdxlFgdwBddSave(form.value);
     } else {
-      await fetchTbZdxlFgdwBddUpdate(form.value)  
+      await fetchTbZdxlFgdwBddUpdate(form.value);
     }
-
     proxy.$message({
       type: "success",
       message: "修改成功"
     });
     dialogFormVisible.value = false;
-    emits("ok")
-
+    emits("ok");
   } catch (error) {
     console.log(error);
   }
-}
+};
 
 onMounted(() => {
-  getFgList()
-})
+  getFgList();
+});
 
-defineExpose({ open })
+defineExpose({ open });
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/largeScreen/home/components/dialog/dkqkList.vue b/src/views/largeScreen/home/components/dialog/dkqkList.vue
new file mode 100644
index 0000000..8f5b3f9
--- /dev/null
+++ b/src/views/largeScreen/home/components/dialog/dkqkList.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="dialogBox" v-loading="loading">
+    <div class="title">
+      <span class="mc">{{ title }}</span>
+      <span class="close" @click="close">×</span>
+    </div>
+    <ul class="warningList" ref="gjyjList">
+      <li v-for="item in warningList" :key="item.id">
+        <div>打卡人：{{ item.dkrXm }}</div>
+        <div>必到点位置：{{ item.bddMc }}</div>
+        <div>打卡开始时间：{{ item.dkKsSj }}</div>
+        <div class="fj_box">
+          <div>打卡开始附件：</div>
+          <el-image
+            :append-to-body="true"
+            :preview-src-list="[
+              `/mosty-api/mosty-base/minio/image/download/${item.dkKsFj}`
+            ]"
+            style="width: 75px; height: 75px"
+            :src="`/mosty-api/mosty-base/minio/image/download/${item.dkKsFj}`"
+            fit="cover"
+            lazy
+          />
+        </div>
+        <div>打卡结束时间：{{ item.dkJsSj }}</div>
+        <div class="fj_box">
+          <div>打卡结束附件：</div>
+          <el-image
+            :append-to-body="true"
+            :preview-src-list="[
+              `/mosty-api/mosty-base/minio/image/download/${item.dkJsFj}`
+            ]"
+            style="width: 75px; height: 75px"
+            :src="`/mosty-api/mosty-base/minio/image/download/${item.dkJsFj}`"
+            fit="cover"
+            lazy
+          />
+        </div>
+      </li>
+      <el-empty
+        description="没有数据"
+        :image-size="0.1"
+        v-if="!loading && warningList.length <= 0"
+      />
+    </ul>
+  </div>
+</template>
+<script setup>
+import YjItem from "@/views/largeScreen/home/components/yjItem.vue";
+import { qcckPost, qcckGet, qcckPut, qcckDelete } from "@/api/qcckApi.js";
+import {
+  ref,
+  onMounted,
+  getCurrentInstance,
+  defineEmits,
+  defineProps,
+  watch
+} from "vue";
+const { proxy } = getCurrentInstance();
+const { D_BZ_YJLX } = proxy.$dict("D_BZ_YJLX");
+const warningList = ref([]); //预警列表数据
+const pageCurrent = ref(1);
+const pageTotal = ref(0);
+const yjInfo = ref(null); //预警信息
+const gjyjList = ref(null); //预警列表数据
+const loading = ref(false);
+//参数传递
+const props = defineProps({
+  //某条预警详情
+  info: {
+    type: Object,
+    default: {}
+  },
+  //标题数据
+  title: String
+});
+const emit = defineEmits(["close"]);
+onMounted(() => {
+  yjInfo.value = props.info;
+  // _getSelectTrack(props.info.id);
+});
+// 监听视频地址变化
+watch(
+  () => props.info,
+  (val) => {
+    pageCurrent.value = 1;
+    yjInfo.value = val;
+    _getSelectTrack(val.id);
+  },
+  { immediate: true, deep: true }
+);
+//关闭
+function close() {
+  emit("close", false);
+}
+
+//获取轨迹预警列表
+function _getSelectTrack(id) {
+  loading.value = true;
+  qcckGet({ xfbbId: id }, "/mosty-yjzl/tbZdxlFgdwBddxlrwJl/getRwjlByXfbbId")
+    .then((res) => {
+      loading.value = false;
+      warningList.value = res;
+    })
+    .catch((err) => {
+      loading.value = false;
+    });
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+.dialogBox {
+  ul.warningList {
+    height: calc(100vh - 198px);
+    overflow: hidden;
+    overflow-y: auto;
+    padding: 7px 10px;
+    box-sizing: border-box;
+    li {
+      margin-bottom: 10px;
+      border: 1px solid #14347b;
+      background: #0f2f59;
+      padding: 10px;
+      box-sizing: border-box;
+      border-radius: 10px;
+    }
+    .photo {
+      width: 60px;
+      height: 80px;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}
+//加载时 取消背景
+::v-deep .el-loading-mask {
+  background-color: transparent !important;
+}
+.fj_box {
+  display: flex;
+  align-items: flex-start;
+}
+</style>
diff --git a/src/views/largeScreen/home/components/rightDialog.vue b/src/views/largeScreen/home/components/rightDialog.vue
index be2a7d3..a58113e 100644
--- a/src/views/largeScreen/home/components/rightDialog.vue
+++ b/src/views/largeScreen/home/components/rightDialog.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="rightDilog noScollLine" :style="{ right: props.isPosition ? '0px' : '388px' }" style="transition: all 0.5s" >
+  <div
+    class="rightDilog noScollLine"
+    :style="{ right: props.isPosition ? '0px' : '388px' }"
+    style="transition: all 0.5s"
+  >
     <!-- 周边视频更多视频三个视频列表的时候 -->
     <MoreVideo
       @close="onVideoClose('zb')"
@@ -14,7 +18,7 @@
       :title="'视频随动'"
       v-if="showVideoSpsdWindow"
     />
-         <!-- 轨迹预警 -->
+    <!-- 轨迹预警 -->
     <DialogWarningList
       @close="onClose('gj')"
       :info="yjDetail"
@@ -28,6 +32,13 @@
       :title="'周边预警'"
       v-if="showZbyjWindow"
     />
+    <!-- 打卡情况 -->
+    <DkqkList
+      @close="onClose('dk')"
+      :info="dkqkDetail"
+      :title="'打卡情况'"
+      v-if="showDkqkWindow"
+    />
   </div>
 </template>
 
@@ -35,11 +46,14 @@
 import emitter from "@/utils/eventBus.js";
 import MoreVideo from "./dialog/moreVideo.vue";
 import DialogWarningList from "./dialog/warningList.vue";
+import DkqkList from "./dialog/dkqkList.vue";
 import { ref, defineProps, onMounted, onUnmounted } from "vue";
 const props = defineProps({
   isPosition: Boolean
 });
 const zbyjDetail = ref(null); //周边预警详情
+const dkqkDetail = ref(null); //打卡情况详情
+const showDkqkWindow = ref(false); //是否显示周边预警
 const yjDetail = ref(null); //某条预警详情
 const showZbyjWindow = ref(false); //是否显示周边预警
 const jqDetail = ref(null); // 某条警情详情
@@ -47,8 +61,8 @@ const showVideoWindow = ref(false); //是否显示周边视频
 const xzDetail = ref(null); //巡组详情
 const showVideoSpsdWindow = ref(false); //吃否显示视频随动
 const showYjWindow = ref(false); //是否显示预警轨迹弹窗
-onMounted(()=>{
-    emitter.on("videoClick", (res) => {
+onMounted(() => {
+  emitter.on("videoClick", (res) => {
     jqDetail.value = res;
     showVideoWindow.value = true;
   });
@@ -56,11 +70,15 @@ onMounted(()=>{
     showVideoWindow.value = false;
     showVideoSpsdWindow.value = false;
   });
-   emitter.on("clickZbyj", (res) => {
+  emitter.on("clickZbyj", (res) => {
     zbyjDetail.value = res;
     showZbyjWindow.value = true;
   });
-   emitter.on("showCcyj", (res) => {
+  emitter.on("clickDkqk", (res) => {
+    dkqkDetail.value = res;
+    showDkqkWindow.value = true;
+  });
+  emitter.on("showCcyj", (res) => {
     yjDetail.value = res;
     showYjWindow.value = true;
   });
@@ -69,7 +87,7 @@ onMounted(()=>{
     xzDetail.value = res;
     showVideoSpsdWindow.value = true;
   });
-})
+});
 //关闭周边视频 || 视频随动
 function onVideoClose(type) {
   if (type == "zb") {
@@ -82,10 +100,15 @@ function onVideoClose(type) {
 function onClose(type) {
   if (type == "gj") {
     showYjWindow.value = false;
-  } else {
+  } else if (type == "zb") {
     showZbyjWindow.value = false;
+  } else {
+    showDkqkWindow.value = false;
   }
 }
+onUnmounted(() => {
+  emitter.off("clickDkqk");
+});
 </script>
 
 <style lang="scss" scoped>
@@ -94,8 +117,8 @@ function onClose(type) {
   position: absolute;
   top: 91px;
   width: 360px;
-  right: 380px ;
-  z-index:9;
+  right: 380px;
+  z-index: 9;
   max-height: 90vh;
   overflow: hidden;
   overflow-y: auto;
diff --git a/src/views/largeScreen/home/layout/streetInfo.vue b/src/views/largeScreen/home/layout/streetInfo.vue
index 2eefed5..c3adf00 100644
--- a/src/views/largeScreen/home/layout/streetInfo.vue
+++ b/src/views/largeScreen/home/layout/streetInfo.vue
@@ -111,6 +111,7 @@
           <el-button @click.stop="onClickGjhf">回放</el-button>
         </div>
       </el-popover>
+      <button class="dp-default small" @click="getDkqkData">打卡情况</button>
     </div>
   </div>
 </template>
@@ -340,6 +341,10 @@ function onClickZbyj() {
   let { jd, wd } = props.data;
   emitter.emit("clickZbyj", { jd, wd });
 }
+const getDkqkData=()=>{
+  emitter.emit("closeVideo");
+  emitter.emit("clickDkqk", props.data);
+}
 
 </script>
 
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 4b7609e..46f04eb 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -189,21 +189,21 @@ const handleLogin = () => {
     loading.value = true;
     console.log(loginForm.value,'loginForm.value')
     store.dispatch("user/login", loginForm.value).then((res) => {
-      loading.value = false;
-      // 登录后操作
-      // return false //调试好后删除
-      if (res.deptList.length === 1) {
-        window.location.href = '/'
-      } else {
-        deptList.value = [...res.deptList];
-        loginDialog.value = true;
-        authorization.value = res.jwtToken;
-        ElNotification({
-          title: "提示",
-          message: "请选择部门",
-          duration: 3000
-        });
-      }
+      // loading.value = false;
+      // // 登录后操作
+      // // return false //调试好后删除
+      // if (res.deptList.length === 1) {
+      //   window.location.href = '/'
+      // } else {
+      //   deptList.value = [...res.deptList];
+      //   loginDialog.value = true;
+      //   authorization.value = res.jwtToken;
+      //   ElNotification({
+      //     title: "提示",
+      //     message: "请选择部门",
+      //     duration: 3000
+      //   });
+      // }
     })
       .catch(() => {
         loading.value = false;
diff --git a/vue.config.js b/vue.config.js
index f287bd8..0a0bc58 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -4,7 +4,7 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 const serverHost = "http://118.122.165.45:35623";
-// const serverHost = "http://192.168.1.8:8006";
+// const serverHost = "http://192.168.3.105:8006";
 
 module.exports = {
   publicPath: "/",