|
@@ -0,0 +1,320 @@
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
+<html lang="en">
|
|
|
|
+
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="utf-8">
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
+ <title>清单规则编辑器</title>
|
|
|
|
+ <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
|
|
|
|
+ <link rel="stylesheet" href="css/bootstrap/themes.css">
|
|
|
|
+ <link rel="stylesheet" href="css/main.css">
|
|
|
|
+ <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
|
|
|
|
+ <!--zTree-->
|
|
|
|
+ <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
|
|
|
|
+</head>
|
|
|
|
+
|
|
|
|
+<body>
|
|
|
|
+ <div class="header">
|
|
|
|
+ <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 ">
|
|
|
|
+ <span class="header-logo px-2">清单规则编辑器</span>
|
|
|
|
+ <div class="navbar-text"><a href="main.html">清单规则</a><i class="fa fa-angle-right fa-fw"></i>XXX清单规则</div>
|
|
|
|
+ </nav>
|
|
|
|
+ <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
|
|
|
|
+
|
|
|
|
+ <ul class="nav nav-tabs" role="tablist">
|
|
|
|
+ <li class="nav-item">
|
|
|
|
+ <a class="nav-link px-3" href="qingdan.html">清单</a>
|
|
|
|
+ </li>
|
|
|
|
+ <li class="nav-item">
|
|
|
|
+ <a class="nav-link px-3" href="neirong.html">工作内容</a>
|
|
|
|
+ </li>
|
|
|
|
+ <li class="nav-item">
|
|
|
|
+ <a class="nav-link active px-3" href="tezheng.html">项目特征</a>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </nav>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="main">
|
|
|
|
+ <div class="content">
|
|
|
|
+ <div class="container-fluid">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="main-content col-lg-7 p-0">
|
|
|
|
+ <table class="table table-bordered">
|
|
|
|
+ <thead>
|
|
|
|
+ <tr>
|
|
|
|
+ <th></th>
|
|
|
|
+ <th>编号</th>
|
|
|
|
+ <th>项目特征</th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>1</th>
|
|
|
|
+ <td>1</td>
|
|
|
|
+ <td>图壤类别</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>2</th>
|
|
|
|
+ <td>2</td>
|
|
|
|
+ <td>弃土运距</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>3</th>
|
|
|
|
+ <td>3</td>
|
|
|
|
+ <td>取土运距</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>4</th>
|
|
|
|
+ <td>4</td>
|
|
|
|
+ <td>开挖方式</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>5</th>
|
|
|
|
+ <td>5</td>
|
|
|
|
+ <td>挖土深度</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>6</th>
|
|
|
|
+ <td>6</td>
|
|
|
|
+ <td>场内运距</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>7</th>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>8</th>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>9</th>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="main-side col-lg-5 p-0">
|
|
|
|
+ <table class="table table-bordered">
|
|
|
|
+ <thead>
|
|
|
|
+ <tr>
|
|
|
|
+ <th></th>
|
|
|
|
+ <th>编号</th>
|
|
|
|
+ <th>特征值</th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>1</th>
|
|
|
|
+ <td>1</td>
|
|
|
|
+ <td>一类土</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>2</th>
|
|
|
|
+ <td>2</td>
|
|
|
|
+ <td>二类土</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>3</th>
|
|
|
|
+ <td>3</td>
|
|
|
|
+ <td>三类土</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>4</th>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>5</th>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--弹出添加-->
|
|
|
|
+ <div class="modal fade" id="add" data-backdrop="static" style="display: none;" aria-hidden="true">
|
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
|
+ <div class="modal-content">
|
|
|
|
+ <div class="modal-header">
|
|
|
|
+ <h5 class="modal-title">添加定额</h5>
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
+ <span aria-hidden="true">×</span>
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-body">
|
|
|
|
+ <form>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>编码</label>
|
|
|
|
+ <input class="form-control" placeholder="输入编码" type="text">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>名称</label>
|
|
|
|
+ <input class="form-control" placeholder="输入名称" type="text">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>单位</label>
|
|
|
|
+ <select class="form-control"><option>选择单位</option><option>m3</option></select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>基价</label>
|
|
|
|
+ <input class="form-control" placeholder="输入基价" type="number">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>显示名称(以%s表示参数)</label>
|
|
|
|
+ <input class="form-control" placeholder="输入显示名称" type="text">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>默认取费专业</label>
|
|
|
|
+ <input class="form-control" placeholder="输入取费专业" type="text">
|
|
|
|
+ </div>
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-footer">
|
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
|
|
+ <a href="" class="btn btn-primary">添加</a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--弹出编辑-->
|
|
|
|
+ <div class="modal fade" id="edit" data-backdrop="static" style="display: none;" aria-hidden="true">
|
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
|
+ <div class="modal-content">
|
|
|
|
+ <div class="modal-header">
|
|
|
|
+ <h5 class="modal-title">编辑定额</h5>
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
+ <span aria-hidden="true">×</span>
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-body">
|
|
|
|
+ <form>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>编码</label>
|
|
|
|
+ <input class="form-control" placeholder="输入编码" type="text" value="AA0001">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>名称</label>
|
|
|
|
+ <input class="form-control" placeholder="输入名称" type="text" value="人工挖土方">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>单位</label>
|
|
|
|
+ <select class="form-control"><option>m3</option></select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>基价</label>
|
|
|
|
+ <input class="form-control" placeholder="输入基价" type="number" value="880.84">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>显示名称(以%s表示参数)</label>
|
|
|
|
+ <input class="form-control" placeholder="输入显示名称" type="text" value="人工挖土方">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <label>默认取费专业</label>
|
|
|
|
+ <input class="form-control" placeholder="输入取费专业" type="text" value="1">
|
|
|
|
+ </div>
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-footer">
|
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
|
|
+ <a href="" class="btn btn-primary">确定</a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!--弹出删除-->
|
|
|
|
+ <div class="modal fade" id="del" data-backdrop="static" style="display: none;" aria-hidden="true">
|
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
|
+ <div class="modal-content">
|
|
|
|
+ <div class="modal-header">
|
|
|
|
+ <h5 class="modal-title">删除确认</h5>
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
+ <span aria-hidden="true">×</span>
|
|
|
|
+ </button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-body">
|
|
|
|
+ <h5 class="text-danger">删除后无法恢复,确认是否删除?</h5>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="modal-footer">
|
|
|
|
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
|
|
+ <a href="" class="btn btn-danger">删除</a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- JS. -->
|
|
|
|
+ <script src="js/jquery/jquery.min.js"></script>
|
|
|
|
+ <script src="js/tether/tether.min.js"></script>
|
|
|
|
+ <script src="js/bootstrap/bootstrap.min.js"></script>
|
|
|
|
+ <script src="js/global.js"></script>
|
|
|
|
+ <!-- zTree -->
|
|
|
|
+ <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
|
|
|
|
+ <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
|
|
|
|
+ <SCRIPT type="text/javascript">
|
|
|
|
+ <!--
|
|
|
|
+ var setting = {
|
|
|
|
+ view: {
|
|
|
|
+ showIcon: false
|
|
|
|
+ },
|
|
|
|
+ data: {
|
|
|
|
+ simpleData: {
|
|
|
|
+ enable: true
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ var zNodes =[
|
|
|
|
+ { id:1, pId:0, name:"父节点1 - 展开", open:true},
|
|
|
|
+ { id:11, pId:1, name:"父节点11 - 折叠"},
|
|
|
|
+ { id:111, pId:11, name:"叶子节点111"},
|
|
|
|
+ { id:112, pId:11, name:"叶子节点112"},
|
|
|
|
+ { id:113, pId:11, name:"叶子节点113"},
|
|
|
|
+ { id:114, pId:11, name:"叶子节点114"},
|
|
|
|
+ { id:12, pId:1, name:"父节点12 - 折叠"},
|
|
|
|
+ { id:121, pId:12, name:"叶子节点121"},
|
|
|
|
+ { id:122, pId:12, name:"叶子节点122"},
|
|
|
|
+ { id:123, pId:12, name:"叶子节点123"},
|
|
|
|
+ { id:124, pId:12, name:"叶子节点124"},
|
|
|
|
+ { id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
|
|
|
|
+ { id:2, pId:0, name:"父节点2 - 折叠"},
|
|
|
|
+ { id:21, pId:2, name:"父节点21 - 展开", open:true},
|
|
|
|
+ { id:211, pId:21, name:"叶子节点211"},
|
|
|
|
+ { id:212, pId:21, name:"叶子节点212"},
|
|
|
|
+ { id:213, pId:21, name:"叶子节点213"},
|
|
|
|
+ { id:214, pId:21, name:"叶子节点214"},
|
|
|
|
+ { id:22, pId:2, name:"父节点22 - 折叠"},
|
|
|
|
+ { id:221, pId:22, name:"叶子节点221"},
|
|
|
|
+ { id:222, pId:22, name:"叶子节点222"},
|
|
|
|
+ { id:223, pId:22, name:"叶子节点223"},
|
|
|
|
+ { id:224, pId:22, name:"叶子节点224"},
|
|
|
|
+ { id:23, pId:2, name:"父节点23 - 折叠"},
|
|
|
|
+ { id:231, pId:23, name:"叶子节点231"},
|
|
|
|
+ { id:232, pId:23, name:"叶子节点232"},
|
|
|
|
+ { id:233, pId:23, name:"叶子节点233"},
|
|
|
|
+ { id:234, pId:23, name:"叶子节点234"},
|
|
|
|
+ { id:3, pId:0, name:"父节点3 - 没有子节点", isParent:true}
|
|
|
|
+ ];
|
|
|
|
+
|
|
|
|
+ function showIconForTree(treeId, treeNode) {
|
|
|
|
+ return !treeNode.isParent;
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ $(document).ready(function(){
|
|
|
|
+ $.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
|
|
|
+ });
|
|
|
|
+ //-->
|
|
|
|
+ </SCRIPT>
|
|
|
|
+</body>
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ autoFlashHeight();
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+</html>
|