user2
/
xg_total_process


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
							<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>

<html>
<head>
    <title>合同管理</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript" src="${ctxStatic}/helloweba_editable-select/jquery.editable-select.min.js"></script>
    <script type="text/javascript" src="${ctxStatic}/iCheck/icheck.min.js"></script>
    <script type="text/javascript" src="${ctxStatic}/layui/layui.js"></script>

    <link rel='stylesheet' type="text/css" href="${ctxStatic}/helloweba_editable-select/jquery.editable-select.min.css"/>
    <link rel='stylesheet' type="text/css" href="${ctxStatic}/layui/css/layui.css"/>

    <style>
        #projectDesc-error{
            left:0;
            top:82px;
        }
        .layui-layer-dialog{
            background: #ff0000;
        }
        td input{
            margin-left:-10px !important;
            height: 42px !important;
        }
    </style>
</head>
<body>
<div class="single-form">
    <div class="container">
        <sys:message content="${message}"/>
        <form:form id="inputForm" modelAttribute="constructionContract" action="${ctx}/project/constructionContract/save" method="post" class="form-horizontal">
            <form:hidden path="id"/>
        <div class="form-group layui-row first">
                <div class="form-group-label"><h2>合同信息</h2></div>

                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">项目名称：</label>
                    <div class="layui-input-block">
                        <form:input path="projectName" htmlEscape="false"    readonly="true"  class="form-control layui-input required"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">合同名称：</label>
                    <div class="layui-input-block">
                        <form:input path="contractName" htmlEscape="false"    readonly="true"  class="form-control layui-input required"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">合同编号：</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">合同分类：</label>
                    <div class="layui-input-block">
                        <form:select path="contCate" disabled="true" class="form-control layui-input required">
                            <option value="" label=""/>
                            <c:forEach items="${fns:getDictList('content_contract_type')}" var="item">
                                <optgroup value="${item.value}" label="${item.label}"/>
                                <c:set var="typename" value="content_contract_type_${item.value}"></c:set>
                                <form:options items="${fns:getDictList(typename)}" itemValue="value" itemLabel="label"/>
                            </c:forEach>
                        </form:select>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">合同属性：</label>
                    <div class="layui-input-block">
                        <form:select path="contAttr"  disabled="true"   class="form-control layui-input required">
                            <form:option value="" label=""/>
                            <form:options items="${fns:getMainDictList('content_contract_attr')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                        </form:select>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">发包人：</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">承包人：</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-sm6">
                    <label class="layui-form-label">签约日期：</label>
                    <div class="layui-input-block">
                        <input id="signDate" name="signDate" readonly="true"  type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon required"
                               value="<fmt:formatDate value="${constructionContract.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 id="effectDate" name="effectDate" readonly="true"  type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon "
                               value="<fmt:formatDate value="${constructionContract.effectDate}" 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="${constructionContract.titularAmt}" pattern="#,##0.00#"/>" class="form-control layui-input number"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label double-line">有效合同金额(元)：</label>
                    <div class="layui-input-block">
                        <input name="trueAmt" htmlEscape="false" readonly="true"  value="<fmt:formatNumber value="${constructionContract.trueAmt}" pattern="#,##0.00#"/>" class="form-control layui-input number required"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">保修金比例(%)：</label>
                    <div class="layui-input-block">
                        <form:input path="pledgePercent" htmlEscape="false"  readonly="true"   class="form-control layui-input  number"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">合同开工日期：</label>
                    <div class="layui-input-block">
                        <input id="startWorkDate" name="startWorkDate" readonly="true"  type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon required"
                               value="<fmt:formatDate value="${constructionContract.startWorkDate}" 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 id="endWorkDate" name="endWorkDate" readonly="true" type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon "
                               value="<fmt:formatDate value="${constructionContract.endWorkDate}" pattern="yyyy-MM-dd"/>"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">止付比例(%)：</label>
                    <div class="layui-input-block">
                        <form:input path="stopPercent" htmlEscape="false"  readonly="true"   class="form-control layui-input  number"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">止付金额：</label>
                    <div class="layui-input-block">
                        <input name="stopAmt" htmlEscape="false" readonly="true"  value="<fmt:formatNumber value="${constructionContract.stopAmt}" pattern="#,##0.00#"/>"  class="form-control layui-input  number"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">合同执行状态：</label>
                    <div class="layui-input-block">
                        <form:select path="status" readonly="true"  class="form-control layui-input required">
                            <form:option value="" label=""/>
                            <form:options items="${fns:getDictList('content_contract_status')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
                        </form:select>
                    </div>
                </div>
            </div>
            <div class="form-group layui-row lw12">
                <div class="form-group-label"><h2>履约保证金</h2></div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">支付方式：</label>
                    <div class="layui-input-block">
                        <form:input path="payType" htmlEscape="false"  readonly="true"   class="form-control layui-input "/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">支付金额：</label>
                    <div class="layui-input-block">
                        <input name="payAmt" htmlEscape="false" readonly="true"  value="<fmt:formatNumber value="${constructionContract.payAmt}" pattern="#,##0.00#"/>" class="form-control layui-input required number"/>
                    </div>
                </div>
                <div class="layui-item layui-col-sm6">
                    <label class="layui-form-label">开始日期：</label>
                    <div class="layui-input-block">
                        <input id="startDate" name="startDate" readonly="true"  type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon "
                               value="<fmt:formatDate value="${constructionContract.startDate}" 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 id="endDate" name="endDate" readonly="true"  type="text" maxlength="20" class="laydate-icondate form-control layui-input layer-date laydate-icon "
                               value="<fmt:formatDate value="${constructionContract.endDate}" pattern="yyyy-MM-dd"/>"/>
                    </div>
                </div>
            </div>
            <div class="form-group layui-row">
                <div class="form-group-label"><h2>附件信息</h2></div>
                <div class="layui-item nav-btns">
                </div>
                <div id="addFile_attachment" style="display: none" class="upload-progress">
                    <span id="fileName_attachment" ></span>
                    <b><span id="baifenbi_attachment" ></span></b>
                    <div class="progress">
                        <div id="jindutiao_attachment" class="progress-bar" style="width: 0%" aria-valuenow="0">
                        </div>
                    </div>
                </div>
                <input id="attachment_file" type="file" name="attachment_file" multiple="multiple" style="display: none;" onChange="if(this.value)insertTitle(this.value);"/>
                <span id="attachment_title"></span>
                <div class="layui-item layui-col-xs12 form-table-container">
                    <table id="listAttachment" class="table table-bordered table-condensed details">
                        <thead>
                        <tr>
                                <%-- <th>序号</th>--%>
                            <th width="25%">文件</th>
                            <th width="25%">上传人</th>
                            <th width="25%">上传时间</th>
                            <th width="150px">操作</th>
                        </tr>
                        </thead>
                        <tbody id="file_attachment">
                        <c:forEach items="${constructionContract.workAttachments}" var = "workClientAttachment" varStatus="status">
                            <tr class="trIdAdds">
                                    <%-- <td>${status.index + 1}</td>--%>
                                <c:choose>
                                    <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpg')
                                                           or fn:containsIgnoreCase(workClientAttachment.attachmentName,'png')
                                                           or fn:containsIgnoreCase(workClientAttachment.attachmentName,'gif')
                                                           or fn:containsIgnoreCase(workClientAttachment.attachmentName,'bmp')
                                                           or fn:containsIgnoreCase(workClientAttachment.attachmentName,'jpeg')}">
                                        <td><img src="${workClientAttachment.url}" width="50" height="50" onclick="openDialogView('预览','${ctx}/sys/picturepreview/picturePreview?url=${workClientAttachment.url}','90%','90%')" alt="${workClientAttachment.attachmentName}">
                                    </c:when>
                                    <c:otherwise>
                                        <c:choose>
                                            <c:when test="${fn:containsIgnoreCase(workClientAttachment.attachmentName,'pdf')}">
                                                <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%','1')">${workClientAttachment.attachmentName}</a></td>
                                            </c:when>
                                            <c:otherwise>
                                                <td><a class="attention-info" href="javascript:void(0)" onclick="preview('预览','${workClientAttachment.url}','90%','90%')">${workClientAttachment.attachmentName}</a></td>
                                            </c:otherwise>
                                        </c:choose>
                                    </c:otherwise>
                                </c:choose>
                                <td>${workClientAttachment.createBy.name}</td>
                                <td><fmt:formatDate value="${workClientAttachment.createDate}" type="both"/></td>
                                <td class="op-td">
                                    <div class="op-btn-box" >
                                        <a href="javascript:location.href='${ctx}/workfullmanage/workFullManage/downLoadAttach?file='+encodeURIComponent(encodeURIComponent('${workClientAttachment.url}'));" class="op-btn op-btn-download"><i class="fa fa-download"></i>&nbsp;下载</a>
                                    </div>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
        </form:form>

        <%--<form id="termForm" action="#" onsubmit="return false;" method="post" class="form-horizontal">
            <div class="form-group layui-row lw12">
                <div class="form-group-label"><h2>合同条款</h2></div>
                <div class="layui-item nav-btns">
                    <a href="javascript:void(0)" onclick="addRowTerm('#termTableList',termIdx,termTpl)" class="nav-btn nav-btn-add" ><i class="fa fa-plus"></i> 新增</a>
                </div>
                <table id="termsTable" class="table table-bordered table-condensed can-edit">
                    <thead>
                    <tr>
                        <th class="hide"></th>
                        <th>摘要项</th>
                        <th>摘要内容</th>
                        <th>对应条款序号</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="termTableList">
                    </tbody>
                </table>
            </div>
        </form>--%>
        <script type="text/template" id="termTpl">//<!--
        <tr id="termList{{idx}}">
            <td class="hide">
                <input id="termList{{idx}}_id" subName="id" class="contentDetail" type="hidden" value="{{row.id}}"/>
                <input id="termList{{idx}}_delFlag" subName="delFlag" class="contentDetail" type="hidden" value="0"/>
                <input id="termList{{idx}}_contractId" subName="contractId" class="contentDetail" type="hidden" value="{{row.contractId}}"/>
            </td>
            <td>
                <input id="termList{{idx}}_title" subName="title"  value="{{row.title}}" type="text" class="form-control contentDetail"/>
            </td>
            <td>
                <input id="termList{{idx}}_content" subName="content" value="{{row.content}}" type="text" class="form-control contentDetail"/>
            </td>
            <td>
                <input id="termList{{idx}}_tnumber" subName="tnumber" value="{{row.tnumber}}" type="text" class="form-control contentDetail"/>
            </td>
            <td class="text-center op-td">
                        <a href=javascript:void(0); onclick="delRow(this, '#termList{{idx}}')"   class="op-btn op-btn-delete"><i class="fa fa-trash"></i> 取消</a>
            </td>
        </tr>//-->
        </script>

    </div>
</div>

<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);
                }
            }
        });


        var data = ${fns:toJson(workContentContractinfo.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;
    }
    function genSecondDetailStr(){
        return '';
    }
</script>
</body>
</html>