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 | 110 +++++++++++++++++++++++++++++++------------------------
1 files changed, 62 insertions(+), 48 deletions(-)
diff --git a/src/main/webapp/views/pdaCe/index.html b/src/main/webapp/views/pdaCe/index.html
index c9535d5..a1ac873 100644
--- a/src/main/webapp/views/pdaCe/index.html
+++ b/src/main/webapp/views/pdaCe/index.html
@@ -6,46 +6,59 @@
<title>涓壃鐗╂祦</title>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<style>
+
+ * {
+ font-size: 12px;
+ }
+
.mat-msg {
- overflow: auto;
+ overflow-y: scroll;
margin-top: 10px;
- height: 100px;
+ height: 115px;
background-color: #fff;
border-radius: 5px;
- box-shadow: 0 0 3px rgba(0,0,0,.3);
+ 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 {
+ #btn-con {
padding-left: 10px;
position: absolute;
bottom: 10px;
width: 100%;
}
- .btn-con button {
+ #btn-con button {
display: inline-block;
vertical-align: middle;
}
@@ -73,21 +86,19 @@
<!-- 鍫嗗灈鏈虹姸鎬� -->
<div class="mat-msg" id="mat-msg-id">
- <table id="mat-msg-table">
- <thead>
- <tr>
- <th>缂栫爜</th>
- <th>鍚嶇О</th>
- <th>鍗曚綅</th>
- <th>鏁伴噺</th>
- </tr>
- </thead>
- <tbody>
- </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 class="btn-con">
+<div id="btn-con">
<button style="margin-right: 20px" onclick="reset()">閲嶇疆</button>
<button >缁勬墭</button>
<span id="tips"></span>
@@ -95,9 +106,14 @@
</body>
<script>
// initCrnMsgTable()
+ var matMsgTableBlankRows = 0; // 绌虹櫧琛屾暟
var code = document.getElementById("code")
var matnr = document.getElementById("matnr")
var matMsg = document.getElementById("mat-msg-id");
+ var matMsgTable = document.getElementById("mat-msg-table");
+ var tthead = document.getElementById("tthead");
+ var ttbody = document.getElementById("ttbody");
+ var btnCon = document.getElementById("btn-con");
var tipDom = document.getElementById("tips");
// 鏌ヨ鐗╂祦
@@ -112,8 +128,10 @@
if (res.code === 200) {
if (res.data != null) {
matMsg.style.display = 'none';
+ btnCon.style.display = 'none';
} else {
matMsg.style.display = 'block';
+ btnCon.style.display = 'block';
}
} else {
alert(res.msg);
@@ -122,35 +140,31 @@
})
}
+ initCrnMsgTable();
// 鍫嗗灈鏈烘暟鎹〃鑾峰彇 ----- 琛ㄤ簩
function initCrnMsgTable(row) {
var line;
if (row === undefined){
- var one = $('#crn-msg-table thead').height();
- var total = $('.crn-msg').height();
+ var one = 15;
+ var total = matMsg.offsetHeight;
var count = total / one;
count = parseInt(count) - 1;
- crnMsgTableBlankRows = count;
+ matMsgTableBlankRows = count;
line = count;
} else {
line = row;
}
+
var html = "";
for (var i = 0; i < line; i ++){
- html += " <tr>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " <td></td>\n" +
- " </tr>\n";
+ html += " <div>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " </div>\n";
}
- $('#crn-msg-table tbody').after(html);
+ ttbody.innerHTML = html;
}
// 閲嶇疆
--
Gitblit v1.9.1