更新

src/service/api_service.js

@@ -15,6 +15,7 @@ const recruit = '/wx/recruit'
 const policy = '/wx/policy'
 const bizAll = '/wx/data'
 const SunanPortalManagementController = '/wx/SunanPortalManagementController'
+const CommonController = '/wx/CommonController'
 
 
 export function findFeaturesService(data) {
@@ -149,3 +150,10 @@ export function findInfoByPortalTypeToTop(data) {
         data: data
     })
 }
+export function listNoticeToTop(data) {
+    return request({
+        url: baseUri + CommonController + '/listNoticeToTop',
+        method: 'post',
+        data: data
+    })
+}

src/views/common/home.vue

@@ -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;
   }

src/views/notice/detail1.vue

@@ -1,75 +1,73 @@
 <template>
-    <div style="background: #f0f0f0;padding-bottom:50px">
-        <div class="banner">
-            <img src="~@/assets/images/yqtz.jpg" alt="">
-        </div>
-        <div class="bread">
-            <div>
-                <span>当前位置:首页-园区通知-通知详情</span>
-            </div>
-        </div>
-        <div class="smart-device">
-            <div class="smart-title">
-                <span style="font-size: 0.7rem;" v-if="detail.active==1"><span>园区通知</span>PARK NOTICE</span>
-                <span style="font-size: 0.7rem;" v-else><span>物业通知</span>PROPERTY NOTICE</span>
-            </div>
-            <div class="smart-device-content">
-                <div class="titles">
-                    <h3>{{ detail.name }}</h3>
-                </div>
-                <div class="list-content" v-if="detail.source==='1'" v-html="detail.detail">
-                </div>
-                <div class="list-content" v-else>
-                  <div>{{detail.detail}}</div>
-                </div>
-            </div>
+  <div style="background: #f0f0f0;padding-bottom:50px">
+    <div class="banner">
+      <img src="~@/assets/images/yqtz.jpg" alt="">
+    </div>
+    <div class="bread">
+      <div>
+        <span>当前位置:首页-园区通知-通知详情</span>
+      </div>
+    </div>
+    <div class="smart-device">
+      <div class="smart-title">
+        <span v-if="detail.active==1" style="font-size: 0.7rem;"><span>园区通知</span>PARK NOTICE</span>
+        <span v-else style="font-size: 0.7rem;"><span>物业通知</span>PROPERTY NOTICE</span>
+      </div>
+      <div class="smart-device-content">
+        <div class="titles">
+          <h3>{{ detail.name }}</h3>
         </div>
