zhengyiming
3 天以前 a2f75928b5abc29949e5655a687a5ad0a77533ac
apps/housekeepingMiniApp/src/subpackages/mine/mineReserveService/InnerPage.vue
文件名从 apps/housekeepingMiniApp/src/subpackages/mine/mineSign/InnerPage.vue 修改
@@ -14,13 +14,14 @@
      :pane-key="GetPersonalApplyTaskInfosQueryStatus.WaitHire"
    ></ProTabPane>
    <ProTabPane
      :title="`寰呯绾"
      :title="`寰呮湇鍔"
      :pane-key="GetPersonalApplyTaskInfosQueryStatus.WaitSignContract"
    ></ProTabPane>
    <ProTabPane
      :title="`宸茶阿缁漙"
      :title="`宸插畬鎴恅"
      :pane-key="GetPersonalApplyTaskInfosQueryStatus.HireRefuse"
    ></ProTabPane>
    <ProTabPane :title="`宸插彇娑坄" :pane-key="40"></ProTabPane>
  </ProTabs>
  <InfiniteLoading
    scrollViewClassName="common-infinite-scroll-list home-list"
@@ -28,7 +29,7 @@
    :key="queryState.status"
  >
    <template #renderItem="{ item }">
      <TaskCard
      <ReserveServiceCard
        :name="item.name"
        :begin-time="item.beginTime"
        :end-time="item.endTime"
@@ -37,33 +38,18 @@
        :service-fee="item.serviceFee"
        :settlement-cycle="item.settlementCycle"
        :address-name="item.addressName"
        :unRead="item.unRead"
        @click="goTaskDetail(item)"
        @click="goSerciceDetail(item)"
      >
        <template #actions>
          <div
            class="task-card-actions-text"
            :style="{ color: GetPersonalApplyTaskInfosQueryStatusColor[item.status] }"
          >
            {{ GetPersonalApplyTaskInfosQueryStatusText[item.status] }}
          </div>
        </template>
      </TaskCard>
      </ReserveServiceCard>
    </template>
  </InfiniteLoading>
</template>
<script setup lang="ts">
import { TaskCard, ProTabs, ProTabPane } from '@12333/components';
import { ProTabs, ProTabPane } from '@12333/components';
import { useUserStore } from '@/stores/modules/user';
import { useInfiniteLoading } from '@12333/hooks';
import {
  EnumPagedListOrder,
  GetPersonalApplyTaskInfosQueryStatus,
  GetPersonalApplyTaskInfosQueryStatusText,
  GetPersonalApplyTaskInfosQueryStatusColor,
  EnumReadScene,
} from '@12333/constants';
import { EnumPagedListOrder, GetPersonalApplyTaskInfosQueryStatus } from '@12333/constants';
import * as taskServices from '@12333/services/apiV2/task';
import Taro from '@tarojs/taro';
@@ -79,39 +65,30 @@
const { infiniteLoadingProps } = useInfiniteLoading(
  ({ pageParam }) => {
    let params: API.GetPersonalApplyTaskInfosQuery = {
    let params: API.GetTaskInfosQuery = {
      pageModel: {
        rows: 20,
        page: pageParam,
        orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
      },
    };
    if (Number(queryState.status)) {
      params.status = queryState.status;
    }
    return taskServices.getPersonalApplyTaskInfos(params, {
    return taskServices.getOpenTaskInfos(params, {
      showLoading: false,
    });
  },
  {
    queryKey: ['taskServices/getPersonalApplyTaskInfos', queryState],
    queryKey: ['taskServices/getOpenTaskInfos', queryState],
  }
);
function goTaskDetail(item: API.GetPersonalApplyTaskInfosQueryResultItem) {
function goSerciceDetail(item: any) {
  Taro.navigateTo({
    url: `${RouterPath.taskDetail}?id=${item.id}&from=sign&readScene=${EnumReadScene.TaskUserApplyForPersonal}`,
    url: `${RouterPath.serciceDetail}?id=${item.id}`,
  });
}
</script>
<style lang="scss">
@import '@/styles/common.scss';
.mineSign-page-wrapper {
  .task-card-actions-text {
    font-size: 24px;
    line-height: 42px;
  }
}
</style>