From 55213fd6d8958e922c13e2c50c8423c9e459ede2 Mon Sep 17 00:00:00 2001 From: 明梦爽 <2972214568@qq.com> Date: 星期三, 24 十一月 2021 20:55:42 +0800 Subject: [PATCH] 前台项目基本完成 --- src/components/page/kePuFengCai.vue | 161 ++++++++++++++------ src/views/school.vue | 37 +++- src/views/work.vue | 38 +++- src/components/page/xueShuJiaoLiu.vue | 171 +++++++++++++++------ src/views/notice.vue | 60 +++--- src/components/page/keXieXiangMu.vue | 2 6 files changed, 323 insertions(+), 146 deletions(-) diff --git a/src/components/page/kePuFengCai.vue b/src/components/page/kePuFengCai.vue index c0bdb3d..c098ec2 100644 --- a/src/components/page/kePuFengCai.vue +++ b/src/components/page/kePuFengCai.vue @@ -3,21 +3,53 @@ <el-row> <globalTitle /> </el-row> - - <div> - <el-tabs :tab-position="tabPosition" > - <el-tab-pane label="骞抽《灞卞闄㈢鏅閲�"> - <div v-html="message"></div> - </el-tab-pane> - <el-tab-pane label="骞抽《灞卞競鏀垮崗绉戞櫘娲诲姩" - ><div v-html="message2"></div></el-tab-pane - > - </el-tabs> - </div> + <el-row class="mart10"> + <!-- 灏忔爣棰� --> + <el-col :span="4" class="marr10"> + <ul> + <li + v-for="(item, index) in menuList" + :key="index" + class="liStylenone liPointer marb10" + @click="changeMenu(item)" + > + <b :class="cont == item.categoryName ? 'ft-blue' : 'ft-black'">{{ + item.categoryName + }}</b> + </li> + </ul> + </el-col> + <!-- 鏂伴椈鍐呭 --> + <el-card class="box-card"> + <el-col :span="18"> + <div> + <el-row + class="marb10" + :key="index" + v-for="(item, index) in newsList" + > + {{ item.title }} + </el-row> + </div> + <!-- 鍒嗛〉 --> + <div> + <el-pagination + @current-change="handleCurrentChange" + :current-page.sync="currentPage" + :page-size="20" + layout="total, pager, next" + :total="total" + > + </el-pagination> + </div> + </el-col> + </el-card> + </el-row> </div> </template> <script> import globalTitle from '../globalTitle.vue' +import { getMinTitle, getNewsList } from '../../api/api' export default { name: 'kePuFengCai', components: { @@ -25,49 +57,82 @@ }, data() { return { - tabPosition: 'left' + cont: '', + menuList: [], + newsList: [], + total: 0, + currentPage: 1 } }, - created(){ - this.queryAll(); + created() { + this.getMinTitleList() }, - methods:{ - queryAll(){ - this.message = `<div class="detail_wbtext_4CRf9"><a href="//s.weibo.com/weibo?q=%23%E5%88%9B%E6%96%87%E5%BC%80%E5%B0%81%E5%85%A8%E6%B0%91%E6%80%BB%E5%8A%A8%E5%91%98%23" target="_blank">#鍒涙枃寮�灏佸叏姘戞�诲姩鍛�#</a>銆� 鈥滃垱鏂団�濇爣璇嗙墝浜澶� 浼犻�掓枃鏄庢鑳介噺銆�11鏈�3鏃ワ紝璁拌�呭湪琛楀ご鐪嬪埌锛屽ぇ姊佽矾鏂板涓�澶勨�滃垱鏂団�濇爣璇嗙墝锛屾柊棰栫殑閫犲瀷鍜岀粴涓界殑鑹插僵寮曚汉娉ㄧ洰锛岃甯傛皯鎰熷彈鍒版枃鏄庨灏氱殑鐑疆锛屽苟鏃跺埢鎻愰啋鐫�澶у瑕佹敞閲嶆枃鏄庤涓猴紝鏂囨槑灏卞湪浣犳垜韬竟銆傦紙鍏ㄥ獟浣撹鑰咃細濮滆彙 锛�<a href="//s.weibo.com/weibo?q=%23%E5%BC%80%E5%B0%81%E5%BC%80%E5%B0%81%E5%BC%80%E8%B7%AF%E5%85%88%E9%94%8B%23" target="_blank">#寮�灏佸紑灏佸紑璺厛閿�#</a> 鈥嬧�嬧��</div>` - this.message2 = `<div id="vsb_content_7" class="content-con"><div class="v_news_content"> -<p class="vsbcontent_start">鏍″睘鍚勫崟浣嶏細</p> -<p>涓哄仛濂藉浗瀹惰嚜绉戝熀閲戦」鐩殑鐢虫姤宸ヤ綔锛屽疄鐜板浗瀹惰嚜绉戝熀閲戦」鐩敵鎶ユ暟閲忋�佽川閲忓強绔嬮」鐜囩殑绐佺牬鍜屾彁鍗囷紝鐜板惎鍔ㄦ垜鏍�2022骞村害鍥藉鑷鍩洪噾椤圭洰涓夌骇璁鸿瘉宸ヤ綔锛岀幇灏嗘湁鍏充簨椤瑰畨鎺掑涓嬶細</p> -<p><strong>涓�銆佺敵鎶ュ伐浣滈噸鐐�</strong></p> -<p>1.骞撮緞鍦�35宀佷互涓嬶紙鐢凤級鍜�40宀佷互涓嬶紙濂筹級鍏锋湁鍗氬+瀛︿綅鏁欏笀灏氭湭鑾峰緱鍥藉绾ч」鐩殑鍘熷垯涓婂繀椤荤敵鎶ラ潚骞村熀閲戦」鐩紱鍏朵粬灏氭湭鑾锋壒鍥藉绾ч」鐩殑鍗氬+銆佸壇鏁欐巿銆佹暀鎺堝師鍒欎笂鍙兘鐢虫姤闈笂鍩洪噾椤圭洰鎴栬仈鍚堝熀閲戦」鐩��</p> -<p>2.榧撳姳绗﹀悎鏉′欢鐨勫叾浠栨暀甯堢Н鏋佺敵鎶ヤ笂杩伴」鐩��</p> -<p>3.鍑℃槸閫氳繃鍥藉鍩洪噾濮斿舰寮忓鏌ョ殑椤圭洰鐢虫姤涔︼紝瀵归」鐩敵鎶ヤ汉浜堜互鐩稿簲鐨勭鐮旂Н鍒嗚瀹氥��</p> -<p><strong>浜�</strong><strong>銆侀」鐩敵鎶ヤ功鎾板啓</strong></p> -<p>2021骞�11鏈�25鏃ヤ笅鍗�4鐐瑰墠锛屽悇鍗曚綅鐢虫姤鏁欏笀鍙傜収銆�2021骞村害鍥藉鑷劧绉戝鍩洪噾椤圭洰璇鹃鎸囧崡銆嬪強椤圭洰鐢虫姤瑕佹眰锛岀‘瀹氶�夐锛岀粡杩囪棰樼粍闆嗕腑璁ㄨ锛屾挵鍐欑敵璇蜂功鍒濈銆傝姹傚悇瀛﹂櫌浜�11鏈�25鏃ュ墠灏嗘湰鍗曚綅棰勭敵鎶ョ殑鐢宠涔﹀垵绋垮拰姹囨�昏〃锛屼互鈥滃闄�+2022鍥借嚜绉戝熀閲戦」鐩潗鏂欌�濆懡鍚嶏紝鎵撳寘鍙戣嚦绉戠爺澶勯偖绠眕dsukyc02@126.com锛屽悓鏃剁焊璐ㄧ増1浠戒氦鑷崇鐮斿銆�</p> -<p><strong>涓�</strong><strong>銆佷笁绾ц璇�</strong></p> -<p>1. 椤圭洰缁勫唴閮ㄨ璇侊紙2021骞�11鏈�17鏃モ��2021骞�12鏈�10鏃ワ級</p> -<p>鍚勯」鐩粍缁勭粐鐩稿叧浜哄憳锛屽鎵�鐢虫姤鍩洪噾璇鹃鍒濈杩涜鍐呴儴璁鸿瘉銆傚悇椤圭洰璐熻矗浜烘牴鎹」鐩粍璁鸿瘉鎰忚璁ょ湡淇敼瀹屽杽鐢宠涔︼紝褰㈡垚銆婄敵璇蜂功銆嬪垵绋垮苟鎻愪氦銆婁簩绾у闄㈣璇佹儏鍐佃〃銆�1浠姐��</p> -<p>2. 浜岀骇瀛﹂櫌璁鸿瘉锛�2021骞�12鏈�11鏃モ��2022骞�1鏈�1鏃ワ級</p> -<p>鍚勪簩绾у闄㈤個璇蜂笉浣庝簬5鍚嶇浉鍏冲绉戦鍩熺殑鏍″鐭ュ悕鍩洪噾涓撳杩涜璁鸿瘉锛岀敵璇蜂汉鍚戜笓瀹惰繘琛孭PT姹囨姤锛屾牴鎹笓瀹舵彁鍑虹殑鎰忚锛岃鐪熶慨鏀瑰畬鍠勶紝褰㈡垚銆婄敵璇蜂功銆嬩簩绋裤�傚悇浜岀骇瀛﹂櫌浜�2022骞�1鏈�1鏃ュ墠鍚戠鐮斿鎶ラ�佺焊璐ㄧ増銆�2022骞村害鍥藉鑷鍩洪噾椤圭洰鐢虫姤姹囨�昏〃銆嬶紙<strong>鏍规嵁涓撳鎰忚鎺掑簭</strong>锛夊強銆婁簩绾у闄㈣璇佹儏鍐佃〃銆嬪悇1浠斤紙鍗曚綅鐩栫珷锛岃礋璐d汉绛惧瓧锛夈��</p> -<p>3. 瀛︽牎璁鸿瘉锛�2022骞�1鏈�2鏃モ��2022骞�1鏈�15鏃ワ級</p> -<p>鍚勪簩绾у闄簬2022骞�1鏈�2鏃ュ墠锛屽悜绉戠爺澶勬姤閫�<strong>绾歌川鐗堛�婄敵璇蜂功銆�</strong><strong>5</strong><strong>浠�</strong><strong>锛岀數瀛愮増鍙戦�佽嚦</strong>閭<strong>pdsukyc0</strong><strong>2</strong><strong>@126.com</strong>銆傜鐮斿閭�璇锋牎澶栫浉鍏充笓瀹讹紝瀵圭敵璇蜂功杩涜璁鸿瘉銆傜敵璇蜂汉鏍规嵁鏍″涓撳璇勫璁鸿瘉鎰忚锛屽厖鍒嗗埄鐢ㄥ瘨鍋囨椂闂磋鐪熶慨鏀瑰畬鍠勭敵璇蜂功锛屽舰鎴愩�婄敵璇蜂功銆嬩笁绋裤��</p> -<p><strong>鍥�</strong><strong>銆佸舰寮忓鏌ュ強瀹氱鏉愭枡鎶ラ��</strong></p> -<p>1.2022骞村厓鏈堜腑鏃紝鑷劧绉戝鍩洪噾濮斿彂甯�2022骞存渶鏂扮敵鎶ユ寚鍗楀悗锛岀敵璇蜂汉璁ょ湡鐮旇銆�2022骞村害鍥藉鑷劧绉戝鍩洪噾椤圭洰鎸囧崡銆嬶紝璇︾粏浜嗚В2022骞村浗瀹惰嚜鐒剁瀛﹀熀閲戦」鐩敵鎶ヨ姹傘�佹斂绛栧彉鍖栧強鐩稿叧娉ㄦ剰浜嬮」锛屽苟鐧诲綍鍥藉鑷劧绉戝鍩洪噾缃戠粶淇℃伅绯荤粺锛屾寜鐓у悇绫诲瀷椤圭洰鐨勬挵鍐欐彁绾插強鐩稿叧瑕佹眰鎾板啓鐢宠涔︺��</p> -<p>2. 椤圭洰鐢宠浜哄姟蹇呭鐓с��2022骞村熀閲戦」鐩敵璇蜂功濉啓娉ㄦ剰浜嬮」銆嬶紝瀵圭敵璇蜂功杩涜閫愰」瀹℃煡锛屽~鍐欍��2022骞村浗瀹惰嚜鐒剁瀛﹀熀閲戦」鐩敵璇蜂功褰㈠紡瀹℃煡琛ㄣ�嬶紝瀹屾垚褰㈠紡涓�瀹°��</p> -<p>3. 鐢宠浜哄畬鎴愮敵璇蜂功鎾板啓鍚庯紝鍦ㄧ嚎鎻愪氦鐢靛瓙鐢宠涔﹀強闄勪欢鏉愭枡銆傜敵璇锋潗鏂欎腑鎵�闇�鐨勯檮浠舵潗鏂欙紝鍏ㄩ儴浠ョ數瀛愭壂鎻忎欢涓婁紶銆�</p> -<p>4. 鍚勫崟浣嶄富绠¤礋璐d汉銆佹暀绉戝姙缁勭粐鍔涢噺锛屾牴鎹�婃寚鍗椼�嬪強褰㈠紡瀹℃煡瑕佹眰锛屽鏈崟浣嶆墍鏈夊浗鍩洪噾鐢宠涔︾粺涓�杩涜褰㈠紡浜屽锛屽苟濉啓銆婂闄㈠鏍告壙璇轰功銆嬪拰鐢虫姤椤圭洰姹囨�昏〃锛岀敵璇蜂汉鐨勩�婂舰寮忓鏌ヨ〃銆嬬暀鍚勫崟浣嶅鏌ャ�傚悇瀛﹂櫌瀹℃牳鎵胯涔︺�佹眹鎬昏〃涓婂潎闇�鍗曚綅涓荤璐熻矗浜虹瀛楀苟鍔犵洊鍗曚綅鍏珷銆�</p> -<p>5. 2022骞�3鏈�6鏃�-8鏃ュ悇浜岀骇瀛﹂櫌灏嗗浗瀹惰嚜绉戝熀閲戦」鐩敵璇蜂功1浠斤紝涓荤闄㈤暱绛惧瓧骞剁洊绔犵殑椤圭洰瀹℃牳鎵胯涔﹀拰椤圭洰鐢虫姤姹囨�昏〃1浠芥姤閫佺鐮斿锛岀鐮斿灏嗙粺涓�杩涜褰㈠紡涓夊銆傜數瀛愮増涓汉銆婂舰寮忓鏌ヨ〃銆嬩互瀛﹂櫌涓哄崟浣嶇粺涓�鍙戦�侀偖绠便��</p> -<p><strong>浜斻�佺浉鍏宠姹�</strong></p> -<p>1.鍚勪簩绾у闄㈣楂樺害閲嶈銆傜Н鏋佺粍缁囨湰鍗曚綅鏁欏笀瀛︿範銆婂浗瀹惰嚜鐒剁瀛﹀熀閲戦」鐩寚鍗椼�嬶紝涓ユ牸鎸夌収鏈夊叧鐢宠浜虹殑鏉′欢瑕佹眰鍙婇檺椤硅姹傦紝璁ょ湡缁勭粐鎾板啓鐢宠涔︼紝閭�璇锋牎鍐呭涓撳鍏呭垎璁鸿瘉銆�</p> -<p>娌℃湁鐢虫姤甯愬彿鐨勬暀鑱屽伐锛岃鍙婃椂鑱旂郴绉戠爺澶勫紑閫氬笎鍙枫��</p> -<p>2.鍧氬喅鏉滅粷鍚勭绉戠爺涓嶇琛屼负銆傚悇椤圭洰鐢虫姤浜哄鎵�鎻愪氦鐢宠鏉愭枡鐨勫師鍒涙�ц礋璐o紱涓嶅緱灏嗗唴瀹圭浉鍚屾垨鐩歌繎鐨勯」鐩紝浠ヤ笉鍚岀被鍨嬮」鐩悜鍚屼竴绉戝閮ㄦ垨涓嶅悓绉戝閮ㄧ敵璇凤紱涓嶅緱灏嗗唴瀹圭浉鍚屾垨鐩歌繎鐨勯」鐩紝閫氳繃涓嶅悓渚濇墭鍗曚綅鎴栦互涓嶅悓鐢宠浜虹殑鍚嶄箟鎻愬嚭鐢宠锛涗笉寰楀皢宸茶幏璧勫姪椤圭洰閲嶆柊鐢宠璧勫姪銆�</p> -<p>鑱旂郴 浜猴細鏉ㄩ敠浼� 鑱旂郴鐢佃瘽锛�2657757</p> -<p>鎶ラ�佸湴鐐癸細鍔炲叕妤�330鎴块棿</p> -<p style="text-align: right;">绉戠爺澶勶紙鐮旂┒鐢熷伐浣滃锛�</p> -<p class="vsbcontent_end">2021骞�11鏈�16鏃�</p> -</div></div>` + mounted() {}, + watch: { + menuList(newval, oldval) { + this.getAllNewsList(this.menuList[0]) + this.cont = this.menuList[0].categoryName + } + }, + methods: { + handleCurrentChange(val) { + console.log(`褰撳墠椤�: ${val}`) + }, + changeMenu(val) { + this.getAllNewsList(val) + this.cont = val.categoryName + }, + getMinTitleList() { + const data = { + contypeId: this.$route.query.id, + p: 1 + } + getMinTitle(data) + .then((res) => { + console.log('res', res) + if (res.code == 200) { + this.menuList = res.data.records + } + }) + .catch((err) => { + console.log('err', err) + }) + }, + getAllNewsList(item) { + const data = { + categoryId: item.id, + contypeId: item.contypeId, + p: this.currentPage + } + getNewsList(data) + .then((res) => { + console.log('res', res) + if (res.code == 200) { + this.newsList = res.data.records + this.total = Number(res.data.total) + } + }) + .catch((err) => { + console.log('err', err) + }) } } } </script> <style lang="less" scoped> +ul { + width: 200px; + li { + background-color: rgb(242, 243, 245); + height: 50px; + line-height: 50px; + text-align: center; + } +} +.ft-blue { + color: rgb(9, 143, 252); +} +.ft-black { + color: #000; +} </style> diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue index 930f999..429b27c 100644 --- a/src/components/page/keXieXiangMu.vue +++ b/src/components/page/keXieXiangMu.vue @@ -1,7 +1,7 @@ <template> <div> <globalTitle /> - <div > + <div> <!-- 椤圭洰灞曠ず鍖� --> <el-table :data="tableData" style="width: 100%" border stripe> <el-table-column diff --git a/src/components/page/xueShuJiaoLiu.vue b/src/components/page/xueShuJiaoLiu.vue index b13e877..3e0aad4 100644 --- a/src/components/page/xueShuJiaoLiu.vue +++ b/src/components/page/xueShuJiaoLiu.vue @@ -1,68 +1,141 @@ <template> <div> - <globalTitle /> - - <el-tabs :tab-position="tabPosition" style="height: 400px; width=500px"> - <el-tab-pane label="瀛︽湳淇℃伅"> - <template> - <el-table :data="xueshuData" style="width: 100%"> - <el-table-column prop="date" label="瀛︽湳淇℃伅" width=""> - </el-table-column> - </el-table> - </template> - </el-tab-pane> - <el-tab-pane label="绉戞妧绔炶禌"> - <template> - <el-table :data="kejiData" style="width: 100%"> - <el-table-column prop="date" label="绉戞妧绔炶禌" width=""> - </el-table-column> - </el-table> - </template> - </el-tab-pane> - </el-tabs> + <el-row> + <globalTitle /> + </el-row> + <el-row class="mart10"> + <!-- 灏忔爣棰� --> + <el-col :span="4" class="marr10"> + <ul> + <li + v-for="(item, index) in menuList" + :key="index" + class="liStylenone liPointer marb10" + @click="changeMenu(item)" + > + <b :class="cont == item.categoryName ? 'ft-blue' : 'ft-black'">{{ + item.categoryName + }}</b> + </li> + </ul> + </el-col> + <!-- 鏂伴椈鍐呭 --> + <el-card class="box-card"> + <el-col :span="18"> + <div> + <el-row + class="marb10" + :key="index" + v-for="(item, index) in newsList" + > + {{ item.title }} + </el-row> + </div> + <!-- 鍒嗛〉 --> + <div> + <el-pagination + @current-change="handleCurrentChange" + :current-page.sync="currentPage" + :page-size="20" + layout="total, pager, next" + :total="total" + > + </el-pagination> + </div> + </el-col> + </el-card> + </el-row> </div> </template> <script> import globalTitle from '../globalTitle.vue' +import { getMinTitle, getNewsList } from '../../api/api' export default { components: { globalTitle }, name: 'xueShuJiaoLiu', data() { return { - tabPosition: 'left', - xueshuData: [ - { - date: '甯傛斂鍗忓壇涓诲腑鐜嬭憲涓�琛屾潵鎴戞牎鑰冨療璋冪爺', - }, - { - date: '閮戝窞澶у鍗氬+鐢熷甯堝垬蹇椾紵鏁欐巿鏉ユ垜鏍¤瀛�', - }, - { - date: '鍗椾含澶у鍗氬+鐢熷甯堢繜鍥芥柟鏁欐巿鏉ユ垜鏍¤瀛�', - }, - { - date: '鍗庝腑绉戞妧澶у鍗氬+鐢熷甯堝緪鏅撴灄鍙楄仒鎴戞牎鐗硅仒鏁欐巿', - } - ], - kejiData: [ - { - date: '鎴戞牎椴查箯浜т笟瀛﹂櫌鍦ㄦ渤鍗楃渷椴查箯浜т笟瀛﹂櫌寤鸿鑰冩牳涓幏寰椾紭绉�', - }, - { - date: '2021绾т复搴婂尰瀛︽湰绉戠敓瀛︿笟瀵煎笀鍙婄彮涓讳换鑱樹换浠紡涓捐', - }, - { - date: '鎴戞牎绗崄涓�娆″鐢熶唬琛ㄥぇ浼氫妇琛�', - }, - { - date: '娌冲崡鐪侀珮绛夋暀鑲插浜嬪伐浣滀笟鍔″煿璁細鍦ㄦ垜鏍″彫寮�', - } - ] + cont: '', + menuList: [], + newsList: [], + total: 0, + currentPage: 1 + } + }, + created() { + this.getMinTitleList() + }, + mounted() {}, + watch: { + menuList(newval, oldval) { + this.getAllNewsList(this.menuList[0]) + this.cont = this.menuList[0].categoryName + } + }, + methods: { + handleCurrentChange(val) { + console.log(`褰撳墠椤�: ${val}`) + }, + //鏀瑰彉 灏忔爣棰樿幏鍙栦笉鍚岀殑鏂伴椈鍐呭 + changeMenu(val) { + this.getAllNewsList(val) + this.cont = val.categoryName + }, + //鑾峰彇灏忔爣棰樺垪琛� + getMinTitleList() { + const data = { + contypeId: this.$route.query.id, + p: 1 + } + getMinTitle(data) + .then((res) => { + console.log('res', res) + if (res.code == 200) { + this.menuList = res.data.records + } + }) + .catch((err) => { + console.log('err', err) + }) + }, + //鑾峰彇鏂伴椈鍒楄〃 + getAllNewsList(item) { + const data = { + categoryId: item.id, + contypeId: item.contypeId, + p: this.currentPage + } + getNewsList(data) + .then((res) => { + console.log('res', res) + if (res.code == 200) { + this.newsList = res.data.records + this.total = Number(res.data.total) + } + }) + .catch((err) => { + console.log('err', err) + }) } } } </script> <style lang="less" scoped> +ul { + width: 200px; + li { + background-color: rgb(242, 243, 245); + height: 50px; + line-height: 50px; + text-align: center; + } +} +.ft-blue { + color: rgb(9, 143, 252); +} +.ft-black { + color: #000; +} </style> \ No newline at end of file diff --git a/src/views/notice.vue b/src/views/notice.vue index 23866f6..23c8736 100644 --- a/src/views/notice.vue +++ b/src/views/notice.vue @@ -1,12 +1,14 @@ <template> <div> + <!-- 閫氱煡鍏憡瀵艰埅鏉� --> <el-row type="flex" class="row-bg underline marb10" justify="space-between"> <span class="color"><b>閫氱煡鍏憡</b></span> <span @click="goMore('閫氱煡鍏憡')" class="liPointer"> 鏇村<i class="el-icon-d-arrow-right"></i> </span> </el-row> - <div> + <!-- 閫氱煡鍏憡鏂伴椈鍒楄〃 --> + <div style="max-height:382px;overflow:hidden;"> <ul> <li class="lieBiao liPointer" @@ -14,14 +16,11 @@ v-for="(item, index) in noticeList" > <div class="time"> - <!-- <span>{{ item.categoryId }}</span> - <span>{{ item.contypeId }}</span> --> - - <span>{{ item.years }}</span> - <span>{{ item.date }}</span> + <span>{{ item.contypeId }}</span> + <span>{{ item.categoryId }}</span> </div> - <div class="title" @click="toNoticeMsg(item.title)"> - {{ item.title }} + <div class="title" @click="toNoticeMsg(item.title,item.id)"> + {{ item.dataString }} </div> </li> </ul> @@ -29,43 +28,46 @@ </div> </template> <script> +import {getNewsList} from '../api/api' export default { name: 'notice', data() { return { noticeList: [ - {years:'2021',date:'11-17',title:'骞抽《灞卞闄㈤珮灞傛浜烘墠鎷涜仒鍏憡'}, - {years:'2021',date:'11-17',title:'鍏充簬寮�灞曗�滄垜涓哄鏍♀�樺崄鍥涗簲鈥欒鍒掑缓瑷�鐚瓥鈥濇椿鍔ㄧ殑閫氱煡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄㈠強闄勫睘鍙h厰鍖婚櫌鎷涜仒鍙h厰鍖诲涓撲笟浜烘墠鍏憡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄�2020-2021瀛﹀勾鏈鏁欏璐ㄩ噺鎶ュ憡'}, - {years:'2021',date:'11-17',title:'鍏充簬鎺ㄨ崘鍏ㄧ渷楂樻牎瀛︾敓宸ヤ綔涓撳搴撲笓瀹剁殑閫氱煡'}, - {years:'2021',date:'11-17',title:'骞抽《灞卞闄�2022灞婃瘯涓氱敓鍐缃戠粶瑙嗛鍙岄�変細閭�璇峰嚱'}, ] - - // { - // categoryId: 1, - // contypeId: 2, - // coverPath: '13', - // dataString: '123', - // title:"12" - // } } }, created() { - // getnews() { - // const res = this.$http.post('newsTheme/insert',this.noticeList) - // console.log(res); - // } + this.getnews(); }, methods: { - toNoticeMsg(t) { + //鑾峰彇鏂伴椈鍒楄〃 + getnews() { + const data = { + categoryId: 1,//灏忔爣棰業D + contypeId: 2,//澶ф爣棰業D + p: 0//褰撳墠椤� + }; + getNewsList(data).then(res => { + console.log('res',res); + if(res.code == 200){ + this.noticeList = res.data.records + } + }).catch(err => { + console.log('err',err); + }) + }, + // 鍘诲埌鏂伴椈灞曠ず椤� + toNoticeMsg(t,id) { this.$router.push({ path: '/home/noticeMessage', query: { - title: t + title: t, + id:id } }) }, + //鍘诲埌鏇村鏂伴椈鍒楄〃椤� goMore(val) { this.$router.push({ path: '/home/moreMessage', @@ -96,7 +98,7 @@ display: flex; // line-height: 20px; flex-direction: column; - padding: 8px ; + padding: 8px; background-color: rgb(1, 72, 153); color: white; text-align: center; diff --git a/src/views/school.vue b/src/views/school.vue index 6dfc462..9e2a0af 100644 --- a/src/views/school.vue +++ b/src/views/school.vue @@ -2,35 +2,53 @@ <div> <el-row type="flex" justify="space-between" class="underline"> <span class="color"><b>瀛﹂櫌鍔ㄦ��</b></span> - <span @click="goMore('瀛﹂櫌鍔ㄦ��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span> + <span @click="goMore('瀛﹂櫌鍔ㄦ��')" class="liPointer" + >鏇村<i class="el-icon-d-arrow-right"></i> + </span> </el-row> - <div> + <div style="max-height:420px;overflow:hidden;"> <ul> <li :key="index" v-for="(item, index) in schoolList" class="liPointer"> <!-- <a href="item.path"> {{ item.title }} </a> --> <!-- <router-link :to="{name:'schoolMessage',params:{id:item.id}}" >{{ item.title }} </router-link> --> - <div @click="toSchoolMsg(item.title)" class="bgc mart10"> {{ item.title }} </div> + <div @click="toSchoolMsg(item.title)" class="bgc mart10"> + {{ item.title }} + </div> </li> </ul> </div> </div> </template> <script> +import {getNewsList} from '../api/api' export default { name: 'school', data() { return { schoolList: [ - { id: '1',title: '娌冲崡鐪佺敓鎬佺粡娴庡瀷鏈ㄦ湰妞嶇墿绉嶈川鍒涙柊涓庡埄鐢ㄩ噸鐐瑰疄楠屽寤鸿椤圭洰' }, - { id: '2',title: '骞抽《灞卞闄㈡櫤鎱ф牎鍥蒋浠跺強瀹為獙瀹ょ鐞嗗钩鍙颁簩鏈�' }, - { id: '3',title: '骞抽《灞卞闄㈡柊宸ョ瀹炶妤煎拰浜ф暀铻嶅悎瀹炶妤煎叏杩囩▼璺熻釜瀹¤鏈嶅姟' }, - { id: '4',title: '骞抽《灞卞闄㈡櫤鎱ф牎鍥患鍚堜笟鍔℃湇鍔$郴缁燂紙涓�鏈燂級' }, - { id: '5',title: '骞抽《灞卞闄�2021-2022绗簩瀛︽湡鍖荤敤浣庡�兼槗鑰楀搧閲囪喘椤圭洰鍏憡' }, - { id: '6',title: '骞抽《灞卞闄㈣蒋浠跺疄楠屽纭洏閲囪喘椤圭洰绔炰簤鎬ц皥鍒ゅ叕鍛�' } ] } }, + created() { + this.getnews() + }, methods:{ + getnews(){ + const data = { + categoryId: 1, + contypeId: 2, + p: 0 + } + getNewsList(data).then(res => { + console.log('res',res); + if(res.code == 200){ + this.schoolList = res.data.records + } + }).catch(err => { + console.log('err',err); + }) + }, + //鍓嶅線鏇村淇℃伅椤甸潰 goMore(val){ this.$router.push({ path:'moreMessage', @@ -39,6 +57,7 @@ } }) }, + //鍓嶅線淇℃伅灞曠ず椤甸潰 toSchoolMsg(t) { this.$router.push({ path: 'schoolMessage', diff --git a/src/views/work.vue b/src/views/work.vue index c89faca..1b4b51f 100644 --- a/src/views/work.vue +++ b/src/views/work.vue @@ -2,33 +2,51 @@ <div> <el-row type="flex" justify="space-between" class="underline"> <span class="color"><b>宸ヤ綔鍔ㄦ��</b></span> - <span @click="goMore('宸ヤ綔鐘舵��')" class="liPointer">鏇村<i class="el-icon-d-arrow-right"></i> </span> + <span @click="goMore('宸ヤ綔鐘舵��')" class="liPointer" + >鏇村<i class="el-icon-d-arrow-right"></i> + </span> </el-row> - <div> + <div style="max-height:420px;overflow:hidden;"> <ul> <li :key="index" v-for="(item, index) in workList" class="liPointer"> - <div @click="toWorkMsg(item.title)" class="bgc mart10"> {{ item.title }} </div> + <div @click="toWorkMsg(item.title)" class="bgc mart10"> + {{ item.dataString }} + </div> </li> </ul> </div> </div> </template> <script> +import {getNewsList} from '../api/api' export default { name:'work', data(){ return{ - workList: [ - { id:'1', title: '鍏充簬鍋氬ソ2022骞村害鍥藉鑷鍩洪噾椤圭洰涓夌骇璁鸿瘉宸ヤ綔鐨勯�氱煡' }, - { id:'2', title: '鍏充簬缁勭粐鐢虫姤娌冲崡鐪佺豢鑹叉妧鏈垱鏂扮ず鑼冨熀鍦扮殑閫氱煡' }, - { id:'3', title: '鍏充簬鍋氬ソ2022骞村害鍥藉绀剧鍩洪噾椤圭洰涓夌骇璁鸿瘉宸ヤ綔鐨勯�氱煡' }, - { id:'4', title: '鍏充簬缁勭粐鐢虫姤娌冲崡鐪佺鍗�2022骞村害娌冲崡绉戞妧鏅哄簱璋冪爺璇鹃鐨勯�氱煡' }, - { id:'5', title: '鍏充簬缁勭粐鐢虫姤棣栨壒娌冲崡绉戞妧鏅哄簱鐮旂┒鍩哄湴鐨勯�氱煡' }, - { id:'6', title: '鍏充簬鐢虫姤娌冲崡鐪佽秴澹版妧鏈簲鐢ㄥ伐绋嬬爺绌朵腑蹇�2021骞村害寮�鏀惧熀閲�.....' }, + workList: [ ] } }, + created() { + this.getnews(); + }, methods:{ + //鑾峰彇鏂伴椈鍒楄〃 + getnews() { + const data = { + categoryId: 2,//灏忔爣棰業D + contypeId: 2,//澶ф爣棰業D + p: 0//褰撳墠椤� + }; + getNewsList(data).then(res => { + console.log('res',res); + if(res.code == 200){ + this.workList = res.data.records + } + }).catch(err => { + console.log('err',err); + }) + }, toWorkMsg(t) { this.$router.push({ path:'/home/workMessage', -- Gitblit v1.8.0