From 4deda573bfc6663c1793b29f60a6e1035d891520 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 23 八月 2019 16:36:42 +0800
Subject: [PATCH] news

---
 src/views/news/index.vue              |  245 +++----------------
 src/img/index_logo.png                |    0 
 src/views/partner/index.vue           |   85 +++++--
 src/views/productCenter/index.vue     |    2 
 src/img/home_c2.jpg                   |    0 
 src/components/header.vue             |   25 +
 src/views/index/index.vue             |   94 ++++---
 src/router/index.js                   |    2 
 src/img/home_c1.jpg                   |    0 
 src/views/index/dynamicDetail.vue     |  160 +++++-------
 src/img/home_c3.jpg                   |    0 
 src/store/service.js                  |   10 
 src/views/successCase/successCase.vue |   87 ++++++-
 13 files changed, 338 insertions(+), 372 deletions(-)

diff --git a/src/components/header.vue b/src/components/header.vue
index e2c2f9f..910e5a0 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -9,7 +9,7 @@
 				<span class="navico" v-else @click="showNav"><img src="../img/close.png" alt=""></span>
 				<!-- pc绔彍鍗曞垪琛� -->
 				<ul class="nav_ul" ref="nav_ul">
-					<li v-for="(menu, index) in menus" :key="index" :class="{active1: cur === index}" @click="jump(menu.url)">
+					<li v-for="(menu, index) in menus" :key="index" :class="{' menu-active': curtab === index, ' menu-hover': cur === index}" @click="jump(menu.url)">
 						<span @mouseover="contrlSubmenu(index)">{{ menu.text }}</span>
 					</li>
 					<div class="list1 active" v-if="menus[1].flag">
@@ -79,8 +79,8 @@
 		name: 'Header',
 		data() {
 			return {
-				activeNames: ['1'],
-				cur: 0,
+				cur: -1,
+				curtab: 0,
 				isShow: false,
 				selectedsubId: null,
 				menus: [{
@@ -138,6 +138,14 @@
 				this.isShow = false
 				name = name.toLowerCase()
 				if (!type) { // 涓婚〉闈㈣烦杞�
+					let change = {
+						index: 0,
+						successcase: 2,
+						partner: 3,
+						news: 4,
+						companyprofile: 5
+					}
+					this.curtab = change[name]
 					if (name === 'companyprofile') { // 鍏充簬鏄庣,閿氱偣鍙傛暟
 						this.$router.push({name: name, params: {hash: 'null'}})
 					} else {
@@ -146,15 +154,18 @@
 				} else if (type === 'submenu') { // 浜у搧涓績瀛愰〉闈㈣烦杞�
 					this.menus[1].flag = false
 					this.menus[5].flag = false
+					this.curtab = 1
 					this.selectedsubId = index
 					this.$router.push({name: name, params: {menuId: index}})
 				} else if (type === 'aboutUs') { // 鍏充簬鏄庣瀛愰〉闈㈣烦杞�
+					this.curtab = 5
 					if (index === 3) { // 鍔犲叆鏄庣
 						this.$router.push({name: name})
 					} else {
 						this.$router.push({name: 'companyprofile', params: {hash: `#anchor-${index + 1}`}})
 					}
 				}
+				
 			},
 			showNav () {
 				this.isShow = !this.isShow
@@ -174,6 +185,7 @@
 				}
 			},
 			leave () {
+				this.cur = -1
 				this.menus[1].flag = false
 				this.menus[5].flag = false
 			},
@@ -235,7 +247,7 @@
 		-webkit-animation: gupIn 1s 0.1s both;
 		-moz-animation: gupIn 1s 0.1s both;
 		animation: gupIn 1s 0.1s both;
-		z-index: 8888;
+		z-index: 2000;
 		top: 0;
 
 		.wrapper {
@@ -542,7 +554,10 @@
 	.active {
 		opacity: 1;
 	}
-	.active1 {
+	.menu-hover {
+		background: #232323;
+	}
+	.menu-active {
 		background: #212020;
 	}
 </style>
diff --git a/src/img/home_c1.jpg b/src/img/home_c1.jpg
new file mode 100644
index 0000000..2790ff7
--- /dev/null
+++ b/src/img/home_c1.jpg
Binary files differ
diff --git a/src/img/home_c2.jpg b/src/img/home_c2.jpg
new file mode 100644
index 0000000..b2d8ea5
--- /dev/null
+++ b/src/img/home_c2.jpg
Binary files differ
diff --git a/src/img/home_c3.jpg b/src/img/home_c3.jpg
new file mode 100644
index 0000000..1ab4c82
--- /dev/null
+++ b/src/img/home_c3.jpg
Binary files differ
diff --git a/src/img/index_logo.png b/src/img/index_logo.png
index ff0bfd3..c82688d 100644
--- a/src/img/index_logo.png
+++ b/src/img/index_logo.png
Binary files differ
diff --git a/src/router/index.js b/src/router/index.js
index 01a7f40..0f3609d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -99,7 +99,7 @@
       },
       {
         name: 'dynamicdetail',
-        path: '/dynamicDetail',//鏄庣鍔ㄦ�� 璇︽儏
+        path: '/dynamicDetail/:menuId',//鏄庣鍔ㄦ�� 璇︽儏
         component: DynamicDetail
       },
       {
diff --git a/src/store/service.js b/src/store/service.js
index 371f12d..625f2db 100644
--- a/src/store/service.js
+++ b/src/store/service.js
@@ -79,4 +79,14 @@
       })
     }
   }
+
+  /**
+   * @description 鎻愪氦
+   * @param {String} param 璇锋眰鍙傛暟
+   */
+  setSubmit (param) {
+    return axios({
+      data: param
+    })
+  }
 }
