Forráskód Böngészése

Merge branch 'master' of http://47.100.37.243:10080/ZHOU/yunsu

5 éve
szülő
commit
d9466b63ea
2 módosított fájl, 65 hozzáadás és 50 törlés
  1. 30 23
      ys_vue/src/views/Home.vue
  2. 35 27
      ys_vue/src/views/message.vue

+ 30 - 23
ys_vue/src/views/Home.vue

@@ -25,10 +25,12 @@
             <div class="popover-main">消息盒子</div>
             <div class="popover-main">消息盒子</div>
             <div class="popover-item" v-for="item in popoverData">
             <div class="popover-item" v-for="item in popoverData">
               <p class="popover-title">
               <p class="popover-title">
-                {{item.title}}
-                <span class="popover-type">[{{item.type}}]</span>
+                {{item.projectName}}
+                <span class="popover-type" v-if="item.noticeType == 0">[审批]</span>
+                <span class="popover-type" v-else-if="item.noticeType == 1">[警告]</span>
+                <span class="popover-type" v-else-if="item.noticeType == 2">[保养]</span>
               </p>
               </p>
-              <p>{{item.article}}</p>
+              <p>{{item.content}}</p>
             </div>
             </div>
             <router-link :to="'/message'" tag="div" class="popover-button">查看全部</router-link>
             <router-link :to="'/message'" tag="div" class="popover-button">查看全部</router-link>
           </el-popover>
           </el-popover>
@@ -188,23 +190,8 @@ export default {
       passRule: {
       passRule: {
         password: [{ required: true, message: "请输入新密码", trigger: "blur" }]
         password: [{ required: true, message: "请输入新密码", trigger: "blur" }]
       },
       },
-      popoverData: [
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "模具开发人员:王有财已上传完毕,待您审核",
-          type: "审批"
-        },
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "您上传的文档未通过项目经理:张多金审批,请修改后重新上传",
-          type: "审批"
-        },
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "该模具需要保养,请前往处理",
-          type: "保养"
-        }
-      ]
+      //消息数据
+      popoverData: []
     };
     };
   },
   },
   methods: {
   methods: {
@@ -271,9 +258,28 @@ export default {
         }
         }
       });
       });
     },
     },
-    //消息提示
-    loadNotice(){
-
+    //读取消息提示
+    loadNotice() {
+      this.http.post(
+        this.port.notice.list,
+        {},
+        res => {
+          if (res.code == "ok") {
+            this.popoverData = res.data.list;
+          } else {
+            this.$message({
+              message: res.msg,
+              type: "error"
+            });
+          }
+        },
+        error => {
+          this.$message({
+            message: error,
+            type: "error"
+          });
+        }
+      );
     }
     }
   },
   },
   mounted() {
   mounted() {
@@ -281,6 +287,7 @@ export default {
       var user = JSON.parse(this.user);
       var user = JSON.parse(this.user);
       this.user = user;
       this.user = user;
       this.sysUserName = user.username || "";
       this.sysUserName = user.username || "";
+      this.loadNotice();
     } else {
     } else {
       this.$router.push("/login");
       this.$router.push("/login");
     }
     }

+ 35 - 27
ys_vue/src/views/message.vue

@@ -11,11 +11,13 @@
 
 
     <div class="message-div" v-for="item in messages">
     <div class="message-div" v-for="item in messages">
       <p>
       <p>
-        <span class="message-type">【{{item.type}}】</span>
-        <span class="message-title">{{item.title}}</span>
-        <span class="message-time">{{item.time}}</span>
+        <span class="message-type" v-if="item.noticeType == 0">【审批】</span>
+        <span class="message-type" v-else-if="item.noticeType == 1">【警告】</span>
+        <span class="message-type" v-else-if="item.noticeType == 2">【保养】</span>
+        <span class="message-title">{{item.projectName}}</span>
+        <span class="message-time">{{item.indate}}</span>
       </p>
       </p>
-      <p class="message-article">{{item.article}}</p>
+      <p class="message-article">{{item.content}}</p>
     </div>
     </div>
   </section>
   </section>
 </template>
 </template>
@@ -25,31 +27,39 @@ import util from "../common/js/util";
 export default {
 export default {
   data() {
   data() {
     return {
     return {
-      messages: [
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "模具开发人员:王有财已上传完毕,待您审核",
-          type: "审批",
-          time: "2019-1-9"
-        },
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "您上传的文档未通过项目经理:张多金审批,请修改后重新上传",
-          type: "审批",
-          time: "2019-1-9"
+      messages: []
+    };
+  },
+  methods: {
+    //读取消息提示
+    loadNotice() {
+      this.http.post(
+        this.port.notice.list,
+        {},
+        res => {
+          if (res.code == "ok") {
+            this.messages = res.data.list;
+            console.log(this.messages);
+          } else {
+            this.$message({
+              message: res.msg,
+              type: "error"
+            });
+          }
         },
         },
-        {
-          title: "墨盒测试项目——零件文档",
-          article: "该模具需要保养,请前往处理",
-          type: "保养",
-          time: "2019-1-9"
+        error => {
+          this.$message({
+            message: error,
+            type: "error"
+          });
         }
         }
-      ]
-    };
+      );
+    }
   },
   },
-  methods: {},
   created() {},
   created() {},
-  mounted() {}
+  mounted() {
+    this.loadNotice();
+  }
 };
 };
 </script>
 </script>
 
 
@@ -64,8 +74,6 @@ export default {
 .message-type {
 .message-type {
   font-weight: 700;
   font-weight: 700;
 }
 }
-.message-title {
-}
 .message-time {
 .message-time {
   padding-left: 30px;
   padding-left: 30px;
   color: #777;
   color: #777;