Skip to content

S
shuchengMiniPro
Commit f47b3b31 authored by 王玉鑫's avatar 王玉鑫
Browse files
Options

feat: 载体详情

parent 43dd6aab
Hide whitespace changes
Inline Side-by-side
Showing with 104 additions and 68 deletions
src/pages.json
View file @ f47b3b31
......@@ -8,6 +8,12 @@
}
},
"pages": [
{
"path": "pages/detail/carrierDetail",
"style": {
"navigationBarTitleText": "载体详情"
}
},
{
"path": "pages/index/index",
"style": {
......@@ -37,12 +43,6 @@
"style": {
"navigationBarTitleText": "产业园详情"
}
},
{
"path": "pages/detail/carrierDetail",
"style": {
"navigationBarTitleText": "载体详情"
}
}
],
"tabBar": {
......
src/pages/detail/carrierDetail.vue
View file @ f47b3b31
......@@ -8,15 +8,23 @@
<div class="detail-cell__body">
<div class="flex detail-cell__line">
<div class="detail-cell__info flex1">
<div class="detail-cell__info-name">产业园级别：</div>
<div class="detail-cell__info-name">载体类型：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.levelName) }}
{{ handleValue(detail.type) }}
</div>
</div>
<div class="detail-cell__info flex1">
<div class="detail-cell__info-name">占地面积：</div>
<div class="detail-cell__info-name">建筑面积：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.coverArea, "亩") }}
{{ handleValue(detail.area, "亩") }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info">
<div class="detail-cell__info-name">建筑结构：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.structure) }}
</div>
</div>
</div>
......@@ -30,84 +38,101 @@
</div>
</div>
</div>
<!-- 园区介绍 -->
<div class="detail-cell">
<div class="detail-cell__title">园区介绍</div>
<div class="detail-cell__body text-26">
{{ detail.description }}
</div>
</div>
<!-- 产业基础 -->
<!-- 载体详情-->
<div class="detail-cell">
<div class="detail-cell__title">产业基础</div>
<div class="detail-cell__title">载体详情</div>
<div class="detail-cell__body">
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">主导产业：</div>
<div class="detail-cell__info-name">载体层数：</div>
<div class="detail-cell__info-value">
{{ detail.primaryIndustry }}
{{ handleValue(detail.floorNumber) }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">招商方向：</div>
<div class="detail-cell__info-name">层高：</div>
<div class="detail-cell__info-value">
{{ handleValue(businessInfo(detail)) }}
{{ handleValue(detail.floorHigh, "㎡") }}
</div>
</div>
</div>
</div>
</div>
<!-- 产业支持 -->
<div v-if="detail.resources.length > 0" class="detail-cell">
<div class="detail-cell__title">产业支持</div>
<div class="detail-cell__body">
<div class="flex gap-20 flex-wrap">
<div
v-for="item of detail.resources"
:key="item"
class="detail-cell__word-info"
>
{{ item }}
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">单层面积：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.singleArea, "㎡") }}
</div>
</div>
</div>
</div>
</div>
<!-- 园内配套 -->
<div v-if="detail.setUp.length > 0" class="detail-cell">
<div class="detail-cell__title">园区内配套</div>
<div class="detail-cell__body">
<div class="flex gap-20 flex-wrap">
<div
v-for="item of detail.setUp"
:key="item"
class="detail-cell__word-info"
>
{{ item }}
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">承重：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.weight, "kg/㎡") }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">柱距：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.distance, "m") }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">电梯类型：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.elevatorType) }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">消防等级：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.fireProtectionLevel) }}
</div>
</div>
</div>
<div class="detail-cell__line">
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">耐火等级：</div>
<div class="detail-cell__info-value">
{{ handleValue(detail.fireResistant) }}
</div>
</div>
</div>
</div>
</div>
<!-- 园内载体 -->
<div v-if="detail.parkCarrier.length > 0" class="detail-cell">
<div class="detail-cell__title">园区内配套</div>
<!-- 所属产业园 -->
<div v-if="detail.carrierParkVo" class="detail-cell">
<div class="detail-cell__title">所属产业园</div>
<div class="detail-cell__body">
<div
v-for="item of detail.parkCarrier"
:key="item.id"
class="detail-cell__list-item"
>
<ListItem :item="item">
<div class="detail-cell__list-item">
<ListItem
:item="detail.carrierParkVo"
@to-detail="toIndustrialDetail"
>
<template>
<div class="flex">
<div class="flex align-center flex1">
<div>类型：</div>
<div>{{ handleValue(item.type) }}</div>
<div>级别：</div>
<div>
{{ handleValue(detail.carrierParkVo.levelName) }}
</div>
</div>
<div class="flex align-center flex1">
<div>面积：</div>
<div>{{ handleValue(item.area, "m²") }}</div>
<div>
{{
handleValue(detail.carrierParkVo.coverArea, "m²")
}}
</div>
</div>
</div>
</template>
......@@ -134,7 +159,7 @@ export default {
},
data() {
return {
queryUrl: api.industrialDetail,
queryUrl: api.carrierDetail,
};
},
methods: {
......@@ -149,6 +174,11 @@ export default {
.join("；")
: "";
},
toIndustrialDetail({ id }) {
uni.navigateTo({
url: `/pages/detail/industrialDetail?id=${id}`,
});
},
},
};
</script>
......@@ -167,7 +197,6 @@ export default {
color: #333333;
font-size: 30rpx;
font-weight: 600;
line-height: 30rpx;
}
&__body {
margin-top: 40rpx;
......@@ -221,4 +250,3 @@ export default {
}
}
</style>
src/pages/detail/components/CommonDetail.vue
View file @ f47b3b31
......@@ -90,7 +90,7 @@ export default defineComponent({
},
},
mounted() {
this.detailId = this.$root.$mp.query.id;
this.detailId = this.$root.$mp.query.id || "104";
this.init();
},
methods: {
......
src/pages/detail/components/ListItem.vue
View file @ f47b3b31
<template>
<div class="list-item">
<div class="list-item" @tap="handleClick">
<div>
<image class="list-item__main-pic" :src="item.imgUrl"></image>
</div>
......@@ -35,6 +35,9 @@ export default {
},
methods: {
handleValue,
handleClick() {
this.$emit("to-detail", this.item);
},
},
};
</script>
......
src/pages/detail/industrialDetail.vue
View file @ f47b3b31
......@@ -45,7 +45,7 @@
<div class="detail-cell__info text-26">
<div class="detail-cell__info-name">主导产业：</div>
<div class="detail-cell__info-value">
{{ detail.primaryIndustry }}
{{ handleValue(detail.primaryIndustry) }}
</div>
</div>
</div>
......@@ -98,7 +98,7 @@
:key="item.id"
class="detail-cell__list-item"
>
<ListItem :item="item">
<ListItem :item="item" @to-detail="toCarrier(item)">
<template>
<div class="flex">
<div class="flex align-center flex1">
......@@ -149,6 +149,11 @@ export default {
.join("；")
: "";
},
toCarrier({ id }) {
uni.navigateTo({
url: `/pages/detail/industrialDetail?id=${id}`,
});
},
},
};
</script>
......
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