wupengfei
2025-11-07 012821743b57aab8c12c3b04ae6bd123f64367e4
packages/components/src/Card/TaskCheckFileCard.vue
@@ -1,8 +1,26 @@
<template>
  <div class="taskCheckFileCard-wrapper">
    <div class="taskCheckFileCard-status-wrapper">
      <div class="taskCheckFileCard-time">
        {{ dayjs(props.createdTime).format('YYYY-MM-DD HH:mm:ss') }}
      <div class="taskCheckFileCard-time-wrapper">
        <template v-if="OrderUtils.isContainCheckIn(checkReceiveMethods)">
          <div class="taskCheckFileCard-time">
            签到时间:{{
              props.userCheckInTime
                ? dayjs(props.userCheckInTime).format('YYYY-MM-DD HH:mm:ss')
                : ''
            }}
          </div>
          <div class="taskCheckFileCard-time">
            签出时间:{{
              props.userCheckOutTime
                ? dayjs(props.userCheckOutTime).format('YYYY-MM-DD HH:mm:ss')
                : ''
            }}
          </div>
        </template>
        <div class="taskCheckFileCard-time" v-else>
          {{ props.createdTime ? dayjs(props.createdTime).format('YYYY-MM-DD HH:mm:ss') : '' }}
        </div>
      </div>
      <div
        class="taskCheckFileCard-status"
@@ -10,7 +28,7 @@
          color: Colors.Warning,
        }"
      >
        {{ EnumTaskCheckReceiveStatusText[props.checkReceiveStatus] }}
        {{ EnumTaskUserSubmitCheckReceiveStatusText[props.checkReceiveStatus] }}
      </div>
    </div>
@@ -23,13 +41,13 @@
      class="taskCheckFileCard-img-grid"
    >
      <nut-grid-item
        v-for="(itema, index) in props.files"
        v-for="(fileItem, index) in props.files"
        :key="index"
        class="publish-circle-friend-file-grid-item"
      >
        <div class="taskCheckFileCard-img-grid-item">
          <PreviewImage
            :src="setOSSLink(itema)"
            :src="setOSSLink(fileItem)"
            class="taskCheckFileCard-img"
            :urls="props.files"
          />
@@ -44,9 +62,10 @@
import {
  Colors,
  EnumTaskUserSubmitCheckReceiveStatus,
  EnumTaskCheckReceiveStatusText,
  EnumTaskUserSubmitCheckReceiveStatusText,
  EnumTaskCheckReceiveMethod,
} from '@12333/constants';
import { setOSSLink } from '@12333/utils';
import { setOSSLink, OrderUtils } from '@12333/utils';
import dayjs from 'dayjs';
defineOptions({
@@ -59,6 +78,14 @@
  files?: string[];
  showCheckReceiveStatus?: boolean;
  /** 用户签到时间 */
  userCheckInTime?: string;
  /** 用户签出时间 */
  userCheckOutTime?: string;
  /** 验收方式 */
  checkReceiveMethods?: EnumTaskCheckReceiveMethod[];
};
const props = withDefaults(defineProps<Props>(), {
@@ -72,7 +99,7 @@
.taskCheckFileCard-wrapper {
  .taskCheckFileCard-status-wrapper {
    display: flex;
    align-items: center;
    align-items: flex-start;
    justify-content: space-between;
  }
@@ -80,7 +107,7 @@
    font-weight: 400;
    font-size: 24px;
    color: boleGetCssVar('text-color', 'regular');
    line-height: 32px;
    line-height: 44px;
  }
  .taskCheckFileCard-img-grid {