|
|
@@ -12,6 +12,8 @@
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
<!-- 引入组件库 -->
|
|
|
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
|
|
+ <!-- jquery-->
|
|
|
+ <script src="js/jquery-3.5.1.min.js"></script>
|
|
|
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=7XivTux4H2e1ifKLjvEhxfuayDYxAluq">
|
|
|
</script>
|
|
|
<style>
|
|
|
@@ -36,15 +38,15 @@
|
|
|
<div class="jbqk">
|
|
|
<div class="list" style="background-image: url(images/jbqk1.png);">
|
|
|
<p>总面积</p>
|
|
|
- <p><span>7.31</span><span>平方公里</span></p>
|
|
|
+ <p><span>{{this.jbqk.total}}</span><span>平方公里</span></p>
|
|
|
</div>
|
|
|
<div class="list" style="background-image: url(images/jbqk2.png);">
|
|
|
<p>建成面积 </p>
|
|
|
- <p><span>3.47</span><span>平方公里</span></p>
|
|
|
+ <p><span>{{this.jbqk.build}}</span><span>平方公里</span></p>
|
|
|
</div>
|
|
|
<div class="list" style="background-image: url(images/jbqk3.png);">
|
|
|
<p>产业分布</p>
|
|
|
- <span>软件和信息服务、服装、批发零售</span>
|
|
|
+ <span>{{this.jbqk.industry}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="title">
|
|
|
@@ -52,13 +54,13 @@
|
|
|
<span>区位优势</span>
|
|
|
</div>
|
|
|
<div class="qwys">
|
|
|
- <div class="list" v-for="(item,index) in qwysList">
|
|
|
+ <div class="list" v-for="(item,index) in this.qwysList">
|
|
|
<div class="name">
|
|
|
<img :src="item.logo" alt="">
|
|
|
- <span>{{item.name}}</span>
|
|
|
+ <span>{{item.title}}</span>
|
|
|
</div>
|
|
|
<ul>
|
|
|
- <li v-for="(item1,index1) in item.list">
|
|
|
+ <li v-for="(item1,index1) in item.subtitleList">
|
|
|
{{item1}}
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -183,49 +185,54 @@
|
|
|
el: '#ggyq',
|
|
|
data: function () {
|
|
|
return {
|
|
|
+ jbqk:{
|
|
|
+ total:'',
|
|
|
+ build:'',
|
|
|
+ industry:''
|
|
|
+ },
|
|
|
qwysList: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- name: "交通体系",
|
|
|
- logo: "images/qwys1.png",
|
|
|
- list: ["铁路运输", "轨道交通", "公路物流"]
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- name: "生态环境",
|
|
|
- logo: "images/qwys2.png",
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- name: "人才资源",
|
|
|
- logo: "images/qwys3.png",
|
|
|
- list: ["落户政策", "人才公寓"]
|
|
|
- },
|
|
|
- {
|
|
|
- id: 4,
|
|
|
- name: "营商环境",
|
|
|
- logo: "images/qwys4.png",
|
|
|
- },
|
|
|
- {
|
|
|
- id: 5,
|
|
|
- name: "产业基础",
|
|
|
- logo: "images/qwys5.png",
|
|
|
- list: ["软信行业", "服装产业", "批发零售业"]
|
|
|
- }
|
|
|
+ // {
|
|
|
+ // id: 1,
|
|
|
+ // name: "交通体系",
|
|
|
+ // logo: "images/qwys1.png",
|
|
|
+ // list: ["铁路运输", "轨道交通", "公路物流"]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 2,
|
|
|
+ // name: "生态环境",
|
|
|
+ // logo: "images/qwys2.png",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 3,
|
|
|
+ // name: "人才资源",
|
|
|
+ // logo: "images/qwys3.png",
|
|
|
+ // list: ["落户政策", "人才公寓"]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 4,
|
|
|
+ // name: "营商环境",
|
|
|
+ // logo: "images/qwys4.png",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 5,
|
|
|
+ // name: "产业基础",
|
|
|
+ // logo: "images/qwys5.png",
|
|
|
+ // list: ["软信行业", "服装产业", "批发零售业"]
|
|
|
+ // }
|
|
|
],
|
|
|
yqhdList: [
|
|
|
- {
|
|
|
- id: 1,
|
|
|
- content: '"四园一港"园区法律服务中心开展企业法律知识讲座'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 2,
|
|
|
- content: '茶园工业园区首轮服务企业资源对接暨集中签约活动取得圆满成功'
|
|
|
- },
|
|
|
- {
|
|
|
- id: 3,
|
|
|
- content: '"金融助力·法律赋能·科技惠企进园区"活动在重庆经开区举行'
|
|
|
- }
|
|
|
+ // {
|
|
|
+ // id: 1,
|
|
|
+ // content: '"四园一港"园区法律服务中心开展企业法律知识讲座'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 2,
|
|
|
+ // content: '茶园工业园区首轮服务企业资源对接暨集中签约活动取得圆满成功'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // id: 3,
|
|
|
+ // content: '"金融助力·法律赋能·科技惠企进园区"活动在重庆经开区举行'
|
|
|
+ // }
|
|
|
],
|
|
|
mxqyList: [
|
|
|
{
|
|
|
@@ -349,7 +356,48 @@
|
|
|
},
|
|
|
goZnxz() {
|
|
|
window.location.href = "znxz.html"
|
|
|
+ },
|
|
|
+ getJBQK(id){
|
|
|
+ let that = this;
|
|
|
+ $.ajax({
|
|
|
+ url: "http://localhost:8082/parkData/" + id,
|
|
|
+ type: "get",
|
|
|
+ dataType: "json",
|
|
|
+ success: function (data) {
|
|
|
+ console.log("基本情况:",data)
|
|
|
+ that.jbqk.total=data.totalArea;
|
|
|
+ that.jbqk.build=data.buildArea;
|
|
|
+ that.jbqk.industry=data.industry;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDetail(id){
|
|
|
+ let that = this;
|
|
|
+ $.ajax({
|
|
|
+ url: "http://localhost:8082/parkData/details/" + id,
|
|
|
+ type: "get",
|
|
|
+ dataType: "json",
|
|
|
+ success: function (data) {
|
|
|
+ console.log("所有数据:",data)
|
|
|
+ //区位优势
|
|
|
+ that.qwysList = data.filter(item => item.moduleType === "2");
|
|
|
+ that.qwysList.forEach(item => {
|
|
|
+ if (item.subtitle) {
|
|
|
+ let subtitleList = item.subtitle.split(",");
|
|
|
+ console.log("subtitleList",subtitleList)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //园区活动
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ const url = new URL(window.location.href);
|
|
|
+ const id = url.searchParams.get('id');
|
|
|
+ this.getJBQK(id);
|
|
|
+ this.getDetail(id);
|
|
|
}
|
|
|
});
|
|
|
</script>
|
zhao