sky/starwork-uniapp
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 1.下发记录详情

Browse Source
This commit is contained in:
米子豪 2025-01-07 17:00:29 +08:00
parent edefa05ae1
commit 8faf8f51e3
6 changed files with 246 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/attendance/AttendanceClockIn.vue
View File

@ -8,7 +8,7 @@
</route>
<template>
<view class="bg-white rounded-1 pt-20 pb-15 box-border mx-4 mt-2">
<view class="bg-white rounded-1 pt-20 pb-15 box-border mx-4 pt-2">
<view class="text-center">
<image src="/static/images/icon_wechat.png" class="w-30 h30" />
</view>

2
src/pages/attendance/AttendanceSet.vue
View File

@ -8,7 +8,7 @@
</route>
<template>
<view class="mx-4 mt-2">
<view class="mx-4 pt-2">
<view
class="my-2 p-3.5 flex flex-justify-between rounded-1.2 items-center bg-white"
@click="goAddGroup"

2
src/pages/attendance/allowed-time.vue
View File

@ -47,7 +47,7 @@
</view>
</scroll-view>
<view class="mt-a w-full p-3 box-border border-solid border-0 border-t-1 border-gray-200">
<wd-button block>保存</wd-button>
<wd-button :round="false" block>保存</wd-button>
</view>
</view>
</template>

14
src/pages/attendance/attendance.vue
View File

@ -8,12 +8,14 @@
</route>
<template>
<TopNavigation :title="titleTab[curIndex]"></TopNavigation>
<scroll-view class="h-[calc(100vh-50px-60px)]" scroll-y>
<view v-for="(item, index) in pages" :key="index" v-show="curIndex == index">
<component :is="item"></component>
</view>
</scroll-view>
<view class="h-[calc(100vh-50px)] flex flex-col">
<TopNavigation :title="titleTab[curIndex]"></TopNavigation>
<scroll-view class="flex-1 box-border" scroll-y>
<view v-for="(item, index) in pages" :key="index" v-show="curIndex == index">
<component :is="item"></component>
</view>
</scroll-view>
</view>
<CustomTabBar :list="list" :default-index="0" @change="change"></CustomTabBar>
</template>

152
src/pages/attendance/issue-record-detail.vue Normal file
View File

@ -0,0 +1,152 @@
<route lang="json5" type="page">
{
layout: 'default',
style: {
navigationStyle: 'custom'
}
}
</route>
<template>
<view class="h-100vh flex flex-col">
<TopNavigation title="下发记录详情"></TopNavigation>
<wd-tabs v-model="tabsIndex">
<block v-for="item in tabs" :key="item">
<wd-tab :title="`${item.title}(${item.num})`"></wd-tab>
</block>
</wd-tabs>
<view v-show="tabsIndex == 0" class="flex overflow-x-auto whitespace-nowrap mt-4">
<view
@click="tagIndex = index"
v-for="(item, index) in tagList"
:key="index"
:class="tagIndex === index ? 'color-[#3372FA]' : ''"
class="bg-white px-3 py-1.5 rounded-10 color-gray text-3 ml-3"
>
{{ item.name }}
</view>
</view>
<scroll-view scroll-y class="flex-1 p-3 box-border">
<view v-for="(item, index) in detailList" :key="index" class="bg-white rounded-1 p-3 mb-2">
<view class="flex flex-row flex-justify-between">
<view>
<view>{{ item.name }}</view>
<view class="text-3 color-gray">{{ item.organization }}</view>
</view>
<view class="text-2.5 color-gray">{{ item.time }}</view>
</view>
<view class="hpx bg-gray-100 my-3"></view>
<view class="flex flex-row items-center mt-1.5">
<view class="i-carbon-virtual-machine text-3 color-gray"></view>
<view class="w-15 ml-2.5 color-gray text-3">考勤机:</view>
<view class="text-3">{{ item.machine }}</view>
</view>
<view class="flex flex-row items-center mt-1.5">
<view class="i-carbon-virtual-machine text-3 color-gray"></view>
<view class="w-15 ml-2.5 color-gray text-3">通行凭证:</view>
<view class="text-3">{{ item.certificate }}</view>
</view>
<view class="flex flex-row items-center mt-1.5">
<view class="i-carbon-virtual-machine text-3 color-gray"></view>
<view class="w-15 ml-2.5 color-gray text-3">权限操作:</view>
<view class="text-3">{{ item.operation }}</view>
</view>
<view v-if="tabsIndex == 0" class="flex flex-row items-center mt-1.5">
<view class="i-carbon-virtual-machine text-3 color-gray"></view>
<view class="w-15 ml-2.5 color-gray text-3">失败原因:</view>
<view class="text-3 color-red">{{ item.fail }}</view>
</view>
</view>
</scroll-view>
</view>
</template>
<script lang="ts" setup>
const tagList = [
{
name: '全部'
},
{
name: '人脸不符合要求'
},
{
name: '设备离线'
},
{
name: '设备未响应'
},
{
name: '其他'
}
]
const detailList = [
{
time: '2025-01-07 14:32:19',
dec: '系统自动操作下发',
name: 'HikMall_321312312',
organization: '192312312的互联',
machine: 'DS-K(L40231232)',
certificate: '指纹1',
operation: '下发权限',
fail: '设备离线，请稍后再试'
},
{
time: '2025-01-07 14:32:19',
dec: '系统自动操作下发',
name: 'HikMall_321312312',
organization: '192312312的互联',
machine: 'DS-K(L40231232)',
certificate: '指纹1',
operation: '下发权限',
fail: '设备离线，请稍后再试'
},
{
time: '2025-01-07 14:32:19',
dec: '系统自动操作下发',
name: 'HikMall_321312312',
organization: '192312312的互联',
machine: 'DS-K(L40231232)',
certificate: '指纹1',
operation: '下发权限',
fail: '设备离线，请稍后再试'
},
{
time: '2025-01-07 14:32:19',
dec: '系统自动操作下发',
name: 'HikMall_321312312',
organization: '192312312的互联',
machine: 'DS-K(L40231232)',
certificate: '指纹1',
operation: '下发权限',
fail: '设备离线，请稍后再试'
},
{
time: '2025-01-07 14:32:19',
dec: '系统自动操作下发',
name: 'HikMall_321312312',
organization: '192312312的互联',
machine: 'DS-K(L40231232)',
certificate: '指纹1',
operation: '下发权限',
fail: '设备离线，请稍后再试'
}
]
const tabs = [
{
title: '成功',
num: detailList.length
},
{
title: '失败',
num: detailList.length
}
]
const tagIndex = ref(0)
const tabsIndex = ref(0)
//
</script>
<style lang="scss" scoped>
//
</style>

