0918

common/list.js

@@ -16,6 +16,13 @@ export function getCadidateList(data){
       data:data
 })
 }
+//中标候选人公告详情
+export function getCadidateDetails(id){
+  return request({
+      url:`/notice/cadidate/${id}`,
+      method:'get',
+})
+}
 //变更公告列表
 export function getChangeList(data){
   return request({
@@ -24,14 +31,21 @@ export function getChangeList(data){
       data:data
 })
 }
-//异常公告列表
+//流标公告列表
 export function getErrorList(data){
   return request({
-      url:"/notice/list?noticeType=ERROR",
+      url:"/notice/list?noticeType=ABORTIVE",
       method:'post',
       data:data
 })
 }
+//流标公告详情
+export function getErrorDetails(id){
+  return request({
+      url:`/notice/abortive/${id}`,
+      method:'get',
+})
+}
 //询价公告详情
 export function getenquirydetails(id){
   return request({
@@ -77,11 +91,11 @@ export function getAllList(data){
 })
 }
 //忘记密码---->发送短信
-export function sendSms(phone){
+export function sendSms(params){
   return request({
-      url:`/sms/send-sms?phone=${phone}`,
+      url:"/sms/send-sms",
       method:'post',
-      
+      params:params
 })
 }
 //忘记密码---->手机验证码
@@ -136,4 +150,11 @@ export function getNoticeType(){
       url:"/notice/notice-type",
       method:'get',
 })
+}
+//变更详情
+export function getChangeDetails(id){
+  return request({
+      url:`/notice/change/${id}`,
+      method:'get',
+})
 }
\ No newline at end of file

components/aside.vue

@@ -16,7 +16,7 @@
           <i class="el-icon-menu"></i>
           <span slot="title">招标公告</span>
         </el-menu-item>
-        <el-menu-item index="/notice/candidate">
+        <el-menu-item index="/notice/cadidate">
           <i class="el-icon-document"></i>
           <span slot="title">中标候选人公示</span>
         </el-menu-item>
@@ -30,7 +30,7 @@
         </el-menu-item>
         <el-menu-item index="/notice/fail">
           <i class="el-icon-setting"></i>
-          <span slot="title">异常公告</span>
+          <span slot="title">流标公告</span>
         </el-menu-item>
       </el-menu>
     </el-col>

pages/index/message/news.vue

@@ -3,9 +3,9 @@
         <div class='sidebar'>
           <div class="sidebar-title">信息公告</div>
           <el-col :span="12">
-            <el-menu :default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" v-for="item in artList" :key="item.id"
+            <el-menu :default-active="activeIndex"  class="el-menu-vertical-demo" v-for="item in artList" :key="item.id" @select="handleSelect"
               router >
-              <el-menu-item index="1">
+              <el-menu-item :index="`?id=${item.id}`">
                 <i class="el-icon-menu"></i>
                 <span slot="title">{{item.title}}</span>
               </el-menu-item>
@@ -14,9 +14,10 @@
       </div>
       <ul>
         <li v-for="item in messageList" :key="item.id">
-          <nuxt-link to="/notice/details"  class="flex-between">
+          <!-- 怎么自动生成路由 并且实现组件跳转 -->
+          <nuxt-link :to="`/notice/news/details?id=${item.id}`"  class="flex-between">
             <div class="t2">{{item.title}}</div>
-            <div class="t1">发布时间：{{item.time}}</div>
+            <div class="t1">发布时间：{{item.createTime}}</div>
           </nuxt-link>
         </li>
       </ul>
@@ -43,20 +44,11 @@ import {
   getList
 } from '@/common/list.js'
   export default {
-    created(){
-      let message = {}
-      message.currentPage = 10
-      message.size = 1
-      this.getListContent(message)
-      this.getCategoryList()
-      this.getCateList()
-      this.getList()
-    },
     data() {
       return {
+        activeIndex: '1',
         size:10,
         total:0,
-        classId:0,
         artId:0,
         artList:[],
         currentPage:1,
@@ -74,42 +66,51 @@ import {
           }
         ]
       }
+    },
+      created(){
+      let message = {}
+      message.currentPage = 10
+      message.size = 1
+      this.getListContent(message)
+      this.getCategoryList()
+      this.getCateList()
+      this.getList()
     },
     methods:{
+      handleSelect(key, keyPath) {
+        console.log(key, keyPath)
+         let keyValue = key.slice(4)
+         console.log(keyValue)
+         let message = {}
+          message.cateId = keyValue
+          /* console.log(message,'-----------------------') */
+          this.getListContent(message)
+      },
       //分类列表
       async getCategoryList(){
         const {data} = await getCategoryList()
-        console.log(data,'ppppp')
-        for(var i=0;i<data.length;i++){
-          this.classId = data[i].id
-          console.log(this.classId)
-        }
-        this.artList = data;
+        this.artList = data
       },
       //文章列表
       async getListContent(params){
-        const {data,cateId,total} = await getListContent(params)
-        console.log(data)
-        this.messageList =data
-        this.artId = cateId
-        this.total = total
+        const {data} = await getListContent(params)
+        this.messageList = data
       },
-      //分类(未完成!)
+     /*  //分类()
       async getCateList(){
-        const {data} = await getCateList(this.classId)
-      },
-      //查看文章
+        const {data} = await getCateList()
+      }, */
+      /* //查看文章
       async getList(){
         const {data} = await getList()
         console.log(data)
-      },
+      }, */
       handleSizeChange(val) {
         this.getListContent(this.currentPage,val)
       },
       handleCurrentChange(val) {
         this.getListContent(val,this.size)
       },
-      
     }
   }
 </script>

