release: @12333/cMiniApp v1.1.10

wupengfei

8 天以前 fc4746b06a363433677ab0be3f9f6e28019f1c67

 apps/bMiniApp/src/subpackages/flexJobManage/flexJobSign/InnerPage.vue

@@ -1,80 +1,103 @@
<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
        :templateId="item.templateId"
        :name="item.name"
        @click="handleCheck(item)"
        v-model:checked-id="checkedId"
        :id="item.id"
      ></SignCard>
    </template>
  </InfiniteLoading>

  <PageFooter>
    <PageFooterBtn type="primary">邀请签约</PageFooterBtn>
    <PageFooterBtn type="primary" @click="handleInvite">邀请签约</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 { EnumContractTemplateStatus, EnumPagedListOrder } from '@12333/constants';
import * as electronSignServices from '@12333/services/apiV2/electronSign';
import * as enterpriseEmployeeServices from '@12333/services/apiV2/enterpriseEmployee';
import _ from 'lodash';
import { trim } from '@12333/utils';
import { Message, trim } from '@12333/utils';
import { SignCard } from '@12333/components';
import Taro from '@tarojs/taro';
import { goBack } from '@/utils';

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

const router = Taro.useRouter();
const enterpriseEmployeeId = router.params?.enterpriseEmployeeId ?? '';

const searchValue = ref('');
const queryState = reactive({
  searchValueTrim: '',
  keywords: '',
});

const checkedId = ref('');

const handleSearch = _.debounce(function () {
  queryState.searchValueTrim = trim(searchValue.value);
  queryState.keywords = trim(searchValue.value);
}, 300);

const { infiniteLoadingProps } = useInfiniteLoading(
  ({ pageParam }) => {
    let params: API.FrontOrderListInput = {
    let params: API.GetEnterpriseContractTemplatesQuery = {
      pageModel: {
        rows: 20,
        page: pageParam,
        orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }],
        orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
      },
      keywords: queryState.keywords,
      status: EnumContractTemplateStatus.Completed,
    };

    return orderServices.getFrontOrderList(params, {
    return electronSignServices.getEnterpriseContractTemplates(params, {
      showLoading: false,
    });
  },
  {
    queryKey: ['orderServices/getFrontOrderList'],
    queryKey: ['electronSignServices/getEnterpriseContractTemplates', queryState],
  }
);

function handleCheck(item: API.OrderInfoDto) {
function handleCheck(item: API.GetEnterpriseContractTemplatesQueryResultItem) {
  checkedId.value = item.id;
}

async function handleInvite() {
  try {
    let params: API.InviteElectronSignCommand = {
      ids: [enterpriseEmployeeId],
      contractTemplateId: checkedId.value,
    };
    let res = await enterpriseEmployeeServices.inviteElectronSign(params);
    if (res) {
      Message.success('签约成功', {
        onClosed() {
          goBack();
        },
      });
    }
  } catch (error) {}
}
</script>

@@ -83,15 +106,19 @@

.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>