组件下拉框修改

action/config.js

@@ -111,13 +111,10 @@ export default  {
       ProjectComment:{
       ProjectComment:{
         list:'/api/project/',//项目评论列表   +{projectId}/comments
         list:'/api/project/',//项目评论列表   +{projectId}/comments
       },
       },
-      News:{
-        message:'/api/message/',//消息详情+{messageId}
-      },
-      NewsList:{
-        message:'/api/my/messages'//我的消息列表
+      Message:{
+        detail:'/api/message/',//消息详情+{messageId}
+        list:'/api/my/messages'//我的消息列表
       }
       }
-
     },
     },
     post:{
     post:{
       Post:{
       Post:{
@@ -248,13 +245,10 @@ export default  {
       Project:{
       Project:{
         revise:'/api/project/',//修改项目  +{projectId}
         revise:'/api/project/',//修改项目  +{projectId}
       },
       },
-      read:{
-        message:'/api/message/',//标记信息为已读+{messageId}read
-      },
-      AllRead:{
-        message:'/api/messages/read',//标记所有信息为已读
+      Message: {
+        read: '/api/message/',//标记信息为已读+{messageId}read
+        readAll: '/api/messages/read',//标记所有信息为已读
       }
       }
-
     },
     },
   },
   },
 
 

components/pc/alertsMessage/alertsCard.vue

@@ -16,7 +16,7 @@
           v-if="reload"
           v-if="reload"
         ></alerts-content>
         ></alerts-content>
       </div>
       </div>
-      <div class="alerts-card__footer">
+      <div class="alerts-card__footer" v-if="false">
         <nuxt-link to="/personal-center/message">查看全部 （ {{ unread }} ） </nuxt-link>
         <nuxt-link to="/personal-center/message">查看全部 （ {{ unread }} ） </nuxt-link>
       </div>
       </div>
     </div>
     </div>
@@ -27,66 +27,36 @@
 import AlertsContent from './alertsContent';
 import AlertsContent from './alertsContent';
 import config from '../../../action/config'
 import config from '../../../action/config'
 export default {
 export default {
-  async asyncData({$axios}){
-    const newsList = await $axios.$get(config.api.get.NewsList.message,{
-      params:{
-        page:1,
-        size:7
-      }
-    });
-    return {newsList: newsList}
-  },
   name: "alertsCard",
   name: "alertsCard",
   components: {
   components: {
     AlertsContent
     AlertsContent
   },
   },
   data(){
   data(){
     return{
     return{
-      message: [
-        {
-          content: '啊啊啊啊啊啊1，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },
-        {
-          content: '啊啊啊啊啊啊2，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },{
-          content: '啊啊啊啊啊啊3，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },{
-          content: '啊啊啊啊啊啊4，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },
-        {
-          content: '啊啊啊啊啊啊5，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },
-        {
-          content: '啊啊啊啊啊啊6，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },{
-          content: '啊啊啊啊啊啊7，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        },{
-          content: '啊啊啊啊啊啊8，谁关注了你，哈哈哈哈哈',
-          isRead: false
-        }
-      ],
+
       messageRead: new Set(),
       messageRead: new Set(),
+      message:[],
       isShow: true,
       isShow: true,
       reload: true,
       reload: true,
       flag: 0
       flag: 0
     }
     }
   },
   },
   created(){
   created(){
-
-   let message1 = [];
-    this.newsList.data.dataList.forEach(item => {
-      message1.push({
-        tag: item.mscContent,
-        tagId: item.msgType
-      })
+    this.$axios.$get(config.api.get.Message.list,{params:{page:1,
+        size:7
+      }}).then((response)=>{
+     /* console.log(response);
+      let message1 = [];
+      response.data.dataList.forEach(item => {
+        message1.push({
+          content: item.mscContent,
+          status: item.status
+        })
+      });
+      console.log(message1);*/
+      this.message=response.data.dataList
     });
     });
+
   },
   },
   computed: {
   computed: {
     unread: function () {
     unread: function () {
@@ -107,8 +77,9 @@ export default {
       this.message.forEach((item, index) => {
       this.message.forEach((item, index) => {
         this.messageRead.forEach((item2, e) => {
         this.messageRead.forEach((item2, e) => {
           if (item.content === item2){
           if (item.content === item2){
-            item.isRead = true;
+            item.status = 1;
           }
           }
+
         })
         })
       });
       });
       this.flag = this.messageRead.size; // 已读个数
       this.flag = this.messageRead.size; // 已读个数
@@ -121,7 +92,6 @@ export default {
     // 清空全部已读消息
     // 清空全部已读消息
     handleClick(){
     handleClick(){
       // 重置计数要删除的个数
       // 重置计数要删除的个数
-      console.log(this.newsList);
       this.flag = 0;
       this.flag = 0;
       this.messageRead.clear();
       this.messageRead.clear();
       let i = 0;
       let i = 0;

components/pc/alertsMessage/alertsContent.vue

@@ -3,7 +3,7 @@
     <p
     <p
       @click="handleRead"
       @click="handleRead"
       :style="{color: fontColor}"
       :style="{color: fontColor}"
-    >{{info.content}}</p>
+    >{{info.mscContent}}</p>
   </div>
   </div>
 </template>
 </template>
 
 

components/pc/select/selectCard.vue

@@ -312,7 +312,7 @@ export default {
   .class-list-box{
   .class-list-box{
     position: absolute;
     position: absolute;
     width: 196*$length;
     width: 196*$length;
-    height: 122*$length;
+    height: 250*$length;
     overflow-y: auto;
     overflow-y: auto;
     overflow-x: hidden;
     overflow-x: hidden;
     z-index: 999;
     z-index: 999;