From f5b47b6164adaa66f8a3e5282ff584378effbab6 Mon Sep 17 00:00:00 2001
From: suixy <2277317060@qq.com>
Date: Tue, 21 Apr 2026 17:53:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=E5=92=8C?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=9A=E6=96=B9=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                       |   5 +-
 src/components/el/el17.vue         | 148 +++++++++++++++++++++++++++++
 src/components/menu/index.vue      |   5 +-
 src/main.js                        |   2 +
 src/router/index.js                |  80 +++++++++++-----
 src/views/index/index.vue          |   4 +-
 src/views/index/newsCenter.vue     |  30 +++---
 src/views/index/newsDetail.vue     |  36 +++++++
 src/views/page/index.vue           |   3 +
 src/views/productCenter/detail.vue |   3 +
 yarn.lock                          |  53 +++++++++++
 11 files changed, 326 insertions(+), 43 deletions(-)
 create mode 100644 src/components/el/el17.vue
 create mode 100644 src/views/index/newsDetail.vue

diff --git a/package.json b/package.json
index 9ca356a..53d0a56 100644
--- a/package.json
+++ b/package.json
@@ -22,9 +22,10 @@
     "less-loader": "5.0.0",
     "quill": "^2.0.3",
     "swiper": "^11.1.15",
-    "vue": "^2.5.2",
     "uuid": "^11.0.5",
