From b7ee1e3248b8501ebb04500cdf1a57ed3b19faf7 Mon Sep 17 00:00:00 2001
From: TS-QD1 <tskj_pc1@163.com>
Date: Tue, 18 Jun 2024 10:15:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/components/Header.vue              |  12 +-
 .../Announcement/AuctionAnnouncement.vue      | 321 ++++++++++++++++++
 src/pages/Auction/Display/AuctionDisplay.vue  | 321 ++++++++++++++++++
 src/pages/Auction/Other/AuctionOther.vue      | 321 ++++++++++++++++++
 src/pages/Index/Index.vue                     |   8 +
 src/router/index.js                           |  18 +
 6 files changed, 999 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/Auction/Announcement/AuctionAnnouncement.vue
 create mode 100644 src/pages/Auction/Display/AuctionDisplay.vue
 create mode 100644 src/pages/Auction/Other/AuctionOther.vue

diff --git a/src/assets/components/Header.vue b/src/assets/components/Header.vue
index 2dd7217..2639c81 100644
--- a/src/assets/components/Header.vue
+++ b/src/assets/components/Header.vue
@@ -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">
diff --git a/src/pages/Auction/Announcement/AuctionAnnouncement.vue b/src/pages/Auction/Announcement/AuctionAnnouncement.vue
new file mode 100644
index 0000000..6e40be1
--- /dev/null
+++ b/src/pages/Auction/Announcement/AuctionAnnouncement.vue
@@ -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>
diff --git a/src/pages/Auction/Display/AuctionDisplay.vue b/src/pages/Auction/Display/AuctionDisplay.vue
new file mode 100644
index 0000000..5602688
--- /dev/null
+++ b/src/pages/Auction/Display/AuctionDisplay.vue
@@ -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>
diff --git a/src/pages/Auction/Other/AuctionOther.vue b/src/pages/Auction/Other/AuctionOther.vue
new file mode 100644
index 0000000..b8b489d
--- /dev/null
+++ b/src/pages/Auction/Other/AuctionOther.vue
@@ -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>
diff --git a/src/pages/Index/Index.vue b/src/pages/Index/Index.vue
index 04e00fe..d29c60e 100644
--- a/src/pages/Index/Index.vue
+++ b/src/pages/Index/Index.vue
@@ -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">
diff --git a/src/router/index.js b/src/router/index.js
index a43346e..ae803ad 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -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',