图片文字的替换

src/main/vue/src/entries/index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta name="referrer" content="origin">
-    <title>智能大会</title>
+    <title>2018世界智能制造大会</title>
     <link rel="icon" href="/static/favicon.ico" />
     <script src="/static/polyfill.min.js"></script>
     <!-- <script src="/static/fontawesome-v5.2.0.js"></script> -->

src/main/vue/src/pagesPre/Home.vue

@@ -1,19 +1,21 @@
 <template>
     <div class="container" :style="{backgroundImage:'url('+require('../assetsPre/bg.jpg')+')'}">
-        <img class="topImg" @click="showBoxEve('展馆')" src="../assetsPre/img_bioati.png" alt="">
-        <audio ref='music' style="display:none" :src="message[nowMessage].voice" controls="controls">
-        </audio>
+        <img class="topImg" @click="showBoxEve(0)" src="../assetsPre/img_bioati.png" alt="">
+
         <div class="btns">
-            <div @click="showBoxEve('4号馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">4号馆</div>
-            <div @click="showBoxEve('5号馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">5号馆</div>
-            <div @click="showBoxEve('6号馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">6号馆</div>
-            <div @click="showBoxEve('5A馆')" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">5A馆</div>
+            <div @click="showBoxEve(1)" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">4号馆</div>
+            <div @click="showBoxEve(2)" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">5号馆</div>
+            <div @click="showBoxEve(3)" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">6号馆</div>
+            <div @click="showBoxEve(4)" :style="{backgroundImage:'url('+require('../assetsPre/btu_xiao.png')+')'}" class="btn-item">5A馆</div>
         </div>
-
+        <audio ref='music' style="display:none" :src="message[nowMessage].voice" controls="controls">
+        </audio>
         <div class="box" v-if="showBox" @click="showBox=!showBox">
         </div>
         <transition name="slide-up">
+
             <div class="box-content" v-if="showBox">
+
                 <div class="title">
                     <div class="voice-btn" style="visibility:hidden"></div>
                     <div class="name">{{message[nowMessage].title}}介绍</div>
@@ -29,7 +31,7 @@
                     {{message[nowMessage].content}}
                 </div>
 
-                <div class="showbtn" @click="goNext" v-if="nowMessage!='展馆'">
+                <div class="showbtn" @click="goNext" v-if="nowMessage!=0">
                     查看参展企业列表
                 </div>
             </div>