+        <div class="list-content" v-html="detail.detail" />
+<!--        <div v-else class="list-content">-->
+<!--          <div>{{ detail.detail }}</div>-->
+<!--        </div>-->
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        data () {
-            return {
-                active:1,
-                zsList:[
-                    {
-                        img:'zs1.png',
-                        name:'专项扶持政策',
-                        eventIndex:1,
-                        detail:''
-                    },
-                    {
-                        img:'zs2.png',
-                        name:'税收优惠',
-                        eventIndex:2,
-                        detail:''
-                    },
-                    {
-                        img:'zs3.png',
-                        name:'奖励措施',
-                        eventIndex:3,
-                        detail:''
-                    },
-                ],
-              detail:{}
-            }
-        },
-        mounted() {
-            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部
-          this.detail = this.$route.params
-        },
-        methods: {
-            detail1(index){
-                switch(index) {
-                    case 1:
-                        this.$router.push({path:'/zhaoshang/detail1'})
-                        break;
+export default {
+    data() {
+        return {
+            active: 1,
+            zsList: [
+                {
+                    img: 'zs1.png',
+                    name: '专项扶持政策',
+                    eventIndex: 1,
+                    detail: ''
+                },
+                {
+                    img: 'zs2.png',
+                    name: '税收优惠',
+                    eventIndex: 2,
+                    detail: ''
+                },
+                {
+                    img: 'zs3.png',
+                    name: '奖励措施',
+                    eventIndex: 3,
+                    detail: ''
                 }
-
+            ],
+            detail: {}
+        }
+    },
+    mounted() {
+        document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
+        this.detail = this.$route.params
+    },
+    methods: {
+        detail1(index) {
+            switch (index) {
+                case 1:
+                    this.$router.push({ path: '/zhaoshang/detail1' })
+                    break
             }
-        },
-    };
+        }
+    }
+}
 </script>
 
 <style scoped>

src/views/notice/index.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import { parkNotice, propertyNotice } from '@/service/api_service'
+import { parkNotice, propertyNotice, listNoticeToTop } from '@/service/api_service'
 /**
      * 分页是用的vant框架
      * */
@@ -65,38 +65,43 @@ export default {
             currentPage: 1,
             total: 0,
             noticeList: [
-                {
-                    name: '第一条通知',
-                    eventIndex: 1,
-                    detail: '',
-                    createTime: '2012-12-12'
-                },
-                {
-                    name: '第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知',
-                    eventIndex: 2,
-                    detail: '',
-                    createTime: '2012-12-12'
-                },
-                {
-                    img: 'zs3.png',
-                    name: '第三条通知第三条通知第三条通知第三条通知第三条通知第三条通知',
-                    eventIndex: 3,
-                    detail: '',
-                    createTime: '2012-12-12'
-                }
+                // {
+                //     name: '第一条通知',
+                //     eventIndex: 1,
+                //     detail: '',
+                //     createTime: '2012-12-12'
+                // },
+                // {
+                //     name: '第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知第二条通知',
+                //     eventIndex: 2,
+                //     detail: '',
+                //     createTime: '2012-12-12'
+                // },
+                // {
+                //     img: 'zs3.png',
+                //     name: '第三条通知第三条通知第三条通知第三条通知第三条通知第三条通知',
+                //     eventIndex: 3,
+                //     detail: '',
+                //     createTime: '2012-12-12'
+                // }
             ],
             params: {
                 pageNum: 1,
                 pageSize: 8,
                 status: 'published'
+            },
+            pageData: {
+                pageNum: 1,
+                pageSize: 8
             }
         }
     },
     mounted() {
+        this.getListInfo()
         if (this.$route.query.active) {
             this.active = Number(this.$route.query.active)
         }
-        this.initParkNotice()
+        // this.initParkNotice()
         document.documentElement.scrollTop = document.body.scrollTop = 0 // 回到顶部
         if (window.history && window.history.pushState) {
             // 向历史记录中插入了当前页
@@ -116,12 +121,14 @@ export default {
             this.$router.push({ path: '/' })
         },
         handleCurrentChange: function(val) {
-            this.params.pageNum = val
-            if (this.active === 1) {
-                this.initParkNotice()
-            } else {
-                this.initPropertyNotice()
-            }
+            this.pageData.pageNum = val
+            this.getListInfo()
+            // this.params.pageNum = val
+            // if (this.active === 1) {
+            //     this.initParkNotice()
+            // } else {
+            //     this.initPropertyNotice()
+            // }
         },
         changeType(active) {
             this.active = active
@@ -133,6 +140,26 @@ export default {
                 this.initPropertyNotice()
             }
         },
+        getListInfo() {
+            listNoticeToTop(this.pageData).then(res => {
+                this.noticeList = []
+                const dayjs = require('dayjs')
+                if (res.total != 0) {
+                    res.rows.forEach((item,index) => {
+                        this.noticeList.push(
+                            {
+                                img: 'zs3.png',
+                                name: item.noticeTitle,
+                                eventIndex: index,
+                                detail: item.noticeContent,
+                                createTime: dayjs(item.createTime).format('YYYY-MM-DD'),
+                            }
+                        )
+                    })
+                    // this.noticeList = res.rows
+                }
+            })
+        },
         initParkNotice() {
             const _this = this
             // _this.params.parks = '' //绑定园区
@@ -184,6 +211,7 @@ export default {
             return item
         },
         detail(index) {
+          console.log(index)
             index.active = this.active
             this.$router.push({ name: 'noticeDetail', params: index })
         }

src/views/services/educate/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="background: #f0f0f0;padding-bottom:50px">
     <div class="banner">
-      <img src="~@/assets/images/yxfw.jpg" alt="">
+      <img src="~@/assets/images/yxfw.png" alt="">
     </div>
     <div class="bread">
       <div>