头、脚、首页数据展示
This commit is contained in:
wangyan
parent
3df955b2c1
commit
639bb89e65
|
|
@ -1,20 +1,65 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="yqlj">
|
||||||
|
<div class="yqljbox clearfloat">
|
||||||
|
<h4 class="left">友情链接</h4>
|
||||||
|
<ul class="left">
|
||||||
|
<li>
|
||||||
|
<select>
|
||||||
|
<option value ="国家部委">国家部委</option>
|
||||||
|
<option value ="国家部委">发展发改委</option>
|
||||||
|
<option value ="国家部委">科技部</option>
|
||||||
|
<option value ="国家部委">工业和信息化部</option>
|
||||||
|
<option value ="国家部委">财政部</option>
|
||||||
|
<option value ="国家部委">人力资源社会保障部</option>
|
||||||
|
</select>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<select>
|
||||||
|
<option value ="国家部委">省政府部门</option>
|
||||||
|
<option value ="国家部委">省发展改革委</option>
|
||||||
|
<option value ="国家部委">省教育厅</option>
|
||||||
|
<option value ="国家部委">省科学技术厅</option>
|
||||||
|
<option value ="国家部委">省工业和信息化厅</option>
|
||||||
|
<option value ="国家部委">省民族事务委员会</option>
|
||||||
|
</select>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<select>
|
||||||
|
<option value ="国家部委">全国各省（市）农业网站</option>
|
||||||
|
<option value ="国家部委">北京市农业农村局</option>
|
||||||
|
<option value ="国家部委">天津市农业农村委员会</option>
|
||||||
|
<option value ="国家部委">山西省农业农村厅</option>
|
||||||
|
<option value ="国家部委">辽宁省农业农村厅</option>
|
||||||
|
<option value ="国家部委">黑龙江省农业农村厅</option>
|
||||||
|
</select>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="footerbox clearfloat">
|
<div class="footerbox clearfloat">
|
||||||
<div class="footL left clearfloat">
|
<div class="ftl left"><img src="img/red.png" ></div>
|
||||||
<div class="ttup left">
|
<div class="ftr left"><img src="img/cuo.png" ></div>
|
||||||
<img :src="$tImg(commonData,'footerLogoUrl')">
|
<div class="ftm left">
|
||||||
|
<div style="color: #FFFFFF;">
|
||||||
|
版权所有：吉林省农业资源信息平台
|
||||||
</div>
|
</div>
|
||||||
<div class="ttdown left">
|
<div style="color: #FFFFFF;">
|
||||||
<span>{{$t('common.copyright')}}{{$tf(commonData,'copyright')}}</span>
|
技术支持：长春市千鸟科技发展有限公司
|
||||||
<span>{{$t('common.mailbox')}}{{$tf(commonData,'mailbox')}}</span>
|
</div>
|
||||||
<span>{{$t('common.address')}}{{$tf(commonData,'address')}}</span>
|
<div>
|
||||||
<span>{{$t('common.recordNumber')}}{{$tf(commonData,'recordNumber')}}</span>
|
<span>地址：长春市人民大街1486号</span>
|
||||||
|
<span>联系方式：0431－88906486</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>备案号：吉ICP备05001602号</span>
|
||||||
|
<span>
|
||||||
|
<span style="margin: 5px 5px 0 0;"><img src="img/gawzba.png" ></span>
|
||||||
|
吉公网安备公安备案号：22010402000688
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footR right">
|
|
||||||
<span style="margin-bottom: 6px;">{{$t('common.wechat')}}</span>
|
|
||||||
<span><img :src="$tImg(commonData,'wechatUrl')" ></span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,150 +1,278 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- banner -->
|
<div class="ban"></div>
|
||||||
<!-- <div class="banner" id="banner" > -->
|
|
||||||
<!-- <a v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex" href="javascript:void(0);" class="d1" :style="`background:url(${$tImg(lbt,'cover')}) center no-repeat;`"></a> -->
|
|
||||||
<!-- <a href="" class="d1" style="background:url(img/banner1.png) center no-repeat;"></a> -->
|
|
||||||
<!-- <a href="" class="d1" style="background:url(img/banner.png) center no-repeat;"></a> -->
|
|
||||||
<!-- <div class="d2" id="banner_id"> -->
|
|
||||||
<!-- <ul> -->
|
|
||||||
<!-- <li v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex"></li> -->
|
|
||||||
<!-- </ul> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
|
|
||||||
|
|
||||||
<el-carousel :height="carouselHeight" @change="changeCarouselHeight">
|
|
||||||
<el-carousel-item v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
|
||||||
<div class="banner" @click="$to('detailedPage',{id:lbt.id})">
|
|
||||||
<img class="d1" style="width: 100%;height:100%;" :src="$tImg(lbt,'cover')"/>
|
|
||||||
</div>
|
|
||||||
</el-carousel-item>
|
|
||||||
</el-carousel>
|
|
||||||
<!-- banner -->
|
|
||||||
<div class="contant">
|
<div class="contant">
|
||||||
<div class="PageOne">
|
<div class="PageBox">
|
||||||
<div class="OneUp clearfloat">
|
<div class="scrollbox cl">
|
||||||
<div class="OneUpL left">
|
<div class="scroltit">
|
||||||
<!-- <span class="OneImg"><img src="img/gzdt_tu1.png" ></span> -->
|
<small id="but_up"><img src="img/icon6.png"></small>
|
||||||
<!-- <span class="OneTxt">WORK DYNAMICS</span> -->
|
<small id="but_down"><img src="img/icon6_1.png"></small>
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
|
||||||
<div class="OneTxt2_txt">{{$t('common.workDynamics')}}</div>
|
|
||||||
<div class="OneTxt2_back"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<a href="javascript:void(0):" class="OneUpR right" @click="$to('listPage',{pid:'1',id:'2'})">{{$t('common.more')}}></a>
|
<!-- 头条 -->
|
||||||
</div>
|
<div id="scrollDiv">
|
||||||
<div class="OneDown">
|
|
||||||
<ul class="clearfloat">
|
|
||||||
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex">
|
|
||||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:gzdt.id})">
|
|
||||||
<span class="OneDownImg"><img :src="$tImg(gzdt,'cover')" ></span>
|
|
||||||
<div class="OneDownbox clearfloat">
|
|
||||||
<div class="OneDate left">
|
|
||||||
<span class="span1">{{getDay(gzdt.updateTime || gzdt.createTime)}}</span>
|
|
||||||
<span class="span2">{{getYearAndMonth(gzdt.updateTime || gzdt.createTime)}}</span>
|
|
||||||
</div>
|
|
||||||
<div class="OneCont right">
|
|
||||||
<h3 class="elli">{{$tf(gzdt,'title')}}</h3>
|
|
||||||
<div class="heng"></div>
|
|
||||||
<p>{{$tfnm(gzdt,'content',55)}}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="PageTwo">
|
|
||||||
<div class="PageTwoBox clearfloat">
|
|
||||||
<div class="TwoL left">
|
|
||||||
<div class="OneUp clearfloat">
|
|
||||||
<div class="OneUpL left">
|
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_2.png" ></span> -->
|
|
||||||
<!-- <span class="OneTxt">NOTICE</span> -->
|
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
|
||||||
<div class="OneTxt2_txt">{{$t('common.notice')}}</div>
|
|
||||||
<div class="OneTxt2_back"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<a href="javascript:void(0);" class="OneUpR right" @click="$to('listPage',{pid:'1',id:'3'})">{{$t('common.more')}}></a>
|
|
||||||
</div>
|
|
||||||
<div class="TwoLDown">
|
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(tzgg,tzggIndex) in tzggList" :key="tzggIndex">
|
<li v-for="(tt,ttIndex) in ttList" :key="ttIndex">
|
||||||
<a href="javascript:void(0);" class="TwoLDownbox clearfloat" @click="$to('detailedPage',{id:tzgg.id})">
|
<a href="xiangqer.html">
|
||||||
<div class="TwoLDate left">
|
<h2>{{tt.title}}</h2>
|
||||||
<span class="Date1">{{getDay(tzgg.updateTime || tzgg.createTime)}}</span>
|
<p class="elli">{{tt.content}}</p>
|
||||||
<span class="Date2">{{getYearAndMonth(tzgg.updateTime || tzgg.createTime)}}</span>
|
|
||||||
</div>
|
|
||||||
<div class="TwoLCont right">
|
|
||||||
<h3 class="elli">{{$tf(tzgg,'title')}}</h3>
|
|
||||||
<p>{{$tfnm(tzgg,'content',84)}}</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="TwoR right">
|
<div class="PageOne clearfloat">
|
||||||
<div class="OneUp clearfloat">
|
<div class="PageOneL left">
|
||||||
<div class="OneUpL">
|
<div id="inlunbo" class="pos1">
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_3.png" ></span> -->
|
<ul id="inlunone">
|
||||||
<!-- <span class="OneTxt">FAST GUID</span> -->
|
<li class="lunactive" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
<!-- <a href="javascript:;"><img :src='${lbt.cover}'></a> -->
|
||||||
<div class="OneTxt2_txt">{{$t('common.fastGuid')}}</div>
|
<a href="javascript:;"><img :src="$tImg(lbt,'cover')"></a>
|
||||||
<div class="OneTxt2_back"/>
|
<div class="luntxt">
|
||||||
</span>
|
<a href="" class="ltxta elli">{{lbt.title}}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="TwoRDown">
|
|
||||||
<a v-for="(linksKsdh,linksKsdhIndex) in linksKsdhList" :key="linksKsdhIndex" href="javascript:void(0);" @click="window.open($tf(linksKsdh,'url'))" :style="linksKsdhIndex==0?'display: block;margin-bottom: 22px;':''"><img :src="$tImg(linksKsdh,'logo')"></a>
|
|
||||||
<!-- <a href="" class=""><img src="img/tzgg_5.png" ></a> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="PageThree">
|
|
||||||
<div class="OneUp clearfloat">
|
|
||||||
<div class="OneUpL">
|
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_4.png" ></span> -->
|
|
||||||
<!-- <span class="OneTxt">LINK</span> -->
|
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
|
||||||
<div class="OneTxt2_txt">{{$t('common.link')}}</div>
|
|
||||||
<div class="OneTxt2_back"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ThreeDown">
|
|
||||||
<div id="marquee1" class="marqueeleft">
|
|
||||||
<div style="width: 1264px;">
|
|
||||||
<!-- <vue-seamless-scroll class="seamless-warp" :direction="2">
|
|
||||||
<ul id="marquee1_1">
|
|
||||||
<li v-for="(linksYqlj,linksYqljIndex) in linksYqljList" :key="linksYqljIndex">
|
|
||||||
<span class="pic" href="javascript:void(0);" @click="window.open($tf(linksYqlj,'url'))"><img width="120" height="120" :src="$tImg(linksYqlj,'logo')"></span>
|
|
||||||
</li>
|
</li>
|
||||||
|
<!-- <li class="lunactive">
|
||||||
|
<a href="javascript:;"><img src="img/tu1.png"></a>
|
||||||
|
<div class="luntxt">
|
||||||
|
<a href="" class="ltxta elli">省委专题会议：努力把人参产业打造成为千亿级优势产业</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;"><img src="img/tu5.png"></a>
|
||||||
|
<div class="luntxt">
|
||||||
|
<a href="" class="ltxta elli">王喜东局长深入亚泰集团走访调研王喜东局长深入亚泰集团走访调研</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;"><img src="img/tu6.png"></a>
|
||||||
|
<div class="luntxt">
|
||||||
|
<a href="" class="ltxta elli">王喜东局长深入亚泰集团走访调研王喜东局长深入亚泰集团走访调研</a>
|
||||||
|
</div>
|
||||||
|
</li> -->
|
||||||
</ul>
|
</ul>
|
||||||
</vue-seamless-scroll> -->
|
<ul id="inluntwo">
|
||||||
<vue-seamless-scroll
|
<li class="lunactive">1</li>
|
||||||
:data="linksYqljList"
|
<li>2</li>
|
||||||
:class-option="classOption"
|
<li>3</li>
|
||||||
class="warp"
|
</ul>
|
||||||
ref="wss"
|
</div>
|
||||||
:maxWidth="1264"
|
</div>
|
||||||
>
|
<div class="PageOneR right">
|
||||||
<ul id="marquee1_1">
|
<div id="menu">
|
||||||
<li v-for="(linksYqlj,linksYqljIndex) in linksYqljList" :key="linksYqljIndex" :title="$tf(linksYqlj,'title')">
|
<div class="PageOneRUp">
|
||||||
<span class="pic" href="javascript:void(0);" @click="window.open($tf(linksYqlj,'url'))">
|
<ul id="nav">
|
||||||
<img width="120" height="120" :src="$tImg(linksYqlj,'logo')">
|
<li><a href="#" class="selected">工作动态</a></li>
|
||||||
|
<li><a href="#" class="">行业要闻</a></li>
|
||||||
|
</ul>
|
||||||
|
<a href="gzdt.html" class="gengdduo right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div id="menu_con">
|
||||||
|
<div class="tag" style="display: block;">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="tagup">
|
||||||
|
<h3 class="elli">{{gzdtList[0].title}}</h3>
|
||||||
|
<p class="over-line2">{{gzdtList[0].content}}</p>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
|
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex" >
|
||||||
|
<template v-if="gzdtIndex>0">
|
||||||
|
<a class="clearfloat" href="xiangqer.html">
|
||||||
|
<h3 class="elli">{{gzdt.title}}</h3>
|
||||||
|
<span>{{gzdt.createTime}}</span>
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="tag" style="display:none">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span class="tagup">
|
||||||
|
<h3 class="elli">{{hyywList[0].title}}</h3>
|
||||||
|
<p class="over-line2">{{hyywList[0].content}}</p>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
|
||||||
|
<template v-if="hyywIndex>0">
|
||||||
|
<a class="clearfloat" href="xiangqer.html">
|
||||||
|
<h3 class="elli">{{hyyw.title}}</h3>
|
||||||
|
<span>{{hyyw.createTime}}</span>
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</vue-seamless-scroll>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="kjrukou">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="nycyh.html">
|
||||||
|
<span class="spanmg"><img src="img/k_01.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span>
|
||||||
|
<h3>特色农业产业化</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="sjzx.html">
|
||||||
|
<span class="spanmg"><img src="img/k_02.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span>
|
||||||
|
<h3>数据中心</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="pmjj.html">
|
||||||
|
<span class="spanmg"><img src="img/k_03.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_03-3.png" ></span>
|
||||||
|
<h3>棚膜经济</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="ncpaq.html">
|
||||||
|
<span class="spanmg"><img src="img/k_04.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_04-4.png" ></span>
|
||||||
|
<h3>农产品安全</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="zbbjgh.html">
|
||||||
|
<span class="spanmg"><img src="img/k_05.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span>
|
||||||
|
<h3>中部粮食资源</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="xmycyh.html">
|
||||||
|
<span class="spanmg"><img src="img/k_06.png" ></span>
|
||||||
|
<span class="spanmg1" style="display: none;"><img src="img/k_06-6.png" ></span>
|
||||||
|
<h3>畜牧业产业化</h3>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hzjlbox">
|
||||||
|
<div class="hzjl clearfloat">
|
||||||
|
<div class="h_l left">
|
||||||
|
<div class="h_lup clearfloat">
|
||||||
|
<span class="h_lupl left">合作<span class="h_luph">交流</span></span>
|
||||||
|
<a href="hzjl.html" class="right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div class="h_ldown">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(hzjl,hzjlIndex) in hzjlList" :key="hzjlIndex">
|
||||||
|
<a href="xiangqer.html" class="elli">
|
||||||
|
<span></span>
|
||||||
|
{{hzjl.title}}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="h_r right">
|
||||||
|
<div class="h_lup clearfloat">
|
||||||
|
<span class="h_lupl left">科研<span class="h_luph">成果</span></span>
|
||||||
|
<a href="kycg.html" class="right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div class="h_rdown">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
|
||||||
|
<a href="xiangqer.html">
|
||||||
|
<span class="spimg"><img :src="$tImg(kycg,'cover')" ></span>
|
||||||
|
<h3 class="over-line2">{{kycg.title}}</h3>
|
||||||
|
<p>{{kycg.content}}<span>[详情]</span></p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="zcwjbox clearfloat">
|
||||||
|
<div class="h_l left">
|
||||||
|
<div class="h_lup clearfloat">
|
||||||
|
<span class="h_lupl left">政策<span class="h_luph">文件</span></span>
|
||||||
|
<a href="zcwj.html" class="right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div class="z_ldown">
|
||||||
|
<a href="xiangqer.html" class="zxwjbox clearfloat">
|
||||||
|
<span class="z_img left"><img src="img/zxwj.png" ></span>
|
||||||
|
<h3 class="over-line2 left">{{zcwjList[0].title}}</h3>
|
||||||
|
<span class="z_date right">{{zcwjList[0].createTime}}</span>
|
||||||
|
</a>
|
||||||
|
<ul>
|
||||||
|
<li v-for="(zcwj,zcwjIndex) in zcwjList" :key="zcwjIndex">
|
||||||
|
<a href="xiangqer.html" class="clearfloat">
|
||||||
|
<span class="jiantou left">></span>
|
||||||
|
<h4 class="over-line2 left">{{zcwj.title}}</h4>
|
||||||
|
<span class="c_span right">{{zcwj.createTime}}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="h_r right">
|
||||||
|
<div class="h_lup clearfloat">
|
||||||
|
<span class="h_lupl left">特色农业资源<span class="h_luph">最新动态</span></span>
|
||||||
|
<a href="tsnyzy.html" class="right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div class="c_rdown clearfloat">
|
||||||
|
<div class="c_rdownl left">
|
||||||
|
<a href="xiangqer.html" class="gredsgre">{{tsnyzyList[0].title}}</a>
|
||||||
|
<div class="c_sdfimg"><img :src="$tImg(tsnyzyList[0],'cover')" ></div>
|
||||||
|
<p class="over-line2">{{tsnyzyList[0].content}}</p>
|
||||||
|
<div class="clearfloat">
|
||||||
|
<a href="" class="left" style="font-size: 14px;color: #EE8515;">[阅读]</a>
|
||||||
|
<span class="right" style="color: #999999;font-size: 14px;">{{tsnyzyList[0].createTime}}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="z_ldown right" style="width: 384px;">
|
||||||
|
<ul>
|
||||||
|
<li v-for="(tsnyzy,tsnyzyIndex) in tsnyzyList" :key="tsnyzyIndex">
|
||||||
|
<a href="xiangqer.html" class="clearfloat">
|
||||||
|
<span class="jiantou left">></span>
|
||||||
|
<h4 class="over-line2 left">{{tsnyzy.title}}</h4>
|
||||||
|
<span class="c_span right">{{tsnyzy.createTime}}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ztzlbox">
|
||||||
|
<div class="ztzl">
|
||||||
|
<div class="h_lup clearfloat">
|
||||||
|
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
|
||||||
|
<a href="ztzl.html" class="right">more+</a>
|
||||||
|
</div>
|
||||||
|
<div class="ztzldown" style="margin-top: 20px;">
|
||||||
|
<ul class="clearfloat">
|
||||||
|
<li>
|
||||||
|
<a href="ztzl.html"><img src="img/zt_1.png" ></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="szy.html"><img src="img/zt_2.png" ></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="qhzy.html"><img src="img/zt_3.png" ></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="swzy.html"><img src="img/zt_4.png" ></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -161,8 +289,14 @@ export default {
|
||||||
data(){
|
data(){
|
||||||
return {
|
return {
|
||||||
window,
|
window,
|
||||||
lbtList:[],
|
ttList:[], //头条
|
||||||
gzdtList:[],
|
lbtList:[], //轮播图
|
||||||
|
gzdtList:[], //工作动态
|
||||||
|
hyywList:[], //行业要闻
|
||||||
|
hzjlList:[], //合作交流
|
||||||
|
kycgList:[], //科研成果
|
||||||
|
zcwjList:[], //政策文件
|
||||||
|
tsnyzyList:[], //特色农业资源最新动态
|
||||||
tzggList:[],
|
tzggList:[],
|
||||||
linksKsdhList:[],
|
linksKsdhList:[],
|
||||||
linksYqljList:[],
|
linksYqljList:[],
|
||||||
|
|
@ -196,28 +330,80 @@ export default {
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
loadData(){
|
loadData(){
|
||||||
console.log('main.vue.this =>',this);
|
// console.log('main.vue.this =>',this);
|
||||||
|
//头条
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'201'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
this.ttList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
//轮播图
|
//轮播图
|
||||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',type:'首页轮播'}).then((res)=>{
|
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',type:'首页轮播'}).then((res)=>{
|
||||||
if(res.success){
|
if(res.success){
|
||||||
let list = res.result.records||res.result;
|
let list = res.result.records||res.result;
|
||||||
|
console.log('====>>>',list);
|
||||||
// this.articleList = list;
|
// this.articleList = list;
|
||||||
this.lbtList = list;
|
this.lbtList = list;
|
||||||
if(list && list.length){
|
// if(list && list.length){
|
||||||
// console.log(list,list[0],this.$tImg(list[0],'cover'),this);
|
// console.log(list,list[0],this.$tImg(list[0],'cover'),this);
|
||||||
//用第一张图刷新高度
|
//用第一张图刷新高度
|
||||||
this.refreshImageHeightByUrl(this.$tImg(list[0],'cover'));
|
// this.refreshImageHeightByUrl(this.$tImg(list[0],'cover'));
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
//工作动态
|
//工作动态
|
||||||
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'2'}).then((res)=>{
|
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'301'}).then((res)=>{
|
||||||
if(res.success){
|
if(res.success){
|
||||||
let list = res.result.records||res.result;
|
let list = res.result.records||res.result;
|
||||||
// this.articleList = list;
|
// this.articleList = list;
|
||||||
this.gzdtList = list;
|
this.gzdtList = list;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
//行业要闻
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:7,isRelease:'Y',columnId:'302'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
// this.articleList = list;
|
||||||
|
this.hyywList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//合作交流
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:8,isRelease:'Y',columnId:'303'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
// this.articleList = list;
|
||||||
|
this.hzjlList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//科研成果
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'304'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
// this.articleList = list;
|
||||||
|
this.kycgList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//政策文件
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'305'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
// this.articleList = list;
|
||||||
|
this.zcwjList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//特色农业资源最新动态
|
||||||
|
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'306'}).then((res)=>{
|
||||||
|
if(res.success){
|
||||||
|
let list = res.result.records||res.result;
|
||||||
|
// this.articleList = list;
|
||||||
|
this.tsnyzyList = list;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
//通知公告
|
//通知公告
|
||||||
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'3'}).then((res)=>{
|
getAction('/gateway/gatewayArticle/list',{pageSize:4,isRelease:'Y',columnId:'3'}).then((res)=>{
|
||||||
if(res.success){
|
if(res.success){
|
||||||
|
|
|
||||||
|
|
@ -163,7 +163,8 @@
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
form: this.$form.createForm(this),
|
form: this.$form.createForm(this),
|
||||||
columnIdDictCode: 'tqd_gateway_column,name,id,parent is not null',
|
// columnIdDictCode: 'tqd_gateway_column,name,id,parent is not null',
|
||||||
|
columnIdDictCode: 'tqd_gateway_column,name,id',
|
||||||
model: {},
|
model: {},
|
||||||
labelCol: {
|
labelCol: {
|
||||||
xs: { span: 24 },
|
xs: { span: 24 },
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue