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

添加访问功能

This commit is contained in:
yangjun 2024-03-18 14:29:38 +08:00
parent 261aa9e2b2
commit 221a1a1059
19 changed files with 2419 additions and 480 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,4 +1,4 @@
NODE_ENV=development NODE_ENV=development
VUE_APP_API_BASE_URL=http://124.71.184.231:8891/nyzy VUE_APP_API_BASE_URL=http://127.0.0.1:8891/nyzy
VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

3
.env.production
View File

@ -1,4 +1,5 @@
NODE_ENV=production NODE_ENV=production
VUE_APP_API_BASE_URL=http://124.71.184.231:8891/nyzy VUE_APP_API_BASE_URL=http://172.16.18.220:8891/nyzy
VUE_APP_API_BASE_URL2=http://124.71.184.231:8891/nyzy
VUE_APP_CAS_BASE_URL=http://localhost:8888/cas VUE_APP_CAS_BASE_URL=http://localhost:8888/cas
VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview

BIN
public/img/nyzy_yc.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

17
src/components/jeecg/JEditor.vue
View File

@ -15,7 +15,8 @@
import Editor from '@tinymce/tinymce-vue' import Editor from '@tinymce/tinymce-vue'
import 'tinymce/themes/silver/theme' import 'tinymce/themes/silver/theme'
import 'tinymce/plugins/image' import 'tinymce/plugins/image'
import 'tinymce/plugins/link' //import 'tinymce/plugins/link'
import '@/components/jeecg/tinymce/plugins/link2'
import 'tinymce/plugins/media' import 'tinymce/plugins/media'
import 'tinymce/plugins/table' import 'tinymce/plugins/table'
import 'tinymce/plugins/lists' import 'tinymce/plugins/lists'
@ -57,9 +58,9 @@
"styleselect formatselect fontselect fontsizeselect | table tabledelete tablecellprops tablemergecells| blockquote subscript superscript removeformat | ltr rtl " + "styleselect formatselect fontselect fontsizeselect | table tabledelete tablecellprops tablemergecells| blockquote subscript superscript removeformat | ltr rtl " +
"tablesplitcells tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops tablecutrow " + "tablesplitcells tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops tablecutrow " +
"tablecopyrow tablepasterowbefore tablepasterowafter tableinsertcolbefore tableinsertcolafter tabledeletecol | " + "tablecopyrow tablepasterowbefore tablepasterowafter tableinsertcolbefore tableinsertcolafter tabledeletecol | " +
"image media fullscreen", "image media fullscreen lineheight",
"insertdatetime charmap emoticons hr pagebreak template code pastetext print visualblocks visualchars " + "insertdatetime charmap emoticons hr pagebreak template code pastetext print visualblocks visualchars " +
"nonbreaking searchreplace preview kityformula-editor indent2em ", "nonbreaking searchreplace preview kityformula-editor indent2em ",
], ],
branding:false branding:false
} }
@ -71,9 +72,12 @@
language_url: '/tinymce/langs/zh_CN.js', language_url: '/tinymce/langs/zh_CN.js',
language: 'zh_CN', language: 'zh_CN',
skin_url: '/tinymce/skins/lightgray', skin_url: '/tinymce/skins/lightgray',
height: 300, height: 500,
plugins: this.plugins, plugins: this.plugins,
toolbar: this.toolbar, toolbar: this.toolbar,
contextmenu: false,
//contextmenu_never_use_native: true,
lineheight_formats: '1 1.1 1.2 1.3 1.4 1.5 2 2.5 3 3.5',
branding: false, branding: false,
menubar: false, menubar: false,
toolbar_drawer: false, toolbar_drawer: false,
@ -163,5 +167,8 @@
} }
</script> </script>
<style scoped> <style scoped lang="less">
.tox-sidebar-wrap{
height: 1600px;
}
</style> </style>

7
src/components/jeecg/tinymce/plugins/link2/index.js Normal file
View File

@ -0,0 +1,7 @@
// Exports the "link" plugin for usage with module loaders
// Usage:
// CommonJS:
// require('tinymce/plugins/link')
// ES2015:
// import 'tinymce/plugins/link'
require('./plugin.js');

1293
src/components/jeecg/tinymce/plugins/link2/plugin.js Normal file
View File

File diff suppressed because it is too large Load Diff

9
src/components/jeecg/tinymce/plugins/link2/plugin.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

196
src/views/blFwl/BlFwlList.vue Normal file
View File

@ -0,0 +1,196 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :xl="10" :lg="11" :md="12" :sm="24">
<a-form-item label="访问时间">
<j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择开始时间" class="query-group-cust" v-model="queryParam.fwsj_begin"></j-date>
<span class="query-group-split-cust"></span>
<j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择结束时间" class="query-group-cust" v-model="queryParam.fwsj_end"></j-date>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
<!-- <a @click="handleToggleSearch" style="margin-left: 8px">
{{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a> -->
</span>
</a-col>
</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"
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>
<bl-fwl-modal ref="modalForm" @ok="modalFormOk"></bl-fwl-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import BlFwlModal from './modules/BlFwlModal'
import JDate from '@/components/jeecg/JDate.vue'
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
export default {
name: 'BlFwlList',
mixins:[JeecgListMixin, mixinDevice],
components: {
JDate,
BlFwlModal,
JSuperQuery,
},
data () {
return {
description: '网站访问量管理页面',
// 表头
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
}
},
{
title:'ip',
align:"center",
dataIndex: 'ipAddress'
},
{
title:'访问时间',
align:"center",
dataIndex: 'fwsj'
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' }
}
],
url: {
list: "/blFwl/blFwl/list",
delete: "/blFwl/blFwl/delete",
deleteBatch: "/blFwl/blFwl/deleteBatch",
exportXlsUrl: "/blFwl/blFwl/exportXls",
importExcelUrl: "blFwl/blFwl/importExcel",
},
dictOptions:{},
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig(){
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'string',value:'ipAddress',text:'ip',dictCode:''})
fieldList.push({type:'datetime',value:'fwsj',text:'访问时间'})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

163
src/views/blFwl/modules/BlFwlForm.vue Normal file
View File

@ -0,0 +1,163 @@
<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="ip" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input v-decorator="['ipAddress']" placeholder="请输入ip" ></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="访问时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-date placeholder="请选择访问时间" v-decorator="['fwsj']" :trigger-change="true" :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
</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 JDate from '@/components/jeecg/JDate'
export default {
name: 'BlFwlForm',
components: {
JFormContainer,
JDate,
},
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: "/blFwl/blFwl/add",
edit: "/blFwl/blFwl/edit",
queryById: "/blFwl/blFwl/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,'ipAddress','fwsj'))
})
},
//渲染流程表单数据
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,'ipAddress','fwsj'))
},
}
}
</script>

