头、脚、首页数据展示
This commit is contained in:
wangyan
parent
3df955b2c1
commit
639bb89e65
|
|
@ -1,23 +1,68 @@
|
||||||
<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>
|
<div style="color: #FFFFFF;">
|
||||||
<div class="ttdown left">
|
版权所有：吉林省农业资源信息平台
|
||||||
<span>{{$t('common.copyright')}}{{$tf(commonData,'copyright')}}</span>
|
</div>
|
||||||
<span>{{$t('common.mailbox')}}{{$tf(commonData,'mailbox')}}</span>
|
<div style="color: #FFFFFF;">
|
||||||
<span>{{$t('common.address')}}{{$tf(commonData,'address')}}</span>
|
技术支持：长春市千鸟科技发展有限公司
|
||||||
<span>{{$t('common.recordNumber')}}{{$tf(commonData,'recordNumber')}}</span>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
</div>
|
<span>地址：长春市人民大街1486号</span>
|
||||||
<div class="footR right">
|
<span>联系方式：0431－88906486</span>
|
||||||
<span style="margin-bottom: 6px;">{{$t('common.wechat')}}</span>
|
</div>
|
||||||
<span><img :src="$tImg(commonData,'wechatUrl')" ></span>
|
<div>
|
||||||
</div>
|
<span>备案号：吉ICP备05001602号</span>
|
||||||
</div>
|
<span>
|
||||||
</div>
|
<span style="margin: 5px 5px 0 0;"><img src="img/gawzba.png" ></span>
|
||||||
|
吉公网安备公安备案号：22010402000688
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
<div class="OneTxt2_txt">{{$t('common.workDynamics')}}</div>
|
<!-- 头条 -->
|
||||||
<div class="OneTxt2_back"/>
|
<div id="scrollDiv">
|
||||||
</span>
|
<ul>
|
||||||
</div>
|
<li v-for="(tt,ttIndex) in ttList" :key="ttIndex">
|
||||||
<a href="javascript:void(0):" class="OneUpR right" @click="$to('listPage',{pid:'1',id:'2'})">{{$t('common.more')}}></a>
|
<a href="xiangqer.html">
|
||||||
</div>
|
<h2>{{tt.title}}</h2>
|
||||||
<div class="OneDown">
|
<p class="elli">{{tt.content}}</p>
|
||||||
<ul class="clearfloat">
|
</a>
|
||||||
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex">
|
</li>
|
||||||
<a href="javascript:void(0);" @click="$to('detailedPage',{id:gzdt.id})">
|
</ul>
|
||||||
<span class="OneDownImg"><img :src="$tImg(gzdt,'cover')" ></span>
|
</div>
|
||||||
<div class="OneDownbox clearfloat">
|
</div>
|
||||||
<div class="OneDate left">
|
<div class="PageOne clearfloat">
|
||||||
<span class="span1">{{getDay(gzdt.updateTime || gzdt.createTime)}}</span>
|
<div class="PageOneL left">
|
||||||
<span class="span2">{{getYearAndMonth(gzdt.updateTime || gzdt.createTime)}}</span>
|
<div id="inlunbo" class="pos1">
|
||||||
</div>
|
<ul id="inlunone">
|
||||||
<div class="OneCont right">
|
<li class="lunactive" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
|
||||||
<h3 class="elli">{{$tf(gzdt,'title')}}</h3>
|
<!-- <a href="javascript:;"><img :src='${lbt.cover}'></a> -->
|
||||||
<div class="heng"></div>
|
<a href="javascript:;"><img :src="$tImg(lbt,'cover')"></a>
|
||||||
<p>{{$tfnm(gzdt,'content',55)}}</p>
|
<div class="luntxt">
|
||||||
</div>
|
<a href="" class="ltxta elli">{{lbt.title}}</a>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<!-- <li class="lunactive">
|
||||||
</ul>
|
<a href="javascript:;"><img src="img/tu1.png"></a>
|
||||||
</div>
|
<div class="luntxt">
|
||||||
</div>
|
<a href="" class="ltxta elli">省委专题会议：努力把人参产业打造成为千亿级优势产业</a>
|
||||||
<div class="PageTwo">
|
</div>
|
||||||
<div class="PageTwoBox clearfloat">
|
</li>
|
||||||
<div class="TwoL left">
|
<li>
|
||||||
<div class="OneUp clearfloat">
|
<a href="javascript:;"><img src="img/tu5.png"></a>
|
||||||
<div class="OneUpL left">
|
<div class="luntxt">
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_2.png" ></span> -->
|
<a href="" class="ltxta elli">王喜东局长深入亚泰集团走访调研王喜东局长深入亚泰集团走访调研</a>
|
||||||
<!-- <span class="OneTxt">NOTICE</span> -->
|
</div>
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
</li>
|
||||||
<div class="OneTxt2_txt">{{$t('common.notice')}}</div>
|
<li>
|
||||||
<div class="OneTxt2_back"/>
|
<a href="javascript:;"><img src="img/tu6.png"></a>
|
||||||
</span>
|
<div class="luntxt">
|
||||||
</div>
|
<a href="" class="ltxta elli">王喜东局长深入亚泰集团走访调研王喜东局长深入亚泰集团走访调研</a>
|
||||||
<a href="javascript:void(0);" class="OneUpR right" @click="$to('listPage',{pid:'1',id:'3'})">{{$t('common.more')}}></a>
|
</div>
|
||||||
</div>
|
</li> -->
|
||||||
<div class="TwoLDown">
|
</ul>
|
||||||
<ul>
|
<ul id="inluntwo">
|
||||||
<li v-for="(tzgg,tzggIndex) in tzggList" :key="tzggIndex">
|
<li class="lunactive">1</li>
|
||||||
<a href="javascript:void(0);" class="TwoLDownbox clearfloat" @click="$to('detailedPage',{id:tzgg.id})">
|
<li>2</li>
|
||||||
<div class="TwoLDate left">
|
<li>3</li>
|
||||||
<span class="Date1">{{getDay(tzgg.updateTime || tzgg.createTime)}}</span>
|
</ul>
|
||||||
<span class="Date2">{{getYearAndMonth(tzgg.updateTime || tzgg.createTime)}}</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="TwoLCont right">
|
<div class="PageOneR right">
|
||||||
<h3 class="elli">{{$tf(tzgg,'title')}}</h3>
|
<div id="menu">
|
||||||
<p>{{$tfnm(tzgg,'content',84)}}</p>
|
<div class="PageOneRUp">
|
||||||
</div>
|
<ul id="nav">
|
||||||
</a>
|
<li><a href="#" class="selected">工作动态</a></li>
|
||||||
</li>
|
<li><a href="#" class="">行业要闻</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
<a href="gzdt.html" class="gengdduo right">more+</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="TwoR right">
|
<div id="menu_con">
|
||||||
<div class="OneUp clearfloat">
|
<div class="tag" style="display: block;">
|
||||||
<div class="OneUpL">
|
<ul>
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_3.png" ></span> -->
|
<li>
|
||||||
<!-- <span class="OneTxt">FAST GUID</span> -->
|
<span class="tagup">
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
<h3 class="elli">{{gzdtList[0].title}}</h3>
|
||||||
<div class="OneTxt2_txt">{{$t('common.fastGuid')}}</div>
|
<p class="over-line2">{{gzdtList[0].content}}</p>
|
||||||
<div class="OneTxt2_back"/>
|
</span>
|
||||||
</span>
|
</li>
|
||||||
</div>
|
<li v-for="(gzdt,gzdtIndex) in gzdtList" :key="gzdtIndex" >
|
||||||
</div>
|
<template v-if="gzdtIndex>0">
|
||||||
<div class="TwoRDown">
|
<a class="clearfloat" href="xiangqer.html">
|
||||||
<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>
|
<h3 class="elli">{{gzdt.title}}</h3>
|
||||||
<!-- <a href="" class=""><img src="img/tzgg_5.png" ></a> -->
|
<span>{{gzdt.createTime}}</span>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</template>
|
||||||
</div>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
<div class="PageThree">
|
</div>
|
||||||
<div class="OneUp clearfloat">
|
<div class="tag" style="display:none">
|
||||||
<div class="OneUpL">
|
<ul>
|
||||||
<!-- <span class="OneImg"><img src="img/tzgg_4.png" ></span> -->
|
<li>
|
||||||
<!-- <span class="OneTxt">LINK</span> -->
|
<span class="tagup">
|
||||||
<span class="OneTxt2" style="font-size:2rem;">
|
<h3 class="elli">{{hyywList[0].title}}</h3>
|
||||||
<div class="OneTxt2_txt">{{$t('common.link')}}</div>
|
<p class="over-line2">{{hyywList[0].content}}</p>
|
||||||
<div class="OneTxt2_back"/>
|
</span>
|
||||||
</span>
|
</li>
|
||||||
</div>
|
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
|
||||||
</div>
|
<template v-if="hyywIndex>0">
|
||||||
<div class="ThreeDown">
|
<a class="clearfloat" href="xiangqer.html">
|
||||||
<div id="marquee1" class="marqueeleft">
|
<h3 class="elli">{{hyyw.title}}</h3>
|
||||||
<div style="width: 1264px;">
|
<span>{{hyyw.createTime}}</span>
|
||||||
<!-- <vue-seamless-scroll class="seamless-warp" :direction="2">
|
</a>
|
||||||
<ul id="marquee1_1">
|
</template>
|
||||||
<li v-for="(linksYqlj,linksYqljIndex) in linksYqljList" :key="linksYqljIndex">
|
</li>
|
||||||
<span class="pic" href="javascript:void(0);" @click="window.open($tf(linksYqlj,'url'))"><img width="120" height="120" :src="$tImg(linksYqlj,'logo')"></span>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
</div>
|
||||||
</vue-seamless-scroll> -->
|
</div>
|
||||||
<vue-seamless-scroll
|
</div>
|
||||||
:data="linksYqljList"
|
</div>
|
||||||
:class-option="classOption"
|
<div class="kjrukou">
|
||||||
class="warp"
|
<ul>
|
||||||
ref="wss"
|
<li>
|
||||||
:maxWidth="1264"
|
<a href="nycyh.html">
|
||||||
>
|
<span class="spanmg"><img src="img/k_01.png" ></span>
|
||||||
<ul id="marquee1_1">
|
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span>
|
||||||
<li v-for="(linksYqlj,linksYqljIndex) in linksYqljList" :key="linksYqljIndex" :title="$tf(linksYqlj,'title')">
|
<h3>特色农业产业化</h3>
|
||||||
<span class="pic" href="javascript:void(0);" @click="window.open($tf(linksYqlj,'url'))">
|
</a>
|
||||||
<img width="120" height="120" :src="$tImg(linksYqlj,'logo')">
|
</li>
|
||||||
</span>
|
<li>
|
||||||
</li>
|
<a href="sjzx.html">
|
||||||
</ul>
|
<span class="spanmg"><img src="img/k_02.png" ></span>
|
||||||
</vue-seamless-scroll>
|
<span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span>
|
||||||
</div>
|
<h3>数据中心</h3>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</div>
|
<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