From 2e9370979f871bf47f6dc145c49d7bf32ffa4b51 Mon Sep 17 00:00:00 2001
From: value <z1292839451@163.com>
Date: 星期一, 03 六月 2024 09:08:02 +0800
Subject: [PATCH] 完成光纤配置进行检验

---
 src/components/view/notice-detail.vue |   94 +++++++++++++++++++++++++++++++---------------
 1 files changed, 63 insertions(+), 31 deletions(-)

diff --git a/src/components/view/notice-detail.vue b/src/components/view/notice-detail.vue
index 5aecffe..b1fd617 100644
--- a/src/components/view/notice-detail.vue
+++ b/src/components/view/notice-detail.vue
@@ -1,32 +1,24 @@
 <template>
   <div class="notice-detail-page">
     <div class="notice-detail-head">
-      <el-row :gutter="20">
-        <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 16px;"></el-col>
-      </el-row>
-      <div class="head-item">
-        <label>涓婚锛�</label>
-        <p></p>
-      </div>
-      <div class="head-item">
+      <h4 style="margin-bottom: 16px;" v-if="noticeInfo.theme">{{ noticeInfo.theme }} <el-tag style="margin-left: 10px;" :type="options.find(m=>m.value==noticeInfo.messageType).type" v-if="options.find(m=>m.value==noticeInfo.messageType)">{{ options.find(m=>m.value==noticeInfo.messageType).label }}</el-tag></h4>
+      <p style="font-size: 12px;color: #999;margin-bottom: 20px;">
+        <!-- <span>娑堟伅绫诲瀷锛氬鎵�&nbsp; </span> -->
+        <span>鍙戦�佷汉锛歿{ noticeInfo.createUser }} </span>
+        <span>&nbsp;&nbsp;</span>
+        <span>鏀朵欢浜猴細{{ noticeInfo.consigneeUser }}</span>
+        <span>&nbsp;&nbsp;</span>
+        <span>鍙戜欢鏃堕棿锛歿{ noticeInfo.createTime }}</span>
+      </p>
+      <div class="notice-detail-head-content">
         <label>鍐呭锛�</label>
-        <p></p>
-      </div>
-      <div class="head-item">
-        <label>鍙戜欢鏃堕棿锛�</label>
-        <p></p>
-      </div>
-      <div class="head-item">
-        <label>鍙戦�佷汉锛�</label>
-        <p></p>
-      </div>
-      <div class="head-item">
-        <label>鏀朵欢浜猴細</label>
-        <p></p>
+        <div>{{ noticeInfo.content }}</div>
       </div>
     </div>
-    <component class="notice-content" :is="noticeInfo.u">
-		</component>
+    <div class="info-box" v-if="noticeInfo.jumpPath">
+      <component class="notice-content" :is="noticeInfo.jumpPath">
+		  </component>
+    </div>
   </div>
 </template>
 
@@ -45,17 +37,39 @@
   components: comObj,
   data() {
     return{
-      noticeInfo:{
-        u:'b1-inspect-order-plan'
-      },
+      noticeInfo:{},
+      options:[]
     }
+  },
+  mounted(){
+    this.noticeInfo = JSON.parse(localStorage.getItem("noticeInfo"));
+    this.$bus.$on("change", (msg) => {
+      this.noticeInfo = JSON.parse(msg);
+      localStorage.setItem("noticeInfo", msg);
+    });
+    this.getTypeDicts()
+  },
+  methods:{
+    getTypeDicts() {
+      this.$axios.post(this.$api.enums.selectEnumByCategory, {
+        category: "娑堟伅绫诲瀷"
+      }).then(res => {
+        let data = res.data
+        this.options = data;
+      })
+    },
   }
 }
 </script>
 
 <style scoped>
 .notice-detail-page{
-  padding-top: 16px;
+  height: calc(100% - 30px);
+  overflow-y: auto;
+  padding: 16px 0;
+}
+.notice-detail-page::-webkit-scrollbar {
+  width: 0;
 }
 .notice-detail-head{
   background: #fff;
@@ -63,9 +77,27 @@
   box-sizing: border-box;
   padding: 16px;
 }
-.notice-detail-head{
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.info-box{
+  margin-top: 16px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 8px 20px 20px;
+  background: rgba(0,0,0, 0.03);
+  /* box-shadow: 0 0 10px 10px #fff; */
+  border-radius: 4px;
+  min-height: calc(100% - 192px - 22px);
+}
+.notice-detail-head-content div{
+  border-radius: 8px;
+  border: 1px solid #ccc;
+  min-height: 60px;
+  width: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+  margin-top: 12px;
+}
+
+.notice-content{
+  height: 600px;
 }
 </style>

--
Gitblit v1.9.3