js遮幕的樣例

基於ACE

具體css js樣式可以參考fms-proxyInvoice-admin.zip,上傳資源。

#parse("common/header.vm")
<link rel="stylesheet" href="$homeModule.forPath("/resources/css/loadmask/jquery.loadmask.css").build()"/>
<script type="application/javascript" src="/resources/js/loadmask/jquery.loadmask.js"></script>
<script type="application/javascript" src="/resources/js/layer/layer.js"></script>
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>
    <div class="main-container-inner">
        #parse("common/leftbarOutLine.vm")
        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
                </script>
                <ul class="breadcrumb">
                    <li>
                        <i class="icon-home home-icon"></i>
                        <a href="/">首頁</a>
                    </li>
                    <li>
                        <a href="/rest/basePlatform/list">平臺管理</a>
                    </li>
                    <li class="active">修改</li>
                </ul><!-- .breadcrumb -->
            </div>
            <div class="page-content">
                <form class="form-search" id="addForm" name="addForm" method="post">
                    <input type="hidden" id="platformStatus" name="platformStatus" value="$!{basePlatformWebDto.platformStatus.value}"/>
                    <input type="hidden" id="country" name="country" value="$!{basePlatformWebDto.country}"/>
					<input type="hidden" id="id" name="id" value="$!{basePlatformWebDto.id}"/>
                    <div class="row">
                        <div class="col-xs-12">
                            <!-- PAGE CONTENT BEGINS -->
                            #if($!{baseChannelVo.channelType.value}==1)
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="widget-box transparent">
                                            <div class="widget-header widget-header-flat">
                                                <h4 class="lighter">
                                                    渠道名稱:$!{baseChannelVo.channelName}
                                                </h4>
                                            </div>
                                        </div><!-- /widget-box -->
                                    </div>
                                </div>
                            #end
                            <input type="hidden" id="channelId" name="channelId" value="$!{baseChannelVo.id}"/>
                            <input type="hidden" id="channelType" name="channelType" value="$!{baseChannelVo.channelType.value}"/>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                平臺信息
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">平臺名稱</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="platformName" name="platformName" value="$!{basePlatformWebDto.platformName}" type="text" class="form-control search-query" readonly/></span>
                                                            <input type="hidden" id="id" name="id" value="$!{basePlatformWebDto.id}"/>
                                                            <input type="hidden" id="accountType" name="accountType" value="$!{basePlatformWebDto.accountType.value}"/>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">平臺編號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="platformCode" name="platformCode" value="$!{basePlatformWebDto.platformCode}" type="text" class="form-control search-query" readonly/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">平臺模式</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input value="$!{basePlatformWebDto.invoiceModel}" type="text" class="form-control search-query" readonly/>< /span>
                                                                <input type="hidden" id="invoiceModel" name="invoiceModel" value="$!{basePlatformWebDto.invoiceModel.value}"/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">對接方式</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{platformConnectWayEnum}, 'connectWay','class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.connectWay.value})
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">開票地</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{openInvoiceAddressEnum}, 'invoiceAddress', 'class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.invoiceAddress.value})
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">客戶類別</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{customerTypeEnum}, 'customerCategorySel', 'disabled class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.customerCategory.value})
                                                                    <input type="hidden" id="customerCategory" name="customerCategory" value="$!{basePlatformWebDto.customerCategory.value}">
                                                                </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">業務對接人ERP</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="erp" name="erp" type="text" value="$!{basePlatformWebDto.erp}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">會員白名單</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{whiteListStatusEnum}, 'whiteListStatus', 'class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.whiteListStatus.value})
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">財務主體</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{ouEnum}, 'ou', 'class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.ou.value()})
                                                                </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">發票類型</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{invoiceModeEnum}, 'invoiceType', 'class="form-control search-query"  refType="notNull" nullVal="-1"',$!{basePlatformWebDto.invoiceType.value()})
                                                                </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                購買方主體(平臺模式爲購買方時必填)
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">主體名稱</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerName" name="buyerName" type="text"  value="$!{basePlatformWebDto.buyerName}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">納稅人識別號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerIdentificationNumber" name="buyerIdentificationNumber" type="text" value="$!{basePlatformWebDto.buyerIdentificationNumber}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">
                                                            <a href="javascript:getCustomerCategory()">校驗</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                            納稅登記類型
                                                            <input type="hidden" id="buyerOuId" name="buyerOuId" value="$!{basePlatformWebDto.buyerOuId}">
                                                            <input type="hidden" id="jrCompanyCode" name="jrCompanyCode" value="$!{basePlatformWebDto.jrCompanyCode}">
                                                        </div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{payTaxRegisterTypeEnum}, 'taxRegisterType', 'class="form-control search-query"',$!{basePlatformWebDto.taxRegisterType.value()})
                                                                </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">購買方地址</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerAddress" name="buyerAddress" type="text" value="$!{basePlatformWebDto.buyerAddress}" class="form-control search-query"/></span>
                                                            "
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">購買方電話</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerPhone" name="buyerPhone" type="text" value="$!{basePlatformWebDto.buyerPhone}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">購買方開戶行別</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="bankCode" name="bankCode" type="text" value="$!{basePlatformWebDto.bankCode}" class="form-control search-query" refType="notNull|maxLength(15)"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">購買方開戶行</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerBank" name="buyerBank" type="text" value="$!{basePlatformWebDto.buyerBank}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">購買方卡號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="buyerCard" name="buyerCard" type="text" value="$!{basePlatformWebDto.buyerCard}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                費用
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">渠道服務費</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span class="input-group">
                                                                    <input id="channelFwfRate" name="channelFwfRate" type="text" class="form-control search-query" value="$!{moneyUtil.fromatDecimal($!{basePlatformWebDto.channelFwfRate})}" refType="notNull|double(2,2)"/>
                                                                    <span class="input-group-btn" style="padding-left: 8px;">%</span>
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">益世返傭費</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span class="input-group">
                                                                    <input id="ysRakeBackRate" name="ysRakeBackRate" type="text" class="form-control search-query" value="$!{moneyUtil.fromatDecimal($!{basePlatformWebDto.ysRakeBackRate})}" refType="notNull|double(2,2)"/>
                                                                    <span class="input-group-btn" style="padding-left: 8px;">%</span>
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">服務費規則編號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{chargeStrategyEnum}, 'fwfRule', 'class="form-control search-query" refType="notNull"',$!{basePlatformWebDto.fwfRule})
                                                                </span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">服務費收取方向</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{serviceChargeDirectionEnum}, 'ysCollectChannelRate', 'class="form-control search-query" refType="notNull" nullVal="-1"',$!{basePlatformWebDto.ysCollectChannelRate.value})
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">稅費規則編號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                                <span>
                                                                    #enumSelect($!{taxRuleEnum}, 'taxRule', 'class="form-control search-query" refType="notNull"',$!{basePlatformWebDto.taxRule})
                                                                </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">費用科目</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span>#enumSelectMap($!{payCourseMap}, 'payCourseCode', 'class="form-control search-query"  refType="notNull"',$!{basePlatformWebDto.payCourseCode})</span>
                                                            <input type="hidden" id="payCourse" name="payCourse" value="$!{basePlatformWebDto.payCourse}" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">服務費是否轉嫁自然人</div>
                                                        <div class="profile-info-value" style="height:45px;">
                                                                <span>
                                                                    #enumSelect($!{transferNaturePersonEnum},
                                                                        'transferNaturePerson',
                                                                        'class="form-control search-query" refType="notNull" nullVal="-1"',$!{basePlatformWebDto.transferNaturePerson.value()})
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">服務費是否覈銷</div>
                                                        <div class="profile-info-value" style="height:45px;">
                                                                <span>
                                                                    #enumSelect($!{platFlagFeeWriteOffEnum},
                                                                        'fwfWriteOff',
                                                                        'class="form-control search-query" refType="notNull" nullVal="-1"',$!{basePlatformWebDto.fwfWriteOff.value()})
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">稅費是否覈銷</div>
                                                        <div class="profile-info-value" style="height:45px;">
                                                                <span>
                                                                    #enumSelect($!{platFlagFeeWriteOffEnum},
                                                                        'taxWriteOff',
                                                                        'class="form-control search-query" refType="notNull" nullVal="-1"',$!{basePlatformWebDto.taxWriteOff.value()})
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10 append-departmentItem">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">費用部門</div>
                                                        <div class="profile-info-value" style="width: 600px;">
                                                            <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                                                                <thead>
                                                                <tr>
                                                                    <th colspan="2">
                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                                            <span>
                                                                                <input id="inputDept" type="text" οninput="deptSearch(this)" name="inputDept" value="" style="width: 200px"/>
                                                                            </span>
                                                                                先輸入部門,選中搜索結果來完成添加。直接輸入無效!
                                                                        </div>
                                                                    </th>
                                                                </tr>
                                                                <tbody id="fybmTbody">
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                電票徵收信息
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">徵收人員代碼</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="adminPersonCode" name="adminPersonCode" type="text" value="$!{basePlatformWebDto.adminPersonCode}" refType="notNull|maxLength(50)" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10 append-item">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">國標行業品目</div>
                                                        <div class="profile-info-value" style="width: 600px;">
                                                            <table id="sample-table-1" class="table table-striped table-bordered table-hover">
                                                                <thead>
                                                                <tr>
                                                                    <th style="width: 85%">
                                                                        <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
                                                                            <select id="selIndustryItemGoods" class="form-control search-query" name="selIndustryItemGoods"></select>
                                                                        </div>
                                                                    </th>
                                                                    <th style="width: 15%"></th>
                                                                </tr>
                                                                <tbody id="gbhyTbody">
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                前端賬號
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">登錄用戶名</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="name" name="name" type="text" value="$!{basePlatformWebDto.name}" refType="notNull|maxLength(50)" class="form-control search-query" readonly/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <a href="javascript:updatePwd()">修改密碼</a>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="widget-box transparent">
                                        <div class="widget-header widget-header-flat">
                                            <h4 class="lighter">
                                                支付賬號(客戶類別爲外部客戶時必填)
                                            </h4>
                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="icon-chevron-up"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="widget-body"><div class="widget-body-inner" style="display: block;">
                                            <div class="widget-main">
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">付款公司名稱</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="payCompanyName" name="payCompanyName" type="text" value="$!{basePlatformWebDto.payCompanyName}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">付款公司開戶行名稱</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="payCompanyBankName" name="payCompanyBankName" type="text"  value="$!{basePlatformWebDto.payCompanyName}" class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row margin-10">
                                                    <div class="col-md-4">
                                                        <div class="profile-info-name">二級商戶號</div>
                                                        <div class="profile-info-value" style="height:30px;">
                                                            <span><input id="secondBusinessNum" name="secondBusinessNum" type="text" value="$!{basePlatformWebDto.secondBusinessNum}"  class="form-control search-query"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /widget-main -->
                                        </div></div><!-- /widget-body -->
                                    </div><!-- /widget-box -->
                                </div>
                            </div>
                            <div class="hr hr32 hr-dotted"></div>
                        </div><!-- /.col -->
                    </div>
                </form>
                <div class="col-md-offset-3 col-md-9">
                    <button id="submitBtn" class="btn btn-info" type="button">
                        <i class="icon-ok bigger-110"></i>
                        提交
                    </button>
                    &nbsp; &nbsp; &nbsp;
                    <button id="reBack" class="btn" type="button">
                        <i class="icon-undo bigger-110"></i>
                        關閉
                    </button>
                </div>

            </div><!-- /.page-content -->
        </div><!-- /.main-content -->
    </div><!-- /.main-container-inner -->
