From 608d1a59592e140552014654eb0f113891e5e2c9 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 25 八月 2022 15:28:07 +0800
Subject: [PATCH] #

---
 src/main/webapp/static/css/ste.css |   84 ++++++++++++++------
 src/main/webapp/views/ste.html     |  133 ++++++++++++++++++--------------
 2 files changed, 133 insertions(+), 84 deletions(-)

diff --git a/src/main/webapp/static/css/ste.css b/src/main/webapp/static/css/ste.css
index c21a5d5..d672224 100644
--- a/src/main/webapp/static/css/ste.css
+++ b/src/main/webapp/static/css/ste.css
@@ -38,10 +38,11 @@
 }
 .demoBtn {
     vertical-align: middle;
-    width: 100%;
+    /*width: 30%;*/
     height: 30px;
     left: 0;
     top: 0;
+    padding: 5px 15px;
     text-shadow: inherit;
     font-size: 15px;
     margin-left: 5px;
@@ -60,29 +61,6 @@
 .demoBtn:focus {
     outline: 0;
 }
-/*鈻间笅鎷夎彍鍗曗柤*/
-.form-item {
-    width: 220px;
-    display: inline-block;
-    color: white;
-    font-size: 16px;
-    font-weight: bold;
-    padding: 3px;margin:3px
-}
-.form-item input {
-    display: inline-block;
-    width: 100px;
-    float: right;
-}
-/*鈻蹭笅鎷夎彍鍗曗柌*/
-/*.ste-command-item span {*/
-/*    display: inline-block;*/
-/*    width: 20px;*/
-/*    height: 20px;*/
-/*    background-color: #2e9926;*/
-/*    border-radius: 5px;*/
-/*    vertical-align: middle;*/
-/*}*/
 
 /* 鍙� */
 .ste-state {
@@ -295,4 +273,60 @@
     overflow: auto;
     resize:none;
     color: #666;
-}
\ No newline at end of file
+}
+
+
+/* 璇︽儏寮瑰嚭灞� */
+#ste-detl {
+    padding: 30px 10px 0 25px;
+    overflow: hidden;
+}
+#ste-detl form {
+    overflow: hidden;
+}
+.form-item {
+    margin-bottom: 10px;
+}
+.form-label {
+    display: inline-block;
+    width: 70px;
+    text-align: right;
+}
+.form-input {
+    display: inline-block;
+    padding-left: 15px;
+}
+.form-input input {
+    outline-style: none ;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    padding: 5px 8px;
+    width: 150px;
+    font-size: 14px;
+    font-weight: bolder;
+}
+.form-input input:focus{
+    border-color: #66afe9;
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
+}
+.form-button-container {
+    text-align: center;
+}
+.form-button {
+    margin: 10px 10px;
+    width: 50px;
+    height: 30px;
+    color:white;
+    background-color:cornflowerblue;
+    border-radius: 3px;
+    border-width: 0;
+    outline: none;
+    font-size: 15px;
+    text-align: center;
+    cursor: pointer;
+}
+.form-button:hover {
+    opacity: 0.7;
+}
diff --git a/src/main/webapp/views/ste.html b/src/main/webapp/views/ste.html
index 85a8c0b..aa423f6 100644
--- a/src/main/webapp/views/ste.html
+++ b/src/main/webapp/views/ste.html
@@ -21,65 +21,20 @@
             <!-- 鏃ュ織鐩戞帶鏉� -->
             <div class="log-board">
                 <div class="command-log">
-                    <div class="ste-command-item" style="margin-top: 30px">
+                    <div data-steNo="1" class="ste-command-item" style="margin-top: 30px">
                         <label>1#</label>
-                        <div class="dropdown-menu">
-                            <button id="steBtn-1" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
-                                <ul class="dropdown-menu-nav dark" >
-                                    <div class="dropdown-anchor"></div>
-                                    <div class="form-item"><span>褰撳墠绌挎鏈猴細</span><input type="text"></div>
-                                    <div class="form-item"><span>鎺掞細</span><input type="text"></div>
-                                    <div class="form-item"><span>鍒楋細</span><input type="text"></div>
-                                    <div class="form-item"><span>灞傦細</span><input type="text"></div>
-                                </ul>
-                        </div>
-                        <div class="dropdown-menu">
-                            <button class="demoBtn" onclick="">鎵�灞炲爢鍨涙満</button>
-                                <ul class="dropdown-menu-nav dark">
-                                    <div class="dropdown-anchor"></div>
-                                    <div class="form-item"><span>鍫嗗灈鏈哄彿锛�</span><input type="text"></div>
-                                </ul>
-                        </div>
+                        <button class="demoBtn pos-btn">淇敼浣嶇疆</button>
+                        <button class="demoBtn crn-btn">鍏宠仈鍫嗗灈鏈�</button>
                     </div>
-                    <div class="ste-command-item" style="margin-top: 30px">
+                    <div data-steNo="2" class="ste-command-item" style="margin-top: 30px">
                         <label>2#</label>
