增加模块
This commit is contained in:
TS-QD1
parent
9d096d69ae
commit
b7ee1e3248
@ -3,9 +3,9 @@
|
|||||||
<div class="header-nav">
|
<div class="header-nav">
|
||||||
<div class="header-contact">
|
<div class="header-contact">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<router-link to="/" title="北京明世纪元招标有限公司">
|
<router-link to="/" title="北京明世继元招标有限公司">
|
||||||
<img src="@/assets/images/left-logo.png" alt="">
|
<img src="@/assets/images/left-logo.png" alt="">
|
||||||
<p>明世纪元</p>
|
<p>明世继元</p>
|
||||||
</router-link>
|
</router-link>
|
||||||
<ul class="nav-box">
|
<ul class="nav-box">
|
||||||
<router-link to="/" tag="li" :class="{active: this.$route.path == '/'}">网站首页</router-link>
|
<router-link to="/" tag="li" :class="{active: this.$route.path == '/'}">网站首页</router-link>
|
||||||
@ -15,6 +15,14 @@
|
|||||||
<router-link to="/policy">政策法规</router-link>
|
<router-link to="/policy">政策法规</router-link>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</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'}">
|
<router-link to="/company" tag="li" :class="{active: this.$route.path == '/company' || this.$route.path == '/honor'}">
|
||||||
关于我们
|
关于我们
|
||||||
<div class="child">
|
<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>
|
<router-link to="/policy">政策法规</router-link>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</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">
|
<router-link to="/company" tag="li">
|
||||||
关于我们
|
关于我们
|
||||||
<div class="child">
|
<div class="child">
|
||||||
|
|||||||
@ -7,6 +7,9 @@ import Honor from '@/pages/Honor/Honor'
|
|||||||
import InfoPublic from '@/pages/InfoPublic/InfoPublic'
|
import InfoPublic from '@/pages/InfoPublic/InfoPublic'
|
||||||
import Contact from '@/pages/Contact/Contact'
|
import Contact from '@/pages/Contact/Contact'
|
||||||
import Policy from '@/pages/Policy/Policy'
|
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'
|
import CompanyIntro from '@/pages/CompanyIntro/CompanyIntro'
|
||||||
|
|
||||||
Vue.use(Router)
|
Vue.use(Router)
|
||||||
@ -48,6 +51,21 @@ export default new Router({
|
|||||||
name: 'Policy',
|
name: 'Policy',
|
||||||
component: 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',
|
path: '/company',
|
||||||
name: 'CompanyIntro',
|
name: 'CompanyIntro',
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user