增加模块
This commit is contained in:
TS-QD1
parent
9d096d69ae
commit
b7ee1e3248
@ -3,9 +3,9 @@
|
||||
<div class="header-nav">
|
||||
<div class="header-contact">
|
||||
<div class="logo">
|
||||
<router-link to="/" title="北京明世纪元招标有限公司">
|
||||
<router-link to="/" title="北京明世继元招标有限公司">
|
||||
<img src="@/assets/images/left-logo.png" alt="">
|
||||
<p>明世纪元</p>
|
||||
<p>明世继元</p>
|
||||
</router-link>
|
||||
<ul class="nav-box">
|
||||
<router-link to="/" tag="li" :class="{active: this.$route.path == '/'}">网站首页</router-link>
|
||||
@ -15,6 +15,14 @@
|
||||
<router-link to="/policy">政策法规</router-link>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/auction/announcement" tag="li">
|
||||
拍卖中心
|
||||
<div class="child">
|
||||
<router-link to="/auction/announcement">拍卖公告</router-link>
|
||||
<router-link to="/auction/display">拍品展示</router-link>
|
||||
<router-link to="/auction/other">其他链接</router-link>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/company" tag="li" :class="{active: this.$route.path == '/company' || this.$route.path == '/honor'}">
|
||||
关于我们
|
||||
<div class="child">
|
||||
|
||||
321
src/pages/Auction/Announcement/AuctionAnnouncement.vue
Normal file
321
src/pages/Auction/Announcement/AuctionAnnouncement.vue
Normal file
@ -0,0 +1,321 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header :coverPhoto="coverPhoto"></Header>
|
||||
<!-- <div class="banner">-->
|
||||
<!-- <img src="@/assets/images/banner2.png" alt="">-->
|
||||
<!-- </div>-->
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<h3>拍卖公告 / Auction Announcement</h3>
|
||||
<p>拍卖公告</p>
|
||||
</div>
|
||||
<div class="info-container">
|
||||
<div class="info-search">
|
||||
<em>筛选：</em>
|
||||
<div class="search-box">
|
||||
<span class="search-title">关键字搜索</span>
|
||||
<input type="text" placeholder="请输入关键字" v-model="page.keywords">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">起始时间</span>
|
||||
<input type="text" placeholder="请选择起始时间" id="startTime" autocomplete="off" v-model="page.startTime">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">结束时间</span>
|
||||
<input type="text" placeholder="请选择结束时间" id="endTime" autocomplete="off" v-model="page.endTime">
|
||||
</div>
|
||||
<button @click="dosearch">搜索</button>
|
||||
</div>
|
||||
<div class="info-list" v-if="lawList && lawList.length > 0">
|
||||
<ul>
|
||||
<li :title="news.newsContentTitle" v-for="(news, idx) in lawList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
|
||||
<div class="info-title">
|
||||
{{ news.newsContentTitle }}
|
||||
</div>
|
||||
<div class="info-intro">
|
||||
<p>{{ news.newsContentSummary }}</p>
|
||||
<div class="address-time">
|
||||
<div class="address">发布时间：{{ news.newsContentPublishTime }}</div>
|
||||
<!-- <div class="time"> | 招标时间：2021-03-05</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pager" v-if="page.totalPage > 1 && lawList.length > 0">
|
||||
<span @click="paging(1)">首页</span>
|
||||
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
|
||||
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
|
||||
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
</ul>
|
||||
<ul v-if="page.totalPage > 5">
|
||||
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
|
||||
{{page.totalPage - 5 + cpage}}
|
||||
</li>
|
||||
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
|
||||
{{page.page - (3 - cpage)}}
|
||||
</li>
|
||||
</ul>
|
||||
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
|
||||
<span @click="paging(page.totalPage)">尾页</span>
|
||||
</div>
|
||||
<div class="no-data" v-if="lawList && lawList.length == 0">
|
||||
<img src="@/assets/images/no-data.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="loading" v-if="isLoading">
|
||||
<img src="@/assets/images/loading.gif" alt="">
|
||||
</div>
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/assets/components/Header'
|
||||
import Footer from '@/assets/components/Footer'
|
||||
import url from '@/assets/public/url'
|
||||
import axios from 'axios'
|
||||
export default {
|
||||
name: "Policy",
|
||||
components: {
|
||||
Header,
|
||||
Footer
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
requestUrl: url.url,
|
||||
page: {
|
||||
page: 1,
|
||||
rows: 9,
|
||||
totalPage: 10,
|
||||
keywords: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
newsDirectoriesId: '400ee91a-6c38-40a7-88d5-c9060bd80873'
|
||||
},
|
||||
lawList: [],
|
||||
isLoading: false,
|
||||
coverPhoto: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dosearch: function () {
|
||||
this.page.page = 1
|
||||
this.getLawList()
|
||||
},
|
||||
goDetail: function (link, url, type, outlink) {
|
||||
if (type === '6') {
|
||||
window.open(outlink)
|
||||
} else {
|
||||
window.location.href = this.requestUrl + '/' +url
|
||||
}
|
||||
},
|
||||
getLawList: function () {
|
||||
var self = this
|
||||
self.isLoading = true
|
||||
axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
|
||||
params: self.page
|
||||
}).then(function (res) {
|
||||
self.lawList = res.data.rows
|
||||
self.page.page = res.data.page
|
||||
self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
|
||||
self.isLoading = false
|
||||
})
|
||||
},
|
||||
paging: function (page) {
|
||||
this.page.page = page
|
||||
// this.isLoading = true
|
||||
this.getLawList()
|
||||
},
|
||||
// 获取版块介绍
|
||||
getBoxIntro: function () {
|
||||
var self = this
|
||||
axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/400ee91a-6c38-40a7-88d5-c9060bd80873').then(function (res) {
|
||||
self.coverPhoto = res.data.directoriesPhoto
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
var self = this
|
||||
this.getLawList()
|
||||
this.getBoxIntro()
|
||||
laydate.render({
|
||||
elem: "#startTime",
|
||||
done: function (value, date) {
|
||||
self.page.startTime = value
|
||||
}
|
||||
});
|
||||
laydate.render({
|
||||
elem: "#endTime",
|
||||
done: function (value, date) {
|
||||
self.page.endTime = value
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus" scoped>
|
||||
@import "~styles/public.styl"
|
||||
.loading
|
||||
position fixed
|
||||
top 50%
|
||||
left 50%
|
||||
transform translate(-50%, -50%)
|
||||
background rgba(255,255,255,0.6)
|
||||
padding 30px
|
||||
border-radius 10px
|
||||
box-shadow 0 0 17px #DEDEDE
|
||||
.no-data
|
||||
padding 200px 0
|
||||
text-align center
|
||||
img
|
||||
width 200px
|
||||
.banner, .banner img
|
||||
width 100%
|
||||
height 400px
|
||||
.info
|
||||
width 1200px
|
||||
margin 35px auto
|
||||
.title
|
||||
text-align center
|
||||
padding 25px 0
|
||||
border-bottom 1px solid $main-blue
|
||||
margin-bottom 50px
|
||||
h3
|
||||
font-size 28px
|
||||
color #666
|
||||
font-weight normal
|
||||
margin-bottom 15px
|
||||
p
|
||||
font-size 14px
|
||||
color #999
|
||||
|
||||
.info-search
|
||||
overflow hidden
|
||||
em
|
||||
float left
|
||||
height 40px
|
||||
line-height 40px
|
||||
font-size 16px
|
||||
font-weight bold
|
||||
color $main-blue
|
||||
.search-box
|
||||
float left
|
||||
margin-right 20px
|
||||
font-size 0
|
||||
.search-title
|
||||
display inline-block
|
||||
width 100px
|
||||
height 40px
|
||||
line-height 40px
|
||||
background $main-blue
|
||||
color #fff
|
||||
font-size 14px
|
||||
vertical-align top
|
||||
text-align center
|
||||
select, input
|
||||
width 160px
|
||||
height 40px
|
||||
border 1px solid #ddd
|
||||
padding 0 10px
|
||||
box-sizing border-box
|
||||
vertical-align top
|
||||
button
|
||||
display block
|
||||
float left
|
||||
border none
|
||||
width 80px
|
||||
height 40px
|
||||
color #ffffff
|
||||
background $main-blue
|
||||
cursor pointer
|
||||
.info-list
|
||||
margin-top 50px
|
||||
ul
|
||||
min-height 500px
|
||||
li
|
||||
box-shadow 0 0 10px #EEE
|
||||
border-radius 5px
|
||||
overflow hidden
|
||||
margin-bottom 15px
|
||||
cursor pointer
|
||||
&:hover
|
||||
background #eee
|
||||
.info-title
|
||||
padding 0 20px
|
||||
height 40px
|
||||
line-height 40px
|
||||
margin-bottom 15px
|
||||
span
|
||||
display inline-block
|
||||
width 90px
|
||||
font-size 16px
|
||||
color #fff
|
||||
font-weight bold
|
||||
border-bottom-right-radius 20px
|
||||
text-align center
|
||||
&.type1
|
||||
background #006cbd
|
||||
&.type2
|
||||
background #b71e23
|
||||
&.type3
|
||||
background #2c367e
|
||||
&.type4
|
||||
background #a0a0a0
|
||||
.info-intro
|
||||
padding 0 20px 20px
|
||||
p
|
||||
font-size 14px
|
||||
color #333
|
||||
line-height 25px
|
||||
.address-time
|
||||
overflow hidden
|
||||
margin-top 20px
|
||||
font-size 14px
|
||||
color $main-blue
|
||||
.address
|
||||
float left
|
||||
.time
|
||||
float right
|
||||
.pager
|
||||
text-align center
|
||||
font-size 0
|
||||
margin-bottom 20px
|
||||
span
|
||||
display inline-block
|
||||
padding 0 15px
|
||||
line-height 30px
|
||||
color #333
|
||||
font-size 14px
|
||||
margin 0 5px
|
||||
vertical-align middle
|
||||
cursor pointer
|
||||
border 1px solid #CCCCCC
|
||||
ul
|
||||
display inline-block
|
||||
overflow hidden
|
||||
vertical-align middle
|
||||
li
|
||||
width 30px
|
||||
line-height 30px
|
||||
float left
|
||||
margin-right 10px
|
||||
cursor pointer
|
||||
text-align center
|
||||
font-size 14px
|
||||
color #333
|
||||
border 1px solid #CCCCCC
|
||||
&.active
|
||||
color: $main-blue
|
||||
border 1px solid $main-blue
|
||||
box-sizing border-box
|
||||
&:last-child
|
||||
margin 0
|
||||
</style>
|
||||
321
src/pages/Auction/Display/AuctionDisplay.vue
Normal file
321
src/pages/Auction/Display/AuctionDisplay.vue
Normal file
@ -0,0 +1,321 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header :coverPhoto="coverPhoto"></Header>
|
||||
<!-- <div class="banner">-->
|
||||
<!-- <img src="@/assets/images/banner2.png" alt="">-->
|
||||
<!-- </div>-->
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<h3>拍卖展示 / Auction Display</h3>
|
||||
<p>拍卖展示</p>
|
||||
</div>
|
||||
<div class="info-container">
|
||||
<div class="info-search">
|
||||
<em>筛选：</em>
|
||||
<div class="search-box">
|
||||
<span class="search-title">关键字搜索</span>
|
||||
<input type="text" placeholder="请输入关键字" v-model="page.keywords">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">起始时间</span>
|
||||
<input type="text" placeholder="请选择起始时间" id="startTime" autocomplete="off" v-model="page.startTime">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">结束时间</span>
|
||||
<input type="text" placeholder="请选择结束时间" id="endTime" autocomplete="off" v-model="page.endTime">
|
||||
</div>
|
||||
<button @click="dosearch">搜索</button>
|
||||
</div>
|
||||
<div class="info-list" v-if="lawList && lawList.length > 0">
|
||||
<ul>
|
||||
<li :title="news.newsContentTitle" v-for="(news, idx) in lawList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
|
||||
<div class="info-title">
|
||||
{{ news.newsContentTitle }}
|
||||
</div>
|
||||
<div class="info-intro">
|
||||
<p>{{ news.newsContentSummary }}</p>
|
||||
<div class="address-time">
|
||||
<div class="address">发布时间：{{ news.newsContentPublishTime }}</div>
|
||||
<!-- <div class="time"> | 招标时间：2021-03-05</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pager" v-if="page.totalPage > 1 && lawList.length > 0">
|
||||
<span @click="paging(1)">首页</span>
|
||||
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
|
||||
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
|
||||
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
</ul>
|
||||
<ul v-if="page.totalPage > 5">
|
||||
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
|
||||
{{page.totalPage - 5 + cpage}}
|
||||
</li>
|
||||
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
|
||||
{{page.page - (3 - cpage)}}
|
||||
</li>
|
||||
</ul>
|
||||
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
|
||||
<span @click="paging(page.totalPage)">尾页</span>
|
||||
</div>
|
||||
<div class="no-data" v-if="lawList && lawList.length == 0">
|
||||
<img src="@/assets/images/no-data.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="loading" v-if="isLoading">
|
||||
<img src="@/assets/images/loading.gif" alt="">
|
||||
</div>
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/assets/components/Header'
|
||||
import Footer from '@/assets/components/Footer'
|
||||
import url from '@/assets/public/url'
|
||||
import axios from 'axios'
|
||||
export default {
|
||||
name: "Policy",
|
||||
components: {
|
||||
Header,
|
||||
Footer
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
requestUrl: url.url,
|
||||
page: {
|
||||
page: 1,
|
||||
rows: 9,
|
||||
totalPage: 10,
|
||||
keywords: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
newsDirectoriesId: '4e98bd75-e3cd-4899-8bf0-300a8ca2f8e2'
|
||||
},
|
||||
lawList: [],
|
||||
isLoading: false,
|
||||
coverPhoto: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dosearch: function () {
|
||||
this.page.page = 1
|
||||
this.getLawList()
|
||||
},
|
||||
goDetail: function (link, url, type, outlink) {
|
||||
if (type === '6') {
|
||||
window.open(outlink)
|
||||
} else {
|
||||
window.location.href = this.requestUrl + '/' +url
|
||||
}
|
||||
},
|
||||
getLawList: function () {
|
||||
var self = this
|
||||
self.isLoading = true
|
||||
axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
|
||||
params: self.page
|
||||
}).then(function (res) {
|
||||
self.lawList = res.data.rows
|
||||
self.page.page = res.data.page
|
||||
self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
|
||||
self.isLoading = false
|
||||
})
|
||||
},
|
||||
paging: function (page) {
|
||||
this.page.page = page
|
||||
// this.isLoading = true
|
||||
this.getLawList()
|
||||
},
|
||||
// 获取版块介绍
|
||||
getBoxIntro: function () {
|
||||
var self = this
|
||||
axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/4e98bd75-e3cd-4899-8bf0-300a8ca2f8e2').then(function (res) {
|
||||
self.coverPhoto = res.data.directoriesPhoto
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
var self = this
|
||||
this.getLawList()
|
||||
this.getBoxIntro()
|
||||
laydate.render({
|
||||
elem: "#startTime",
|
||||
done: function (value, date) {
|
||||
self.page.startTime = value
|
||||
}
|
||||
});
|
||||
laydate.render({
|
||||
elem: "#endTime",
|
||||
done: function (value, date) {
|
||||
self.page.endTime = value
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus" scoped>
|
||||
@import "~styles/public.styl"
|
||||
.loading
|
||||
position fixed
|
||||
top 50%
|
||||
left 50%
|
||||
transform translate(-50%, -50%)
|
||||
background rgba(255,255,255,0.6)
|
||||
padding 30px
|
||||
border-radius 10px
|
||||
box-shadow 0 0 17px #DEDEDE
|
||||
.no-data
|
||||
padding 200px 0
|
||||
text-align center
|
||||
img
|
||||
width 200px
|
||||
.banner, .banner img
|
||||
width 100%
|
||||
height 400px
|
||||
.info
|
||||
width 1200px
|
||||
margin 35px auto
|
||||
.title
|
||||
text-align center
|
||||
padding 25px 0
|
||||
border-bottom 1px solid $main-blue
|
||||
margin-bottom 50px
|
||||
h3
|
||||
font-size 28px
|
||||
color #666
|
||||
font-weight normal
|
||||
margin-bottom 15px
|
||||
p
|
||||
font-size 14px
|
||||
color #999
|
||||
|
||||
.info-search
|
||||
overflow hidden
|
||||
em
|
||||
float left
|
||||
height 40px
|
||||
line-height 40px
|
||||
font-size 16px
|
||||
font-weight bold
|
||||
color $main-blue
|
||||
.search-box
|
||||
float left
|
||||
margin-right 20px
|
||||
font-size 0
|
||||
.search-title
|
||||
display inline-block
|
||||
width 100px
|
||||
height 40px
|
||||
line-height 40px
|
||||
background $main-blue
|
||||
color #fff
|
||||
font-size 14px
|
||||
vertical-align top
|
||||
text-align center
|
||||
select, input
|
||||
width 160px
|
||||
height 40px
|
||||
border 1px solid #ddd
|
||||
padding 0 10px
|
||||
box-sizing border-box
|
||||
vertical-align top
|
||||
button
|
||||
display block
|
||||
float left
|
||||
border none
|
||||
width 80px
|
||||
height 40px
|
||||
color #ffffff
|
||||
background $main-blue
|
||||
cursor pointer
|
||||
.info-list
|
||||
margin-top 50px
|
||||
ul
|
||||
min-height 500px
|
||||
li
|
||||
box-shadow 0 0 10px #EEE
|
||||
border-radius 5px
|
||||
overflow hidden
|
||||
margin-bottom 15px
|
||||
cursor pointer
|
||||
&:hover
|
||||
background #eee
|
||||
.info-title
|
||||
padding 0 20px
|
||||
height 40px
|
||||
line-height 40px
|
||||
margin-bottom 15px
|
||||
span
|
||||
display inline-block
|
||||
width 90px
|
||||
font-size 16px
|
||||
color #fff
|
||||
font-weight bold
|
||||
border-bottom-right-radius 20px
|
||||
text-align center
|
||||
&.type1
|
||||
background #006cbd
|
||||
&.type2
|
||||
background #b71e23
|
||||
&.type3
|
||||
background #2c367e
|
||||
&.type4
|
||||
background #a0a0a0
|
||||
.info-intro
|
||||
padding 0 20px 20px
|
||||
p
|
||||
font-size 14px
|
||||
color #333
|
||||
line-height 25px
|
||||
.address-time
|
||||
overflow hidden
|
||||
margin-top 20px
|
||||
font-size 14px
|
||||
color $main-blue
|
||||
.address
|
||||
float left
|
||||
.time
|
||||
float right
|
||||
.pager
|
||||
text-align center
|
||||
font-size 0
|
||||
margin-bottom 20px
|
||||
span
|
||||
display inline-block
|
||||
padding 0 15px
|
||||
line-height 30px
|
||||
color #333
|
||||
font-size 14px
|
||||
margin 0 5px
|
||||
vertical-align middle
|
||||
cursor pointer
|
||||
border 1px solid #CCCCCC
|
||||
ul
|
||||
display inline-block
|
||||
overflow hidden
|
||||
vertical-align middle
|
||||
li
|
||||
width 30px
|
||||
line-height 30px
|
||||
float left
|
||||
margin-right 10px
|
||||
cursor pointer
|
||||
text-align center
|
||||
font-size 14px
|
||||
color #333
|
||||
border 1px solid #CCCCCC
|
||||
&.active
|
||||
color: $main-blue
|
||||
border 1px solid $main-blue
|
||||
box-sizing border-box
|
||||
&:last-child
|
||||
margin 0
|
||||
</style>
|
||||
321
src/pages/Auction/Other/AuctionOther.vue
Normal file
321
src/pages/Auction/Other/AuctionOther.vue
Normal file
@ -0,0 +1,321 @@
|
||||
<template>
|
||||
<div>
|
||||
<Header :coverPhoto="coverPhoto"></Header>
|
||||
<!-- <div class="banner">-->
|
||||
<!-- <img src="@/assets/images/banner2.png" alt="">-->
|
||||
<!-- </div>-->
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<h3>其他链接 / Other Link</h3>
|
||||
<p>其他链接</p>
|
||||
</div>
|
||||
<div class="info-container">
|
||||
<div class="info-search">
|
||||
<em>筛选：</em>
|
||||
<div class="search-box">
|
||||
<span class="search-title">关键字搜索</span>
|
||||
<input type="text" placeholder="请输入关键字" v-model="page.keywords">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">起始时间</span>
|
||||
<input type="text" placeholder="请选择起始时间" id="startTime" autocomplete="off" v-model="page.startTime">
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<span class="search-title">结束时间</span>
|
||||
<input type="text" placeholder="请选择结束时间" id="endTime" autocomplete="off" v-model="page.endTime">
|
||||
</div>
|
||||
<button @click="dosearch">搜索</button>
|
||||
</div>
|
||||
<div class="info-list" v-if="lawList && lawList.length > 0">
|
||||
<ul>
|
||||
<li :title="news.newsContentTitle" v-for="(news, idx) in lawList" :key="idx" @click="goDetail(news.newsContentLink, news.templateRecordUrl, news.newsContentType, news.newsContentContent)">
|
||||
<div class="info-title">
|
||||
{{ news.newsContentTitle }}
|
||||
</div>
|
||||
<div class="info-intro">
|
||||
<p>{{ news.newsContentSummary }}</p>
|
||||
<div class="address-time">
|
||||
<div class="address">发布时间：{{ news.newsContentPublishTime }}</div>
|
||||
<!-- <div class="time"> | 招标时间：2021-03-05</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pager" v-if="page.totalPage > 1 && lawList.length > 0">
|
||||
<span @click="paging(1)">首页</span>
|
||||
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
|
||||
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
|
||||
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
</ul>
|
||||
<ul v-if="page.totalPage > 5">
|
||||
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
|
||||
{{cpage}}
|
||||
</li>
|
||||
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(page.totalPage - 5 + cpage)">
|
||||
{{page.totalPage - 5 + cpage}}
|
||||
</li>
|
||||
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(page.page - (3 - cpage))">
|
||||
{{page.page - (3 - cpage)}}
|
||||
</li>
|
||||
</ul>
|
||||
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
|
||||
<span @click="paging(page.totalPage)">尾页</span>
|
||||
</div>
|
||||
<div class="no-data" v-if="lawList && lawList.length == 0">
|
||||
<img src="@/assets/images/no-data.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="loading" v-if="isLoading">
|
||||
<img src="@/assets/images/loading.gif" alt="">
|
||||
</div>
|
||||
<Footer></Footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Header from '@/assets/components/Header'
|
||||
import Footer from '@/assets/components/Footer'
|
||||
import url from '@/assets/public/url'
|
||||
import axios from 'axios'
|
||||
export default {
|
||||
name: "Policy",
|
||||
components: {
|
||||
Header,
|
||||
Footer
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
requestUrl: url.url,
|
||||
page: {
|
||||
page: 1,
|
||||
rows: 9,
|
||||
totalPage: 10,
|
||||
keywords: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
newsDirectoriesId: '25642699-55bd-4e95-9e53-61387de143f3'
|
||||
},
|
||||
lawList: [],
|
||||
isLoading: false,
|
||||
coverPhoto: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dosearch: function () {
|
||||
this.page.page = 1
|
||||
this.getLawList()
|
||||
},
|
||||
goDetail: function (link, url, type, outlink) {
|
||||
if (type === '6') {
|
||||
window.open(outlink)
|
||||
} else {
|
||||
window.location.href = this.requestUrl + '/' +url
|
||||
}
|
||||
},
|
||||
getLawList: function () {
|
||||
var self = this
|
||||
self.isLoading = true
|
||||
axios.get(self.requestUrl + '/news/app/newscontent/listpagenewscontentrelease', {
|
||||
params: self.page
|
||||
}).then(function (res) {
|
||||
self.lawList = res.data.rows
|
||||
self.page.page = res.data.page
|
||||
self.page.totalPage = Math.ceil(res.data.total / self.page.rows)
|
||||
self.isLoading = false
|
||||
})
|
||||
},
|
||||
paging: function (page) {
|
||||
this.page.page = page
|
||||
// this.isLoading = true
|
||||
this.getLawList()
|
||||
},
|
||||
// 获取版块介绍
|
||||
getBoxIntro: function () {
|
||||
var self = this
|
||||
axios.get(self.requestUrl + '/news/app/newsdirectories/getnewsdirectoriesbyidrelease/25642699-55bd-4e95-9e53-61387de143f3').then(function (res) {
|
||||
self.coverPhoto = res.data.directoriesPhoto
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
var self = this
|
||||
this.getLawList()
|
||||
this.getBoxIntro()
|
||||
laydate.render({
|
||||
elem: "#startTime",
|
||||
done: function (value, date) {
|
||||
self.page.startTime = value
|
||||
}
|
||||
});
|
||||
laydate.render({
|
||||
elem: "#endTime",
|
||||
done: function (value, date) {
|
||||
self.page.endTime = value
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" rel="stylesheet/stylus" scoped>
|
||||
@import "~styles/public.styl"
|
||||
.loading
|
||||
position fixed
|
||||
top 50%
|
||||
left 50%
|
||||
transform translate(-50%, -50%)
|
||||
background rgba(255,255,255,0.6)
|
||||
padding 30px
|
||||
border-radius 10px
|
||||
box-shadow 0 0 17px #DEDEDE
|
||||
.no-data
|
||||
padding 200px 0
|
||||
text-align center
|
||||
img
|
||||
width 200px
|
||||
.banner, .banner img
|
||||
width 100%
|
||||
height 400px
|
||||
.info
|
||||
width 1200px
|
||||
margin 35px auto
|
||||
.title
|
||||
text-align center
|
||||
padding 25px 0
|
||||
border-bottom 1px solid $main-blue
|
||||
margin-bottom 50px
|
||||
h3
|
||||
font-size 28px
|
||||
color #666
|
||||
font-weight normal
|
||||
margin-bottom 15px
|
||||
p
|
||||
font-size 14px
|
||||
color #999
|
||||
|
||||
.info-search
|
||||
overflow hidden
|
||||
em
|
||||
float left
|
||||
height 40px
|
||||
line-height 40px
|
||||
font-size 16px
|
||||
font-weight bold
|
||||
color $main-blue
|
||||
.search-box
|
||||
float left
|
||||
margin-right 20px
|
||||
font-size 0
|
||||
.search-title
|
||||
display inline-block
|
||||
width 100px
|
||||
height 40px
|
||||
line-height 40px
|
||||
background $main-blue
|
||||
color #fff
|
||||
font-size 14px
|
||||
vertical-align top
|
||||
text-align center
|
||||
select, input
|
||||
width 160px
|
||||
height 40px
|
||||
border 1px solid #ddd
|
||||
padding 0 10px
|
||||
box-sizing border-box
|
||||
vertical-align top
|
||||
button
|
||||
display block
|
||||
float left
|
||||
border none
|
||||
width 80px
|
||||
height 40px
|
||||
color #ffffff
|
||||
background $main-blue
|
||||
cursor pointer
|
||||
.info-list
|
||||
margin-top 50px
|
||||
ul
|
||||
min-height 500px
|
||||
li
|
||||
box-shadow 0 0 10px #EEE
|
||||
border-radius 5px
|
||||
overflow hidden
|
||||
margin-bottom 15px
|
||||
cursor pointer
|
||||
&:hover
|
||||
background #eee
|
||||
.info-title
|
||||
padding 0 20px
|
||||
height 40px
|
||||
line-height 40px
|
||||
margin-bottom 15px
|
||||
span
|
||||
display inline-block
|
||||
width 90px
|
||||
font-size 16px
|
||||
color #fff
|
||||
font-weight bold
|
||||
border-bottom-right-radius 20px
|
||||
text-align center
|
||||
&.type1
|
||||
background #006cbd
|
||||
&.type2
|
||||
background #b71e23
|
||||
&.type3
|
||||
background #2c367e
|
||||
&.type4
|
||||
background #a0a0a0
|
||||
.info-intro
|
||||
padding 0 20px 20px
|
||||
p
|
||||
font-size 14px
|
||||
color #333
|
||||
line-height 25px
|
||||
.address-time
|
||||
overflow hidden
|
||||
margin-top 20px
|
||||
font-size 14px
|
||||
color $main-blue
|
||||
.address
|
||||
float left
|
||||
.time
|
||||
float right
|
||||
.pager
|
||||
text-align center
|
||||
font-size 0
|
||||
margin-bottom 20px
|
||||
span
|
||||
display inline-block
|
||||
padding 0 15px
|
||||
line-height 30px
|
||||
color #333
|
||||
font-size 14px
|
||||
margin 0 5px
|
||||
vertical-align middle
|
||||
cursor pointer
|
||||
border 1px solid #CCCCCC
|
||||
ul
|
||||
display inline-block
|
||||
overflow hidden
|
||||
vertical-align middle
|
||||
li
|
||||
width 30px
|
||||
line-height 30px
|
||||
float left
|
||||
margin-right 10px
|
||||
cursor pointer
|
||||
text-align center
|
||||
font-size 14px
|
||||
color #333
|
||||
border 1px solid #CCCCCC
|
||||
&.active
|
||||
color: $main-blue
|
||||
border 1px solid $main-blue
|
||||
box-sizing border-box
|
||||
&:last-child
|
||||
margin 0
|
||||
</style>
|
||||
@ -16,6 +16,14 @@
|
||||
<router-link to="/policy">政策法规</router-link>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/auction/announcement" tag="li">
|
||||
拍卖中心
|
||||
<div class="child">
|
||||
<router-link to="/auction/announcement">拍卖公告</router-link>
|
||||
<router-link to="/auction/display">拍品展示</router-link>
|
||||
<router-link to="/auction/other">其他链接</router-link>
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link to="/company" tag="li">
|
||||
关于我们
|
||||
<div class="child">
|
||||
|
||||
@ -7,6 +7,9 @@ import Honor from '@/pages/Honor/Honor'
|
||||
import InfoPublic from '@/pages/InfoPublic/InfoPublic'
|
||||
import Contact from '@/pages/Contact/Contact'
|
||||
import Policy from '@/pages/Policy/Policy'
|
||||
import AuctionAnnouncement from '@/pages/Auction/Announcement/AuctionAnnouncement'
|
||||
import AuctionDisplay from '@/pages/Auction/Display/AuctionDisplay'
|
||||
import AuctionOther from '@/pages/Auction/Other/AuctionOther'
|
||||
import CompanyIntro from '@/pages/CompanyIntro/CompanyIntro'
|
||||
|
||||
Vue.use(Router)
|
||||
@ -48,6 +51,21 @@ export default new Router({
|
||||
name: 'Policy',
|
||||
component: Policy
|
||||
},
|
||||
{
|
||||
path: '/auction/announcement',
|
||||
name: 'AuctionAnnouncement',
|
||||
component: AuctionAnnouncement
|
||||
},
|
||||
{
|
||||
path: '/auction/display',
|
||||
name: 'AuctionDisplay',
|
||||
component: AuctionDisplay
|
||||
},
|
||||
{
|
||||
path: '/auction/other',
|
||||
name: 'AuctionOther',
|
||||
component: AuctionOther
|
||||
},
|
||||
{
|
||||
path: '/company',
|
||||
name: 'CompanyIntro',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user