60
src/views/blFwl/modules/BlFwlModal.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="关闭">
<bl-fwl-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></bl-fwl-form>
</j-modal>
</template>
<script>
import BlFwlForm from './BlFwlForm'
export default {
name: 'BlFwlModal',
components: {
BlFwlForm
},
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>

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

@ -1,284 +1,373 @@
<template> <template>
<div :class="banClass"> <div :class="banClass">
<div class="header"> <div class="header">
<div class="h_down clearfloat"> <div class="h_down clearfloat">
<div class="logo left"><img src="img/logo.png" ></div> <div class="logo left"><img src="img/logo.png" /></div>
<div class="h_home right" style="padding: 30px 0 0 10px;"> <div class="h_home right" style="padding: 30px 0 0 10px">
<a href="javascript:void(0)" @click="addShow">设为首页</a> <a href="javascript:void(0)" @click="addShow">设为首页</a>
<a href="javascript:void(0)"> | </a> <a href="javascript:void(0)"> | </a>
<a href="javascript:void(0)" @click="addFavo">加入收藏</a> <a href="javascript:void(0)" @click="addFavo">加入收藏</a>
</div> </div>
<div class="sch_downbox right"> <div class="sch_downbox right">
<input v-model="searchText" placeholder="请输入要搜索的内容" @keyup.enter="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"/> <input
<span class="sch_img right" @click="() => {searchText?$to('listPageSearch',{findStr:searchText}):''}"><img src="img/search.png" ></span> v-model="searchText"
</div> placeholder="请输入要搜索的内容"
</div> @keyup.enter="
</div> () => {
<div id="MutiNav"> searchText ? $to('listPageSearch', { findStr: searchText }) : ''
<ul class="multiUl"> }
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> "
<a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home',{pid:'home'})"> />
<span class="mulgochie">首页</span> <span
</a> class="sch_img right"
<blockquote> @click="
<div class="ChildNavIn"> () => {
<div class="gersawd clearfloat"> searchText ? $to('listPageSearch', { findStr: searchText }) : ''
<div class="vdas"> }
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:301})" class="fjsjkih2 left"> "
<span><i class="iconfont">&#xe672;</i></span> ><img src="img/search.png"
<span>工作动态</span> /></span>
</a> </div>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:302})" class="fjsjkih2 left"> </div>
<span><i class="iconfont">&#xe67e;</i></span> </div>
<span>行业要闻</span> <div id="MutiNav">
</a> <ul class="multiUl">
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:401})" class="fjsjkih2 left"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<span><i class="iconfont">&#xe854;</i></span> <a class="mulgo" href="javascript:void(0);" title="首页" @click="$to('home', { pid: 'home' })">
<span>数据中心</span> <span class="mulgochie">首页</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:304})" class="fjsjkih2 left"> <blockquote>
<span><i class="iconfont">&#xe627;</i></span> <div class="ChildNavIn">
<span>科研成果</span> <div class="gersawd clearfloat">
</a> <div class="vdas">
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:305})" class="fjsjkih2 left"> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 301 })" class="fjsjkih2 left">
<span><i class="iconfont">&#xe748;</i></span> <span><i class="iconfont">&#xe672;</i></span>
<span>政策文件</span> <span>工作动态</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:306})" class="fjsjkih2 left"> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 302 })" class="fjsjkih2 left">
<span><i class="iconfont">&#xe7c2;</i></span> <span><i class="iconfont">&#xe67e;</i></span>
<span>最新动态</span> <span>行业要闻</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:303})" class="fjsjkih2 left"> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 401 })" class="fjsjkih2 left">
<span><i class="iconfont">&#xe777;</i></span> <span><i class="iconfont">&#xe854;</i></span>
<span>合作交流</span> <span>数据中心</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage3',{pid:1,id:501})" class="fjsjkih2 left" style="border: 0;"> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 304 })" class="fjsjkih2 left">
<span><i class="iconfont">&#xe71e;</i></span> <span><i class="iconfont">&#xe627;</i></span>
<span>专题专栏</span> <span>科研成果</span>
</a> </a>
</div> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 305 })" class="fjsjkih2 left">
</div> <span><i class="iconfont">&#xe748;</i></span>
</div> <span>政策文件</span>
</blockquote> </a>
</li> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 306 })" class="fjsjkih2 left">
<li class="multiUlli" > <span><i class="iconfont">&#xe7c2;</i></span>
<a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs',{pid:'gybs'})"> <span>最新动态</span>
<span class="mulgochie">关于本所</span> </a>
</a> <a href="javascript:void(0);" @click="$to('listPage3', { pid: 1, id: 303 })" class="fjsjkih2 left">
</li> <span><i class="iconfont">&#xe777;</i></span>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <span>合作交流</span>
<a class="mulgo" href="javascript:void(0);" title="区域农业资源" @click="$to('listPage2',{pid:101,id:10101})"> </a>
<span class="mulgochie">区域农业资源</span> <a
</a> href="javascript:void(0);"
<blockquote> @click="$to('listPage3', { pid: 1, id: 501 })"
<div class="ChildNavIn"> class="fjsjkih2 left"
<ul> style="border: 0"
<li class="clearfloat"> >
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10101})"> <span><i class="iconfont">&#xe71e;</i></span>
<span><i class="iconfont">&#xe855;</i></span> <span>专题专栏</span>
<span>西部杂粮杂豆</span> </a>
</a> </div>
<div class="xbcot right"> </div>
<template v-for="(col,colIndex) in xbzlzdList" > </div>
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a> </blockquote>
</template> </li>
</div> <li class="multiUlli">
</li> <a class="mulgo" href="javascript:void(0);" title="关于本所" @click="$to('gybs', { pid: 'gybs' })">
<li class="clearfloat"> <span class="mulgochie">关于本所</span>
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10102})"> </a>
<span><i class="iconfont">&#xe611;</i></span> </li>
<span>东部经济资源</span> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
</a> <a
<div class="xbcot right"> class="mulgo"
<template v-for="(col,colIndex) in dbjjzyList" > href="javascript:void(0);"
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a> title="区域农业资源"
</template> @click="$to('listPage2', { pid: 101, id: 10101 })"
</div> >
</li> <span class="mulgochie">区域农业资源</span>
<li class="clearfloat"> </a>
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10103})"> <blockquote>
<span><i class="iconfont">&#xe622;</i></span> <div class="ChildNavIn">
<span>中部粮食资源</span> <ul>
</a> <li class="clearfloat">
<div class="xbcot right"> <a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2', { pid: 101, id: 10101 })">
<template v-for="(col,colIndex) in zblszyList" > <span><i class="iconfont">&#xe855;</i></span>
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a> <span>西部杂粮杂豆</span>
</template> </a>
</div> <div class="xbcot right">
</li> <template v-for="(col, colIndex) in xbzlzdList">
<li class="clearfloat"> <a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2', { id: col.id })">{{
<a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2',{pid:101,id:10104})"> col.name
<span><i class="iconfont">&#xe607;</i></span> }}</a>
<span>适宜吉林省<br>种质资源</span> </template>
</a> </div>
<div class="xbcot right"> </li>
<template v-for="(col,colIndex) in syjlsList" > <li class="clearfloat">
<a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2',{id:col.id})">{{col.name}}</a> <a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2', { pid: 101, id: 10102 })">
</template> <span><i class="iconfont">&#xe611;</i></span>
</div> <span>东部经济资源</span>
</li> </a>
<li class="clearfloat"> <div class="xbcot right">
<a href="javascript:void(0)" class="xbzlzd" style="width: 100%;" @click="$to('listPage2',{pid:101,id:10105})"> <template v-for="(col, colIndex) in dbjjzyList">
<span><i class="iconfont">&#xe646;</i></span> <a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2', { id: col.id })">{{
<span>其他</span> col.name
</a> }}</a>
</li> </template>
</ul> </div>
</div> </li>
</blockquote> <li class="clearfloat">
</li> <a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2', { pid: 101, id: 10103 })">
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <span><i class="iconfont">&#xe622;</i></span>
<a class="mulgo" href="javascript:void(0);" title="农业产业化" @click="$to('listPage',{pid:102,id:10201})"> <span>中部粮食资源</span>
<span class="mulgochie">农业产业化</span> </a>
</a> <div class="xbcot right">
<blockquote> <template v-for="(col, colIndex) in zblszyList">
<div class="ChildNavIn"> <a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2', { id: col.id })">{{
<div class="gersawd clearfloat"> col.name
<div class="vdas"> }}</a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10201})" class="fjsjkih left"> </template>
<span><i class="iconfont">&#xe601;</i></span> </div>
<span>特色农业产业化</span> </li>
</a> <li class="clearfloat">
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10202})" class="fjsjkih left"> <a href="javascript:void(0);" class="xbzlzd left" @click="$to('listPage2', { pid: 101, id: 10104 })">
<span><i class="iconfont">&#xe632;</i></span> <span><i class="iconfont">&#xe607;</i></span>
<span>粮食产业化</span> <span>适宜吉林省<br />种质资源</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10203})" class="fjsjkih left"> <div class="xbcot right">
<span><i class="iconfont">&#xe841;</i></span> <template v-for="(col, colIndex) in syjlsList">
<span>畜牧业产业化</span> <a href="javascript:void(0);" :key="colIndex" @click="$to('listPage2', { id: col.id })">{{
</a> col.name
<a href="javascript:void(0);" @click="$to('listPage',{pid:102,id:10204})" class="fjsjkih left" style="border: 0;"> }}</a>
<span><i class="iconfont">&#xe646;</i></span> </template>
<span>其他</span> </div>
</a> </li>
</div> <li class="clearfloat">
</div> <a
</div> href="javascript:void(0)"
</blockquote> class="xbzlzd"
</li> style="width: 100%"
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> @click="$to('listPage2', { pid: 101, id: 10105 })"
<a class="mulgo" title="布局规划" href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})"> >
<span class="mulgochie">布局规划</span> <span><i class="iconfont">&#xe646;</i></span>
</a> <span>其他</span>
<blockquote> </a>
<div class="ChildNavIn"> </li>
<div class="gersawd clearfloat"> </ul>
<div class="vdas"> </div>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10301})" class="fjsjkih left"> </blockquote>
<span><i class="iconfont">&#xe7e4;</i></span> </li>
<span>吉林省农业资源规划</span> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
</a> <a
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10302})" class="fjsjkih left"> class="mulgo"
<span><i class="iconfont">&#xe856;</i></span> href="javascript:void(0);"
<span>西部特色经济作物区域布局</span> title="农业产业化"
</a> @click="$to('listPage', { pid: 102, id: 10201 })"
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10306})" class="fjsjkih left"> >
<span><i class="iconfont">&#xe8f9;</i></span> <span class="mulgochie">农业产业化</span>
<span>东部特色资源区域布局</span> </a>
</a> <blockquote>
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10303})" class="fjsjkih left"> <div class="ChildNavIn">
<span><i class="iconfont">&#xe615;</i></span> <div class="gersawd clearfloat">
<span>中部粮食加工业区域布局</span> <div class="vdas">
</a> <a href="javascript:void(0);" @click="$to('listPage', { pid: 102, id: 10201 })" class="fjsjkih left">
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10304})" class="fjsjkih left"> <span><i class="iconfont">&#xe601;</i></span>
<span><i class="iconfont">&#xe61b;</i></span> <span>特色农业产业化</span>
<span>历史区划数据</span> </a>
</a> <a href="javascript:void(0);" @click="$to('listPage', { pid: 102, id: 10202 })" class="fjsjkih left">
<a href="javascript:void(0);" @click="$to('listPage',{pid:103,id:10305})" class="fjsjkih left" style="border: 0;"> <span><i class="iconfont">&#xe632;</i></span>
<span><i class="iconfont">&#xe646;</i></span> <span>粮食产业化</span>
<span>其他</span> </a>
</a> <a href="javascript:void(0);" @click="$to('listPage', { pid: 102, id: 10203 })" class="fjsjkih left">
</div> <span><i class="iconfont">&#xe841;</i></span>
</div> <span>畜牧业产业化</span>
</div> </a>
</blockquote> <a
</li> href="javascript:void(0);"
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> @click="$to('listPage', { pid: 102, id: 10204 })"
<a class="mulgo" title="绿色农业" href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})"> class="fjsjkih left"
<span class="mulgochie">绿色农业</span> style="border: 0"
</a> >
<blockquote> <span><i class="iconfont">&#xe646;</i></span>
<div class="ChildNavIn"> <span>其他</span>
<div class="gersawd clearfloat"> </a>
<div class="vdas"> </div>
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10401})" class="fjsjkih left"> </div>
<span><i class="iconfont">&#xe63a;</i></span> </div>
<span>保护性耕作</span> </blockquote>
</a> </li>
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10402})" class="fjsjkih left"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<span><i class="iconfont">&#xe636;</i></span> <a
<span>农业资源循环利用</span> class="mulgo"
</a> title="布局规划"
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10403})" class="fjsjkih left"> href="javascript:void(0);"
<span><i class="iconfont">&#xec4d;</i></span> @click="$to('listPage', { pid: 103, id: 10301 })"
<span>农产品安全</span> >
</a> <span class="mulgochie">布局规划</span>
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10404})" class="fjsjkih left"> </a>
<span><i class="iconfont">&#xe9e7;</i></span> <blockquote>
<span>棚膜经济</span> <div class="ChildNavIn">
</a> <div class="gersawd clearfloat">
<a href="javascript:void(0);" @click="$to('listPage',{pid:104,id:10405})" class="fjsjkih left" style="border: 0;"> <div class="vdas">
<span><i class="iconfont">&#xe646;</i></span> <a href="javascript:void(0);" @click="$to('listPage', { pid: 103, id: 10301 })" class="fjsjkih left">
<span>其他</span> <span><i class="iconfont">&#xe7e4;</i></span>
</a> <span>吉林省农业资源规划</span>
</div> </a>
</div> <a href="javascript:void(0);" @click="$to('listPage', { pid: 103, id: 10302 })" class="fjsjkih left">
</div> <span><i class="iconfont">&#xe856;</i></span>
</blockquote> <span>西部特色经济作物区域布局</span>
</li> </a>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu"> <a href="javascript:void(0);" @click="$to('listPage', { pid: 103, id: 10306 })" class="fjsjkih left">
<a class="mulgo" title="科研动态" href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})"> <span><i class="iconfont">&#xe8f9;</i></span>
<span class="mulgochie">科研动态</span> <span>东部特色资源区域布局</span>
</a> </a>
<blockquote> <a href="javascript:void(0);" @click="$to('listPage', { pid: 103, id: 10303 })" class="fjsjkih left">
<div class="ChildNavIn"> <span><i class="iconfont">&#xe615;</i></span>
<div class="gersawd clearfloat"> <span>中部粮食加工业区域布局</span>
<div class="vdas"> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10501})" class="fjsjkih left"> <a href="javascript:void(0);" @click="$to('listPage', { pid: 103, id: 10304 })" class="fjsjkih left">
<span><i class="iconfont">&#xe60e;</i></span> <span><i class="iconfont">&#xe61b;</i></span>
<span>资源区划</span> <span>历史区划数据</span>
</a> </a>
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10502})" class="fjsjkih left"> <a
<span><i class="iconfont">&#xe604;</i></span> href="javascript:void(0);"
<span>农业产业化</span> @click="$to('listPage', { pid: 103, id: 10305 })"
</a> class="fjsjkih left"
<a href="javascript:void(0);" @click="$to('listPage',{pid:105,id:10503})" class="fjsjkih left" style="border: 0;"> style="border: 0"
<span><i class="iconfont">&#xe646;</i></span> >
<span>其他</span> <span><i class="iconfont">&#xe646;</i></span>
</a> <span>其他</span>
</div> </a>
</div> </div>
</div> </div>
</blockquote> </div>
</li> </blockquote>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu" > </li>
<a class="mulgo" title="助力乡村振兴" href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10601})"> <li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<span class="mulgochie">助力乡村振兴</span> <a
</a> class="mulgo"
<blockquote> title="绿色农业"
<div class="ChildNavIn"> href="javascript:void(0);"
<div class="gersawd clearfloat"> @click="$to('listPage', { pid: 104, id: 10401 })"
<div class="vdas"> >
<a href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10601})" class="fjsjkih left"> <span class="mulgochie">绿色农业</span>
<span><i class="iconfont">&#xe6a1;</i></span> </a>
<span>助力乡村振兴</span> <blockquote>
</a> <div class="ChildNavIn">
<a href="javascript:void(0);" @click="$to('listPage',{pid:106,id:10602})" class="fjsjkih left" style="border: 0;"> <div class="gersawd clearfloat">
<span><i class="iconfont">&#xe646;</i></span> <div class="vdas">
<span>其他</span> <a href="javascript:void(0);" @click="$to('listPage', { pid: 104, id: 10401 })" class="fjsjkih left">
</a> <span><i class="iconfont">&#xe63a;</i></span>
</div> <span>保护性耕作</span>
</div> </a>
</div> <a href="javascript:void(0);" @click="$to('listPage', { pid: 104, id: 10402 })" class="fjsjkih left">
</blockquote> <span><i class="iconfont">&#xe636;</i></span>
</li> <span>农业资源循环利用</span>
<li class="multiUlli"> </a>
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage',{pid:107})"> <a href="javascript:void(0);" @click="$to('listPage', { pid: 104, id: 10403 })" class="fjsjkih left">
<span class="mulgochie">其他</span> <span><i class="iconfont">&#xec4d;</i></span>
</a> <span>农产品安全</span>
</li> </a>
</ul> <a href="javascript:void(0);" @click="$to('listPage', { pid: 104, id: 10404 })" class="fjsjkih left">
</div> <span><i class="iconfont">&#xe9e7;</i></span>
<span>棚膜经济</span>
</a>
<a
href="javascript:void(0);"
@click="$to('listPage', { pid: 104, id: 10405 })"
class="fjsjkih left"
style="border: 0"
>
<span><i class="iconfont">&#xe646;</i></span>
<span>其他</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a
class="mulgo"
title="科研动态"
href="javascript:void(0);"
@click="$to('listPage', { pid: 105, id: 10501 })"
>
<span class="mulgochie">科研动态</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="vdas">
<a href="javascript:void(0);" @click="$to('listPage', { pid: 105, id: 10501 })" class="fjsjkih left">
<span><i class="iconfont">&#xe60e;</i></span>
<span>资源区划</span>
</a>
<a href="javascript:void(0);" @click="$to('listPage', { pid: 105, id: 10502 })" class="fjsjkih left">
<span><i class="iconfont">&#xe604;</i></span>
<span>农业产业化</span>
</a>
<a
href="javascript:void(0);"
@click="$to('listPage', { pid: 105, id: 10503 })"
class="fjsjkih left"
style="border: 0"
>
<span><i class="iconfont">&#xe646;</i></span>
<span>其他</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli" @mouseenter="openMenu" @mouseleave="closeMenu">
<a
class="mulgo"
title="助力乡村振兴"
href="javascript:void(0);"
@click="$to('listPage', { pid: 106, id: 10601 })"
>
<span class="mulgochie">助力乡村振兴</span>
</a>
<blockquote>
<div class="ChildNavIn">
<div class="gersawd clearfloat">
<div class="vdas">
<a href="javascript:void(0);" @click="$to('listPage', { pid: 106, id: 10601 })" class="fjsjkih left">
<span><i class="iconfont">&#xe6a1;</i></span>
<span>助力乡村振兴</span>
</a>
<a
href="javascript:void(0);"
@click="$to('listPage', { pid: 106, id: 10602 })"
class="fjsjkih left"
style="border: 0"
>
<span><i class="iconfont">&#xe646;</i></span>
<span>其他</span>
</a>
</div>
</div>
</div>
</blockquote>
</li>
<li class="multiUlli">
<a class="mulgo" title="其他" href="javascript:void(0);" @click="$to('listPage', { pid: 107 })">
<span class="mulgochie">其他</span>
</a>
</li>
</ul>
</div>
</div> </div>
</template> </template>
@ -286,151 +375,185 @@
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin' import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
import { getAction } from '@/api/manage' import { getAction } from '@/api/manage'
let mst; let mst
export default { export default {
mixins:[getwayMixin], mixins: [getwayMixin],
props:{ props: {},
}, computed: {},
computed:{ data() {
},
data(){
return { return {
window, window,
searchText: '', searchText: '',
columnList: [], columnList: [],
xbzlzdList:[], xbzlzdList: [],
dbjjzyList:[], dbjjzyList: [],
zblszyList:[], zblszyList: [],
syjlsList:[], syjlsList: [],
} }
}, },
mounted(){ mounted() {
this.loadData(); this.loadData()
}, },
computed:{ computed: {
banClass(){ banClass() {
let r = 'detailHtml'; let r = 'detailHtml'
var pid = this.$route.query.pid var pid = this.$route.query.pid+""
var fullPath = this.$route.fullPath var fullPath = this.$route.fullPath
console.log('fullPath--->',fullPath,pid); console.log('fullPath--->', fullPath, pid)
// if(!pid){ console.log('pid--->', pid)
// r = 'ban'; switch (pid) {
// } case '101': r = 'baner8'
switch (pid) { break
case 101: r = 'baner8'; break; case '102': r = 'baner4'
case 102: r = 'baner4'; break; break
case 103: r = 'baner'; break; case '103': r = 'baner'
case 104: r = 'baner5'; break; break
case 105: r = 'baner3'; break; case '104': r = 'baner5'
case 106: r = 'baner7'; break; break
case 107: r = 'baner6'; break; case '105': r = 'baner3'
case 'gybs': r = 'baner2'; break; break
case 'home': r = 'ban'; break; case '106': r = 'baner7'
case 501: r = 'detailHtml'; break; break
case 306: r = 'detailHtml'; break; case '107': r = 'baner6'
case 305: r = 'detailHtml'; break; break
case 304: r = 'detailHtml'; break; case 'gybs': r = 'baner2'
case 303: r = 'detailHtml'; break; break
case 302: r = 'detailHtml'; break; case 'home': r = 'ban'
case 301: r = 'baner9'; break; break
case 1: r = 'baner9'; break; case '401': r = 'baner9'
default: break
break; case '40101': r = 'baner9'
} break
case '40102': r = 'baner9'
if(fullPath.indexOf('detailedPage')>-1){ break
r = "detailHtml"; case '40103': r = 'baner9'
}else if(fullPath.indexOf('home')>-1){ break
r = "ban"; case '501': r = 'baner9'
} break
return r; case '306': r = 'baner9'
} break
case '305': r = 'baner9'
break
case '30501': r = 'baner9'
break
case '30502': r = 'baner9'
break
case '304': r = 'baner9'
break
case '30401': r = 'baner9'
break
case '30402': r = 'baner9'
break
case '30403': r = 'baner9'
break
case '303': r = 'baner9'
break
case '302': r = 'baner9'
break
case '301': r = 'baner9'
break
case '1': r = 'baner9'
break
default:
break
}
if (fullPath.indexOf('home') > -1) {
r = 'ban'
}else if(fullPath.indexOf('detailedPage2') > -1){
r = 'baner8'
}
console.log('r--->', r)
return r
},
}, },
updated(){ updated() {},
}, methods: {
methods:{ addFavo() {
addFavo() { alert('您的浏览器不支持加入收藏功能，请使用Ctrl+D进行添加！')
alert("您的浏览器不支持加入收藏功能，请使用Ctrl+D进行添加！") },
}, addShow() {
addShow() { alert(
alert("您的浏览器不支持设为首页，请按照下面步骤进行操作：1.打开浏览器设置。2.点击设置网页。3.复制本网址，然后进行粘贴点击确定！") '您的浏览器不支持设为首页，请按照下面步骤进行操作：1.打开浏览器设置。2.点击设置网页。3.复制本网址，然后进行粘贴点击确定！'
}, )
loadData(){ },
if(this.$route.query.findStr){ loadData() {
this.searchText = this.$route.query.findStr; if (this.$route.query.findStr) {
} this.searchText = this.$route.query.findStr
//查询区域农业资源--西部杂粮杂豆 内容列表 }
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10101}).then((res)=>{ //查询区域农业资源--西部杂粮杂豆 内容列表
if(res.success){ getAction('/gateway/gatewayColumn/list', { pageSize: -1, isRelease: 'Y', parent: 10101 }).then((res) => {
let list = res.result.records||res.result; if (res.success) {
this.xbzlzdList = list; let list = res.result.records || res.result
} this.xbzlzdList = list
}); }
//查询区域农业资源--东部经济资源 内容列表 })
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10102}).then((res)=>{ //查询区域农业资源--东部经济资源 内容列表
if(res.success){ getAction('/gateway/gatewayColumn/list', { pageSize: -1, isRelease: 'Y', parent: 10102 }).then((res) => {
let list = res.result.records||res.result; if (res.success) {
this.dbjjzyList = list; let list = res.result.records || res.result
} this.dbjjzyList = list
}); }
//查询区域农业资源--中部粮食资源 内容列表 })
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10103}).then((res)=>{ //查询区域农业资源--中部粮食资源 内容列表
if(res.success){ getAction('/gateway/gatewayColumn/list', { pageSize: -1, isRelease: 'Y', parent: 10103 }).then((res) => {
let list = res.result.records||res.result; if (res.success) {
this.zblszyList = list; let list = res.result.records || res.result
} this.zblszyList = list
}); }
//查询区域农业资源--适宜吉林省 内容列表 })
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isRelease:'Y',parent:10104}).then((res)=>{ //查询区域农业资源--适宜吉林省 内容列表
if(res.success){ getAction('/gateway/gatewayColumn/list', { pageSize: -1, isRelease: 'Y', parent: 10104 }).then((res) => {
let list = res.result.records||res.result; if (res.success) {
this.syjlsList = list; let list = res.result.records || res.result
} this.syjlsList = list
}); }
})
//查询栏目 //查询栏目
// getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',type:'!!BLANK'}).then((res)=>{ // getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',type:'!!BLANK'}).then((res)=>{
// if(res.success){ // if(res.success){
// let list = res.result.records||res.result; // let list = res.result.records||res.result;
// let map = {}; // let map = {};
// //转成，map // //转成，map
// let parentList = list.filter(x => { // let parentList = list.filter(x => {
// if(x.parent){ // if(x.parent){
// return false; // return false;
// }else{ // }else{
// map[x.id] = x; // map[x.id] = x;
// return true; // return true;
// } // }
// }); // });
// //孩子找父亲 // //孩子找父亲
// list.forEach(x => { // list.forEach(x => {
// let parent = map[x.parent] || {}; // let parent = map[x.parent] || {};
// if(!parent.list) parent.list = []; // if(!parent.list) parent.list = [];
// parent.list.push(x); // parent.list.push(x);
// }); // });
// this.columnList = parentList; // this.columnList = parentList;
// } // }
// }); // });
}, },
//鼠标移入菜单上，显示其下菜单 //鼠标移入菜单上，显示其下菜单
openMenu(e){ openMenu(e) {
var curItem = jQuery(e.target); var curItem = jQuery(e.target)
mst = setTimeout(function(){//延时触发 mst = setTimeout(function () {
curItem.find("blockquote").slideDown('fast'); //延时触发
mst = null; curItem.find('blockquote').slideDown('fast')
}); mst = null
})
}, },
//鼠标移出菜单时，隐藏其下菜单 //鼠标移出菜单时，隐藏其下菜单
closeMenu(e){ closeMenu(e) {
if(mst)clearTimeout(mst); if (mst) clearTimeout(mst)
jQuery(e.target).find("blockquote").slideUp('fast'); jQuery(e.target).find('blockquote').slideUp('fast')
} },
}, },
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#MutiNav .multiUl .multiUlli a.mulgo{ #MutiNav .multiUl .multiUlli a.mulgo {
line-height: 50px; line-height: 50px;
} }
</style> </style>

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

