fix: b端

zhengyiming

2025-02-13 20619871d0db98f3f298a04e200005e84e0bc6be

fix: b端

 apps/bMiniApp/project.private.config.json

@@ -9,6 +9,13 @@
        "miniprogram": {
            "list": [
                {
                    "name": "灵工详情",
                    "pathName": "subpackages/flexJob/flexJobDetail/flexJobDetail",
                    "query": "id=c4cfe028-23e7-0be8-ee56-3a11e3743b9d",
                    "launchMode": "default",
                    "scene": null
                },
                {
                    "name": "",
                    "pathName": "subpackages/mine/mineFavorites/mineFavorites",
                    "query": "",

 apps/bMiniApp/src/app.config.ts

@@ -74,6 +74,10 @@
      root: 'subpackages/city',
      pages: ['citySelect/citySelect'],
    },
    {
      root: 'subpackages/flexJob',
      pages: ['flexJobDetail/flexJobDetail'],
    },
  ],
  // preloadRule: {
  //   'pages/mine/index': {

 apps/bMiniApp/src/assets/flexJob/icon-attention-lg-active.png

 apps/bMiniApp/src/assets/flexJob/icon-attention-lg.png

 apps/bMiniApp/src/assets/flexJob/icon-share.png

 apps/bMiniApp/src/assets/home/icon-localtion.png

 apps/bMiniApp/src/assets/home/icon-logo.png

 apps/bMiniApp/src/constants/router.ts

@@ -10,6 +10,8 @@
  workbenches = '/pages/workbenches/workbenches',
  editRichContent = '/subpackages/editRichContent/editRichContent',

  flexJobDetail = '/subpackages/flexJob/flexJobDetail/flexJobDetail',

  // userInfo = '/subpackages/setting/userInfo/userInfo',
  // setting = '/subpackages/setting/setting/setting',
  // privacyAgreement = '/subpackages/setting/privacyAgreement/privacyAgreement',

 apps/bMiniApp/src/pages/home/HomeQueryMenuView.vue

@@ -1,13 +1,28 @@
<template>
  <QueryMenuView @close="handleReset" @confirm="emit('close')" cancelText="重置">
    <div class="home-query-menu-view">
      <QueryMenuItem title="结算方式">
      <QueryMenuItem title="性别">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="员工福利">
      <QueryMenuItem title="身份">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      </QueryMenuItem>
      <QueryMenuItem title="性别要求">
      <QueryMenuItem>
        <template #title>
          <div class="rang-title-wrapper">
            <div class="rang-title">年龄</div>
            <div class="rang-value">{{ query.age[0] }} - {{ query.age[1] }} 岁</div>
          </div>
        </template>
        <nut-range
          v-model="query.age"
          range
          :min="15"
          :max="65"
          class="home-query-menu-range"
        ></nut-range>
      </QueryMenuItem>
      <QueryMenuItem title="资格证书">
        <ProRadio v-model="query.gender" :value-enum="GenderText" show-all-btn></ProRadio>
      </QueryMenuItem>
    </div>
@@ -33,12 +48,14 @@

const query = defineModel<{
  gender: number | string;
  age: number[];
}>('query');

const DefaultQuery = {
  ...query.value,
};

console.log('query: ', query.value);
function handleReset() {
  for (const key in DefaultQuery) {
    query.value[key] = DefaultQuery[key];
@@ -53,5 +70,22 @@
  max-height: 400px;
  padding: 30px;
  overflow: auto;

  .home-query-menu-range {
    padding: 36px 0;
  }

  .rang-title-wrapper {
    display: flex;
    align-items: center;

    .rang-title {
      margin-right: 36px;
    }

    .rang-value {
      color: boleGetCssVar('color', 'primary');
    }
  }
}
</style>

 apps/bMiniApp/src/pages/home/index.vue

@@ -6,20 +6,15 @@
      </div>
    </template>
    <div class="home-header">
      <!-- <div class="home-searchbar-wrapper">
        <div class="searchbar-container">
          <BlSearchbar
            v-model.trim="searchValue"
            placeholder="搜索任务"
            @search="handleSearch"
            @change="handleSearch"
          ></BlSearchbar>
        </div>
      <div class="home-searchbar-wrapper">
        <div class="city-btn-wrapper">
        <div class="city-btn" @click="goCitySelect">
          <img :src="IconLocaltion" class="city-btn-icon" />
          <div class="city-btn-text">{{ locationCity }}</div>
        </div>
      </div> -->
        </div>
        <div class="reset-localtion">重新定位</div>
      </div>
      <div class="home-banner-wrapper">
        <nut-swiper :auto-play="3000">
          <nut-swiper-item v-for="(item, index) in list" :key="index">
@@ -63,7 +58,7 @@
      :key="queryState.orderType"
    >
      <template #renderItem="{ item }">
        <!-- <TaskCard @click="goTaskDetail(item)" /> -->
        <FlexJobCard @click="goFlexJobDetail(item)" :showFooterLeft="false" />
      </template>
    </InfiniteLoading>
  </PageLayoutWithBg>
@@ -76,7 +71,7 @@
import Taro from '@tarojs/taro';
import { LocationUtils, trim } from '@12333/utils';
import IconLogo from '@/assets/home/icon-logo.png';
import { ProTabs, ProTabPane } from '@12333/components';
import { ProTabs, ProTabPane, FlexJobCard } from '@12333/components';
import { HomeOrderType } from './constants';
import { useInfiniteLoading } from '@12333/hooks';
import { OrderInputType, Gender } from '@12333/constants';
@@ -84,7 +79,7 @@
import _ from 'lodash';
import HomeQueryMenuView from './HomeQueryMenuView.vue';
import HomeQueryPositionMenuView from './HomeQueryPositionMenuView.vue';
import IconLocaltion from '@/assets/task/icon-localtion.png';
import IconLocaltion from '@/assets/home/icon-localtion.png';

const { locationCity } = useUser();

@@ -92,6 +87,7 @@

const queryMenuState = reactive({
  gender: '' as any as Gender,
  age: [15, 65],
});

const queryPositionState = reactive({
@@ -148,6 +144,12 @@
function handleMenuSelectPositionClose() {
  selectPositionItem.value?.toggle?.();
}

function goFlexJobDetail(item: API.FrontOrderList) {
  Taro.navigateTo({
    url: `${RouterPath.flexJobDetail}?id=${item.id}`,
  });
}
</script>

<style lang="scss">
@@ -167,14 +169,40 @@
    margin-left: 24px;
  }

  .home-searchbar-wrapper {
    padding: 32px 0 28px;
    display: flex;
    align-items: center;

    .city-btn-wrapper {
      flex: 1;
      min-width: 0;

  .city-btn {
    display: flex;
    align-items: center;
        padding-right: 36px;
        color: boleGetCssVar('text-color', 'primary');

        .city-btn-icon {
          width: 40px;
          height: 40px;
        }

    .city-btn-text {
      max-width: 200px;
      @include ellipsis;
      margin-right: 12px;
          margin-left: 12px;
          font-size: 30px;
        }
      }
    }

    .reset-localtion {
      font-weight: 400;
      font-size: 24px;
      color: boleGetCssVar('color', 'primary');
      line-height: 28px;
    }
  }


 apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.config.ts

New file
@@ -0,0 +1,3 @@
export default definePageConfig({
  disableScroll: true,
});

 apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue

New file
@@ -0,0 +1,114 @@
<template>
  <PageLayoutWithBg class="flexJobDetail-page-wrapper" title="灵工详情" :need-auth="false">
    <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
      <ContentScrollView style="background-color: transparent">
        <FlexJobTopView size="small" class="flexJobDetail-top" />
        <div class="flexJobDetail-contact-info">
          <div class="flexJobDetail-contact-info-item">
            <div class="flexJobDetail-contact-info-item-label">手机号：</div>
            <div class="flexJobDetail-contact-info-item-text">
              {{ isCollapse ? '13333333333' : '立即联系后可查看' }}
            </div>
          </div>
          <div class="flexJobDetail-contact-info-item">
            <div class="flexJobDetail-contact-info-item-label">身份证号：</div>
            <div class="flexJobDetail-contact-info-item-text">
              {{ isCollapse ? '330902199909******' : '立即联系后可查看' }}
            </div>
          </div>
        </div>
      </ContentScrollView>
      <PageFooter>
        <PageFooterAction
          :icon="IconShare"
          text="分享"
          :isFlex="false"
          openType="share"
        ></PageFooterAction>
        <PageFooterAction
          :icon="IconAttentionActive"
          text="收藏"
          :isFlex="false"
        ></PageFooterAction>
        <PageFooterBtn type="primary" @click="toggle">立即联系</PageFooterBtn>
      </PageFooter>
    </LoadingLayout>
  </PageLayoutWithBg>
</template>

<script setup lang="ts">
import Taro from '@tarojs/taro';
import { useQuery } from '@tanstack/vue-query';
import * as orderServices from '@12333/services/api/Order';
import { FlexJobTopView } from '@12333/components';
import IconShare from '@/assets/flexJob/icon-share.png';
import IconAttention from '@/assets/flexJob/icon-attention-lg.png';
import IconAttentionActive from '@/assets/flexJob/icon-attention-lg-active.png';
import { useToggle } from 'senin-mini/hooks';

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

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

const {
  isLoading,
  isError,
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['orderServices/getOrdeForDetail', taskId],
  queryFn: async () => {
    return await orderServices.getOrdeForDetail(
      { id: taskId },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.OrderInfoDto),
});

const { isCollapse, toggle } = useToggle();
</script>

<style lang="scss">
@import '@/styles/common.scss';

.flexJobDetail-page-wrapper {
  .flexJobDetail-top {
    margin-bottom: 20px;
  }

  .flexJobDetail-contact-info {
    padding-left: 130px;

    .flexJobDetail-contact-info-item {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 22px;

      &:last-child {
        margin-bottom: 0;
      }

      .flexJobDetail-contact-info-item-label {
        color: boleGetCssVar('text-color', 'secondary');
        margin-right: 8px;
      }

      .flexJobDetail-contact-info-item-text {
        color: boleGetCssVar('text-color', 'primary');
        flex: 1;
        min-width: 0;
        @include ellipsis;
      }
    }
  }
}
</style>

 apps/cMiniApp/project.private.config.json

@@ -9,6 +9,13 @@
        "miniprogram": {
            "list": [
                {
                    "name": "城市选择",
                    "pathName": "subpackages/city/citySelect/citySelect",
                    "query": "",
                    "launchMode": "default",
                    "scene": null
                },
                {
                    "name": "期望岗位",
                    "pathName": "subpackages/curriculum/expectPosition/expectPosition",
                    "query": "",

 packages/components/src/Card/FlexJobCard.vue

@@ -1,19 +1,6 @@
<template>
  <div class="flexJob-card-wrapper">
    <div class="flexJob-card-top-wrapper">
      <UserAvatar :size="60" class="flexJob-card-top-avatar" />
      <div class="flexJob-card-top-info">
        <div class="flexJob-card-top-info-item">
          <div class="flexJob-card-top-info-name">{{ '洋洋' }}</div>
          <div class="flexJob-card-top-info-gender">
            <img v-if="1" :src="IconMale" class="flexJob-card-top-info-gender-icon" />
            <img v-else :src="IconFemale" class="flexJob-card-top-info-gender-icon" />
          </div>
          <div class="flexJob-card-top-info-auth">{{ '已实名' }}</div>
        </div>
        <div class="flexJob-card-top-info-detail">{{ '26岁 | 非学生 | 本科 | 上岗121次' }}</div>
      </div>
    </div>
    <FlexJobTopView />
    <div class="flexJob-card-done-list">
      {{
        '做过：客房服务员、客房服务员、客房客房服务员、客房做过：客房服务员、客房服务员、客房客房服务员、客房'
@@ -26,11 +13,14 @@
      <div class="flexJob-card-done-detail-item">{{ '在「宁波雷迪森酒店」，做过客房服务员' }}</div>
    </div>
    <div class="flexJob-card-footer">
      <div class="flexJob-card-footer-left-wrapper">
      <div class="flexJob-card-footer-left" v-if="showFooterLeft">
        <slot name="footerLeft">
          <div class="flexJob-card-footer-text">取消收藏</div>
        </slot>
      </div>
      </div>

      <div class="flexJob-card-footer-right" v-if="showFooterRight">
        <slot name="footerRight">
          <nut-button type="primary">立即联系</nut-button>
@@ -44,6 +34,7 @@
import IconMale from '@/assets/mine/icon-male.png';
import IconFemale from '@/assets/mine/icon-female.png';
import { CommonTaskCardProps } from './card';
import FlexJobTopView from './FlexJobTopView.vue';

defineOptions({
  name: 'FlexJobCard',
@@ -74,55 +65,7 @@
  }

  .flexJob-card-top-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 38px;

    .flexJob-card-top-avatar {
      margin-right: 30px;
    }

    .flexJob-card-top-info {
      display: flex;
      flex-direction: column;

      .flexJob-card-top-info-item {
        display: flex;
        align-items: center;

        .flexJob-card-top-info-name {
          font-size: 34px;
          line-height: 34px;
          font-weight: bold;
          color: boleGetCssVar('text-color', 'primary');
        }

        .flexJob-card-top-info-gender {
          display: inline-flex;
          align-items: center;
          height: 34px;
          margin: 0 10px;

          .flexJob-card-top-info-gender-icon {
            width: 24px;
            height: 24px;
          }
        }

        .flexJob-card-top-info-auth {
          font-size: 28px;
          line-height: 34px;
        }
      }

      .flexJob-card-top-info-detail {
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        margin-top: 12px;
        color: boleGetCssVar('text-color', 'secondary');
      }
    }
  }

  .flexJob-card-done-list {
@@ -153,11 +96,15 @@
  .flexJob-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: #d9d9d9 1px solid;
    padding-top: 24px;
    margin-top: 18px;

    .flexJob-card-footer-left-wrapper {
      flex: 1;
      min-width: 0;
    }

    .flexJob-card-footer-left {
      .flexJob-card-footer-text {
        font-size: 24px;

 packages/components/src/Card/FlexJobTopView.vue

New file
@@ -0,0 +1,88 @@
<template>
  <div :class="['flexJob-card-top-wrapper', size]">
    <UserAvatar :size="size === 'small' ? 50 : 60" class="flexJob-card-top-avatar" />
    <div class="flexJob-card-top-info">
      <div class="flexJob-card-top-info-item">
        <div class="flexJob-card-top-info-name">{{ '洋洋' }}</div>
        <div class="flexJob-card-top-info-gender">
          <img v-if="1" :src="IconMale" class="flexJob-card-top-info-gender-icon" />
          <img v-else :src="IconFemale" class="flexJob-card-top-info-gender-icon" />
        </div>
        <div class="flexJob-card-top-info-auth">{{ '已实名' }}</div>
      </div>
      <div class="flexJob-card-top-info-detail">{{ '26岁 | 非学生 | 本科 | 上岗121次' }}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import IconMale from '@/assets/mine/icon-male.png';
import IconFemale from '@/assets/mine/icon-female.png';

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

type Props = {
  size?: 'normal' | 'small';
};

const props = withDefaults(defineProps<Props>(), {
  size: 'normal',
});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.flexJob-card-top-wrapper {
  display: flex;
  align-items: center;

  .flexJob-card-top-avatar {
    margin-right: 30px;
  }

  .flexJob-card-top-info {
    display: flex;
    flex-direction: column;

    .flexJob-card-top-info-item {
      display: flex;
      align-items: center;

      .flexJob-card-top-info-name {
        font-size: 34px;
        line-height: 34px;
        font-weight: bold;
        color: boleGetCssVar('text-color', 'primary');
      }

      .flexJob-card-top-info-gender {
        display: inline-flex;
        align-items: center;
        height: 34px;
        margin: 0 10px;

        .flexJob-card-top-info-gender-icon {
          width: 24px;
          height: 24px;
        }
      }

      .flexJob-card-top-info-auth {
        font-size: 28px;
        line-height: 34px;
      }
    }

    .flexJob-card-top-info-detail {
      font-size: 24px;
      font-weight: 400;
      line-height: 28px;
      margin-top: 12px;
      color: boleGetCssVar('text-color', 'secondary');
    }
  }
}
</style>

 packages/components/src/Menu/QueryMenuItem.vue

@@ -1,7 +1,9 @@
<template>
  <div class="query-menu-item">
    <div class="query-menu-item-title">
      <slot name="title">
      {{ title }}
      </slot>
    </div>
    <slot></slot>
  </div>

 packages/components/src/index.ts

@@ -23,6 +23,7 @@
export { default as MyTaskCard } from './Card/MyTaskCard.vue';
export { default as FlexJobCard } from './Card/FlexJobCard.vue';
export { default as TaskPrice } from './Card/TaskPrice.vue';
export { default as FlexJobTopView } from './Card/FlexJobTopView.vue';
export { default as QueryMenuView } from './Menu/QueryMenuView.vue';
export { default as QueryMenuItem } from './Menu/QueryMenuItem.vue';
export { default as ProRadio } from './Form/ProRadio.vue';

 patches/@nutui__nutui-taro@4.3.13.patch

@@ -35,6 +35,18 @@
       };
     });
     const styles = computed(() => {
diff --git a/dist/packages/range/Range.js b/dist/packages/range/Range.js
index 688b67464e4d05dc37996941d941033cea83ee2c..626db4d9889059aa08e1fd675e2333539efc766e 100644
--- a/dist/packages/range/Range.js
+++ b/dist/packages/range/Range.js
@@ -288,6 +288,7 @@ const _sfc_main = create({
       if (disabled.value) {
         return;
       }
+      init();
       touch.start(event);
       currentValue = props.modelValue;
       if (isRange(currentValue)) {
diff --git a/dist/packages/toast/Toast.js b/dist/packages/toast/Toast.js
index d9084afa94d8bc892f64cfca10eb098d2be4bcb0..ca2309339c0d8b2fca248081783c88c9fb57d2a2 100644
--- a/dist/packages/toast/Toast.js

 pnpm-lock.yaml

@@ -5,7 +5,7 @@

patchedDependencies:
  '@nutui/nutui-taro@4.3.13':
    hash: jq3denbtva5gwaaxiatjgbkrsm
    hash: lbmiuhnkw3qnhgejnhbuepf6iq
    path: patches/@nutui__nutui-taro@4.3.13.patch

importers:
@@ -150,7 +150,7 @@
        version: 0.0.9
      '@nutui/nutui-taro':
        specifier: ^4.3.13
        version: 4.3.13(patch_hash=jq3denbtva5gwaaxiatjgbkrsm)(unplugin-vue-components@0.27.4)(vue@3.5.12)
        version: 4.3.13(patch_hash=lbmiuhnkw3qnhgejnhbuepf6iq)(unplugin-vue-components@0.27.4)(vue@3.5.12)
      '@tanstack/vue-query':
        specifier: ^4.35.3
        version: 4.35.3(@vue/composition-api@1.7.2)(vue@3.5.12)
@@ -412,7 +412,7 @@
        version: 0.0.9
      '@nutui/nutui-taro':
        specifier: ^4.3.13
        version: 4.3.13(patch_hash=jq3denbtva5gwaaxiatjgbkrsm)(unplugin-vue-components@0.27.4)(vue@3.5.12)
        version: 4.3.13(patch_hash=lbmiuhnkw3qnhgejnhbuepf6iq)(unplugin-vue-components@0.27.4)(vue@3.5.12)
      '@tanstack/vue-query':
        specifier: ^4.35.3
        version: 4.35.3(@vue/composition-api@1.7.2)(vue@3.5.12)
@@ -1033,10 +1033,6 @@
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/types': 7.25.6

  /@babel/helper-plugin-utils@7.24.8:
    resolution: {integrity: sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==}
    engines: {node: '>=6.9.0'}

  /@babel/helper-plugin-utils@7.26.5:
    resolution: {integrity: sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==}
@@ -2110,7 +2106,7 @@
      '@babel/core': ^7.0.0-0
    dependencies:
      '@babel/core': 7.25.2
      '@babel/helper-plugin-utils': 7.24.8
      '@babel/helper-plugin-utils': 7.26.5

  /@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.8.0):
    resolution: {integrity: sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==}
@@ -6207,7 +6203,7 @@
    resolution: {integrity: sha512-10VYAtFC+o1X0anGs+y2PgF1NWMeLFz2JVMRw4BWLg6wbtVbYy9wukLxyGhZC6Yf6t39DcwaGVda8paV7K6/Ew==}
    dev: false

  /@nutui/nutui-taro@4.3.13(patch_hash=jq3denbtva5gwaaxiatjgbkrsm)(unplugin-vue-components@0.27.4)(vue@3.5.12):
  /@nutui/nutui-taro@4.3.13(patch_hash=lbmiuhnkw3qnhgejnhbuepf6iq)(unplugin-vue-components@0.27.4)(vue@3.5.12):
    resolution: {integrity: sha512-+n8vVZAu92MUX6VEf6gO73Iz3JThjksdb6aSarvciCSydlWWdlQqZwYIGMTG4zOwDfCoQ3HfLa36zVaIJLSn3g==}
    peerDependencies:
      unplugin-vue-components: '>=0.25.1'
@@ -19571,7 +19567,7 @@
      vue: '*'
    dependencies:
      '@nutui/icons-vue-taro': 0.0.9
      '@nutui/nutui-taro': 4.3.13(patch_hash=jq3denbtva5gwaaxiatjgbkrsm)(unplugin-vue-components@0.27.4)(vue@3.5.12)
      '@nutui/nutui-taro': 4.3.13(patch_hash=lbmiuhnkw3qnhgejnhbuepf6iq)(unplugin-vue-components@0.27.4)(vue@3.5.12)
      '@tanstack/vue-query': 4.35.3(@vue/composition-api@1.7.2)(vue@3.5.12)
      '@tarojs/components': 3.6.20(postcss@8.4.19)(react@19.0.0)(vue@3.5.12)
      '@tarojs/taro': 3.6.20(postcss@8.4.19)(vue@3.5.12)
@@ -21517,7 +21513,7 @@
    peerDependencies:
      eslint: '>=6.0.0'
    dependencies:
      debug: 4.3.7
      debug: 4.4.0
      eslint: 8.23.1
      eslint-scope: 7.2.2
      eslint-visitor-keys: 3.4.3