pages/index/message/newsdetails.vue

+<template>
+    <div>
+        
+    </div>
+</template>
+
+<script>
+import {getList} from '@/common/list.js'
+export default {
+    created(){
+        let id = this.$route.query.id
+        this.getList(id)
+    },
+    methods:{
+        async getList(id){
+            const {data} = await getList(id)
+            console.log(data)
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

pages/index/notice/all.vue

@@ -28,11 +28,11 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link to="/notice/details">
+        <nuxt-link :to='`/notice/${item.noticeType}details?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">{{[item.noticeType]}}</span>
+              <span class="state-red">{{item.noticeType}}</span>
               <span>{{item.title}}</span> 
             </div>
             <div class="flex-between">
@@ -76,8 +76,8 @@ import {getAllList,getNoticeType} from '@/common/list.js'
         allList:[],
         total:0,
         getData:{
-          currentPage:10,
-          size:1,
+          currentPage:1,
+          size:10,
           industryId:'',
           title:'',
           provinceId:'',
@@ -132,33 +132,10 @@ import {getAllList,getNoticeType} from '@/common/list.js'
         return Y + M + D;
       },
       async getAllList(params){
-        const {data,total,noticeType} = await getAllList(params)
-        for(var i=0;i<data.length;i++){
-          if(data[i].noticeType==="BIDDING"){
-            data[i].noticeType='招标公告'
-          }
-          if(data[i].noticeType==="INVITE"){
-            data[i].noticeType='邀请公告'
-          }
-          if(data[i].noticeType==="ENQUIRY"){
-            data[i].noticeType='询价公告'
-          }
-          if(data[i].noticeType==="WIN"){
-            data[i].noticeType='中标公告'
-          }
-          if(data[i].noticeType==="CADIDATE"){
-            data[i].noticeType='候选人'
-          }
-          if(data[i].noticeType==="ABORTIVE"){
-            data[i].noticeType='流标公告'
-          }
-          if(data[i].noticeType==="CHANGE"){
-            data[i].noticeType='变更公告'
-          }
-        }
+        const {data,total} = await getAllList(params)
         this.priceList = data
         this.total  = total
-        console.log(data)
+        console.log(data,total,'--------------')
       },
        async getNoticeType(){
         const {data} = await getNoticeType()
@@ -180,10 +157,10 @@ import {getAllList,getNoticeType} from '@/common/list.js'
         this.industryOptions = res
       },
       handleSizeChange(val) {
-        this.getCadidateList(val,this.getData.currentPage);
+        this.getCadidateList(val,this.currentPage);
       },
       handleCurrentChange(val) {
-        this.getCadidateList(this.getData.size,val);
+        this.getCadidateList(this.size,val);
       },
       dealDisabledDate(time) {
         // 一天的毫秒数 = 8.64e7  判断时在return处可进行加减

pages/index/notice/candidate.vue → pages/index/notice/cadidate.vue

@@ -29,7 +29,7 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link to="/notice/details">
+        <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;">
@@ -75,8 +75,8 @@ import {getCadidateList} from '@/common/list.js'
       return {
         total:0,
         getData:{
-          currentPage:10,
-          size:1,
+          currentPage:1,
+          size:10,
           industryId:'',
           title:'',
           provinceId:'',

pages/index/notice/cadidatedetails.vue

+<template>
+    <div>
+        <div class="header">
+        <span>项目名称:定州市集中供热工程2020年预制直埋保温杯及管件采购</span>
+        <span>项目编号:l11301000075017553011</span>
+        <span>发布日期:2020年07月30号</span>
+        </div>
+        <h2>定州市集中供热工程2020年预制直埋保温杯及管件采购</h2>
+        <div class="form">
+            <div>
+                <div>公告名称</div>
+                <div>定州市集中供热工程2020年预制直埋保温杯及管件采购</div>
+            </div>
+            <div>
+                <div>相关字段</div>
+                <div>定州市集中供热工程2020年预制直埋保温杯及管件采购</div>
+            </div>
+            <div>
+                <div>中标人</div>
+                <div>阿里巴巴</div>
+            </div>
+            <div>
+                <div>中标价格</div>
+                <div>1781523元人民币</div>
+            </div>
+            <div>
+                <div>委托金额</div>
+                <div>2100000元人民币</div>
+            </div>
+            <div>
+                <div>节资率</div>
+                <div>17.2564646%</div>
+            </div>
+            <div>
+                <div>其他说明</div>
+                <div></div>
+            </div>
+            <div class="last_it">
+                <div>公告内容</div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getCadidateDetails} from '@/common/list.js'
+export default {
+    created(){
+        let id = this.$route.query.id
+        this.getCadidateDetails(id)
+    },
+    methods:{
+        async getCadidateDetails(id){
+            const {data} = await getCadidateDetails(id)
+            console.log(data)
+        }
+    }
+}
+</script>
+
+<style>
+.header{
+    display: flex;
+}
+h2{
+    margin-top:30px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+.form>div{
+    display:flex;
+    border:1px solid black
+}
+.form>div:last-child{
+    height:30px;
+    padding-top:40px;
+    padding-bottom: 60px;
+    justify-content: center;
+}
+.form>div>div:first-child{
+    width:100px;
+    height:30px;
+    line-height: 30px;
+    font-size: 20px;
+    border-right:1px solid black
+}
+.form>div>div:last-child{
+    justify-content: center;
+    width:100%;
+    height:30px;
+    line-height: 30px;
+}
+</style>
\ No newline at end of file

pages/index/notice/change.vue

@@ -29,7 +29,7 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link to="/notice/details">
+        <nuxt-link :to="`/notice/changedetails?id=${item.id}`">
           <div class="time">{{getTimer(item.createTime)}}</div>
           <div class="price-item">
             <div class="t1" style="font-weight: bold;">
@@ -75,8 +75,8 @@ import {getChangeList} from '@/common/list.js'
       return {
         total:0,
         getData:{
-          currentPage:10,
-          size:1,
+          currentPage:1,
+          size:10,
           industryId:'',
           title:'',
           provinceId:'',

pages/index/notice/changedetails.vue

+<template>
+    <div class="home">
+        <div class="header flex">
+            <span>项目名称:图书馆影视空间装修改造</span>
+            <span>项目编号:l1301000075024147001</span>
+        </div>
+        <div class="home">
+            <h2>图书馆影视空间装修改造更正公告</h2>
+            <h3>一、项目基本情况</h3>
+            <div>
+                <div>原公告的采购项目编号:TSLT-2020-121</div>
+                <div>原公告的采购项目名称:图书馆影视空间装修改造</div>
+                <div>首次公告日期:2020年07月29日</div>
+            </div>
+            <h3>二、更正信息</h3>
+            <div>
+                <div>更正事项:采购公告-采购文件</div>
+                <div>更正内容:原内容:P2第十项"保证金:本次不需要交保证金."此项删除.</div>
+                <div>更正日期:2020年08月03日</div>
+            </div>
+            <h3>三、其他补充事宜</h3>
+            <h3>四、凡对本次公告内容提出询问,请按以下方式联系</h3>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getChangeDetails} from '@/common/list.js'
+export default {
+    created(){
+        let id = this.$route.query.id
+        console.log(id)
+        this.getChangeDetails(id)
+    },
+    methods:{
+        async getChangeDetails(id){
+            const {data} = await getChangeDetails(id)
+        }
+    },
+}
+</script>
+
+<style>
+h2{
+    margin:0 auto
+}
+.header>span{
+    color:red;
+    margin-bottom: 30px;
+}
+h2,h3{
+    margin:0 auto
+}
+</style>
\ No newline at end of file

pages/index/notice/fail.vue

@@ -29,11 +29,11 @@
 
     <ul>
       <li v-for="item in priceList" :key="item.id">
-        <nuxt-link to="/notice/details">
+        <nuxt-link :to="`/notice/faildetails?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 class="state-red">[流标公告] </span>
               <span>{{item.title}}</span>
             </div>
             <div class="flex-between">
@@ -75,8 +75,8 @@ import {getErrorList} from '@/common/list.js'
       return {
         total:0,
         getData:{
-          currentPage:10,
-          size:1,
+          currentPage:1,
+          size:10,
           industryId:'',
           title:'',
           provinceId:'',

pages/index/notice/faildetails.vue

+<template>
+    <div>
+        <div class="header">
+        <span>项目名称:定州市集中供热工程2020年预制直埋保温杯及管件采购</span>
+        <span>项目编号:l11301000075017553011</span>
+        <span>发布日期:2020年07月30号</span>
+        </div>
+        <h2>定州市集中供热工程2020年预制直埋保温杯及管件采购</h2>
+        <div class="form">
+            <div>
+                <div>公告名称</div>
+                <div>定州市集中供热工程2020年预制直埋保温杯及管件采购</div>
+            </div>
+            <div>
+                <div>相关字段</div>
+                <div>定州市集中供热工程2020年预制直埋保温杯及管件采购</div>
+            </div>
+            <div>
+                <div>中标人</div>
+                <div>阿里巴巴</div>
+            </div>
+            <div>
+                <div>中标价格</div>
+                <div>1781523元人民币</div>
+            </div>
+            <div>
+                <div>委托金额</div>
+                <div>2100000元人民币</div>
+            </div>
+            <div>
+                <div>节资率</div>
+                <div>17.2564646%</div>
+            </div>
+            <div>
+                <div>其他说明</div>
+                <div></div>
+            </div>
+            <div>
+                <div>公告内容</div>
+                <div></div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import {getErrorDetails} from "@/common/list.js"
+export default {
+    created(){
+        let id = this.$route.query.id
+        console.log(id+"-----------------")
+        this.getErrorDetails(id)
+
+    },
+    methods:{
+        async getErrorDetails(id){
+            console.log(id+"-----------------")
+            const {data} = await getErrorDetails(id)
+        }
+    }
+}
+</script>
+
+<style>
+.header{
+    display: flex;
+}
+h2{
+    margin-top:30px;
+    margin-bottom: 30px;
+    text-align: center;
+}
+.form>div{
+    display:flex;
+    border:1px solid black
+}
+.form>div:last-child{
+    height:150px;
+    justify-content: center;
+    padding-top: 60px;
+}
+.form>div>div:first-child{
+    width:100px;
+    height:30px;
+    line-height: 30px;
+    font-size: 20px;
+    border-right:1px solid black
+}
+.form>div>div:last-child{
+    justify-content: center;
+    width:100%;
+    height:30px;
+    line-height: 30px;
+}
+</style>
+</style>
\ No newline at end of file

pages/index/notice/inquiry.vue

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

pages/login/seek.vue

@@ -174,7 +174,10 @@
       //发送短信 
       async getPhoneCode(){
           if(this.form.code ===this.code.toLowerCase()){
-            const {data} = await sendSms(this.form.phone)
+            let phonemes = {}
+            phonemes.phone = this.form.phone
+            phonemes.type = 2
+            const {data} = await sendSms(phonemes)
           }else{
             alert("验证码输入有误！请重新输入")
           }