From cb15c6400b7dfc3855e5fdd76b8b217bf6bc9567 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <xltys1995>
Date: 星期三, 30 十二月 2020 10:55:09 +0800
Subject: [PATCH] #

---
 src/main/webapp/static/css/crn.css |  143 ++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 132 insertions(+), 11 deletions(-)

diff --git a/src/main/webapp/static/css/crn.css b/src/main/webapp/static/css/crn.css
index e749bbc..ea974b0 100644
--- a/src/main/webapp/static/css/crn.css
+++ b/src/main/webapp/static/css/crn.css
@@ -3,7 +3,7 @@
     background-color: #f1f1f1;
 }
 
-/* 绗竴妯″潡 */
+/* -------------------- 绗竴妯″潡 -------------------- */
 .log-board {
     background-color: #fff;
     border-radius: 5px;
@@ -40,7 +40,7 @@
 .crn-command-item input {
     vertical-align: middle;
     outline: none;
-    width: 70%;
+    width: 60%;
 }
 
 /* 鍙� */
@@ -48,7 +48,7 @@
     float: left;
     height: 100%;
     width: 80%;
-    overflow: hidden;
+    overflow: auto;
 }
 /* 鍫嗗灈鏈虹姸鎬佽〃 */
 #crn-state-table {
@@ -73,9 +73,9 @@
     background: #F5FAFA;
 }
 
-/* 绗簩妯″潡 */
+/* -------------------- 绗簩妯″潡 -------------------- */
 .crn-msg {
-    overflow: hidden;
+    overflow: auto;
     margin-top: 10px;
     height: 20%;
     background-color: #fff;
@@ -90,23 +90,24 @@
     text-align: center;
 }
 #crn-msg-table td, #crn-msg-table th {
-    border: 1px solid #cad9ea;
+    border: 1px solid #f1f1f1;
     color: #666;
-    height: 25px;
+    height: 30px;
 }
 #crn-msg-table thead th {
-    background-color: #CCE8EB;
+    background-color: #fff;
     width: 400px;
 }
 #crn-msg-table tr:nth-child(odd) {
     background: #fff;
 }
 #crn-msg-table tr:nth-child(even) {
-    background: #F5FAFA;
+    background: #fff;
 }
 
-/* 绗笁妯″潡 */
+/* -------------------- 绗笁妯″潡 -------------------- */
 .crn-operation {
+    position: relative;
     margin-top: 10px;
     height: 25%;
     background-color: #fff;
@@ -114,10 +115,130 @@
     box-shadow: 0 0 3px rgba(0,0,0,.3);
 }
 
-.crn-output {
+/* 浠诲姟璁惧閫夋嫨妗� */
+.task-select {
+    height: 50%;
+    overflow: hidden;
+    padding: 20px 0 10px 20px;
+}
+.operator-item {
+    display: inline-block;
+    height: 100%;
+    text-align: center;
+    position: relative;
+    vertical-align: middle;
+    padding: 0 20px;
+}
+.operator-item .select-title {
+    display: inline-block;
+    position: absolute;
+    top: -11px;
+    left: 50%;
+    transform: translate(-50%, 0);
+    background-color: #fff;
+    color: #2e95d3;
+    font-size: 12px;
+    border: 1px solid #8d8d8d;
+    border-radius: 5px;
+    padding: 5px;
+    z-index: 999;
+}
+.operator-item .select-container {
+    padding: 30px 0;
+    height: 100%;
+    border: 1px solid #8d8d8d;
+    border-radius: 5px;
+}
+#crn-select .select-container label {
+    display: inline-block;
+    padding: 0 20px;
+    vertical-align: middle; margin-top:-2px; margin-bottom:1px;
+
+}
+.select-container input {
+    display: inline-block;
+    font-size: 12px;
+    vertical-align: middle; margin-top:-2px; margin-bottom:1px;
+}
+.select-container-item {
+    display: inline-block;
+    padding: 0 10px;
+}
+.select-container-item input {
+    height: 20px;
+    border: 1px solid #8D8D8D;
+    border-radius: 3px;
+    width: 80px;
+    outline: none;
+}
+
+/* 浠诲姟浣滀笟閫夋嫨妗� */
+.task-operator {
+    height: 50%;
+    overflow: hidden;
+    padding: 0 20px 10px 20px;
+}
+.task-operator fieldset {
+    padding: 15px 20px 5px 50px;
+    border-width: 1px;
+    border-style: solid;
+    height: 100%;
+}
+.task-operator legend {
+    margin-left: 20px;
+    padding: 0 10px;
+    font-size: 16px;
+    font-weight: 300;
+}
+button.item {
+    border: 1px solid #333;
+    font-size: 13px;
+    padding: 1px 1px 1px 1px;
+    width: 100px;
+    height: 40px;
+    outline: none;
+    cursor: pointer;
+    color: #333;
+    background-color: transparent;
+    margin-right: 5px;
+    border-radius: 5px;
+}
+button.item:hover {
+    background-color: #333;
+    color: #fff;
+}
+
+/* 鎵嬪姩鎿嶄綔閬僵 */
+.crn-operation-shade {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    z-index: 1000;
+    text-align: center;
+    padding: 80px 0;
+}
+.crn-operation-shade-span {
+    font-size: xx-large;
+    font-weight: bold;
+    color: red;
+}
+
+/* -------------------- 绗洓妯″潡 -------------------- */
+.crn-output-board {
     margin-top: 10px;
     height: 23%;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 0 3px rgba(0,0,0,.3);
 }
+#crn-output {
+    border-left: none;
+    border-right: none;
+    border-top: 1px solid #9d9d9d;
+    border-bottom: 1px solid #333;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    resize:none;
+    color: #666;
+}

--
Gitblit v1.9.1