Domů Procházet Nápověda
Přihlásit se
double-create
/
web-website
4
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

合并

wuhongyuq před 5 roky
rodič
a6f28ba954 8d4288ebf4
revize
5d759dbcbe
72 změnil soubory, kde provedl 6602 přidání a 5 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. 4 3
      package.json
  2. 4 0
      public/index.html
  3. 6 0
      public/static/css/bootstrap.min.css
  4. 281 0
      public/static/css/iconfont.css
  5. 97 0
      public/static/css/mubu2017.css
  6. 2141 0
      public/static/css/style.css
  7. binární
      public/static/images/06.gif
  8. binární
      public/static/images/1.jpg
  9. binární
      public/static/images/beijing.jpg
  10. binární
      public/static/images/bg.jpg
  11. binární
      public/static/images/logo.png
  12. binární
      public/static/images/logo20.png
  13. binární
      public/static/images/main1.png
  14. binární
      public/static/images/main2.png
  15. binární
      public/static/images/mubu_1.jpg
  16. binární
      public/static/images/mubu_1_s.jpg
  17. binární
      public/static/images/mubu_2.png
  18. binární
      public/static/images/mubu_2_s.png
  19. binární
      public/static/images/mubu_3_s.png
  20. binární
      public/static/images/mubu_left.jpg
  21. binární
      public/static/images/mubu_left_s.jpg
  22. binární
      public/static/images/mubu_right.jpg
  23. binární
      public/static/images/mubu_right_s.jpg
  24. binární
      public/static/images/mubu_yh_1.png
  25. binární
      public/static/images/mubu_yh_2.png
  26. binární
      public/static/images/nyear-wwwa5.png
  27. binární
      public/static/images/top_3.png
  28. binární
      public/static/images/top_bg.png
  29. binární
      public/static/images/测试图片.jpg
  30. 2 0
      public/static/js/jquery-1.8.3.min.js
  31. 32 0
      public/static/js/tabs.js
  32. 37 0
      public/static/liveIndex.html
  33. 12 2
      src/App.vue
  34. binární
      src/assets/live/06.gif
  35. binární
      src/assets/live/1.jpg
  36. binární
      src/assets/live/beijing.jpg
  37. binární
      src/assets/live/bg.jpg
  38. binární
      src/assets/live/logo.png
  39. binární
      src/assets/live/logo20.png
  40. binární
      src/assets/live/main1.png
  41. binární
      src/assets/live/main2.png
  42. binární
      src/assets/live/mubu_1.jpg
  43. binární
      src/assets/live/mubu_1_s.jpg
  44. binární
      src/assets/live/mubu_2.png
  45. binární
      src/assets/live/mubu_2_s.png
  46. binární
      src/assets/live/mubu_3_s.png
  47. binární
      src/assets/live/mubu_left.jpg
  48. binární
      src/assets/live/mubu_left_s.jpg
  49. binární
      src/assets/live/mubu_right.jpg
  50. binární
      src/assets/live/mubu_right_s.jpg
  51. binární
      src/assets/live/mubu_yh_1.png
  52. binární
      src/assets/live/mubu_yh_2.png
  53. binární
      src/assets/live/nyear-wwwa5.png
  54. binární
      src/assets/live/top_3.png
  55. binární
      src/assets/live/top_bg.png
  56. binární
      src/assets/live/测试图片.jpg
  57. 50 0
      src/layout/live/foot.vue
  58. 42 0
      src/layout/live/frame.vue
  59. 98 0
      src/layout/live/head.vue
  60. 65 0
      src/router/index.js
  61. 2141 0
      src/style/style.css
  62. 76 0
      src/views/live/detail/detail.vue
  63. 313 0
      src/views/live/dynamic/index.vue
  64. 354 0
      src/views/live/hall/hall.vue
  65. 34 0
      src/views/live/hall/index.vue
  66. 31 0
      src/views/live/index.vue
  67. 271 0
      src/views/live/market/index.vue
  68. 206 0
      src/views/live/news-list/img-list.vue
  69. 62 0
      src/views/live/news-list/index.vue
  70. 169 0
      src/views/live/service/index.vue
  71. 73 0
      src/views/live/technical/index.vue
  72. 1 0
      vue.config.js

+ 4 - 3
package.json
Zobrazit soubor 

@@ -8,13 +8,14 @@
 
     "lint": "vue-cli-service lint"
 
   },
 
   "dependencies": {
 
-    "axios": "^0.19.0",
 
+    "axios": "^0.19.2",
 
     "core-js": "^3.4.3",
 
-    "element-ui": "^2.13.0",
 
+    "element-ui": "^2.13.1",
 
     "loadsh": "0.0.4",
 
+    "moment": "^2.24.0",
 
     "naf-core": "^0.1.2",
 
     "vue": "^2.6.10",
 
-    "vue-meta": "^2.3.1",
 
+    "vue-meta": "^2.3.3",
 
     "vue-router": "^3.1.3",
 
     "vuex": "^3.1.2"
 
   },

+ 4 - 0
public/index.html
Zobrazit soubor 

@@ -5,6 +5,9 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <!-- <link rel="stylesheet" type="text/css" href="css/style.css" />
 
+    <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+    <link rel="stylesheet" href="css/bootstrap.min.css"> -->
 
     <title>吉林省科技创新创业资源公共服务平台</title>
 
   </head>
 
   <body>
 
@@ -13,5 +16,6 @@
 
     </noscript>
 
     <div id="app"></div>
 
     <!-- built files will be auto injected -->
 
+	  <!-- <script type="text/javascript" src="js/tabs.js"></script> -->
 
   </body>
 
 </html>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 6 - 0
public/static/css/bootstrap.min.css


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 281 - 0
public/static/css/iconfont.css


+ 97 - 0
public/static/css/mubu2017.css
Zobrazit soubor 

@@ -0,0 +1,97 @@
 
+html,body,div,p,span,h1,h2,h3,h4,p,a, em,font,img,strong,dl,dt,dd,ul,li{margin:0; padding:0; font-family:"Microsoft YaHei";}
 
+html,body{height:100%; font-size:12px;}    
+ul,ol{list-style:none;}
 
+ul li{list-style-type:none;}
 
+img{border:0;}    
+em,i{font-style:normal;}
 
+.f_r,.fr{float:right;}
 
+.f_l,.fl{float:left;}
 
+canvas { cursor:crosshair; display:block;}
 
+.mubu{ background:url(../images/mubu_1_s.jpg) no-repeat top center; min-width:960px;height:99.9%;}
 
+.mubu_main{ width:960px; margin:0 auto; text-align:center; padding-top:300px; }
 
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
 
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
 
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
 
+.mubu_main p.into{ margin-top:50px; height:120px;}
 
+.mubu_top{ background:url(../images/mubu_2_s.png) no-repeat top center; position:fixed; top:0; left:0; height:150px; width:100%;}
 
