yangjun
/
nyzy_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改客户提出的样式问题及bug

This commit is contained in:
yangjun 2022-07-20 08:33:12 +08:00
parent ee3df61827
commit de5b8a953b
41 changed files with 1386 additions and 612 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/color.less
View File

@ -1,4 +1,4 @@
@primary-color: #1890ff; @primary-color: #07a54d;
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */ /* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */ /* stylelint-disable */
@ -1375,7 +1375,7 @@ this.tinycolor = tinycolor;
@blue-3: color(~`colorPalette("@{blue-6}", 3)`); @blue-3: color(~`colorPalette("@{blue-6}", 3)`);
@blue-4: color(~`colorPalette("@{blue-6}", 4)`); @blue-4: color(~`colorPalette("@{blue-6}", 4)`);
@blue-5: color(~`colorPalette("@{blue-6}", 5)`); @blue-5: color(~`colorPalette("@{blue-6}", 5)`);
@blue-6: #1890ff; @blue-6: #07a54d;
@blue-7: color(~`colorPalette("@{blue-6}", 7)`); @blue-7: color(~`colorPalette("@{blue-6}", 7)`);
@blue-8: color(~`colorPalette("@{blue-6}", 8)`); @blue-8: color(~`colorPalette("@{blue-6}", 8)`);
@blue-9: color(~`colorPalette("@{blue-6}", 9)`); @blue-9: color(~`colorPalette("@{blue-6}", 9)`);

25
public/css/style.css
View File

@ -114,7 +114,7 @@ ul{
#MutiNav .multiUl{ #MutiNav .multiUl{
width: 1200px; width: 1200px;
margin: auto; margin: auto;
height: 55px; height: 50px;
clear: both; clear: both;
display: block; display: block;
} }
@ -133,7 +133,6 @@ ul{
color: #FFFFFF; color: #FFFFFF;
} }
#MutiNav .multiUl .multiUlli a.mulgo{ #MutiNav .multiUl .multiUlli a.mulgo{
padding: 14px 4px;
display: inline-block; display: inline-block;
z-index: 300; z-index: 300;
width: 100%; width: 100%;
@ -1065,7 +1064,7 @@ blockquote{
border-left: 2px #FFFFFF solid; border-left: 2px #FFFFFF solid;
} }
.er_contl ul li:last-child{ .er_contl ul li:last-child{
border: 0; border-bottom: 0;
} }
.er_contl ul li:hover{ .er_contl ul li:hover{
border-left: 2px #07a54d solid; border-left: 2px #07a54d solid;
@ -1094,7 +1093,7 @@ blockquote{
float: left; float: left;
margin-right: 20px; margin-right: 20px;
background-color: #f6f9fe; background-color: #f6f9fe;
margin-bottom: 20px; margin-bottom: 30px;
} }
.er_contr ul li:nth-child(4n){ .er_contr ul li:nth-child(4n){
margin: 0; margin: 0;
@ -1168,7 +1167,7 @@ blockquote{
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.cyh_contr ul li{ .cyh_contr ul li{
padding: 40px; padding: 14px 24px;
border-bottom: 1px #DDDDDD dashed; border-bottom: 1px #DDDDDD dashed;
transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;
@ -1195,18 +1194,18 @@ blockquote{
width: 85%; width: 85%;
} }
.cyhl h3{ .cyhl h3{
font-size: 18px; font-size: 16px;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
} }
.cyhl p{ .cyhl p{
font-size: 16px; font-size: 14px;
color: #666666; color: #666666;
line-height: 30px; line-height: 24px;
margin-top: 10px; margin: 0;
} }
.cyhr .cyhr_date{ .cyhr .cyhr_date{
font-size: 20px; font-size: 16px;
color: #999999; color: #999999;
} }
.jianttewr{ .jianttewr{
@ -1216,16 +1215,16 @@ blockquote{
.xqer_cont{ .xqer_cont{
padding: 40px; padding: 20px 40px;
} }
.xqer_cont h3{ .xqer_cont h3{
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
color: #333333; color: #333333;
font-weight: 600; font-weight: 600;
padding-bottom: 30px; padding-bottom: 14px;
border-bottom: 1px #ebebeb solid; border-bottom: 1px #ebebeb solid;
margin-bottom: 20px; margin-bottom: 14px;
} }
.xqer_date{ .xqer_date{
text-align: center; text-align: center;

BIN
public/img/icon_yc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/img/nyzy_hs.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
public/img/nyzy_xrk.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 9.4 MiB

BIN
public/img/nyzy_ym.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

2
public/tinymce/skins/lightgray/skin.min.css vendored
View File

@ -319,7 +319,7 @@ button::-moz-focus-inner {
.tox .tox-collection--grid .tox-collection__group { .tox .tox-collection--grid .tox-collection__group {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
max-height: 208px; max-height: 230px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;

4
src/components/chart/DashChartDemo.vue
View File

@ -17,7 +17,7 @@
gemo="point" gemo="point"
position="value*1" position="value*1"
shape="pointer" shape="pointer"
color="#1890FF" color="#07a54d"
:active="false" :active="false"
></v-series> ></v-series>
<v-guide <v-guide
@ -171,7 +171,7 @@
}, },
arcGuide2Start: [0, 0.945], arcGuide2Start: [0, 0.945],
arcGuide2Style: { arcGuide2Style: {
stroke: '#1890FF', stroke: '#07a54d',
lineWidth: 18, lineWidth: 18,
}, },
htmlGuidePosition: ['50%', '100%'], htmlGuidePosition: ['50%', '100%'],

2
src/components/chart/MiniProgress.vue
View File

@ -66,7 +66,7 @@
.progress { .progress {
transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s; transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
border-radius: 1px 0 0 1px; border-radius: 1px 0 0 1px;
background-color: #1890ff; background-color: #07a54d;
width: 0; width: 0;
height: 100%; height: 100%;
} }

2
src/components/menu/SideMenu.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<a-layout-sider <a-layout-sider
:class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]" :class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
width="208px" width="230px"
:collapsible="collapsible" :collapsible="collapsible"
v-model="collapsed" v-model="collapsed"
:trigger="null"> :trigger="null">

10
src/components/page/GlobalHeader.vue
View File

@ -6,16 +6,6 @@
:style="{ padding: '0' }"> :style="{ padding: '0' }">
<div v-if="mode === 'sidemenu'" class="header" :class="theme"> <div v-if="mode === 'sidemenu'" class="header" :class="theme">
<!-- <a-icon
v-if="device==='mobile'"
class="trigger"
:type="collapsed ? 'menu-fold' : 'menu-unfold'"
@click="toggle"></a-icon>
<a-icon
v-else
class="trigger"
:type="collapsed ? 'menu-unfold' : 'menu-fold'"
@click="toggle"/> -->
<span v-if="device === 'desktop'"></span> <span v-if="device === 'desktop'"></span>
<span v-else>Jeecg-Boot</span> <span v-else>Jeecg-Boot</span>

2
src/components/page/GlobalLayout.vue
View File

@ -333,7 +333,7 @@
.avatar { .avatar {
margin: 20px 10px 20px 0; margin: 20px 10px 20px 0;
color: #1890ff; color: #07a54d;
background: hsla(0, 0%, 100%, .85); background: hsla(0, 0%, 100%, .85);
vertical-align: middle; vertical-align: middle;
} }

4
src/components/setting/SettingDrawer.vue
View File

@ -280,7 +280,7 @@
padding-top: 15px; padding-top: 15px;
padding-left: 24px; padding-left: 24px;
height: 100%; height: 100%;
color: #1890ff; color: #07a54d;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
} }
@ -308,7 +308,7 @@
.setting-drawer-index-handle { .setting-drawer-index-handle {
position: absolute; position: absolute;
top: 240px; top: 240px;
background: #1890ff; background: #07a54d;
width: 48px; width: 48px;
height: 48px; height: 48px;
right: 300px; right: 300px;

2
src/components/tools/setting.js
View File

@ -20,7 +20,7 @@ const colorList = [
key: '极光绿', color: '#52C41A', key: '极光绿', color: '#52C41A',
}, },
{ {
key: '拂晓蓝（默认）', color: '#1890FF', key: '拂晓蓝（默认）', color: '#07a54d',
}, },
{ {
key: '极客蓝', color: '#2F54EB', key: '极客蓝', color: '#2F54EB',

2
src/defaultSettings.js
View File

@ -14,7 +14,7 @@
*/ */
export default { export default {
primaryColor: '#1890FF', // primary color of ant design primaryColor: '#07a54d', // primary color of ant design
navTheme: 'light', // theme for nav menu navTheme: 'light', // theme for nav menu
layout: 'sidemenu', // nav menu position: sidemenu or topmenu layout: 'sidemenu', // nav menu position: sidemenu or topmenu
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu

2
src/views/account/center/Index.vue
View File

@ -268,7 +268,7 @@
} }
&:hover { &:hover {
span { span {
color: #1890ff; color: #07a54d;
} }
} }
} }

6
src/views/dashboard/Workplace.vue
View File

@ -261,7 +261,7 @@
font-size: 14px; font-size: 14px;
&:hover { &:hover {
color: #1890ff; color: #07a54d;
} }
} }
} }
@ -284,7 +284,7 @@
flex: 1 1 0; flex: 1 1 0;
&:hover { &:hover {
color: #1890ff; color: #07a54d;
} }
} }
.datetime { .datetime {
@ -331,7 +331,7 @@
} }
&:hover { &:hover {
span { span {
color: #1890ff; color: #07a54d;
} }
} }
} }

2
src/views/examples/list/CardList.vue
View File

@ -84,7 +84,7 @@
display: inline-block; display: inline-block;
width: 100%; width: 100%;
&:hover { &:hover {
color: #1890ff; color: #07a54d;
} }
} }
} }

14
src/views/gateway/common/footer.vue
View File

@ -36,8 +36,8 @@
技术支持：长春市千鸟科技发展有限公司 技术支持：长春市千鸟科技发展有限公司
</div> </div>
<div> <div>
<span>地址：长春市人民大街1486号</span> <span>地址：{{lxdzData.address}}</span>
<span>联系方式：0431－88906486</span> <span>联系方式：{{lxdzData.zuoji}}</span>
</div> </div>
<!-- <div> <!-- <div>
<span>备案号：吉ICP备05001602号</span> <span>备案号：吉ICP备05001602号</span>
@ -65,6 +65,7 @@ export default {
linksYqljList:[], linksYqljList:[],
linksYqljList2:[], linksYqljList2:[],
linksYqljList3:[], linksYqljList3:[],
lxdzData:{},
} }
}, },
computed:{ computed:{
@ -103,6 +104,15 @@ export default {
this.linksYqljList3 = list; this.linksYqljList3 = list;
} }
}); });
getAction('/gateway/tqdGatewayConfig/list',{pageSize:-1,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records
if(list){
this.lxdzData = list[0]
}
}
});
} }

58
src/views/gateway/common/header.vue
View File

