From 9dbb646772c7f9ad5800333c82d2a2367a00f739 Mon Sep 17 00:00:00 2001
From: vincent <1341870251@qq.com>
Date: 星期一, 01 六月 2020 13:32:39 +0800
Subject: [PATCH] #
---
src/main/webapp/views/crn.html | 67 +++++++++++++++++++++
src/main/webapp/static/css/crn.css | 54 ++++++++++++++++++
2 files changed, 119 insertions(+), 2 deletions(-)
diff --git a/src/main/webapp/static/css/crn.css b/src/main/webapp/static/css/crn.css
index 9cd71f8..9552e44 100644
--- a/src/main/webapp/static/css/crn.css
+++ b/src/main/webapp/static/css/crn.css
@@ -114,6 +114,60 @@
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
+/* 浠诲姟璁惧閫夋嫨妗� */
+.task-select {
+ height: 50%;
+ overflow: hidden;
+ border-bottom: 1px solid #d1d1d1;
+ padding: 20px 0px 10px 30px;
+}
+.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;
+ 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 {
+ width: 80px;
+}
+
/* 绗洓妯″潡 */
.crn-output-board {
margin-top: 10px;
diff --git a/src/main/webapp/views/crn.html b/src/main/webapp/views/crn.html
index c13a10d..127eba8 100644
--- a/src/main/webapp/views/crn.html
+++ b/src/main/webapp/views/crn.html
@@ -12,6 +12,12 @@
<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script>
<style>
+ /* 浠诲姟浣滀笟閫夋嫨妗� */
+ .task-operator {
+ height: 50%;
+ overflow: hidden;
+ }
+
</style>
</head>
<body>
@@ -80,9 +86,66 @@
<!-- 鎵嬪姩鎿嶄綔 -->
<div class="crn-operation">
- <div class=""></div>
+ <!-- 璁惧浠诲姟閫夋嫨 -->
+ <div class="task-select">
+ <!-- 鍫嗗灈鏈洪�夋嫨 -->
+ <div id="crn-select" class="operator-item">
+ <span class="select-title">鍫嗗灈鏈哄彿</span>
+ <div class="select-container">
+ <label><input type="radio" name="crn" value="1" checked> 1鍙峰爢鍨涙満</label>
+ <label><input type="radio" name="crn" value="2"> 2鍙峰爢鍨涙満</label>
+ </div>
+ </div>
+ <!-- 婧愮珯/婧愬簱浣� 閫夋嫨 -->
+ <div id="source-select" class="operator-item">
+ <span class="select-title">婧愮珯/婧愬簱浣�</span>
+ <div class="select-container">
+ <div class="select-container-item">
+ <span>绔�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>鎺�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>鍒�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>灞�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ </div>
+ </div>
+ <!-- 鐩爣绔�/鐩爣搴撲綅 閫夋嫨 -->
+ <div id="target-select" class="operator-item">
+ <span class="select-title">鐩爣绔�/鐩爣搴撲綅</span>
+ <div class="select-container">
+ <div class="select-container-item">
+ <span>绔�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>鎺�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>鍒�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ <div class="select-container-item">
+ <span>灞�</span>
+ <label><input type="number" name="points" min="0" /></label>
+ </div>
+ </div>
+ </div>
+ </div>
- <div class=""></div>
+ <!-- 璁惧浠诲姟鎿嶄綔 -->
+ <div class="task-operator">
+
+ </div>
</div>
<!-- 鍫嗗灈鏈烘棩蹇楄緭鍑� -->
--
Gitblit v1.9.1