+.mubu_left{ background:url(../images/mubu_left_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; left:-720px; -webkit-animation:mubu_dh_1 5s linear; animation:mubu_dh_1 8s linear forwards; display:none\9;}
 
+.mubu_right{ background:url(../images/mubu_right_s.jpg) no-repeat; width:720px; height:100%; position:fixed; top:0; right:-720px; -webkit-animation:mubu_dh_2 5s linear; animation:mubu_dh_2 8s linear forwards; display:none\9;}
 
+@-webkit-keyframes mubu_dh_1 {
 
+	0%{left:0;}
 
+	75% { left:-540px; opacity:100;}
 
+	100% { left:-720px; opacity:0; display:none;}
 
+}
 
+@keyframes mubu_dh_1 {
 
+	0% { left:0;}
 
+	75% { left:-540px; opacity:100;}
 
+	100% { left:-720px; opacity:0; display:none;}
 
+}
 
+@-webkit-keyframes mubu_dh_2 {
 
+    0% { right:0;}
 
+	75% { right:-540px; opacity:100;}
 
+	100% { right:-720px; opacity:0; display:none;}
 
+}
 
+@keyframes mubu_dh_2 {
 
+    0% { right:0;}
 
+	75% { right:-540px; opacity:100;}
 
+	100% { right:-720px; opacity:0; display:none;}
 
+}
 
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:300px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
 
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:250px; left:25%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
 
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:250px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite; display:none\9;}
 
