feat: 开发区详情

src/router/index.ts

@@ -25,8 +25,10 @@ const MapSelection = () => import('@/views/map/MapSelection.vue');
 const AboutUs = () => import('@/views/about/AboutUs.vue');
 /** 合伙人招募 */
 const PartnerEnlist = () => import('@/views/partner/PartnerEnlist.vue');
-/** 产业园列表 */
+/** 产业园详情 */
 const IndustrialParkDetail = () => import('@/views/industrial-park/IndustrialParkDetail.vue');
+/** 开发区详情 */
+const DevelopZoneDetail = () => import('@/views/develop/DevelopZoneDetail.vue');
 
 export const enum RouteName {
   home = 'home',
@@ -54,6 +56,8 @@ export const enum RouteName {
   partnerEnlist = 'partnerEnlist',
   /** 产业园详情 */
   industrialParkDetail = 'industrial-park-detail',
+  /** 开发区详情 */
+  developZoneDetail = 'develop-zone-detail',
 }
 
 function gen(name: RouteName) {
@@ -157,6 +161,11 @@ const routes: readonly RouteRecordRaw[] = [
     ...gen(RouteName.industrialParkDetail),
     component: IndustrialParkDetail,
   },
+  {
+    // 开发区详情
+    ...gen(RouteName.developZoneDetail),
+    component: DevelopZoneDetail,
+  },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/',

src/types/api.ts

@@ -5,6 +5,8 @@ export enum RequestUrl {
   login = '/login',
   /** 产业园列表 */
   industrialParkList = '/lyy/parkInfo/v1.0/page',
+  /** 产业园详情 */
+  industrialParkDetal = '/lyy/api/parkInfo/v1.0/detail',
   /** 开发区列表 */
   developZoneList = '/lyy/api/developmentInfo/v1.0/page',
   /** 开发区详情 */

src/types/api/developZoneDetail.ts

+/**
+ * 开发区详情
+ */
+export interface DevelopZoneDetailResp {
+  name: string;
+}

src/views/develop/DevelopZoneDetail.vue

+<!-- 开发区详情 -->
+<template>
+  <div v-if="detail">
+    <div>{{ detail.name }}</div>
+    <div class="space-y-4">
+      <DetailInfoCell>
+        <DetailMain></DetailMain>
+      </DetailInfoCell>
+      <DetailInfoCell title="开发区简介"></DetailInfoCell>
+      <DetailInfoCell title="产业情况"></DetailInfoCell>
+      <DetailInfoCell title="基本信息"></DetailInfoCell>
+      <DetailInfoCell title="要素成本"></DetailInfoCell>
+      <DetailInfoCell title="入驻要求"></DetailInfoCell>
+      <DetailInfoCell title="重点企业"></DetailInfoCell>
+      <DetailInfoCell title="产业政策"></DetailInfoCell>
+      <DetailInfoCell title="产业基金"></DetailInfoCell>
+      <DetailInfoCell title="配套设施"></DetailInfoCell>
+      <DetailInfoCell title="开发区内产业园" to-list-text="更多产业园"></DetailInfoCell>
+      <DetailInfoCell title="开发区内土地" to-list-text="更多土地"></DetailInfoCell>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import DetailInfoCell from '@/components/detail/DetailInfoCell.vue';
+import DetailMain from '@/components/detail/DetailMain.vue';
+import { useDetail } from '@/composable/useDetail.ts';
+import { RequestUrl } from '@/types/api.ts';
+import type { DevelopZoneDetailResp } from '@/types/api/developZoneDetail';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { detail, detailId, initDetail } = useDetail<DevelopZoneDetailResp>(
+  RequestUrl.developZoneDetail,
+);
+
+initDetail();
+</script>

src/views/develop/DevelopZoneList.vue

@@ -2,7 +2,11 @@
 <template>
   <div>
     <div>
-      <div v-for="item in datas" :key="item.id">
+      <div
+        v-for="item in datas"
+        :key="item.id"
+        @click="handleDetail(RouteName.developZoneDetail, item)"
+      >
         <div>{{ item.name }}</div>
       </div>
 
@@ -18,10 +22,11 @@
 
 <script lang="ts" setup>
 import { useListView } from '@/composable/useListView.ts';
+import { RouteName } from '@/router/index.ts';
 import { RequestUrl } from '@/types/api.ts';
 import type { DevelopZoneItem, DevelopZoneListCondition } from '@/types/api/developZoneList';
 
-const { pageNum, pageSize, totalCount, datas } = useListView<
+const { pageNum, pageSize, totalCount, datas, handleDetail } = useListView<
   DevelopZoneItem,
   DevelopZoneListCondition
 >(RequestUrl.developZoneList);