fix: 请假和出差详情缺失时间

gongchunyi

2026-10-30 cee4aba1b46454f3220d0408694dd734705ac6fc

fix: 请假和出差详情缺失时间

 src/views/collaborativeApproval/approvalProcess/components/approvalDia.vue

@@ -53,6 +53,30 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="isLeaveApproval">
          <el-col :span="24">
            <el-form-item label="请假时间：">
              <el-input :model-value="leaveDateRange"
                        disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="isBusinessTripApproval">
          <el-col :span="24">
            <el-form-item label="出差时间：">
              <el-input :model-value="tripTimeRange"
                        disabled />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="isBusinessTripApproval">
          <el-col :span="24">
            <el-form-item label="出差地点：">
              <el-input :model-value="form.location || '--'"
                        disabled />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <!-- 报价审批：展示报价详情（复用销售报价"查看详情对话框"内容结构） -->
      <div v-if="isQuotationApproval"
@@ -373,6 +397,8 @@
  const isQuotationApproval = computed(() => Number(props.approveType) === 6);
  const isPurchaseApproval = computed(() => Number(props.approveType) === 5);
  const isDeliveryApproval = computed(() => Number(props.approveType) === 7);
  const isBusinessTripApproval = computed(() => Number(props.approveType) === 3);
  const isLeaveApproval = computed(() => Number(props.approveType) === 2);

  const data = reactive({
    form: {
@@ -384,6 +410,30 @@
  });
  const { form } = toRefs(data);

  // 出差时间格式化
  const formatTripDateTime = value => {
    if (!value) return "--";
    return String(value).replace("T", " ").slice(0, 16);
  };
  const tripTimeRange = computed(() => {
    const start = formatTripDateTime(form.value.startDateTime);
    const end = formatTripDateTime(form.value.endDateTime);
    if (start === "--" && end === "--") return "--";
    return `${start} 至 ${end}`;
  });

  // 请假日期格式化
  const formatLeaveDate = value => {
    if (!value) return "--";
    return String(value).replace("T", " ").slice(0, 10);
  };
  const leaveDateRange = computed(() => {
    const start = formatLeaveDate(form.value.startDate);
    const end = formatLeaveDate(form.value.endDate);
    if (start === "--" && end === "--") return "--";
    return `${start} 至 ${end}`;
  });

  // 节点标题
  const getNodeTitle = (index, len) => {
    if (index === len - 1) return "结束";

 src/views/collaborativeApproval/approvalProcess/components/viewDetailDia.vue

@@ -13,6 +13,15 @@
        <el-descriptions-item label="报销金额" v-if="Number(props.approveType) === 4">
          {{ form.price }}
        </el-descriptions-item>
        <el-descriptions-item label="请假时间" v-if="isLeaveApproval">
          {{ leaveDateRange }}
        </el-descriptions-item>
        <el-descriptions-item label="出差时间" v-if="isBusinessTripApproval">
          {{ tripTimeRange }}
        </el-descriptions-item>
        <el-descriptions-item label="出差地点" v-if="isBusinessTripApproval">
          {{ form.location || '--' }}
        </el-descriptions-item>
      </el-descriptions>
      <!-- 报价审批：展示报价详情（复用销售报价"查看详情对话框"内容结构） -->
      <div v-if="isQuotationApproval"
@@ -339,6 +348,8 @@
  const isQuotationApproval = computed(() => Number(props.approveType) === 6);
  const isPurchaseApproval = computed(() => Number(props.approveType) === 5);
  const isDeliveryApproval = computed(() => Number(props.approveType) === 7);
  const isBusinessTripApproval = computed(() => Number(props.approveType) === 3);
  const isLeaveApproval = computed(() => Number(props.approveType) === 2);

  const data = reactive({
    form: {
@@ -350,6 +361,30 @@
  });
  const { form } = toRefs(data);

  // 出差时间格式化
  const formatTripDateTime = value => {
    if (!value) return "--";
    return String(value).replace("T", " ").slice(0, 16);
  };
  const tripTimeRange = computed(() => {
    const start = formatTripDateTime(form.value.startDateTime);
    const end = formatTripDateTime(form.value.endDateTime);
    if (start === "--" && end === "--") return "--";
    return `${start} 至 ${end}`;
  });

  // 请假日期格式化
  const formatLeaveDate = value => {
    if (!value) return "--";
    return String(value).replace("T", " ").slice(0, 10);
  };
  const leaveDateRange = computed(() => {
    const start = formatLeaveDate(form.value.startDate);
    const end = formatLeaveDate(form.value.endDate);
    if (start === "--" && end === "--") return "--";
    return `${start} 至 ${end}`;
  });

  // 节点标题
  const getNodeTitle = (index, len) => {
    if (index === len - 1) return "结束";