<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<%--<form:form id="subForm" modelAttribute="workContentContractSum" action="#" method="post" class="form-horizontal">--%>
    <%--<form:hidden path="id"/>--%>
    <%--<div class="form-group layui-row lw12">--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label"><span class="require-item">*</span>合同编号：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<form:input path="cnumber" htmlEscape="false"  readonly="true"  class="form-control layui-input required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label"><span class="require-item">*</span>合同分类：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input htmlEscape="false" readonly="true" class="form-control layui-input"--%>
                   <%--<c:forEach items="${fns:getDictList('content_contract_type')}" var="item">--%>
                        <%--<c:set var="typename" value="content_contract_type_${item.value}"></c:set>--%>
                        <%--<c:forEach items="${fns:getDictList(typename)}" var="item2">--%>
                            <%--<c:if test="${workContentContractSum.contCate eq item2.value}">value="${item2.label}"</c:if>--%>
                        <%--</c:forEach>--%>
                    <%--</c:forEach>/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label"><span class="require-item">*</span>合同属性：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input htmlEscape="false" readonly="true" class="form-control layui-input" value="${fns:getMainDictLabel(workContentContractSum.contAttr, 'content_contract_attr', '')}"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label"><span class="require-item">*</span>发包人：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<form:input path="lettingAgent" htmlEscape="false" readonly="true" class="form-control layui-input required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label"><span class="require-item">*</span>承包人：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<form:input path="contractor" htmlEscape="false" readonly="true" class="form-control layui-input required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>

    <%--<div class="form-group layui-row lw12">--%>
        <%--<div class="form-group-label"><h2>详情信息</h2></div>--%>
        <%--<div class="layui-item layui-col-sm12 with-textarea">--%>
            <%--<label class="layui-form-label">合同范围：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<form:textarea path="scope" htmlEscape="false" rows="3" readonly="true" class="form-control required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label">签约日期：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input type="text" maxlength="20" readonly="true" class="form-control layui-input"--%>
                       <%--value="<fmt:formatDate value="${workContentContractSum.signDate}" pattern="yyyy-MM-dd"/>"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6">--%>
            <%--<label class="layui-form-label ">目标成本(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="titularAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.targetCost}" pattern="#,##0.00#"/>" class="form-control layui-input number"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">合同金额(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.contractAmount}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">预算金额(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.budgetFee}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">结算金额(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.settlementFee}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">签证变更(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.visaChangeFee}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">补充协议(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.supplementFee}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">合同调差(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.contractDifference}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">索赔管理(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.claimFee}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label">扣款台账(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.deductionsParameter}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label double-line">动态成本金额(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.dynamicCost}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label double-line">与合同金额相比增减(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.withContractAmount}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-item layui-col-sm6 double-line">--%>
            <%--<label class="layui-form-label double-line">与目标成本相比增减(元)：</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<input name="trueAmt" htmlEscape="false" readonly="true" value="<fmt:formatNumber value="${workContentContractSum.withTargetCost}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>--%>
            <%--</div>--%>
        <%--</div>--%>



    <%--</div>--%>

<%--</form:form>--%>
<table class="oa-table layui-table" id="contentTable"></table>
<script src="${ctxStatic}/layer-v2.3/layui/layui.all.js" charset="utf-8"></script>
<script>
    layui.use('table', function(){
        layui.table.render({
            elem: '#contentTable'
            ,page: false
            ,cols: [[
                {field:'index',align:'center', title: '序号',width:40}
                ,{field:'proContentName',align:'center', title: '工作内容名称',width:200}
                ,{field:'type',align:'center', title: '类型',minWidth:100}
                ,{field:'createName',align:'center', title: '操作人',minWidth:100}
                ,{field:'date',align:'center', title: '操作时间',width:150}
                ,{field:'money',align:'center', title: '调整金额',width:150}
                ,{field:'adjustMoney',align:'center', title: '调整后金额',width:150}
            ]]
            ,data: [
                <c:if test="${ not empty workContentContractSum.workContentSummaries}">
                <c:forEach items="${workContentContractSum.workContentSummaries}" var="w" varStatus="index">
                <c:if test="${index.index != 0}">,</c:if>
                {
                    "index":"${index.index+1}"
                    ,"proContentName":"${w.proContentName}"
                    ,"type":"${w.type}"
                    ,"createName":"${w.createName}"
                    ,"date":"<fmt:formatDate value="${w.date}" pattern="yyyy-MM-dd"/>"
                    ,"money":"${w.money}"
                    ,"adjustMoney":"${w.adjustMoney}"
                }
                </c:forEach>
                </c:if>
            ]
        });

    })

    resizeListTable();/*消除由于有竖向滚动条造成table出现横向滚动条*/
    $("a").on("click",addLinkVisied);
</script>

<script type="text/template" id="termTpl">//<!--
        <tr id="termList{{idx}}">
            <td style='text-align:center;'>
                {{row.title}}
            </td>
            <td style='text-align:center;'>
                {{row.content}}
            </td>
            <td style='text-align:center;'>
                {{row.tnumber}}
            </td>
        </tr>//-->
</script>
<script type="text/javascript">
    var termIdx = 0, termTpl = $("#termTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
    var validateForm;
    var validateForm2;
    jQuery.validator.addMethod("percent", function(value, element) {
        var length = value.length;
        var phone = /^(100|[1-9]?\d(\.\d\d?)?)%$/;
        return this.optional(element) || (phone.test(value));
    }, "请填写正确的百分数");
    $(document).ready(function() {
        validateForm = $("#subForm").validate({
            errorContainer: "#messageBox",
            errorPlacement: function(error, element) {
                $("#messageBox").text("输入有误，请先更正。");
                if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                    error.appendTo(element.parent().parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });

       validateForm2 = $("#termForm").validate({
            errorContainer: "#messageBox",
            errorPlacement: function(error, element) {
                $("#messageBox").text("输入有误，请先更正。");
                if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
                    error.appendTo(element.parent().parent());
                } else {
                    error.insertAfter(element);
                }
            }
        });

        laydate.render({
            elem: '#signDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate.render({
            elem: '#effectDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate.render({
            elem: '#startWorkDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate.render({
            elem: '#endWorkDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate.render({
            elem: '#startDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate.render({
            elem: '#endDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });

        <%--var data = ${fns:toJson(workContentContractSum.termList)};--%>
        <%--if(data!=null) {--%>
            <%--for (var i = 0; i < data.length; i++) {--%>
                <%--addRowTerm('#termTableList', termIdx, termTpl, data[i]);--%>
            <%--}--%>
        <%--}--%>
    });

    function addRowTerm(list, idx, tpl, row){
        bornTemplete(list, idx, tpl, row, idx);
        termIdx +=1;
    }

    function bornTemplete(list, idx, tpl, row, idx1){
        var idx1 = $("#termTableList tr").length +1;
        $(list).append(Mustache.render(tpl, {
            idx: idx, delBtn: true, row: row,
            order:idx1 + 1, idx1:idx1
        }));
        $(list+idx).find("select").each(function(){
            $(this).val($(this).attr("data-value"));
        });
        $(list+idx).find("input[type='checkbox'], input[type='radio']").each(function(){
            var ss = $(this).attr("data-value").split(',');
            for (var i=0; i<ss.length; i++){
                if($(this).val() == ss[i]){
                    $(this).attr("checked","checked");
                }
            }
        });
    }
    function delRow(obj, prefix,idx){
        var id = $(prefix+"_id");
        var delFlag = $(prefix+"_delFlag");
        if(id.val()==null||id.val()==''){
            $(obj).parent().parent().remove();
        }else {
            delFlag.val("1");
            $(obj).parent().parent().hide();
        }
    }

    function genDetailStr(){
        var contractJson = $("#subForm").serializeJson();
        var termJson = genTermJson();
        if(termJson!=null){
            console.log(termJson);
            contractJson["termList"]=JSON.parse(termJson);
        }
        console.log(contractJson);
        return JSON.stringify(contractJson);
    }

    function genTermJson(){
        var costList = $("#termTableList tr");
        if(costList.length==0){
            return null;
        }
        var contentStr = "[";
        for(var j=0; j<costList.length;j++){
            contentStr+="{"
            var idstr = $(costList[j]).attr("id");
            var detail = $("tr[id="+idstr+"] .contentDetail");
            for(var i=0; i<detail.length;i++){
                contentStr+='"'
                contentStr+=$(detail[i]).attr("subName");
                contentStr+='"'
                contentStr+=":";
                contentStr+='"'
                contentStr+=$(detail[i]).val();
                contentStr+='"'
                if(i!=detail.length-1){
                    contentStr+=","
                }
            }
            contentStr+="}"
            if(j!=costList.length-1){
                contentStr+=","
            }
        }
        contentStr += "]";
        return contentStr;
    }
</script>