90
src/pages/attendance/issue-record.vue
View File

@ -10,18 +10,39 @@
<template>
<view class="h-100vh flex flex-col">
<TopNavigation title="下发记录"></TopNavigation>
<view class="bg-orange-100 px-2 py-2 color-orange text-3.3">
<view class="bg-orange-100 p-2 color-orange text-3.3">
此处仅展示考勤组中打卡设备的下发记录
</view>
<scroll-view scroll-y class="flex-1 p-3.5 box-border">
<view class="bg-white rounded-1 p-3">
<view class="flex flex-row flex-justify-between">
<view
@click="goDetail"
v-for="(item, index) in recordList"
:key="index"
class="bg-white rounded-1 p-3 mb-2"
>
<view class="flex flex-row flex-justify-between items-center">
<view class="flex flex-col">
<view>系统自动操作下发</view>
<view class="color-gray">2025-01-07 10:19:28</view>
<view>{{ item.dec }}</view>
<view class="color-gray mt-1.5">{{ item.time }}</view>
</view>
<view class="flex flex-row">
<view class="color-[#3372FA]">已完成</view>
<view class="flex flex-row items-center">
<view class="color-[#3372FA]">{{ item.status }}</view>
<view class="i-carbon-chevron-right ml-2 text-2.5"></view>
</view>
</view>
<view class="hpx bg-gray-100 my-3"></view>
<view class="flex flex-row flex-justify-around">
<view class="flex flex-col items-center">
<view class="font-bold text-5">{{ item.success }}</view>
<view class="text-3">成功</view>
</view>
<view class="flex flex-col items-center">
<view class="font-bold text-5">{{ item.fail }}</view>
<view class="text-3">失败</view>
</view>
<view class="flex flex-col items-center">
<view class="font-bold text-5">{{ item.total }}</view>
<view class="text-3">总数</view>
</view>
</view>
</view>
@ -42,6 +63,61 @@
</template>
<script lang="ts" setup>
const recordList = ref([
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
},
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
},
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
},
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
},
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
},
{
time: '2025-01-07 10:19:28',
dec: '系统自动操作下发',
status: '已完成',
success: 1,
fail: 1,
total: 1
}
])
const goDetail = () => {
uni.navigateTo({
url: '/pages/attendance/issue-record-detail'
})
}
//
</script>