Commit 2e621829 authored by 王玉鑫's avatar 王玉鑫

feat: 各详情页添加主图轮播

parent 399dee78
...@@ -10,6 +10,8 @@ export interface IndustrialParkDetailResp { ...@@ -10,6 +10,8 @@ export interface IndustrialParkDetailResp {
averageOutputValue: string; averageOutputValue: string;
/** 建设周期(月) */ /** 建设周期(月) */
buildingPeriod: number; buildingPeriod: number;
/** 轮播图 */
imgUrlList: string[];
/** 城市code */ /** 城市code */
cityCode: string; cityCode: string;
/** 城市 */ /** 城市 */
......
...@@ -4,7 +4,10 @@ ...@@ -4,7 +4,10 @@
<div>{{ detail.name }}</div> <div>{{ detail.name }}</div>
<div class="space-y-4"> <div class="space-y-4">
<DetailInfoCell> <DetailInfoCell>
<DetailMain></DetailMain> <DetailMain
:type="DetailType.carrier"
:detail="{ ...detail, imgUrlList: detail.imgUrls }"
></DetailMain>
</DetailInfoCell> </DetailInfoCell>
<DetailInfoCell title="载体详情"> <DetailInfoCell title="载体详情">
<DetailInfo :infos="carrierInfo"></DetailInfo> <DetailInfo :infos="carrierInfo"></DetailInfo>
...@@ -35,7 +38,7 @@ import { useJump } from '@/composable/useJump.ts'; ...@@ -35,7 +38,7 @@ import { useJump } from '@/composable/useJump.ts';
import { RouteName } from '@/router/router.ts'; import { RouteName } from '@/router/router.ts';
import { RequestUrl } from '@/types/api.ts'; import { RequestUrl } from '@/types/api.ts';
import type { CarrierDetailResp } from '@/types/api/carrierDetail'; import type { CarrierDetailResp } from '@/types/api/carrierDetail';
import { ParkItemType } from '@/types/enum.ts'; import { DetailType, ParkItemType } from '@/types/enum.ts';
import { computed } from 'vue'; import { computed } from 'vue';
const { detail, initDetail } = useDetail<CarrierDetailResp>(RequestUrl.carrierDetail); const { detail, initDetail } = useDetail<CarrierDetailResp>(RequestUrl.carrierDetail);
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div>{{ detail.name }}</div> <div>{{ detail.name }}</div>
<div class="space-y-4"> <div class="space-y-4">
<DetailInfoCell> <DetailInfoCell>
<DetailMain></DetailMain> <DetailMain :type="DetailType.develop" :detail="detail"></DetailMain>
</DetailInfoCell> </DetailInfoCell>
<DetailInfoCell title="开发区简介"> <DetailInfoCell title="开发区简介">
<div class="font-yahei text-xs leading-5 text-[#1A1A1A]"> <div class="font-yahei text-xs leading-5 text-[#1A1A1A]">
...@@ -83,6 +83,7 @@ import { haveValue } from '@/utils/filters.ts'; ...@@ -83,6 +83,7 @@ import { haveValue } from '@/utils/filters.ts';
import MiniListItem from '@/components/detail/MiniListItem.vue'; import MiniListItem from '@/components/detail/MiniListItem.vue';
import { useJump } from '@/composable/useJump.ts'; import { useJump } from '@/composable/useJump.ts';
import { RouteName } from '@/router/router.ts'; import { RouteName } from '@/router/router.ts';
import { DetailType } from '@/types/enum.ts';
const { detail, initDetail } = useDetail<DevelopZoneDetailResp>(RequestUrl.developZoneDetail); const { detail, initDetail } = useDetail<DevelopZoneDetailResp>(RequestUrl.developZoneDetail);
const { joinRequired } = useJoinRequired<DevelopZoneDetailResp>(computed(() => detail.value)); const { joinRequired } = useJoinRequired<DevelopZoneDetailResp>(computed(() => detail.value));
......
...@@ -4,7 +4,10 @@ ...@@ -4,7 +4,10 @@
<div>{{ detail.name }}</div> <div>{{ detail.name }}</div>
<div class="space-y-4"> <div class="space-y-4">
<DetailInfoCell> <DetailInfoCell>
<DetailMain></DetailMain> <DetailMain
:type="DetailType.land"
:detail="{ ...detail, imgUrlList: detail.imgUrls }"
></DetailMain>
</DetailInfoCell> </DetailInfoCell>
<DetailInfoCell title="土地现状"> <DetailInfoCell title="土地现状">
<div class="font-yahei text-xs leading-5 text-[#1A1A1A]"> <div class="font-yahei text-xs leading-5 text-[#1A1A1A]">
...@@ -38,7 +41,7 @@ import { useJoinRequired, type JoinRequiredParams } from '@/composable/useJoinRe ...@@ -38,7 +41,7 @@ import { useJoinRequired, type JoinRequiredParams } from '@/composable/useJoinRe
import { RequestUrl } from '@/types/api.ts'; import { RequestUrl } from '@/types/api.ts';
import type { LandDetailResp } from '@/types/api/landDetail'; import type { LandDetailResp } from '@/types/api/landDetail';
import { computed } from 'vue'; import { computed } from 'vue';
import { ParkItemType } from '@/types/enum.ts'; import { DetailType, ParkItemType } from '@/types/enum.ts';
import { useJump } from '@/composable/useJump.ts'; import { useJump } from '@/composable/useJump.ts';
import { RouteName } from '@/router/router.ts'; import { RouteName } from '@/router/router.ts';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment