From 91b0174402dc5c993a3fc506d89bae7ba1e0ce99 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 23 四月 2024 18:04:52 +0800
Subject: [PATCH] 完成消息列表接口对接

---
 src/components/view/notice-detail.vue |   58 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/components/view/notice-detail.vue b/src/components/view/notice-detail.vue
index 6ea2eae..8b11683 100644
--- a/src/components/view/notice-detail.vue
+++ b/src/components/view/notice-detail.vue
@@ -1,31 +1,24 @@
 <template>
   <div class="notice-detail-page">
     <div class="notice-detail-head">
-      <el-row :gutter="20">
-        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;">
-          <label>涓婚锛�</label>
-          <p></p>
-        </el-col>
-        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;">
-          <label>鍙戜欢鏃堕棿锛�</label>
-          <p></p>
-        </el-col>
-        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;">
-          <label>鍙戦�佷汉锛�</label>
-          <p></p>
-        </el-col>
-        <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" style="margin-bottom: 16px;">
-          <label>鏀朵欢浜猴細</label>
-          <p></p>
-        </el-col>
-      </el-row>
-      <div class="head-item">
+      <h4 style="margin-bottom: 16px;">娑堟伅涓婚</h4>
+      <p style="font-size: 12px;color: #999;margin-bottom: 20px;">
+        <!-- <span>娑堟伅绫诲瀷锛氬鎵�&nbsp; </span> -->
+        <span>鍙戦�佷汉锛�111 </span>
+        <span>&nbsp;&nbsp;</span>
+        <span>鏀朵欢浜猴細111</span>
+        <span>&nbsp;&nbsp;</span>
+        <span>鍙戜欢鏃堕棿锛�111</span>
+      </p>
+      <div class="notice-detail-head-content">
         <label>鍐呭锛�</label>
-        <p></p>
+        <div></div>
       </div>
     </div>
-    <component class="notice-content" :is="noticeInfo.u" style="height: calc(100% - 120px);">
-		</component>
+    <div class="info-box">
+      <component class="notice-content" :is="noticeInfo.u" style="height: 500px;">
+		  </component>
+    </div>
   </div>
 </template>
 
@@ -45,7 +38,7 @@
   data() {
     return{
       noticeInfo:{
-        u:'b1-inspect-order-plan'
+        u:'b1-report-preparation'
       },
     }
   }
@@ -54,6 +47,8 @@
 
 <style scoped>
 .notice-detail-page{
+  height: calc(100vh - 120px);
+  overflow-y: auto;
   padding-top: 16px;
 }
 .notice-detail-head{
@@ -62,6 +57,21 @@
   box-sizing: border-box;
   padding: 16px;
 }
-.notice-detail-head{
+.info-box{
+  margin-top: 16px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 8px 20px 20px;
+  background: rgba(148, 147, 147, 0.1);
+  border-radius: 8px;
+}
+.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;
 }
 </style>

--
Gitblit v1.9.3