diff --git a/src/views/index/dynamicDetail.vue b/src/views/index/dynamicDetail.vue
index 5ed19d7..7f0d0a1 100644
--- a/src/views/index/dynamicDetail.vue
+++ b/src/views/index/dynamicDetail.vue
@@ -2,113 +2,84 @@
   <div class="main">
     <div class="wrapper dynamic">
       <div class="dynamic_l">
-        <h4>鏄庣 > 鏂伴椈璧勮 > 浼佷笟璧勮 > 瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h4>
-        <h2 class="dynamic_title">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h2>
-        <h3 class="dynamic_subtitle">浼佷笟璧勮 | 2018-10-10</h3>
-        <div class="dynamic_content">
-          <p>9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠＄悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹锛屾惡椤鹃棶浠ｈ〃4浜哄嚭甯簡浼氳銆�<br />
-            浼氳鐢辩數鍟嗛攢鍞儴缁忕悊绾敠闇蹭富鎸佸彫寮�銆�
-          </p>
-          <img src="../../img/dynamicDetail.jpg" alt="">
-        </div>
-        <div class="dynamic_content">
-          <p>浼氳浼婂锛岀數鍟嗛攢鍞儴缁忕悊绾敠闇查鍏堝垎鏋愪簡杩戝嚑骞寸敱浜庣數鍟嗛攢閲忕殑涓嶆柇涓婂崌锛岀數鍟嗛儴闂ㄥ湪宸ヤ綔涓墍閬囧埌鐨勫悇绫婚棶棰橈紝绾粡鐞嗗挨鍏舵寚鍑哄湪姣忓勾鍙屽崄涓�鏈熼棿宸ㄥぇ鐨勮鍗曢噺缁欑數鍟嗛儴闂ㄥ甫鏉ヤ簡宸ㄥぇ鐨勫伐浣滈噺銆�<br />
-            <span style="margin: 0.3rem 0;display: inline-block;">2017骞寸殑鍙屽崄涓�鍗冲皢鏉ヤ复锛岄�氳繃IT骞冲彴鎵撻�氱數鍟嗗钩鍙颁笌SAP绯荤粺瀹炵幇鏁版嵁娴佸鎺ワ紝鎻愰珮鐗╂祦鍙戣揣鏁堢巼锛岄檷浣庝汉涓哄嚭閿欑巼锛岄檷浣庝汉宸ユ垚鏈紝宸茬粡杩湪鐪夌潾銆�</span>
-            鎺ョ潃锛屽寳浜槑绉戞櫘鍗庨」鐩�荤洃鍏奸」鐩粡鐞嗗垬鐣呭悜涓庝細鍚勪綅浠嬬粛浜嗗寳浜槑绉戝悇绫荤數鍟嗙鐞嗛」鐩疄鏂界粡楠岋紝浠ュ強鏄庣椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢绠＄悊甯︽潵浠�涔堝彉鍖栥�傚湪鏃堕棿涓婃湰椤圭洰棰勮浠庨」鐩寮忓惎鍔ㄥ悗鐨�2涓湀鍐呭畬鎴愬钩鍙版惌寤恒�佸钩鍙板紑鍙戜笌涓�鏈熷姛鑳藉疄鏂斤紝椤圭洰涓婄嚎銆備簩鏈熷湪涓�鏈熶笂绾垮悗鐨勪竴涓湀鍐呭畬鎴愮浉鍏崇殑寮�鍙戜笌涓婄嚎宸ヤ綔銆�
-          </p>
-          <img src="../../img/da2.jpg" alt="">
-        </div>
-        <div class="dynamic_content">
-          <p>闅忓悗锛屽寳浜槑绉戝壇鎬荤粡鐞嗗紶瀵岃吹鍚戝疂鏃跺緱浣滃嚭浜嗛」鐩椂闂淬�佹姇鍏ヨ祫婧愪笌骞冲彴璐ㄩ噺涓婄殑鎵胯锛屼互鍙婁粖鍚庣殑涓�浜涘睍鏈涖��</p>
-          <img src="../../img/da3.jpg" alt="">
-        </div>
-        <div class="dynamic_content">
-          <p>鏈�鍚庯紝涓撲笟宸ュ叿钀ラ攢涓績鏈辨�讳负姝ゆ浼氳鍋氫簡鎬荤粨锛屽苟鎸囧嚭鏈椤圭洰鏃堕棿姣旇緝绱у紶锛屽苟涓斾竴涓婄嚎灏卞皢闈复鍙屽崄涓�鐨勮繖鍦衡�樺ぇ鎴樷�欙紝甯屾湜椤圭洰缁勫洟闃熻兘澶熼珮璐ㄩ噺鐨勫畬鎴愪换鍔°��<br />
-            鐢靛晢骞冲彴椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢杩愯惀甯︽潵宸ㄥぇ鍙樺寲銆傝鎴戜滑鍦ㄤ簰鑱旂綉+鐨勫ぇ鏃朵唬鑳屾櫙涓嬶紝閫氳繃鍏ㄦ柊鐨勭數鍟嗙鐞嗗钩鍙帮紝鍏卞悓鍔姏锛屼负瀹濇椂寰楀垱涓嬫柊鐨勯攢鍞紶濂囷紒
-          </p>
-          <img src="../../img/da4.jpg" alt="">
+        <h4>
+          鏄庣 > 鏂伴椈璧勮 
+          <span v-text="data.SubjClasName && '> ' + data.SubjClasName"></span>
+          <span v-text="data.Title1 && '> ' + data.Title1"></span>
+        </h4>
+        <h2 class="dynamic_title" v-text="data.Title1"></h2>
+        <h3 class="dynamic_subtitle" v-if="data.SubjClasName" v-text="data.SubjClasName + (data.SubjClasName && data.CompletedTime && ' | ') + data.CompletedTime"></h3>
+        <div class="dynamic_content" style="padding-top: 0.2rem;" v-html="data.Ltext">
         </div>
       </div>
       <div class="dynamic_r">
