头、脚、首页数据展示

This commit is contained in:
wangyan 2022-04-28 08:57:53 +08:00
parent 3df955b2c1
commit 639bb89e65
3 changed files with 402 additions and 170 deletions

View File

@ -1,23 +1,68 @@
<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="footerbox clearfloat">
<div class="footL left clearfloat">
<div class="ttup left">
<img :src="$tImg(commonData,'footerLogoUrl')">
</div>
<div class="ttdown left">
<span>{{$t('common.copyright')}}{{$tf(commonData,'copyright')}}</span>
<span>{{$t('common.mailbox')}}{{$tf(commonData,'mailbox')}}</span>
<span>{{$t('common.address')}}{{$tf(commonData,'address')}}</span>
<span>{{$t('common.recordNumber')}}{{$tf(commonData,'recordNumber')}}</span>
</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 class="footerbox clearfloat">
<div class="ftl left"><img src="img/red.png" ></div>
<div class="ftr left"><img src="img/cuo.png" ></div>
<div class="ftm left">
<div style="color: #FFFFFF;">
版权所有吉林省农业资源信息平台
</div>
<div style="color: #FFFFFF;">
技术支持长春市千鸟科技发展有限公司
</div>
<div>
<span>地址长春市人民大街1486号</span>
<span>联系方式043188906486</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>
</template>
<script>

View File

@ -1,150 +1,278 @@
<template>
<div>
<!-- banner -->
<!-- <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="ban"></div>
<div class="contant">
<div class="PageOne">
<div class="OneUp clearfloat">
<div class="OneUpL left">
<!-- <span class="OneImg"><img src="img/gzdt_tu1.png" ></span> -->
<!-- <span class="OneTxt">WORK DYNAMICS</span> -->
<span class="OneTxt2" style="font-size:2rem;">
<div class="OneTxt2_txt">{{$t('common.workDynamics')}}</div>
<div class="OneTxt2_back"/>
</span>
</div>
<a href="javascript:void(0):" class="OneUpR right" @click="$to('listPage',{pid:'1',id:'2'})">{{$t('common.more')}}></a>
</div>
<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>
<li v-for="(tzgg,tzggIndex) in tzggList" :key="tzggIndex">
<a href="javascript:void(0);" class="TwoLDownbox clearfloat" @click="$to('detailedPage',{id:tzgg.id})">
<div class="TwoLDate left">
<span class="Date1">{{getDay(tzgg.updateTime || tzgg.createTime)}}</span>
<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>
</li>
</ul>
</div>
</div>
<div class="TwoR right">
<div class="OneUp clearfloat">
<div class="OneUpL">
<!-- <span class="OneImg"><img src="img/tzgg_3.png" ></span> -->
<!-- <span class="OneTxt">FAST GUID</span> -->
<span class="OneTxt2" style="font-size:2rem;">
<div class="OneTxt2_txt">{{$t('common.fastGuid')}}</div>
<div class="OneTxt2_back"/>
</span>
</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>
</ul>
</vue-seamless-scroll> -->
<vue-seamless-scroll
:data="linksYqljList"
:class-option="classOption"
class="warp"
ref="wss"
:maxWidth="1264"
>
<ul id="marquee1_1">
<li v-for="(linksYqlj,linksYqljIndex) in linksYqljList" :key="linksYqljIndex" :title="$tf(linksYqlj,'title')">
<span class="pic" href="javascript:void(0);" @click="window.open($tf(linksYqlj,'url'))">
<img width="120" height="120" :src="$tImg(linksYqlj,'logo')">
</span>
</li>
</ul>
</vue-seamless-scroll>
</div>
</div>
</div>
</div>
</div>
<div class="PageBox">
<div class="scrollbox cl">
<div class="scroltit">
<small id="but_up"><img src="img/icon6.png"></small>
<small id="but_down"><img src="img/icon6_1.png"></small>
</div>
<!-- 头条 -->
<div id="scrollDiv">
<ul>
<li v-for="(tt,ttIndex) in ttList" :key="ttIndex">
<a href="xiangqer.html">
<h2>{{tt.title}}</h2>
<p class="elli">{{tt.content}}</p>
</a>
</li>
</ul>
</div>
</div>
<div class="PageOne clearfloat">
<div class="PageOneL left">
<div id="inlunbo" class="pos1">
<ul id="inlunone">
<li class="lunactive" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
<!-- <a href="javascript:;"><img :src='${lbt.cover}'></a> -->
<a href="javascript:;"><img :src="$tImg(lbt,'cover')"></a>
<div class="luntxt">
<a href="" class="ltxta elli">{{lbt.title}}</a>
</div>
</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 id="inluntwo">
<li class="lunactive">1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</div>
<div class="PageOneR right">
<div id="menu">
<div class="PageOneRUp">
<ul id="nav">
<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>
</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>
</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>
</template>
@ -161,8 +289,14 @@ export default {
data(){
return {
window,
lbtList:[],
gzdtList:[],
ttList:[], //
lbtList:[], //
gzdtList:[], //
hyywList:[], //
hzjlList:[], //
kycgList:[], //
zcwjList:[], //
tsnyzyList:[], //
tzggList:[],
linksKsdhList:[],
linksYqljList:[],
@ -196,28 +330,80 @@ export default {
},
methods:{
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)=>{
if(res.success){
let list = res.result.records||res.result;
console.log('====>>>',list);
// this.articleList = list;
this.lbtList = list;
if(list && list.length){
// if(list && list.length){
// 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){
let list = res.result.records||res.result;
// this.articleList = 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)=>{
if(res.success){

View File

@ -163,7 +163,8 @@
data () {
return {
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: {},
labelCol: {
xs: { span: 24 },