</div><!-- /.main-container -->
<div id="batchRejectReasonContainer" class="jd_hide">
<form id="createPlatformForm">
    <table id="rsTable" class="table table-striped table-bordered table-hover">
        <div class="row" id="batchRejectReasonTable">
            <div class="col-xs-12 col-sm-12">
                <div class="control-group">
                    <div class="col-md-6">
                        <div class="input-group">
                            <span class="input-group-addon">新密碼</span>
                            <input id="passwordNew" name="passwordNew" type="password" class="form-control search-query" refType="notNull"/>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- /row -->
    </table>
</form>
</div>
<script type="text/javascript" >
    jQuery("#reBack").bind("click", function(){
        location.href = "/rest/basePlatform/list";
    });

    $(function(){
        var addFormValilater = $("#addForm").valilater({});
        window.formSubmit = function(thiz){
            addotNull();
            if(addFormValilater.checkPassNull()){
				$("#main-container").mask("提交中··········");
                $.ajax({
                    type: "POST",
                    url: "/rest/basePlatform/savePlatformInfo",
                    data : $("#addForm").serialize(),
                    dataType:"json",
					async: false,
                    success:function(data){
						if(data.success){
    						layer.msg('操作成功', {
                                        icon: 1,
                                        time: 3000
                                    },
                                    function () {
                                        var idValue = $("#id").val();
                                		location.href="/rest/basePlatform/modify?id="+idValue;
                                    }
                            );
						}else{
							alert(data.msg || '操作失敗');
							$("#main-container").unmask();

                        }
                    },
                    error:function (XMLHttpRequest, textStatus, errorThrown) {
						alert('服務器正忙,請稍後再試');
						$("#main-container").unmask();
                    }
				});
            }
        };
        jQuery("#submitBtn").bind("click", function(){
            formSubmit(jQuery(this));
        });
        jQuery("#payCourseCode").bind("change", function(){
            $("#payCourse").val("");
            if(""!=$("#payCourseCode").val()) {
                $("#payCourse").val($("#payCourseCode").find("option:selected").text());
            }
        });
        gbhy();
        fybm();

    });
    //動態增加非空校驗
    function addotNull(){
        delNotNull();
        //國標品目校驗邏輯
        var hidIindustryItemIds=$("input[name='industryItemIds']");
        if(hidIindustryItemIds.length==0){
            $("#selIndustryItemGoods").attr("refType","notNull");
        }else {
            $("#selIndustryItemGoods").removeAttr("refType");
        }
        //根據客戶類別 增加非空校驗
        if($("#customerCategory").val()==2){
            //客戶類別爲外部時 支付賬號信息必填
            $("#payCompanyName").attr("refType","notNull");
            $("#payCompanyBankName").attr("refType","notNull");
            $("#secondBusinessNum").attr("refType","notNull");
        }else if($("#customerCategory").val()==3){
            //客戶類別爲金融時 erp、費用科目、字段必填
            $("#erp").attr("refType","notNull");
            $("#payCourseCode").attr("refType","notNull");
            var endPathNames=$("input[name='endPathName']");
            if(endPathNames.length==0){
                $("#inputDept").attr("refType","notNull");
            }else {
                $("#inputDept").removeAttr("refType");
            }
        }else {
            //客戶類別爲集團時 費用部門必填
            var endPathNames=$("input[name='endPathName']");
            if(endPathNames.length==0){
                $("#inputDept").attr("refType","notNull");
            }else {
                $("#inputDept").removeAttr("refType");
            }
        }
        //根據平臺模式 增加非空校驗
        if($("#invoiceModel").val()==1){
            //購買方模式
            $("#buyerName").attr("refType","notNull");
            $("#buyerIdentificationNumber").attr("refType","notNull");
            $("#buyerAddress").attr("refType","notNull");
            $("#buyerPhone").attr("refType","notNull");
            $("#buyerBank").attr("refType","notNull");
            $("#buyerCard").attr("refType","notNull");
        }
    }
    function delNotNull(){
        $("#payCompanyName").removeAttr("refType");
        $("#payCompanyBankName").removeAttr("refType");
        $("#secondBusinessNum").removeAttr("refType");
        $("#erp").removeAttr("refType");
        $("#payCourseCode").removeAttr("refType");
        $("#inputDept").removeAttr("refType");
        $("#buyerName").removeAttr("refType");
        $("#buyerIdentificationNumber").removeAttr("refType");
        $("#buyerAddress").removeAttr("refType");
        $("#buyerPhone").removeAttr("refType");
        $("#buyerBank").removeAttr("refType");
        $("#buyerCard").removeAttr("refType");
        $("#inputDept").val("");
    }
    //========================= 國標行業開始=========================
    function gbhy() {
        //綁定國標行業下拉框
        $("#selIndustryItemGoods").append("<option value=''>選擇要增加的項</option>");
        #foreach($item in $!industryItemGoodsDataList)
            var selValue='$!{item.id}';
            var selText='$!{item.goodsName}_$!{item.industryType}_$!{item.industryDesc}_$!{item.itemsType}_$!{item.itemsDesc}';
            $("#selIndustryItemGoods").append("<option value='"+selValue+"'>"+selText+"</option>");
        #end
        //國標行業初始化
        #foreach($item in $!{basePlatformWebDto.industryItemGoodsList})
            var checkValue='$!{item.id}';
            var checkText='$!{item.goodsName}_$!{item.industryType}_$!{item.industryDesc}_$!{item.itemsType}_$!{item.itemsDesc}';
            addGbhy(checkText,checkValue);
        #end
        //添加國標行業事件
        jQuery("#selIndustryItemGoods").bind("change", function(){
            var checkText=$("#selIndustryItemGoods").find("option:selected").text();
            var checkValue=$("#selIndustryItemGoods").val();
            
            //檢查是否存在
            var eles = $("#gbhyTbody").find("input[name=industryItemIds]");
            for (var i=0; i<eles.length; i++) {
            	if(checkValue==$(eles[i]).val()) {
            		alert('重複添加');
            		return;
            	}
            }
            
            addGbhy(checkText,checkValue);
            $("#selIndustryItemGoods").val("");
        });
    }
    //刪除國標行業事件
    function delGbhy(obj) {
        jQuery(obj).parents('tr').remove();
    }
    //頁面增加國標行業
    function addGbhy(checkTest,checkValue) {
        $("#gbhyTbody").append("<tr>" +
                "<td style='width:90%'><input type='hidden' name='industryItemIds' value='"+checkValue+"' refType='notNull'/>"+checkTest+"</td>"+
                "<td style='width:10%'><div class='visible-md visible-lg hidden-sm hidden-xs btn-group'><button οnclick='delGbhy(this)' type='button' class='btn btn-xs btn-danger'><i class='icon-trash bigger-120'></i></button></div></td>"+
                "</tr>");
    }
    //========================= 國標行業結束=========================
    //========================= 費用部門開始=========================
    //費用部門操作
    function fybm() {
        //費用部門初始化
        #foreach($item in $!{basePlatformWebDto.feeDepartmentList})
            var checkText='$!{item.allPathName}';
            var checkValue='$!{item.humanCapitalCode}(#)$!{item.endPathName}(#)$!{item.allPathName}(#)$!{item.allPathNameCode}';
            addFybm(checkValue,checkText);
        #end
    }
    //頁面增加費用部門
    function addFybm(checkValue,checkTest) {
        $("#fybmTbody").append("<tr>" +
                "<td><input type='hidden' name='endPathName' value='"+checkValue+"'/>"+checkTest+"</td>"+
                "<td><div class='visible-md visible-lg hidden-sm hidden-xs btn-group'><button οnclick='delFybm(this)' type='button' class='btn btn-xs btn-danger'><i class='icon-trash bigger-120'></i></button></div></td>"+
                "</tr>");
    }
    //刪除費用部門
    function delFybm(obj) {
        jQuery(obj).parents('tr').remove();
    }

    function deptSearch(obj){
        var deptName = jQuery(obj).val();
        if(deptName.length>0){
            var a = getDeptDate(deptName);
            jQuery(obj).autocomplete({
                source:a,
                minLength: 0,
                select: function( event, ui ) { // 選中某項時執行的操作
                	//檢查是否存在
                    var eles = $("#fybmTbody").find("input[name=endPathName]");
                    for (var i=0; i<eles.length; i++) {
                    	if(ui.item.beanStr==$(eles[i]).val()) {
                    		alert('重複添加');
                    		return;
                    	}
                    }
                    addFybm(ui.item.beanStr,ui.item.label);
                    jQuery(obj).val("");
                }
            });
        }
    }
    //搜索費用部門
    function getDeptDate(obj){
        var a = [];
        jQuery.ajax({
            type: "post",
            url: "/rest/basePlatform/listDeptJson?endPathName="+obj,
            dataType: "json",
            async: false,
            success: function(data) {
                if(data !=null){
                    var infoBean = data.infoBean;
                    if(infoBean.resStatus==200){
                        var banddata = data.infoBean.responsebody.organizationVoList;
                        banddata.forEach(function(item){
                            a.push({
                                // 設置item信息
                                label: item.organizationFullname, // 下拉項顯示內容
                                value: item.organizationFullname,   // 下拉項對應數值
                                beanStr:item.organizationCode+"(#)"+item.organizationName+"(#)"+item.organizationFullname+"(#)"+item.organizationFullPath,
                            })
                        })
                    }else{
                        alert(infoBean.resMsg);
                    }
                }
            }
        });
        return a;
    }
    //========================= 費用部門結束=========================
    $(function(){
        if ("$!{MSG}" != "") {
            alert("$!{MSG}");
        }
    });
    function getCustomerCategory(){
        var bN=$("#buyerName").val();
        var bIN=$("#buyerIdentificationNumber").val();
        jQuery.ajax({
            type: "post",
            url: "/rest/basePlatform/getCustomerCategory?buyerName="+bN+"&buyerIdentificationNumber="+bIN,
            dataType: "json",
            async: false,
            success: function(data) {
                if(data.success){
                    $("#customerCategorySel").val(data.customerCategory);
                    $("#customerCategory").val(data.customerCategory);
                    $("#jrCompanyCode").val(data.jrCompanyCode);
                    $("#buyerOuId").val(data.buyerOuId);
                }
                alert(data.msg);
            }
        });
    }
   function updatePwd(){
       var createPlatformForm = $("#createPlatformForm").dialog({
           resizable: false,
           autoOpen: false,
           height:200,
           width: 500,
           modal: true,
           title: " 重置密碼 ",
           title_html: true,
           buttons: [{
               html: "<i class='bigger-110'></i>確定",
               "class": "btn btn-success btn-xs",
               click: function () {
                   var pid=$("#id").val();
                   var pwd=$("#passwordNew").val();
                   if(pwd == null || pwd ==="" || pwd.length < 6 || pwd.length >= 20){
                	   $("#passwordNew").showErrorMsg("密碼在6-20位之間");

                   }else {
                       jQuery.ajax({
                           type: "post",
                           url: "/rest/basePlatform/resetPwd?pid="+pid+"&p="+pwd,
                           dataType: "json",
                           async: false,
                           success: function(data) {
                               alert(data.msg);
                               if(data.success){
                                   $("#createPlatformForm").dialog("close");
                               }
                           }
                       });
                   }
               }
           },
               {
                   html: "<i class='bigger-110'></i>取消",
                   "class": "btn btn-xs",
                   "type": "reset",
                   click: function () {
                       $("#createPlatformForm").dialog("close");
                   }
               }
           ]
       });
       createPlatformForm.dialog('open');
   }
</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章