@ -118,7 +118,7 @@
</div> </div>
</li> </li>
<li class="clearfloat"> <li class="clearfloat">
<a href="javascript:void(0)" class="xbzlzd" style="width: 100%;"> <a href="javascript:void(0)" class="xbzlzd" style="width: 100%;" @click="$to('listPage2',{pid:101,id:10105})">
<span><i class="iconfont">&#xe646;</i></span> <span><i class="iconfont">&#xe646;</i></span>
<span>其他</span> <span>其他</span>
</a> </a>
@ -172,19 +172,19 @@
<span><i class="iconfont">&#xe856;</i></span> <span><i class="iconfont">&#xe856;</i></span>
<span>西部特色经济作物区域布局</span> <span>西部特色经济作物区域布局</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})" class="fjsjkih left"> <a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10306})" class="fjsjkih left">
<span><i class="iconfont">&#xe8f9;</i></span> <span><i class="iconfont">&#xe8f9;</i></span>
<span>东部特色资源区域布局</span> <span>东部特色资源区域布局</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10304})" class="fjsjkih left"> <a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})" class="fjsjkih left">
<span><i class="iconfont">&#xe615;</i></span> <span><i class="iconfont">&#xe615;</i></span>
<span>中部粮食加工业区域布局</span> <span>中部粮食加工业区域布局</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10305})" class="fjsjkih left"> <a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10304})" class="fjsjkih left">
<span><i class="iconfont">&#xe61b;</i></span> <span><i class="iconfont">&#xe61b;</i></span>
<span>历史区划数据</span> <span>历史区划数据</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10306})" class="fjsjkih left" style="border: 0;"> <a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10305})" class="fjsjkih left" style="border: 0;">
<span><i class="iconfont">&#xe646;</i></span> <span><i class="iconfont">&#xe646;</i></span>
<span>其他</span> <span>其他</span>
</a> </a>
@ -311,26 +311,39 @@ export default {
computed:{ computed:{
banClass(){ banClass(){
let r = 'detailHtml'; let r = 'detailHtml';
switch (this.$route.query.pid) { var pid = this.$route.query.pid
case '101': r = 'baner8'; break; var fullPath = this.$route.fullPath
case '102': r = 'baner4'; break; console.log('fullPath--->',fullPath,pid);
case '103': r = 'baner'; break; // if(!pid){
case '104': r = 'baner5'; break; // r = 'ban';
case '105': r = 'baner3'; break; // }
case '106': r = 'baner7'; break; switch (pid) {
case '107': r = 'baner6'; break; case 101: r = 'baner8'; break;
case 102: r = 'baner4'; break;
case 103: r = 'baner'; break;
case 104: r = 'baner5'; break;
case 105: r = 'baner3'; break;
case 106: r = 'baner7'; break;
case 107: r = 'baner6'; break;
case 'gybs': r = 'baner2'; break; case 'gybs': r = 'baner2'; break;
case 'home': r = 'ban'; break; case 'home': r = 'ban'; break;
case '501': r = 'detailHtml'; break; case 501: r = 'detailHtml'; break;
case '306': r = 'detailHtml'; break; case 306: r = 'detailHtml'; break;
case '305': r = 'detailHtml'; break; case 305: r = 'detailHtml'; break;
case '304': r = 'detailHtml'; break; case 304: r = 'detailHtml'; break;
case '303': r = 'detailHtml'; break; case 303: r = 'detailHtml'; break;
case '302': r = 'detailHtml'; break; case 302: r = 'detailHtml'; break;
case '301': r = 'baner8'; break; case 301: r = 'baner9'; break;
case 1: r = 'baner9'; break;
default: default:
break; break;
} }
if(fullPath.indexOf('detailedPage')>-1){
r = "detailHtml";
}else if(fullPath.indexOf('home')>-1){
r = "ban";
}
return r; return r;
} }
}, },
@ -416,5 +429,8 @@ export default {
} }
</script> </script>
<style scoped> <style lang="less" scoped>
#MutiNav .multiUl .multiUlli a.mulgo{
line-height: 50px;
}
</style> </style>

760
src/views/gateway/common/main.vue
View File

