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 no-duplicate-selectors */
/* stylelint-disable */
@ -1375,7 +1375,7 @@ this.tinycolor = tinycolor;
@blue-3: color(~`colorPalette("@{blue-6}", 3)`);
@blue-4: color(~`colorPalette("@{blue-6}", 4)`);
@blue-5: color(~`colorPalette("@{blue-6}", 5)`);
@blue-6: #1890ff;
@blue-6: #07a54d;
@blue-7: color(~`colorPalette("@{blue-6}", 7)`);
@blue-8: color(~`colorPalette("@{blue-6}", 8)`);
@blue-9: color(~`colorPalette("@{blue-6}", 9)`);

25
public/css/style.css
View File

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

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

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

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

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

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

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

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

@ -6,16 +6,6 @@
:style="{ padding: '0' }">
<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-else>Jeecg-Boot</span>

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

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

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

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

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

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

2
src/defaultSettings.js
View File

@ -14,7 +14,7 @@
*/
export default {
primaryColor: '#1890FF', // primary color of ant design
primaryColor: '#07a54d', // primary color of ant design
navTheme: 'light', // theme for nav menu
layout: 'sidemenu', // nav menu position: sidemenu or 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 {
span {
color: #1890ff;
color: #07a54d;
}
}
}

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

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

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

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

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