-    "vue-router": "^3.0.1"
+    "vue": "^2.5.2",
+    "vue-router": "^3.0.1",
+    "vue2-editor": "^2.10.3"
   },
   "devDependencies": {
     "@vue/cli-service": "~5.0.0",
diff --git a/src/components/el/el17.vue b/src/components/el/el17.vue
new file mode 100644
index 0000000..f06c02e
--- /dev/null
+++ b/src/components/el/el17.vue
@@ -0,0 +1,148 @@
+<template>
+  <div>
+    <div class="title">
+      <span>
+        {{ data.title }}
+      </span>
+    </div>
+    <div class="subTitle">
+      <span>
+        {{ data.subTitle }}
+      </span>
+    </div>
+    <div class="list">
+      <div class="item" @click="toLink(i)" v-for=" (i,k) in data.productList">
+        <div class="img1">
+          <div class="img">
+            <el-image
+                style="width: 100%; height: 100%;"
+                :src="i.img"
+                fit="contain"></el-image>
+          </div>
+        </div>
+        <div class="title1">{{ i.title }}</div>
+        <i class="el-icon-right icon"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {getHwWeb} from "@/api/hwWeb";
+
+export default {
+  name: 'EditEl9',
+  props: ['data'],
+  data() {
+    return {
+      productData: [],
+      linkDialogVisible: false,
+      index: -1,
+      linkDialogForm: {}
+    }
+  },
+  mounted() {
+    getHwWeb(7).then(res => {
+      this.productData = JSON.parse(res?.data?.webJsonString || '{}').productList || []
+    })
+  },
+  methods: {
+    toLink(e) {
+      this.$router.push(`/productCenter/detail?type=${e.toLink[0]}&typeId=${e.toLink[1]}&id=${e.toLink[2]}`)
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import "~@/style.less";
+
+.title {
+  padding-top: 4.2vw;
+  width: 100%;
+  text-align: center;
+  font-size: 2.5vw;
+  letter-spacing: 4px;
+  color: #0003;
+}
+
+.subTitle {
+  padding-top: 0.4vw;
+  width: 100%;
+  text-align: center;
+  font-size: 1.9vw;
+  letter-spacing: 2px;
+  color: #000;
+}
+
+.list {
+  width: 100%;
+  margin: 3vw auto 0;
+
+  .item {
+    margin-right: 3vw;
+    width: calc(33% - 3vw);
+    display: inline-block;
+    margin-bottom: 1.4vw;
+    vertical-align: top;
+    position: relative;
+
+    &:hover {
+
+      .img1 {
+        .img {
+          transform: scale(1.2);
+        }
+      }
+
+      .icon {
+        right: 0;
+      }
+    }
+
+    .img1 {
+      overflow: hidden;
+      width: 100%;
+      height: calc((90vw * 0.33 - 3vw) * 1080 / 1920);
+
+      .img {
+        transition: all .5s;
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .title1 {
+      margin-top: 1vw;
+      font-size: 1.3vw;
+      padding-left: 2vw;
+      position: relative;
+      text-align: left;
+
+      &::before {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 2px;
+        height: 100%;
+        background: blue;
+      }
+    }
+
+    .icon {
+      font-size: 1.3vw;
+      position: absolute;
+      right: 2vw;
+      bottom: 1vw;
+      transform: translateY(50%);
+      transition: all .5s;
+      cursor: pointer;
+    }
+
+    &:nth-child(3n) {
+      margin-right: 0%;
+    }
+  }
+}
+</style>
diff --git a/src/components/menu/index.vue b/src/components/menu/index.vue
index 768132b..6949f9b 100644
--- a/src/components/menu/index.vue
+++ b/src/components/menu/index.vue
@@ -17,7 +17,10 @@
 import {selectConfigTypeList} from "@/api/menu";
 import {listHwWebMenu, selectMenuTree} from "@/api/hwWebMenu";
 
-const indexRoute = ['/index']
+const indexRoute = [
+  '/index',
+  '/newsDetail'
+]
 const contactUsRoute = ['/contactUs']
 const industrySolutionsRoute = ['/industrySolutions']
 const productCenterRoute = ['/productCenter']
diff --git a/src/main.js b/src/main.js
index 1e5f781..d3ad7a7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,12 +7,14 @@ import router from './router'
 import 'element-ui/lib/theme-chalk/index.css';
 import 'animate.css'
 import AMapLoader from "@amap/amap-jsapi-loader";
+import Vue2Editor from "vue2-editor";
 import 'swiper/css/bundle';
 import "quill/dist/quill.core.css";
 import "quill/dist/quill.snow.css";
 import "quill/dist/quill.bubble.css";
 Vue.config.productionTip = false
 Vue.use(ElementUI);
+Vue.use(Vue2Editor);
 window._AMapSecurityConfig = {
   securityJsCode:'86aa5d3d73bfb4fb80874f18ab3bb755',
 }
diff --git a/src/router/index.js b/src/router/index.js
index 1ca2d2e..eb66480 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,31 +6,59 @@ Vue.use(Router)
 
 export default new Router({
   routes: [
-    {
-      path: '/', component: Layout, redirect: '/index', children: [{
-        path: 'test', component: () => import('@/views/page/index.vue'),
-      }, {
-        path: 'index', component: () => import('@/views/index/index.vue'),
-      }, {
-        path: 'productCenter', component: () => import('@/views/productCenter/index.vue'),
-      }, {
-        path: 'productCenter/detail', component: () => import('@/views/productCenter/detail.vue'),
-      }, {
-        path: 'industrySolutions', component: () => import('@/views/industrySolutions/index.vue'),
-      }, {
-        path: 'index', component: () => import('@/views/index/index.vue'),
-      }, {
-        path: '/contactUs', component: () => import('@/views/contactUs/index.vue'),
-      }, {
-        path: '/contactUs/MediaCenterDetail', component: () => import('@/views/contactUs/MediaCenterDetail.vue'),
-      }, {
-        path: '/serviceSupport', component: () => import('@/views/serviceSupport/index.vue'),
-      },]
-    }], scrollBehavior() {
-    const el = document.getElementById('content')
-    if (el) {
-      el.scrollTop = 0
-    }
-    return false
+	{
+	  path: '/',
+	  component: Layout,
+	  redirect: '/index',
+	  children: [
+		{
+		  path: 'test',
+		  component: () => import('@/views/page/index.vue'),
+		},
+		{
+		  path: 'index',
+		  component: () => import('@/views/index/index.vue'),
+		},
+		{
+		  path: 'newsDetail',
+		  component: () => import('@/views/index/newsDetail.vue'),
+		},
+		{
+		  path: 'productCenter',
+		  component: () => import('@/views/productCenter/index.vue'),
+		},
+		{
+		  path: 'productCenter/detail',
+		  component: () => import('@/views/productCenter/detail.vue'),
+		},
+		{
+		  path: 'industrySolutions',
+		  component: () => import('@/views/industrySolutions/index.vue'),
+		},
+		{
+		  path: 'index',
+		  component: () => import('@/views/index/index.vue'),
+		},
+		{
+		  path: '/contactUs',
+		  component: () => import('@/views/contactUs/index.vue'),
+		},
+		{
+		  path: '/contactUs/MediaCenterDetail',
+		  component: () => import('@/views/contactUs/MediaCenterDetail.vue'),
+		},
+		{
+		  path: '/serviceSupport',
+		  component: () => import('@/views/serviceSupport/index.vue'),
+		},
+	  ]
+	}
+  ],
+  scrollBehavior() {
+	const el = document.getElementById('content')
+	if (el) {
+	  el.scrollTop = 0
+	}
+	return false
   }
 })
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 48e2558..4e6d3d2 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -3,7 +3,7 @@
     <Carousel class="carousel" :bannerList="components.swiper  "/>
     <ClassicCase class="classicCase" :data="components.classicCaseData ||[]"/>
     <ProductCenter class="productCenter" :data="components.productCenterData ||[]"/>
-    <NewsCenter class="newsCenter"/>
+    <NewsCenter class="newsCenter" :data="components.news ||[]"/>
     <ContactUs class="contactUs"/>
     <Copyright class="copyright"/>
   </div>
@@ -62,7 +62,7 @@ export default {
 <style lang="less" scoped>
 .carousel {
   width: 100%;
-  height: 650px;
+  height: calc(680vw / 19.2);
 }
 
 .productCenter {
diff --git a/src/views/index/newsCenter.vue b/src/views/index/newsCenter.vue
index 668d24e..36670a9 100644
--- a/src/views/index/newsCenter.vue
+++ b/src/views/index/newsCenter.vue
@@ -3,20 +3,20 @@
     <div class="title">NEWS CENTER</div>
     <div class="subTitle">新闻中心</div>
     <div class="newsList">
-      <div v-for="i in 3" class="newsItem">
-        <div class="newsDay">03</div>
-        <div class="newsTime">11/2024</div>
-        <div class="newsTitle">[央视镜头]海威物联技术支持的“智慧物流”</div>
+      <div v-for="i in data" class="newsItem">
+        <div class="newsDay">{{ i.day }}</div>
+        <div class="newsTime">{{ i.time }}</div>
+        <div class="newsTitle">{{ i.title }}</div>
         <div class="newsImage">
           <el-image
-            style="width: 100%;height: 100%"
-            :src="banner"
-            fit="contain"></el-image>
+              style="width: 100%;height: 100%"
+              :src="i.img"
+              fit="contain"></el-image>
         </div>
         <div class="newsInfo">
-          近日，央视记者探访目前全球规模最大的仓检一体智能物流园区 - 京东昆明
+          {{ i.info }}
         </div>
-        <div class="newsDetail">查看详情 ></div>
+        <div class="newsDetail" @click="viewDetail(i)">查看详情 ></div>
       </div>
     </div>
     <div class="learnMore">
@@ -26,16 +26,22 @@
 </template>
 
 <script>
-import banner from '@/assets/image/banner.png'
 
 export default {
   name: 'ProductCenter',
+  props: ['data'],
   data() {
     return {
-      banner,
     }
   },
-  methods: {}
+  methods: {
+    viewDetail(e) {
+      this.$router.push({
+        path: '/newsDetail',
+        query: {id: e.id}
+      })
+    }
+  }
 }
 </script>
 
diff --git a/src/views/index/newsDetail.vue b/src/views/index/newsDetail.vue
new file mode 100644
index 0000000..7e2721a
--- /dev/null
+++ b/src/views/index/newsDetail.vue
@@ -0,0 +1,36 @@
+<template>
+  <div style="text-align: left">
+    <div v-html="newsData"></div>
+  </div>
+</template>
+
+<script>
+import {VueEditor} from "vue2-editor";
+import {getHwWeb} from "@/api/hwWeb";
+
+export default {
+  components: {VueEditor},
+
+  data: () => ({
+    newsData: ""
+  }),
+  watch: {
+    '$route': {
+      handler() {
+        this.getData()
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    getData() {
+      getHwWeb(-1).then(res => {
+        let data = JSON.parse(res?.data?.webJsonString || '{}')?.news
+        this.newsData = data.find(e => e.id == this.$route.query.id)?.detail || ''
+        console.log(data)
+      })
+    },
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/views/page/index.vue b/src/views/page/index.vue
index 410834f..c09e036 100644
--- a/src/views/page/index.vue
+++ b/src/views/page/index.vue
@@ -27,6 +27,7 @@
         <EditEl14 v-if="i.type === 14" :data="i.value"/>
         <EditEl15 v-if="i.type === 15" :data="i.value"/>
         <EditEl16 v-if="i.type === 16" :data="i.value"/>
+        <EditEl17 v-if="i.type === 17" :data="i.value"/>
       </div>
 
     </div>
@@ -52,6 +53,7 @@ import EditEl13 from "@/components/el/el13.vue";
 import EditEl14 from "@/components/el/el14.vue";
 import EditEl15 from "@/components/el/el15.vue";
 import EditEl16 from "@/components/el/el16.vue";
+import EditEl17 from "@/components/el/el17.vue";
 
 import Copyright from '@/components/copyright'
 import ContactUs from "@/views/index/contactUs.vue";
@@ -85,6 +87,7 @@ export default {
     EditEl14,
     EditEl15,
     EditEl16,
+    EditEl17,
   },
   props: ["id"],
   data() {
diff --git a/src/views/productCenter/detail.vue b/src/views/productCenter/detail.vue
index ded41a2..104cc83 100644
--- a/src/views/productCenter/detail.vue
+++ b/src/views/productCenter/detail.vue
@@ -27,6 +27,7 @@
         <El14 v-if="i.type === 14" :data="i.value"/>
         <El15 v-if="i.type === 15" :data="i.value"/>
         <El16 v-if="i.type === 16" :data="i.value"/>
+        <El17 v-if="i.type === 17" :data="i.value"/>
       </div>
 
     </div>
@@ -52,6 +53,7 @@ import El13 from "@/components/el/el13.vue";
 import El14 from "@/components/el/el14.vue";
 import El15 from "@/components/el/el15.vue";
 import El16 from "@/components/el/el16.vue";
+import El17 from "@/components/el/el17.vue";
 import Copyright from '@/components/copyright'
 import ContactUs from "@/views/index/contactUs.vue";
 import Carousel from "@/components/el/carousel.vue";
@@ -84,6 +86,7 @@ export default {
     El14,
     El15,
     El16,
+    El17,
   },
   data() {
     return {
diff --git a/yarn.lock b/yarn.lock
index 02bd3f9..8b7bfef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3942,6 +3942,11 @@ event-pubsub@4.3.0:
   resolved "https://registry.npmmirror.com/event-pubsub/-/event-pubsub-4.3.0.tgz#f68d816bc29f1ec02c539dc58c8dd40ce72cb36e"
   integrity sha512-z7IyloorXvKbFx9Bpie2+vMJKKx1fH1EN5yiTfp8CiLOTptSYy1g8H4yDpGlEdshL1PBiFtBHepF2cNsqeEeFQ==
 
+eventemitter3@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-2.0.3.tgz#b5e1079b59fb5e1ba2771c0a993be060a58c99ba"
+  integrity sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==
+
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
@@ -4085,6 +4090,11 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
+extend@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
 extglob@^2.0.4:
   version "2.0.4"
   resolved "https://registry.npmmirror.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
@@ -4119,6 +4129,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.1.2.tgz#4b62c42b8e03de3f848460b639079920695d0154"
+  integrity sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==
+
 fast-diff@^1.3.0:
   version "1.3.0"
   resolved "https://registry.npmmirror.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
@@ -6874,6 +6889,11 @@ param-case@^3.0.4:
     dot-case "^3.0.4"
     tslib "^2.0.3"
 
+parchment@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmmirror.com/parchment/-/parchment-1.1.4.tgz#aeded7ab938fe921d4c34bc339ce1168bc2ffde5"
+  integrity sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==
+
 parchment@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/parchment/-/parchment-3.0.0.tgz#2e3a4ada454e1206ae76ea7afcb50e9fb517e7d6"
@@ -8170,6 +8190,15 @@ queue-microtask@^1.2.2:
   resolved "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
+quill-delta@^3.6.2:
+  version "3.6.3"
+  resolved "https://registry.npmmirror.com/quill-delta/-/quill-delta-3.6.3.tgz#b19fd2b89412301c60e1ff213d8d860eac0f1032"
+  integrity sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==
+  dependencies:
+    deep-equal "^1.0.1"
+    extend "^3.0.2"
+    fast-diff "1.1.2"
+
 quill-delta@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmmirror.com/quill-delta/-/quill-delta-5.1.0.tgz#1c4bc08f7c8e5cc4bdc88a15a1a70c1cc72d2b48"
@@ -8179,6 +8208,18 @@ quill-delta@^5.1.0:
     lodash.clonedeep "^4.5.0"
     lodash.isequal "^4.5.0"
 
+quill@^1.3.6:
+  version "1.3.7"
+  resolved "https://registry.npmmirror.com/quill/-/quill-1.3.7.tgz#da5b2f3a2c470e932340cdbf3668c9f21f9286e8"
+  integrity sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==
+  dependencies:
+    clone "^2.1.1"
+    deep-equal "^1.0.1"
+    eventemitter3 "^2.0.3"
+    extend "^3.0.2"
+    parchment "^1.1.4"
+    quill-delta "^3.6.2"
+
 quill@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npmmirror.com/quill/-/quill-2.0.3.tgz#752765a31d5a535cdc5717dc49d4e50099365eb1"
@@ -9960,6 +10001,11 @@ utils-merge@1.0.1:
   resolved "https://registry.npmmirror.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
 
+uuid@^11.0.5:
+  version "11.1.0"
+  resolved "https://registry.npmmirror.com/uuid/-/uuid-11.1.0.tgz#9549028be1753bb934fc96e2bca09bb4105ae912"
+  integrity sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==
+
 uuid@^3.0.1:
   version "3.4.0"
   resolved "https://registry.npmmirror.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
@@ -10060,6 +10106,13 @@ vue-template-es2015-compiler@^1.6.0, vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.npmmirror.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
+vue2-editor@^2.10.3:
+  version "2.10.3"
+  resolved "https://registry.npmmirror.com/vue2-editor/-/vue2-editor-2.10.3.tgz#ada62d5d623db71613a1b613f3b738056e35e117"
+  integrity sha512-99rWL93xfGeFRrq8NY5L7U+Cog/Uenx+UOOJragtxtbhBE9Rv5/C3P/YhJhjMECSbQyHFjUriqv1S3mghvU9Kg==
+  dependencies:
+    quill "^1.3.6"
+
 vue@^2.5.2:
   version "2.7.16"
   resolved "https://registry.npmmirror.com/vue/-/vue-2.7.16.tgz#98c60de9def99c0e3da8dae59b304ead43b967c9"