@ -8,8 +8,8 @@
<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,pid:tt.columnId})">{{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,pid:tt.columnId})">{{$tfnm(tt,'content',60)}}</p>
</el-carousel-item> </el-carousel-item>
<div style="position: absolute;top: 34px;right: 14px;z-index: 99999;"> <div style="position: absolute;top: 34px;right: 14px;z-index: 99999;">
@ -25,9 +25,9 @@
<div id="inlunbo" class="pos1"> <div id="inlunbo" class="pos1">
<el-carousel style="width: 590px;height: 400px;" indicator-position="none" ref="prev2" @change="hdpChange" > <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"> <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,pid:lbt.columnId})"><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,pid:lbt.columnId})" style="color:white !important;">{{lbt.title}}</a>
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
@ -52,7 +52,7 @@
<div class="tab_boxdas" v-show="currentTab == 301"> <div class="tab_boxdas" v-show="currentTab == 301">
<ul> <ul>
<li> <li>
<span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id})" style="cursor:pointer;"> <span class="tagup" @click="$to('detailedPage3',{id:gzdtList[0].id,pid:gzdtList[0].columnId})" style="cursor:pointer;">
<h3 class="elli">{{gzdtList[0].title}}</h3> <h3 class="elli">{{gzdtList[0].title}}</h3>
<p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p> <p class="over-line2">{{$tfnm(gzdtList[0],'content',84)}}</p>
</span> </span>
@ -60,7 +60,7 @@
<template v-for="(gzdt,gzdtIndex) in gzdtList"> <template v-for="(gzdt,gzdtIndex) in gzdtList">
<li :key="gzdtIndex" > <li :key="gzdtIndex" >
<template v-if="gzdtIndex>0"> <template v-if="gzdtIndex>0">
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:gzdt.id})"> <a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:gzdt.id,pid:gzdt.columnId})">
<h3 class="elli">> {{gzdt.title}}</h3> <h3 class="elli">> {{gzdt.title}}</h3>
<span>{{gzdt.createTime}}</span> <span>{{gzdt.createTime}}</span>
</a> </a>
@ -72,14 +72,14 @@
<div class="tab_boxdas" v-show="currentTab == 302"> <div class="tab_boxdas" v-show="currentTab == 302">
<ul> <ul>
<li> <li>
<span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id})" style="cursor:pointer;"> <span class="tagup" @click="$to('detailedPage3',{id:hyywList[0].id,pid:hyywList[0].columnId})" style="cursor:pointer;">
<h3 class="elli">{{hyywList[0].title}}</h3> <h3 class="elli">{{hyywList[0].title}}</h3>
<p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p> <p class="over-line2">{{$tfnm(hyywList[0],'content',84)}}</p>
</span> </span>
</li> </li>
<li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" > <li v-for="(hyyw,hyywIndex) in hyywList" :key="hyywIndex" >
<template v-if="hyywIndex>0"> <template v-if="hyywIndex>0">
<a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:hyyw.id})"> <a class="clearfloat" href="javascript:void(0);" @click="$to('detailedPage3',{id:hyyw.id,pid:hyyw.columnId})">
<h3 class="elli">> {{hyyw.title}}</h3> <h3 class="elli">> {{hyyw.title}}</h3>
<span>{{hyyw.createTime}}</span> <span>{{hyyw.createTime}}</span>
</a> </a>
@ -147,7 +147,7 @@
<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,pid:kycg.columnId})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
@ -171,7 +171,7 @@
<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 kycgList" :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,pid:kycg.columnId})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
@ -195,7 +195,7 @@
<div class="h_ldown"> <div class="h_ldown">
<ul> <ul>
<li v-for="(kycg,kycgIndex) in zcwjList" :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,pid:kycg.columnId})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
@ -213,7 +213,7 @@
<a href="javascript:void(0);" @click="$to('listPage3',{id:'306',pid:'1'})" class="right">更多></a> <a href="javascript:void(0);" @click="$to('listPage3',{id:'306',pid:'1'})" class="right">更多></a>
</div> </div>
<div class="h_ldown" style="margin-top: 14px;"> <div class="h_ldown" style="margin-top: 14px;">
<div class="tsnyzyb" @click="$to('detailedPage3',{id:tsnyzyList[0].id})" style="cursor:pointer;"> <div class="tsnyzyb" @click="$to('detailedPage3',{id:tsnyzyList[0].id,pid:tsnyzyList[0].columnId})" style="cursor:pointer;">
<a href="javascript:void(0);" class="elli" style="color:white !important">{{tsnyzyList[0].title}}</a> <a href="javascript:void(0);" class="elli" style="color:white !important">{{tsnyzyList[0].title}}</a>
<div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt="" style="width:300px;height:146px;"></div> <div class="tsnyzyimg"><img :src="tsnyzyList[0].cover?$tImg(tsnyzyList[0],'cover'):'img/tu3.png'" alt="" style="width:300px;height:146px;"></div>
</div> </div>
@ -221,7 +221,7 @@
<template v-for="(kycg,kycgIndex) in tsnyzyList"> <template v-for="(kycg,kycgIndex) in tsnyzyList">
<template v-if="kycgIndex>0"> <template v-if="kycgIndex>0">
<li :key="kycgIndex"> <li :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,pid:kycg.columnId})" class="elli">
<span class="spimg">></span> <span class="spimg">></span>
{{kycg.title}} {{kycg.title}}
</a> </a>
@ -238,8 +238,8 @@
<a href="javascript:void(0);" @click="$to('listPage3',{id:303,pid:1})" class="right">更多></a> <a href="javascript:void(0);" @click="$to('listPage3',{id:303,pid:1})" class="right">更多></a>
</div> </div>
<div class="h_rdown" style="margin-top: 14px;"> <div class="h_rdown" style="margin-top: 14px;">
<div class="spbox clearfloat" @click="$to('detailedPage3',{id:hzjlList[0].id})" style="cursor:pointer;"> <div class="spbox clearfloat" @click="$to('detailedPage3',{id:hzjlList[0].id,pid:hzjlList[0].columnId})" style="cursor:pointer;">
<span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/kycg_1.png'" style="width:210px;height:146px;"></span> <span class="spimg"><img :src="hzjlList[0].cover?$tImg(hzjlList[0],'cover'):'img/hzjl_main.jpg'" style="width:210px;height:146px;"></span>
<div class="spcont"> <div class="spcont">
<a class="spydsb elli">{{hzjlList[0].title}}</a> <a class="spydsb elli">{{hzjlList[0].title}}</a>
<p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p> <p class="over-line2">{{$tfnm(hzjlList[0],'content',84)}}</p>
@ -253,7 +253,7 @@
<template v-for="(kycg,kycgIndex) in hzjlList" > <template v-for="(kycg,kycgIndex) in hzjlList" >
<template v-if="kycgIndex>0"> <template v-if="kycgIndex>0">
<li style="margin-top: 13px;" :key="kycgIndex"> <li style="margin-top: 13px;" :key="kycgIndex">
<a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id})" class="clearfloat"> <a href="javascript:void(0);" @click="$to('detailedPage3',{id:kycg.id,pid:kycg.columnId})" class="clearfloat">
<span class="sadfa">></span> <span class="sadfa">></span>
<h4 class="elli">{{kycg.title}}</h4> <h4 class="elli">{{kycg.title}}</h4>
<span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span> <span class="sadfasp">{{getYearMonthDay(kycg.updateTime || kycg.createTime)}}</span>
@ -284,7 +284,7 @@
</template> </template>
<script> <script>
import { getAction } from '@/api/manage' import { getAction , httpAction } from '@/api/manage'
import { getwayMixin } from '@/views/gateway/mixins/getwayMixin' import { getwayMixin } from '@/views/gateway/mixins/getwayMixin'
import vueSeamlessScroll from './vue-seamless-scroll' import vueSeamlessScroll from './vue-seamless-scroll'
@ -348,13 +348,33 @@ export default {
}, },
methods:{ methods:{
hdpChange(record){ hdpChange(record){
console.log('hdpChange-->',record);
document.getElementById('hdp0').style="background-color: #fff;color: #000;" document.getElementById('hdp0').style="background-color: #fff;color: #000;"
document.getElementById('hdp1').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('hdp2').style="background-color: #fff;color: #000;"
document.getElementById('hdp'+record).style="background-color: #801b1f;color: #fff;" document.getElementById('hdp'+record).style="background-color: #801b1f;color: #fff;"
}, },
loadData(){ loadData(){
var webip = "";
var request = new XMLHttpRequest();
request.open('GET', 'https://api.ipify.org?format=json', true);
request.onload = function () {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
console.log("data.ip_______>",data.ip);
webip = data.ip;
httpAction("/blFwl/blFwl/add",{ipAddress:webip},"post").then((res)=>{ })
}
};
request.onerror = function () {
console.error('Error occurred during the network request');
httpAction("/blFwl/blFwl/add",{ipAddress:webip},"post").then((res)=>{ })
};
request.send();
//头条 //头条
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)=>{
if(res.success){ if(res.success){
@ -368,7 +388,10 @@ export default {
let list = res.result.records||res.result; let list = res.result.records||res.result;
this.lbtList = list; this.lbtList = list;
setTimeout(() => { setTimeout(() => {
this.hdpChange(0) 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('hdp0').style="background-color: #801b1f;color: #fff;"
}, 100); }, 100);
} }
}); });

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

