From ae1b411fcb54f794646b32b29c47cb380163f95e Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期一, 17 二月 2025 14:32:05 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/subpackages/flexJobManage/flexJobSign/InnerPage.vue | 93 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 93 insertions(+), 0 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/flexJobManage/flexJobSign/InnerPage.vue b/apps/bMiniApp/src/subpackages/flexJobManage/flexJobSign/InnerPage.vue new file mode 100644 index 0000000..324e935 --- /dev/null +++ b/apps/bMiniApp/src/subpackages/flexJobManage/flexJobSign/InnerPage.vue @@ -0,0 +1,93 @@ +<template> + <div class="searchbar-container"> + <BlSearchbar + v-model.trim="searchValue" + placeholder="鎼滅储鍚堝悓鍚�/缂栧彿" + @search="handleSearch" + @change="handleSearch" + ></BlSearchbar> + <ChunkTitle title="鍚堝悓鍒楄〃" /> + </div> + + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list flexJobSign-list" + v-bind="infiniteLoadingProps" + > + <template #renderItem="{ item }"> + <SignCard @click="handleCheck(item)" v-model:checked-id="checkedId" :id="item.id"></SignCard> + </template> + </InfiniteLoading> + + <PageFooter> + <PageFooterBtn type="primary">閭�璇风绾�</PageFooterBtn> + </PageFooter> +</template> + +<script setup lang="ts"> +import { useInfiniteLoading } from '@12333/hooks'; +import { OrderInputType } from '@12333/constants'; +import * as orderServices from '@12333/services/api/Order'; +import _ from 'lodash'; +import { trim } from '@12333/utils'; +import { SignCard } from '@12333/components'; + +defineOptions({ + name: 'InnerPage', +}); + +const searchValue = ref(''); +const queryState = reactive({ + searchValueTrim: '', +}); + +const checkedId = ref(''); + +const handleSearch = _.debounce(function () { + queryState.searchValueTrim = trim(searchValue.value); +}, 300); + +const { infiniteLoadingProps } = useInfiniteLoading( + ({ pageParam }) => { + let params: API.FrontOrderListInput = { + pageModel: { + rows: 20, + page: pageParam, + orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], + }, + }; + + return orderServices.getFrontOrderList(params, { + showLoading: false, + }); + }, + { + queryKey: ['orderServices/getFrontOrderList'], + } +); + +function handleCheck(item: API.OrderInfoDto) { + checkedId.value = item.id; +} +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.flexJobSign-page-wrapper { + .searchbar-container { + padding: 30px 60px; + } + + .chunk-title-wrapper { + padding: 30px 10px 0; + } + + .flexJobSign-list { + .infinite-list-inner { + background-color: #ffffff; + padding: 0 30px; + border-radius: 12px; + } + } +} +</style> -- Gitblit v1.9.1