@@ -46,34 +48,55 @@ export default {
     data() {
         return {
             showBox: false,
-            message: {
-                '展馆': {
-                    title: '2018世界智能制造大会简介',
-                    content: '2018世界智能制造大会于10月11日至13日在南京国际博览中心召开，本次大会由江苏省人民政府、工业和信息化部、中国工程院、中国科学技术协会共同主办，主题为“赋能升级，智造未来”，汇聚了世界智能制造领先企业、权威机构、卓越领袖与前沿专家，探讨智能制造新图景，培育经济发展新动能，引领全球产业新发展，是全球智能制造领域一次大规模、国际性交流研讨的顶级峰会。大会期间同步举办智能制造展览会。本届智能制造展览会展览面积约5万平方米，有来自德国、美国、日本、韩国等多个国家和地区的500多家企业参展参会，其中既有博西、菲尼克斯、安川电机、中国中车等世界500强及智能制造领域领军企业，也有在工业软件、工业互联、云制造、人工智能等领域积极探索的新技术企业代表。',
-                    voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
-                },
-                '4号馆': {
-                    title: '赋能智造馆',
-                    content: '“赋能智造馆”，在4号展馆，重点展示为智能制造实践提供相关动能的内容和领域，如5G应用，工业互联、云制造，人工智能，工业软件，智能终端，传感器、智能芯片等。',
-                    voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-36-53-4iej31bp.mp3'
-                },
-                '5号馆': {
-                    title: '生态智造馆',
-                    content: '“生态智造馆”。在5号展馆，重点展示围绕智能制造构建的政策、科技、人才、园区、平台、技术等生态支撑系统。',
-                    voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-29-0zhfed3z.mp3'
-                },
-                '6号馆': {
-                    title: '国际及综合应用馆',
-                    content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
-                    voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-54-1og69577.mp3'
-                },
-                '5A馆': {
-                    title: '登陆厅',
-                    content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
-                    voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
-                }
-            },
-            nowMessage: '展馆',
+            // message: {
+            //     '展馆': {
+            //         title: '2018世界智能制造大会简介',
+            //         content: '2018世界智能制造大会于10月11日至13日在南京国际博览中心召开，本次大会由江苏省人民政府、工业和信息化部、中国工程院、中国科学技术协会共同主办，主题为“赋能升级，智造未来”，汇聚了世界智能制造领先企业、权威机构、卓越领袖与前沿专家，探讨智能制造新图景，培育经济发展新动能，引领全球产业新发展，是全球智能制造领域一次大规模、国际性交流研讨的顶级峰会。大会期间同步举办智能制造展览会。本届智能制造展览会展览面积约5万平方米，有来自德国、美国、日本、韩国等多个国家和地区的500多家企业参展参会，其中既有博西、菲尼克斯、安川电机、中国中车等世界500强及智能制造领域领军企业，也有在工业软件、工业互联、云制造、人工智能等领域积极探索的新技术企业代表。',
+            //         voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
+            //     },
+            //     '4号馆': {
+            //         title: '赋能智造馆',
+            //         content: '“赋能智造馆”，在4号展馆，重点展示为智能制造实践提供相关动能的内容和领域，如5G应用，工业互联、云制造，人工智能，工业软件，智能终端，传感器、智能芯片等。',
+            //         voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-36-53-4iej31bp.mp3'
+            //     },
+            //     '5号馆': {
+            //         title: '生态智造馆',
+            //         content: '“生态智造馆”。在5号展馆，重点展示围绕智能制造构建的政策、科技、人才、园区、平台、技术等生态支撑系统。',
+            //         voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-29-0zhfed3z.mp3'
+            //     },
+            //     '6号馆': {
+            //         title: '国际及综合应用馆',
+            //         content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
+            //         voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-54-1og69577.mp3'
+            //     },
+            //     '5A馆': {
+            //         title: '登陆厅',
+            //         content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
+            //         voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
+            //     }
+            // },
+            message: [{
+                title: '2018世界智能制造大会简介',
+                content: '2018世界智能制造大会于10月11日至13日在南京国际博览中心召开，本次大会由江苏省人民政府、工业和信息化部、中国工程院、中国科学技术协会共同主办，主题为“赋能升级，智造未来”，汇聚了世界智能制造领先企业、权威机构、卓越领袖与前沿专家，探讨智能制造新图景，培育经济发展新动能，引领全球产业新发展，是全球智能制造领域一次大规模、国际性交流研讨的顶级峰会。大会期间同步举办智能制造展览会。本届智能制造展览会展览面积约5万平方米，有来自德国、美国、日本、韩国等多个国家和地区的500多家企业参展参会，其中既有博西、菲尼克斯、安川电机、中国中车等世界500强及智能制造领域领军企业，也有在工业软件、工业互联、云制造、人工智能等领域积极探索的新技术企业代表。',
+                voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
+            }, {
+                title: '赋能智造馆',
+                content: '“赋能智造馆”，在4号展馆，重点展示为智能制造实践提供相关动能的内容和领域，如5G应用，工业互联、云制造，人工智能，工业软件，智能终端，传感器、智能芯片等。',
+                voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-36-53-4iej31bp.mp3'
+            }, {
+                title: '生态智造馆',
+                content: '“生态智造馆”。在5号展馆，重点展示围绕智能制造构建的政策、科技、人才、园区、平台、技术等生态支撑系统。',
+                voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-29-0zhfed3z.mp3'
+            }, {
+                title: '国际及综合应用馆',
+                content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
+                voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-09-10-37-54-1og69577.mp3'
+            }, {
+                title: '登陆厅',
+                content: '“国际及综合应用馆”。在6号馆，重点展示世界范围内智能制造领域的关键技术、核心产品、解决方案及相关行业应用等。',
+                voice: 'http://oss.izouma.com/zhinengdahui/audio/2018-10-08-11-27-16-eoxqhm99.mp3'
+            }],
+            nowMessage: 0,
             isVoice: false
         }
     },
@@ -83,9 +106,9 @@ export default {
         }
     },
     mounted() {
-        setTimeout(()=>{
+        setTimeout(() => {
             //  this.$refs.music.play();
-        },500)
+        }, 500)
     },
     methods: {
         goBack() {
@@ -93,7 +116,7 @@ export default {
         },
         showBoxEve(str) {
             this.nowMessage = str
-            if (str == '5A馆') {
+            if (str == 4) {
                 this.goNext()
                 return
             }
@@ -103,7 +126,7 @@ export default {
 
         },
         changeVoice(value) {
-              this.$refs.music.pause();
+            this.$refs.music.pause();
             if (value) {
                 setTimeout(() => {
                     this.$refs.music.play();
@@ -116,10 +139,11 @@ export default {
             }
         },
         goNext() {
+            var list=['展馆','4号馆','5号馆','6号馆','5A馆']
             this.$router.push({
                 name: 'list',
                 query: {
-                    title: this.nowMessage,
+                    title: list[this.nowMessage],
                     subTitle: this.message[this.nowMessage].title
                 }
             })
@@ -222,6 +246,7 @@ export default {
         line-height: 20px;
         padding: 0 15px;
         flex-grow: 1;
+        overflow: auto;
     }
 
     .showbtn {

src/main/webapp/WEB-INF/html/admin.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.88330763060e10186890877d69171382.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.eb011629b568ce7ca2f6.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/admin.ec298cb679344c0b7b7b.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.88330763060e10186890877d69171382.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.daa05ad30aa05f37b786.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/admin.ec298cb679344c0b7b7b.js></script></body></html>

src/main/webapp/WEB-INF/html/index.html

@@ -1,11 +1,11 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>智能大会</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/RongIMLib-2.2.5.min.js></script><style>#app {
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>2018世界智能制造大会</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/RongIMLib-2.2.5.min.js></script><style>#app {
             width: 100%;
             height: 100%;
             overflow: auto;
             position: absolute;
             top: 0;
             left: 0;
-        }</style><link href=/static/css/index.7382d311ce787fe3ac0a8f177830f9e1.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.eb011629b568ce7ca2f6.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/index.6d69922289be9d8484c8.js></script></body><script>var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
+        }</style><link href=/static/css/index.14452edab540879d3d8073b3534ffd60.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.daa05ad30aa05f37b786.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/index.6d69922289be9d8484c8.js></script></body><script>var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
     var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
     var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
     var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;

src/main/webapp/WEB-INF/html/loginAdmin.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><link href=/static/css/loginAdmin.bc5c78a02358f02b38783ad4d43c1d0d.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.eb011629b568ce7ca2f6.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/loginAdmin.97223717073d07360948.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=referrer content=origin><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><link href=/static/css/loginAdmin.bc5c78a02358f02b38783ad4d43c1d0d.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.daa05ad30aa05f37b786.js></script><script type=text/javascript src=/static/js/vendor.917ed396bd28477dbcec.js></script><script type=text/javascript src=/static/js/loginAdmin.97223717073d07360948.js></script></body></html>