<template>
  <view class="bg-white rounded-2 py-2 px-4 mx-4">
    <view class="flex flex-items-center">
      <image
        src="/static/images/icon_default_avatar.png"
        class="w-10 h-10"
        mode="aspectFill"
      ></image>
      <view class="ml-4">
        <view class="font-bold text-4.5">请假</view>
        <view class="text-3.5 mt-1">xxx</view>
      </view>
      <view
        class="ml-a rounded py-0.5 px-1.5 text-3.5 border-solid border-1 border-#ef811c color-#ef811c"
      >
        审批中
      </view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>所属组织：</view>
      <view class="mt-2 break-all">123132123的互联</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>审批编号：</view>
      <view class="mt-2 break-all">845465465465465465456</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>请假类型：</view>
      <view class="mt-2 break-all">年假</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>开始时间：</view>
      <view class="mt-2 break-all">2025-01-10</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>结束时间：</view>
      <view class="mt-2 break-all">2025-01-10</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>请假时长(天)：</view>
      <view class="mt-2 break-all">1.0</view>
    </view>
    <view class="my-2 h-1px w-full bg-#eef0f5"></view>
    <view class="custom-color-black">
      <view>请假原因：</view>
      <view class="mt-2 break-all">
        请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假请假1111111111111111111111
      </view>
    </view>
  </view>
</template>

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

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