@ -2,313 +2,283 @@
<div> <div>
<!-- <div class="ban"></div> --> <!-- <div class="ban"></div> -->
<div class="contant"> <div class="contant">
<div class="PageBox"> <div class="PageBox">
<div class="scrollbox cl"> <div class="scrollbox cl">
<!-- 头条 --> <!-- 头条 -->
<div id="scrollDiv"> <div id="scrollDiv">
<el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside" ref="prev"> <el-carousel height="100px" direction="vertical" :autoplay="true" indicator-position="outside" ref="prev">
<el-carousel-item v-for="(tt,ttIndex) in ttList" :key="ttIndex" class="toutiaoItem"> <el-carousel-item v-for="(tt,ttIndex) in ttList" :key="ttIndex" class="toutiaoItem">
<h2 class="toutiaoH" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2> <h2 class="toutiaoH" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{tt.title}}</h2>
<p class="elli" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p> <p class="elli" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p>
</el-carousel-item> </el-carousel-item>
<div style="position: absolute;top: 0;right:0;z-index: 99999;"> <div style="position: absolute;top: 34px;right: 14px;z-index: 99999;">
<div @click="()=>$refs.prev.prev()" class="txfd"><i class="el-icon-arrow-up"></i></div> <div @click="()=>$refs.prev.prev()" class="txfd"><i class="el-icon-arrow-up"></i></div>
<div @click="()=>$refs.prev.next()" class="txfd"><i class="el-icon-arrow-down"></i></div> <div @click="()=>$refs.prev.next()" class="txfd"><i class="el-icon-arrow-down"></i></div>
</div> </div>
</el-carousel> </el-carousel>
</div> </div>
</div> </div>
<div class="PageOne clearfloat"> <div class="PageOne clearfloat">
<!-- 轮播图 --> <!-- 轮播图 -->
<div class="PageOneL left"> <div class="PageOneL left">
<div id="inlunbo" class="pos1"> <div id="inlunbo" class="pos1">
<!-- <a-carousel > <el-carousel style="width: 590px;height: 400px;" indicator-position="none" ref="prev2" @change="hdpChange" >
<div height="400px" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex"> <el-carousel-item v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">
<a href="javascript:void(0);" @click="$to('detailedPage',{id:lbt.id})"><img :src="$tImg(lbt,'cover')"></a> <a href="javascript:void(0);" @click="$to('detailedPage',{id:lbt.id})"><img :src="$tImg(lbt,'cover')"></a>
<div class="luntxt"> <div class="luntxt">
<a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})" style="color:white !important;">{{lbt.title}}</a> <a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})" style="color:white !important;">{{lbt.title}}</a>
</div> </div>
</div> </el-carousel-item>
</a-carousel> --> </el-carousel>
<el-carousel height="400px" indicator-position="none" ref="prev2"> <div style="position: absolute;bottom: 22px;right: 10px;z-index: 99999;color: white;">
<el-carousel-item v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex"> <span :id="`hdp`+lbtIndex" @click="()=>$refs.prev2.setActiveItem(lbtIndex)" class="hdpfy" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">{{lbtIndex+1}}
<a href="javascript:void(0);" @click="$to('detailedPage',{id:lbt.id})"><img :src="$tImg(lbt,'cover')"></a> </span>
<div class="luntxt">
<a href="javascript:void(0);" class="ltxta elli" @click="$to('detailedPage',{id:lbt.id})" style="color:white !important;">{{lbt.title}}</a> </div>
</div> </div>
</el-carousel-item> </div>
</el-carousel> <!-- 工作动态、行业要闻切换 -->
<div style="position: absolute;bottom: 0;right:0;z-index: 99999;color: white;margin: 0 8px 18px 0;"> <div class="PageOneR right">
<span @click="()=>$refs.prev2.setActiveItem(lbtIndex)" class="txfd hdpfy" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">{{lbtIndex+1}}</span> <div id="tab">
</div> <div class="PageOneRUp">
</div> <a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:currentTab})" class="gengdduo right">更多></a>
</div> <ul class="tab_menu">
<!-- 工作动态、行业要闻切换 --> <li :class="currentTab == 301 ? 'selected' : ''" @mouseenter="changeTab(301)" style="font-size: 18px;">工作动态</li>
<div class="PageOneR right"> <li :class="currentTab == 302 ? 'selected' : ''" @mouseenter="changeTab(302)" style="font-size: 18px;">行业要闻</li>
<div id="tab"> </ul>
<div class="PageOneRUp"> </div>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:currentTab})" class="gengdduo right">更多></a> <div class="tab_box">
<ul class="tab_menu"> <div class="tab_boxdas" v-show="currentTab == 301">
<li :class="currentTab == 301 ? 'selected' : ''" @mouseenter="changeTab(301)" style="font-size: 18px;">工作动态</li> <ul>
<li :class="currentTab == 302 ? 'selected' : ''" @mouseenter="changeTab(302)" style="font-size: 18px;">行业要闻</li> <li>
</ul> <span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})" style="cursor:pointer;">
</div> <h3 class="elli">{{gzdtList[0].title}}</h3>
<div class="tab_box"> <p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
<div class="tab_boxdas" v-show="currentTab == 301"> </span>
<ul> </li>
<li> <template v-for="(gzdt,gzdtIndex) in gzdtList">
<span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})" style="cursor:pointer;"> <li :key="gzdtIndex" >
<h3 class="elli">{{gzdtList[0].title}}</h3> <template v-if="gzdtIndex>0">
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p> <a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:gzdt.id})">
</span> <h3 class="elli">> {{gzdt.title}}</h3>
</li> <span>{{gzdt.createTime}}</span>
<template v-for="(gzdt,gzdtIndex) in gzdtList"> </a>
<li :key="gzdtIndex" > </template>
<template v-if="gzdtIndex>0"> </li>
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:gzdt.id})"> </template>
<h3 class="elli">> {{gzdt.title}}</h3> </ul>
<span>{{gzdt.createTime}}</span> </div>
</a> <div class="tab_boxdas" v-show="currentTab == 302">
</template> <ul>
</li> <li>
</template> <span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id})" style="cursor:pointer;">
</ul> <h3 class="elli">{{hyywList[0].title}}</h3>
</div> <p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
<div class="tab_boxdas" v-show="currentTab == 302"> </span>
<ul> </li>
<li> <li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
<span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id})" style="cursor:pointer;"> <template v-if="hyywIndex>0">
<h3 class="elli">{{hyywList[0].title}}</h3> <a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:hyyw.id})">
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p> <h3 class="elli">> {{hyyw.title}}</h3>
</span> <span>{{hyyw.createTime}}</span>
</li> </a>
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" > </template>
<template v-if="hyywIndex>0"> </li>
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:hyyw.id})"> </ul>
<h3 class="elli">> {{hyyw.title}}</h3> </div>
<span>{{hyyw.createTime}}</span> </div>
</a> </div>
</template> </div>
</li> </div>
</ul>
</div> <div class="kjrukou">
</div> <ul>
</div> <li>
</div> <a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10101})">
</div> <span class="spanmg"><img src="img/k_01.png" ></span>
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span>
<div class="kjrukou"> <h3>西部杂粮杂豆</h3>
<ul> </a>
<li> </li>
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10101})"> <li>
<span class="spanmg"><img src="img/k_01.png" ></span> <a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10102})">
<span class="spanmg1" style="display: none;"><img src="img/k_01-1.png" ></span> <span class="spanmg"><img src="img/k_02.png" ></span>
<h3>西部杂粮杂豆</h3> <span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span>
</a> <h3>东部经济资源</h3>
</li> </a>
<li> </li>
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10102})"> <li>
<span class="spanmg"><img src="img/k_02.png" ></span> <a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10103})">
<span class="spanmg1" style="display: none;"><img src="img/k_02-2.png" ></span> <span class="spanmg"><img src="img/k_03.png" ></span>
<h3>东部经济资源</h3> <span class="spanmg1" style="display: none;"><img src="img/k_03-3.png" ></span>
</a> <h3>中部粮食资源</h3>
</li> </a>
<li> </li>
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10103})"> <li>
<span class="spanmg"><img src="img/k_03.png" ></span> <a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10104})">
<span class="spanmg1" style="display: none;"><img src="img/k_03-3.png" ></span> <span class="spanmg"><img src="img/k_05.png" ></span>
<h3>中部粮食资源</h3> <span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span>
</a> <h3>适宜吉林省种质资源</h3>
</li> </a>
<li> </li>
<a href="javascript:void(0);" @click="$to('listPage2',{pid:101,id:10104})"> </ul>
<span class="spanmg"><img src="img/k_05.png" ></span> </div>
<span class="spanmg1" style="display: none;"><img src="img/k_05-5.png" ></span> </div>
<h3>适宜吉林省种质资源</h3> </div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="hzjlbox"> <div class="hzjlbox">
<div class="hzjl clearfloat"> <div class="hzjl clearfloat">
<div class="h_l left"> <div class="h_l left">
<!-- 数据中心 --> <!-- 数据中心 -->
<div class="h_lup clearfloat"> <div class="h_lup clearfloat">
<span class="h_lupl left">数据<span class="h_luph">中心</span></span> <span class="h_lupl left">数据<span class="h_luph">中心</span></span>
<a href="javascript:void(0);" @click="$to('listPage3',{id:sjzxTab,pid:401})" class="right">更多></a> <a href="javascript:void(0);" @click="$to('listPage3',{id:sjzxTab,pid:401})" class="right">更多></a>
</div> </div>
<div id="tab"> <div id="tab">
<ul class="tab_menu"> <ul class="tab_menu">
<li :class="sjzxTab == 40101 ? 'selected' : ''" @mouseenter="changeTabSjzx(40101)">微观经济调查</li> <li :class="sjzxTab == 40101 ? 'selected' : ''" @mouseenter="changeTabSjzx(40101)">微观经济调查</li>
<li :class="sjzxTab == 40102 ? 'selected' : ''" @mouseenter="changeTabSjzx(40102)">农业资源数据</li> <li :class="sjzxTab == 40102 ? 'selected' : ''" @mouseenter="changeTabSjzx(40102)">农业资源数据</li>
<li :class="sjzxTab == 40103 ? 'selected' : ''" @mouseenter="changeTabSjzx(40103)">遥感数据</li> <li :class="sjzxTab == 40103 ? 'selected' : ''" @mouseenter="changeTabSjzx(40103)">遥感数据</li>
</ul> </ul>
</div> </div>
<div class="h_ldown"> <div class="h_ldown">
<ul> <ul>
<li v-for="(kycg,kycgIndex) in sjzxList" :key="kycgIndex"> <li v-for="(kycg,kycgIndex) in sjzxList" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli"> <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="h_r left"> <div class="h_r left">
<!-- 科研成果 --> <!-- 科研成果 -->
<div class="h_lup clearfloat"> <div class="h_lup clearfloat">
<span class="h_lupl left">科研<span class="h_luph">成果</span></span> <span class="h_lupl left">科研<span class="h_luph">成果</span></span>
<a href="javascript:void(0);" @click="$to('listPage3',{id:kycgTab,pid:304})" class="right">更多></a> <a href="javascript:void(0);" @click="$to('listPage3',{id:kycgTab,pid:304})" class="right">更多></a>
</div> </div>
<div id="tab"> <div id="tab">
<ul class="tab_menu"> <ul class="tab_menu">
<li :class="kycgTab == 30401 ? 'selected' : ''" @mouseenter="changeTabKycg(30401)">成果登记</li> <li :class="kycgTab == 30401 ? 'selected' : ''" @mouseenter="changeTabKycg(30401)">成果登记</li>
<li :class="kycgTab == 30402 ? 'selected' : ''" @mouseenter="changeTabKycg(30402)">获奖情况</li> <li :class="kycgTab == 30402 ? 'selected' : ''" @mouseenter="changeTabKycg(30402)">获奖情况</li>
<li :class="kycgTab == 30403 ? 'selected' : ''" @mouseenter="changeTabKycg(30403)">发表论文</li> <li :class="kycgTab == 30403 ? 'selected' : ''" @mouseenter="changeTabKycg(30403)">发表论文</li>
</ul> </ul>
</div> </div>
<!-- <div class="h_rdown"> --> <div class="h_ldown">
<!-- <div class="spbox clearfloat" @click="$to('detailedPage3',{id:kycgList[0].id})" style="cursor:pointer;"> <ul>
<span class="spimg" ><img :src="kycgList[0].cover?$tImg(kycgList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;" ></span> <li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
<div class="spcont"> <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<a class="spydsb elli">{{kycgList[0].title}}</a> <span class="spimg">></span>
<p class="over-line2">{{$tfnm(kycgList[0],'content',84)}}</p> {{kycg.title}}
<div class="yueduit clearfloat"> </a>
<span>{{getYearMonthDay(kycgList[0].updateTime || kycgList[0].createTime)}}</span> </li>
</div> </ul>
</div> </div>
</div> <!-- </div> -->
<ul> </div>
<template v-for="(kycg,kycgIndex) in kycgList"> <div class="h_l right">
<template v-if="kycgIndex>0"> <!-- 政策文件 -->
<li :key="kycgIndex"> <div class="h_lup clearfloat">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat"> <span class="h_lupl left">政策<span class="h_luph">文件</span></span>
<span class="sadfa">></span> <a href="javascript:void(0);" @click="$to('listPage3',{id:zcwjTab,pid:305})" class="right">更多></a>
<h4 class="elli">{{kycg.title}}</h4> </div>
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span> <div id="tab">
</a> <ul class="tab_menu">
</li> <li :class="zcwjTab == 30501 ? 'selected' : ''" @mouseenter="changeTabZcwj(30501)">省内政策</li>
</template> <li :class="zcwjTab == 30502 ? 'selected' : ''" @mouseenter="changeTabZcwj(30502)">国内政策</li>
</template> </ul>
</ul> --> </div>
<div class="h_ldown"> <div class="h_ldown">
<ul> <ul>
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex"> <li v-for="(kycg,kycgIndex) in zcwjList" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli"> <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!-- </div> --> </div>
</div> </div>
<div class="h_l right"> </div>
<!-- 政策文件 --> <div class="hzjl clearfloat">
<div class="h_lup clearfloat"> <div class="h_l left">
<span class="h_lupl left">政策<span class="h_luph">文件</span></span> <!-- 特色农业资源最新动态 -->
<a href="javascript:void(0);" @click="$to('listPage3',{id:zcwjTab,pid:305})" class="right">更多></a> <div class="h_lup clearfloat">
</div> <span class="h_lupl left">特色农业资源<span class="h_luph">最新动态</span></span>
<div id="tab"> <a href="javascript:void(0);" @click="$to('listPage3',{id:'306',pid:'1'})" class="right">更多></a>
<ul class="tab_menu"> </div>
<li :class="zcwjTab == 30501 ? 'selected' : ''" @mouseenter="changeTabZcwj(30501)">省内政策</li> <div class="h_ldown" style="margin-top: 14px;">
<li :class="zcwjTab == 30502 ? 'selected' : ''" @mouseenter="changeTabZcwj(30502)">国内政策</li> <div class="tsnyzyb" @click="$to('detailedPage3',{id:tsnyzyList[0].id})" style="cursor:pointer;">
</ul> <a href="javascript:void(0);" class="elli" style="color:white !important">{{tsnyzyList[0].title}}</a>
</div> <div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt="" style="width:300px;height:146px;"></div>
<div class="h_ldown"> </div>
<ul> <ul>
<li v-for="(kycg,kycgIndex) in zcwjList" :key="kycgIndex"> <template v-for="(kycg,kycgIndex) in tsnyzyList">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli"> <template v-if="kycgIndex>0">
<span class="spimg">></span> <li :key="kycgIndex">
{{kycg.title}} <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli">
</a> <span class="spimg">></span>
</li> {{kycg.title}}
</ul> </a>
</div> </li>
</div> </template>
</div> </template>
</div> </ul>
<div class="hzjl clearfloat"> </div>
<div class="h_l left"> </div>
<!-- 特色农业资源最新动态 --> <div class="h_r left">
<div class="h_lup clearfloat"> <!-- 合作交流 -->
<span class="h_lupl left">特色农业资源<span class="h_luph">最新动态</span></span> <div class="h_lup clearfloat">
<a href="javascript:void(0);" @click="$to('listPage3',{id:'306',pid:'1'})" class="right">更多></a> <span class="h_lupl left">合作<span class="h_luph">交流</span></span>
</div> <a href="javascript:void(0);" @click="$to('listPage3',{id:303,pid:1})" class="right">更多></a>
<div class="h_ldown" style="margin-top: 14px;"> </div>
<div class="tsnyzyb" @click="$to('detailedPage3',{id:tsnyzyList[0].id})" style="cursor:pointer;"> <div class="h_rdown" style="margin-top: 14px;">
<a href="javascript:void(0);" class="elli" style="color:white !important">{{tsnyzyList[0].title}}</a> <div class="spbox clearfloat" @click="$to('detailedPage3',{id:hzjlList[0].id})" style="cursor:pointer;">
<div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt="" style="width:300px;height:146px;"></div> <span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;"></span>
</div> <div class="spcont">
<ul> <a class="spydsb elli">{{hzjlList[0].title}}</a>
<template v-for="(kycg,kycgIndex) in tsnyzyList"> <p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p>
<template v-if="kycgIndex>0"> <div class="yueduit clearfloat">
<li :key="kycgIndex"> <!-- <a href="javascript:void(0);" @click="$to('detailedPage3',{id:hzjlList[0].id})">[阅读]</a> -->
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="elli"> <span>{{getYearMonthDay(hzjlList[0].updateTime || hzjlList[0].createTime)}}</span>
<span class="spimg">></span> </div>
{{kycg.title}} </div>
</a> </div>
</li> <ul>
</template> <template v-for="(kycg,kycgIndex) in hzjlList" >
</template> <template v-if="kycgIndex>0">
</ul> <li style="margin-top: 13px;" :key="kycgIndex">
</div> <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat">
</div> <span class="sadfa">></span>
<div class="h_r left"> <h4 class="elli">{{kycg.title}}</h4>
<!-- 合作交流 --> <span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
<div class="h_lup clearfloat"> </a>
<span class="h_lupl left">合作<span class="h_luph">交流</span></span> </li>
<a href="javascript:void(0);" @click="$to('listPage3',{id:303,pid:1})" class="right">更多></a> </template>
</div> </template>
<div class="h_rdown" style="margin-top: 14px;"> </ul>
<div class="spbox clearfloat" @click="$to('detailedPage3',{id:hzjlList[0].id})" style="cursor:pointer;"> </div>
<span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;"></span> </div>
<div class="spcont"> <div class="h_l right">
<a class="spydsb elli">{{hzjlList[0].title}}</a> <!-- 专题专栏 -->
<p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p> <div class="h_lup clearfloat">
<div class="yueduit clearfloat"> <span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
<!-- <a href="javascript:void(0);" @click="$to('detailedPage3',{id:hzjlList[0].id})">[阅读]</a> --> <a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:501})" class="right">更多></a>
<span>{{getYearMonthDay(hzjlList[0].updateTime || hzjlList[0].createTime)}}</span> </div>
</div> <div class="h_ldown" style="margin-top: 14px;">
</div> <a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50101})" class="elli" style="margin-bottom: 18px;"><img src="img/zt_1.png" alt="" style="height: 80px;"></a>
</div> <a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50102})" class="elli" style="margin-bottom: 18px;"><img src="img/zt_2.png" alt="" style="height: 80px;"></a>
<ul> <a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50103})" class="elli" style="margin-bottom: 18px;"><img src="img/zt_3.png" alt="" style="height: 80px;"></a>
<template v-for="(kycg,kycgIndex) in hzjlList" > <a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50104})" class="elli"><img src="img/zt_4.png" alt="" style="height: 80px;"></a>
<template v-if="kycgIndex>0"> </div>
<li style="margin-top: 9px;" :key="kycgIndex"> </div>
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat">
<span class="sadfa">></span>
<h4 class="elli">{{kycg.title}}</h4>
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
</a>
</li>
</template>
</template>
</ul>
</div>
</div>
<div class="h_l right">
<!-- 专题专栏 -->
<div class="h_lup clearfloat">
<span class="h_lupl left">专题<span class="h_luph">专栏</span></span>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:501})" class="right">更多></a>
</div>
<div class="h_ldown" style="margin-top: 14px;">
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50101})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_1.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50102})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_2.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50103})" class="elli" style="margin-bottom: 10px;"><img src="img/zt_3.png" alt="" style="height: 80px;"></a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:501,id:50104})" class="elli"><img src="img/zt_4.png" alt="" style="height: 80px;"></a>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -327,14 +297,14 @@ export default {
return { return {
window, window,
ttList:[], //头条 ttList:[], //头条
lbtList:[], //轮播图 lbtList:[], //轮播图
gzdtList:[], //工作动态 gzdtList:[], //工作动态
hyywList:[], //行业要闻 hyywList:[], //行业要闻
hzjlList:[], //合作交流 hzjlList:[], //合作交流
kycgList:[], //科研成果 kycgList:[], //科研成果
zcwjList:[], //政策文件 zcwjList:[], //政策文件
tsnyzyList:[], //特色农业资源最新动态 tsnyzyList:[], //特色农业资源最新动态
sjzxList:[], //数据中心 sjzxList:[], //数据中心
tzggList:[], tzggList:[],
linksKsdhList:[], linksKsdhList:[],
linksYqljList:[], linksYqljList:[],
@ -343,13 +313,21 @@ export default {
direction: 2, direction: 2,
}, },
carouselHeight: '', carouselHeight: '',
currentTab:301,//工作动态/行业新闻 currentTab:301,//工作动态/行业新闻
zcwjTab:30501,//政策文件 zcwjTab:30501,//政策文件
kycgTab:30401,//科研成果 kycgTab:30401,//科研成果
sjzxTab:40101,//数据中心 sjzxTab:40101,//数据中心
} }
}, },
computed:{ computed:{
lbtActiveIndex(){
// if(this.$refs.prev2){
// return this.$refs.prev2.activeIndex
// }else{
// return this.$refs.prev2
// }
// return (this.$refs.prev2 || {}).activeIndex || 0
}
}, },
mounted(){ mounted(){
this.loadData(); this.loadData();
@ -362,10 +340,20 @@ export default {
}; };
//当页面大小变动时，更新高度 //当页面大小变动时，更新高度
window.onresize = load; window.onresize = load;
},
watch:{
}, },
updated(){ updated(){
}, },
methods:{ methods:{
hdpChange(record){
console.log('hdpChange-->',record);
document.getElementById('hdp0').style="background-color: #fff;color: #000;"
document.getElementById('hdp1').style="background-color: #fff;color: #000;"
document.getElementById('hdp2').style="background-color: #fff;color: #000;"
document.getElementById('hdp'+record).style="background-color: #801b1f;color: #fff;"
},
loadData(){ loadData(){
//头条 //头条
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'201',column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'201',column: 'createTime',order: 'desc'}).then((res)=>{
@ -375,10 +363,13 @@ export default {
} }
}); });
//轮播图 //轮播图
getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',type:'首页轮播',column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:3,isRelease:'Y',columnId:'001',column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; let list = res.result.records||res.result;
this.lbtList = list; this.lbtList = list;
setTimeout(() => {
this.hdpChange(0)
}, 100);
} }
}); });
//工作动态 //工作动态
@ -395,7 +386,7 @@ export default {
this.hyywList = list; this.hyywList = list;
} }
}); });
//数据中心 //数据中心
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'40101',column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:'40101',column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; let list = res.result.records||res.result;
@ -434,41 +425,41 @@ export default {
}); });
}, },
//工作动态、行业要闻切换 //工作动态、行业要闻切换
changeTab(index){ changeTab(index){
this.currentTab = index; this.currentTab = index;
}, },
//数据中心 //数据中心
changeTabSjzx(index){ changeTabSjzx(index){
console.log('changeTabSjzx-->',index); console.log('changeTabSjzx-->',index);
this.sjzxTab = index; this.sjzxTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; let list = res.result.records||res.result;
this.sjzxList = list; this.sjzxList = list;
} }
}); });
}, },
//科研成果 //科研成果
changeTabKycg(index){ changeTabKycg(index){
this.kycgTab = index; this.kycgTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; let list = res.result.records||res.result;
this.kycgList = list; this.kycgList = list;
} }
}); });
}, },
//政策文件 //政策文件
changeTabZcwj(index){ changeTabZcwj(index){
this.zcwjTab = index; this.zcwjTab = index;
getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',{pageSize:6,isRelease:'Y',columnId:index,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; let list = res.result.records||res.result;
this.zcwjList = list; this.zcwjList = list;
} }
}); });
}, },
getDay(dateTime){ getDay(dateTime){
if(!dateTime) return ''; if(!dateTime) return '';
let d = new Date(dateTime); let d = new Date(dateTime);
@ -512,7 +503,7 @@ export default {
this.refreshImageHeight(image); this.refreshImageHeight(image);
}, },
getDay(dateTime){ getDay(dateTime){
if(!dateTime) return ''; if(!dateTime) return '';
let d = new Date(dateTime); let d = new Date(dateTime);
return d.getDate() return d.getDate()
@ -530,14 +521,14 @@ export default {
getYearMonthDay(dateTime){ getYearMonthDay(dateTime){
if(!dateTime) return ''; if(!dateTime) return '';
let d = new Date(dateTime); let d = new Date(dateTime);
var month = (d.getMonth()+1) var month = (d.getMonth()+1)
if(month<10){ if(month<10){
month = "0"+(d.getMonth()+1) month = "0"+(d.getMonth()+1)
} }
var day = d.getDate() var day = d.getDate()
if(d.getDate()<10){ if(d.getDate()<10){
day = "0"+d.getDate() day = "0"+d.getDate()
} }
return d.getFullYear() + '-' + month + '-' +day return d.getFullYear() + '-' + month + '-' +day
}, },
@ -546,9 +537,9 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
h4{ h4{
margin: 0; margin: 0;
} }
.warp { .warp {
width: 1264px; width: 1264px;
@ -592,33 +583,50 @@ export default {
} }
} }
.toutiaoItem{ .toutiaoItem{
width: 100%; width: 100%;
height: 100px; height: 100px;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
box-sizing: border-box; box-sizing: border-box;
transition: 0.5s all; transition: 0.5s all;
-webkit-transition: 0.5s all; -webkit-transition: 0.5s all;
-moz-transition: 0.5s all; -moz-transition: 0.5s all;
-o-transition: 0.5s all; -o-transition: 0.5s all;
} }
.toutiaoH{ .toutiaoH{
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
margin-top: 8px; margin-top: 8px;
margin-bottom: 10px; margin-bottom: 10px;
color: #333; color: #333;
} }
.txfd{ .txfd{
width:25px;height:25px;line-height:25px;margin-top:16px;color:white;text-align:center;margin-right:5px;cursor:pointer; width: 18px;
& :hover{ height: 18px;
transform: scale(2); line-height: 18px;
} background-color: #bbbbbb;
color: #fff;
text-align: center;
margin-bottom: 5px;
cursor: pointer;
}
.txfd:hover{
background-color: #ee8515;
}
.txfd i{
color: #fff;
} }
.hdpfy{ .hdpfy{
margin: 0px 5px 18px 0px; display: inline-block;
border: 1px #d6cccc solid; width: 16px;
padding: 3px 8px; height: 16px;
background-color: #9f8383fa; font-size: 12px;
text-align: center;
line-height: 16px;
margin-left: 5px;
cursor: pointer;
}
/deep/ .el-carousel__container{
height: 400px;
} }
</style> </style>

6
src/views/gateway/detailedPage.vue
View File

@ -7,8 +7,8 @@
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span> <span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页></a> <a href="javascript:void(0);" @click="$to('home')">首页></a>
<a href="javascript:void(0);" v-show="parentData.name!='首页'" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a> <a href="javascript:void(0);" v-show="parentData.name!='首页' && parentData.name!='其他' && parentData.name!=thisColumn.name" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a> <a href="javascript:void(0);" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div> </div>
</div> </div>
<div class="er_contant clearfloat"> <div class="er_contant clearfloat">
@ -76,7 +76,7 @@ export default {
}, },
linkOpenToNewPage(v){ linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v); console.log('linkOpenToNewPage => ',v,typeof v);
if(v.indexOf("<a ")>-1){ if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"') v = v.replaceAll("<a ",'<a target="_blank"')
} }
return v; return v;

13
src/views/gateway/detailedPage2.vue
View File

@ -7,8 +7,8 @@
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span> <span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页 ></a> <a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<a href="javascript:void(0);" v-show="parentData.name!='首页'" @click="$to('listPage2',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a> <a href="javascript:void(0);" v-show="parentData.name!='首页' && parentData.name!=thisColumn.name" @click="$to('listPage2',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a> <a href="javascript:void(0);" @click="$to('listPage2',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div> </div>
</div> </div>
<div class="er_contant clearfloat"> <div class="er_contant clearfloat">
@ -19,7 +19,7 @@
<span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span> <span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span>
<span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span> <span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span>
</div> </div>
<p v-html="articleData.content"></p> <p v-html="linkOpenToNewPage(articleData.content)"></p>
<div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)"> <div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)">
<span>附件：</span> <span>附件：</span>
@ -214,6 +214,13 @@ export default {
fujian(record){ fujian(record){
var arr = record.split("/"); var arr = record.split("/");
return arr[1]; return arr[1];
},
linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"')
}
return v;
}, },
onSelect(selectedKeys, info) { onSelect(selectedKeys, info) {
console.log('selected', selectedKeys, info); console.log('selected', selectedKeys, info);

13
src/views/gateway/detailedPage3.vue
View File

@ -7,8 +7,8 @@
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span> <span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页></a> <a href="javascript:void(0);" @click="$to('home')">首页></a>
<a href="javascript:void(0);" v-show="parentData.name!='首页'" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a> <a href="javascript:void(0);" v-show="parentData.name!='首页' && parentData.name!=thisColumn.name" @click="$to('listPage3',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a> <a href="javascript:void(0);" @click="$to('listPage3',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div> </div>
</div> </div>
<div class="er_contant clearfloat"> <div class="er_contant clearfloat">
@ -19,7 +19,7 @@
<span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span> <span>发布日期：<span>{{articleData.updateTime || articleData.createTime}}</span></span>
<span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span> <span v-show="articleData.author">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;作者：<span>{{articleData.author}}</span></span>
</div> </div>
<p v-html="articleData.content"></p> <p v-html="linkOpenToNewPage(articleData.content)"></p>
<div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)"> <div v-if="articleData.files" style="cursor:pointer;" @click="downloadFile(articleData.files)">
<span>附件：</span> <span>附件：</span>
@ -77,6 +77,13 @@ export default {
var arr = record.split("/"); var arr = record.split("/");
return arr[1]; return arr[1];
}, },
linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"')
}
return v;
},
handleClick(record){ handleClick(record){
console.log('record-->',record); console.log('record-->',record);
this.loadData2(record.key) this.loadData2(record.key)

26
src/views/gateway/gybs.vue
View File

@ -4,18 +4,17 @@
<!-- <div class="er_bann10"></div> --> <!-- <div class="er_bann10"></div> -->
<div class="gybscont"> <div class="gybscont">
<div class="gybsyi clearfloat"> <div class="gybsyi clearfloat">
<div class="gybsl left"><img src="img/gybs.png" ></div> <div class="gybsl left"><img :src="$tImg(parentData,'jjPic')" style="widht:540px; height:390px"></div>
<div class="gybsr right"> <div class="gybsr right">
<h4>本所简介</h4> <h4>本所简介</h4>
<span></span> <span></span>
<p>公司简介对于一个企业来说，就是一个门面，不管你是网站上的介绍，还是摆在门口的标牌，很多人通过你的简介来了解你，那对于一个企业来说，简介尤为重要，简介内容既要简单。又要把重点说清楚。让大家初步了解，并且让大家有兴趣继续了解该公司。但是目前中小企业对公司简介不知道如何写，控制不好字数多，总是不能好好把握，今天我们在这里好好说说关于公司简介的书写方法。公司简介是什么，就是对公司、对企业的介绍。这种介绍不是一句话带过，也不是长篇大论，是简单扼要的介绍公司的一段文字，让别人初步了解公司的基本情况。</p> <p>{{parentData.jjContent}}</p>
</div> </div>
</div> </div>
<div class="gybser clearfloat"> <div class="gybser clearfloat">
<div class="gybserl left"> <div class="gybserl left">
<div class="gjesd clearfloat"> <div class="gjesd clearfloat">
<h4>联系我们</h4> <h4 style="margin-bottom: 17px;">联系我们</h4>
<br>
<span class="geshvgs"></span> <span class="geshvgs"></span>
</div> </div>
<div class="gybserbox"> <div class="gybserbox">
@ -24,7 +23,7 @@
<div class="gyboxyi right"> <div class="gyboxyi right">
<span class="lxdia">联系电话</span> <span class="lxdia">联系电话</span>
<br> <br>
<span style="color: #666666;">13578914568</span> <span style="color: #666666;">{{parentData.tel}}</span>
</div> </div>
</div> </div>
<div class="gybgdsgh clearfloat" style="margin-top: 40px;"> <div class="gybgdsgh clearfloat" style="margin-top: 40px;">
@ -32,15 +31,15 @@
<div class="gyboxyi right"> <div class="gyboxyi right">
<span class="lxdia">电子邮箱</span> <span class="lxdia">电子邮箱</span>
<br> <br>
<span style="color: #666666;">gs@qiyeyouxiang.com</span> <span style="color: #666666;">{{parentData.dzyx}}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="gybserr right"><img src="img/hwzuo.png" ></div> <div class="gybserr right"><img :src="$tImg(parentData,'lxwmPic')" style="width:600px;height:300px;overflow: hidden;" ></div>
</div> </div>
<div class="gybssan"> <div class="gybssan">
<img src="img/ditu.png" > <img :src="$tImg(parentData,'dzdwPic')" style="height:500px">
</div> </div>
</div> </div>
<footerView/> <footerView/>
@ -72,12 +71,23 @@ export default {
computed:{ computed:{
}, },
mounted(){ mounted(){
this.loadData();
}, },
watch:{ watch:{
}, },
updated(){ updated(){
}, },
methods:{ methods:{
loadData(){
getAction('/gateway/tqdGatewayConfig/list',{pageSize:-1,column: 'createTime',order: 'desc'}).then((res)=>{
if(res.success){
let list = res.result.records
if(list){
this.parentData = list[0]
}
}
});
}
}, },
} }
</script> </script>

2
src/views/gateway/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="background-color: #f7f7f7;overflow-y: hidden;">
<!-- <el-container style="height:100vh;"> --> <!-- <el-container style="height:100vh;"> -->
<!-- <el-header> --> <!-- <el-header> -->
<headerView/> <headerView/>

47
src/views/gateway/listPage.vue
View File

@ -6,20 +6,20 @@
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span> <span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页 ></a> <a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<a href="javascript:void(0);" >{{parentData.name}} > </a> <a href="javascript:void(0);" v-if="parentData.name != thisColumn.name" @click="$to('listPage',{pid:parentData.id,id:parentData.id+`01`})">{{parentData.name}} > </a>
<a href="javascript:void(0);">{{thisColumn.name}}</a> <a href="javascript:void(0);" >{{thisColumn.name}}</a>
</div> </div>
</div> </div>
<div class="er_contant clearfloat"> <div class="er_contant clearfloat">
<div class="er_contl left"> <div class="er_contl left">
<div class="hjk_item"> <div class="hjk_item">
<h3>{{parentData.name}}</h3> <h3>{{thisColumn.name}}</h3>
<div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div> <div class="" style="width: 60px;height: 3px;background-color: #21c168;margin-top: -3px;"></div>
</div> </div>
<ul> <ul>
<template v-for="(col,colIndex) in columnList" > <template v-for="(col,colIndex) in columnList" >
<li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3" style="margin-left: 20px;font-size: 18px;">{{col.name}}</a></li> <li v-if="col.id == thisColumn.id" :key="colIndex" class="active2"><a href="javascript:void(0);" class="active3" style="margin-left: 20px;font-size: 16px;">{{col.name}}</a></li>
<li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" style="margin-left: 20px;font-size: 18px;" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li> <li v-if="col.id != thisColumn.id" :key="colIndex"><a href="javascript:void(0);" style="margin-left: 20px;font-size: 16px;" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
</template> </template>
</ul> </ul>
</div> </div>
@ -39,6 +39,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div> </div>
@ -66,6 +70,19 @@ export default {
thisColumn:{}, thisColumn:{},
columnList:[], columnList:[],
articleList: [], articleList: [],
queryParam: {},
/* 分页参数 */
ipagination:{
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + "-" + range[1] + " 共" + total + "条"
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
},
} }
}, },
computed:{ computed:{
@ -100,6 +117,11 @@ export default {
updated(){ updated(){
}, },
methods:{ methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
loadData(){ loadData(){
//查询栏目（包含当前的和候选的） //查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'sort',order: 'asc'}).then((res)=>{
@ -142,10 +164,17 @@ export default {
//非搜索，还没有子id，差个锤子 //非搜索，还没有子id，差个锤子
columnId = (columnId || this.pid) || '-1' columnId = (columnId || this.pid) || '-1'
} }
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{ var par = {isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize;
getAction('/gateway/gatewayArticle/list',par).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;
if(res.result.total){
this.ipagination.total = res.result.total;
}
} }
}); });
// } // }
@ -169,5 +198,9 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="less">
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style> </style>

232
src/views/gateway/listPage2.vue
View File

@ -27,242 +27,249 @@
<a-tree <a-tree
:showLine="true" :showLine="true"
:defaultExpandAll="true" :defaultExpandAll="true"
:selectedKeys="selectedKeys"
:defaultSelectedKeys="defaultSelectedKeys" :defaultSelectedKeys="defaultSelectedKeys"
@select="onSelect" @select="onSelect"
> >
<a-tree-node key="10101"> <a-tree-node key="10101">
<span slot="title" > <span slot="title" @click="typeFun('10101')" >
<img src="img/icon_xbzlzd.png" class="iconClass"> <img src="img/icon_xbzlzd.png" class="iconClass">
<span style="float:left;" @click="typeFun('10101')" >西部杂粮杂豆</span> <span style="float:left;">西部杂粮杂豆</span>
</span> </span>
<a-tree-node key="1010101" > <a-tree-node key="1010101" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010101')">
<img src="img/icon_gl.png" class="iconClass"> <img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px;" @click="nyzyFun('1010101')">高粱</span> <span style="float:left;font-size:14px;">高粱</span>
</span> </span>
<a-tree-node key="101010101"> <a-tree-node key="101010101">
<span slot="title"> <span slot="title" @click="nyzyFun('101010101')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010101')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010102" > <a-tree-node key="101010102" >
<span slot="title"> <span slot="title" @click="nyzyFun('101010102')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010102')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010102" > <a-tree-node key="1010102" >
<span slot="title" class="ant-tree-node-selected"> <span slot="title" class="ant-tree-node-selected" @click="nyzyFun('1010102')">
<img src="img/icon_hs.png" class="iconClass"> <img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px;" @click="nyzyFun('1010102')">花生</span> <span style="float:left;font-size:14px;" >花生</span>
</span> </span>
<a-tree-node key="101010201"> <a-tree-node key="101010201">
<span slot="title"> <span slot="title" @click="nyzyFun('101010201')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010201')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010202"> <a-tree-node key="101010202">
<span slot="title"> <span slot="title" @click="nyzyFun('101010202')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010202')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010103" > <a-tree-node key="1010103" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010103')">
<img src="img/icon_ld.png" class="iconClass"> <img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010103')">绿豆</span> <span style="float:left;font-size:14px">绿豆</span>
</span> </span>
<a-tree-node key="101010301"> <a-tree-node key="101010301">
<span slot="title"> <span slot="title" @click="nyzyFun('101010301')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010301')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010302"> <a-tree-node key="101010302">
<span slot="title"> <span slot="title" @click="nyzyFun('101010302')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010302')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010104" > <a-tree-node key="1010104" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010104')">
<img src="img/icon_xd.png" class="iconClass"> <img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010104')">小豆</span> <span style="float:left;font-size:14px">小豆</span>
</span> </span>
<a-tree-node key="101010401"> <a-tree-node key="101010401">
<span slot="title"> <span slot="title" @click="nyzyFun('101010401')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010401')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010402"> <a-tree-node key="101010402">
<span slot="title"> <span slot="title" @click="nyzyFun('101010402')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010402')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010105" > <a-tree-node key="1010105" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010105')">
<img src="img/icon_xm.png" class="iconClass"> <img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010105')">燕麦</span> <span style="float:left;font-size:14px">燕麦</span>
</span> </span>
<a-tree-node key="101010501"> <a-tree-node key="101010501">
<span slot="title"> <span slot="title" @click="nyzyFun('101010501')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010501')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010502"> <a-tree-node key="101010502">
<span slot="title"> <span slot="title" @click="nyzyFun('101010502')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010502')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010106" > <a-tree-node key="1010106" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010106')">
<img src="img/icon_gz.png" class="iconClass"> <img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010106')">谷子</span> <span style="float:left;font-size:14px">谷子</span>
</span> </span>
<a-tree-node key="101010601"> <a-tree-node key="101010601">
<span slot="title"> <span slot="title" @click="nyzyFun('101010601')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010601')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010602"> <a-tree-node key="101010602">
<span slot="title"> <span slot="title" @click="nyzyFun('101010602')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010602')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010107" > <a-tree-node key="1010107" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010107')">
<img src="img/icon_xrk.png" class="iconClass"> <img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010107')">向日葵</span> <span style="float:left;font-size:14px">向日葵</span>
</span> </span>
<a-tree-node key="101010701"> <a-tree-node key="101010701">
<span slot="title"> <span slot="title" @click="nyzyFun('101010701')">
<img src="img/icon_yz.png" class="iconClass"> <img src="img/icon_yz.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010701')">育种</span> <span style="float:left;font-size:12px">育种</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="101010702"> <a-tree-node key="101010702">
<span slot="title"> <span slot="title" @click="nyzyFun('101010702')">
<img src="img/icon_zp.png" class="iconClass"> <img src="img/icon_zp.png" class="iconClass">
<span style="float:left;font-size:12px" @click="nyzyFun('101010702')">栽培</span> <span style="float:left;font-size:12px">栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="10102"> <a-tree-node key="10102">
<span slot="title"> <span slot="title" @click="typeFun('10102')">
<img src="img/icon_dbjjzy.png" class="iconClass"> <img src="img/icon_dbjjzy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10102')">东部经济资源</span> <span style="float:left;">东部经济资源</span>
</span> </span>
<a-tree-node key="1010201" > <a-tree-node key="1010201" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010201')">
<img src="img/icon_dd.png" class="iconClass"> <img src="img/icon_dd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010201')">大豆</span> <span style="float:left;font-size:14px">大豆</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010202" > <a-tree-node key="1010202" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010202')">
<img src="img/icon_syj.png" class="iconClass"> <img src="img/icon_syj.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010202')">食用菌</span> <span style="float:left;font-size:14px">食用菌</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010203" > <a-tree-node key="1010203" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010203')">
<img src="img/icon_zyc.png" class="iconClass"> <img src="img/icon_zyc.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010203')">中药材</span> <span style="float:left;font-size:14px">中药材</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010204" > <a-tree-node key="1010204" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010204')">
<img src="img/icon_lgzy.png" class="iconClass"> <img src="img/icon_lgzy.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010204')">林果资源</span> <span style="float:left;font-size:14px">林果资源</span>
</span>
</a-tree-node>
<a-tree-node key="1010205" >
<span slot="title" @click="nyzyFun('1010205')">
<img src="img/icon_yc.png" class="iconClass">
<span style="float:left;font-size:14px">烟草</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="10103"> <a-tree-node key="10103">
<span slot="title"> <span slot="title" @click="typeFun('10103')">
<img src="img/icon_zblszy.png" class="iconClass"> <img src="img/icon_zblszy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10103')">中部粮食资源</span> <span style="float:left;">中部粮食资源</span>
</span> </span>
<a-tree-node key="1010301" > <a-tree-node key="1010301" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010301')">
<img src="img/icon_sd.png" class="iconClass"> <img src="img/icon_sd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010301')">水稻</span> <span style="float:left;font-size:14px">水稻</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010302" > <a-tree-node key="1010302" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010302')">
<img src="img/icon_ym.png" class="iconClass"> <img src="img/icon_ym.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010302')">玉米</span> <span style="float:left;font-size:14px">玉米</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="10104"> <a-tree-node key="10104">
<span slot="title"> <span slot="title" @click="typeFun('10104')">
<img src="img/icon_syjlszzzy.png" class="iconClass"> <img src="img/icon_syjlszzzy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10104')">适宜吉林省种植资源</span> <span style="float:left;">适宜吉林省种质资源</span>
</span> </span>
<a-tree-node key="1010401" > <a-tree-node key="1010401" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010401')">
<img src="img/icon_gl.png" class="iconClass"> <img src="img/icon_gl.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010401')">高粱</span> <span style="float:left;font-size:14px">高粱</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010402" > <a-tree-node key="1010402" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010402')">
<img src="img/icon_hs.png" class="iconClass"> <img src="img/icon_hs.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010402')">花生</span> <span style="float:left;font-size:14px">花生</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010403" > <a-tree-node key="1010403" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010403')">
<img src="img/icon_ld.png" class="iconClass"> <img src="img/icon_ld.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010403')">绿豆</span> <span style="float:left;font-size:14px">绿豆</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010404" > <a-tree-node key="1010404" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010404')">
<img src="img/icon_xd.png" class="iconClass"> <img src="img/icon_xd.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010404')">小豆</span> <span style="float:left;font-size:14px">小豆</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010405" > <a-tree-node key="1010405" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010405')">
<img src="img/icon_xm.png" class="iconClass"> <img src="img/icon_xm.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010405')">燕麦</span> <span style="float:left;font-size:14px">燕麦</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010406" > <a-tree-node key="1010406" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010406')">
<img src="img/icon_gz.png" class="iconClass"> <img src="img/icon_gz.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010406')">谷子</span> <span style="float:left;font-size:14px">谷子</span>
</span> </span>
</a-tree-node> </a-tree-node>
<a-tree-node key="1010407" > <a-tree-node key="1010407" >
<span slot="title"> <span slot="title" @click="nyzyFun('1010407')">
<img src="img/icon_xrk.png" class="iconClass"> <img src="img/icon_xrk.png" class="iconClass">
<span style="float:left;font-size:14px" @click="nyzyFun('1010407')">向日癸</span> <span style="float:left;font-size:14px">向日癸</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
<a-tree-node key="10105"> <a-tree-node key="10105">
<span slot="title"> <span slot="title" @click="nyzyFun('10105')">
<img src="img/icon_qt.png" class="iconClass"> <img src="img/icon_qt.png" class="iconClass">
<span style="float:left;" @click="nyzyFun('10105')">其他</span> <span style="float:left;">其他</span>
</span> </span>
</a-tree-node> </a-tree-node>
@ -281,7 +288,7 @@
<a href="javascript:void(0)" class="er_coa"> <a href="javascript:void(0)" class="er_coa">
<div> <div>
<div class="er_coaimg" @click="nyzyFun(zyData.code)"> <div class="er_coaimg" @click="nyzyFun(zyData.code)">
<img :src="zyData.picPath" > <img :src="zyData.picPath" style="width:210px;height:140px;">
</div> </div>
<div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div> <div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div>
</div> </div>
@ -307,6 +314,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div> </div>
@ -338,6 +349,19 @@ export default {
articleList: [], articleList: [],
nyzyShow: true, nyzyShow: true,
listShow: false, listShow: false,
queryParam: {},
/* 分页参数 */
ipagination:{
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + "-" + range[1] + " 共" + total + "条"
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
},
nyzyData: [ nyzyData: [
{ {
key:'10101', key:'10101',
@ -350,7 +374,7 @@ export default {
{ {
title: '花生', title: '花生',
code: '1010102', code: '1010102',
picPath:'img/nyzy_hs.jpg' picPath:'img/nyzy_hs.jpeg'
}, },
{ {
title: '绿豆', title: '绿豆',
@ -365,7 +389,7 @@ export default {
{ {
title: '燕麦', title: '燕麦',
code: '1010105', code: '1010105',
picPath:'img/nyzy_ym.jpg' picPath:'img/nyzy_ym.png'
}, },
{ {
title: '谷子', title: '谷子',
@ -430,7 +454,7 @@ export default {
{ {
title: '花生', title: '花生',
code: '1010402', code: '1010402',
picPath:'img/nyzy_hs.jpg' picPath:'img/nyzy_hs.jpeg'
}, },
{ {
title: '绿豆', title: '绿豆',
@ -445,7 +469,7 @@ export default {
{ {
title: '燕麦', title: '燕麦',
code: '1010405', code: '1010405',
picPath:'img/nyzy_ym.jpg' picPath:'img/nyzy_ym.png'
}, },
{ {
title: '谷子', title: '谷子',
@ -476,6 +500,7 @@ export default {
typeOption:'10101', typeOption:'10101',
syname:'', syname:'',
defaultSelectedKeys: [], defaultSelectedKeys: [],
selectedKeys:[],
} }
}, },
computed:{ computed:{
@ -512,7 +537,15 @@ export default {
updated(){ updated(){
}, },
methods:{ methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
nyzyFun(record){ nyzyFun(record){
this.ipagination.current = 1;
this.selectedKeys = [`${record}`]
document.documentElement.scrollTop = 0; document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的） //查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{
@ -524,12 +557,10 @@ export default {
if(res.success){ if(res.success){
let list = res.result.records let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent); var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2 this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){ if(res.success){
let list3 = res.result.records let list3 = res.result.records
console.log('111--->',list3);
this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1'); this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1');
} }
}); });
@ -552,17 +583,27 @@ export default {
//非搜索，还没有子id，差个锤子 //非搜索，还没有子id，差个锤子
columnId = (columnId || this.pid) || '-1' columnId = (columnId || this.pid) || '-1'
} }
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
var par = {isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize;
getAction('/gateway/gatewayArticle/list',par).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;
if(res.result.total){
this.ipagination.total = res.result.total;
}
} }
}); });
}, },
typeFun(record){ typeFun(record){
this.typeOption = record this.typeOption = record
this.nyzyShow= true this.nyzyShow= true
this.listShow= false this.listShow= false
this.selectedKeys = [`${record}`]
document.documentElement.scrollTop = 0; document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的） //查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:record,column: 'sort',order: 'asc'}).then((res)=>{
@ -574,12 +615,10 @@ export default {
if(res.success){ if(res.success){
let list = res.result.records let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent); var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2 this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){ if(res.success){
let list3 = res.result.records let list3 = res.result.records
console.log('111--->',list3);
this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1'); this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1');
} }
}); });
@ -612,7 +651,7 @@ export default {
}); });
if(typeOption.length>5){ if(typeOption.length>5 || typeOption=="10105"){
this.typeOption = typeOption.substring(0,5) this.typeOption = typeOption.substring(0,5)
this.nyzyShow= false this.nyzyShow= false
@ -631,10 +670,17 @@ export default {
//非搜索，还没有子id，差个锤子 //非搜索，还没有子id，差个锤子
columnId = (columnId || this.pid) || '-1' columnId = (columnId || this.pid) || '-1'
} }
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}).then((res)=>{
var par = {isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize;
getAction('/gateway/gatewayArticle/list',par).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;
if(res.result.total){
this.ipagination.total = res.result.total;
}
} }
}); });
@ -645,9 +691,8 @@ export default {
} }
this.$nextTick(() => { this.$nextTick(() => {
this.defaultSelectedKeys = [`${this.id}`] this.selectedKeys = [`${this.id}`]
}); });
console.log('this.defaultSelectedKeys-->',this.defaultSelectedKeys);
}, },
getDay(dateTime){ getDay(dateTime){
if(!dateTime) return ''; if(!dateTime) return '';
@ -689,4 +734,7 @@ export default {
display: none !important; display: none !important;
} }
} }
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style> </style>

