فهرست منبع

指标模板 增加添加指标 设置规则

Chente 7 سال پیش
والد
کامیت
c6103c69a0
1فایلهای تغییر یافته به همراه70 افزوده شده و 25 حذف شده
  1. 70 25
      template.html

+ 70 - 25
template.html

@@ -64,7 +64,7 @@
 				</div>
 				<div class="content-wrap">
 					<div class="c-header m-0 p-0 d-flex flex-row-reverse">
-            <a href="#" class="btn btn-sm"><i class="fa fa-plus"></i> 添加指标</a>
+            <a href="#add-index" data-toggle="modal" data-target="#add-index" class="btn btn-sm"><i class="fa fa-plus"></i> 添加指标</a>
 					</div>
 					<div class="c-body">
             <div class="sjs-height-1">
@@ -101,30 +101,41 @@
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
         <div class="modal-body">
-          <h5 class="mt-3">hj(合价)/lxzcd(路线总长度)</h5>
-          <div class="form-group">
-            <label>设置计算规则</label>
-            <input class="form-control" value="hj/lxzcd" type="text">
-          </div>
-          <div class="row">
-            <div class="col-6">
-              <table class="table table-bordered">
-                <legend>全局参数</legend>
-                <tr><th>名称</th><th>代码</th><th>描述</th></tr>
-                <tr><td>总造价</td><td>zzj</td><td><a href="javascript:void(0)" data-container="body" data-toggle="popover" data-placement="bottom" data-content="描述内容"><i class="fa fa-info"></i></a></td></tr>
-                <tr><td>路线总长度</td><td>lxzcd</td><td><a href="javascript:void(0)" data-container="body" data-toggle="popover" data-placement="bottom" data-content="描述内容"><i class="fa fa-info"></i></a></td></tr>
-                <tr><td>输入框</td><td>input</td><td><a href="javascript:void(0)" data-container="body" data-toggle="popover" data-placement="bottom" data-content="描述内容"><i class="fa fa-info"></i></a></td></tr>
-              </table>
-            </div>
-            <div class="col-6">
-              <table class="table table-bordered">
-                <legend>本项目节参数</legend>
-                <tr><th>名称</th><th>代码</th><th>描述</th></tr>
-                <tr><td>合价</td><td>hj</td><td><a href="javascript:void(0)" data-container="body" data-toggle="popover" data-placement="bottom" data-content="描述内容"><i class="fa fa-info"></i></a></td></tr>
-              </table>
-            </div>
-          </div>
-        </div>
+  						<h5>当前规则:</h5>
+  		       	<h5>
+                <span class="badge badge-light" title="合价">合价 <!--<a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>--></span>
+                <span class="badge badge-light" title="/">/ <!--<a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>--></span>
+                <span class="badge badge-light" title="路线总长度">路线总长度 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
+              </h5>
+  						<div class="form-group">
+  							<select class="form-control">
+  								<option>全局参数</option>
+  								<option>本项目节参数</option>
+  								<option>计算式</option>
+  							</select>
+  						</div>
+              <!--全局参数-->
+  						<div class="form-group">
+                <select class="form-control">
+                  <option>总造价</option>
+                  <option>路线总长度</option>
+                  <option>计算式</option>
+                </select>
+              </div>
+              <!--本项目节参数-->
+  						<div class="form-group">
+                <select class="form-control">
+                  <option>合价</option>
+                </select>
+              </div>
+              <!--计算式-->
+  						<div class="form-group">
+                <select class="form-control">
+                  <option>/</option>
+                </select>
+              </div>
+  						<button class="btn btn-outline-primary">添加</button>
+  		      </div>
         <div class="modal-footer">
           <button class="btn btn-primary">确定</button>
           <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">取消</button>
@@ -153,6 +164,40 @@
       </div>
     </div>
   </div>
+  <!-- 添加指标 -->
+  <div id="add-index" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">添加指标</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-group">
+            <label >指标编号</label>
+            <input type="text" class="form-control" >
+          </div>
+          <div class="form-group">
+            <label >指标名称</label>
+            <input type="text" class="form-control" >
+          </div>
+          <div class="form-group">
+            <label >指标单位</label>
+            <input type="text" class="form-control" >
+            <input type="text" class="form-control" >
+          </div>
+          <div class="form-group">
+            <label >计算规则</label>
+            <input type="text" class="form-control" >
+          </div>
+	      </div>
+        <div class="modal-footer">
+          <button class="btn btn-primary">确定</button>
+          <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">取消</button>
+        </div>
+      </div>
+    </div>
+  </div>
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>