django layer弹窗组件使用

父层:

        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">主机监控列表</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body" style="overflow: auto">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>ID</th>
                    <th>标签</th>
                  <th>IP地址</th>
                  <th>主机名</th>
                  <th>监控用户名</th>
                  <th>主机通断告警</th>
                    <th>CPU使用率告警</th>
                    <th>内存使用率告警</th>
                    <th>磁盘使用率告警</th>
                    <th style="width: 10px"></th>
                    <th style="width: 10px"></th>
                </tr>
                </thead>
                {% for linux_server in linuxs_servers %}
                 <tr>
                 <td>{
  { forloop.counter }} </td>
                     <td>{
  { linux_server.tags}} </td>
                 <td>{
  { linux_server.host}} </td>
                 <td>{
  { linux_server.host_name}} </td>
                 <td>{
  { linux_server.user}} </td>
                 <td align="center">{
  { linux_server.connect_cn}} </td>
                 <td align="center">{
  { linux_server.cpu_cn }} </td>
                 <td align="center">{
  { linux_server.mem_cn }} </td>
                 <td align="center">{
  { linux_server.disk_cn }} </td>
                 <td>
              <div class="box-tools pull-right">
                <a href="#">
            <button type="button" class="btn btn-default btn-sm" onclick="return pop(this.value)" value="{
  { linux_server.id }}"><i class="fa fa-edit"></i></button></a>
              </div>
                 </td>
                 <td>
              <div class="box-tools pull-right">
                <a href="/linux_servers_del?id={
  { linux_server.id }}">
            <button type="button" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button></a>
              </div>
                 </td>
                 </tr>
                 {% endfor %}
              </table>
            </div>
            <div class="box-footer clearfix">
           <span class="step-links">
        {% if linuxs_servers.has_previous %}
            <a href="?page_linux={
  { linuxs_servers.previous_page_number }}">上一页</a>
        {% endif %}
        <span class="current">
            当前页{
  { linuxs_servers.number }} 共计{
  { linuxs_servers.paginator.num_pages }}
        </span>
        {% if lin
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值