-        <h3>鐑棬鏂囩珷</h3>
+        <h3 v-if="data.NewsHot">鐑棬鏂囩珷</h3>
         <ul class="dynamic_ul">
-          <li>
-            <img src="../../img/caseList.jpg" alt="">
+          <li v-for="(item, index) in data.NewsHot" :key="index">
+            <img style="max-width: 124px;max-height: 80px;" :src="item.Image1" alt="">
             <div>
-              <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r2.jpg" alt="">
-            <div>
-              <p>渚涘簲鍟嗙鐞嗚В鍐虫柟妗�</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r3.jpg" alt="">
-            <div>
-              <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r4.jpg" alt="">
-            <div>
-              <p>鏄庣闃茬獪璐х鐞嗚В鍐虫柟妗�</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r5.jpg" alt="">
-            <div>
-              <p>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r6.jpg" alt="">
-            <div>
-              <p>鏄庣璧勪骇鍙婃。妗堢郴缁熻В鍐虫柟妗�</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r7.jpg" alt="">
-            <div>
-              <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</p>
-              <span>2017-03-08</span>
-            </div>
-          </li>
-          <li>
-            <img src="../../img/r8.jpg" alt="">
-            <div>
-              <p>鏄庣鐢靛瓙鏍囩鎷ｈ揣绯荤粺</p>
-              <span>2017-03-08</span>
+              <p v-text="item.Title1" style="width: 1.36rem;"></p>
+              <span v-text="item.CompletedTime"></span>
             </div>
           </li>
         </ul>
       </div>
     </div>
-    <div class="wechat p_hide">
+    <!-- <div class="wechat p_hide">
       <div class="title_a">濯掍綋鍚堜綔</div>
       <div class="title_c">
         <img src="../../img/code.jpg" alt="">
       </div>
       <div class="title_b">鏇村鍔ㄦ�佽鍏虫敞</div>
       <div class="title_b">鏄庣浼佷笟瀹樻柟鍏紬鍙�</div>
-    </div>
+    </div> -->
     <div class="wrapper dynamic_b">
-      <p>涓婁竴绡囷細杩欏凡缁忔槸绗竴绡囦簡 <span>浼佷笟璧勮 | 2017-03-08</span></p>
-      <p>涓嬩竴绡囷細鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规 <span>浼佷笟璧勮 | 2017-03-08</span></p>
+      <p v-if="data.LastTitle" :style="data.LastID && 'cursor:pointer;'" @click="jumpmenu(data.LastID)">
+        涓婁竴绡囷細{{data.LastTitle}}
+        <span v-text="data.LastSubjClasNameu + (data.LastSubjClasNameu && data.LastCompletedTime && ' | ') + data.LastCompletedTime"></span>
+      </p>
+      <p v-if="data.NextTitle" :style="data.NextID && 'cursor:pointer;'" @click="jumpmenu(data.NextID)">
+        涓嬩竴绡囷細{{data.NextTitle}}
+        <span v-text="data.NextSubjClasNameu + (data.NextSubjClasNameu && data.NextCompletedTime && ' | ') + data.NextCompletedTime"></span>
+      </p>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-
+  data() {
+    return {
+      data: {}
+    }
+  },
+  watch: {
+    $route () {
+      this.menuId = this.$route.params.menuId
+      this.loaddata()
+    }
+  },
+  methods: {
+    jumpmenu (menuId) {
+      if (!menuId) return
+      this.$router.push({name: 'dynamicdetail', params: {menuId: menuId}})
+    },
+    loaddata () {
+      let param = {
+        func: 'Web_News_GetDetail',
+        ID: this.menuId
+      }
+      this.Service.getParamData(param).then(res => {
+        this.data = res
+      })
+    }
+  },
+  created () {
+    this.menuId = this.$route.params.menuId
+  },
+  mounted () {
+    this.loaddata()
+  }
 }
 </script>
 
