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 | 234 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 230 insertions(+), 4 deletions(-)
diff --git a/src/main/webapp/views/pdaCe/index.html b/src/main/webapp/views/pdaCe/index.html
index 4af95da..a1ac873 100644
--- a/src/main/webapp/views/pdaCe/index.html
+++ b/src/main/webapp/views/pdaCe/index.html
@@ -5,14 +5,240 @@
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/>
<title>涓壃鐗╂祦</title>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
+ <style>
+
+ * {
+ font-size: 12px;
+ }
+
+ .mat-msg {
+ 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;
+ }
+ #tthead {
+ padding-top: 4px;
+ background-color: #ececec;
+ height: 18px;
+ }
+ #tthead span {
+ border-right: 1px solid #b3b3b3;
+ float: left;
+ width: 24%;
+ }
+ #ttbody {
+ padding-top: 4px;
+ }
+ #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 {
+ padding-left: 10px;
+ position: absolute;
+ bottom: 10px;
+ width: 100%;
+ }
+ #btn-con button {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ #tips {
+ font-size: 12px;
+ margin-left: 10px;
+ display: inline-block;
+ vertical-align: middle;
+ width: 90px;
+ overflow:hidden;
+ white-space:nowrap;
+ text-overflow:ellipsis;
+ }
+ </style>
</head>
<body>
- Hello World
-<!-- <button onclick="her()">椤甸潰璺宠浆</button>-->
+<div>
+ <span>鏉＄爜</span>
+ <input type="text" id="code">
+</div>
+<div>
+ <span>鐗╂枡</span>
+ <input type="text" id="matnr" onkeyup="find(this)" autocomplete="off">
+</div>
+
+<!-- 鍫嗗灈鏈虹姸鎬� -->
+<div class="mat-msg" id="mat-msg-id">
+ <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">
+ <button style="margin-right: 20px" onclick="reset()">閲嶇疆</button>
+ <button >缁勬墭</button>
+ <span id="tips"></span>
+</div>
</body>
<script>
- function her() {
- window.location.href="login.html";
+ // 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");
+
+ // 鏌ヨ鐗╂祦
+ function find(el) {
+ httpRequest({
+ httpUrl: baseUrl + "/matCode/auth",
+ type: 'post',
+ data: {
+ id: el.value
+ },
+ }, function (res) {
+ 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);
+ }
+
+ })
+ }
+
+ initCrnMsgTable();
+ // 鍫嗗灈鏈烘暟鎹〃鑾峰彇 ----- 琛ㄤ簩
+ function initCrnMsgTable(row) {
+ var line;
+ if (row === undefined){
+ var one = 15;
+ var total = matMsg.offsetHeight;
+ var count = total / one;
+ count = parseInt(count) - 1;
+ matMsgTableBlankRows = count;
+ line = count;
+ } else {
+ line = row;
+ }
+
+ var html = "";
+ for (var i = 0; i < line; i ++){
+ html += " <div>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " <span></span>\n" +
+ " </div>\n";
+ }
+ ttbody.innerHTML = html;
+ }
+
+ // 閲嶇疆
+ function reset() {
+ code.value = "";
+ matnr.value = "";
+ }
+
+ /**
+ * 鎻愮ず淇℃伅
+ * @param msg 鎻愮ず鍐呭
+ * @param warn true锛氱孩鑹插瓧浣�
+ */
+ function tips(msg, warn) {
+ tipDom.innerText = msg;
+ if (warn) {
+ tipDom.style.color = "red";
+ } else {
+ tipDom.style.color = "#000";
+ }
+ }
+
+ function httpRequest(paramObj,fun,errFun) {
+ var xmlhttp = null;
+ /*鍒涘缓XMLHttpRequest瀵硅薄锛�
+ *鑰佺増鏈殑 Internet Explorer锛圛E5 鍜� IE6锛変娇鐢� ActiveX 瀵硅薄锛歯ew ActiveXObject("Microsoft.XMLHTTP")
+ * */
+ if(window.XMLHttpRequest) {
+ xmlhttp = new XMLHttpRequest();
+ }else if(window.ActiveXObject) {
+ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+ }
+ /*鍒ゆ柇鏄惁鏀寔璇锋眰*/
+ if(xmlhttp == null) {
+ alert('浣犵殑娴忚鍣ㄤ笉鏀寔XMLHttp');
+ return;
+ }
+ /*璇锋眰鏂瑰紡锛屽苟涓旇浆鎹负澶у啓*/
+ var httpType = (paramObj.type || 'GET').toUpperCase();
+ /*鏁版嵁绫诲瀷*/
+ var dataType = paramObj.dataType || 'json';
+ /*璇锋眰鎺ュ彛*/
+ var httpUrl = paramObj.httpUrl || '';
+ /*鏄惁寮傛璇锋眰*/
+ var async = paramObj.async || true;
+ /*璇锋眰鍙傛暟--post璇锋眰鍙傛暟鏍煎紡涓猴細foo=bar&lorem=ipsum*/
+ var paramData = paramObj.data || [];
+ var requestData = '';
+ for(var name in paramData) {
+ requestData += name + '='+ paramData[name] + '&';
+ }
+ requestData = requestData === '' ? '' : requestData.substring(0,requestData.length - 1);
+
+ /*璇锋眰鎺ユ敹*/
+ xmlhttp.onreadystatechange = function() {
+ if(xmlhttp.readyState === 4 && xmlhttp.status === 200) {
+ /*鎴愬姛鍥炶皟鍑芥暟*/
+ fun(JSON.parse(xmlhttp.responseText));
+ }else{
+ /*澶辫触鍥炶皟鍑芥暟*/
+ errFun;
+ }
+ }
+
+ /*鎺ュ彛杩炴帴锛屽厛鍒ゆ柇杩炴帴绫诲瀷鏄痯ost杩樻槸get*/
+ if(httpType === 'GET') {
+ xmlhttp.open("GET",httpUrl,async);
+ xmlhttp.send(null);
+ }else if(httpType === 'POST'){
+ xmlhttp.open("POST",httpUrl,async);
+ //鍙戦�佸悎閫傜殑璇锋眰澶翠俊鎭�
+ xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+ xmlhttp.send(requestData);
+ }
}
</script>
</html>
\ No newline at end of file
--
Gitblit v1.9.1