feat: 1.下发记录详情

src/pages/attendance/AttendanceClockIn.vue

@@ -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>

src/pages/attendance/AttendanceSet.vue

@@ -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"

src/pages/attendance/allowed-time.vue

@@ -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>

src/pages/attendance/attendance.vue

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

src/pages/attendance/issue-record-detail.vue

@@ -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>

src/pages/attendance/issue-record.vue

@@ -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
-        <view class="flex flex-row flex-justify-between">
+        @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>{{ item.dec }}</view>
-            <view class="color-gray">2025-01-07 10:19:28</view>
+            <view class="color-gray mt-1.5">{{ item.time }}</view>
           </view>
-          <view class="flex flex-row">
+          <view class="flex flex-row items-center">
-            <view class="color-[#3372FA]">已完成</view>
+            <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>