更改

common/list.js

@@ -82,6 +82,21 @@ export function getWinList(data){
         data:data
   })
 }
+//补充答疑列表页
+export function getClerList(data){
+  return request({
+      url:"/notice/list?noticeType=CLARIFIES",
+      method:'post',
+      data:data
+})
+}
+//补充答疑详情页
+export function getClerDetailsList(id){
+  return request({
+      url:`/notice/clarifies/${id}`,
+      method:'get',
+})
+}
 //全部列表
 export function getAllList(data){
   return request({

components/aside.vue

@@ -27,8 +27,12 @@
         <el-menu-item index="/notice/change">
           <i class="el-icon-setting"></i>
           <span slot="title">变更公告</span>
-        </el-menu-item>
-        <el-menu-item index="/notice/fail">
+        </el-menu-item> 
+        <el-menu-item index="/notice/clarifies">
+          <i class="el-icon-setting"></i>
+          <span slot="title">补充答疑</span>
+        </el-menu-item> 
+        <el-menu-item index="/notice/abortive">
           <i class="el-icon-setting"></i>
           <span slot="title">流标公告</span>
         </el-menu-item>

pages/index/message/message.vue

+<template>
+    <div class="home">
+   
+       <Bread></Bread>
+       <div class="flex-center">
+         <div class="flex">
+         <!-- <Aside class="aside"></Aside> -->
+         <nuxt></nuxt>
+         </div>
+       </div>
+    </div>
+</template>
+
+
+<script>
+   import Head from '~/components/header'
+   import Nav from '~/components/nav'
+   import Footer from '~/components/footer'
+   import Homeinput from '~/components/homeinput'
+   import Aside from '~/components/messageAside'
+   import Bread from '~/components/bread'
+   export default {
+     name: "notice",
+     components: {
+      Head,
+      Nav,
+      Footer,
+      Aside,
+      Bread
+     },
+    }
+</script>
+
+<style scoped>
+.aside{
+  margin-right: .3rem;
+}
+</style>
+

pages/index/notice/BIDDINGdetails.vue

@@ -80,8 +80,8 @@ export default {
         }
     },
     methods:{
-        async getBidingdetails(){
-            const {data} = await getBidingdetails(1)
+        async getBidingdetails(id){
+            const {data} = await getBidingdetails(id)
             console.log(data)
             this.itemTitle = data.title
             this.itemName = data.title

pages/index/notice/CLARIFIESdetails.vue

+<template>
+    <div>
+        <div class="header">
+            <span class="header-nav">项目名称:{{itemTitle}}</span>
+            <span class="header-nav">项目编号:{{itemCode}}</span>
+            <span>发布日期:{{itemTime}}</span>
+        </div>
+        <h2>{{itemTitle}}</h2>
+        <div class="form">
+            <div>
+                <div>公告名称:</div>
+                <div>{{itemTime}}</div>
+            </div>
+            <div>
+                <div>相关字段:</div>
+                <div>{{itemTitle}}</div>
+            </div>
+            <div>
+                <div>中标人:</div>
+                <div>{{itemPerson}}</div>
+            </div>
+            <div>
+                <div>中标价格:</div>
+                <div>{{winPrice}}</div>
+            </div>
+            <div>
+                <div>委托金额:</div>
+                <div>{{itemPrice}}</div>
+            </div>
+            <div>
+                <div>节资率:</div>
+                <div>{{itemCapital}}</div>
+            </div>
+            <div>
+                <div>其他说明:</div>
+                <div>{{other}}</div>
+            </div>
+            <div>
+                <div>公告内容:</div>
+                <div class="rig-content">
+                    <div>招标人:{{itemPerson}}</div>
+                    <div>招标代理机构:{{itemCompany}}</div>
+                    <div>项目经理:{{itemManager}}</div>
+                    <div>中标单位:{{itemPerson}}</div>
+                    <div>中标金额:{{winPrice}}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import {getClerDetailsList} from "@/common/list.js"
+export default {
+    data(){
+        return{
+            itemTitle:'定州市集中供热工程2020年预制直埋保温管及管道采购',
+            itemCode:'l1301000075017553011',
+            itemTime:'2020年07月30号',
+            itemPerson:'江丰管道集团有限公司',
+            winPrice:'173162元人民币',
+            itemPrice:'173162元人民币',
+            itemCapital:'1.7189484984%',
+            other:'无',
+            itemCompany:"瑞和安惠项目管理集团有限公司",
+            itemManager:'车经理'
+        }
+        
+    },
+    mounted(){
+        let id = this.$route.query.id
+        console.log(id+"-----------------")
+        this.getClerDetailsList(id)
+
+    },
+    methods:{
+        async getClerDetailsList(id){
+            console.log(id+"-----------------")
+            const {data} = await getClerDetailsList(id)
+        }
+    }
+}
+</script>
+
+<style scoped>
+.header{
+    display: flex;
+}
+.header-nav{
+    margin-right: 30px;
+}
+h2{
+    margin-top:30px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+.form{
+    margin-left:40px;
+}
+.form>div{
+    display: flex;
+    margin-bottom: 20px;
+}
+.form>div:last-child{
+    justify-content: center;
+    padding-bottom: 100px;  
+}
+.rig-content{
+    flex-direction: column;
+}
+.form>div>div:first-child{
+    width:92px;
+    height:25px;
+    line-height: 25px;
+    font-size: 10px;
+    color: #808080;
+    margin-right:20px;
+}
+.form>div>div:last-child{
+    justify-content: center;
+    width:100%;
+    height:25px;
+    line-height: 25px;
+    font-size: 10px;
+    color: #000000
+}
+</style>
\ No newline at end of file

pages/index/notice/fail.vue → pages/index/notice/abortive.vue

@@ -29,7 +29,7 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link :to="`/notice/faildetails?id=${item.id}`">
+        <nuxt-link :to="`/notice/ABORTIVEdetails?id=${item.id}`">
           <div class="time">{{getTimer(item.createTime)}}</div>
           <div class="price-item">
             <div class="t1" style="font-weight: bold;">

pages/index/notice/cadidate.vue

@@ -29,7 +29,7 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link :to="`/notice/cadidatedetails?id=${item.id}`">
+        <nuxt-link :to="`/notice/CADIDATEdetails?id=${item.id}`">
           <div class="time">{{getTimer(item.createTime)}}</div>
           <div class="price-item">
             <div class="t1" style="font-weight: bold;">

pages/index/notice/clarifies.vue

+<template>
+  <div class="price">
+
+    <div class="flex">
+      <div>
+        <div class="flex-item" style="margin-bottom: 0.1rem;">
+          <span class="t1 left">行业类型</span>
+          <el-select v-model="getData.industryId" placeholder="请选择">
+            <el-option v-for="item in industryOptions" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+          <span class="t1 left">行业类别</span>
+          <citySelect @sendprovinceId="receiveP" @sendcityId="receiveC" @senddistrictId="receiveS" ref="mychild"></citySelect>
+        </div>
+        <div class="flex-item t1">
+          <span class="t1 left">发布日期</span>
+          <el-date-picker v-model="interTimerPicker" :picker-options="pickerOptions" type="daterange" range-separator="至"
+            start-placeholder="开始日期" end-placeholder="结束日期" :beginDate="getData.beginDate" :endDate="getData.endDate" @change="changeTime">
+          </el-date-picker>
+          <span class="left"></span>
+          <el-input v-model="getData.title" placeholder="请输入内容" style="width: 2.3rem;"></el-input>
+        </div>
+      </div>
+      <div style="width:0.6rem;">
+        <el-button type="primary" style="margin-bottom: 0.1rem;" @click="queryStr">查询</el-button>
+        <el-button class="reset" @click="reset">重置</el-button>
+      </div>
+    </div>
+
+    <ul>
+      <li v-for="item in priceList" :key="item.id">
+        <nuxt-link :to="`/notice/CLARIFIESdetails?id=${item.id}`">
+          <div class="time">{{getTimer(item.createTime)}}</div>
+          <div class="price-item">
+            <div class="t1" style="font-weight: bold;">
+              <span class="state-red">[澄清公告] </span>
+              <span>{{item.title}}</span>
+            </div>
+            <div class="flex-between">
+              <div>所属行业:{{item.industryName}}</div>
+              <div>采购商:{{item.companyName}}</div>
+            </div>
+            <div class="flex-between">
+              <div>所属地区:{{item.area}}</div>
+              <div>招标状态: <span class="state-red">{{item.projectStatus}}</span> </div>
+            </div>
+          </div>
+        </nuxt-link>
+      </li>
+    </ul>
+    <div class="pagination flex-center">
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="getData.currentPage" :page-size ="getData.size" :page-sizes="[10, 20, 30, 40]"
+        layout="total, sizes,prev, pager, next, jumper" :total="total">
+      </el-pagination >
+    </div>
+  </div>
+</template>
+
+<script>
+import {industryList} from '@/api/common/list.js'
+import citySelect from '@/components/citySelect.vue'
+import {getClerList} from '@/common/list.js'
+  export default {
+    components:{
+      citySelect
+    },
+    mounted(){
+      let message = {}
+      message.size = 10
+      message.currentPage = 1
+      this.industryList()
+      this.getClerList(message)
+    },
+    data() {
+      return {
+        total:0,
+        getData:{
+          currentPage:1,
+          size:10,
+          industryId:'',
+          title:'',
+          provinceId:'',
+          cityId:'',
+          districtId:'',
+          beginDate:'',
+          endDate:''
+        },
+        priceList: [{
+			      id:"",
+            time: "",
+            title: "",
+            industry: "",
+            user: "",
+            local: "",
+            state: ""
+          },
+        ],
+        interTimerPicker: "",
+        pickerOptions: {
+          disabledDate: (time) => {
+            return this.dealDisabledDate(time)
+          }
+        },
+        industryOptions: [{
+        }],
+      }
+    },
+    methods: {
+      async queryStr() {
+        console.log(this.getData);
+        const { data,total } = await getClerList(this.getData);
+        this.priceList = data;
+        this.total = total
+      },
+      reset(){
+        this.getData.industryId = ''
+        this.interTimerPicker = '' 
+        this.$refs.mychild.clear()  
+        this.getData.title = ''
+      },
+      changeTime(e){
+        this.getData.beginDate = e[0].getTime()
+        this.getData.endDate = e[1].getTime()
+      },
+      //年月日
+      getTimer(dateStr){
+        var date = new Date(dateStr);
+        var Month = date.getMonth() + 1;
+        var Day = date.getDate();
+        var Y = date.getFullYear() + '-';
+        var M = Month < 10 ? '0' + Month + '-' : Month + '-';
+        var D = Day + 1 < 10 ? '0' + Day : Day;
+        return Y + M + D;
+      },
+      async getClerList(params){
+        const {data,total} = await getClerList(params)
+        this.priceList = data
+        this.total  = total
+      },
+      receiveP(value) {
+        this.getData.provinceId = value;
+      },
+      receiveC(value) {
+        this.getData.cityId = value;
+      },
+      receiveS(value) {
+        this.getData.districtId = value;
+      },
+      async industryList(){
+        const res = await industryList()
+        console.log(res)
+        this.industryOptions = res
+      },
+      handleSizeChange(val) {
+      let mess = {}
+      mess.size = val
+      mess.currentPage = this.getData.currentPage
+      this.getErrorList(mess)
+    },
+    handleCurrentChange(val) {
+      /* this.getData.currentPage = val */
+      let mess = {}
+      mess.size = this.getData.size
+      mess.currentPage = val
+      this.getErrorList(mess);
+      //获取当前页
+    },
+      dealDisabledDate(time) {
+        // 一天的毫秒数 = 8.64e7  判断时在return处可进行加减
+        let curDate = (new Date()).getTime();
+        let day = 12 * 30 * 24 * 3600 * 1000;
+        let dateRegion = curDate - day;
+        return time.getTime() > Date.now() || time.getTime() < dateRegion;
+      }
+    }
+  }
+</script>
+<style scoped>
+  .price {
+    width: 9.2rem;
+  }
+
+  .left {
+    margin-left: 0.3rem;
+    margin-right: 0.15rem;
+  }
+
+  .reset {
+    color: rgba(4, 134, 254, 1);
+    background: rgba(230, 241, 252, 1);
+    border: 1px solid rgba(163, 208, 253, 1);
+  }
+
+  .price>ul {
+    width: 9.3rem;
+    box-sizing: border-box;
+    padding-top: 0.2rem;
+  }
+
+  .price>ul>li {
+    height: 1.87rem;
+    border: 1px solid rgba(219, 219, 219, 1);
+    margin-bottom: 0.2rem;
+
+  }
+
+  .price>ul>li .time {
+    height: 0.41rem;
+    line-height: 0.41rem;
+    box-sizing: border-box;
+    padding-left: 0.2rem;
+    border-bottom: 1px solid rgba(219, 219, 219, 1);
+    font-size: .16rem;
+    color: rgba(153, 153, 153, 1);
+  }
+
+  .price>ul>li .price-item {
+    margin: .13rem 0 0 0.2rem;
+  }
+
+  .price>ul>li .price-item>div {
+    font-size: .14rem;
+    color: rgba(76, 76, 76, 1)
+  }
+
+  .price-item>div:first-child {
+    font-size: .16rem;
+  }
+
+  .price-item>div:nth-child(2) {
+    margin-top: .24rem;
+    margin-bottom: .19rem;
+    width: 4.5rem
+  }
+
+  .price-item>div:last-child {
+    width: 4.5rem
+  }
+
+  .state-red {
+    color: rgba(255, 24, 24, 1);
+  }
+</style>
\ No newline at end of file

pages/index/notice/enquirydetails.vue

@@ -123,13 +123,13 @@ export default {
     dataTable,
     breadCrumb,
   },
-  data() {
-    return {
-      mounted(){
+  mounted(){
         let id=this.$route.query.id;
-        console.log(id)
+        console.log(id+'----------------------++++++++++++++++++')
         this.getenquirydetails(id)
-      },
+  },
+  data() {
+    return {
       formdata:{
         itemTitle:'苍南县公安局关于督查视频服务器5台在线询价公告',
         itemCode:'I1301000075017553011',
@@ -210,7 +210,7 @@ export default {
     },
     async getenquirydetails(id){
       const {data} = await getenquirydetails(id);
-    },
+     },
     //截止时间到,隐藏我要报价按钮
     gettimer(){
       let d = new Date()

pages/index/notice/notice.vue

+<template>
+    <div class="home">
+   
+       <Bread></Bread>
+       <div class="flex-center">
+         <div class="flex">
+         <Aside class="aside"></Aside>
+         <nuxt></nuxt>
+         </div>
+       </div>
+    </div>
+</template>
+
+
+<script>
+   import Head from '~/components/header'
+   import Nav from '~/components/nav'
+   import Footer from '~/components/footer'
+   import Homeinput from '~/components/homeinput'
+   import Aside from '~/components/aside'
+   import Bread from '~/components/bread'
+   export default {
+     name: "notice",
+     components: {
+      Head,
+      Nav,
+      Footer,
+      Aside,
+      Bread
+     },
+     mounted(){
+       console.log(this.$router, this.$route,'---s')
+     },
+     watch:{
+       
+     }
+    }
+</script>
+
+<style scoped>
+.aside{
+  margin-right: .3rem;
+}
+</style>