manyi/static/administrator/tpl/devManage.html

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">设备列表</h1>
</div>
<div class="wrapper-md devManageMain" ng-controller="devManageCtrl">
    <div class="panel panel-default">

        <div class="row wrapper">
            <div class="col-sm-6">
                <div class="btn-group dropdown" dropdown>
                    <button class="btn  btn-default dropdown-toggle" dropdown-toggle>
                        <span class="dropdown-label">{{condition.registered.label}}</span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li ng-repeat="item in enum.registered" ng-click="event.statusChange('registered',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.online.label}}</span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li ng-repeat="item in enum.online" ng-click="event.statusChange('online',item)">
                            <a href ng-bind="item.label"></a></li>
                    </ul>
                </div>
                <div class="btn btn-default" ng-click="manualRechargeSimCard()"> 手动流量卡续费</div>
                <div class="btn btn-default" ng-click="lockDeviceSimStatus()"> 锁定设备流量卡</div>
                <div class="btn btn-default" ng-click="changeDevCode()"> 修改Code</div>

                <div class="btn-group dropdown" dropdown>
                    <button class="btn  btn-default dropdown-toggle" dropdown-toggle>
                        <span class="dropdown-label">正在服务设置</span>
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li ng-click="serviceSwitch('stopUsing',true)">
                            <a href>开启停止按钮</a></li>
                        <li ng-click="serviceSwitch('stopUsing',false)">
                            <a href>关闭停止按钮</a></li>
                        <li ng-click="serviceSwitch('continueToUse',true)">
                            <a href>开启续充按钮</a></li>
                        <li ng-click="serviceSwitch('continueToUse',false)">
                            <a href>关闭续充按钮</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-sm-6 form-inline text-right">
                <div class="btn btn-default" ng-click="batchQuery()"><i class="fa fa-search"></i> 批量查询</div>
                <div class="input-group m-l-md" style="">
                    <input type="text" class=" form-control" style="width: 100px" ng-model="condition.logicalCode"
                           ng-keydown="$event.keyCode==13&&event.searchByLogicalCode()"
                           placeholder="逻辑编号">
                    <span class="input-group-btn">
                         <div class="btn  btn-info" ng-click="event.searchByLogicalCode()"><i class="fa fa-search"></i> 编号搜索</div>
                    </span>
                </div>

                <div class="input-group " 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 class="btn btn-success" ng-click="exportDevice()"><i class="fa fa-download"></i> 导出查询结果</div>
            </div>

        </div>

        <div class="table-responsive">
            <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-resize-columns
                 ui-grid-selection></div>
            <div class="grid-mask" ng-if="gridOptionsLoading"><span>正在加载，请稍候...</span></div>
        </div>
    </div>

    <form name="batchQueryForm" id="batchQueryForm" class="form-horizontal form-validation modal fade"
          role="dialog" data-backdrop="static" style=" width: 100%;height: 100%;max-width: 720px;max-height: 120px;">

        <div class="panel panel-default">
            <div class="modal-header">
                <strong> 导入TXT文件进行批量查询</strong>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <div class="col-sm-12">
                        <div class="upload-area">
                            <!---文件选择-->
                            <input type="file" id="fileUpload2"
                                   onchange="angular.element(this).scope().changeFile(this.files)"
                                   style="position: absolute;"/>

                            <div over-class="b-info"
                                 class="b-a b-2x b-dashed wrapper-lg lter text-center">
                                选择文件或拖动文件到该处
                                <span class="text-info text-ellipsis"
                                      ng-if="dialogData.fileName">{{dialogData.fileName}}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-12">
                        <textarea ng-model="condition.fileContent" class="form-control"
                                  style="margin: 0 -0.5px 0 0; width: 100%; height: 230px;"></textarea>
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="submit" class="btn btn-success m-l-sm " ng-click="batchQueryOk()">确定
                </button>
            </footer>
        </div>
    </form>

    <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">
                <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="closeDetailPanel()"
                        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>

    <form id="deviceDebugPanel" name="deviceDebugPanel" class="form-horizontal form-validation modal fade"
          role="dialog"
          style=" width: 500px;min-height: 288px;height: 400px">
        <div class="panel panel-default">
            <div class="panel-heading" style="height: auto">
                <div class="form-group">
                    <label class="col-sm-3 control-label">调试标记</label>
                    <div class="col-sm-9">
                        <input type="text" ng-model="dialogData.debugFlag"
                               class="input-sm form-control"
                               placeholder=""
                               required>
                    </div>
                </div>
            </div>

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

    <div id="chartInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
         style="height:80%;width: 80%;">
        <div class="panel panel-default">

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

                <div class="btn-group dropdown" dropdown>
                    <input type="button" class="dropdown-toggle form-control  v-middle" value="快捷日期"
                           dropdown-toggle>

                    <ul class="dropdown-menu" id="timeRange">
                        <li ng-click="modelEvent.quickTime($event,1)"><a href>今天</a></li>
                        <li ng-click="modelEvent.quickTime($event,7)"><a href>过去7天</a></li>
                        <li ng-click="modelEvent.quickTime($event,15)"><a href>过去15天</a></li>
                        <li ng-click="modelEvent.quickTime($event,30)"><a href>最近30天</a></li>
                        <li ng-click="modelEvent.quickTime($event,60)"><a href>最近60天</a></li>
                        <li ng-click="modelEvent.quickTime($event,90)"><a href>最近90天</a></li>
                    </ul>
                </div>

                <div class="btn btn-default   btn-info" ng-click="modelEvent.searchDetail()"><i
                        class="fa fa-search"></i> 查询
                </div>

            </div>

            <div class="panel-body">
                <div id="signalChartPanel" style="height: 100%"></div>
            </div>

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

    <div id="powerChartInfoPanel" class="form-horizontal form-validation modal fade" role="dialog"
         style="height:80%;width: 80%;">
        <div class="panel panel-default">
            <div class="panel-heading" style="height: auto">
                <div class="m-l-xs btn-group dropdown" dropdown is-open="powerModelEvent.startTimeOpen">
                    <input type="text" class="form-control  w-xs" dropdown-toggle
                           ng-model="powerChartCondition.startTime"
                           placeholder="开始日期">
                    <ul class="dropdown-menu" dropdown-menu>
                        <datetimepicker
                                data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="powerModelEvent.timeChange()"
                                data-ng-model="powerChartCondition.startTime"></datetimepicker>
                    </ul>
                </div>
                <span class="v-middle">至</span>
                <div class="btn-group dropdown" dropdown is-open="powerModelEvent.endTimeOpen">
                    <input type="text" class=" form-control  w-xs" dropdown-toggle
                           ng-model="powerChartCondition.endTime"
                           placeholder="结束日期">
                    <ul class="dropdown-menu" dropdown-menu>
                        <datetimepicker
                                data-datetimepicker-config="{modelType: 'YYYY-MM-DD',startView:'day',minView:'day'}"
                                on-set-time="powerModelEvent.timeChange()"
                                data-ng-model="powerChartCondition.endTime"></datetimepicker>
                    </ul>
                </div>

                <div class="btn-group dropdown" dropdown>
                    <input type="button" class="dropdown-toggle form-control v-middle" value="快捷日期"
                           dropdown-toggle>

                    <ul class="dropdown-menu" id="timeRange">
                        <li ng-click="powerModelEvent.quickTime($event,1)"><a href>今天</a></li>
                        <li ng-click="powerModelEvent.quickTime($event,7)"><a href>过去7天</a></li>
                        <li ng-click="powerModelEvent.quickTime($event,15)"><a href>过去15天</a></li>
                        <li ng-click="powerModelEvent.quickTime($event,30)"><a href>最近30天</a></li>
                        <li ng-click="powerModelEvent.quickTime($event,60)"><a href>最近60天</a></li>
                        <li ng-click="powerModelEvent.quickTime($event,90)"><a href>最近90天</a></li>
                    </ul>
                </div>

                <div class="btn-group" style="">
                    <input type="text" class=" form-control" style="width: 100px" ng-model="powerChartCondition.port"
                           placeholder="端口号">
                </div>

                <div class="btn btn-default btn-info" ng-click="powerModelEvent.searchDetail()"><i
                        class="fa fa-search"></i> 查询
                </div>
            </div>

            <div class="panel-body">
                <div id="powerChartPanel" style="height: 100%"></div>
            </div>

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

    <div id="chargeRecordForm" class="form-horizontal form-validation modal fade" role="dialog"
         style="min-height: 600px;height: 600px;width: 760px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>续费记录</strong>
            </div>

            <div class="panel-body padder-lg">
                <div class="stream-line">
                    <div class="stream-line-node" ng-repeat="item in chargeRecord track by $index">
                        <div class="pull-left stream-line-node-circle">
                        </div>
                        <div class="m-l-md m-b-md">
                            <div>{{item.nickname}} 续费：{{item.price}}元
                            </div>
                            <div>单号：{{item.orderNo}}
                            </div>
                            <div>{{item.finishedTime}}
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>

    <form name="changeDevCodeForm" id="changeDevCodeForm" 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>修改Code</strong>
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-3 control-label">设备</label>
                    <div class="col-sm-9">
                        <textarea disabled style="height: 100px;width: 100%" ng-model="dialogData.logicalCodeList"
                                  required></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">code</label>

                    <div class="col-sm-9">
                        <input type="text" ng-model="dialogData.code"
                               class="form-control" ng-minlength="1" minlength="1" ng-maxlength="20" maxlength="20"
                               placeholder="输入Code"
                               required>
                    </div>
                </div>


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



</div>