<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationStyle: 'custom'
  }
}
</route>

<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>
    <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 class="flex flex-col">
            <view>系统自动操作下发</view>
            <view class="color-gray">2025-01-07 10:19:28</view>
          </view>
          <view class="flex flex-row">
            <view class="color-[#3372FA]">已完成</view>
          </view>
        </view>
      </view>
    </scroll-view>
    <view
      class="flex flex-row flex-justify-between px-4 py-3 box-border border-solid border-0 border-t-1 border-gray-200"
    >
      <view class="flex-1 mr-2">
        <wd-button custom-style="background:#E9EBEF;color:#3372FA" :round="false" block>
          刷新纪录
        </wd-button>
      </view>
      <view class="flex-1 ml-2">
        <wd-button :round="false" block>手动下发</wd-button>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
  //
</script>

<style lang="scss" scoped>
  //
</style>
