fix: bug

wupengfei

昨天 d6ec7528f6694aee6d2c57d1d9b2aab3ceddcdeb

 apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue

@@ -58,15 +58,20 @@
            <NoData />
          </ProTabPane>
          <ProTabPane :title="`相关推荐`" pane-key="3">
            <div class="serciceDetail-recommend-list">
              <StandardServiceCard
                v-for="item in []"
                :key="item.id"
                v-bind="item"
                style="min-width: 0"
              />
            </div>
            <NoData />
            <InfiniteLoading
              scrollViewClassName="common-infinite-scroll-list serciceDetail-recommend-list"
              commonMode
              v-bind="infiniteLoadingProps"
            >
              <template #renderItem="{ item }">
                <StandardServiceCard
                  :file="item.file"
                  :name="item.name"
                  :minSpecPrice="item.minSpecPrice"
                  @click="goSerciceDetail(item)"
                />
              </template>
            </InfiniteLoading>
          </ProTabPane>
        </ProTabs>
      </InfiniteLoading>
@@ -97,7 +102,7 @@
</template>

<script setup lang="ts">
import { useStandardServiceDetail } from '@12333/hooks';
import { useInfiniteLoading, useStandardServiceDetail } from '@12333/hooks';
import Taro from '@tarojs/taro';
import * as standardOrderServices from '@12333/services/apiV2/standardOrder';
import * as standardServiceServices from '@12333/services/apiV2/standardService';
@@ -117,6 +122,8 @@
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 { EnumPagedListOrder } from '@12333/constants';
import { useGetOpenStandardServices } from '@/hooks';

defineOptions({
  name: 'serciceDetail',
@@ -149,6 +156,8 @@
      imagePath: setOSSLink(res.files[0]),
      name: res.name,
    };
    queryState.jobCode = res.jobCode;
    queryState.ignoreId = id;
  },
});

@@ -186,6 +195,14 @@
    }
  } catch (error) {}
});

const { queryState, infiniteLoadingProps } = useGetOpenStandardServices();

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

<style lang="scss">
@@ -247,9 +264,11 @@
  }

  .serciceDetail-recommend-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    .infinite-list-inner {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 20px;
    }
  }
}
</style>