zhengyiming
5 天以前 dd0a3e0ed394983c4fbacdab64cad6f8de5b4884
apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardHolderView.vue
@@ -1,31 +1,35 @@
<template>
  <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
    <template #renderItem="{ item }">
      <FlexJobCard
        :name="item.name"
        :age="item.age"
        :genderType="item.genderType"
        :workExperience="item.workExperience"
      <BusinessCardHolderCard
        :name="'item.name'"
        :age="20"
        :genderType="1"
        :isRealName="true"
        :show-footer-left="false"
      >
        <template #footerLeft>
          <div class="flexJob-card-footer-text">{{ FlexTaskWorkerHireEnum[item.hireStatus] }}</div>
        <template #detail>
          <div class="businessCardHolder-card-detail">
            <div class="businessCardHolder-card-detail-item">{{ `微信:${'13333333333'}` }}</div>
            <div class="businessCardHolder-card-detail-item">
              {{ `公司:${'杭州人力无忧科技'}` }}
            </div>
          </div>
        </template>
        <template #footerRight>
          <nut-button type="primary" @click="handleDelete()">删除</nut-button>
          <nut-button type="danger" plain @click="handleDelete()">删除</nut-button>
          <nut-button type="primary" @click="goForward()">转发</nut-button>
        </template>
      </FlexJobCard>
      </BusinessCardHolderCard>
    </template>
  </InfiniteLoading>
</template>
<script setup lang="ts">
import { OrderInputType } from '@12333/constants';
import { RouterPath } from '@/constants';
import { FlexTaskWorkerHireEnum } from '@12333/constants/task';
import { useInfiniteLoading } from '@12333/hooks';
import * as flexWorkerServices from '@12333/services/api/FlexWorker';
import { FlexJobCard } from '@12333/components';
import * as flexEnterpriseServices from '@12333/services/api/FlexEnterprise';
import { BusinessCardHolderCard } from '@12333/components';
import Taro from '@tarojs/taro';
defineOptions({
@@ -42,16 +46,16 @@
      pageModel: {
        rows: 20,
        page: pageParam,
        orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
        orderInput: [{ property: 'id', order: OrderInputType.Desc }],
      },
    };
    return flexWorkerServices.getFlexTaskWorkerApplyList(params, {
    return flexEnterpriseServices.getFlexEnterpriseList(params, {
      showLoading: false,
    });
  },
  {
    queryKey: ['flexWorkerServices/getFlexTaskWorkerApplyList'],
    queryKey: ['flexEnterpriseServices/getFlexEnterpriseList'],
  }
);
@@ -62,4 +66,15 @@
<style lang="scss">
@import '@/styles/common.scss';
.businessCardHolder-card-detail {
  margin-top: 10px;
  .businessCardHolder-card-detail-item {
    font-size: 24px;
    font-weight: 400;
    color: boleGetCssVar('text-color', 'regular');
    line-height: 36px;
  }
}
</style>