DY-JMXF/dy_app
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理巡逻打卡列表时间筛选 处理时间轴图片展示处理

Browse Source
This commit is contained in:
maojiacai
2025-09-18 18:36:36 +08:00
parent 4e07b3381a
commit aed0ed60ba
8 changed files with 124 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/clockInPage/components/Timeline.vue
View File

@ -9,7 +9,7 @@
<div v-if="item?.dkKsSj" class="time">打卡时间：<text>{{ handleTime(item?.dkKsSj) }}</text></div>
<div v-if="item?.imgUrlDkKsFj" class="image">
<van-image width="80px" :src="item?.imgUrlDkKsFj" @click="onClickImg(item?.imgUrlDkKsFj)" style="flex: 1">
<van-image width="80px" height="95px" :src="item?.imgUrlDkKsFj" @click="onClickImg(item?.imgUrlDkKsFj)" style="flex: 1">
<template v-slot:loading>
<van-loading type="spinner" size="20" />
</template>
@ -30,7 +30,7 @@
<div v-if="item?.dkJsSj" class="time">打卡时间：<text>{{ handleTime(item?.dkJsSj) }}</text></div>
<div v-if="item?.imgUrlDkJsFj" class="image">
<van-image width="80px" :src="item?.imgUrlDkJsFj" @click="onClickImg(item?.imgUrlDkJsFj)" style="flex: 1">
<van-image width="80px" height="95px" :src="item?.imgUrlDkJsFj" @click="onClickImg(item?.imgUrlDkJsFj)" style="flex: 1">
<template v-slot:loading>
<van-loading type="spinner" size="20" />
</template>

30
src/pages/clockInPage/index.vue
View File

@ -22,7 +22,7 @@ const baseUrl = ref("")
const fileId = ref("")
const startTime = ref("2025-09-08 15:29:00");
const startTime = ref("2025-09-18 18:15:00");
const useCountdownFromTime = (minutes = 10) => {
const timeLeft = ref(0); // 剩余毫秒数
@ -162,13 +162,21 @@ const photoFn = () => {
}
}
const count = (item) => {
if (!item || !item.dkSx) return undefined;
// 支持更大数字的转换
const getChineseNumber = (num) => {
const numbers = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
const numbers = ['一', '二', '三', '四'];
const index = item.dkSx - 1; // 假设 dkSx 是从1开始的数字
return numbers[index];
if (num <= 10) {
return numbers[num - 1];
} else if (num <= 19) {
return `十${numbers[num - 11] || ''}`;
} else if (num <= 99) {
const tens = Math.floor(num / 10);
const units = num % 10;
return `${numbers[tens - 1]}十${units > 0 ? numbers[units - 1] : ''}`;
} else {
return num.toString(); // 超过99返回阿拉伯数字
}
};
const onChange = (value) => {
@ -249,14 +257,16 @@ const getData = async () => {
});
// 设置数据
data.info = res.map(item => ({
data.info = res.map((item, index) => ({
...item,
count: count(item),
count: getChineseNumber(index + 1),
imgUrlDkJsFj: item?.dkJsFj ? imageMap.get(item.dkJsFj) : null,
imgUrlDkKsFj: item?.dkKsFj ? imageMap.get(item.dkKsFj) : null,
}));
// 打卡结束经纬度
const dkJs = res?.map(i => ({ jd: i?.dkJsJd, wd: i?.dkJsWd }))
// 打卡开始经纬度
const dkKs = res?.map(i => ({ jd: i?.dkKsJd, wd: i?.dkKsWd }))
// 删除标注
@ -287,7 +297,7 @@ const getData = async () => {
//地图撒点然后移动
emitter.emit("addPointArea", {
coords: [{ jd, wd }],
icon: require("../../assets/lz/dw.png"),
icon: require("../../assets/lz/peoplePolice.png"),
flag: "checkPoint",
});
}