chengqiang
/
sg_finalAcountAuto


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
    <title>单独调整</title>
    <link rel="stylesheet" href="${ctxp}/static/plugin/assets/layui/css/layui.css">
    <link rel="stylesheet" href="${ctxp}/static/plugin/assets/common.css"/>
    <script type="text/javascript" src="${ctxp}/static/plugin/assets/jquery-3.2.1.min.js"></script>
    <script src="${ctxp}/static/plugin/assets/layui/layui.js"></script>
    <%--<%@include file="alongst.js"%>--%>
</head>
<style>
    .layui-table-view .layui-table {width:100%}
    .layui-table-cell .layui-form-checkbox[lay-skin="primary"]{top: 50%;transform: translateY(-50%);}
    .layui-icon-layer{display: none;}
    .layui-icon-file{display: none;}
    .layui-table-tips-main{display:none}
    .layui-table-tips-c{display:none}
    input {
        height: 33px;
        line-height: 33px;
        padding: 0 7px;
        border: 1px solid #ccc;
        border-radius: 2px;
        margin-bottom: -2px;
        outline: none;
    }
    input:focus {
        border-color: #009E94;
    }
</style>
<body>
<div class="layui-btn-group suretable" style="display: none;">
    <button class="layui-btn"  data-type="getCheckData" id="freenl">确定</button>
</div>
<form class="layui-form" action="">
    <div class="layui-form-item">
        <div class="" style="margin-left: 10px;margin-top: 10px;">
            <span id="mylable2">项目调整</span>
            <span>:</span>
            <span id="readid2">200</span>
        </div>
        <div class="" style="margin-left: 10px;">
            <input type="radio" name="mydiv" value="1" title="增加" checked="">
            <input type="radio" name="mydiv" value="2" title="减少">
            &nbsp;&nbsp;
            <input id="edt-search" type="text" placeholder="输入关键字" style="width: 120px;"/>&nbsp;&nbsp;
            <button class="layui-btn" id="btn-search">&nbsp;&nbsp;搜索&nbsp;&nbsp;</button>
        </div>
    </div>
