manyi/static/1.0/js/directives/tpl/devManage.html

<div class=" devManageMain">
    <div class="panel panel-default">

        <div class="row wrapper">
            <div class="col-sm-5">
                <div ng-if="feature_map.disableDevice">
                    <div class="btn btn-black" ng-click="disableDeviceSelected(true)"><i class="fa fa-ban"></i> 禁用</div>
                    <div class="btn btn-success" ng-click="disableDeviceSelected(false)"><i class="fa  fa-smile-o"></i>
                        启用
                    </div>

                    <span ng-if="dealerId">
                        <div class="btn btn-danger" ng-click="disableAllDevice(true)"><i class="fa fa-ban"></i> 禁用全部</div>
                        <div class="btn btn-success" ng-click="disableAllDevice(false)"><i class="fa  fa-smile-o"></i> 启用全部
                        </div>
                    </span>
                </div>
            </div>

            <div class="col-sm-7 form-inline text-right">
                <span class="">编号范围</span>
                <input type="text" class=" form-control" style="width: 100px" ng-model="condition.startLogicalCode"
                       placeholder="起始编号">
                <input type="text" class=" form-control" style="width: 100px" ng-model="condition.endLogicalCode"
                       placeholder="结束编号">

                <div class="input-group m-l-md" style="">
                    <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" ui-grid-pagination ui-grid-selection></div>
            <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
        </div>
    </div>

    <div id="devQRCodePanel" class="form-horizontal form-validation modal fade" role="dialog"
         style=" width: 360px;min-height: 388px;height: 388px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>设备二维码</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-6">
                        <img id="qrcodeOptPreviewLogo" ng-src="/1.0/img/logo.png"
                             style="opacity: 0;position: absolute;z-index: 0">
                        <img id="previewImg"
                             style="z-index: 9;position:relative;box-shadow: 0 0 4px #ccc;background: #fff"
                             width="200"
                             height="230"/></div>
                </div>
            </div>

            <footer class="panel-footer text-center bg-light lter">
                <!--<a class="btn btn-success" href=""-->
                <!--ng-click="downloadQRCode()"><i class="fa fa-download"></i> 下载-->
                <!--</a>-->
                <button type="button" class="btn btn-info margin-5" ng-click="closeQRCode()" style="margin-left: 8px"><i
                        class="fa fa-close"></i> 关闭
                </button>
            </footer>
        </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 id="commandInfoPanel" name="commandInfoPanel" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 1200px;min-height: 600px;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-2 control-label">选择指令</label>
                    <div class="col-sm-10">
                        <button ng-repeat="(index,item) in dialogData.commandList" type="button" class="btn btn-default m-l-xs" ng-class="{'btn-info':index===currentCmdIndex}"
                                ng-click="selectCommand(index,item)">
                            {{item.description}}
                        </button>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">指令IMEI</label>
                    <div class="col-sm-10 form-inline">
                        <input type="text" class="form-control" readonly ng-model="currentCmd.IMEI">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">指令前缀</label>
                    <div class="col-sm-10 form-inline">
                        <input type="text" class="form-control" readonly ng-model="currentCmd.topic_pre">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">指令编码</label>
                    <div class="col-sm-10 form-inline">
                        <input type="text" class="form-control" readonly ng-model="currentCmd.cmd">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">填写参数</label>
                    <div class="col-sm-10 form-inline">
                        <div ng-repeat="(index,item) in currentCmd.params" class="info-inline package-item">
                            <span>
                                   {{item.description}}：
                                     <textarea ng-model="item.default" rows="3"
                                               ng-disabled="!item.allow_change" style="width: 420px"
                                               class="form-control" placeholder="默认值 required"></textarea>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">返回结果</label>
                    <div class="col-sm-10">
                        <pre>{{currentResult | json}}</pre>
                    </div>
                </div>
            </div>

            <footer class="panel-footer text-center bg-light lter">
                <button type="button" class="btn btn-danger margin-5" ng-click="closeCommandPanel()"><i
                        class="fa fa-ban"></i> 关闭
                </button>
                <button type="button" class="btn btn-success margin-5" ng-click="sendCommandConfirm()"
                        style="margin-left: 8px"><i
                        class="glyphicon glyphicon-ok"></i> 发送
                </button>
            </footer>
        </div>
    </form>

    <!--设备端口信息-->
    <div id="portInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
         style="min-height: 300px;height: 720px;width: 888px;">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>端口信息</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <div class="port-grid" ng-repeat="port in portList">
                        <div class="port-grid-title">
                            端口：{{port.index}} <span ng-bind-html="getPortStatusDom(port.status)"></span>
                        </div>

                        <div class="port-grid-item clearfix">
                            <h4>设备信息</h4>
                            <div class="col-sm-6" ng-if="port.power!=null">
                                <span>功率：</span><span class="text-success">{{port.power || 0}}瓦</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.STA!=null">
                                <span>STA：</span><span class="text-success">{{port.STA || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.isPlugin!=null">
                                <span>是否插枪：</span><span class="text-success">{{qiangStatusMap[port.isPlugin] || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.qiangGuiwei!=null">
                                <span>枪是否归位：</span><span class="text-success">{{qiangStatusMap[port.qiangGuiwei] || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.electricity!=null">
                                <span>电流：</span><span class="text-success">{{port.electricity || 0}}安</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.current!=null">
                                <span>电流：</span><span class="text-success">{{port.current || 0}}安</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.ampere!=null">
                                <span>电流大小：</span><span class="text-success">{{port.ampere || 0}}安</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.outputVoltage!=null">
                                <span>输出电压：</span><span class="text-success">{{port.outputVoltage || 0}}伏</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.outputElec!=null">
                                <span>输出电流：</span><span class="text-success">{{port.outputElec || 0}}安</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.chargeStatus!=null">
                                <span>充电状态：</span><span class="text-success">{{port.chargeStatus || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.batteryVoltage!=null">
                                <span>电池电压：</span><span class="text-success">{{port.batteryVoltage || 0}}伏</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.voltage!=null">
                                <span>电压：</span><span class="text-success">{{port.voltage || 0}}伏</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.doorStatus!=null">
                                <span>柜门状态：</span><span class="text-success">{{port.doorStatus || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.batteryImei!=null">
                                <span>电池编号：</span><span class="text-success">{{port.batteryImei || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.devTemp!=null">
                                <span>充电桩芯片组温度：</span><span class="text-success">{{port.devTemp || ''}}℃</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.elecPoint!=null">
                                <span>电量百分比：</span><span class="text-success">{{port.elecPoint || 0}}</span>
                            </div>
                        </div>

                        <div class="port-grid-item clearfix">
                            <h4>当前订单详情</h4>
                            <div class="col-sm-6" ng-if="port.nickName!=null">
                                <span>用户昵称：</span><span class="text-success">{{port.nickName}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.cardNo!=null">
                                <span>卡号：</span><span class="text-success">{{port.cardNo}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.cardName!=null">
                                <span>卡名：</span><span class="text-success">{{port.cardName}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.pw!=null">
                                <span>密码：</span><span class="text-success">{{port.pw}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.consumeType!=null">
                                <span>消费：</span><span
                                    class="text-success">{{getPayTypeEnum(port, port.consumeType)}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.elecFee!=null">
                                <span>电量费用：</span><span class="text-success">{{port.elecFee}}元</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.serviceFee!=null">
                                <span>服务费：</span><span class="text-success">{{port.serviceFee}}元</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.statusErrorInfo!=null">
                                <span>异常信息：</span><span class="text-danger">{{port.statusErrorInfo}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.faultDesc!=null">
                                <span>故障描述：</span><span class="text-danger">{{port.faultDesc}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.startTime!=null">
                                <span>开始时间：</span><span class="text-success">{{port.startTime}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.needTime!=null">
                                <span>订购时间：</span><span class="text-success">{{port.needTime}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.actualNeedTime!=null">
                                <span>实际预定时间：</span><span class="text-success">{{port.actualNeedTime}}分钟</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.usedTime!=null">
                                <span>已充时间：</span><span class="text-success">{{port.usedTime || 0}}分钟</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.duration!=null">
                                <span>充电时间：</span><span class="text-success">{{port.duration || 0}}分钟</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.leftTime!=null">
                                <span>剩余时间：</span><span class="text-success">{{port.leftTime || 0}}分钟</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.occTime!=null">
                                <span>占位时间：</span><span class="text-success">{{port.occTime || 0}}分钟</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.allPayMoney!=null">
                                <span>订单总金额：</span><span class="text-success">{{port.allPayMoney || 0}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.consumeMoney!=null">
                                <span>已消费金额：</span><span class="text-success">{{port.consumeMoney || 0}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.chargedMoney!=null">
                                <span>已充金额：</span><span class="text-success">{{port.chargedMoney || 0}}元</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.leftMoney!=null">
                                <span>本次消费余额：</span><span class="text-success">{{port.leftMoney || 0}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.leftElec!=null">
                                <span>剩余电量：</span><span class="text-success">{{port.leftElec || 0}}度</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.usedElec!=null">
                                <span>已充入电量：</span><span class="text-success">{{port.usedElec || 0}}度</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.elec!=null">
                                <span>已充电量：</span><span class="text-success">{{port.elec || 0}}度</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.needElec!=null">
                                <span>订购电量：</span><span class="text-success">{{port.needElec || 0}}度</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.cardConsumeMoney!=null">
                                <span>本次刷卡已使用：</span><span class="text-success">{{port.cardConsumeMoney || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.lastPayMoney!=null">
                                <span>单次刷卡金额：</span><span class="text-success">{{port.lastPayMoney || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.cardLeftMoney!=null">
                                <span>本次刷卡剩余：</span><span class="text-success">{{port.cardLeftMoney || ''}}</span>
                            </div>
                            <div class="col-sm-6" ng-if="port.cardBalance!=null">
                                <span>卡上余额：</span><span class="text-success">{{port.cardBalance || ''}}</span>
                            </div>
                        </div>

                        <div ng-if="port.waittingOrder && port.waittingOrder.length">
                            <div class="port-grid-item clearfix" ng-repeat="(index,item) in port.waittingOrder">
                                <h4>等待执行的订单{{index+1}}</h4>
                                <div class="col-sm-6" ng-if="item.createTime!=null">
                                    <span>创建时间：</span><span class="text-success">{{item.createTime}}</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.nickName!=null">
                                    <span>用户昵称：</span><span class="text-success">{{item.nickName}}</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.consumeType!=null">
                                    <span>消费：</span><span
                                        class="text-success">{{getPayTypeEnum(item, item.consumeType)}}</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.needTime!=null">
                                    <span>订购时间：</span><span class="text-success">{{item.needTime || 0}}</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.needElec!=null">
                                    <span>订购电量：</span><span class="text-success">{{item.needElec || ''}}度</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.cardNo!=null">
                                    <span>卡号：</span><span class="text-success">{{item.cardNo }}</span>
                                </div>
                                <div class="col-sm-6" ng-if="item.cardBalance!=null">
                                    <span>卡上余额：</span><span class="text-success">{{item.cardBalance }}</span>
                                </div>
                            </div>
                        </div>

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

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


    <form name="devParamForm" id="devParamPanel" class="form-horizontal form-validation modal fade" role="dialog"
          style=" width: 960px;height: 80%;min-height: 760px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>设备参数配置</strong>
            </div>

            <div class="panel-body">

                <accordion close-others="false">
                    <accordion-group is-open="devParamDialogStatus.open1">
                        <accordion-heading>
                            基本配置<i class="pull-right fa fa-angle-right"
                                   ng-class="{'fa-angle-down': devParamDialogStatus.open1, 'fa-angle-right': !devParamDialogStatus.open1}"></i>
                        </accordion-heading>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">计费模式：</label>
                            <div class="col-sm-6">
                                <div class="radio pull-left">
                                    <label class="i-checks">
                                        <input type="radio" name="billingModel" value=3 required
                                               ng-model="devParamDialogData.billingModel">
                                        <i></i>
                                        自锁时间
                                    </label>
                                </div>
                                <div class="radio pull-left m-l">
                                    <label class="i-checks">
                                        <input type="radio" name="billingModel" value=4 required
                                               ng-model="devParamDialogData.billingModel">
                                        <i></i>
                                        自锁流量
                                    </label>
                                </div>
                                <div class="radio pull-left m-l">
                                    <label class="i-checks">
                                        <input type="radio" name="billingModel" value=5 required
                                               ng-model="devParamDialogData.billingModel">
                                        <i></i>
                                        点动时间
                                    </label>
                                </div>
                                <div class="radio pull-left m-l">
                                    <label class="i-checks">
                                        <input type="radio" name="billingModel" value=6 required
                                               ng-model="devParamDialogData.billingModel">
                                        <i></i>
                                        点动流量
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('billingModel')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('billingModel')">设置
                                </button>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">单位金额水量：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.water_unit_price" min=1 max=25
                                           step="0.01"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">升/1元</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('water_unit_price')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('water_unit_price')">
                                    设置
                                </button>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">退出交易超时时间：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.trade_exit_timeout" min=0 max=9999
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">分钟</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('trade_exit_timeout')">
                                    获取
                                </button>
                                <button type="button" class="btn btn-danger"
                                        ng-click="setDevParam('trade_exit_timeout')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">刷卡最低消费：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.swing_card_minfee" min=0 max=24.9
                                           step="0.01"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('swing_card_minfee')">
                                    获取
                                </button>
                                <button type="button" class="btn btn-danger"
                                        ng-click="setDevParam('swing_card_minfee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label" tooltip="设置为0元贴卡使用">单次刷卡扣费 <i class="fa fa-info"></i>：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.cardOneTimeFee" min=0 max=25
                                           step="0.01"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('cardOneTimeFee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('cardOneTimeFee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">投币最低消费：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.coin_min_fee" min=0 max=10
                                           step="0.01"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('coin_min_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('coin_min_fee')">
                                    设置
                                </button>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">臭氧周期：</label>
                            <div class="col-sm-6">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.ozoneCycle" min=0 max=9999
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">分钟</span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('ozoneCycle')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('ozoneCycle')">设置
                                </button>
                            </div>
                        </div>
                    </accordion-group>

                    <accordion-group is-open="devParamDialogStatus.open2">
                        <accordion-heading>
                            费率配置<i class="pull-right fa fa-angle-right"
                                   ng-class="{'fa-angle-down': devParamDialogStatus.open2, 'fa-angle-right': !devParamDialogStatus.open2}"></i>
                        </accordion-heading>

                        <div class="form-group">
                            <label class="col-sm-3 control-label">清水刷卡费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group m-b">
                                    <input type="number" ng-model="devParamDialogData.water_card_fee" min=0.5 max=999.9
                                           step="0.01" name="water_card_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.water_card_fee.$dirty &&devParamForm.water_card_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('water_card_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('water_card_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">清水投币费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.water_coin_fee" min=0.5 max=999.9
                                           step="0.01" name="water_coin_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.water_coin_fee.$dirty &&devParamForm.water_coin_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('water_coin_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('water_coin_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">泡沫刷卡费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.foam_card_fee" min=0.5 max=999.9
                                           step="0.01" name="foam_card_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.foam_card_fee.$dirty &&devParamForm.foam_card_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('foam_card_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('foam_card_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">泡沫投币费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.foam_coin_fee" min=0.5 max=999.9
                                           step="0.01" name="foam_coin_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.foam_coin_fee.$dirty &&devParamForm.foam_coin_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('foam_coin_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('foam_coin_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">除尘刷卡费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.clean_card_fee" min=0.5 max=999.9
                                           step="0.01" name="clean_card_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.clean_card_fee.$dirty &&devParamForm.clean_card_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('clean_card_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('clean_card_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">除尘投币费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.clean_coin_fee" min=0.5 max=999.9
                                           step="0.01" name="clean_coin_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.clean_coin_fee.$dirty &&devParamForm.clean_coin_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('clean_coin_fee')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('clean_coin_fee')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">消毒模式费率：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.disinfect_mode_fee" min=0.5
                                           max=999.9
                                           step="0.01" name="disinfect_mode_fee"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">秒/1元</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.disinfect_mode_fee.$dirty &&devParamForm.disinfect_mode_fee.$invalid">必须是0.5-999.9范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('disinfect_mode_fee')">
                                    获取
                                </button>
                                <button type="button" class="btn btn-danger"
                                        ng-click="setDevParam('disinfect_mode_fee')">设置
                                </button>
                            </div>
                        </div>
                    </accordion-group>

                    <accordion-group is-open="devParamDialogStatus.open3">
                        <accordion-heading>
                            灯光控制<i class="pull-right fa fa-angle-right"
                                   ng-class="{'fa-angle-down': devParamDialogStatus.open3, 'fa-angle-right': !devParamDialogStatus.open3}"></i>
                        </accordion-heading>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">开广告灯在几点：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.lightTime" min=0 max=23
                                           name="lightTime"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">时</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.lightTime.$dirty &&devParamForm.lightTime.$invalid">必须是0-23范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('lightTime')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('lightTime')">设置
                                </button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">关广告灯在几点：</label>
                            <div class="col-sm-6 m-b">
                                <div class="input-group ">
                                    <input type="number" ng-model="devParamDialogData.offLightTime" min=0 max=23
                                           name="offLightTime"
                                           class="form-control" placeholder="" required>
                                    <span class="input-group-addon">时</span>
                                </div>
                                <span style="color:red"
                                      ng-show="devParamForm.offLightTime.$dirty &&devParamForm.offLightTime.$invalid">必须是0-23范围内</span>
                            </div>
                            <div class="col-sm-3 form-inline">
                                <button type="button" class="btn btn-dark" ng-click="getDevParam('offLightTime')">获取
                                </button>
                                <button type="button" class="btn btn-danger" ng-click="setDevParam('offLightTime')">设置
                                </button>
                            </div>
                        </div>
                    </accordion-group>
                </accordion>


            </div>
            <footer class="panel-footer text-right bg-light lter text-center">
                <button type="submit" class="btn btn-info" ng-click="closeDevParam()">关闭
                </button>
            </footer>
        </div>
    </form>

    <div id="adDataGrid" class="form-horizontal form-validation modal fade" role="dialog"
         style="height:70%;width: 70%;">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive" style="height: 100%">
                    <div ui-grid="adGridOptions" style="min-height:96%" ui-grid-pagination
                         ui-grid-resize-columns></div>
                </div>
            </div>

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

    <form id="realtimeDialog" name="realtimeDialog" class="form-horizontal form-validation modal fade"
          role="dialog" style="width: 1200px;height: 600px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>设备充电端口状态</strong>
            </div>

            <div class="panel-body">
                <div class="padder-v">
                    <div class="btn-group dropdown" dropdown>
                        <button class="btn  btn-default dropdown-toggle" dropdown-toggle>
                            <span class="dropdown-label">{{realtimeCondition.port+'号端口'}}</span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li ng-repeat="item in portList" ng-click="realtimeConditionChange(item)">
                                <a href ng-bind="item+'号端口'"></a></li>
                        </ul>
                    </div>

                    <div class="m-l-xs  btn-group dropdown" dropdown is-open="realtimeConfig.startTimeOpen">
                        <input type="text" class="form-control  w-xs" dropdown-toggle
                               ng-model="realtimeCondition.startTime"
                               placeholder="开始日期">
                        <ul class="dropdown-menu" dropdown-menu>
                            <datetimepicker
                                    data-datetimepicker-config="{ modelType: 'YYYY-MM-DD',startView: 'day', minView: 'day'}"
                                    on-set-time="realtimeConfig.timeChange()"
                                    data-ng-model="realtimeCondition.startTime"></datetimepicker>
                        </ul>
                    </div>
                    <span class="v-middle">至</span>
                    <div class="btn-group  dropdown" dropdown is-open="realtimeConfig.endTimeOpen">
                        <input type="text" class=" form-control  w-xs" dropdown-toggle
                               ng-model="realtimeCondition.endTime"
                               placeholder="结束日期">
                        <ul class="dropdown-menu" dropdown-menu>
                            <datetimepicker
                                    data-datetimepicker-config="{ modelType: 'YYYY-MM-DD',startView: 'day', minView: 'day'}"
                                    on-set-time="realtimeConfig.timeChange()"
                                    data-ng-model="realtimeCondition.endTime"></datetimepicker>
                        </ul>
                    </div>

                    <div class="btn btn-default" ng-click="loadRealtimeData()"><i class="fa fa-refresh"></i> 刷新</div>
                </div>

                <div id="realtimeDataChart" style="height: 380px"></div>

                <div class="status-block">
                    <div style="background:rgba(7,193,96,.8) ">设备工作</div>
                    <div style="background:rgba(255,82,76,.8) ">设备故障</div>
                </div>
            </div>
        </div>
    </form>

    <style>
        .status-block {
            text-align: center;
            padding-top: 10px;
        }

        .status-block > div {
            display: inline-block;
            padding: 5px 10px;
            color: #fff;
        }
    </style>
</div>