From 05b908bb4e6c612b5afe4a60c2f74cb7734cf3c5 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 23 四月 2024 13:09:41 +0800
Subject: [PATCH] 完成消息列表页

---
 src/view/notice.vue |   86 ++++++++++++++++++++++++++++++-------------
 1 files changed, 60 insertions(+), 26 deletions(-)

diff --git a/src/view/notice.vue b/src/view/notice.vue
index 44aabd0..dac79a8 100644
--- a/src/view/notice.vue
+++ b/src/view/notice.vue
@@ -36,31 +36,13 @@
     <div class="notice-content">
       <div class="notice-content-item" v-for="(m,i) in list" :key="i">
         <div class="btns">
-          <el-dropdown style="margin-right: 20px;" trigger="click">
+          <el-dropdown style="margin-right: 20px;" trigger="click" @command="handleDropdown">
             <span class="el-dropdown-link">
               <span class="more" style="line-height: 26px;display: inline-block;">&middot;&middot;&middot;</span>
             </span>
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item>
-                鎷掔粷
-              </el-dropdown-item>
-              <el-dropdown-item>
-                鎺ユ敹
-              </el-dropdown-item>
-              <el-dropdown-item>
-                閫氳繃
-              </el-dropdown-item>
-              <el-dropdown-item>
-                涓嶉�氳繃
-              </el-dropdown-item>
-              <el-dropdown-item>
-                鎵瑰噯
-              </el-dropdown-item>
-              <el-dropdown-item>
-                涓嶆壒鍑�
-              </el-dropdown-item>
-              <el-dropdown-item>
-                鏇村
+              <el-dropdown-item v-for="(n,j) in dropdownList" :key="j" :command="n.value">
+                {{ n.label }}
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -74,8 +56,8 @@
               <span class="time" style="color: #999999;font-size: 12px;">{{ m.time }}</span>
             </h4>
             <p style="color: #999999;font-size: 14px;margin-bottom: 6px;" class="ellipsis-multiline">{{ m.content }}</p>
-            <el-tag type="danger" size="small" v-if="m.status==0" style="margin-bottom: 4px;">宸叉嫆缁�</el-tag>
-            <el-tag type="success" size="small" v-if="m.status==1" style="margin-bottom: 4px;">宸叉帴鏀�</el-tag>
+            <el-tag type="danger" size="small" v-if="m.status==0&&m.type==2" style="margin-bottom: 4px;">宸叉嫆缁�</el-tag>
+            <el-tag type="success" size="small" v-if="m.status==1&&m.type==2" style="margin-bottom: 4px;">宸叉帴鏀�</el-tag>
             <p style="font-size: 12px;color: #999999;display: flex;align-items: center;justify-content: space-between;">
               <span>鍙戦�佷汉锛歿{m.sendUser}}</span>
               <span>鏀朵欢浜猴細{{ m.getUser }}</span>
@@ -200,6 +182,36 @@
           sendUser:'灏忔槑',
           getUser:'鏉庡崕',
         },
+      ],
+      dropdownList:[
+        {
+          label:'鎷掔粷',
+          value:0
+        },
+        {
+          label:'鎺ユ敹',
+          value:1
+        },
+        {
+          label:'閫氳繃',
+          value:2
+        },
+        {
+          label:'涓嶉�氳繃',
+          value:3
+        },
+        {
+          label:'鎵瑰噯',
+          value:4
+        },
+        {
+          label:'涓嶆壒鍑�',
+          value:5
+        },
+        {
+          label:'鏌ョ湅鏇村',
+          value:6
+        },
       ]
     }
   },
@@ -221,6 +233,25 @@
         this.options = data;
       })
     },
+    goNoticeDetail(){
+      this.drawer = false;
+      this.$parent.addTab({
+			v: "娑堟伅璇︽儏",
+			i: "el-icon-s-tools",
+			u: "notice-detail",
+      k:35,
+			p: "abcd"
+		},29);
+    },
+    handleDropdown(e){
+      switch(e){
+        case 0:
+          break;
+        case 6:
+          this.goNoticeDetail()
+          break;
+      }
+    }
   }
 }
 </script>
@@ -241,8 +272,6 @@
   color: #303133;
 }
 >>>.el-drawer__body{
-  box-sizing: border-box;
-  padding: 0 16px;
   height: calc(100vh - 82px);
   overflow: hidden;
 }
@@ -251,6 +280,8 @@
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
+  box-sizing: border-box;
+  padding: 0 16px;
 }
 .more{
   font-size: 20px;
@@ -260,11 +291,13 @@
 .notice-content{
   height: calc(100% - 60px);
   overflow-y: auto;
+  box-sizing: border-box;
+  padding: 0 16px;
 }
 .notice-content-item{
   position: relative;
   width: 100%;
-  padding: 16px;
+  padding: 8px;
   border-radius: 8px;
   box-sizing: border-box;
   border: 1px solid #EEEEEE;
@@ -275,6 +308,7 @@
   position: absolute;
   right: 20px;
   top: 4px;
+  z-index: 4;
 }
 .notice-content-item .btns{
   opacity: 0;

--
Gitblit v1.9.3