fix: bug

zhengyiming

2 天以前 09f3204111094a4814bc7df19c0dbf9e7a8f6706

 apps/housekeepingMiniApp/src/subpackages/mine/mineReserveServiceConfirm/InnerPage.vue

@@ -1,14 +1,17 @@
<template>
  <ContentScrollView style="background-color: transparent" has-padding-top>
  <ContentScrollView style="background-color: #fff" has-padding-top>
    <div class="taskCheckFileCard-status-title">验收照片</div>
    <TaskCheckFileCard
      :created-time="'2025-12-12 12:12:12'"
      :userCheckInTime="'2025-12-12 12:12:12'"
      :userCheckOutTime="'2025-12-12 12:12:12'"
      :checkReceiveStatus="10"
      :checkReceiveMethods="[10]"
      :files="list"
      :created-time="detail.createdTime"
      :files="detail?.files?.map?.((x) => setOSSLink(x))"
    ></TaskCheckFileCard>
    <nut-form :model-value="form" ref="formRef" :rules="rules" label-position="top">
    <nut-form
      :model-value="form"
      ref="formRef"
      :rules="rules"
      label-position="top"
      class="mineReserveServiceConfirm-page-form"
    >
      <nut-form-item class="bole-form-item" prop="remark" label="备注">
        <nut-textarea v-model="form.remark" rows="4" placeholder="请输入"> </nut-textarea>
      </nut-form-item>
@@ -21,25 +24,38 @@

<script setup lang="ts">
import Taro from '@tarojs/taro';
import * as standardServiceServices from '@12333/services/apiV2/standardService';
import * as standardOrderServices from '@12333/services/apiV2/standardOrder';
import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types';
import { TaskCheckFileCard } from '@12333/components';
import { setOSSLink } from '@12333/utils';
import { Message, setOSSLink } from '@12333/utils';
import { useQuery } from '@tanstack/vue-query';
import { goBack } from '@/utils';

defineOptions({
  name: 'InnerPage',
});

const list = ref([
  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
  'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
  'https://storage.360buyimg.com/jdc-article/fristfabu.jpg',
]);

const route = Taro.useRouter();
const id = route.params?.id as string;

const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['standardOrderServices/getSureStandardOrder', id],
  queryFn: async () => {
    const params: API.APIgetSureStandardOrderParams = {
      id: id,
    };
    return await standardOrderServices.getSureStandardOrder(params, {
      showLoading: false,
    });
  },
  placeholderData: () => ({} as API.GetSureStandardOrderQueryResult),
});

const form = reactive({
  remark: '',
});
@@ -58,10 +74,44 @@

async function confirm() {
  try {
    let params: API.SureStandardOrderCommand = {
      id: id,
      appointmentCompletedRemark: form.remark,
    };
    let res = await standardOrderServices.sureStandardOrder(params);
    if (res) {
      Message.success('已确认', {
        onClosed() {
          goBack();
        },
      });
    }
  } catch (error) {}
}
</script>

<style lang="scss">
@import '@/styles/common.scss';

.mineReserveServiceConfirm-page-wrapper {
  .taskCheckFileCard-status-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px;
    color: boleGetCssVar('text-color', 'primary');
  }

  .mineReserveServiceConfirm-page-form {
    margin-top: 20px;

    .nut-cell-group__wrap {
      box-shadow: none;
    }

    .bole-form-item {
      padding: 0 !important;
    }
  }
}
</style>