From 4b39ba4b5bcd7fce3f167fc6014985dd72fc7d13 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 09 七月 2020 14:39:41 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pdaCe/index.html |   76 ++++++++++++++++++++-----------------
 1 files changed, 41 insertions(+), 35 deletions(-)

diff --git a/src/main/webapp/views/pdaCe/index.html b/src/main/webapp/views/pdaCe/index.html
index 0cc5fa4..a1ac873 100644
--- a/src/main/webapp/views/pdaCe/index.html
+++ b/src/main/webapp/views/pdaCe/index.html
@@ -12,36 +12,44 @@
         }
 
         .mat-msg {
-            overflow: auto;
+            overflow-y: scroll;
             margin-top: 10px;
             height: 115px;
             background-color: #fff;
             border-radius: 5px;
             border: 1px solid #c2c2c2;
         }
-        /* 鍫嗗灈鏈虹姸鎬佷俊鎭〃 */
         #mat-msg-table {
             font-size: 12px;
             border-collapse: collapse;
             margin: 0 auto;
             text-align: center;
         }
-        #mat-msg-table td, #mat-msg-table th {
-            border: 1px solid #f1f1f1;
-            color: #666;
-            height: 15px;
-            line-height: 15px;
+        #tthead {
+            padding-top: 4px;
+            background-color: #ececec;
+            height: 18px;
         }
-        #mat-msg-table thead th {
-            background-color: #fff;
-            width: 400px;
-            font-weight: normal;
+        #tthead span {
+            border-right: 1px solid #b3b3b3;
+            float: left;
+            width: 24%;
         }
-        #mat-msg-table tr:nth-child(odd) {
-            background: #fff;
+        #ttbody {
+            padding-top: 4px;
         }
-        #mat-msg-table tr:nth-child(even) {
-            background: #fff;
+        #ttbody div {
+            content: "";
+            clear: both;
+            display: table;
+        }
+        #ttbody span {
+            border-right: 1px solid #b3b3b3;
+            float: left;
+            width: 22%;
+            overflow:hidden;
+            white-space:nowrap;
+            text-overflow:ellipsis;
         }
 
         #btn-con {
@@ -78,18 +86,16 @@
 
 <!-- 鍫嗗灈鏈虹姸鎬� -->
 <div class="mat-msg" id="mat-msg-id">
-    <table id="mat-msg-table">
-        <thead id="tthead">
-        <tr>
-            <th>缂栫爜</th>
-            <th>鍚嶇О</th>
-            <th>鍗曚綅</th>
-            <th>鏁伴噺</th>
-        </tr>
-        </thead>
-        <tbody id="ttbody">
-        </tbody>
-    </table>
+    <div id="mat-msg-table">
+        <div id="tthead">
+            <span>缂栫爜</span>
+            <span>鍚嶇О</span>
+            <span>鍗曚綅</span>
+            <span>鏁伴噺</span>
+        </div>
+        <div id="ttbody">
+        </div>
+    </div>
 </div>
 
 <div id="btn-con">
@@ -139,7 +145,7 @@
     function initCrnMsgTable(row) {
         var line;
         if (row === undefined){
-            var one = tthead.offsetHeight;
+            var one = 15;
             var total = matMsg.offsetHeight;
             var count = total / one;
             count = parseInt(count) - 1;
@@ -148,16 +154,16 @@
         } else {
             line = row;
         }
+
         var html = "";
         for (var i = 0; i < line; i ++){
-            html += " <tr>\n" +
-                "       <td>1</td>\n" +
-                "       <td>2</td>\n" +
-                "       <td>3</td>\n" +
-                "       <td>4</td>\n" +
-                "     </tr>\n";
+            html += " <div>\n" +
+                "       <span></span>\n" +
+                "       <span></span>\n" +
+                "       <span></span>\n" +
+                "       <span></span>\n" +
+                "     </div>\n";
         }
-        alert(html)
         ttbody.innerHTML = html;
     }
 

--
Gitblit v1.9.1