vc_jlzf/protected/view/server-list.html

<!-- include 'fc-header' -->
<!-- include 'fc-leftWrap' -->
  <div class="warp-content">
    <div class="container">
      <div class="page-header">
        <a href="/addhosts" class="btn btn-info pull-right">添加客户机</a>
        <h2><i class="glyphicon glyphicon-list"></i>&nbsp;客户机列表</h2>
      </div>
      <div class="clearfix">
        <div class="form-inline">
          <div class="form-group">
            <select class="form-control" name="op" id="op">
              <option value="0">筛选服务器</option>
              <!-- if !empty({{server}}) -->
              <!-- loop server -->
              <option value="{{server' value.id}}" <!-- if isset({{op}}) && {{op}} == {{server' value.id}} -->selected<!-- endif --> >{{server' value.name}}（{{server' value.ip}}）</option>
              <!-- endloop -->
              <!-- endif -->
            </select>
          </div>
        </div>
      </div>
      <!--报表列表-->
      <table class="table table-hover">
        <thead>
          <tr>
            <th>客户机名称/域名</th>
            <th>服务器</th>
            <th>销售</th>
            <th>创建时间</th>
            <th>状态</th>
            <th>版本</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
        <!-- if !empty({{hosts}}) -->
        <!-- loop hosts -->
          <tr>
            <td>{{hosts' value.hostname}}<br>{{hosts' value.domain}}</td>
            <td>{{hosts' value.servername}}（{{hosts' value.serverip}}）</td>
            <td>{{hosts' value.sales}}</td>
            <td>{{hosts' value.created_at}}</td>
            <td id="status_{{hosts' value.id}}"><!-- if {{hosts' value.status}} == 1 --><span class="text-success">通讯正常</span><!-- else --><span class="text-warning">通讯异常<span><!-- endif --></td>
            <td><span id="webver_{{hosts' value.id}}">{{hosts' value.webver}}</span><br><span id="softver_{{hosts' value.id}}"><!-- if {{host' value.condition}} == 1 --><span class="glyphicon glyphicon-eject" title="更高版本"></span><!-- else --><span class="glyphicon glyphicon-minus" title="当前版本"></span><!-- endif -->v{{hosts' value.softver}}</span></td>
            <td><a href="/edithosts/{{hosts' value.id}}" type="button" class="btn btn-info btn-xs">编辑</a> <a type="button"
                                                                                                             class="btn btn-info btn-xs"
                                                                                                             href="#update"
                                                                                                             id="upgrade_{{hosts' value.id}}"
                                                                                                             domainid="{{hosts' value.id}}"
                                                                                                             data-toggle="modal">升级</a> <a
                    type="button"
                    class="btn btn-info btn-xs"
                    id="getVersion_{{hosts' value.id}}"
                    hostid = "{{hosts' value.id}}"
                    domain="{{hosts' value.domain}}"
                    webversion="{{hosts' value.webver}}"
                    >更新云端版本</a></td>
          </tr>
        <!-- endloop -->
        <!-- endif -->
        </tbody>
      </table>
      <!--翻页-->
      <nav>
        <ul class="pagination">
          {{pager}}
        </ul>
      </nav>
    </div>
  </div>
<!--弹框-添加页码内容-->
<div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="update">
  <div class="modal-dialog ">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" >升级客户机</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label>云端版本</label>
          <div class="row">
            <div class="col-xs-4">
              <input type="text" id="upwebver" class="form-control input-sm" value="" disabled>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label>软件版本</label>
          <div class="row">
            <div class="col-xs-4">
              <div class="input-group">
                <div class="input-group-addon">兼容</div>
                <select class="form-control input-sm" id="scondition" name="condition">
                  <option value="1">更高版本</option>
                  <option value="2">当前版本</option>
                </select>
              </div>
            </div>
            <div class="col-xs-4">
              <div class="input-group">
                <div class="input-group-addon">版本</div>
              <input type="text" id="sversion" name="version" class="form-control input-sm" value="">
              </div>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label>下载地址</label>
          <div class="row">
            <div class="col-xs-9">
              <input type="text" id="sdownload" name="download" class="form-control input-sm" value="http://d2.smartcost.com.cn/soft/Measure_Cloud_V3.1.X.zip">
            </div>
          </div>
        </div>
        <div class="form-group">
          <label>升级内容</label>
            <textarea id="sdesc" name="desc" class="form-control" rows="3">客户端软件有新版本，需要更新才能继续使用。</textarea>
        </div>        
        <div class="alert alert-danger" role="alert">升级前请“禁止客户端登陆”，谨慎填写软件版本。</div>
      </div>
      <div class="modal-footer">
        <input type="button" id="up" class="btn btn-info" value="确定升级"/>
      </div>
    </div>
  </div>
</div>
<!--弹框-结束-->

<!--弹框-结束-->
<link href="//cdn.bootcss.com/toastr.js/2.1.2/toastr.css" rel="stylesheet">
<script src="//cdn.bootcss.com/toastr.js/2.1.2/toastr.min.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    toastr.options = {
      "closeButton": false,
      "debug": false,
      "newestOnTop": false,
      "progressBar": false,
      "positionClass": "toast-top-right",
      "preventDuplicates": false,
      "onclick": null,
      "showDuration": "300",
      "hideDuration": "1000",
      "timeOut": "5000",
      "extendedTimeOut": "1000",
      "showEasing": "swing",
      "hideEasing": "linear",
      "showMethod": "fadeIn",
      "hideMethod": "fadeOut"
    }
    var did = undefined;
    $("a[id^='upgrade_']").click(function () {
      did = $(this).attr('domainid');
      $('#upwebver').val($('#webver_'+did).text());
    });
    $("#up").click(function () {
      var condition = $('#scondition').val();
      var version = $('#sversion').val();
      var download = $('#sdownload').val();
      var desc = $('#sdesc').val();
      $.ajax({
        type: "POST",
        dataType: "json",
        url: "/hosts/upgradeinfo",
        data: {
          "domainid": did,
          "scondition": condition,
          "sversion": version,
          "sdownload": download,
          "sdesc": desc
        },
        success: function (data) {
          $('#update').modal('hide');
          if (data.onoff == 1) {
            toastr.success('更新升级信息完成');
            if(data.condition == 1){
              $('#softver_'+did).html('<span class="glyphicon glyphicon-eject" title="更高版本"></span>v'+data.softver);
            }else{
              $('#softver_'+did).html('<span class="glyphicon glyphicon-minus" title="当前版本"></span>v'+data.softver);
            }
          } else {
            toastr.error('更新升级信息失败');
          }
        }
      });
    });
    $("a[id^='getVersion_']").click(function () {
//      console.log($(this));
      var domain = $(this).attr('domain');
      var webversion = $(this).attr('webversion');
      var id = $(this).attr('hostid');
      $.ajax({
        type: "POST",
        dataType: "json",
        url: "/update/hosts/webversion/status",
        data:{id:id,domain:domain,version:webversion},
        success: function (data) {
          if(data.change == 2){
            $('#status_'+id).html('<span class="text-warning">通讯异常<span>');
            $('#webver_'+id).text('');
            toastr.warning('当前客户机通讯异常或已关闭!');
          }else if(data.change == 1){
            $('#status_'+id).html('<span class="text-success">通讯正常</span>');
            $('#webver_'+id).text(data.version);
            toastr.success('更新成功!');
          }else{
            toastr.info('云端版本未发生改变。');
          }
        }
      });
    });
    $("#op").change(function () {
      var valval = '';
      if($(this).val() != 0){
         valval = '?op=' + $(this).val();
      }
      window.location.href = "/hostlist" + valval;
    });
  });
</script>
</body>