manyi/static/administrator/tpl/dealerManage.html

<div ng-controller="dealerManageCtrl">
    <div class="" ng-class="{'wrapper-sm':condition.agentId==null}">
        <div class="panel panel-default m-b-sm">
            <div class="row wrapper-sm">
                <div class="col-sm-12">
                    <div class="btn btn-info" ng-click="editDealer()"><i class="fa fa-edit"></i> 编辑</div>
                    <div class="btn btn-info" ng-click="editPassword()"><i class="fa fa-key "></i> 修改密码</div>
                    <div class="btn btn-success" ng-click="unfreeze()"><i class="fa fa-unlock "></i> 解除密码限制</div>
                    <div class="btn btn-success" ng-click="unlockRegisterLimit()"><i class="fa fa-unlock "></i> 解除注册限制</div>
                    <div class="btn-group dropdown" dropdown>
                        <button class="btn  btn-info dropdown-toggle" dropdown-toggle>
                            <span class="dropdown-label fa fa-cog"> 配置</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li ng-click="editAdShow()">
                                <a href><i class="fa fa-bullhorn text-danger-dk"> </i> 广告</a></li>
                            <li class="divider"></li>

                            <li ng-click="moniPointConfig()">
                                <a href><i class="glyphicon  glyphicon-qrcode text-success-dk"></i> 监督号广告位置</a></li>
                            <li ng-click="forceFollowGzh()">
                                <a href><i class="fa fa-weixin text-danger-dk"> </i> 强制关注公众号</a></li>
                            <li ng-click="editSupporter()">
                                <a href><i class="iconfont icon-service text-info-dk"> </i> 客服接管</a></li>
                            <!--<li ng-click="openSaveBeforeCharge()">-->
                            <!--<a href><i class="fa  fa-money text-danger-dk"></i> 使用前充值</a></li>-->

                            <li class="divider"></li>
                            <li ng-click="editBankAccount()">
                                <a href><i class="fa fa-credit-card text-danger-dk"> </i> 提现银行账户</a></li>
                            <li ng-click="editCardFee()">
                                <a href><i class="iconfont icon-sim-real text-danger-dk"> </i> 经销商流量费</a></li>
                            <li ng-click="setDealerMaxPackagePrice()">
                                <a href><i class="iconfont icon-dingdan text-info-dk"> </i> 经销最大套餐金额</a></li>

                            <li class="divider"></li>

                            <li ng-click="editApiShow()">
                                <a href><i class="fa fa-bullhorn text-danger-dk"> </i> API应用</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="row wrapper-sm">
                <div class="col-sm-12 form-inline">
                    <!--强制关注查询-->
                    <div class="btn-group dropdown" dropdown>
                        <button class="btn  btn-default dropdown-toggle" dropdown-toggle>
                            <span class="dropdown-label">{{condition.forceFollowGzh.label}}</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li ng-repeat="item in enum.forceFollowGzh"
                                ng-click="event.statusChange('forceFollowGzh',item)">
                                <a href ng-bind="item.label"></a></li>
                        </ul>
                    </div>

                    <!--广告状态查询-->
                    <div class="btn-group dropdown" dropdown>
                        <button class="btn  btn-default dropdown-toggle" dropdown-toggle>
                            <span class="dropdown-label">{{condition.adShow.label}}</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li ng-repeat="item in enum.adShow" ng-click="event.statusChange('adShow',item)">
                                <a href ng-bind="item.label"></a></li>
                        </ul>
                    </div>

                    <div class="input-group m-l-xs">
                        <ui-select ng-model="condition.manager" theme="bootstrap" class=" inline v-middle"
                                   ng-keyup="event.managerInit($event)">
                            <ui-select-match placeholder="厂商">{{$select.selected.nickname}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in condition.managerList">
                                <div ng-bind-html="item.nickname | highlight: $select.search"></div>
                                <small ng-bind-html="item.username | highlight: $select.search"></small>
                            </ui-select-choices>
                        </ui-select>
                        <span class="input-group-btn">
                            <button ng-click="condition.manager = condition.managerDefault;" class="btn btn-default">
                            <span class="glyphicon glyphicon-trash"></span>
                        </button>
                        </span>
                    </div>

                    <div class="input-group ">
                        <!--代理商必须用搜索，因为太多了-->
                        <ui-select ng-model="condition.agent" theme="bootstrap" class=" inline v-middle"
                                   ng-keyup="event.agentInit($event)">
                            <ui-select-match placeholder="代理商">{{$select.selected.nickname}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in condition.agentList">
                                <div ng-bind-html="item.nickname | highlight: $select.search"></div>
                                <small ng-bind-html="item.username | highlight: $select.search"></small>
                            </ui-select-choices>
                        </ui-select>
                        <span class="input-group-btn">
                            <button ng-click="condition.agent = condition.agentDefault;" class="btn btn-default">
                                <span class="glyphicon glyphicon-trash"></span>
                            </button>
                        </span>
                    </div>

                    <!--设备数量范围-->
                    <span class="v-middle m-l-xs"> 设备数量：</span>
                    <div class="btn-group">
                        <input type="text" class="form-control" style="width: 72px;padding: 5px;"
                               ng-model="condition.devCountMin"
                               placeholder="最小数量">
                    </div>
                    <span class="v-middle">-</span>
                    <div class="btn-group ">
                        <input type="text" class=" form-control" style="width: 72px;padding: 5px;"
                               ng-model="condition.devCountMax"
                               placeholder="最大数量">
                    </div>

                    <div class="input-group">
                        <input type="text" class=" form-control" ng-model="condition.searchKey"
                               ng-keydown="$event.keyCode==13&&event.search()"
                               placeholder="商户名称、联系方式、详情等">
                        <span class="input-group-btn">
                         <div class="btn  btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
                    </span>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <div ui-grid="gridOptions" style="min-height:620px"
                     ng-style="{'min-height':condition.agentId==null?620:540}" ui-grid-pagination
                     ui-grid-selection></div>
                <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
            </div>
        </div>
    </div>

    <div id="detailInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
         style="min-height: 300px;height: 300px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>{{infoDetail.title}}</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <div class="col-sm-12">
                        <pre>{{infoDetail.content | json}}</pre>
                    </div>
                </div>
            </div>

            <footer class="panel-footer text-center bg-light lter">
                <button type="button" class="btn btn-info margin-5" ng-click="closeDetailInfoPanel()"
                        style="margin-left: 8px"><i
                        class="fa fa-close"></i> 关闭
                </button>
            </footer>
        </div>
    </div>

    <form name="featureForm" id="featureForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 860px;height: 480px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>特性配置</strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-2 control-label">通用特性：</label>
                    <div class="col-sm-10">

                        <div class="pull-left m-r-sm" ng-repeat="item in dialogData.featureList ">
                            <div class="checkbox">
                                <label class="i-checks">
                                    <input type="checkbox" value="{{item.value}}" ng-model="item.value">
                                    <i></i>
                                </label>
                                {{item.name}}
                            </div>
                        </div>
                    </div>

                </div>

                <div class="form-group">
                    <label class="col-sm-2 control-label">特殊特性：</label>
                    <div class="col-sm-5">
                        <input type="text" ng-model="dialogData.specialFeature"
                               class="form-control" placeholder="请填入特性标记">
                    </div>
                </div>


            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveFeature()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="editAdForm" id="editAdForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 480px;height:280px;min-height: 280px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>配置广告</strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-2 control-label">开关：</label>
                    <div class="col-sm-10">
                        <div class="radio pull-left">
                            <label class="i-checks">
                                <input type="radio" name="adShow" required ng-value="true"
                                       ng-model="dialogData.adShow">
                                <i></i>
                                开启
                            </label>
                        </div>

                        <div class="radio pull-left m-l">
                            <label class="i-checks">
                                <input type="radio" name="adShow" required ng-value="false"
                                       ng-model="dialogData.adShow">
                                <i></i>
                                关闭
                            </label>
                        </div>

                    </div>
                </div>


            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveAdEdit()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="editGzhForm" id="editGzhForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 760px;height:400px;min-height: 400px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>强制关注公众号</strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-3 control-label">是否强制关注：</label>
                    <div class="col-sm-9">
                        <div class="radio pull-left" style="margin-right: 10px"
                             ng-repeat="item in enum.forceFollowGzh" ng-if="item.value!=''">
                            <label class="i-checks">
                                <input type="radio" name="forceFollowGzh" required value="{{item.value}}"
                                       ng-model="dialogData.forceFollowGzh">
                                <i></i>
                                {{item.label}}
                            </label>

                        </div>
                    </div>
                </div>


            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveGzg()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="dealerForm" id="dealerForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 60%;height: 400px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>编辑</strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-3 control-label">电话</label>

                    <div class="col-sm-3">
                        <input type="tel" ng-pattern="/^[1][3456789]\d{9}$/" pattern="^[1][3456789]\d{9}$"
                               ng-maxlength="11" maxlength="11"
                               ng-model="dialogData.username"
                               class="form-control" placeholder="电话" required>
                    </div>
                </div>

            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveDealer()">保存
                </button>
            </footer>
        </div>
    </form>

    <!--监督号的展现位置 -->
    <form name="moniPointForm" id="moniPointForm" class="form-horizontal form-validation modal fade"
          role="dialog"
          data-backdrop="static"
          style=" max-width: 540px;max-height: 280px;">

        <div class="panel panel-default">
            <div class="modal-header">
                <strong>展现位置批量配置</strong>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>

            <div class="panel-body">
                <div class="form-group" ng-repeat="item in moniPoint">
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6">
                        <div class="pull-left m-r-sm">
                            <div class="checkbox">
                                <label class="i-checks">
                                    <input type="checkbox" ng-model="dialogData[item.key]">
                                    <i></i>
                                    {{item.name}}
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 form-inline">
                        <button type="button" class="btn btn-success" ng-click="setMoniPoint(item.key)">单独保存
                        </button>
                    </div>
                </div>
            </div>

            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success m-l-sm " ng-click="setMoniPoint()">全部保存
                </button>
            </footer>
        </div>
    </form>

    <form name="editSupporterForm" id="editSupporterForm" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 760px;height:400px;min-height: 400px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>客服接管</strong>
            </div>

            <div class="panel-body">

                <div class="form-group">
                    <label class="col-sm-3 control-label">客服接管开关：</label>
                    <div class="col-sm-9">
                        <div class="radio pull-left" style="margin-right: 10px"
                             ng-repeat="item in enum.platformSupport" ng-if="item.value!=''">
                            <label class="i-checks">
                                <input type="radio" name="platformSupport" required value="{{item.value}}"
                                       ng-model="dialogData.platformSupport">
                                <i></i>
                                {{item.label}}
                            </label>

                        </div>
                    </div>
                </div>


            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveSuporter()">保存
                </button>
            </footer>
        </div>
    </form>

    <!--使用前充值-->
    <form name="beforeChargeUnpayForm" id="beforeChargeUnpayForm" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 760px;height:400px;min-height: 400px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>使用前充值</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">状态：</label>
                    <div class="col-sm-9">
                        <div class="radio pull-left" style="margin-right: 10px"
                             ng-repeat="item in enum.beforeChargeUnpay" ng-if="item.value!=''">
                            <label class="i-checks">
                                <input type="radio" name="beforeChargeUnpay" required value="{{item.value}}"
                                       ng-model="dialogData.beforeChargeUnpay">
                                <i></i>
                                {{item.label}}
                            </label>

                        </div>
                    </div>
                </div>


            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveBeforeChargeUnpay()">保存
                </button>
            </footer>
        </div>
    </form>


    <form name="bankAccountForm" id="bankAccountForm" class="form-horizontal form-validation modal fade" role="dialog"
          data-backdrop="static"
          style=" width: 1000px;min-height: 760px;height: 760px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>银行账户</strong>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>

            <div class="panel-body">
                <div ng-repeat="(index,bankInfo) in dialogData.bankCards"
                     style="background: #f3f4f5;padding: 10px;border-radius: 10px;margin-bottom: 10px;">

                    <div class="form-group">
                        <label class="col-sm-3 control-label">是否对公</label>
                        <div class="col-sm-9">
                            <div class="radio pull-left">
                                <label class="i-checks">
                                    <input type="radio" name="isPublic{{index}}" ng-value="false" required
                                           ng-model="bankInfo.isPublic">
                                    <i></i>
                                    否
                                </label>
                            </div>
                            <div class="radio pull-left m-l">
                                <label class="i-checks">
                                    <input type="radio" name="isPublic{{index}}" ng-value="true" required
                                           ng-model="bankInfo.isPublic">
                                    <i></i>
                                    是
                                </label>
                            </div>

                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">银行卡号</label>
                        <div class="col-sm-6">
                            <input type="text" ng-model="bankInfo.accountCode"
                                   class="form-control"
                                   placeholder="银行卡号"
                                   required>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">银行名称</label>
                        <div class="col-sm-4">
                            <ui-select ng-model="bankInfo.bankItem" theme="bootstrap" class="w-md inline v-middle">
                                <ui-select-match placeholder="选择银行">{{$select.selected.text}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in bankInfo.bankList| filter: $select.search">
                                    <div ng-bind-html="item.text | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>
                        </div>
                        <div class="col-sm-5">
                            <input type="text" ng-model="bankInfo.keyWord"
                                   class="form-control inline" ng-maxlength="50" maxlength="50"
                                   style="width: 150px"
                                   placeholder="关键字搜索银行"
                                   >
                            <button type="button" class="btn btn-info inline" ng-click="searchBank(bankInfo)">搜索
                            </button>
                        </div>
                    </div>

                    <div class="form-group" ng-if="bankInfo.isPublic">
                        <label class="col-sm-3 control-label">支行所在地区</label>
                        <div class="col-sm-9">
                            <ui-select ng-model="bankInfo.bankProvince" theme="bootstrap" class="w-sm inline v-middle"
                                       ng-change="ngEvent.changeProvince(bankInfo)">
                                <ui-select-match placeholder="选择省份">{{$select.selected.text}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in provinceList| filter: $select.search">
                                    <div ng-bind-html="item.text | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>

                            <ui-select ng-model="bankInfo.bankCity" theme="bootstrap" class="w-sm inline v-middle"
                            >
                                <ui-select-match placeholder="选择市">{{$select.selected.text}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in bankInfo.cityList| filter: $select.search">
                                    <div ng-bind-html="item.text | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>

                        </div>
                    </div>

                    <div class="form-group" ng-if="bankInfo.isPublic">
                        <label class="col-sm-3 control-label">支行名称</label>
                        <div class="col-sm-9">
                            <ui-select ng-model="bankInfo.branchBankItem" theme="bootstrap" class=" inline v-middle" style="width: 360px;">
                                <ui-select-match placeholder="选择银行">{{$select.selected.text}}
                                </ui-select-match>
                                <ui-select-choices repeat="item in bankInfo.branchBankList| filter: $select.search">
                                    <div ng-bind-html="item.text | highlight: $select.search"></div>
                                </ui-select-choices>
                            </ui-select>
                            <button type="button" class="btn btn-info" ng-click="searchSubBank(bankInfo)">搜索
                            </button>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">账户名称</label>
                        <div class="col-sm-6">
                            <input type="text" ng-model="bankInfo.accountName"
                                   class="form-control" ng-maxlength="50" maxlength="50"
                                   placeholder="账户名称"
                                   required>
                        </div>
                    </div>

                    <div class="info-inline text-center">
                        <span class="btn btn-danger" type="button" ng-click="deleteBank(index,bankInfo)">删除</span>
                        <span class="btn btn-success" type="button" ng-click="saveBankAccount(bankInfo)">保存修改</span>
                    </div>
                </div>

                <div class="info-inline text-center" style="padding: 5px 10px;">
                    <span class="btn btn-info" type="button" ng-click="addBank()">添加</span>
                </div>

            </div>
        </div>
    </form>

    <form name="passwordForm" id="passwordPanel" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 800px;min-height: 300px;height: 300px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>修改密码</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">密码</label>

                    <div class="col-sm-9">
                        <input type="text" ng-model="passwordData.password"
                               class="form-control" ng-minlength="6" minlength="6" ng-maxlength="20" maxlength="20"
                               placeholder="输入密码"
                               required>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="" class="btn btn-success" ng-click="savePassword()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="editCardFeeForm" id="editCardFeeForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 480px;height:280px;min-height: 280px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>配置流量卡年费</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">年费：</label>
                    <div class="col-sm-6">
                        <input type="number" step="0.01" ng-model="dialogData.annualTrafficCost" min="0" required
                               class="form-control" placeholder="年费">
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveCardFeeEdit()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="dealerMaxPackagePrice" id="dealerMaxPackagePrice" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 480px;height:280px;min-height: 280px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>经销最大套餐金额</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">金额：</label>
                    <div class="col-sm-6">
                        <input type="number" step="0.01" ng-model="dialogData.maxPackagePrice" min="0" required
                               class="form-control" placeholder="金额">
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveDealerMaxPackagePrice()">保存
                </button>
            </footer>
        </div>
    </form>

    <form name="apiAppForm" id="apiAppForm" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 800px;min-height: 600px;height: 600px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>API应用</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">联系人</label>
                    <div class="col-sm-9">
                        <input type="text" ng-model="dialogData.people"
                               class="form-control"
                               placeholder="联系人"
                               required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">电话</label>
                    <div class="col-sm-9">
                        <input type="text" ng-model="dialogData.tel"
                               class="form-control"
                               placeholder="电话"
                               required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">回调地址Url</label>
                    <div class="col-sm-9">
                        <input type="text" ng-model="dialogData.callbackUrl"
                               class="form-control"
                               placeholder="http://"
                               required>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">API配额：</label>
                    <div class="col-sm-6">
                        <input type="number" step="1" ng-model="dialogData.apiDeviceMax" min="0" required
                               class="form-control" placeholder="API配额">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-3 control-label">配额单价：</label>
                    <div class="col-sm-6">
                        <input type="number" step="0.01" ng-model="dialogData.apiDevicePerCost" min="0" required
                               class="form-control" placeholder="配额单价">
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success" ng-click="saveApiApp()">保存
                </button>
            </footer>
        </div>
    </form>
</div>