|
@@ -71,6 +71,7 @@
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
|
|
+ cursor: pointer;
|
|
}
|
|
}
|
|
|
|
|
|
.backbutton img {
|
|
.backbutton img {
|
|
@@ -132,7 +133,6 @@
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
font-size: 40px;
|
|
font-size: 40px;
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
- text-shadow: 3px 5px 7px rgba(11, 58, 165, 0.43);
|
|
|
|
background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
|
|
background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
|
|
-webkit-background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-fill-color: transparent;
|
|
@@ -160,7 +160,7 @@
|
|
<span>茶园工业园区特色服务</span>
|
|
<span>茶园工业园区特色服务</span>
|
|
</div>
|
|
</div>
|
|
<div class="backbutton" @click="window.history.go(-1)">
|
|
<div class="backbutton" @click="window.history.go(-1)">
|
|
- <img src="images/backlogo.png" alt="">
|
|
|
|
|
|
+ <img src="images/back1.png" alt="">
|
|
<span>返回</span>
|
|
<span>返回</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -169,27 +169,35 @@
|
|
<div class="list" v-for="(item, index) in leftList" :key="index">
|
|
<div class="list" v-for="(item, index) in leftList" :key="index">
|
|
<div class="title">
|
|
<div class="title">
|
|
<img :src="'images/bg-tsfw'+(index+1)+'.png'" alt="" style="width: 100%;height: 100%;">
|
|
<img :src="'images/bg-tsfw'+(index+1)+'.png'" alt="" style="width: 100%;height: 100%;">
|
|
- <p>{{item.name}}</p>
|
|
|
|
|
|
+ <p>{{item.parkForm}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content">
|
|
- <div v-for="(tabl, indexl) in item.content" :key="indexl">
|
|
|
|
- {{tabl}}
|
|
|
|
|
|
+ <div v-for="(tabl, indexl) in item.children" :key="indexl">
|
|
|
|
+ {{indexl+1}}.{{tabl.information}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="list" v-if="!leftList.length">
|
|
|
|
+ <div class="title">
|
|
|
|
+ <img :src="'images/bg-tsfw1.png'" alt="" style="width: 100%;height: 100%;">
|
|
|
|
+ <p>- </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="content">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<div class="rlist">
|
|
<div class="rlist">
|
|
<p>联系人:</p>
|
|
<p>联系人:</p>
|
|
- <p>茶园工业园企业服务专员</p>
|
|
|
|
|
|
+ <p>{{person?person:'-'}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="rlist">
|
|
<div class="rlist">
|
|
<p>电话:</p>
|
|
<p>电话:</p>
|
|
- <p>17774971650</p>
|
|
|
|
|
|
+ <p>{{telphone?telphone:'-'}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="rlist">
|
|
<div class="rlist">
|
|
<p>地址:</p>
|
|
<p>地址:</p>
|
|
- <p>玉马路科创中心8号B栋104办公室</p>
|
|
|
|
|
|
+ <p>{{address?address:'-'}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -202,40 +210,46 @@
|
|
el: '#tsfw',
|
|
el: '#tsfw',
|
|
data: function () {
|
|
data: function () {
|
|
return {
|
|
return {
|
|
- leftList: [
|
|
|
|
- {
|
|
|
|
- id: 1,
|
|
|
|
- name: "载体服务",
|
|
|
|
- content: ["1.提供选址(厂房、用地)载体支持", "2.提供自持载体租赁和物业服务", "3.协助考察确定载体选址", "4.协助人才公寓等用房申请", "5.科技型企业入库"]
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: 2,
|
|
|
|
- name: "政策申报服务",
|
|
|
|
- content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: 3,
|
|
|
|
- name: "市场服务",
|
|
|
|
- content: ["对接优质专业的三方机构,解决企业财税服务、法律服务、知识产权 等方面需求"]
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: 4,
|
|
|
|
- name: "政策申报服务",
|
|
|
|
- content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- id: 5,
|
|
|
|
- name: "政策申报服务",
|
|
|
|
- content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
|
|
|
|
- },
|
|
|
|
- ],
|
|
|
|
|
|
+ reqPtah: 'http://172.16.99.105:8082',
|
|
|
|
+ leftList: [],
|
|
|
|
+ person: '',
|
|
|
|
+ telphone: '',
|
|
|
|
+ address: ''
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
-
|
|
|
|
|
|
+ getParkData(id) {
|
|
|
|
+ let that = this;
|
|
|
|
+ $.ajax({
|
|
|
|
+ url: that.reqPtah + "/specialService/listAll/" + id,
|
|
|
|
+ type: "get",
|
|
|
|
+ dataType: "json",
|
|
|
|
+ success: function (data) {
|
|
|
|
+ console.log(data.data)
|
|
|
|
+ var parkData = data.data.parkData;
|
|
|
|
+ that.person = parkData.contacts;
|
|
|
|
+ that.telphone = parkData.contactsPhone;
|
|
|
|
+ that.address = parkData.contactsAddr;
|
|
|
|
+ let value = data.data.data;
|
|
|
|
+ let newList = []
|
|
|
|
+ value.forEach(item => {
|
|
|
|
+ let status = newList.find(el => el.parkForm === item.parkForm) // 判断第一层级,用name属性来判断
|
|
|
|
+ if (status) {
|
|
|
|
+ status.children.push({ ...item }) // 将数据插入到第二层级中
|
|
|
|
+ } else {
|
|
|
|
+ let obj = { ...item, children: [{ ...item }] }
|
|
|
|
+ newList.push(obj)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ that.leftList = newList;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
-
|
|
|
|
|
|
+ const url = new URL(window.location.href);
|
|
|
|
+ const id = url.searchParams.get('id');
|
|
|
|
+ this.getParkData(id);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</script>
|