diff --git a/package.json b/package.json index f5ede2b..4eed3d5 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "core-js": "^3.8.3", "element-ui": "^2.15.9", "html2canvas": "^1.4.1", + "mockjs": "^1.1.0", "vue": "^2.6.14", "vue-concise-slider": "^4.2.5", "vue-router": "^3.5.1" diff --git a/src/assets/img/home/图层 9.png b/src/assets/img/home/jt5.png similarity index 100% rename from src/assets/img/home/图层 9.png rename to src/assets/img/home/jt5.png diff --git a/src/assets/img/product/1.png b/src/assets/img/product/1.png new file mode 100644 index 0000000..7e76f0c Binary files /dev/null and b/src/assets/img/product/1.png differ diff --git a/src/assets/img/product/2.png b/src/assets/img/product/2.png new file mode 100644 index 0000000..efb90e8 Binary files /dev/null and b/src/assets/img/product/2.png differ diff --git a/src/assets/img/product/cj1.png b/src/assets/img/product/cj1.png new file mode 100644 index 0000000..8fd95c3 Binary files /dev/null and b/src/assets/img/product/cj1.png differ diff --git a/src/assets/img/product/t1.png b/src/assets/img/product/t1.png new file mode 100644 index 0000000..b113c51 Binary files /dev/null and b/src/assets/img/product/t1.png differ diff --git a/src/assets/img/product/t2.png b/src/assets/img/product/t2.png new file mode 100644 index 0000000..637bf16 Binary files /dev/null and b/src/assets/img/product/t2.png differ diff --git a/src/assets/img/product/t3.png b/src/assets/img/product/t3.png new file mode 100644 index 0000000..88e569a Binary files /dev/null and b/src/assets/img/product/t3.png differ diff --git a/src/assets/img/product/t4.png b/src/assets/img/product/t4.png new file mode 100644 index 0000000..bf6c265 Binary files /dev/null and b/src/assets/img/product/t4.png differ diff --git a/src/assets/img/product/t5.png b/src/assets/img/product/t5.png new file mode 100644 index 0000000..c536e67 Binary files /dev/null and b/src/assets/img/product/t5.png differ diff --git a/src/components/header.vue b/src/components/header.vue index 8ba6b7e..5162b1f 100644 --- a/src/components/header.vue +++ b/src/components/header.vue @@ -45,7 +45,9 @@ :key="index" >
{{ item.title }}
-
{{ item.name }}
+
+ {{ item.name }} +
@@ -55,7 +57,9 @@ :key="index" >
{{ item.title }}
-
{{ item.name }}
+
+ {{ item.name }} +
@@ -65,7 +69,9 @@ :key="index" >
{{ item.title }}
-
{{ item.name }}
+
+ {{ item.name }} +
@@ -177,6 +183,11 @@ export default { }); } }, + handleProduct() { + this.$router.push({ + path: "/product", + }); + }, //产品服务 handleServe(index) { this.showIndex = index; diff --git a/src/main.js b/src/main.js index d822bf2..a8400b7 100644 --- a/src/main.js +++ b/src/main.js @@ -4,15 +4,17 @@ import router from "./router"; import Element from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; import animated from 'animate.css' - +import axios from "axios"; Vue.use(animated); Vue.use(Element); import "@/assets/css/style.css"; +Vue.prototype.$http = axios +require('./mock'); //引入mock数据，关闭则注释该行 Vue.config.productionTip = false; new Vue({ router, render: (h) => h(App), }).$mount("#app"); -router.afterEach((to, from, next) => { - window.scrollTo(0, 0); -}); +// router.afterEach((to, from, next) => { +// window.scrollTo(0, 0); +// }); diff --git a/src/mock/index.js b/src/mock/index.js new file mode 100644 index 0000000..82d5933 --- /dev/null +++ b/src/mock/index.js @@ -0,0 +1,4 @@ +const Mock = require('mockjs'); +//格式： Mock.mock( url, post/get , 返回的数据)； +Mock.mock('/home/userInfo', 'get', require('./json/home')); +Mock.mock('/news/press', 'get', require('./json/news')); \ No newline at end of file diff --git a/src/mock/json/home.json b/src/mock/json/home.json new file mode 100644 index 0000000..b74afe6 --- /dev/null +++ b/src/mock/json/home.json @@ -0,0 +1,39 @@ +{ + "result": "success", + "data": { + "number": { + "a": "61", + "b": "2300", + "c": "2700" + }, + "left": [ + { + "name": "国家工业互联网标识解析二级节点", + "detail": "工业互联网标识解析体系类似互联网领域的域名解析系统（DNS）， 是全球工业互联网安全运行的核心基础设施之一。" + }, + { + "name": "国家中小企业工业互联网数字化转型促进中心", + "detail": "国家中小企业工业互联网数字化转型促进中心是全国唯一一家面向中小企业、立足优势产业集聚、服务民立足优势产业集聚、服务民" + }, + { + "name": "济南市先进制造业和数字经济标志性产业链群链主企业", + "detail": "济南市工业和信息化局按照“系统集成能力强、国内外市场占有率高、 产品竞争力强、产业链拉动作用大”的原则，从10个标志性产业链群。" + } + ], + "right": [ + { + "name": "国家高新技术企业", + "detail": "工业互联网标识解析体系类似互联网领域的域名解析系统（DNS）， 是全球工业互联网安全运行的核心基础设施之一。" + }, + { + "name": "山东省科技型、创新型中小企业", + "detail": "国家中小企业工业互联网数字化转型促进中心是全国唯一一家面向中小企业、立足优势产业集聚、服务民立足优势产业集聚、服务民" + }, + { + "name": "山东省大数据创新服务机构", + "detail": "大数据时代到来，数据价值及数据库国产化的重要性日益凸显，加快推动大数据产业高质量发展，对于抢抓新时代产业变革新机遇、构对于抢抓新时代产业变革新机遇、构" + } + ] + }, + "msg": "" +} \ No newline at end of file diff --git a/src/mock/json/news.json b/src/mock/json/news.json new file mode 100644 index 0000000..166548b --- /dev/null +++ b/src/mock/json/news.json @@ -0,0 +1,22 @@ +{ + "result": "success", + "data": { + "records": [ + { + "img": "", + "time": "20220", + "name": "工业互联网标识解析平台应用推广论坛暨远盾网络二级节点建设启动仪式成功召开", + "detail": "7月18日，为加快工业互联网标识解析二级节点建设，深化标识解析应用推广，加快形成面向重点行业的规模化标识解析服务能力，发挥榜样带头作用，加快推进工业互联网创新发展，助力全省新旧动能转换。在济南市成功召开工业互联网标识解析平台应用推广论坛暨远盾网络二级节点建设启动仪式。" + }, + { + "name": "国家中小企业工业互联网数字化转型促进中心", + "detail": "国家中小企业工业互联网数字化转型促进中心是全国唯一一家面向中小企业、立足优势产业集聚、服务民立足优势产业集聚、服务民" + }, + { + "name": "济南市先进制造业和数字经济标志性产业链群链主企业", + "detail": "济南市工业和信息化局按照“系统集成能力强、国内外市场占有率高、 产品竞争力强、产业链拉动作用大”的原则，从10个标志性产业链群。" + } + ] + }, + "msg": "" +} \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index ac372e0..1364298 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -4,8 +4,8 @@ import HomeView from "../views/home.vue"; import AboutUs from "../views/aboutUs.vue"; import PressCenter from "../views/pressCenter.vue"; import PressDetail from "../views/pressDetail.vue"; +import Product from "../views/product.vue"; Vue.use(VueRouter); - const routes = [ { path: "/", @@ -27,6 +27,11 @@ const routes = [ name: "文字详情", component: PressDetail, }, + { + path: "/product", + name: "产品与服务", + component: Product, + }, ]; const router = new VueRouter({ diff --git a/src/views/aboutUs.vue b/src/views/aboutUs.vue index 8047071..1220e55 100644 --- a/src/views/aboutUs.vue +++ b/src/views/aboutUs.vue @@ -63,8 +63,8 @@ -
-
+
+
- +
平台服务指数
更多数据 →
@@ -26,7 +30,7 @@
-
61
+
{{ detail.number.a }}
企业节点注册量
@@ -35,7 +39,7 @@
-
61
+
{{ detail.number.b }}
标识累计解析量
@@ -44,7 +48,7 @@
-
61
+
{{ detail.number.c }}
标识累计组成量
@@ -69,16 +73,27 @@
{{ item.title1 }}
{{ item.title2 }}
-
+
{{ items.names }}
- +
- + @@ -102,25 +117,37 @@ @select="handleSelect" active-text-color="#3370FF" > - 工业互联网标识解析企业节点一体化设备 + 工业互联网标识解析企业节点一体化设备 规约管理边缘网关 - 工业互联网标识解析二级节点建设服务 + 工业互联网标识解析二级节点建设服务 青鸟智能物联管控系统
- +
工业互联网+区块链
- +
物联数据感知
-
以物联网智能监管终端为核心，通过物联网技术监管终端为核心，通过物联网技术监管终端为核心，通过物联网技术感...
+
+ 以物联网智能监管终端为核心，通过物联网技术监管终端为核心，通过物联网技术监管终端为核心，通过物联网技术感... +
@@ -150,17 +177,24 @@
-
+
-
国家工业互联网标识解析二级节点
+
{{ item.name }}
- 工业互联网标识解析体系类似互联网领域的域名解析系统（DNS）， - 是全球工业互联网安全运行的核心基础设sssss施之一。 + {{ item.detail }}
- +
@@ -168,21 +202,32 @@
- +
-
+
- +
-
国家工业互联网标识解析二级节点
+
{{ item.name }}
- 工业互联网标识解析体系类似互联网领域的域名解析系统（DNS）， - 是全球工业互联网安全运行的核心基础设施之一。 + {{ item.detail }}
@@ -191,7 +236,10 @@
-
+
@@ -201,15 +249,20 @@ :src="require('@/assets/img/home/presscenter.png')" fit="fill" > -
山东青鸟工业互联网有限公司祝您新年快乐
+
- +
-
热烈祝贺山东青鸟顺利通过国家“高新技术企业”认定
+
+ 热烈祝贺山东青鸟顺利通过国家“高新技术企业”认定 +
根据《高新技术企业认定管理办法》（国科发火〔2016〕32号） 和《高新技术企业认定管理工作指引》（国科发火〔2016〕... @@ -226,18 +279,28 @@
-
+
- +
-
+
@@ -253,12 +316,13 @@ import top from "@/components/header.vue"; import bottom from "@/components/footer.vue"; import headline from "@/components/headline.vue"; + export default { name: "HomeView", components: { top, bottom, - headline + headline, }, data() { return { @@ -273,21 +337,21 @@ export default { arr: [ { icon: "", - names: "权威授权" + names: "权威授权", }, { icon: "", - names: "严格准入" + names: "严格准入", }, { icon: "", - names: "精确查询" + names: "精确查询", }, { icon: "", - names: "安全稳定" - } - ] + names: "安全稳定", + }, + ], }, { name: "2", @@ -297,21 +361,21 @@ export default { arr: [ { icon: "", - names: "星火链网" + names: "星火链网", }, { icon: "", - names: "数据存证" + names: "数据存证", }, { icon: "", - names: "标识赋码" + names: "标识赋码", }, { icon: "", - names: "行业监管" - } - ] + names: "行业监管", + }, + ], }, { name: "3", @@ -321,21 +385,21 @@ export default { arr: [ { icon: "", - names: "接入便捷" + names: "接入便捷", }, { icon: "", - names: "产品全面" + names: "产品全面", }, { icon: "", - names: "使用安全" + names: "使用安全", }, { icon: "", - names: "数据统计" - } - ] + names: "数据统计", + }, + ], }, { name: "4", @@ -345,55 +409,60 @@ export default { arr: [ { icon: "", - names: "敏捷易用" + names: "敏捷易用", }, { icon: "", - names: "完备高效" + names: "完备高效", }, { icon: "", - names: "灵活开放" + names: "灵活开放", }, { icon: "", - names: "安全可靠" - } - ] - } + names: "安全可靠", + }, + ], + }, ], - + detail: {}, //mock company: [ { - img: require("@/assets/img/home/jt1.png") - }, - { - img: require("@/assets/img/home/jt2.png") - }, - { - img: require("@/assets/img/home/jt3.png") + img: require("@/assets/img/home/jt1.png"), }, { - img: require("@/assets/img/home/jt4.png") + img: require("@/assets/img/home/jt2.png"), }, { - img: require("@/assets/img/home/jt1.png") + img: require("@/assets/img/home/jt3.png"), }, { - img: require("@/assets/img/home/jt2.png") + img: require("@/assets/img/home/jt4.png"), }, - { - img: require("@/assets/img/home/jt3.png") - } - ] + ], }; }, + mounted() { + this.getMockData(); + }, methods: { handleSelect(e) { this.solutabsIndex = e; - } - } + }, + + getMockData() { + this.$http + .get("/home/userInfo") + .then((res) => { + this.detail = res.data && res.data.data; + }) + .catch(function (err) { + console.log(err); + }); + }, + }, }; \ No newline at end of file diff --git a/vue.config.js b/vue.config.js index 6ab8404..3baa803 100644 --- a/vue.config.js +++ b/vue.config.js @@ -4,6 +4,7 @@ module.exports = { outputDir: "dist", assetsDir: "static", devServer: { + before:require('./mock/index.js'), // proxy: { // "/fsms-library": { // // target: "https://zhinengku.zhixunanquan.com/fsms-library",