@@ -118,7 +89,7 @@
     display: flex;
   }
   .dynamic_l {
-    padding: 0 0.19rem 0.93rem 0;
+    padding: 0 0.19rem 0.4rem 0;
     border-bottom: 1px solid #DBDBDB;
     h3 {
       font-size: 0.16rem;
@@ -133,7 +104,7 @@
     .dynamic_subtitle {
       text-align: center;
       color: #838383;
-      font-size: 0.18rem;
+      font-size: 0.16rem;
       padding-bottom: 0.19rem;
       border-bottom: 1px solid #DBDBDB;
     }
@@ -177,9 +148,15 @@
 
     .dynamic {
       margin-top: 0.9rem;
+      width: 100%;
     }
-    .dynamic_l .dynamic_title {
-      font-size: 0.32rem;
+    .dynamic_l {
+      .dynamic_title {
+        font-size: 0.32rem;
+      }
+      .dynamic_subtitle {
+        font-size: 0.26rem;
+      }
     }
     .dynamic_b-m {
       width: 100%;
@@ -190,7 +167,12 @@
       }
     }
     .dynamic_b {
-      display: none;
+      p {
+        margin-bottom: 0.2rem;
+      }
+      span {
+        display: none;
+      }
     }
     .dynamic_r {
       display: none;
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 5b03629..a04fe45 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -81,33 +81,49 @@
 			<h4 class="content_subtitle"><span>涓轰紒涓氭惌寤轰緵搴旈摼淇℃伅鍖栧钩鍙�</span></h4>
 			<el-carousel :interval="5000" arrow="always" class="platform_ul-m">
 				<el-carousel-item>
-					<h3><img src="../../img/yuan1.jpg" alt=""></h3>
-					<h2 style="margin-top: 0.3rem;">鑷富鐨勫彲閰嶇疆骞冲彴</h2>
+					<div class="mob-c">
+						<img src="../../img/home_c1.jpg" alt="">
+						<h2>鑷富鐨勫彲閰嶇疆骞冲彴</h2>
+					</div>
 					<p>浼楁墍鍛ㄧ煡锛岄渶姹傚彉鏇存槸IT椤圭洰鎴愯触鐨勫叧閿紝MingKeOS鏄撳彉鏇淬�佸彲閰嶇疆鐨勭壒鎬у彲浠ヤ负浼佷笟淇℃伅鍖栧缓璁句繚椹炬姢鑸�</p>
 				</el-carousel-item>
 				<el-carousel-item>
-					<h3><img src="../../img/100.jpg" alt=""></h3>
-					<h2 style="margin-top: 0.3rem;">鎴愮啛鐨勮涓氭柟妗�</h2>
+					<div class="mob-c">
+						<img src="../../img/home_c2.jpg" alt="">
+						<h2>鎴愮啛鐨勮涓氭柟妗�</h2>
+					</div>
 					<p>鏄庣宸茬粡涓鸿秴杩�2000瀹朵紒涓氳繘琛屼緵搴旈摼椤圭洰瀹炴柦锛屽彲鎻愪緵浼楀鎴愮啛鐨勪紒涓氬簲鐢ㄤ緵鎮ㄩ�夋嫨锛屾偍鏃犻渶缁勭粐浜哄憳鑺辫垂澶ч噺鏃堕棿鍘昏璁″紑鍙戯紝骞跺彲渚濇嵁浼佷笟涓�у寲闇�姹傚畬鎴愭柊鍔熻兘鐨勯厤缃�</p>
 				</el-carousel-item>
 				<el-carousel-item>
-					<h3><img src="../../img/yuan2.jpg" alt=""></h3>
-					<h2 style="margin-top: 0.3rem;">鐙湁鐨勫紑鍙戠敓鎬佸湀</h2>
+					<div class="mob-c">
+						<img src="../../img/home_c3.jpg" alt="">
+						<h2>鐙湁鐨勫紑鍙戠敓鎬佸湀</h2>
+					</div>
 					<p>鏄庣鎷ユ湁浼楀鐨勫钩鍙板疄鏂藉悎浣滀紮浼达紝鎮ㄥ彲浠ラ�夋嫨浠讳綍涓�瀹朵负鎮ㄥ畬鎴愰」鐩疄鏂斤紝涔熷彲浠ュ煿鍏昏嚜宸辩殑IT鍥㈤槦杩涜绯荤粺杩愮淮</p>
 				</el-carousel-item>
 			</el-carousel>
 			<ul class="platform_ul">
-				<router-link to="/caseDetail" tag="li" v-for="(item, index) in 3" :key="item.menu_id">
-					<h3 v-if="index == 0"><img src="../../img/yuan1.jpg" alt=""></h3>
-					<h3 v-if="index == 1"><img src="../../img/100.jpg" alt=""></h3>
-					<h3 v-if="index == 2"><img src="../../img/yuan2.jpg" alt=""></h3>
-					<h2 v-if="index == 0">鑷富鐨勫彲閰嶇疆骞冲彴</h2>
-					<h2 v-if="index == 1">鎴愮啛鐨勮涓氭柟妗�</h2>
-					<h2 v-if="index == 2">鐙湁鐨勫紑鍙戠敓鎬佸湀</h2>
-					<p v-if="index == 0" style="line-height:25px;">浼楁墍鍛ㄧ煡锛岄渶姹傚彉鏇存槸IT椤圭洰鎴愯触鐨勫叧閿紝MingKeOS鏄撳彉鏇淬�佸彲閰嶇疆鐨勭壒鎬у彲浠ヤ负浼佷笟淇℃伅鍖栧缓璁句繚椹炬姢鑸�</p>
-					<p v-if="index == 1" style="line-height:25px;">鏄庣宸茬粡涓鸿秴杩�2000瀹朵紒涓氳繘琛屼緵搴旈摼椤圭洰瀹炴柦锛屽彲鎻愪緵浼楀鎴愮啛鐨勪紒涓氬簲鐢ㄤ緵鎮ㄩ�夋嫨锛屾偍鏃犻渶缁勭粐浜哄憳鑺辫垂澶ч噺鏃堕棿鍘昏璁″紑鍙戯紝骞跺彲渚濇嵁浼佷笟涓�у寲闇�姹傚畬鎴愭柊鍔熻兘鐨勯厤缃�</p>
-					<p v-if="index == 2" style="line-height:25px;">鏄庣鎷ユ湁浼楀鐨勫钩鍙板疄鏂藉悎浣滀紮浼达紝鎮ㄥ彲浠ラ�夋嫨浠讳綍涓�瀹朵负鎮ㄥ畬鎴愰」鐩疄鏂斤紝涔熷彲浠ュ煿鍏昏嚜宸辩殑IT鍥㈤槦杩涜绯荤粺杩愮淮</p>
-				</router-link>
+				<li>
+					<div>
+						<img src="../../img/home_c1.jpg" alt="">
+						<h2>鑷富鐨勫彲閰嶇疆骞冲彴</h2>
+					</div>
+					<p style="line-height:25px;">浼楁墍鍛ㄧ煡锛岄渶姹傚彉鏇存槸IT椤圭洰鎴愯触鐨勫叧閿紝MingKeOS鏄撳彉鏇淬�佸彲閰嶇疆鐨勭壒鎬у彲浠ヤ负浼佷笟淇℃伅鍖栧缓璁句繚椹炬姢鑸�</p>
+				</li>
+				<li>
+					<div>
+						<img src="../../img/home_c2.jpg" alt="">
+						<h2>鎴愮啛鐨勮涓氭柟妗�</h2>
+					</div>
+					<p style="line-height:25px;">鏄庣宸茬粡涓鸿秴杩�2000瀹朵紒涓氳繘琛屼緵搴旈摼椤圭洰瀹炴柦锛屽彲鎻愪緵浼楀鎴愮啛鐨勪紒涓氬簲鐢ㄤ緵鎮ㄩ�夋嫨锛屾偍鏃犻渶缁勭粐浜哄憳鑺辫垂澶ч噺鏃堕棿鍘昏璁″紑鍙戯紝骞跺彲渚濇嵁浼佷笟涓�у寲闇�姹傚畬鎴愭柊鍔熻兘鐨勯厤缃�</p>
+				</li>
+				<li>
+					<div>
+						<img src="../../img/home_c3.jpg" alt="">
+						<h2>鐙湁鐨勫紑鍙戠敓鎬佸湀</h2>
+					</div>
+					<p style="line-height:25px;">鏄庣鎷ユ湁浼楀鐨勫钩鍙板疄鏂藉悎浣滀紮浼达紝鎮ㄥ彲浠ラ�夋嫨浠讳綍涓�瀹朵负鎮ㄥ畬鎴愰」鐩疄鏂斤紝涔熷彲浠ュ煿鍏昏嚜宸辩殑IT鍥㈤槦杩涜绯荤粺杩愮淮</p>
+				</li>
 			</ul>
 		</div>
 		
@@ -405,6 +421,17 @@
 	}
 
 	@media (max-width: 750px) and (min-width: 0) {
+		.mob-c {
+			position: relative;
+
+			h2 {
+				position: absolute;
+				font-size: 0.34rem;
+				top: 0.65rem;
+				left: 0.4rem;
+				color: #ffffff;
+			}
+		}
 		#canvas {
 			display: none;
 		}
@@ -692,7 +719,6 @@
 		.el-carousel__item {
 			width: 100%;
 			background: #fff;
-			padding: 0.6rem 0 0;
 
 			h3 {
 				width: 2rem;
@@ -763,10 +789,6 @@
 			padding-bottom: 0.1rem;
 			box-sizing: border-box;
 			position: relative;
-			// -webkit-transition: transform 1s, opacity 1s;
-			// -moz-transition: transform 1s, opacity 1s;
-			// -o-transition: transform 1s, opacity 1s;
-			// transition: transform 1s, opacity 1s;
 			transition: all 0.7s;
 
 			.pulse {
@@ -899,33 +921,29 @@
 
 		.platform_ul {
 			display: flex;
-			padding: 0 .8rem;
 			margin-bottom: 1.2rem;
 
 			li {
 				flex: 1;
 				margin: 0 .3rem;
-				padding: 0.37rem;
+				padding-bottom: 0.3rem;
 				text-align: center;
+				box-shadow: 0px 0px 8px 0px rgba(79, 78, 80, 0.05);
 
-				h3 {
-					width: 100%;
-
-					img {
-						width: .93rem;
-						height: .93rem;
-						margin: 0 auto;
+				div {
+					position: relative;
+					
+					h2 {
+						position: absolute;
+						font-size: 0.16rem;
+						top: 0.35rem;
+						left: 0.2rem;
+						color: #ffffff;
 					}
 				}
-
-				h2 {
-					font-size: 0.14rem;
-					color: #20242A;
-					margin: 0.3rem 0 0.15rem;
-				}
-
 				p {
 					font-size: 0.13rem;
+					padding: 0.15rem;
 					color: #838383;
 				}
 			}
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index f613bfb..548346b 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -7,188 +7,25 @@
     <div class="wrapper">
       <div class="contentTitle">
         <i class="contentTitle_before"></i>
-        <span v-for="(tab, i) in tabs" :key="i" @click="cur=i" :class="{active:cur==i}">{{tab.name}}</span>
+        <span v-for="(tab, i) in tabs" :key="i" @click="changetab(i)" :class="{active: cur === i}">{{tab.SubjClasName}}</span>
         <i class="contentTitle_after"></i>
       </div>
 
       <div class="tab-content">
-        <div v-show="cur==0">
-          <ul class="news_ul">
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi1.jpg" alt="">
-              </h3>
-              <div class="news_ul_card">
-                <h2>
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi2.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</span>
-                  <span>2017-10-10</span>
-                </h2>
-                <p>9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠＄悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹鎼洪【闂唬琛�4浜哄嚭甯簡浼氳銆�</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi3.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
-              </div>
-            </router-link>
-            
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi4.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鏈嶅姟璺熻釜绯荤粺MK-SES 鏄敱鏄庣鍏徃棣栧垱鐨勫熀浜庤嚜鍔ㄨ瘑鍒妧鏈殑鏈嶅姟绯荤粺锛屽畠鑳借浼佷笟鑳藉鏇村ソ鐨勪负鐢ㄦ埛鎻愪緵鏇翠汉鎬у寲鐨勮窡韪湇鍔★紝骞朵笖鑳芥湁鏁堢殑闄嶄綆鏈嶅姟鎴愭湰銆�</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi5.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi6.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡銆佹壒鍙风瓑淇℃伅锛屽垱寤哄敮涓�鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜锛屾煡璇㈡祦閫氳繃绋嬩腑鐨勫晢鍝佹祦鍚戯紝杈惧埌闃蹭吉...</p>
-              </div>
-            </router-link>
-          </ul>
-        </div>
-        <div v-show="cur==1">
-          <ul class="news_ul">
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi1.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi4.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span style="display: block;">鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-          </ul>
-        </div>
-        <div v-show="cur==2">
-          <ul class="news_ul">
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi2.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi5.jpg" alt="">
-              </h3>
-              <div class="news_ul_card"> 
-                <h2>                        
-                  <span>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-          </ul>
-        </div>
-        <div v-show="cur==3">
-          <ul class="news_ul">
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi3.jpg" alt="">
-              </h3>
-              <div class="news_ul_card">
-                <h2>                        
-                  <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-            <router-link to="/dynamicDetail" tag="li">
-              <h3>
-                <img src="../../img/qi6.jpg" alt="">
-              </h3>
-              <div class="news_ul_card">
-                <h2>                        
-                  <span>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙ｅ喅鏂规</span>
-                  <span>2017-03-08</span>
-                </h2>
-                <p>鏄庣鍏徃闈㈠悜鐢熶骇鍨嬩紒涓氫笓闂ㄧ爺鍙戜簡涓�濂楄川閲忕洃绠＄郴缁燂紝閽堝鍟嗗搧鐨勭敓浜ф棩鏈熴�佹湁鏁堟湡鎵瑰彿绛変俊鎭紝鍒涘缓鍞竴鍙瘑鍒潯鐮侊紝杩涜浜у搧璐ㄩ噺杩芥函锛屽啀鏍规嵁姝よ瘑鍒爜鐨勫寘瑁呭叧鑱旂爜鏌ヨ娴侀�氳繃绋嬩腑鐨勫晢鍝佹祦...</p>
-              </div>
-            </router-link>
-          </ul>
-        </div>
-
-        <div class="p_hide" style="margin-bottom: -1rem;"></div>
-        <div style="text-align: center;visibility: hidden;">
-          <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page.sync="currentPage3"
-          :page-size="10"
-          background
-          prev-text="涓婁竴椤�"
-          next-text="涓嬩竴椤�"
-          style="display: inline-block;margin: 0.6rem 0;"
-          layout="prev, pager, next, jumper"
-          :total="50">
-          </el-pagination>
-        </div>
+        <ul class="news_ul">
+          <li v-for="(item, index) in news" :key="index" @click="jumpmenu(item)">
+            <h3>
+              <img :src="item.Image1" alt="">
+            </h3>
+            <div class="news_ul_card">
+              <h2>
+                <span style="display: block;" v-text="item.Title1"></span>
+                <span v-text="item.CompletedTime"></span>
+              </h2>
+              <p v-text="item.Remark"></p>
+            </div>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
@@ -199,39 +36,49 @@
   data() {
     return {
       cur: 0,
-      tabs:[
-        {
-          name:'鍏ㄩ儴'
-        },
-        {
-          name:'浼佷笟璧勮'
-        },
-        {
-          name:'鍏徃娲诲姩'
-        },
-        {
-          name:'瑙ｅ喅鏂规'
-        }
-      ],
-      currentPage3: 5,
+      tabs: null,
+      news: null
     }
   },
   methods: {
-    handleSizeChange (val) {
-      console.log(`姣忛〉 ${val} 鏉);
+    changetab (i) {
+      this.cur = i
+      this.loaddata()
     },
-    handleCurrentChange(val) {
-      console.log(`褰撳墠椤�: ${val}`);
+    jumpmenu (item) {
+      this.$router.push({name: item.PageType.toLowerCase(), params: {menuId: item.ID}})
+    },
+    loadtabs () {
+      this.Service.getBaseData('Web_News_GetClassify').then(res => {
+        this.tabs = res.Classify
+        this.tabs.unshift({
+          SubjClasCode: '',
+          SubjClasName: '鍏ㄩ儴'
+        })
+      })
+    },
+    loaddata () {
+      let param = {
+        func: 'Web_News_GetList',
+        SubjClasCode: this.tabs ? this.tabs[this.cur].SubjClasCode : ''
+      }
+      this.Service.getParamData(param).then(res => {
+        this.news = res.News
+      })
     }
   },
   mounted () {
-
+    this.loadtabs()
+    this.loaddata()
   }
 }
 </script>
 
 <style lang="less" scoped>
 @media (max-width: 750px) and (min-width: 0) {
+  .banner {
+    margin-top: 1.13rem;
+  }
   .wrapper {
     width: 100%;
   }
@@ -255,7 +102,7 @@
   }
   .news_ul {
     width: 100%;
-    padding: 0.2rem 6% 0;
+    padding: 0.2rem 0.3rem 0;
     li {
       margin-bottom: .35rem;
       h3 {
diff --git a/src/views/partner/index.vue b/src/views/partner/index.vue
index b31fcf6..5bfdcf4 100644
--- a/src/views/partner/index.vue
+++ b/src/views/partner/index.vue
@@ -41,14 +41,14 @@
             <el-col :span="12">
               <el-form-item style="position: relative;">
                 <img src="../../img/huo5.png" alt="" class="left_img p_hide">
-                <el-input placeholder="鍏徃鍚嶇О" v-model="input1"></el-input>
+                <el-input placeholder="鍏徃鍚嶇О" v-model="company"></el-input>
                 <img src="../../img/huo1.png" class="right_img p_hide" alt="">
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item style="position: relative;">
                 <img src="../../img/huo5.png" alt="" class="left_img p_hide">
-                <el-input placeholder="鎮ㄧ殑鑱屼綅" v-model="input2"></el-input>
+                <el-input placeholder="鎮ㄧ殑鑱屼綅" v-model="Job"></el-input>
                 <img src="../../img/huo2.png" class="right_img p_hide" alt="" style="right: 0.4rem;">
               </el-form-item>
             </el-col>
@@ -57,14 +57,14 @@
             <el-col :span="12">
               <el-form-item style="position: relative;">
                 <img src="../../img/huo5.png" alt="" class="left_img p_hide">
-                <el-input placeholder="鎮ㄧ殑濮撳悕" v-model="input3"></el-input>
+                <el-input placeholder="鎮ㄧ殑濮撳悕" v-model="fullName"></el-input>
                 <img src="../../img/huo3.png" class="right_img p_hide" alt="">
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item style="position: relative;">
                 <img src="../../img/huo5.png" alt="" class="left_img p_hide">
-                <el-input placeholder="鎮ㄧ殑鐢佃瘽" v-model="input4"></el-input>
+                <el-input placeholder="鎮ㄧ殑鐢佃瘽" v-model="mob"></el-input>
                 <img src="../../img/huo4.png" class="right_img p_hide" alt="">
               </el-form-item>
             </el-col>
@@ -73,14 +73,14 @@
             <el-col>
               <el-form-item>
                 <img src="../../img/huo5.png" alt="" class="left_img p_hide">
-                <el-input type="textarea" placeholder="鍜ㄨ鍐呭" v-model="input5"></el-input>
+                <el-input type="textarea" placeholder="鍜ㄨ鍐呭" v-model="content"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row style="text-align:center">
             <el-col>
               <el-form-item>
-                <el-button type="primary" style="margin: 0.47rem 0 0.3rem;" @click="refer">鎻愪氦</el-button>
+                <el-button type="primary" :disabled="loading" style="margin: 0.47rem 0 0.3rem;" @click="refer">鎻愪氦</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -94,61 +94,98 @@
 export default {
   data () {
     return {
-      input1: '',
-      input2: '',
-      input3: '',
-      input4: '',
-      input5: '',
+      company: '',
+      Job: '',
+      fullName: '',
+      mob: '',
+      content: '',
       isPhone: true,//鎵嬫満 PC
       p_txt: '瀹炴柦浼欎即',
-      e_txt: 'Implementing partners'
+      e_txt: 'Implementing partners',
+      loading: false
     }
   },
 	methods: {
-		point (t,e) {
+		point (t, e) {
 			this.p_txt = t
 			this.e_txt = e
 		},
 		refer () {
-			if(!this.input1){
+      if (this.loading) {
+        this.err_msg('5s鍐呬笉鍙噸澶嶆彁浜�');
+				return false;
+      }
+
+			if (!this.company) {
 				this.err_msg('鍏徃鍚嶇О涓嶈兘涓虹┖');
 				return false;
 			}
 
-			if(!this.input2){
+			if (!this.Job) {
 				this.err_msg('鎮ㄧ殑鑱屼綅涓嶈兘涓虹┖');
 				return false;
 			}
 
-			if(!this.input3){
+			if (!this.fullName) {
 				this.err_msg('鎮ㄧ殑濮撳悕涓嶈兘涓虹┖');
 				return false;
 			}
 
-			if(!this.input4){
+			if (!this.mob) {
 				this.err_msg('鎮ㄧ殑鐢佃瘽涓嶈兘涓虹┖');
 				return false;
 			}
 
-			if(!this.input5){
+			if (!this.content) {
 				this.err_msg('鍜ㄨ鍐呭涓嶈兘涓虹┖');
 				return false;
-			}
+      }
+      
+      this.loading = true
+      setTimeout(() => {
+        this.loading = false
+      }, 5000)
+
+      let param = {
+        func: 'Web_Partner_SubData',
+        PartnerType: this.e_txt,
+	      Company: this.company,
+        Job: this.Job,
+        FullName: this.fullName,
+        Mob: this.mob,
+        Remark: this.content
+      }
+      this.Service.setSubmit(param).then(res => {
+        if (res.status) {
+          this.success_msg('鎻愪氦鎴愬姛锛屾垜浠細灏藉揩涓庢偍鍙栧緱鑱旂郴')
+        } else {
+          this.err_msg(res.message)
+        }
+      })
 		},
-		//閿欒鎻愮ず锛堝尯鍒嗘墜鏈� PC锛�
-		err_msg (err) {
+		err_msg (err) { //閿欒鎻愮ず锛堝尯鍒嗘墜鏈� PC锛�
 			if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
 			  alert(err)
-			}else{
-        this.$message.error(err);
+			} else {
+        this.$message.error(err)
+			}
+    },
+    success_msg (err) { //閿欒鎻愮ず锛堝尯鍒嗘墜鏈� PC锛�
+			if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
+			  alert(err)
+			} else {
+        this.$message.success(err)
 			}
 		}
-	}
+  }
 }
 </script>
 
 <style lang="less" scoped>
   @media (max-width: 750px) and (min-width: 0) {
+    .banner {
+      margin-top: 1.13rem;
+    }
     h2 {
       display: none;
     }
diff --git a/src/views/productCenter/index.vue b/src/views/productCenter/index.vue
index 93cdbd6..3e42350 100644
--- a/src/views/productCenter/index.vue
+++ b/src/views/productCenter/index.vue
@@ -52,7 +52,7 @@
         </div>
       </div>
     </div>
-    <div class="wrapper joinBtnBox">
+    <div class="wrapper joinBtnBox" v-if="details">
       <router-link to="/partner#4" tag="el-button">鐢宠鍔犲叆</router-link>
     </div>
   </div>
diff --git a/src/views/successCase/successCase.vue b/src/views/successCase/successCase.vue
index 20c8bf2..8b3152e 100644
--- a/src/views/successCase/successCase.vue
+++ b/src/views/successCase/successCase.vue
@@ -10,11 +10,30 @@
       <img src="../../img/anli2.jpg" alt="">
     </div>
     <div class="wrapper">
-      <div class="content_title">
-        <span>涓煶娌�</span>
-        <p>椤圭洰瀹炴柦钀藉湴: 鍖椾含 <label style="margin:0 0.05rem;">琛屼笟: 鑳芥簮琛屼笟</label> 鏃堕棿: 2012骞�3鏈�</p>
+      <div class="content_title" v-if="product">
+        <span v-text="product.name"></span>
+        <p>
+          <label v-if="product.place">椤圭洰瀹炴柦钀藉湴: {{product.place}} </label>
+          <label style="margin:0 0.05rem;" v-if="product.industry">琛屼笟: {{product.industry}}琛屼笟</label>
+          <label v-if="product.time"> 鏃堕棿: {{product.time}}</label>
+        </p>
       </div>
-      <div class="content">
+      <div v-for="(item, index) in details" :key="index">
+        <div class="content_title" v-if="item.dTitle1">
+          <span v-text="item.dTitle1"></span>
+        </div>
+        <div class="content">
+          <div class="contnt-describe" :id="index">
+            <div :class="index % 2 === 0 ? 'left' : 'right'" style="padding-top: 0.2rem;">
+              <p v-for="(cell, i) in item.SuccessCaseDetail" :key="i" :class="cell.oTitle1 && 'h3'" v-text="cell.oTitle1 || cell.LongText"></p>
+            </div>
+            <div :class="index % 2 === 1 ? 'left' : 'right'" style="text-align: center;">
+              <img :src="item.Images" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- <div class="content">
         <div class="contnt-describe">
           <div class="left">
             <h3>浼佷笟鑳屾櫙</h3>
@@ -81,7 +100,7 @@
             </div>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
@@ -90,12 +109,30 @@
 export default {
   data () {
     return {
-
+      product: null,
+      details: null
+    }
+  },
+  methods: {
+    load () {
+      let param = {
+        func: 'Web_SuccessCaseIndex_GetData',
+        ID: this.menuId
+      }
+      this.Service.getParamData(param).then(res => {
+        this.product = {
+          name: res.Title1,
+          place: res.Place,
+          industry: res.Industry,
+          time: res.CompletedTime
+        }
+        this.details = res.SuccessCase
+      })
     }
   },
   mounted () {
-    document.body.scrollTop = 0
-    document.documentElement.scrollTop = 0
+    this.menuId = this.$route.params.menuId
+    this.load()
   }
 }
 </script>
@@ -105,7 +142,7 @@
     margin: 0.6rem 0 0.5rem;
     p {
       color: #838383;
-      font-size: .16rem;
+      font-size: .24rem;
       text-align: center;
       margin-top: .26rem;
     }
@@ -128,8 +165,12 @@
       text-align: left;
       font-size: .16rem;
       line-height: 0.25rem;
-      margin-bottom: .2rem;
+      margin-bottom: .1rem;
       margin-left: 0.25rem;
+    }
+    p.h3 {
+      font-size: 0.3rem;
+      margin: 0rem 4% 0.2rem;
     }
   }
   .content:nth-child(2) {
@@ -211,10 +252,18 @@
           display: inline-block;
           padding-top: .3rem;
         }
+        img {
+          max-width: 100%;
+          max-height: 100%;
+        }
       }
       .right {
         float: right;
         width: 50%;
+        img {
+          max-width: 100%;
+          max-height: 100%;
+        }
       }
     }
     .content_title {
@@ -222,6 +271,9 @@
       span {
         display: inline-block;
         border-bottom: 0.02rem solid;
+      }
+      p {
+        font-size: .16rem;
       }
     }
     .content_title > span::after {
@@ -239,9 +291,6 @@
     }
   }
   @media (max-width: 750px) and (min-width: 0) {
-    .shiyou {
-      width: 4.6rem;
-    }
     .p_txt2 {
       width: 4rem;
       margin: 0 auto;
@@ -270,17 +319,25 @@
       margin: 0.2rem 0;
     }
     .contnt-describe {
-      padding: 0.3rem 0.32rem 0.8rem;
+      padding: 0rem 0.32rem 0.8rem;
       p {
         font-size: 0.24rem;
         font-family: PingFang-SC-Regular;
         font-weight: 400;
         color: rgba(62,62,62,1);
         line-height: 0.44rem;
+        margin-left: 0rem;
+      }
+      .left {
+        padding-top: 0.2rem;
       }
       .right {
         padding-right: 0 !important;
-        margin-top: 0.3rem !important;
+        padding-top: 0.2rem;
+      }
+      p.h3 {
+        font-size: 0.3rem;
+        margin-left: 0;
       }
     }
     .header {

--
Gitblit v1.8.0