-                        <div class="dropdown-menu">
-                            <button id="steBtn-2" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
-                            <ul class="dropdown-menu-nav dark" >
-                                <div class="dropdown-anchor"></div>
-                                <div class="form-item"><span>褰撳墠绌挎鏈猴細</span><input type="text"></div>
-                                <div class="form-item"><span>鎺掞細</span><input type="text"></div>
-                                <div class="form-item"><span>鍒楋細</span><input type="text"></div>
-                                <div class="form-item"><span>灞傦細</span><input type="text"></div>
-                            </ul>
-                        </div>
-                        <div class="dropdown-menu">
-                            <button class="demoBtn" onclick="">鎵�灞炲爢鍨涙満</button>
-                                <ul class="dropdown-menu-nav dark">
-                                    <div class="dropdown-anchor"></div>
-                                    <div class="form-item"><span>鍫嗗灈鏈哄彿锛�</span><input type="text"></div>
-                                </ul>
-                        </div>
+                        <button class="demoBtn pos-btn">淇敼浣嶇疆</button>
+                        <button class="demoBtn crn-btn">鍏宠仈鍫嗗灈鏈�</button>
                     </div>
-                    <div class="ste-command-item" style="margin-top: 30px">
+                    <div data-steNo="3" class="ste-command-item" style="margin-top: 30px">
                         <label>3#</label>
-                        <div class="dropdown-menu">
-                            <button id="steBtn-3" class="demoBtn" onclick="changePosition(this.id)">淇敼浣嶇疆</button>
-                            <ul class="dropdown-menu-nav dark" >
-                                <div class="dropdown-anchor"></div>
-                                <div class="form-item"><span>褰撳墠绌挎鏈猴細</span><input type="text"></div>
-                                <div class="form-item"><span>鎺掞細</span><input type="text"></div>
-                                <div class="form-item"><span>鍒楋細</span><input type="text"></div>
-                                <div class="form-item"><span>灞傦細</span><input type="text"></div>
-                            </ul>
-                        </div>
-                        <div class="dropdown-menu">
-                        <button class="demoBtn" onclick="">鎵�灞炲爢鍨涙満</button>
-                            <ul class="dropdown-menu-nav dark">
-                                <div class="dropdown-anchor"></div>
-                                <div class="form-item"><span>鍫嗗灈鏈哄彿锛�</span><input type="text"></div>
-                            </ul>
-                        </div>
+                        <button class="demoBtn pos-btn">淇敼浣嶇疆</button>
+                        <button class="demoBtn crn-btn">鍏宠仈鍫嗗灈鏈�</button>
                     </div>
                 </div>
                 <!-- 鍫嗗灈鏈虹姸鎬佷綅淇℃伅 -->
@@ -179,6 +134,39 @@
             </div>
         </div>
     </div>
+
+    <div id="ste-detl" style="display: none">
+        <form>
+            <div class="form-item">
+                <label class="form-label">绔欏彿:</label>
+                <div class="form-input">
+                    <input id="siteId" name="siteId" class="layui-input" lay-verify="required|number" autocomplete="off" disabled="disabled">
+                </div>
+            </div>
+            <div class="form-item">
+                <label class="form-label">宸ヤ綔鍙�:</label>
+                <div class="form-input">
+                    <input id="workNo" name="workNo" type="number" class="layui-input" lay-verify="number" autocomplete="off">
+                </div>
+            </div>
+            <div class="form-item">
+                <label class="form-label">鐩爣绔�:</label>
+                <div class="form-input">
+                    <input id="staNo" name="staNo" type="number" class="layui-input" lay-verify="number" autocomplete="off">
+                </div>
+            </div>
+            <div class="form-item">
+                <label class="form-label">鍏ュ簱鏍囪:</label>
+                <div class="form-input">
+                    <input id="pakMk" name="pakMk" type="text" class="layui-input" autocomplete="off">
+                </div>
+            </div>
+            <div class="form-item form-button-container">
+                <button class="form-button" id="save">淇濆瓨</button>
+                <button class="form-button" id="cancel" style="background-color: #D0D0D0">鍙栨秷</button>
+            </div>
+        </form>
+    </div>
 </body>
 </html>
 <script>
@@ -229,10 +217,39 @@
         }
     }
 
-    // 淇敼绌挎杞︿綅缃�
-    function changePosition(id) {
+    $(document).on('click ','.pos-btn', function () {
+        let steNo = Number($(this).parent().attr("data-steNo"));
+        layerDetl = layer.open({
+            type: 1,
+            title: false,
+            shadeClose: true,
+            offset: [$(this).offset().top + 30 + 'px', $(this).offset().left + 'px'],
+            anim: 5,
+            shade: [0],
+            area: ['340px', '255px'],
+            closeBtn: 0,
+            content: $("#ste-detl"),
+            success: function(layero, index){
+                // http.get(baseUrl+ "/site/detl/"+siteId, null, function (res) {
+                //     $('#siteId').val(siteId);
+                //     $('#workNo').val(res.data.workNo);
+                //     $('#staNo').val(res.data.staNo);
+                //     $('#pakMk').val(res.data.pakMk);
+                // })
+            },
+            end: function () {
+                $('#siteId').val("");
+                $('#workNo').val("");
+                $('#staNo').val("");
+                $('#pakMk').val("");
+            }
+        })
+    })
 
-    }
+    $(document).on('click ','.crn-btn', function () {
+        let steNo = Number($(this).parent().attr("data-steNo"));
+        console.log(steNo)
+    })
 
     // 绌挎杞︿俊鎭〃鑾峰彇 ---- 琛ㄤ竴
     function getSteStateInfo() {
@@ -415,7 +432,5 @@
         steOutputDom.value += content;
         steOutputDom.scrollTop = steOutputDom.scrollHeight;
     }
-
-
 
 </script>

--
Gitblit v1.9.1