修改顶部、中部、底部昵称

digital-park-web/digital-park/src/components/Footer.vue

@@ -20,7 +20,7 @@
         </section>
 
         <section class="footer_info">
-            <div class="title">小昆山经济开发区</div>
+            <div class="title">{{ areaName }}</div>
             <div class="info">
                 <div>
                     <span>上海市·市辖区·松江区·小昆山镇</span>
@@ -42,6 +42,13 @@
 //例如：import 《组件名称》 from '《组件路径》';
 
 export default {
+    props: {
+        areaName: {
+            type: String,
+            require: true,
+            default: "",
+        },
+    },
     //import引入的组件需要注入到对象中才能使用
     components: {},
     data() {

digital-park-web/digital-park/src/components/Header.vue

@@ -5,7 +5,8 @@
             <section class="wrap_left">
                 <!-- <img src="@assets/image/index/logo.png" alt="logo" />
                 小昆山数据可视化平台 -->
-                <img src="@assets/image/index/logo-n.png" alt="logo" />
+                <!-- <img src="@assets/image/index/logo-n.png" alt="logo" /> -->
+                {{ areaName }}
             </section>
             <section class="wrap_right">
                 <div>
@@ -30,6 +31,13 @@
 import { routerOpenInNewWindow } from "@/utils/common.js";
 import { mapGetters } from "vuex";
 export default {
+    props: {
+        areaName: {
+            type: String,
+            require: true,
+            default: "",
+        },
+    },
     //import引入的组件需要注入到对象中才能使用
     components: {},
     computed: {
@@ -101,6 +109,7 @@ export default {
     @include flex(row, space-between, center, wrap);
     .wrap_left {
         @include flex(row, center, center, wrap);
+        font-size: 18px;
         img {
             @include size(auto, 45px);
             margin-right: 10px;

digital-park-web/digital-park/src/views/index/Banner.vue

@@ -2,13 +2,13 @@
 <template>
     <div class="banner">
         <section class="nav">
-            <Nav></Nav>
+            <Nav :areaName="areaName"></Nav>
         </section>
         <!-- <el-carousel height="600px">
             <el-carousel-item v-for="item in 1" :key="item">
                 <img :src="item" alt="" />
             </el-carousel-item>
-        </el-carousel> -->
+        </el-carousel>-->
     </div>
 </template>
 
@@ -18,6 +18,13 @@
 import Nav from "@components/Header.vue";
 
 export default {
+    props: {
+        areaName: {
+            type: String,
+            require: true,
+            default: "",
+        },
+    },
     //import引入的组件需要注入到对象中才能使用
     components: { Nav },
     data() {
@@ -95,8 +102,8 @@ export default {
     }
     .is-active button::after,
     .el-carousel__indicator:hover button::after {
-        opacity: 0.72;   
-        background: #0086e7;  
+        opacity: 0.72;
+        background: #0086e7;
     }
 }
 </style>

digital-park-web/digital-park/src/views/index/Index.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="home">
-        <Banner></Banner>
+        <Banner :areaName="areaName"></Banner>
         <div>
-            <park-introduce :navLists="indexTab" :parkInfo="parkInfo"></park-introduce>
+            <park-introduce :navLists="indexTab" :parkInfo="parkInfo" :areaName="areaName"></park-introduce>
             <!-- 产业导向和发展方向 -->
             <ParkCard :name="'industrialOrientation'" :data="industrialOrientation" />
             <product :leadingIndustryArr="leadingIndustryArr"></product>
@@ -10,7 +10,7 @@
             <advantage></advantage>
             <park-map :address="address"></park-map>
             <ParkCard :name="'surroundingFacilities'" :data="surroundingFacilities" />
-            <Footer></Footer>
+            <Footer :areaName="areaName"></Footer>
             <slide-nav :navLists="indexTab" v-if="navShow"></slide-nav>
         </div>
     </div>
@@ -90,6 +90,8 @@ export default {
             // 周边配套
             surroundingFacilities: null,
             navShow:false,
+            // 园区名称
+            areaName:"",
         };
     },
     computed: {},
@@ -115,6 +117,7 @@ export default {
                         this.surroundingFacilities =
                             this.parkInfo.surroundingFacilities;
                         this.navShow = true;
+                        this.areaName = this.parkInfo.areaName;
                     } else {
                         this.$message.error(`获取数据失败,请刷新重试！`);
                     }

digital-park-web/digital-park/src/views/index/park-introduce/ParkIntroduce.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="park_introduce" id="anchor-produce">
         <section class="top">
-            <div class="title">小昆山经济开发区</div>
+            <div class="title">{{ areaName }}</div>
             <div class="subtitle">全面提升管理服务水平</div>
         </section>
         <ul class="middle">
@@ -51,6 +51,11 @@ export default {
             type: Object,
             default: () => {},
         },
+        areaName: {
+            type: String,
+            require: true,
+            default: "",
+        },
     },
     data() {
         //这里存放数据

digital-park-web/digital-park/vue.config.js

@@ -27,7 +27,8 @@ module.exports = {
                 // 测试环境
                 // target: "http://192.168.18.236:18888/",
                 // 线上测试环境
-                target: "http://park.test.hhrchina.com/",
+                // target: "http://park.test.hhrchina.com/",
+                target: "http://xiaokunshan.cn",
                 // 谢老师
                 // target: "http://192.168.18.138:18888/",
                 // 阚老师