133
src/views/gateway/listPage3.vue
View File

@ -6,7 +6,7 @@
<span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span> <span><img src="img/shouye.png" style="width: 16px;margin: 11px 4px 0 0;"></span>
<span>当前位置：</span> <span>当前位置：</span>
<a href="javascript:void(0);" @click="$to('home')">首页 ></a> <a href="javascript:void(0);" @click="$to('home')">首页 ></a>
<a href="javascript:void(0);" v-if="parentData.name && parentData.name != '首页'" >{{parentData.name}} > </a> <a href="javascript:void(0);" v-if="parentData.name && parentData.name != '首页' && parentData.name != syname" >{{parentData.name}} > </a>
<a href="javascript:void(0);">{{syname}}</a> <a href="javascript:void(0);">{{syname}}</a>
<!-- <a href="javascript:void(0);">{{syname}}</a> --> <!-- <a href="javascript:void(0);">{{syname}}</a> -->
</div> </div>
@ -26,58 +26,58 @@
@openChange="onOpenChange" @openChange="onOpenChange"
> >
<a-menu-item key="301" :class="syname =='工作动态'?'active2':''"> <a-menu-item key="301" :class="syname =='工作动态'?'active2':''">
<span :class="syname =='工作动态'?'active3':''" style="font-size:18px;"> <span :class="syname =='工作动态'?'active3':''" style="font-size: 16px;">
工作动态 工作动态
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="302" :class="syname =='行业要闻'?'active2':''" > <a-menu-item key="302" :class="syname =='行业要闻'?'active2':''" >
<span :class="syname =='行业要闻'?'active3':''" style="font-size:18px;"> <span :class="syname =='行业要闻'?'active3':''" style="font-size: 16px;">
行业要闻 行业要闻
</span> </span>
</a-menu-item> </a-menu-item>
<a-sub-menu key="401" :class="syname =='数据中心'?'active2':''"> <a-sub-menu key="401" :class="syname =='数据中心'?'active2':''">
<span slot="title" > <span slot="title" >
<span :class="syname =='数据中心'?'active3':''" style="font-size:18px;"> <span :class="syname =='数据中心'?'active3':''" style="font-size: 16px;">
数据中心 数据中心
</span> </span>
</span> </span>
<a-menu-item key="40101" :class="syname =='微观经济调查'?'active2':''"> <a-menu-item key="40101" :class="syname =='微观经济调查'?'active2':''">
<span :class="syname =='微观经济调查'?'active3':''" style="font-size:18px;"> <span :class="syname =='微观经济调查'?'active3':''" style="font-size: 16px;">
微观经济调查 微观经济调查
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="40102" :class="syname =='农业资源数据'?'active2':''"> <a-menu-item key="40102" :class="syname =='农业资源数据'?'active2':''">
<span :class="syname =='农业资源数据'?'active3':''" style="font-size:18px;"> <span :class="syname =='农业资源数据'?'active3':''" style="font-size: 16px;">
农业资源数据 农业资源数据
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="40103" :class="syname =='遥感数据'?'active2':''"> <a-menu-item key="40103" :class="syname =='遥感数据'?'active2':''">
<span :class="syname =='遥感数据'?'active3':''" style="font-size:18px;"> <span :class="syname =='遥感数据'?'active3':''" style="font-size: 16px;">
遥感数据 遥感数据
</span> </span>
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<a-sub-menu key="304" :class="syname =='科研成果'?'active2':''" style="font-size:18px;"> <a-sub-menu key="304" :class="syname =='科研成果'?'active2':''" style="font-size: 16px;">
<span slot="title"> <span slot="title">
<span :class="syname =='科研成果'?'active3':''" style="font-size:18px;"> <span :class="syname =='科研成果'?'active3':''" style="font-size: 16px;">
科研成果 科研成果
</span> </span>
</span> </span>
<a-menu-item key="30401" :class="syname =='成果登记'?'active2':''"> <a-menu-item key="30401" :class="syname =='成果登记'?'active2':''">
<span :class="syname =='成果登记'?'active3':''" style="font-size:18px;"> <span :class="syname =='成果登记'?'active3':''" style="font-size: 16px;">
成果登记 成果登记
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="30402" :class="syname =='获奖情况'?'active2':''"> <a-menu-item key="30402" :class="syname =='获奖情况'?'active2':''">
<span :class="syname =='获奖情况'?'active3':''" style="font-size:18px;"> <span :class="syname =='获奖情况'?'active3':''" style="font-size: 16px;">
获奖情况 获奖情况
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="30403" :class="syname =='发表论文'?'active2':''"> <a-menu-item key="30403" :class="syname =='发表论文'?'active2':''">
<span :class="syname =='发表论文'?'active3':''" style="font-size:18px;"> <span :class="syname =='发表论文'?'active3':''" style="font-size: 16px;">
发表论文 发表论文
</span> </span>
@ -85,54 +85,54 @@
</a-sub-menu> </a-sub-menu>
<a-sub-menu key="305" :class="syname =='政策文件'?'active2':''"> <a-sub-menu key="305" :class="syname =='政策文件'?'active2':''">
<span slot="title"> <span slot="title">
<span :class="syname =='政策文件'?'active3':''" style="font-size:18px;"> <span :class="syname =='政策文件'?'active3':''" style="font-size: 16px;">
政策文件 政策文件
</span> </span>
</span> </span>
<a-menu-item key="30501" :class="syname =='省内政策'?'active2':''"> <a-menu-item key="30501" :class="syname =='省内政策'?'active2':''">
<span :class="syname =='省内政策'?'active3':''" style="font-size:18px;"> <span :class="syname =='省内政策'?'active3':''" style="font-size: 16px;">
省内政策 省内政策
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="30502" :class="syname =='国内政策'?'active2':''"> <a-menu-item key="30502" :class="syname =='国内政策'?'active2':''">
<span :class="syname =='国内政策'?'active3':''" style="font-size:18px;"> <span :class="syname =='国内政策'?'active3':''" style="font-size: 16px;">
国内政策 国内政策
</span> </span>
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<a-menu-item key="306" :class="syname =='特色农业资源最新动态'?'active2':''"> <a-menu-item key="306" :class="syname =='特色农业资源最新动态'?'active2':''">
<span :class="syname =='特色农业资源最新动态'?'active3':''" style="font-size:18px;"> <span :class="syname =='特色农业资源最新动态'?'active3':''" style="font-size: 16px;">
特色农业资源最新动态 特色农业资源最新动态
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="303" :class="syname =='合作交流'?'active2':''"> <a-menu-item key="303" :class="syname =='合作交流'?'active2':''">
<span :class="syname =='合作交流'?'active3':''" style="font-size:18px;"> <span :class="syname =='合作交流'?'active3':''" style="font-size: 16px;">
合作交流 合作交流
</span> </span>
</a-menu-item> </a-menu-item>
<a-sub-menu key="501" :class="syname =='专题专栏'?'active2':''"> <a-sub-menu key="501" :class="syname =='专题专栏'?'active2':''">
<span slot="title"> <span slot="title">
<span :class="syname =='专题专栏'?'active3':''" style="font-size: 18px;"> <span :class="syname =='专题专栏'?'active3':''" style="font-size: 16px;">
专题专栏 专题专栏
</span> </span>
</span> </span>
<a-menu-item key="50101" :class="syname =='土壤'?'active2':''"> <a-menu-item key="50101" :class="syname =='土壤'?'active2':''">
<span :class="syname =='土壤'?'active3':''" style="font-size:18px;"> <span :class="syname =='土壤'?'active3':''" style="font-size: 16px;">
土壤 土壤
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="50102" :class="syname =='水资源'?'active2':''"> <a-menu-item key="50102" :class="syname =='水资源'?'active2':''">
<span :class="syname =='水资源'?'active3':''" style="font-size:18px;"> <span :class="syname =='水资源'?'active3':''" style="font-size: 16px;">
水资源 水资源
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="50103" :class="syname =='气候资源'?'active2':''"> <a-menu-item key="50103" :class="syname =='气候资源'?'active2':''">
<span :class="syname =='气候资源'?'active3':''" style="font-size:18px;"> <span :class="syname =='气候资源'?'active3':''" style="font-size: 16px;">
气候资源 气候资源
</span> </span>
</a-menu-item> </a-menu-item>
<a-menu-item key="50104" :class="syname =='生物资源'?'active2':''"> <a-menu-item key="50104" :class="syname =='生物资源'?'active2':''">
<span :class="syname =='生物资源'?'active3':''" style="font-size:18px;"> <span :class="syname =='生物资源'?'active3':''" style="font-size: 16px;">
生物资源 生物资源
</span> </span>
</a-menu-item> </a-menu-item>
@ -156,6 +156,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div> </div>
@ -187,6 +191,19 @@ export default {
rootSubmenuKeys:['401','304','305','501'], rootSubmenuKeys:['401','304','305','501'],
openKeys: [], openKeys: [],
fpid:'', fpid:'',
queryParam: {},
/* 分页参数 */
ipagination:{
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + "-" + range[1] + " 共" + total + "条"
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
},
} }
}, },
computed:{ computed:{
@ -205,18 +222,24 @@ export default {
}, },
}, },
mounted(){ mounted(){
// this.openKeys = [this.$route.query.pid]; var openId = this.pid
// this.openKeys = [this.pid]; if(openId=='1'){
this.openKeys = [`${this.pid}`]; openId = this.id
this.loadData(); }
this.openKeys = [`${openId}`];
this.loadData(openId);
}, },
watch:{ watch:{
pid(){ pid(){
this.openKeys = [`${this.pid}`];
console.log("this.pid =>",this.pid,this.openKeys)
this.loadData(); this.loadData();
}, },
id(){ id(){
var openId = this.pid
if(openId=='1'){
openId = this.id
}
this.openKeys = [`${openId}`];
this.queryParam.id = openId
this.loadData(); this.loadData();
}, },
findStr(){ findStr(){
@ -226,18 +249,33 @@ export default {
updated(){ updated(){
}, },
methods:{ methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
handleShowSizeChange(current, pageSize) {
this.$set(this.pagination, 'pageSize', pageSize)
this.$emit('change', {current, pageSize})
},
titleClick(record){ titleClick(record){
console.log('titleClick-->',record);
}, },
handleClick(record){ handleClick(record){
console.log('record-->',record); this.ipagination.current = 1;
var list = record.keyPath
console.log('handleClick-->',list);
this.openKeys = [`${list[1]}`];
this.loadData(record.key) this.loadData(record.key)
}, },
loadData(id){ loadData(id){
//如果没有ID自动选中一个 //如果没有ID自动选中一个
// if(this.id){ // if(this.id){
let columnId = id||this.id; document.documentElement.scrollTop = 0;
let columnId = id||this.queryParam.id;
this.queryParam.id = columnId
console.log('columnId-->',columnId);
if(columnId == '301'){this.syname = "工作动态"} if(columnId == '301'){this.syname = "工作动态"}
else if(columnId == '302'){this.syname = "行业要闻"} else if(columnId == '302'){this.syname = "行业要闻"}
else if(columnId == '304'){this.syname = "科研成果";columnId = '30401'} else if(columnId == '304'){this.syname = "科研成果";columnId = '30401'}
@ -264,25 +302,28 @@ export default {
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:columnId,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:columnId,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records let list = res.result.records
// console.log('list===>',list);
//查出根节点 //查出根节点
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:list[0].parent,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:list[0].parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records let list = res.result.records
console.log('list===>',list);
//查出根节点 //查出根节点
this.parentData = list.find(x => !x.parent||x.parent=='1'); this.parentData = list.find(x => !x.parent||x.parent=='1');
} }
}); });
} }
}); });
var par = {isRelease:'Y',columnId:columnId,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize;
//查询文章列表 //查询文章列表
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',columnId:columnId,column: 'createTime',order: 'desc'}).then((res)=>{ getAction('/gateway/gatewayArticle/list',par).then((res)=>{
if(res.success){ if(res.success){
let list = res.result.records||res.result; if(res.result.total){
this.parentData = list.find(x => !x.parent||x.parent=='1'); this.ipagination.total = res.result.total;
this.articleList = list; }
} let list = res.result.records||res.result;
this.articleList = list;
}
}); });
// } // }
}, },
@ -301,7 +342,7 @@ export default {
let d = new Date(dateTime); let d = new Date(dateTime);
return d.getFullYear() + '-' + (d.getMonth()+1) return d.getFullYear() + '-' + (d.getMonth()+1)
}, },
onOpenChange(openKeys) { onOpenChange(openKeys) {
const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1); const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1);
if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) { if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
this.openKeys = openKeys; this.openKeys = openKeys;
@ -353,4 +394,16 @@ export default {
.ant-menu-sub.ant-menu-inline:hover li{ .ant-menu-sub.ant-menu-inline:hover li{
color: #07a54d !important; color: #07a54d !important;
} }
/deep/ .ant-menu-submenu-arrow{
color: #07a54d;
}
/deep/ .ant-menu-submenu-title:hover,/deep/.ant-menu-submenu-active,/deep/.ant-menu-item{
color: #07a54d;
}
/deep/ .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,/deep/.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before{
background: #07a54d;
}
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style> </style>

37
src/views/gateway/listPageSearch.vue
View File

@ -37,6 +37,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div> </div>
@ -64,6 +68,19 @@ export default {
thisColumn:{}, thisColumn:{},
columnList:[], columnList:[],
articleList: [], articleList: [],
queryParam: {},
/* 分页参数 */
ipagination:{
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + "-" + range[1] + " 共" + total + "条"
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
},
} }
}, },
computed:{ computed:{
@ -98,6 +115,11 @@ export default {
updated(){ updated(){
}, },
methods:{ methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
loadData(){ loadData(){
//如果没有ID自动选中一个 //如果没有ID自动选中一个
// if(this.id){ // if(this.id){
@ -106,10 +128,17 @@ export default {
if(this.findStr){ if(this.findStr){
findParam.title = this.findStr; findParam.title = this.findStr;
} }
getAction('/gateway/gatewayArticle/list',{pageSize:-1,isRelease:'Y',...findParam,column: 'createTime',order: 'desc'}).then((res)=>{ var par = {isRelease:'Y',...findParam,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize;
getAction('/gateway/gatewayArticle/list',par).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;
if(res.result.total){
this.ipagination.total = res.result.total;
}
} }
}); });
// } // }
@ -133,5 +162,9 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="less">
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style> </style>

7
src/views/gateway/mixins/getwayMixin.js
View File

@ -60,8 +60,11 @@ export const getwayMixin = {
// window.open('','_blank') // window.open('','_blank')
const{ href } = this.$router.resolve({name,query,replace}); const{ href } = this.$router.resolve({name,query,replace});
if(name.indexOf('detailedPage')>-1){
window.open(href,'_blank'); window.open(href,'_blank');
}else{
this.$router.push({name,query,replace})
}
}, },
/* 图片预览 */ /* 图片预览 */

2
src/views/jeecg/ImagPreview.vue
View File

@ -110,6 +110,6 @@
} }
.clName .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected { .clName .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: #1890FF !important; background-color: #07a54d !important;
} }
</style> </style>

