SmartCost
/
ConstructionCost


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							<!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="/web/css/bootstrap/bootstrap.min.css">
   <!-- <link rel="stylesheet" href="css/bootstrap/themes.css">-->
    <link rel="stylesheet" href="/web/css/main.css">
    <link rel="stylesheet" href="/web/css/font-awesome/font-awesome.min.css">
    <!--zTree-->
  	<link rel="stylesheet" href="/web/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">Smartcost</span>
            <div class="navbar-text"></div>
        </nav>
        <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
          <ul class="nav navbar-nav px-1">
                          <li class="nav-item">
                              <a class="nav-link" href="javacript:void(0);" aria-haspopup="true" aria-expanded="false" data-toggle="modal" data-target="#add">新建定额库</a>
                          </li>
                      </ul>
        </nav>
    </div>
    <div class="main">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                  <div class="col-md-8">
                    <div class="warp-p2 mt-3">
                      <table class="table table-hover table-bordered">
                        <thead><tr><th>定额库名称</th><th width="160">添加时间</th><th width="90">操作</th></tr></thead>
                        <tbody>
                        <!--
                          <tr><td><a href="dinge.html">XX定额库</a></td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
                          <tr><td><a href="dinge.html">XX定额库</a></td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
                          <tr><td><a href="dinge.html">XX定额库</a></td><td>2017-01-01 </td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
                        -->
                        </tbody>
                      </table>
                    </div>
                  </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" id="addInput" placeholder="输入定额库名称" type="text">
                    </div>
                  </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="rationAdd" class="btn btn-secondary" data-dismiss="modal">新建</button>
                    <a href="" id="addCancel" 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" id = "inputRation" placeholder="输入编码" type="text" value="">
                    </div>
                  </form>
                </div>
                <div class="modal-footer">
                    <button type="button" id="edtCancel" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button"  id="edtOK" class="btn btn-secondary" data-dismiss="modal">确定</button>

                </div>
            </div>
        </div>
    </div>

    <!--弹出删除-->
    <div class="modal fade" id="del" data-backdrop="static" style="display: none;" aria-hidden="true">
        <input type="hidden" id="did" value="">
        <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="" id="deleteLib" class="btn btn-danger">删除</a>
                </div>
            </div>
        </div>
    </div>
    <!-- JS. -->
    <script src="/lib/jquery/jquery.min.js"></script>
    <script src="/lib/tether/tether.min.js"></script>
    <script src="/lib/bootstrap/bootstrap.min.js"></script>
    <script src="/lib/global.js"></script>
    <!-- zTree -->
  	<script type="text/javascript" src="/lib/ztree/jquery.ztree.core.js"></script>
  	<script type="text/javascript" src="/lib/ztree/jquery.ztree.excheck.js"></script>

</body>
<script type="text/javascript">
//onLoad  获取所有定额库
$(function(){
    getRationLibs();
})
//为定额库添加跳转功能
function addressdirect(){
    $("tr:gt(0)").each(function() {
        var td, a;
        td = $("td:eq(0)", $(this));
        a = $('a', td);
        a.attr('href', "/ration/rationLib" + "?rationname=" + a.text());
    })
}
//为定额库添加点击删除后对应定额库名称
function deleteLib(){
    $("tr:gt(0)").each(function() {
        var td0, a1,td2,a2;
        td2 = $("td:eq(2)", $(this));
        td0 = $("td:eq(0)", $(this));
        a1 = $('a', td0);
        var str = a1.text();
        a2 = $("a:eq(1)",td2);
        a2.click(function(){
            $("#did").val(str)
        })
       // a.attr('href', "/ration/rationLib" + "?rationname=" + a.text());
    })
}
//为定额库添加点击编辑后对应定额库名称
function editLib(){
    $("tr:gt(0)").each(function() {
        var td0, a1,td2,a2;
        td2 = $("td:eq(2)", $(this));
        td0 = $("td:eq(0)", $(this));
        a1 = $('a', td0);
        var str = a1.text();
        a2 = $("a:eq(0)",td2);
        a2.click(function(){
            $("#did").val(str)
        })
        // a.attr('href', "/ration/rationLib" + "?rationname=" + a.text());
    })
}

