<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>添加角色信息</title>
    <!--框架必需start-->
    <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
    <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
    <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
          type="text/css" />
    <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
    <link rel="stylesheet" type="text/css" id="customSkin" />
    <!--框架必需end-->

    <!-- 表单验证start -->
    <link rel="stylesheet"
          href="${ctx}/qui/libs/js/form/validform/css/style.css" type="text/css"
          media="all" />
    <script src="${ctx}/qui/libs/js/form/validform/validform.js"
            type="text/javascript"></script>
    <!-- 表单验证end -->

    <!--表单异步提交start-->
    <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
    <!--表单异步提交end-->

    <!-- 日期选择框start -->
    <script type="text/javascript"
            src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
    <!-- 日期选择框end -->

</head>
<body>
<div style="text-align: center;">
    <h2>计划户第${assessmentMonth!''}月份销帐</h2>
</div>
<div class="box1">

    <form id="myFormId" method="POST"
          action="${ctx}/monthAssessment/updateData.do" target="back">
        <input type="hidden" name="orgId" id="orgId" value="${org.orgId!''}" />
        <input type="hidden" name="assessmentId" id="assessmentId"
               value="${assessmentId!''}" />
        <table class="tableStyle" formMode="line">
            <tr>
                <td><span class="star"></span>单位编号:</td>
                <td><input type="text" id="orgNumber" name="orgNumber"
                           value="${org.orgNumber!''}" readonly="readonly" /></td>
                <td><span class="star"></span>单位名称:</td>
                <td><input type="text" id="orgName" name="orgName"
                           value="${org.orgName!''}" readonly="readonly" /></td>
            </tr>
            <tr>
                <td><span class="star"></span>${assessmentMonth!''}月应收金额:</td>
                <td><input type="text" id="amountReceivable"
                           name="amountReceivable" value="${amountReceivable!''}"
                           readonly="readonly" /></td>
                <td><span class="star"></span>${assessmentMonth!''月付款方式:</td>
                <td><select selectedValue="${modeOfPayment!''}"
                            id="modeOfPayment" name="modeOfPayment"
                            data='{"list":[{"value":"1","key":"现金"},{"value":"2","key":"转账"}]}'></select>
                </td>
            </tr>
            <tr>
                <td><span class="star"></span>开户银行:</td>
                <td><input type="text" id="bank" name="bank" value=""
                           disabled="true" /></td>
                <td><span class="star"></span>银行帐号:</td>
                <td><input type="text" id="bankAccount" name="bankAccount"
                           disabled="true" /></td>
            </tr>
            <tr>
                <td><span class="star"></span>是否销帐:</td>
                <td><select selectedValue="${isWriteOff!''}" name="isWriteOff"
                            data='{"list":[{"value":"yes","key":"是"},{"value":"no","key":"否"}]}'></select>
                </td>
                <td><span class="star"></span>销帐日期:</td>
                <td><input type="text" id="date" name="date" class="date"
                           value="${writeOffDate!''}" dateFmt="yyyy-MM-dd" datatype="*" /></td>
            </tr>
            <tr>
                <td><span class="star"></span>${assessmentMonth!''}月实收金额:</td>
                <td><input type="text" id="paidInAmount" name="paidInAmount"
                           value="${paidInAmount!''}" /></td>
                <td><span class="star"></span>发票编号:</td>
                <td><input type="text" id="invoiceNo" name="invoiceNo"
                           value="${invoiceNo!''}" /></td>
                <!-- 				<td colspan="2"></td> -->
            </tr>
            <tr>
                <td>备注</td>
                <td colspan="3"><textarea rows="" cols="" id="remark"
                                          name="remark" style="width: 300px;">${remark!''}</textarea></td>
            </tr>
            <tr>
                <td colspan="4"><input type="submit" value="保存" /> <input
                        type="button" value="取消" onclick="top.Dialog.close()" /></td>
            </tr>
        </table>
    </form>
</div>
<!-- 异步提交start -->
<script type="text/javascript">
    function initComplete(){
        //绑定change事件
        $("#modeOfPayment").bind("change",function(){
            if($(this).attr("relValue")==1){
                $("#bank").attr("disabled",true);
                $("#bankAccount").attr("disabled",true);
                $("#bank").attr("value","");
                $("#bankAccount").attr("value","");
            }
            if($(this).attr("relValue")==2){
                $("#bank").attr("disabled",false);
                $("#bankAccount").attr("disabled",false);
            }
        });

        //表单提交
        $("#myFormId").Validform({
            tiptype:3,//表示在右边显示
            ajaxPost:true,
            showAllError:true,
            callback:function(responseText){
                $.Hidemsg();
                if(responseText.status=="y"){
                    top.Dialog.alert(responseText.info,function(){
                        closeWin();
                    });
                }else{
                    top.Dialog.alert(responseText.info,function(){
                        return false;
                    });
                }

            }
        });
    }

    function addOrgIdParam(){
        var orgNumber = $('#orgNumber').val();
        $('#customerNumber').attr("ajaxurl","${ctx}/customerMeter/validCustomerNumber.do?orgNumber="+orgNumber);
    }

    //重置
    function closeWin(){
        //刷新数据
        top.frmright.resetSearch();
        //关闭窗口
        top.Dialog.close();
    }

    function showSelect(){
        top.Dialog.open({URL:"${ctx}/monthAssessment/annualPlanSelectedPage.do?year="+$('#year').val(),Width:800,Height:400,Title:"单位选择页面"});
    }
</script>
<!-- 异步提交end -->
</body>
</html>