218
src/views/modules/nd/TqdGatewayConfigList.vue Normal file
View File

@ -0,0 +1,218 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('网站配置')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
<!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div>
<a-table
ref="table"
size="middle"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange">
<template slot="htmlSlot" slot-scope="text">
<div v-html="text"></div>
</template>
<template slot="imgSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template>
<template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载
</a-button>
</template>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
<a-menu slot="overlay">
<a-menu-item>
<a @click="handleDetail(record)">详情</a>
</a-menu-item>
<a-menu-item>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</a-table>
</div>
<tqd-gateway-config-modal ref="modalForm" @ok="modalFormOk"></tqd-gateway-config-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import TqdGatewayConfigModal from './modules/TqdGatewayConfigModal'
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
export default {
name: 'TqdGatewayConfigList',
mixins:[JeecgListMixin, mixinDevice],
components: {
TqdGatewayConfigModal,
JSuperQuery,
},
data () {
return {
description: '网站配置管理页面',
// 表头
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
}
},
{
title:'简介图片',
align:"center",
dataIndex: 'jjPic',
scopedSlots: {customRender: 'imgSlot'}
},
{
title:'简介介绍',
align:"center",
dataIndex: 'jjContent'
},
{
title:'联系电话',
align:"center",
dataIndex: 'tel'
},
{
title:'电子邮箱',
align:"center",
dataIndex: 'dzyx'
},
{
title:'联系我们图片',
align:"center",
dataIndex: 'lxwmPic',
scopedSlots: {customRender: 'imgSlot'}
},
{
title:'地址定位图片',
align:"center",
dataIndex: 'dzdwPic',
scopedSlots: {customRender: 'imgSlot'}
},
{
title:'地址',
align:"center",
dataIndex: 'address'
},
{
title:'座机',
align:"center",
dataIndex: 'zuoji'
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' }
}
],
url: {
list: "/gateway/tqdGatewayConfig/list",
delete: "/gateway/tqdGatewayConfig/delete",
deleteBatch: "/gateway/tqdGatewayConfig/deleteBatch",
exportXlsUrl: "/gateway/tqdGatewayConfig/exportXls",
importExcelUrl: "gateway/tqdGatewayConfig/importExcel",
},
dictOptions:{},
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig(){
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'Text',value:'jjPic',text:'简介图片',dictCode:''})
fieldList.push({type:'Text',value:'jjContent',text:'简介介绍',dictCode:''})
fieldList.push({type:'string',value:'tel',text:'联系电话',dictCode:''})
fieldList.push({type:'string',value:'dzyx',text:'电子邮箱',dictCode:''})
fieldList.push({type:'Text',value:'lxwmPic',text:'联系我们图片',dictCode:''})
fieldList.push({type:'Text',value:'dzdwPic',text:'地址定位图片',dictCode:''})
fieldList.push({type:'string',value:'address',text:'地址',dictCode:''})
fieldList.push({type:'string',value:'zuoji',text:'座机',dictCode:''})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