//删除按钮点击事件
$("#deleteLib").click(function(){
    var rationName = $("#did").val();
    $.ajax({
        type:"POST",
        url:"http://localhost:6060/ration/deleteRationLibs",
        dataType:"json",
        data:{"rationName": rationName},
        cache:false,
        timeout:50000,
        success:function(result){
            getRationLibs();//刷新界面重新获取定额库
        },
        error:function(iqXHR,textStatus,errorThrown){

        }
    })
});
//获取定额库
function getRationLibs(){
    $.ajax({
        type:"POST",
        url:"http://localhost:6060/ration/getRationLibs",
        dataType:"json",
        cache:false,
        timeout:50000,
        success:function(result){
            $("tbody tr").html("");
            for(var i=0;i<result.data.length;i++){
                addLibTag(result.data[i].DisplayName);
            }
            addressdirect();//为所有定额库添加跳转功能
            deleteLib();//为所有定额库添加删除功能
            editLib();
        },
        error:function(iqXHR,textStatus,errorThrown){
            alert("error "+textStatus+" "+errorThrown);
        }
    })
}
//显示定额库条目
function addLibTag(string){
    var $tr = $('<tr><td><a href="#"></a></td><td></td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal"     data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>')
    var $td0 = $("td:eq(0)",$tr);
    var $td1 = $("td:eq(1)",$tr);
    var a = $("a",$td0);
    var str = string;
    a.text(str);
    var date = new Date().format("yyyy-MM-dd");
    $td1.text(date);
    $tr.appendTo("tbody");
}
//增加定额库ajax函数
function addRation(str) {
    $.ajax({
        type:"POST",
        url:"http://localhost:6060/ration/addRationName",
        data:{"rationDisPlayName": str},
        dataType:"json",
        cache:false,
        timeout:50000,
        success:function(result){

        },
        error:function(iqXHR,textStatus,errorThrown){
            alert("error "+textStatus+" "+errorThrown);
        }
    })

}
//增加定额库按钮点击事件
$("#rationAdd").click(function(){
    var $tr = $('<tr><td><a href="#"></a></td><td></td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#edit" title="编辑"><i class="fa fa-pencil-square-o"></i></a> <a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>')
    var $td0 = $("td:eq(0)",$tr);
    var $td1 = $("td:eq(1)",$tr);
    var a = $("a",$td0);
    var str = $("#addInput").val();
    a.text(str);
    var date = new Date().format("yyyy-MM-dd");
    $td1.text(date);
    $tr.appendTo("tbody");
    addRation(str);
    addressdirect();
    deleteLib();
});
//编辑按钮点击事件
$("#edtOK").click(function(){
    var str = $("#did").val();
    var newStr = $("#inputRation").val();
    $.ajax({
        type:"POST",
        url:"http://localhost:6060/ration/editRationLibs",
        dataType:"json",
        data:{"rationName": str,"newName":newStr},
        cache:false,
        timeout:50000,
        success:function(result){
            getRationLibs();//刷新界面重新获取定额库
        },
        error:function(iqXHR,textStatus,errorThrown){

        }
    })

});
Date.prototype.format = function(fmt) {
    var o = {
        "M+" : this.getMonth()+1,                 //月份
        "d+" : this.getDate(),                    //日
        "h+" : this.getHours(),                   //小时
        "m+" : this.getMinutes(),                 //分
        "s+" : this.getSeconds(),                 //秒
        "q+" : Math.floor((this.getMonth()+3)/3), //季度
        "S"  : this.getMilliseconds()             //毫秒
    };
    if(/(y+)/.test(fmt)) {
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
    for(var k in o) {
        if(new RegExp("("+ k +")").test(fmt)){
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        }
    }
    return fmt;
}
autoFlashHeight();
</script>

</html>