首页 发现 帮助
登录
double-create
/
web-website
4
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

合并

wuhongyuq 5 年之前
父节点
a6f28ba954 8d4288ebf4
当前提交
5d759dbcbe
共有 72 个文件被更改，包括 6602 次插入 和 5 次删除
分列视图 显示文件统计
  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. 二进制
      public/static/images/06.gif
  8. 二进制
      public/static/images/1.jpg
  9. 二进制
      public/static/images/beijing.jpg
  10. 二进制
      public/static/images/bg.jpg
  11. 二进制
      public/static/images/logo.png
  12. 二进制
      public/static/images/logo20.png
  13. 二进制
      public/static/images/main1.png
  14. 二进制
      public/static/images/main2.png
  15. 二进制
      public/static/images/mubu_1.jpg
  16. 二进制
      public/static/images/mubu_1_s.jpg
  17. 二进制
      public/static/images/mubu_2.png
  18. 二进制
      public/static/images/mubu_2_s.png
  19. 二进制
      public/static/images/mubu_3_s.png
  20. 二进制
      public/static/images/mubu_left.jpg
  21. 二进制
      public/static/images/mubu_left_s.jpg
  22. 二进制
      public/static/images/mubu_right.jpg
  23. 二进制
      public/static/images/mubu_right_s.jpg
  24. 二进制
      public/static/images/mubu_yh_1.png
  25. 二进制
      public/static/images/mubu_yh_2.png
  26. 二进制
      public/static/images/nyear-wwwa5.png
  27. 二进制
      public/static/images/top_3.png
  28. 二进制
      public/static/images/top_bg.png
  29. 二进制
      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. 二进制
      src/assets/live/06.gif
  35. 二进制
      src/assets/live/1.jpg
  36. 二进制
      src/assets/live/beijing.jpg
  37. 二进制
      src/assets/live/bg.jpg
  38. 二进制
      src/assets/live/logo.png
  39. 二进制
      src/assets/live/logo20.png
  40. 二进制
      src/assets/live/main1.png
  41. 二进制
      src/assets/live/main2.png
  42. 二进制
      src/assets/live/mubu_1.jpg
  43. 二进制
      src/assets/live/mubu_1_s.jpg
  44. 二进制
      src/assets/live/mubu_2.png
  45. 二进制
      src/assets/live/mubu_2_s.png
  46. 二进制
      src/assets/live/mubu_3_s.png
  47. 二进制
      src/assets/live/mubu_left.jpg
  48. 二进制
      src/assets/live/mubu_left_s.jpg
  49. 二进制
      src/assets/live/mubu_right.jpg
  50. 二进制
      src/assets/live/mubu_right_s.jpg
  51. 二进制
      src/assets/live/mubu_yh_1.png
  52. 二进制
      src/assets/live/mubu_yh_2.png
  53. 二进制
      src/assets/live/nyear-wwwa5.png
  54. 二进制
      src/assets/live/top_3.png
  55. 二进制
      src/assets/live/top_bg.png
  56. 二进制
      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
查看文件 

@@ -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
查看文件 

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

文件差异内容过多而无法显示
+ 6 - 0
public/static/css/bootstrap.min.css


文件差异内容过多而无法显示
+ 281 - 0
public/static/css/iconfont.css


+ 97 - 0
public/static/css/mubu2017.css
查看文件 

@@ -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)}
 
+	}

文件差异内容过多而无法显示
+ 2141 - 0
public/static/css/style.css


二进制
public/static/images/06.gif
查看文件


二进制
public/static/images/1.jpg
查看文件


二进制
public/static/images/beijing.jpg
查看文件


二进制
public/static/images/bg.jpg
查看文件


二进制
public/static/images/logo.png
查看文件


二进制
public/static/images/logo20.png
查看文件


二进制
public/static/images/main1.png
查看文件


二进制
public/static/images/main2.png
查看文件


二进制
public/static/images/mubu_1.jpg
查看文件


二进制
public/static/images/mubu_1_s.jpg
查看文件


二进制
public/static/images/mubu_2.png
查看文件


二进制
public/static/images/mubu_2_s.png
查看文件


二进制
public/static/images/mubu_3_s.png
查看文件


二进制
public/static/images/mubu_left.jpg
查看文件


二进制
public/static/images/mubu_left_s.jpg
查看文件


二进制
public/static/images/mubu_right.jpg
查看文件


二进制
public/static/images/mubu_right_s.jpg
查看文件


二进制
public/static/images/mubu_yh_1.png
查看文件


二进制
public/static/images/mubu_yh_2.png
查看文件


二进制
public/static/images/nyear-wwwa5.png
查看文件


二进制
public/static/images/top_3.png
查看文件


二进制
public/static/images/top_bg.png
查看文件


二进制
public/static/images/测试图片.jpg
查看文件


文件差异内容过多而无法显示
+ 2 - 0
public/static/js/jquery-1.8.3.min.js


+ 32 - 0
public/static/js/tabs.js
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

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

二进制
src/assets/live/06.gif
查看文件


二进制
src/assets/live/1.jpg
查看文件


二进制
src/assets/live/beijing.jpg
查看文件


二进制
src/assets/live/bg.jpg
查看文件


二进制
src/assets/live/logo.png
查看文件


二进制
src/assets/live/logo20.png
查看文件


二进制
src/assets/live/main1.png
查看文件


二进制
src/assets/live/main2.png
查看文件


二进制
src/assets/live/mubu_1.jpg
查看文件


二进制
src/assets/live/mubu_1_s.jpg
查看文件


二进制
src/assets/live/mubu_2.png
查看文件


二进制
src/assets/live/mubu_2_s.png
查看文件


二进制
src/assets/live/mubu_3_s.png
查看文件


二进制
src/assets/live/mubu_left.jpg
查看文件


二进制
src/assets/live/mubu_left_s.jpg
查看文件


二进制
src/assets/live/mubu_right.jpg
查看文件


二进制
src/assets/live/mubu_right_s.jpg
查看文件


二进制
src/assets/live/mubu_yh_1.png
查看文件


二进制
src/assets/live/mubu_yh_2.png
查看文件


二进制
src/assets/live/nyear-wwwa5.png
查看文件


二进制
src/assets/live/top_3.png
查看文件


二进制
src/assets/live/top_bg.png
查看文件


二进制
src/assets/live/测试图片.jpg
查看文件


+ 50 - 0
src/layout/live/foot.vue
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

@@ -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({

文件差异内容过多而无法显示
+ 2141 - 0
src/style/style.css


文件差异内容过多而无法显示
+ 76 - 0
src/views/live/detail/detail.vue


+ 313 - 0
src/views/live/dynamic/index.vue
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

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

文件差异内容过多而无法显示
+ 206 - 0
src/views/live/news-list/img-list.vue


+ 62 - 0
src/views/live/news-list/index.vue
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

@@ -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
查看文件 

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