@ -36,8 +36,8 @@
技术支持：长春市千鸟科技发展有限公司
</div>
<div>
<span>地址：长春市人民大街1486号</span>
<span>联系方式：0431－88906486</span>
<span>地址：{{lxdzData.address}}</span>
<span>联系方式：{{lxdzData.zuoji}}</span>
</div>
<!-- <div>
<span>备案号：吉ICP备05001602号</span>
@ -65,6 +65,7 @@ export default {
linksYqljList:[],
linksYqljList2:[],
linksYqljList3:[],
lxdzData:{},
}
},
computed:{
@ -103,6 +104,15 @@ export default {
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>
</li>
<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>其他</span>
</a>
@ -172,19 +172,19 @@
<span><i class="iconfont">&#xe856;</i></span>
<span>西部特色经济作物区域布局</span>
</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>东部特色资源区域布局</span>
</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>中部粮食加工业区域布局</span>
</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>历史区划数据</span>
</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>其他</span>
</a>
@ -311,26 +311,39 @@ export default {
computed:{
banClass(){
let r = 'detailHtml';
switch (this.$route.query.pid) {
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;
var pid = this.$route.query.pid
var fullPath = this.$route.fullPath
console.log('fullPath--->',fullPath,pid);
// if(!pid){
// r = 'ban';
// }
switch (pid) {
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 'home': r = 'ban'; break;
case '501': r = 'detailHtml'; break;
case '306': r = 'detailHtml'; break;
case '305': r = 'detailHtml'; break;
case '304': r = 'detailHtml'; break;
case '303': r = 'detailHtml'; break;
case '302': r = 'detailHtml'; break;
case '301': r = 'baner8'; break;
case 501: r = 'detailHtml'; break;
case 306: r = 'detailHtml'; break;
case 305: r = 'detailHtml'; break;
case 304: r = 'detailHtml'; break;
case 303: r = 'detailHtml'; break;
case 302: r = 'detailHtml'; break;
case 301: r = 'baner9'; break;
case 1: r = 'baner9'; break;
default:
break;
}
if(fullPath.indexOf('detailedPage')>-1){
r = "detailHtml";
}else if(fullPath.indexOf('home')>-1){
r = "ban";
}
return r;
}
},
@ -416,5 +429,8 @@ export default {
}
</script>
<style scoped>
<style lang="less" scoped>
#MutiNav .multiUl .multiUlli a.mulgo{
line-height: 50px;
}
</style>

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

@ -12,7 +12,7 @@
<p class="elli" style="cursor:pointer;" @click="$to('detailedPage',{id:tt.id})">{{$tfnm(tt,'content',60)}}</p>
</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.next()" class="txfd"><i class="el-icon-arrow-down"></i></div>
</div>
@ -23,15 +23,7 @@
<!-- 轮播图 -->
<div class="PageOneL left">
<div id="inlunbo" class="pos1">
<!-- <a-carousel >
<div height="400px" 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>
<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>
</a-carousel> -->
<el-carousel height="400px" indicator-position="none" ref="prev2">
<el-carousel style="width: 590px;height: 400px;" indicator-position="none" ref="prev2" @change="hdpChange" >
<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>
<div class="luntxt">
@ -39,8 +31,10 @@
</div>
</el-carousel-item>
</el-carousel>
<div style="position: absolute;bottom: 0;right:0;z-index: 99999;color: white;margin: 0 8px 18px 0;">
<span @click="()=>$refs.prev2.setActiveItem(lbtIndex)" class="txfd hdpfy" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">{{lbtIndex+1}}</span>
<div style="position: absolute;bottom: 22px;right: 10px;z-index: 99999;color: white;">
<span :id="`hdp`+lbtIndex" @click="()=>$refs.prev2.setActiveItem(lbtIndex)" class="hdpfy" v-for="(lbt,lbtIndex) in lbtList" :key="lbtIndex">{{lbtIndex+1}}
</span>
</div>
</div>
</div>
@ -174,30 +168,6 @@
<li :class="kycgTab == 30403 ? 'selected' : ''" @mouseenter="changeTabKycg(30403)">发表论文</li>
</ul>
</div>
<!-- <div class="h_rdown"> -->
<!-- <div class="spbox clearfloat" @click="$to('detailedPage3',{id:kycgList[0].id})" style="cursor:pointer;">
<span class="spimg" ><img :src="kycgList[0].cover?$tImg(kycgList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;" ></span>
<div class="spcont">
<a class="spydsb elli">{{kycgList[0].title}}</a>
<p class="over-line2">{{$tfnm(kycgList[0],'content',84)}}</p>
<div class="yueduit clearfloat">
<span>{{getYearMonthDay(kycgList[0].updateTime || kycgList[0].createTime)}}</span>
</div>
</div>
</div>
<ul>
<template v-for="(kycg,kycgIndex) in kycgList">
<template v-if="kycgIndex>0">
<li :key="kycgIndex">
<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 class="h_ldown">
<ul>
<li v-for="(kycg,kycgIndex) in kycgList" :key="kycgIndex">
@ -282,7 +252,7 @@
<ul>
<template v-for="(kycg,kycgIndex) in hzjlList" >
<template v-if="kycgIndex>0">
<li style="margin-top: 9px;" :key="kycgIndex">
<li style="margin-top: 13px;" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat">
<span class="sadfa">></span>
<h4 class="elli">{{kycg.title}}</h4>
@ -301,9 +271,9 @@
<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:50101})" class="elli" style="margin-bottom: 18px;"><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: 18px;"><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: 18px;"><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>
@ -350,6 +320,14 @@ export default {
}
},
computed:{
lbtActiveIndex(){
// if(this.$refs.prev2){
// return this.$refs.prev2.activeIndex
// }else{
// return this.$refs.prev2
// }
// return (this.$refs.prev2 || {}).activeIndex || 0
}
},
mounted(){
this.loadData();
@ -362,10 +340,20 @@ export default {
};
//当页面大小变动时，更新高度
window.onresize = load;
},
watch:{
},
updated(){
},
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(){
//头条
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){
let list = res.result.records||res.result;
this.lbtList = list;
setTimeout(() => {
this.hdpChange(0)
}, 100);
}
});
//工作动态
@ -610,15 +601,32 @@ export default {
color: #333;
}
.txfd{
width:25px;height:25px;line-height:25px;margin-top:16px;color:white;text-align:center;margin-right:5px;cursor:pointer;
& :hover{
transform: scale(2);
width: 18px;
height: 18px;
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{
margin: 0px 5px 18px 0px;
border: 1px #d6cccc solid;
padding: 3px 8px;
background-color: #9f8383fa;
display: inline-block;
width: 16px;
height: 16px;
font-size: 12px;
text-align: center;
line-height: 16px;
margin-left: 5px;
cursor: pointer;
}
/deep/ .el-carousel__container{
height: 400px;
}
</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>当前位置：</span>
<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);">{{thisColumn.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);" @click="$to('listPage',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div>
</div>
<div class="er_contant clearfloat">
@ -76,7 +76,7 @@ export default {
},
linkOpenToNewPage(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"')
}
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>当前位置：</span>
<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);">{{thisColumn.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);" @click="$to('listPage2',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div>
</div>
<div class="er_contant clearfloat">
@ -19,7 +19,7 @@
<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>
</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)">
<span>附件：</span>
@ -214,6 +214,13 @@ export default {
fujian(record){
var arr = record.split("/");
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) {
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>当前位置：</span>
<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);">{{thisColumn.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);" @click="$to('listPage3',{pid:thisColumn.parent?thisColumn.parent:thisColumn.id,id:thisColumn.parent?thisColumn.id:null})">{{thisColumn.name}}</a>
</div>
</div>
<div class="er_contant clearfloat">
@ -19,7 +19,7 @@
<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>
</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)">
<span>附件：</span>
@ -77,6 +77,13 @@ export default {
var arr = record.split("/");
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){
console.log('record-->',record);
this.loadData2(record.key)

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

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

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

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

45
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>当前位置：</span>
<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>
</div>
</div>
<div class="er_contant clearfloat">
<div class="er_contl left">
<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>
<ul>
<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"><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" 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: 16px;" @click="$to('listPage',{pid:col.parent,id:col.id})">{{col.name}}</a></li>
</template>
</ul>
</div>
@ -39,6 +39,10 @@
</li>
</ul>
</div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div>
@ -66,6 +70,19 @@ export default {
thisColumn:{},
columnList:[],
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:{
@ -100,6 +117,11 @@ export default {
updated(){
},
methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
loadData(){
//查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:this.pid,column: 'sort',order: 'asc'}).then((res)=>{
@ -142,10 +164,17 @@ export default {
//非搜索，还没有子id，差个锤子
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){
let list = res.result.records||res.result;
this.articleList = list;
if(res.result.total){
this.ipagination.total = res.result.total;
}
}
});
// }
@ -169,5 +198,9 @@ export default {
}
</script>
<style scoped>
<style scoped lang="less">
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style>

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

@ -27,242 +27,249 @@
<a-tree
:showLine="true"
:defaultExpandAll="true"
:selectedKeys="selectedKeys"
:defaultSelectedKeys="defaultSelectedKeys"
@select="onSelect"
>
<a-tree-node key="10101">
<span slot="title" >
<span slot="title" @click="typeFun('10101')" >
<img src="img/icon_xbzlzd.png" class="iconClass">
<span style="float:left;" @click="typeFun('10101')" >西部杂粮杂豆</span>
<span style="float:left;">西部杂粮杂豆</span>
</span>
<a-tree-node key="1010101" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010101')">
<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>
<a-tree-node key="101010101">
<span slot="title">
<span slot="title" @click="nyzyFun('101010101')">
<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>
</a-tree-node>
<a-tree-node key="101010102" >
<span slot="title">
<span slot="title" @click="nyzyFun('101010102')">
<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>
</a-tree-node>
</a-tree-node>
<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">
<span style="float:left;font-size:14px;" @click="nyzyFun('1010102')">花生</span>
<span style="float:left;font-size:14px;" >花生</span>
</span>
<a-tree-node key="101010201">
<span slot="title">
<span slot="title" @click="nyzyFun('101010201')">
<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>
</a-tree-node>
<a-tree-node key="101010202">
<span slot="title">
<span slot="title" @click="nyzyFun('101010202')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="1010103" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010103')">
<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>
<a-tree-node key="101010301">
<span slot="title">
<span slot="title" @click="nyzyFun('101010301')">
<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>
</a-tree-node>
<a-tree-node key="101010302">
<span slot="title">
<span slot="title" @click="nyzyFun('101010302')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="1010104" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010104')">
<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>
<a-tree-node key="101010401">
<span slot="title">
<span slot="title" @click="nyzyFun('101010401')">
<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>
</a-tree-node>
<a-tree-node key="101010402">
<span slot="title">
<span slot="title" @click="nyzyFun('101010402')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="1010105" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010105')">
<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>
<a-tree-node key="101010501">
<span slot="title">
<span slot="title" @click="nyzyFun('101010501')">
<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>
</a-tree-node>
<a-tree-node key="101010502">
<span slot="title">
<span slot="title" @click="nyzyFun('101010502')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="1010106" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010106')">
<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>
<a-tree-node key="101010601">
<span slot="title">
<span slot="title" @click="nyzyFun('101010601')">
<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>
</a-tree-node>
<a-tree-node key="101010602">
<span slot="title">
<span slot="title" @click="nyzyFun('101010602')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="1010107" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010107')">
<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>
<a-tree-node key="101010701">
<span slot="title">
<span slot="title" @click="nyzyFun('101010701')">
<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>
</a-tree-node>
<a-tree-node key="101010702">
<span slot="title">
<span slot="title" @click="nyzyFun('101010702')">
<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>
</a-tree-node>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10102">
<span slot="title">
<span slot="title" @click="typeFun('10102')">
<img src="img/icon_dbjjzy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10102')">东部经济资源</span>
<span style="float:left;">东部经济资源</span>
</span>
<a-tree-node key="1010201" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010201')">
<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>
</a-tree-node>
<a-tree-node key="1010202" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010202')">
<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>
</a-tree-node>
<a-tree-node key="1010203" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010203')">
<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>
</a-tree-node>
<a-tree-node key="1010204" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010204')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10103">
<span slot="title">
<span slot="title" @click="typeFun('10103')">
<img src="img/icon_zblszy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10103')">中部粮食资源</span>
<span style="float:left;">中部粮食资源</span>
</span>
<a-tree-node key="1010301" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010301')">
<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>
</a-tree-node>
<a-tree-node key="1010302" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010302')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10104">
<span slot="title">
<span slot="title" @click="typeFun('10104')">
<img src="img/icon_syjlszzzy.png" class="iconClass">
<span style="float:left;" @click="typeFun('10104')">适宜吉林省种植资源</span>
<span style="float:left;">适宜吉林省种质资源</span>
</span>
<a-tree-node key="1010401" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010401')">
<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>
</a-tree-node>
<a-tree-node key="1010402" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010402')">
<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>
</a-tree-node>
<a-tree-node key="1010403" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010403')">
<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>
</a-tree-node>
<a-tree-node key="1010404" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010404')">
<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>
</a-tree-node>
<a-tree-node key="1010405" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010405')">
<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>
</a-tree-node>
<a-tree-node key="1010406" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010406')">
<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>
</a-tree-node>
<a-tree-node key="1010407" >
<span slot="title">
<span slot="title" @click="nyzyFun('1010407')">
<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>
</a-tree-node>
</a-tree-node>
<a-tree-node key="10105">
<span slot="title">
<span slot="title" @click="nyzyFun('10105')">
<img src="img/icon_qt.png" class="iconClass">
<span style="float:left;" @click="nyzyFun('10105')">其他</span>
<span style="float:left;">其他</span>
</span>
</a-tree-node>
@ -281,7 +288,7 @@
<a href="javascript:void(0)" class="er_coa">
<div>
<div class="er_coaimg" @click="nyzyFun(zyData.code)">
<img :src="zyData.picPath" >
<img :src="zyData.picPath" style="width:210px;height:140px;">
</div>
<div class="er_item" @click="nyzyFun(zyData.code)" v-text="zyData.title" ></div>
</div>
@ -307,6 +314,10 @@
</li>
</ul>
</div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div>
@ -338,6 +349,19 @@ export default {
articleList: [],
nyzyShow: true,
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: [
{
key:'10101',
@ -350,7 +374,7 @@ export default {
{
title: '花生',
code: '1010102',
picPath:'img/nyzy_hs.jpg'
picPath:'img/nyzy_hs.jpeg'
},
{
title: '绿豆',
@ -365,7 +389,7 @@ export default {
{
title: '燕麦',
code: '1010105',
picPath:'img/nyzy_ym.jpg'
picPath:'img/nyzy_ym.png'
},
{
title: '谷子',
@ -430,7 +454,7 @@ export default {
{
title: '花生',
code: '1010402',
picPath:'img/nyzy_hs.jpg'
picPath:'img/nyzy_hs.jpeg'
},
{
title: '绿豆',
@ -445,7 +469,7 @@ export default {
{
title: '燕麦',
code: '1010405',
picPath:'img/nyzy_ym.jpg'
picPath:'img/nyzy_ym.png'
},
{
title: '谷子',
@ -476,6 +500,7 @@ export default {
typeOption:'10101',
syname:'',
defaultSelectedKeys: [],
selectedKeys:[],
}
},
computed:{
@ -512,7 +537,15 @@ export default {
updated(){
},
methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
nyzyFun(record){
this.ipagination.current = 1;
this.selectedKeys = [`${record}`]
document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的）
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){
let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list3 = res.result.records
console.log('111--->',list3);
this.parentData2 = list3.find(x => x.id==zlist2.parent||x.parent=='1');
}
});
@ -552,17 +583,27 @@ export default {
//非搜索，还没有子id，差个锤子
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){
let list = res.result.records||res.result;
this.articleList = list;
if(res.result.total){
this.ipagination.total = res.result.total;
}
}
});
},
typeFun(record){
this.typeOption = record
this.nyzyShow= true
this.listShow= false
this.selectedKeys = [`${record}`]
document.documentElement.scrollTop = 0;
//查询栏目（包含当前的和候选的）
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){
let list = res.result.records
var zlist2 = list.find(x => x.id==zlist.parent);
console.log('zlist2--->',zlist2);
this.parentData = zlist2
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:zlist2.parent,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
let list3 = res.result.records
console.log('111--->',list3);
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.nyzyShow= false
@ -631,10 +670,17 @@ export default {
//非搜索，还没有子id，差个锤子
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){
let list = res.result.records||res.result;
this.articleList = list;
if(res.result.total){
this.ipagination.total = res.result.total;
}
}
});
@ -645,9 +691,8 @@ export default {
}
this.$nextTick(() => {
this.defaultSelectedKeys = [`${this.id}`]
this.selectedKeys = [`${this.id}`]
});
console.log('this.defaultSelectedKeys-->',this.defaultSelectedKeys);
},
getDay(dateTime){
if(!dateTime) return '';
@ -689,4 +734,7 @@ export default {
display: none !important;
}
}
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style>

123
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>当前位置：</span>
<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> -->
</div>
@ -26,58 +26,58 @@
@openChange="onOpenChange"
>
<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>
</a-menu-item>
<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>
</a-menu-item>
<a-sub-menu key="401" :class="syname =='数据中心'?'active2':''">
<span slot="title" >
<span :class="syname =='数据中心'?'active3':''" style="font-size:18px;">
<span :class="syname =='数据中心'?'active3':''" style="font-size: 16px;">
数据中心
</span>
</span>
<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>
</a-menu-item>
<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>
</a-menu-item>
<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>
</a-menu-item>
</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 :class="syname =='科研成果'?'active3':''" style="font-size:18px;">
<span :class="syname =='科研成果'?'active3':''" style="font-size: 16px;">
科研成果
</span>
</span>
<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>
</a-menu-item>
<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>
</a-menu-item>
<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>
@ -85,54 +85,54 @@
</a-sub-menu>
<a-sub-menu key="305" :class="syname =='政策文件'?'active2':''">
<span slot="title">
<span :class="syname =='政策文件'?'active3':''" style="font-size:18px;">
<span :class="syname =='政策文件'?'active3':''" style="font-size: 16px;">
政策文件
</span>
</span>
<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>
</a-menu-item>
<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>
</a-menu-item>
</a-sub-menu>
<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>
</a-menu-item>
<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>
</a-menu-item>
<a-sub-menu key="501" :class="syname =='专题专栏'?'active2':''">
<span slot="title">
<span :class="syname =='专题专栏'?'active3':''" style="font-size: 18px;">
<span :class="syname =='专题专栏'?'active3':''" style="font-size: 16px;">
专题专栏
</span>
</span>
<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>
</a-menu-item>
<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>
</a-menu-item>
<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>
</a-menu-item>
<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>
</a-menu-item>
@ -156,6 +156,10 @@
</li>
</ul>
</div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div>
@ -187,6 +191,19 @@ export default {
rootSubmenuKeys:['401','304','305','501'],
openKeys: [],
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:{
@ -205,18 +222,24 @@ export default {
},
},
mounted(){
// this.openKeys = [this.$route.query.pid];
// this.openKeys = [this.pid];
this.openKeys = [`${this.pid}`];
this.loadData();
var openId = this.pid
if(openId=='1'){
openId = this.id
}
this.openKeys = [`${openId}`];
this.loadData(openId);
},
watch:{
pid(){
this.openKeys = [`${this.pid}`];
console.log("this.pid =>",this.pid,this.openKeys)
this.loadData();
},
id(){
var openId = this.pid
if(openId=='1'){
openId = this.id
}
this.openKeys = [`${openId}`];
this.queryParam.id = openId
this.loadData();
},
findStr(){
@ -226,18 +249,33 @@ export default {
updated(){
},
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){
console.log('titleClick-->',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)
},
loadData(id){
//如果没有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 = "工作动态"}
else if(columnId == '302'){this.syname = "行业要闻"}
else if(columnId == '304'){this.syname = "科研成果";columnId = '30401'}
@ -264,23 +302,26 @@ export default {
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:columnId,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){
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)=>{
if(res.success){
let list = res.result.records
console.log('list===>',list);
//查出根节点
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.result.total){
this.ipagination.total = res.result.total;
}
let list = res.result.records||res.result;
this.parentData = list.find(x => !x.parent||x.parent=='1');
this.articleList = list;
}
});
@ -353,4 +394,16 @@ export default {
.ant-menu-sub.ant-menu-inline:hover li{
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>

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

@ -37,6 +37,10 @@
</li>
</ul>
</div>
<div class=" right" style="width:100%;text-align:center;margin-top:20px;">
<a-pagination :total="ipagination.total" @change="handleChange" />
</div>
</div>
@ -64,6 +68,19 @@ export default {
thisColumn:{},
columnList:[],
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:{
@ -98,6 +115,11 @@ export default {
updated(){
},
methods:{
handleChange(current, pageSize) {
this.$set(this.ipagination, 'current', current)
this.$emit('change', {current, pageSize})
this.loadData()
},
loadData(){
//如果没有ID自动选中一个
// if(this.id){
@ -106,10 +128,17 @@ export default {
if(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){
let list = res.result.records||res.result;
this.articleList = list;
if(res.result.total){
this.ipagination.total = res.result.total;
}
}
});
// }
@ -133,5 +162,9 @@ export default {
}
</script>
<style scoped>
<style scoped lang="less">
/deep/ .ant-pagination-item-active a{
color: #07a54d !important;
}
</style>

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

@ -60,8 +60,11 @@ export const getwayMixin = {
// window.open('','_blank')
const{ href } = this.$router.resolve({name,query,replace});
if(name.indexOf('detailedPage')>-1){
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 {
background-color: #1890FF !important;
background-color: #07a54d !important;
}
</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>

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

@ -95,11 +95,11 @@
model: {},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
sm: { span: 3 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
sm: { span: 18 },
},
confirmLoading: false,
validatorRules: {
@ -175,8 +175,14 @@
return false
},
columnId(){
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 () {
//如果是流程中表单，则需要加载流程表单data
@ -187,9 +193,6 @@
this.edit({});
},
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.model = Object.assign({}, record);
this.visible = true;

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

@ -23,7 +23,7 @@
data () {
return {
title:'',
width:'80vw',
width:'90vw',
visible: 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;
&:hover {
color: #1890ff;
color: #07a54d;
}
}

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

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

4
vue.config.js
View File

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