15
src/views/modules/nd/modules/GatewayArticleFormQy.vue
View File

@ -95,11 +95,11 @@
model: {}, model: {},
labelCol: { labelCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 5 }, sm: { span: 3 },
}, },
wrapperCol: { wrapperCol: {
xs: { span: 24 }, xs: { span: 24 },
sm: { span: 16 }, sm: { span: 18 },
}, },
confirmLoading: false, confirmLoading: false,
validatorRules: { validatorRules: {
@ -175,7 +175,13 @@
return false return false
}, },
columnId(){ columnId(){
return this.$route.query.columnId || '-1'; var fullPath = this.$route.fullPath
if(fullPath.indexOf("columnId=")>-1){
var arr = fullPath.split("columnId=");
return arr[1]
}else{
return this.$route.query.columnId || '-1';
}
} }
}, },
created () { created () {
@ -187,9 +193,6 @@
this.edit({}); this.edit({});
}, },
edit (record) { edit (record) {
// this.columnIdDictCode = 'tqd_gateway_column,name,id,id=-1',
// this.$nextTick(() => this.$nextTick(() => this.columnIdDictCode = 'tqd_gateway_column,name,id,parent is not null'));
// this.$refs.dictRef.initDictData();
this.form.resetFields(); this.form.resetFields();
this.model = Object.assign({}, record); this.model = Object.assign({}, record);
this.visible = true; this.visible = true;

2
src/views/modules/nd/modules/GatewayArticleModalQy.vue
View File

@ -23,7 +23,7 @@
data () { data () {
return { return {
title:'', title:'',
width:'80vw', width:'90vw',
visible: false, visible: false,
disableSubmit: false disableSubmit: false
} }

193
src/views/modules/nd/modules/TqdGatewayConfigForm.vue Normal file
View File

@ -0,0 +1,193 @@
<template>
<a-spin :spinning="confirmLoading">
<j-form-container :disabled="formDisabled">
<a-form :form="form" slot="detail">
<a-row>
<a-col :span="24">
<a-form-item label="简介图片" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload isMultiple v-decorator="['jjPic']" ></j-image-upload>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="简介介绍" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-textarea v-decorator="['jjContent']" rows="4" placeholder="请输入简介介绍" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['tel']" placeholder="请输入联系电话" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="电子邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['dzyx']" placeholder="请输入电子邮箱" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="联系我们图片" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload isMultiple v-decorator="['lxwmPic']" ></j-image-upload>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="地址定位图片" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-image-upload isMultiple v-decorator="['dzdwPic']" ></j-image-upload>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['address']" placeholder="请输入地址" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="座机" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['zuoji']" placeholder="请输入座机" ></a-input>
</a-form-item>
</a-col>
<a-col v-if="showFlowSubmitButton" :span="24" style="text-align: center">
<a-button @click="submitForm">提 交</a-button>
</a-col>
</a-row>
</a-form>
</j-form-container>
</a-spin>
</template>
<script>
import { httpAction, getAction } from '@/api/manage'
import pick from 'lodash.pick'
import { validateDuplicateValue } from '@/utils/util'
import JFormContainer from '@/components/jeecg/JFormContainer'
import JImageUpload from '@/components/jeecg/JImageUpload'
export default {
name: 'TqdGatewayConfigForm',
components: {
JFormContainer,
JImageUpload,
},
props: {
//流程表单data
formData: {
type: Object,
default: ()=>{},
required: false
},
//表单模式：true流程表单 false普通表单
formBpm: {
type: Boolean,
default: false,
required: false
},
//表单禁用
disabled: {
type: Boolean,
default: false,
required: false
}
},
data () {
return {
form: this.$form.createForm(this),
model: {},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
},
url: {
add: "/gateway/tqdGatewayConfig/add",
edit: "/gateway/tqdGatewayConfig/edit",
queryById: "/gateway/tqdGatewayConfig/queryById"
}
}
},
computed: {
formDisabled(){
if(this.formBpm===true){
if(this.formData.disabled===false){
return false
}
return true
}
return this.disabled
},
showFlowSubmitButton(){
if(this.formBpm===true){
if(this.formData.disabled===false){
return true
}
}
return false
}
},
created () {
//如果是流程中表单，则需要加载流程表单data
this.showFlowData();
},
methods: {
add () {
this.edit({});
},
edit (record) {
this.form.resetFields();
this.model = Object.assign({}, record);
this.visible = true;
this.$nextTick(() => {
this.form.setFieldsValue(pick(this.model,'jjPic','jjContent','tel','dzyx','lxwmPic','dzdwPic','address','zuoji'))
})
},
//渲染流程表单数据
showFlowData(){
if(this.formBpm === true){
let params = {id:this.formData.dataId};
getAction(this.url.queryById,params).then((res)=>{
if(res.success){
this.edit (res.result);
}
});
}
},
submitForm () {
const that = this;
// 触发表单验证
this.form.validateFields((err, values) => {
if (!err) {
that.confirmLoading = true;
let httpurl = '';
let method = '';
if(!this.model.id){
httpurl+=this.url.add;
method = 'post';
}else{
httpurl+=this.url.edit;
method = 'put';
}
let formData = Object.assign(this.model, values);
console.log("表单提交数据",formData)
httpAction(httpurl,formData,method).then((res)=>{
if(res.success){
that.$message.success(res.message);
that.$emit('ok');
}else{
that.$message.warning(res.message);
}
}).finally(() => {
that.confirmLoading = false;
})
}
})
},
popupCallback(row){
this.form.setFieldsValue(pick(row,'jjPic','jjContent','tel','dzyx','lxwmPic','dzdwPic','address','zuoji'))
},
}
}
</script>

60
src/views/modules/nd/modules/TqdGatewayConfigModal.vue Normal file
View File

@ -0,0 +1,60 @@
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel"
cancelText="关闭">
<tqd-gateway-config-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></tqd-gateway-config-form>
</j-modal>
</template>
<script>
import TqdGatewayConfigForm from './TqdGatewayConfigForm'
export default {
name: 'TqdGatewayConfigModal',
components: {
TqdGatewayConfigForm
},
data () {
return {
title:'',
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
})
},
close () {
this.$emit('close');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleCancel () {
this.close()
}
}
}
</script>

83
src/views/modules/nd/modules/TqdGatewayConfigModal__Style#Drawer.vue Normal file
View File

@ -0,0 +1,83 @@
<template>
<a-drawer
:title="title"
:width="width"
placement="right"
:closable="false"
@close="close"
:visible="visible">
<tqd-gateway-config-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></tqd-gateway-config-form>
<div class="drawer-footer">
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
</div>
</a-drawer>
</template>
<script>
import TqdGatewayConfigForm from './TqdGatewayConfigForm'
export default {
name: 'TqdGatewayConfigModal',
components: {
TqdGatewayConfigForm
},
data () {
return {
title:"操作",
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
});
},
close () {
this.$emit('close');
this.visible = false;
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
handleCancel () {
this.close()
}
}
}
</script>
<style lang="less" scoped>
/** Button按钮间距 */
.ant-btn {
margin-left: 30px;
margin-bottom: 30px;
float: right;
}
.drawer-footer{
position: absolute;
bottom: -8px;
width: 100%;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
</style>

2
src/views/user/Login.vue
View File

@ -421,7 +421,7 @@
transition: color .3s; transition: color .3s;
&:hover { &:hover {
color: #1890ff; color: #07a54d;
} }
} }

2
src/views/user/third/ThirdLogin.vue
View File

@ -99,7 +99,7 @@ export default {
transition: color .3s; transition: color .3s;
& :hover { & :hover {
color: #1890ff; color: #07a54d;
} }
} }
.register { .register {

4
vue.config.js
View File

@ -117,8 +117,8 @@ module.exports = {
less: { less: {
modifyVars: { modifyVars: {
/* less 变量覆盖，用于自定义 ant design 主题 */ /* less 变量覆盖，用于自定义 ant design 主题 */
'primary-color': '#1890FF', 'primary-color': '#07a54d',
'link-color': '#1890FF', 'link-color': '#07a54d',
'border-radius-base': '4px' 'border-radius-base': '4px'
}, },
javascriptEnabled: true javascriptEnabled: true