</form>
<div style="margin-left: 7px;margin-right: 7px">
<table class="layui-table" id="longtable" lay-filter="longtable"></table>
</div>
</body>
<script type="text/javascript">
    layui.config({
        base: '${ctxp}/static/plugin/assets/'
    }).extend({
        treetable: 'treetable-lay/treetable'
    }).use(['layer', 'table', 'treetable'], function () {
        var $ = layui.jquery;
        var table = layui.table;
        var layer = layui.layer;
        var treetable = layui.treetable;

        var renderTable1 = function () {
            layer.load(2);
            treetable.render({
                treeColIndex: 1,
                treeSpid: -1,
                treeIdName: 'id',
                treePidName: 'pid',
                treeDefaultClose: false,
                treeLinkage: false,
                id:'checktable',
                elem: '#longtable',
                cols: [[
                    {type: 'checkbox'},
                    {field:'wbsys',title:'分部分项'},
                    {field:'wbsCode',title:'WBS识别码'},
                    {field:'bl',title:'比例(%)',edit: 'text'},
                    {field:'fee',title:'分摊金额',edit: 'text'},
                ]],
                data: [
                    <c:if test="${ not empty list}">
                    <c:forEach items="${list}" var="data" varStatus="index">
                    {
                        "id":"${data.wbsCode}",
                        "wbsys": "${data.describe}",
                        "wbsCode": "${data.wbsCode}",
                        "bl":'',
                        "fee":'',
                        "pid": "${data.parentNode}"
                    },
                    </c:forEach>
                    </c:if>
                    // {
                    //     "id":"1",
                    //     "wbsys": "12",
                    //     "wbsCode": "32",
                    //     "bl":'',
                    //     "fee":'',
                    //     "pid": -1
                    // },
                    // {
                    //     "id":"2",
                    //     "wbsys": "121212131231",
                    //     "wbsCode": "32",
                    //     "bl":'',
                    //     "fee":'',
                    //     "pid": 1
                    // },
                    // {
                    //     "id":"3",
                    //     "wbsys": "12123123",
                    //     "wbsCode": "32",
                    //     "bl":'',
                    //     "fee":'',
                    //     "pid": -1
                    // },
                    // {
                    //     "id":"4",
                    //     "wbsys": "12123123",
                    //     "wbsCode": "32",
                    //     "bl":'',
                    //     "fee":'',
                    //     "pid": 3
                    // }
                ],
                done: function (res, curr, count) {
                    layer.closeAll('loading');
                }
            });
        };
        renderTable1();
        //计算比例/金额
        table.on('edit(longtable)', function(obj){
            var field = obj.field;
            var moneycount = $("#readid2").text();
            if(field == 'bl'){
                var value = obj.value;
                var data = obj.data;
                var blvalue = value/100;
                if(value==''){
                    var w = $(this).closest("tr").find("td").eq("4").find("div").html("");
                    data.fee="";
                    return false;
                }
                if(isNaN(blvalue)){
                    layer.msg('请输入有效数字');
                    return false;
                }
                var bfb = (blvalue*moneycount);
                var w = $(this).closest("tr").find("td").eq("4").find("div").html(bfb);
                data.fee=bfb;
            }else{
                var value = obj.value;
                var data = obj.data;
                var feevalue = value/moneycount;
                if(value==''){
                    $(this).closest("tr").find("td").eq("3").find("div").html("");
                    data.bl="";
                    return false;
                }
                if(isNaN(value)){ //判断输入是否是数字
                    layer.msg('请输入有效数字');
                    return false;
                }
                var bfb2 = (feevalue*100);
                $(this).closest("tr").find("td").eq("3").find("div").html(bfb2);
                data.bl=bfb2;
            }
        });
        var $ = layui.$, active = {
            getCheckData: function(){ //获取选中数据
                var checkStatus = table.checkStatus('checktable'),
                    data = checkStatus.data;
                var moneycount2 = $("#readid2").text();
                var val = $('input[name="mydiv"]:checked').val();
                if(val==null){
                    layer.msg('请选择操作方式');
                    return false;
                }
                var jsondata=JSON.stringify(data);
                var objdata = JSON.parse(jsondata);
                var blcount = 0;
                var feecount = 0;
                for (var i = 0;i<objdata.length;i++) {
                    blcount=Number(blcount)+Number(objdata[i].bl) ;
                    feecount=Number(feecount)+Number(objdata[i].fee);
                }
                if(blcount!=100||feecount!=moneycount2){
                    layer.msg('比例/金额分配不正确!');
                    return false;
                }
                var newid2 = parent.$('#newid').val();//获取父类input框的值
                var xmmc2 = parent.$('#xmmc1').val();
                var fyje2 = parent.$('#fyje1').val();

                $.ajax({
                    type:"post",
                    url:"${ctx}/jkxl/ddtz",
                    // data:JSON.stringify({id:newid2,type:xmmc2,fee:fyje2}),
                    data:{id:newid2,type:xmmc2,fee:fyje2,tableData:jsondata,state:val },
                    success:function(result){
                        parent.location.reload();
                    }
                });
            }
        };
        $('.suretable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        var newid2 = parent.$('#newid').val();
        var xmmc2 = parent.$('#xmmc1').val();
        var fyje2 = parent.$('#fyje1').val();
        $("#mylable2").text(xmmc2);
        $("#readid2").text(fyje2);

    });
</script>
<script>
    $('#btn-search').click(function () {
        var keyword = $('#edt-search').val();
        var searchCount = 0;
        $('#longtable').next('.treeTable').find('.layui-table-body tbody tr td').each(function () {
            $(this).css('background-color', 'transparent');
            var text = $(this).text();
            if (keyword != '' && text.indexOf(keyword) >= 0) {
                $(this).css('background-color', 'rgba(250,230,160,0.5)');
                if (searchCount == 0) {
                    treetable.expandAll('#longtable');
                    $('html,body').stop(true);
                    $('html,body').animate({scrollTop: $(this).offset().top - 150}, 500);
                }
                searchCount++;
            }
        });
        if (keyword == '') {
            layer.msg("请输入搜索内容", {icon: 5});
        } else if (searchCount == 0) {
            layer.msg("没有匹配结果", {icon: 5});
        }
    });
</script>
</html>