@ -20,10 +20,17 @@
<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="linkOpenToNewPage(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;">
<span>附件：</span> <span>附件：</span>
<span>{{fujian(articleData.files)}}</span> <div v-if="articleData.files.indexOf(',')>-1">
</div> <div v-for="(fj,index) in articleData.files.split(',')" :key="index">
<span @click="downloadFile(fj)">{{fujian(fj)}}</span>
</div>
</div>
<div v-else>
<span @click="downloadFile(articleData.files)">{{fujian(articleData.files)}}</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -75,7 +82,6 @@ export default {
return arr[1]; return arr[1];
}, },
linkOpenToNewPage(v){ linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v && v.indexOf("<a ")>-1){ if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"') v = v.replaceAll("<a ",'<a target="_blank"')
} }
@ -135,5 +141,8 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="less">
/deep/ img{
width: auto !important;
}
</style> </style>

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

@ -21,9 +21,16 @@
</div> </div>
<p v-html="linkOpenToNewPage(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;">
<span>附件：</span> <span>附件：</span>
<span>{{fujian(articleData.files)}}</span> <div v-if="articleData.files.indexOf(',')>-1">
<div v-for="(fj,index) in articleData.files.split(',')" :key="index">
<span @click="downloadFile(fj)">{{fujian(fj)}}</span>
</div>
</div>
<div v-else>
<span @click="downloadFile(articleData.files)">{{fujian(articleData.files)}}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -120,6 +127,11 @@ export default {
code: '1010204', code: '1010204',
picPath:'img/nyzy_lgzy.jpg' picPath:'img/nyzy_lgzy.jpg'
}, },
{
title: '烟草',
code: '1010205',
picPath:'img/nyzy_lgzy.jpg'
},
] ]
}, },
{ {
@ -216,7 +228,6 @@ export default {
return arr[1]; return arr[1];
}, },
linkOpenToNewPage(v){ linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v && v.indexOf("<a ")>-1){ if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"') v = v.replaceAll("<a ",'<a target="_blank"')
} }
@ -315,8 +326,10 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="less">
/deep/ img{
width: auto !important;
}
.iconClass{ .iconClass{
width:15px; width:15px;
height:15px; height:15px;

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

@ -21,10 +21,17 @@
</div> </div>
<p v-html="linkOpenToNewPage(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;">
<span>附件：</span> <span>附件：</span>
<span>{{fujian(articleData.files)}}</span> <div v-if="articleData.files.indexOf(',')>-1">
</div> <div v-for="(fj,index) in articleData.files.split(',')" :key="index">
<span @click="downloadFile(fj)">{{fujian(fj)}}</span>
</div>
</div>
<div v-else>
<span @click="downloadFile(articleData.files)">{{fujian(articleData.files)}}</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -78,7 +85,6 @@ export default {
return arr[1]; return arr[1];
}, },
linkOpenToNewPage(v){ linkOpenToNewPage(v){
console.log('linkOpenToNewPage => ',v,typeof v);
if(v && v.indexOf("<a ")>-1){ if(v && v.indexOf("<a ")>-1){
v = v.replaceAll("<a ",'<a target="_blank"') v = v.replaceAll("<a ",'<a target="_blank"')
} }
@ -177,5 +183,8 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="less">
/deep/ img{
width: auto !important;
}
</style> </style>

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

@ -8,7 +8,9 @@
<div class="gybsr right"> <div class="gybsr right">
<h4>本所简介</h4> <h4>本所简介</h4>
<span></span> <span></span>
<p>{{parentData.jjContent}}</p> <div style="max-height:300px;overflow-y: auto;">
<p >{{parentData.jjContent}}</p>
</div>
</div> </div>
</div> </div>
<div class="gybser clearfloat"> <div class="gybser clearfloat">

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

@ -19,14 +19,14 @@
<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: 16px;">{{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> <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:pid,id:col.id})">{{col.name}}</a></li>
</template> </template>
</ul> </ul>
</div> </div>
<div class="cyh_contr right"> <div class="cyh_contr right">
<ul> <ul>
<li v-for="(art,artIndex) in articleList" :key="artIndex"> <li v-for="(art,artIndex) in articleList" :key="artIndex">
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage',{id:art.id})"> <a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage',{pid:pid,id:art.id})">
<div class="cyhl left"> <div class="cyhl left">
<h3 class="elli">{{art.title}}</h3> <h3 class="elli">{{art.title}}</h3>
<p class="over-line2">{{$tfnm(art,'content',104)}}</p> <p class="over-line2">{{$tfnm(art,'content',104)}}</p>

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

@ -6,8 +6,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="parentData2.name && parentData2.name != '首页'&& parentData2.name != '区域农业资源'&& parentData2.name != '工作动态'" >{{parentData2.name}} > </a> <a href="javascript:void(0);" @click="wzFun(parentData2.id?parentData2.id:(parentData2.parent+'01'))" v-show="parentData2.name && parentData2.name != '首页'&& parentData2.name != '区域农业资源'&& parentData2.name != '工作动态'" >{{parentData2.name}} > </a>
<a href="javascript:void(0);" v-show="parentData.name && parentData.name != '首页'" >{{parentData.name}} > </a> <a href="javascript:void(0);" @click="wzFun(parentData.id?parentData.id:(parentData.parent+'01'))" v-show="parentData.name && parentData.name != '首页'&& parentData.name != '区域农业资源'" >{{parentData.name}} > </a>
<a href="javascript:void(0);">{{syname}}</a> <a href="javascript:void(0);">{{syname}}</a>
</div> </div>
</div> </div>
@ -44,13 +44,13 @@
<a-tree-node key="101010101"> <a-tree-node key="101010101">
<span slot="title" @click="nyzyFun('101010101')"> <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">育种</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" @click="nyzyFun('101010102')"> <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">栽培</span> <span style="float:left;font-size:12px">高粱栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -62,13 +62,13 @@
<a-tree-node key="101010201"> <a-tree-node key="101010201">
<span slot="title" @click="nyzyFun('101010201')"> <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">育种</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" @click="nyzyFun('101010202')"> <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">栽培</span> <span style="float:left;font-size:12px">花生栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -80,13 +80,13 @@
<a-tree-node key="101010301"> <a-tree-node key="101010301">
<span slot="title" @click="nyzyFun('101010301')"> <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">育种</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" @click="nyzyFun('101010302')"> <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">栽培</span> <span style="float:left;font-size:12px">绿豆栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -98,13 +98,13 @@
<a-tree-node key="101010401"> <a-tree-node key="101010401">
<span slot="title" @click="nyzyFun('101010401')"> <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">育种</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" @click="nyzyFun('101010402')"> <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">栽培</span> <span style="float:left;font-size:12px">小豆栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -116,13 +116,13 @@
<a-tree-node key="101010501"> <a-tree-node key="101010501">
<span slot="title" @click="nyzyFun('101010501')"> <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">育种</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" @click="nyzyFun('101010502')"> <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">栽培</span> <span style="float:left;font-size:12px">燕麦栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -134,13 +134,13 @@
<a-tree-node key="101010601"> <a-tree-node key="101010601">
<span slot="title" @click="nyzyFun('101010601')"> <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">育种</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" @click="nyzyFun('101010602')"> <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">栽培</span> <span style="float:left;font-size:12px">谷子栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -152,13 +152,13 @@
<a-tree-node key="101010701"> <a-tree-node key="101010701">
<span slot="title" @click="nyzyFun('101010701')"> <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">育种</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" @click="nyzyFun('101010702')"> <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">栽培</span> <span style="float:left;font-size:12px">向日葵栽培</span>
</span> </span>
</a-tree-node> </a-tree-node>
</a-tree-node> </a-tree-node>
@ -426,6 +426,11 @@ export default {
code: '1010204', code: '1010204',
picPath:'img/nyzy_lgzy.jpg' picPath:'img/nyzy_lgzy.jpg'
}, },
{
title: '烟草',
code: '1010205',
picPath:'img/nyzy_yc.jpg'
},
] ]
}, },
{ {
@ -542,6 +547,14 @@ export default {
this.$emit('change', {current, pageSize}) this.$emit('change', {current, pageSize})
this.loadData() this.loadData()
}, },
wzFun(record){
console.log('wzFun--->',record.length,record);
if(record.length>=3 &&record.length<6){
this.typeFun(record)
}else if(record.length>=6){
this.nyzyFun(record)
}
},
nyzyFun(record){ nyzyFun(record){
this.ipagination.current = 1; this.ipagination.current = 1;
@ -584,6 +597,7 @@ export default {
columnId = (columnId || this.pid) || '-1' columnId = (columnId || this.pid) || '-1'
} }
this.ipagination.total = '1'
var par = {isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'} var par = {isRelease:'Y',columnId,...findParam,column: 'createTime',order: 'desc'}
par.pageNo = this.ipagination.current; par.pageNo = this.ipagination.current;
par.pageSize = this.ipagination.pageSize; par.pageSize = this.ipagination.pageSize;
@ -593,10 +607,13 @@ export default {
this.articleList = list; this.articleList = list;
if(res.result.total){ if(res.result.total){
this.ipagination.total = res.result.total; this.ipagination.total = res.result.total;
if(this.ipagination.total == 0){
this.ipagination.total = '1'
}
} }
} }
}); });
console.log('this.ipagination.total-->', this.ipagination.total);
}, },
typeFun(record){ typeFun(record){
this.typeOption = record this.typeOption = record
@ -632,7 +649,9 @@ export default {
}, },
loadData(){ loadData(){
var typeOption = this.id var typeOption = this.id
this.parentData2 = {}
this.parentData = {}
this.ipagination.total = '1'
//查询栏目（包含当前的和候选的） //查询栏目（包含当前的和候选的）
getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:typeOption,column: 'sort',order: 'asc'}).then((res)=>{ getAction('/gateway/gatewayColumn/list',{pageSize:-1,isEnable:'Y',fpid:typeOption,column: 'sort',order: 'asc'}).then((res)=>{
if(res.success){ if(res.success){

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

@ -143,7 +143,7 @@
<div class="cyh_contr right"> <div class="cyh_contr right">
<ul> <ul>
<li v-for="(art,artIndex) in articleList" :key="artIndex"> <li v-for="(art,artIndex) in articleList" :key="artIndex">
<a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage3',{id:art.id})"> <a href="javascript:void(0);" class="cyh_coa clearfloat" @click="$to('detailedPage3',{id:art.id,pid:pid})">
<div class="cyhl left"> <div class="cyhl left">
<h3 class="elli">{{art.title}}</h3> <h3 class="elli">{{art.title}}</h3>
<p class="over-line2">{{$tfnm(art,'content',104)}}</p> <p class="over-line2">{{$tfnm(art,'content',104)}}</p>
@ -227,7 +227,8 @@ export default {
openId = this.id openId = this.id
} }
this.openKeys = [`${openId}`]; this.openKeys = [`${openId}`];
this.loadData(openId); console.log('mounted-->',openId);
this.loadData(this.id,openId);
}, },
watch:{ watch:{
pid(){ pid(){
@ -264,39 +265,43 @@ export default {
handleClick(record){ handleClick(record){
this.ipagination.current = 1; this.ipagination.current = 1;
var list = record.keyPath var list = record.keyPath
console.log('handleClick-->',list); console.log('handleClick-->',record,list);
this.openKeys = [`${list[1]}`]; this.openKeys = [`${list[1]}`];
this.loadData(record.key) this.loadData(record.key)
}, },
loadData(id){ loadData(id,pid){
//如果没有ID自动选中一个 //如果没有ID自动选中一个
// if(this.id){ // if(this.id){
console.log('loadData id-->',id);
document.documentElement.scrollTop = 0; document.documentElement.scrollTop = 0;
let columnId = id||this.queryParam.id; let columnId = id||this.id;
// if(this.$route.query.id){
// columnId = this.$route.query.id
// }
this.queryParam.id = columnId this.queryParam.id = columnId
console.log('columnId-->',columnId); console.log('columnId-->',this.queryParam.id,id,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'}
else if(columnId == '30401'){this.syname = "成果登记"} else if(columnId == '30401'){this.syname = "成果登记"}
else if(columnId == '30402'){this.syname = "获奖情况"} else if(columnId == '30402'){this.syname = "获奖情况"}
else if(columnId == '30403'){this.syname = "发表论文"} else if(columnId == '30403'){this.syname = "发表论文"}
else if(columnId == '305'){this.syname = "政策文件";columnId = '30501'} else if(columnId == '305'){this.syname = "省内政策";columnId = '30501'}
else if(columnId == '30501'){this.syname = "省内政策"} else if(columnId == '30501'){this.syname = "省内政策"}
else if(columnId == '30502'){this.syname = "国内政策"} else if(columnId == '30502'){this.syname = "国内政策"}
else if(columnId == '306'){this.syname = "特色农业资源最新动态"} else if(columnId == '306'){this.syname = "特色农业资源最新动态"}
else if(columnId == '303'){this.syname = "合作交流"} else if(columnId == '303'){this.syname = "合作交流"}
else if(columnId == '501'){this.syname = "专题专栏";columnId = '50101'} else if(columnId == '501'){this.syname = "土壤";columnId = '50101'}
else if(columnId == '50101'){this.syname = "土壤"} else if(columnId == '50101'){this.syname = "土壤"}
else if(columnId == '50102'){this.syname = "水资源"} else if(columnId == '50102'){this.syname = "水资源"}
else if(columnId == '50103'){this.syname = "气候资源"} else if(columnId == '50103'){this.syname = "气候资源"}
else if(columnId == '50104'){this.syname = "生物资源"} else if(columnId == '50104'){this.syname = "生物资源"}
else if(columnId == '401'){this.syname = "数据中心"; columnId='40101'} else if(columnId == '401'){this.syname = "微观经济调查"; columnId='40101'}
else if(columnId == '40101'){this.syname = "微观经济调查"} else if(columnId == '40101'){this.syname = "微观经济调查"}
else if(columnId == '40102'){this.syname = "农业资源数据"} else if(columnId == '40102'){this.syname = "农业资源数据"}
else if(columnId == '40103'){this.syname = "遥感数据"} else if(columnId == '40103'){this.syname = "遥感数据"}
console.log('this.syname-->',this.syname);
//查询栏目（包含当前的和候选的） //查询栏目（包含当前的和候选的）
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)=>{