|
@@ -36,15 +36,15 @@
|
|
|
</div>
|
|
|
<div class="about-wrap">
|
|
|
<div class="title-item">
|
|
|
- <div class="unMidTitle" @click="toServiceLocator('/serviceLocator')">
|
|
|
+ <div :class="select==='2'?'midTitle':'unMidTitle'" @click="changeSelect('2')">
|
|
|
<h3>服务定位</h3>
|
|
|
<p>SERVICE LOCATION</p>
|
|
|
</div>
|
|
|
- <div class="midTitle" @click="toServiceLocator('/surroundings')">
|
|
|
+ <div :class="select==='1'?'midTitle':'unMidTitle'" @click="changeSelect('1')">
|
|
|
<h3 class="midTitleName">园区简介</h3>
|
|
|
<p>PARK PROFILE</p>
|
|
|
</div>
|
|
|
- <div class="unMidTitle" @click="toServiceLocator('industry')">
|
|
|
+ <div :class="select==='3'?'midTitle':'unMidTitle'" @click="changeSelect('3')">
|
|
|
<h3>产业集群</h3>
|
|
|
<p>INDUSTRIAL CLUSTERS</p>
|
|
|
</div>
|
|
@@ -53,12 +53,11 @@
|
|
|
<div class="park-content">
|
|
|
<div class="about-text">
|
|
|
<h3>苏南快递产业园区</h3>
|
|
|
- <p>
|
|
|
- 苏南快递产业园区规划面积2平方公里,依托机场的航空货运优势,建立产业园区,通过规模化、标准化的运营,满足区域经济发展对快递服务的需求,将无锡打造成为快递服务的国内重要基地和国际快递服务的重要门户。园区已进驻顺丰、中通、韵达等快递企业的区域总公司或大型分拨中心,国内前10强快递品牌企业已有6家在园区内经营。</p>
|
|
|
+ <p class="myInfo" v-html="this.info" />
|
|
|
<button @click="jumb(1)">了解更多</button>
|
|
|
</div>
|
|
|
<div class="ahout-img">
|
|
|
- <img src="~@/assets/images/chuanBg.png" alt="">
|
|
|
+ <img :src="pictureInfo.url?pictureInfo.url:''" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -71,7 +70,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="qyfwBody">
|
|
|
- <div v-for="item in yqfwList" class="qyfwItem" >
|
|
|
+ <div v-for="item in yqfwList" class="qyfwItem">
|
|
|
<img :src="item.url" class="qyfwImg">
|
|
|
<div class="msgBox">
|
|
|
<div class="msgTit">{{ item.name }}</div>
|
|
@@ -467,7 +466,7 @@ import {
|
|
|
propertyNotice,
|
|
|
getInvestmentCase,
|
|
|
getRecruit,
|
|
|
- getPropaganda
|
|
|
+ getPropaganda, findInfoByPortalTypeToTop
|
|
|
} from '@/service/api_service'
|
|
|
import Base from '@/views/base/base'
|
|
|
import BaseData from '@/views/base/baseData'
|
|
@@ -476,6 +475,9 @@ export default {
|
|
|
mixins: [Base, BaseData],
|
|
|
data() {
|
|
|
return {
|
|
|
+ pictureInfo: [],
|
|
|
+ info: '',
|
|
|
+ select: '1',
|
|
|
action: 0, // 控制轮播图锚点
|
|
|
serviceActive: 0, // 控制园区服务tab切换锚点
|
|
|
noticeActive: 1, // 控制园区通知tab切换锚点
|
|
@@ -493,8 +495,8 @@ export default {
|
|
|
yqfwList: [
|
|
|
{ url: require('@/assets/images/zyfb.png'), name: '资源发布', path: '/service/characteristic' },
|
|
|
{ url: require('@/assets/images/zcfw.png'), name: '政策服务', path: '/zhaoshang/list' },
|
|
|
- { url: require('@/assets/images/yqpx.png'), name: '园区培训', path: '/service/activities' },
|
|
|
- { url: require('@/assets/images/qyhd.png'), name: '园区活动', path: '/service/educate' }
|
|
|
+ { url: require('@/assets/images/yqpx.png'), name: '园区培训', path: '/service/educate' },
|
|
|
+ { url: require('@/assets/images/qyhd.png'), name: '园区活动', path: '/service/activities' }
|
|
|
],
|
|
|
notices: {
|
|
|
park: [
|
|
@@ -601,6 +603,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.getPagePost()
|
|
|
this.initBiz().then((res) => {
|
|
|
this.getRecruit()
|
|
|
})
|
|
@@ -658,6 +661,30 @@ export default {
|
|
|
window.removeEventListener('popstate', this.goBack, false)
|
|
|
},
|
|
|
methods: {
|
|
|
+ changeSelect(e) {
|
|
|
+ this.select = e
|
|
|
+ this.getPagePost()
|
|
|
+ },
|
|
|
+ getPagePost() {
|
|
|
+ findInfoByPortalTypeToTop({ type: this.select }).then(res => {
|
|
|
+ if (res.data.info) {
|
|
|
+ this.info = res.data.info
|
|
|
+ }
|
|
|
+ if (res.data.pictureInfo) {
|
|
|
+ const arr = JSON.parse(res.data.pictureInfo)
|
|
|
+ if (arr.length) {
|
|
|
+ this.pictureInfo = JSON.parse(res.data.pictureInfo)[0]
|
|
|
+ console.log('1', this.pictureInfo)
|
|
|
+ } else {
|
|
|
+ console.log('3')
|
|
|
+ this.pictureInfo = {}
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ console.log('2')
|
|
|
+ this.pictureInfo = {}
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
toServiceLocator(e) {
|
|
|
this.$router.push(e)
|
|
|
},
|
|
@@ -678,12 +705,12 @@ export default {
|
|
|
},
|
|
|
goBack() {
|
|
|
// window.location.href = 'https://smartpark.idea-sf.com/smartParkH5';
|
|
|
- location.reload()
|
|
|
+ location.reload()
|
|
|
},
|
|
|
jumb(index, ac) {
|
|
|
switch (index) {
|
|
|
case 1:
|
|
|
- this.$router.push({ path: '/about' })
|
|
|
+ this.$router.push({ path: '/surroundings' })
|
|
|
break
|
|
|
case 2:
|
|
|
switch (ac) {
|
|
@@ -1015,10 +1042,12 @@ export default {
|
|
|
font-size: 1.5rem;
|
|
|
}
|
|
|
.unMidTitle h3{
|
|
|
-
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
font-size: 1.2rem;
|
|
|
}
|
|
|
+ .unMidTitle p{
|
|
|
+ margin: 0 20px;
|
|
|
+ }
|
|
|
.title-item p {
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
font-size: 1rem;
|
|
@@ -1044,6 +1073,17 @@ export default {
|
|
|
text-align: left;
|
|
|
position: relative;
|
|
|
}
|
|
|
+ .myInfo{
|
|
|
+ height: 190px !important;
|
|
|
+ overflow: hidden !important;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ /* 弹性伸缩盒子模型显示 */
|
|
|
+ display: -webkit-box;
|
|
|
+ /* 限制在一个块元素显示的文本行数 */
|
|
|
+ -webkit-line-clamp: 6;
|
|
|
+ /* 设置或检索伸缩盒对象的子元素的排列方式 */
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
.about-text h3 {
|
|
|
margin-bottom: 2rem;
|
|
|
}
|