+@media (min-width:1440px){ 
+.mubu{ background:url(../images/mubu_1.jpg) no-repeat top center; height:99.9%;}
 
+.mubu_main{ width:1150px; margin:0 auto; text-align:center; padding-top:300px; }
 
+.mubu_main h1{ font-size:50px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden;}
 
+.mubu_main h2{ font-size:40px; color:#f1ea2e; text-shadow:2px 2px 5px #000; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:30px;}
 
+.mubu_main p{ font-size:24px; line-height:1.5em; height:1.5em; overflow:hidden; color:#fff; text-shadow:2px 2px 5px #000;}
 
+.mubu_main p.into{ margin-top:50px; height:120px;}
 
+.mubu_top{ background:url(../images/mubu_2.png) no-repeat top center; position:fixed; top:0; left:0; height:200px; width:100%;}
 
+.mubu_left{ background:url(../images/mubu_left.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0;left:-960px; -webkit-animation:mubu_dh_1 5s ease-in; animation:mubu_dh_1 8s linear forwards; display:none\9;}
 
+.mubu_right{ background:url(../images/mubu_right.jpg) no-repeat; width:960px; height:100%; position:fixed; top:0; right:-960px; -webkit-animation:mubu_dh_2 5s ease-in; animation:mubu_dh_2 8s linear forwards; display:none\9;}
 
+@-webkit-keyframes mubu_dh_1 {
 
+    0% { left:0;}
 
+	75% { left:-720px; opacity:100;}
 
+	100% { left:-960px; opacity:0; display:none;}
 
+}
 
+@keyframes mubu_dh_1 {
 
+    0% { left:0;}
 
+	75% { left:-720px; opacity:100;}
 
+	100% { left:-960px; opacity:0; display:none;}
 
+}
 
+@-webkit-keyframes mubu_dh_2 {
 
+    0% { right:0;}
 
+	75% { right:-720px; opacity:100;}
 
+	100% { right:-960px; opacity:0; display:none;}
 
+}
 
+@keyframes mubu_dh_2 {
 
+    0% { right:0;}
 
+	75% { right:-720px; opacity:100;}
 
+	100% { right:-960px; opacity:0; display:none;}
 
+}
 
+.mubu .yanhua2 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_1.png) no-repeat 0 0; position:absolute; top:450px; left:70%; animation: fireworksfn 5s linear infinite;-webkit-animation: fireworksfn 3s linear infinite;-moz-animation: fireworksfn 3s linear infinite;-ms-animation: fireworksfn 3s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
 
+.mubu .yanhua3 {width: 100px;height: 100px; display:block; overflow: hidden;background: url(../images/mubu_yh_2.png) no-repeat 0 0; position:absolute; top:350px; left:30%; animation: fireworksfn 4s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 4s linear infinite;-ms-animation: fireworksfn 4s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
 
+.mubu .yanhua4 {width: 70px;height: 70px; display:block; overflow: hidden;background: url(../images/nyear-wwwa5.png) no-repeat -6px -1px; position:absolute; top:400px; left:50%; animation: fireworksfn 3s linear infinite;-webkit-animation: fireworksfn 4s linear infinite;-moz-animation: fireworksfn 5s linear infinite;-ms-animation: fireworksfn 5s linear infinite;-o-animation: fireworksfn 1.5s infinite;}
 
+}
 
+
 
+/*ÑÌ»¨*/
 
+@keyframes fireworksfn{
 
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
 
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
 
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
 
+	}
 
+@-moz-keyframes fireworksfn{
 
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
 
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
 
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
 
+	}
 
+@-webkit-keyframes fireworksfn{
 
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
 
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
 
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
 
+	}
 
+@-o-keyframes fireworksfn{
 
+	0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
 
+	50%{opacity:1;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
 
+	100%{opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4)}
 
+	}

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2141 - 0
public/static/css/style.css


binární
public/static/images/06.gif
Zobrazit soubor


binární
public/static/images/1.jpg
Zobrazit soubor


binární
public/static/images/beijing.jpg
Zobrazit soubor


binární
public/static/images/bg.jpg
Zobrazit soubor


binární
public/static/images/logo.png
Zobrazit soubor


binární
public/static/images/logo20.png
Zobrazit soubor


binární
public/static/images/main1.png
Zobrazit soubor


binární
public/static/images/main2.png
Zobrazit soubor


binární
public/static/images/mubu_1.jpg
Zobrazit soubor


binární
public/static/images/mubu_1_s.jpg
Zobrazit soubor


binární
public/static/images/mubu_2.png
Zobrazit soubor


binární
public/static/images/mubu_2_s.png
Zobrazit soubor


binární
public/static/images/mubu_3_s.png
Zobrazit soubor


binární
public/static/images/mubu_left.jpg
Zobrazit soubor


binární
public/static/images/mubu_left_s.jpg
Zobrazit soubor


binární
public/static/images/mubu_right.jpg
Zobrazit soubor


binární
public/static/images/mubu_right_s.jpg
Zobrazit soubor


binární
public/static/images/mubu_yh_1.png
Zobrazit soubor


binární
public/static/images/mubu_yh_2.png
Zobrazit soubor


binární
public/static/images/nyear-wwwa5.png
Zobrazit soubor


binární
public/static/images/top_3.png
Zobrazit soubor


binární
public/static/images/top_bg.png
Zobrazit soubor


binární
public/static/images/测试图片.jpg
Zobrazit soubor


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2 - 0
public/static/js/jquery-1.8.3.min.js


+ 32 - 0
public/static/js/tabs.js
Zobrazit soubor 

@@ -0,0 +1,32 @@
 
+window.onload = function() {
 
+    var oDiv = document.getElementById("tab");
 
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
 
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
 
+    var timer = null;
 
+    for (var i = 0; i < oLi.length; i++) {
 
+        oLi[i].index = i;
 
+        oLi[i].onmouseover = function() {
 
+            show(this.index);
 
+        }
 
+    }
 
+    function show(a) {
 
+        index = a;
 
+        var alpha = 0;
 
+        for (var j = 0; j < oLi.length; j++) {
 
+            oLi[j].className = "";
 
+            aCon[j].className = "";
 
+            aCon[j].style.opacity = 0;
 
+            aCon[j].style.filter = "alpha(opacity=0);";
 
+        }
 
+        oLi[index].className = "cur";
 
+        clearInterval(timer);
 
+        timer = setInterval(function() {
 
+            alpha += 2;
 
+            alpha > 100 && (alpha = 100);
 
+            aCon[index].style.opacity = alpha / 100;
 
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
 
+            alpha == 100 && clearInterval(timer);
 
+        },
 
+        5)
 
+    }
 
+}

+ 37 - 0
public/static/liveIndex.html
Zobrazit soubor 

@@ -0,0 +1,37 @@
 
+
 
+<!DOCTYPE html>
 
+<html xmlns="http://www.w3.org/1999/xhtml">
 
+<head>
 
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
+    <title>吉林省计算机中心</title>
 
+	<link rel="stylesheet" type="text/css" href="css/style.css"/>
 
+	<link rel="stylesheet" type="text/css" href="css/mubu2017.css"/>
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
 
+    <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
 
+</head>
 
+<body>
 
+    <div class="mubu">
 
+        <div class="mubu_main liveIndex">
 
+			<div class="info">
 
+				<div class="infoTwo">
 
+					<div class="infoThree">
 
+						<img src="./images/logo.png" >
 
+						<p class="title">吉林省计算机中心科技直播大厅</p>
 
+						<p>指导单位：吉林省计算机中心</p>
 
+						<p>主办方：吉林省计算机中心</p>
 
+						<p>支持单位：长春市福瑞科技有限公司</p>
 
+            <a href="../live/hall" target="_blink">进入活动现场<i class="iconfont icon-bofang"></i></a>
 
+            <!-- ../live/hall -->
 
+					</div>
 
+				</div>
 
+			</div>
 
+        </div>
 
+        <div class="yanhua2"></div>
 
+        <div class="yanhua3"></div>
 
+        <div class="yanhua4"></div>
 
+    </div>
 
+    <div class="mubu_left"></div>
 
+    <div class="mubu_right"></div>
 
+    <div class="mubu_top"></div>
 
+</body>
 
+</html>

+ 12 - 2
src/App.vue
Zobrazit soubor 

@@ -1,10 +1,14 @@
 
 <template>
 
-  <div id="App" :style="`background:url(${bg}) no-repeat fixed;background-size: 100% 100%;`">
 
+  <div id="App" :style="`background:url(${bg}) no-repeat fixed;background-size: 100% 100%;`" v-if="!isSubSite">
 
+    <router-view />
 
+  </div>
 
+  <div v-else>
 
     <router-view />
 
   </div>
 
 </template>
 
 
 <script>
 
+import _ from 'lodash';
 
 export default {
 
   name: 'App',
 
   props: {},
 
@@ -13,7 +17,13 @@ export default {
 
     bg: require('@/assets/bg.jpg'),
 
   }),
 
   created() {},
 
-  computed: {},
 
+  computed: {
 
+    isSubSite() {
 
+      let route = this.$route;
 
+      let res = _.get(route, 'meta.subSite', false);
 
+      return res;
 
+    },
 
+  },
 
   methods: {},
 
 };
 
 </script>

binární
src/assets/live/06.gif
Zobrazit soubor


binární
src/assets/live/1.jpg
Zobrazit soubor


binární
src/assets/live/beijing.jpg
Zobrazit soubor


binární
src/assets/live/bg.jpg
Zobrazit soubor


binární
src/assets/live/logo.png
Zobrazit soubor


binární
src/assets/live/logo20.png
Zobrazit soubor


binární
src/assets/live/main1.png
Zobrazit soubor


binární
src/assets/live/main2.png
Zobrazit soubor


binární
src/assets/live/mubu_1.jpg
Zobrazit soubor


binární
src/assets/live/mubu_1_s.jpg
Zobrazit soubor


binární
src/assets/live/mubu_2.png
Zobrazit soubor


binární
src/assets/live/mubu_2_s.png
Zobrazit soubor


binární
src/assets/live/mubu_3_s.png
Zobrazit soubor


binární
src/assets/live/mubu_left.jpg
Zobrazit soubor


binární
src/assets/live/mubu_left_s.jpg
Zobrazit soubor


binární
src/assets/live/mubu_right.jpg
Zobrazit soubor


binární
src/assets/live/mubu_right_s.jpg
Zobrazit soubor


binární
src/assets/live/mubu_yh_1.png
Zobrazit soubor


binární
src/assets/live/mubu_yh_2.png
Zobrazit soubor


binární
src/assets/live/nyear-wwwa5.png
Zobrazit soubor


binární
src/assets/live/top_3.png
Zobrazit soubor


binární
src/assets/live/top_bg.png
Zobrazit soubor


binární
src/assets/live/测试图片.jpg
Zobrazit soubor


+ 50 - 0
src/layout/live/foot.vue
Zobrazit soubor 

@@ -0,0 +1,50 @@
 
+<template>
 
+  <div id="foot">
 
+    <div class="w_0100">
 
+      <div class="superdown">
 
+        <div class="w_1200">
 
+          <p>版权所有：吉林省技术算中心</p>
 
+          <p>
 
+            <span>技术支持：长春福瑞科技有限公司</span>
 
+            &nbsp;&nbsp;&nbsp;&nbsp;
 
+            <span>邮编：130000</span>
 
+            &nbsp;&nbsp;&nbsp;&nbsp;
 
+            <span>传真：239823982</span>
 
+          </p>
 
+          <p>
 
+            <span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+            &nbsp;&nbsp;&nbsp;&nbsp;
 
+            <span>电话：0134-1234567</span>
 
+            &nbsp;&nbsp;&nbsp;&nbsp;
 
+            <span>邮箱：123456@163.com</span>
 
+          </p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'foot',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 42 - 0
src/layout/live/frame.vue
Zobrazit soubor 

@@ -0,0 +1,42 @@
 
+<template>
 
+  <div id="frame">
 
+    <div class="pz_banner">
 
+      <live-head></live-head>
 
+    </div>
 
+    <div class="pz_main">
 
+      <router-view></router-view>
 
+    </div>
 
+    <div class="pz_down">
 
+      <live-foot></live-foot>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import liveHead from '@/layout/live/head.vue';
 
+import liveFoot from '@/layout/live/foot.vue';
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'frame',
 
+  props: {},
 
+  components: { liveHead, liveFoot },
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+@import '~@/style/style.css';
 
+</style>

+ 98 - 0
src/layout/live/head.vue
Zobrazit soubor 

@@ -0,0 +1,98 @@
 
+<template>
 
+  <div id="heads">
 
+    <div class="w_0100">
 
+      <div class="superbanner">
 
+        <img :src="top_bg" />
 
+      </div>
 
+      <div class="supertop">
 
+        <div class="w_1200">
 
+          <p>
 
+            欢迎来到吉林省计算机中心科技平台
 
+          </p>
 
+          <p v-if="user && user.id">
 
+            {{ user.name }}
 
+          </p>
 
+          <p v-else>
 
+            <button type="button">登录</button>
 
+            <button type="button">注册</button>
 
+          </p>
 
+        </div>
 
+      </div>
 
+      <div class="superlogo">
 
+        <div class="w_1200">
 
+          <img :src="logo" />
 
+          <span>
 
+            吉林省计算机中心科技平台
 
+          </span>
 
+        </div>
 
+      </div>
 
+      <div class="supermenu">
 
+        <div class="w_1200">
 
+          <div class="info">
 
+            <ul>
 
+              <li :class="isTab('index') ? 'active' : ''">
 
+                <a @click="turnTo('index')" target="">首页</a>
 
+              </li>
 
+              <li class="">
 
+                <a @click="turnTo('hall_index')">直播大厅</a>
 
+              </li>
 
+              <li :class="isTab('market') ? 'active' : ''">
 
+                <a @click="turnTo('market')" target="">科技超市</a>
 
+              </li>
 
+              <li :class="isTab('service') ? 'active' : ''">
 
+                <a @click="turnTo('service')" target="">创新服务</a>
 
+              </li>
 
+              <li :class="isTab('dynamic') ? 'active' : ''">
 
+                <a @click="turnTo('dynamic')" target="">动态监测</a>
 
+              </li>
 
+              <li :class="isTab('technical') ? 'active' : ''">
 
+                <a @click="turnTo('technical')" target="">技术培训</a>
 
+              </li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'heads',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {
 
+      top_bg: require('@/assets/live/top_bg.png'),
 
+      logo: require('@/assets/live/logo.png'),
 
+    };
 
+  },
 
+  created() {},
 
+  methods: {
 
+    turnTo(type) {
 
+      if (type == 'index') {
 
+        console.log('首页未出');
 
+      } else if (type == 'hall_index') this.$router.push({ path: '/live/hall/index' });
 
+      else this.$router.push({ path: `/live/${type}` });
 
+    },
 
+    isTab(type) {
 
+      if (type == 'index') return this.$route.path.includes('/live/index');
 
+      else return this.$route.path.includes(`/live/${type}`);
 
+    },
 
+  },
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+@import '~@/style/style.css';
 
+</style>

+ 65 - 0
src/router/index.js
Zobrazit soubor 

@@ -4,6 +4,70 @@ import checkLogin from './before';
 
 
 Vue.use(VueRouter);
 
 
+const live = [
 
+  {
 
+    path: '/live',
 
+    name: 'live_detail',
 
+    component: () => import('../views/live/index.vue'),
 
+    children: [
 
+      {
 
+        path: '/live/detail',
 
+        meta: { title: '信息详情', subSite: true },
 
+        name: 'live_detail',
 
+        component: () => import('../views/live/detail/detail.vue'),
 
+      },
 
+      {
 
+        path: '/live/dynamic',
 
+        meta: { title: '动态监控', subSite: true },
 
+        name: 'live_dynamic',
 
+        component: () => import('../views/live/dynamic/index.vue'),
 
+      },
 
+      {
 
+        path: '/live/list',
 
+        meta: { title: '新闻列表', subSite: true },
 
+        name: 'live_list',
 
+        component: () => import('../views/live/news-list/index.vue'),
 
+      },
 
+      {
 
+        path: '/live/img/list',
 
+        meta: { title: '图片列表', subSite: true },
 
+        name: 'live_img_list',
 
+        component: () => import('../views/live/news-list/img-list.vue'),
 
+      },
 
+      {
 
+        path: '/live/service',
 
+        meta: { title: '创新服务', subSite: true },
 
+        name: 'live_service',
 
+        component: () => import('../views/live/service/index.vue'),
 
+      },
 
+      {
 
+        path: '/live/market',
 
+        meta: { title: '科技超市', subSite: true },
 
+        name: 'live_market',
 
+        component: () => import('../views/live/market/index.vue'),
 
+      },
 
+      {
 
+        path: '/live/technical',
 
+        meta: { title: '科技超市', subSite: true },
 
+        name: 'live_technical',
 
+        component: () => import('../views/live/technical/index.vue'),
 
+      },
 
+    ],
 
+  },
 
+  {
 
+    path: '/live/hall/index',
 
+    meta: { title: '直播首页', subSite: true },
 
+    name: 'live_hall_index',
 
+    component: () => import('../views/live/hall/index.vue'),
 
+  },
 
+  {
 
+    path: '/live/hall',
 
+    meta: { title: '直播大厅', subSite: true },
 
+    name: 'live_hall',
 
+    component: () => import('../views/live/hall/hall.vue'),
 
+  },
 
+];
 
+
 
 const routes = [
 
   {
 
     path: '/',
 
@@ -234,6 +298,7 @@ const routes = [
 
     name: 'trial',
 
     component: () => import('../views/trial/index.vue'),
 
   },
 
+  ...live,
 
 ];
 
 
 const router = new VueRouter({

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 2141 - 0
src/style/style.css


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 76 - 0
src/views/live/detail/detail.vue


+ 313 - 0
src/views/live/dynamic/index.vue
Zobrazit soubor 

@@ -0,0 +1,313 @@
 
+<template>
 
+  <div id="index">
 
+    <div class="w_0100">
 
+      <div class="w_1200">
 
+        <div class="dynamicmain">
 
+          <div class="one">
 
+            <div class="dynamicinfo1">
 
+              <div class="dynamicmaintitle"><span> 对项目的交易</span><span class="dynamicmore">MORE</span></div>
 
+
 
+              <div class="dynamictables">
 
+                <table class="dynamictable">
 
+                  <tr>
 
+                    <th>营销单位</th>
 
+                    <th>采购单位</th>
 
+                    <th>产品交易</th>
 
+                    <th>交易状态</th>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                </table>
 
+              </div>
 
+            </div>
 
+
 
+            <div class="dynamicinfo2">
 
+              <div class="dynamicmaintitle"><span> 未交易</span><span class="dynamicmore">MORE</span></div>
 
+
 
+              <div class="dynamictables">
 
+                <table class="dynamictable2">
 
+                  <tr>
 
+                    <th>营销单位</th>
 
+                    <th>采购单位</th>
 
+                    <th>产品交易</th>
 
+                    <th>交易状态</th>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                    <td>312321</td>
 
+                  </tr>
 
+                </table>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <div class="dynamicinfo3">
 
+                <div class="dynamicmaintitle"><span> 未交易</span><span class="dynamicmore">MORE</span></div>
 
+                <div class="dynamictables3">
 
+                  <table class="dynamictable3">
 
+                    <tr>
 
+                      <th>营销单位</th>
 
+                      <th>采购单位</th>
 
+                      <th>产品交易</th>
 
+                      <th>交易状态</th>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                      <td>312321</td>
 
+                    </tr>
 
+                  </table>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 354 - 0
src/views/live/hall/hall.vue
Zobrazit soubor 

@@ -0,0 +1,354 @@
 
+<template>
 
+  <div id="hall" style="background-color: #fff">
 
+    <div class="pz_top">
 
+      <div class="w_0100">
 
+        <div class="livetop">
 
+          <div class="w_1200">
 
+            <div class="title">
 
+              吉林省计算机中心对接直播大厅
 
+            </div>
 
+            <div class="zhuban">
 
+              <span>主办方:</span>
 
+              <span>吉林省计算机中心直播大厅</span>
 
+            </div>
 
+            <div class="num">
 
+              <p>
 
+                <span>同时在线</span>
 
+                <span>1人</span>
 
+              </p>
 
+              <p>
 
+                <span>特邀嘉宾</span>
 
+                <span>1人</span>
 
+              </p>
 
+              <p>
 
+                <span>洽谈合作</span>
 
+                <span>1人</span>
 
+              </p>
 
+              <p>
 
+                <span>达成意愿</span>
 
+                <span>1人</span>
 
+              </p>
 
+              <p>
 
+                <span>展示成果</span>
 
+                <span>1人</span>
 
+              </p>
 
+              <p>
 
+                <span>发布需求</span>
 
+                <span>1人</span>
 
+              </p>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="pz_main">
 
+      <div class="w_0100">
 
+        <div class="w_1200">
 
+          <div class="livemain">
 
+            <div class="livevideo">
 
+              <div class="left">
 
+                <p class="title"><span style="color:#FF8400">现场</span><span>直播</span></p>
 
+                <div class="video">
 
+                  直播换面
 
+                </div>
 
+              </div>
 
+              <div class="right">
 
+                <p><span>交易实况</span></p>
 
+                <div class="videoTitle">
 
+                  <ul>
 
+                    <li v-for="i in 10" :key="i">
 
+                      <span>[09:16:00]</span>
 
+                      <span>中科院宁波先进制造所</span>
 
+                      <span>与</span>
 
+                      <span>深圳市华尔威体育用品</span>
 
+                      <span>实现对接</span>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="liveMainImage">
 
+              <img :src="img.main1" />
 
+            </div>
 
+            <div class="gongqiu">
 
+              <div class="gongqiuTop">
 
+                <img :src="img.main2" />
 
+              </div>
 
+              <div class="gongqiuInfo">
 
+                <div id="tab">
 
+                  <div class="tabList">
 
+                    <ul>
 
+                      <li class="cur">找技术</li>
 
+                      <li>找需求</li>
 
+                      <li>找服务</li>
 
+                      <li>找专家</li>
 
+                    </ul>
 
+                  </div>
 
+                  <div class="tabCon">
 
+                    <div class="cur cur_1">
 
+                      <ul class="tabConList">
 
+                        <li class="oneLi" v-for="i in 4" :key="i">
 
+                          <p class="oneLiLeft">
 
+                            <span class="name">技术名称</span>
 
+                            <span class="user"><i class="iconfont icon-ren" style="color:#FFA500;margin: 0 5px 0 0;"></i>技术人</span>
 
+                            <span class="user"><i class="iconfont icon-address" style="color:#FFA500;margin: 0 5px 0 0;"></i>吉林省长春市</span>
 
+                            <span class="type">类型：实用类型</span>
 
+                            <span class="type">成熟度：正在研发</span>
 
+                            <span class="type">交易方式：许可转让</span>
 
+                            <span class="type">交易价格：面议</span>
 
+                          </p>
 
+                          <p class="oneLiRight">
 
+                            <span
 
+                              >摘要：本发明属于医药技术领域，公开了一种加味双黄连口服液及其制备方法，取黄芩加水浸泡30分钟，煎煮二次合并煎液，滤过浓缩，pH值至1.5～2.0，保温1小时，静置24小时，滤过浓缩，调pH值至7.0</span
 
+                            >
 
+                          </p>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div>
 
+                      <ul class="tabConList">
 
+                        <li class="twoLi" v-for="i in 6" :key="i">
 
+                          <a href="">
 
+                            <p>寻求疫后创伤抗抑郁药药物的需求</p>
 
+                            <p>
 
+                              <span>行业分类：医药与医疗-生物医药</span>
 
+                              <span>发布时间：2020-03-31</span>
 
+                            </p>
 
+                            <p>
 
+                              <span>需求类型：技术难题解决</span>
 
+                              <span>吉林省长春市</span>
 
+                            </p>
 
+                          </a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div class="cur_3">
 
+                      <ul class="tabConList">
 
+                        <li class="threeLi" v-for="i in 6" :key="i">
 
+                          <p>长春福瑞科技有限公司</p>
 
+                          <p>
 
+                            <img :src="img.logo20" />
 
+                            <button type="button">立即咨询</button>
 
+                            <span>服务类型：</span>
 
+                            <span class="type">科技服务</span>
 
+                          </p>
 
+                          <a href="">进入主页</a>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                    <div>
 
+                      <ul class="tabConList">
 
+                        <li class="fourLi" v-for="i in 6" :key="i">
 
+                          <img :src="img.img" />
 
+                          <p>
 
+                            <span class="name">万能通</span>
 
+                            <span><i class="iconfont icon-address" style="color: #FFA500;"></i>吉林省长春市</span>
 
+                          </p>
 
+                          <p>从事领域：计算机，电脑，啥都有</p>
 
+                          <p>擅长能力：全能，啥都会，没有他不会的</p>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="fangtan">
 
+              <div class="jiabin">
 
+                <p class="jiabintop">
 
+                  <span>嘉宾访谈</span>
 
+                  <a href="">MORE</a>
 
+                </p>
 
+                <div class="jiabinlist">
 
+                  <ul>
 
+                    <li>
 
+                      <img :src="img.img" />
 
+                      <p>
 
+                        <span class="textOver">访谈标题</span>
 
+                        <span>2020-02-02 10:00</span>
 
+                        <span class="text"
 
+                          >区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区
 
+                        </span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <img :src="img.img" />
 
+                      <p>
 
+                        <span class="textOver">访谈标题</span>
 
+                        <span>2020-02-02 10:00</span>
 
+                        <span
 
+                          >区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区
 
+                        </span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <img :src="img.img" />
 
+                      <p>
 
+                        <span class="textOver">访谈标题</span>
 
+                        <span>2020-02-02 10:00</span>
 
+                        <span
 
+                          >区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区我国已将区
 
+                        </span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <img :src="img.img" />
 
+                      <p>
 
+                        <span class="textOver">访谈标题</span>
 
+                        <span>2020-02-02 10:00</span>
 
+                        <span
 
+                          >区块链技术作为当下信息技术产业最前沿的技术之一，也是继大数据技术后最受各界关注的领域，我国已将区我国已将区我国已将区我国已将区我国已将区
 
+                        </span>
 
+                      </p>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="jiabin luyan">
 
+                <p class="jiabintop luyanTop">
 
+                  <span>项目路演</span>
 
+                  <a href="">MORE</a>
 
+                </p>
 
+                <div class="luyanList">
 
+                  <ul>
 
+                    <li>
 
+                      <p>
 
+                        <span>项目路演</span>
 
+                        <span>浏览:1234</span>
 
+                      </p>
 
+                      <p>
 
+                        <span>所在地区：江苏省 | 所属行业：其他行业</span>
 
+                        <span>项目融资方式：股权融资</span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <p>
 
+                        <span>项目路演</span>
 
+                        <span>浏览:1234</span>
 
+                      </p>
 
+                      <p>
 
+                        <span>所在地区：江苏省 | 所属行业：其他行业</span>
 
+                        <span>项目融资方式：股权融资</span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <p>
 
+                        <span>项目路演</span>
 
+                        <span>浏览:1234</span>
 
+                      </p>
 
+                      <p>
 
+                        <span>所在地区：江苏省 | 所属行业：其他行业</span>
 
+                        <span>项目融资方式：股权融资</span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <p>
 
+                        <span>项目路演</span>
 
+                        <span>浏览:1</span>
 
+                      </p>
 
+                      <p>
 
+                        <span>所在地区：江苏省 | 所属行业：其他行业</span>
 
+                        <span>项目融资方式：股权融资</span>
 
+                      </p>
 
+                    </li>
 
+                    <li>
 
+                      <p>
 
+                        <span>项目路演</span>
 
+                        <span>浏览:1234</span>
 
+                      </p>
 
+                      <p>
 
+                        <span>所在地区：江苏省 | 所属行业：其他行业</span>
 
+                        <span>项目融资方式：股权融资</span>
 
+                      </p>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="chat">
 
+                <p class="luyanTop">
 
+                  <span>公共聊天</span>
 
+                  <span class="icon"><i class="iconfont icon-xianhua" style="color:red"></i>送鲜花</span>
 
+                  <span class="icon"><i class="iconfont icon-xin" style="color:red;"></i>发贺信</span>
 
+                </p>
 
+                <div class="chatList">
 
+                  <ul>
 
+                    <li>
 
+                      <p><span>[10:00:00]</span><span> 深圳市睿视科技有限公司+彭小姐给龙岗区在线科技成果对接会-新材料专场送来鲜花！</span></p>
 
+                    </li>
 
+                    <li>
 
+                      <p>
 
+                        <span>[10:00:00]</span><span style="font-weight: bold;">测试人：</span
 
+                        ><span> 深圳市睿视科技有限公司+彭小姐给龙岗区在线科技成果对接会-新材料专场送来鲜花！</span>
 
+                      </p>
 
+                    </li>
 
+                  </ul>
 
+                  <div class="input">
 
+                    <input type="text" name="" id="" value="" />
 
+                    <button type="button">发送</button>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="pz_down">
 
+      <div class="w_0100">
 
+        <div class="superdown">
 
+          <div class="w_1200">
 
+            <p>版权所有：吉林省技术算中心</p>
 
+            <p>
 
+              <span>技术支持：长春福瑞科技有限公司</span>
 
+              &nbsp;&nbsp;&nbsp;&nbsp;
 
+              <span>邮编：130000</span>
 
+              &nbsp;&nbsp;&nbsp;&nbsp;
 
+              <span>传真：239823982</span>
 
+            </p>
 
+            <p>
 
+              <span>地址：吉林省长春市朝阳区前进大街1244号</span>
 
+              &nbsp;&nbsp;&nbsp;&nbsp;
 
+              <span>电话：0134-1234567</span>
 
+              &nbsp;&nbsp;&nbsp;&nbsp;
 
+              <span>邮箱：123456@163.com</span>
 
+            </p>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'hall',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {
 
+      img: {
 
+        main1: require('@/assets/live/main1.png'),
 
+        main2: require('@/assets/live/main2.png'),
 
+        logo20: require('@/assets/live/logo20.png'),
 
+        img: require('@/assets/live/测试图片.jpg'),
 
+      },
 
+    };
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+@import '~@/style/style.css';
 
+</style>

+ 34 - 0
src/views/live/hall/index.vue
Zobrazit soubor 

@@ -0,0 +1,34 @@
 
+<template>
 
+  <div id="index">
 
+    <iframe width="100%" style="height:99vh;" frameborder="0" src="/static/liveIndex.html"></iframe>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {
 
+      logo: require('@/assets/logo.png'),
 
+      height: '1000px',
 
+    };
 
+  },
 
+  mounted() {},
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 31 - 0
src/views/live/index.vue
Zobrazit soubor 

@@ -0,0 +1,31 @@
 
+<template>
 
+  <div id="index">
 
+    <frame></frame>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import frame from '@/layout/live/frame.vue';
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: { frame },
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 271 - 0
src/views/live/market/index.vue
Zobrazit soubor 

@@ -0,0 +1,271 @@
 
+<template>
 
+  <div id="index">
 
+    <div class="w_0100">
 
+      <div class="w_1200">
 
+        <div class="supermain">
 
+          <div class="superOne">
 
+            <div class="superOneTop">
 
+              <span style="margin: 10px;">技术</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <div class="superoneInfo">
 
+              <ul>
 
+                <li v-for="(i, index) in tecList" :key="index">
 
+                  <p>
 
+                    <span class="textOver">{{ i.name }}</span>
 
+                    <span>{{ i | getDate }}</span>
 
+                  </p>
 
+                  <p>类型：{{ i.product_type_name }}</p>
 
+                  <p>
 
+                    价格：<span>{{ i.price }}</span> 元/{{ i.priceunit }}
 
+                  </p>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="superOne superTwo">
 
+            <div class="superOneTop">
 
+              <span style="margin: 10px;">专家</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <div class="superTwoInfo">
 
+              <ul>
 
+                <li>
 
+                  <img :src="img" />
 
+                  <div>
 
+                    <p>
 
+                      <span>张三</span>
 
+                      <span><i class="iconfont icon-address" style="margin: 5px;"></i>吉林省长春市</span>
 
+                    </p>
 
+                    <p class="textOver">从事领域：化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</p>
 
+                    <p class="textOver">擅长能力：化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</p>
 
+                  </div>
 
+                </li>
 
+                <li>
 
+                  <img :src="img" />
 
+                  <div>
 
+                    <p>
 
+                      <span>四条数据</span>
 
+                      <span><i class="iconfont icon-address" style="margin: 5px;"></i>吉林省长春市</span>
 
+                    </p>
 
+                    <p class="textOver">从事领域：化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</p>
 
+                    <p class="textOver">擅长能力：化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</p>
 
+                  </div>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="superOne superThree">
 
+            <div class="superOneTop">
 
+              <span style="margin: 10px;">服务</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <div class="superThreeInfo">
 
+              <ul v-for="(i, index) in serviceList" :key="index">
 
+                <li>
 
+                  <img :src="img" />
 
+                  <div>
 
+                    <p>{{ i.name }}</p>
 
+                    <p>服务类型：{{ i.product_type_name }}</p>
 
+                    <p>
 
+                      <!-- <button type="button">立即咨询</!-->
 
+                      <!-- <button type="button">进入主页</button> -->
 
+                    </p>
 
+                  </div>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="superOne superTwo superFour">
 
+            <div class="superOneTop">
 
+              <span style="margin: 10px;">专家</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <div class="superFourInfo">
 
+              <ul>
 
+                <li>资金</li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <div class="superOne superFive">
 
+            <div class="superOneTop">
 
+              <span style="margin: 10px;">产品</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <div class="superFiveInfo">
 
+              <ul v-for="(i, index) in productList" :key="index">
 
+                <li>
 
+                  <img :src="img" />
 
+                  <div>
 
+                    <p>{{ i.name }}</p>
 
+                    <p>
 
+                      <span class="textOver">所属企业：{{ i.contact_user }}</span>
 
+                      <span>认证状态：{{ i.state == '1' ? '已认证' : '未认证' }}</span>
 
+                    </p>
 
+                    <p>
 
+                      <span>产品类别：{{ i.product_type_name }}</span>
 
+                      <span>上架时间：{{ i | getDate }}</span>
 
+                    </p>
 
+                  </div>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <!-- <div class="super_right">
 
+							<div class="technical_left_title"><span style="margin: 10px;">专家</span><span class="more">MORE</span></div>
 
+							<ul>
 
+								<li class="super_expert">
 
+									<span><img class="expert_img" :src="img"></span>
 
+									<span class="expert_name">张三</span>
 
+									<span class="expert_addr"><i class="iconfont icon-address" style="margin: 5px;"></i>吉林长春</span>
 
+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
 
+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="expert_img" :src="img"></span>
 
+									<span class="expert_name">张三</span>
 
+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
 
+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
 
+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="expert_img" :src="img"></span>
 
+									<span class="expert_name">张三</span>
 
+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
 
+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
 
+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="expert_img" :src="img"></span>
 
+									<span class="expert_name">张三</span>
 
+									<span class="expert_addr"><i class="iconfont icon-address"></i>吉林长春</span>
 
+									<div class="expert_possion">从事领域：<span>化工生产，日用化学，合成化学，涂料、颜料、油墨化工生产，日用化学，合成化学，涂料、颜料、油墨</span></div>
 
+									<div class="expert_possion">擅长能力：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+						<div class="super_left">
 
+							<div class="technical_left_title"><span style="margin: 10px;">服务</span><span class="more">MORE</span></div>
 
+							<ul>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="service_name">长春市福瑞科技有限公司</span>
 
+									<span class="service_type">服务类型:<span>技术咨询</span></span>
 
+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
 
+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="service_name">长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span>
 
+									<span class="service_type">服务类型:<span>技术咨询</span></span>
 
+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
 
+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="service_name">长春市福瑞科技有限公司</span>
 
+									<span class="service_type">服务类型:<span>技术咨询</span></span>
 
+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
 
+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="service_name">长春市福瑞科技有限公司</span>
 
+									<span class="service_type">服务类型:<span>技术咨询</span></span>
 
+									<span class="service_button"><i class="iconfont icon-xiaoxi"></i>立即咨询</span>
 
+									<span class="service_button"><i class="iconfont icon-zhuye3"></i>进入主页</span>
 
+								</li>
 
+							</ul>
 
+						</div>
 
+						<div class="super_right">
 
+							<div class="technical_left_title"><span style="margin: 10px;">资金</span><span class="more">MORE</span></div>
 
+						</div>
 
+						<div class="super_left">
 
+							<div class="technical_left_title"><span style="margin: 10px;">产品</span><span class="more">MORE</span></div>
 
+							<ul>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="expert_name">家用空调净化器</span>
 
+									<span class="expert_addr">2020-04-26</span>
 
+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
 
+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="expert_name">家用空调净化器</span>
 
+									<span class="expert_addr">2020-04-26</span>
 
+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
 
+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="expert_name">家用空调净化器</span>
 
+									<span class="expert_addr">2020-04-26</span>
 
+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
 
+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+								<li class="super_expert">
 
+									<span><img class="service_img" :src="img"></span>
 
+									<span class="expert_name">家用空调净化器</span>
 
+									<span class="expert_addr">2020-04-26</span>
 
+									<div class="product_company">所属企业：<span>长春市福瑞科技有限公司长春市福瑞科技有限公司长春市福瑞科技有限公司</span></div>
 
+									<div class="product_company">类别：<span>化工产品的研究、开发，企业管理化工产品的研究、开发，企业管理</span></div>
 
+								</li>
 
+							</ul>
 
+						</div> -->
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import _ from 'lodash';
 
+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
 
+const { mapActions: product } = createNamespacedHelpers('marketproduct');
 
+var moment = require('moment');
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {
 
+      img: require('@/assets/live/测试图片.jpg'),
 
+      tecList: [], // 技术,0
 
+      productList: [], //产品,1
 
+      serviceList: [], //服务,2
 
+    };
 
+  },
 
+  created() {
 
+    this.search();
 
+  },
 
+  methods: {
 
+    ...product(['query']),
 
+    async search() {
 
+      let res = await this.query({ skip: 0, limit: 4, totaltype: '0' });
 
+      if (this.$checkRes(res)) this.$set(this, `tecList`, res.data);
 
+      res = await this.query({ skip: 0, limit: 4, totaltype: '1' });
 
+      if (this.$checkRes(res)) this.$set(this, `productList`, res.data);
 
+      res = await this.query({ skip: 0, limit: 4, totaltype: '2' });
 
+      if (this.$checkRes(res)) this.$set(this, `serviceList`, res.data);
 
+    },
 
+  },
 
+  filters: {
 
+    getDate(data) {
 
+      let date = _.get(data, 'meta.createdAt');
 
+      if (date) return moment(date).format('YYYY-MM-DD');
 
+    },
 
+  },
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 206 - 0
src/views/live/news-list/img-list.vue


+ 62 - 0
src/views/live/news-list/index.vue
Zobrazit soubor 

@@ -0,0 +1,62 @@
 
+<template>
 
+  <div id="index">
 
+    <div class="w_0100">
 
+      <div class="w_1200">
 
+        <div class="newlistmain">
 
+          <div class="newlistTop">
 
+            <span class="newlistTopt">|</span>
 
+            <span class="newlisttitle">列表页</span>
 
+          </div>
 
+          <div class="newlistcontext">
 
+            <ul>
 
+              <li>
 
+                <p>
 
+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
 
+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
 
+                </p>
 
+                <span>2020-02-01</span>
 
+              </li>
 
+              <li>
 
+                <p>
 
+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
 
+                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
 
+                </p>
 
+                <span>2020-02-01</span>
 
+              </li>
 
+              <li>
 
+                <p>十五条数据</p>
 
+                <span>2020-02-01</span>
 
+              </li>
 
+            </ul>
 
+          </div>
 
+          <div class="newlistpage">分页</div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 169 - 0
src/views/live/service/index.vue
Zobrazit soubor 

@@ -0,0 +1,169 @@
 
+<template>
 
+  <div id="index">
 
+    <div class="w_0100">
 
+      <div class="w_1200">
 
+        <div class="servicemain">
 
+          <div class="serviceOne">
 
+            <div class="left">
 
+              <div class="leftTop">
 
+                <span>智慧推荐</span>
 
+                <a href="">MORE</a>
 
+              </div>
 
+              <div class="list">
 
+                <ul>
 
+                  <li>
 
+                    <div class="image">
 
+                      <img :src="img" />
 
+                    </div>
 
+                    <div class="info">
 
+                      <p class="textOver">标题表头</p>
 
+                      <p>
 
+                        标题
 
+                      </p>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="image">
 
+                      <img :src="img" />
 
+                    </div>
 
+                    <div class="info">
 
+                      <p class="textOver">标题表头</p>
 
+                      <p>
 
+                        标题
 
+                      </p>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="image">
 
+                      <img :src="img" />
 
+                    </div>
 
+                    <div class="info">
 
+                      <p class="textOver">标题表头</p>
 
+                      <p>
 
+                        标题
 
+                      </p>
 
+                    </div>
 
+                  </li>
 
+                  <li>
 
+                    <div class="image">
 
+                      <img :src="img" />
 
+                    </div>
 
+                    <div class="info">
 
+                      <p class="textOver">标题表头</p>
 
+                      <p>
 
+                        标题
 
+                      </p>
 
+                    </div>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+            <div class="right">
 
+              <div class="rightTop">
 
+                <span>技术评估</span>
 
+                <a href="">MORE</a>
 
+              </div>
 
+              <div class="list">
 
+                <ul>
 
+                  <li>
 
+                    <img :src="img" />
 
+                    <p class="textOver">标题</p>
 
+                  </li>
 
+                  <li>
 
+                    <img :src="img" />
 
+                    <p class="textOver">标题</p>
 
+                  </li>
 
+                  <li>
 
+                    <img :src="img" />
 
+                    <p class="textOver">标题</p>
 
+                  </li>
 
+                  <li>
 
+                    <img :src="img" />
 
+                    <p class="textOver">标题</p>
 
+                  </li>
 
+                </ul>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="serviceTwo">
 
+            <div class="serviceTop">
 
+              <span>知识产权</span>
 
+              <a href="">MORE</a>
 
+            </div>
 
+            <div class="list">
 
+              <ul>
 
+                <li>
 
+                  <p>
 
+                    <span>标题</span>
 
+                    <span>授信时间：2020-02-02</span>
 
+                  </p>
 
+                  <p>产权类型：计算机科学</p>
 
+                  <p>
 
+                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
 
+                  </p>
 
+                </li>
 
+                <li>
 
+                  <p>
 
+                    <span>标题</span>
 
+                    <span>授信时间：2020-02-02</span>
 
+                  </p>
 
+                  <p>产权类型：计算机科学</p>
 
+                  <p>
 
+                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
 
+                  </p>
 
+                </li>
 
+                <li>
 
+                  <p>
 
+                    <span>标题</span>
 
+                    <span>授信时间：2020-02-02</span>
 
+                  </p>
 
+                  <p>产权类型：计算机科学</p>
 
+                  <p>
 
+                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
 
+                  </p>
 
+                </li>
 
+                <li>
 
+                  <p>
 
+                    <span>标题</span>
 
+                    <span>授信时间：2020-02-02</span>
 
+                  </p>
 
+                  <p>产权类型：计算机科学</p>
 
+                  <p>
 
+                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
 
+                  </p>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {
 
+      img: require('@/assets/live/测试图片.jpg'),
 
+    };
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 73 - 0
src/views/live/technical/index.vue
Zobrazit soubor 

@@ -0,0 +1,73 @@
 
+<template>
 
+  <div id="index">
 
+    <div class="w_0100">
 
+      <div class="w_1200">
 
+        <div class="technicalmain">
 
+          <div class="technical_left">
 
+            <div class="technical_left_title">
 
+              <span style="margin: 10px;">集中培训</span>
 
+              <span class="more">MORE </span>
 
+            </div>
 
+            <ul class="train">
 
+              <li>
 
+                <p>2020-05-01</p>
 
+                <p>吉林省计算中心科技平台网站使用集中培训</p>
 
+                <p>
 
+                  吉林省计算中心科技平台网站将于2020-05-10正式上线，为了各企业及专家可正常使用网站进行各项操作，吉林省计算中心决定于2020-05-01举行吉林省计算中心科技平台网站使用集中培训，各位与会人员请按时参加
 
+                </p>
 
+              </li>
 
+              <li>
 
+                <p>2020-05-01</p>
 
+                <p>六条数据</p>
 
+                <p>
 
+                  吉林省计算中心科技平台网站将于2020-05-10正式上线，为了各企业及专家可正常使用网站进行各项操作，吉林省计算中心决定于2020-05-01举行吉林省计算中心科技平台网站使用集中培训，各位与会人员请按时参加
 
+                </p>
 
+              </li>
 
+            </ul>
 
+          </div>
 
+          <div class="technical_right">
 
+            <div class="technical_right_title">
 
+              <span style="margin: 10px;">技术指导</span>
 
+              <span class="more">MORE</span>
 
+            </div>
 
+            <ul class="guide" style="list-style-type:square">
 
+              <li>
 
+                <span>专家成功对企业进行技术指导</span>
 
+                <span>2020-05-02</span>
 
+              </li>
 
+              <li>
 
+                <span>十四条数据</span>
 
+                <span>2020-05-02</span>
 
+              </li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import { mapState, createNamespacedHelpers } from 'vuex';
 
+export default {
 
+  name: 'index',
 
+  props: {},
 
+  components: {},
 
+  data: () => {
 
+    return {};
 
+  },
 
+  created() {},
 
+  methods: {},
 
+  computed: {
 
+    ...mapState(['user']),
 
+    pageTitle() {
 
+      return `${this.$route.meta.title}`;
 
+    },
 
+  },
 
+  metaInfo() {
 
+    return { title: this.$route.meta.title };
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 1 - 0
vue.config.js
Zobrazit soubor 

@@ -27,6 +27,7 @@ module.exports = {
 
       },
 
       '/api/setting': {
 
         target: 'http://10.16.10.72:9000',
 
+        // target: 'http://free.liaoningdoupo.com', //http://free.liaoningdoupo.com
 
         changeOrigin: true,
 
         ws: true,
 
       },