| | |
| | | <template> |
| | | <ContentScrollView style="background-color: transparent"> |
| | | <div class="flexJobSign-page-wrapper"> |
| | | <div class="searchbar-container"> |
| | | <BlSearchbar |
| | | v-model.trim="searchValue" |
| | | placeholder="搜索合同名/编号" |
| | | @search="handleSearch" |
| | | @change="handleSearch" |
| | | ></BlSearchbar> |
| | | <ChunkTitle title="合同列表" /> |
| | | </div> |
| | | <div class="searchbar-container"> |
| | | <BlSearchbar |
| | | v-model.trim="searchValue" |
| | | placeholder="搜索合同名/编号" |
| | | @search="handleSearch" |
| | | @change="handleSearch" |
| | | ></BlSearchbar> |
| | | <ChunkTitle title="合同列表" /> |
| | | </div> |
| | | |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list home-list" |
| | | v-bind="infiniteLoadingProps" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <SignCard |
| | | @click="handleCheck(item)" |
| | | v-model:checked-id="checkedId" |
| | | :id="item.id" |
| | | ></SignCard> |
| | | </template> |
| | | </InfiniteLoading> |
| | | </div> |
| | | </ContentScrollView> |
| | | <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> |
| | |
| | | |
| | | .flexJobSign-page-wrapper { |
| | | .searchbar-container { |
| | | padding: 30px; |
| | | padding: 30px 60px; |
| | | } |
| | | |
| | | .chunk-title-wrapper { |
| | | padding: 30px 0 0; |
| | | padding: 30px 10px 0; |
| | | } |
| | | |
| | | .home-list { |
| | | background-color: #ffffff; |
| | | .flexJobSign-list { |
| | | .infinite-list-inner { |
| | | background-color: #ffffff; |
| | | padding: 0 30px; |
| | | border-radius: 12px; |
| | | } |
| | | } |
| | | } |
| | | </style> |