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 +++++++++---------------------------------------
1 files changed, 46 insertions(+), 199 deletions(-)
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 {
--
Gitblit v1.8.0