ck-ops/code/alert/views/test.html

{{template "main" .}}
  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="/test" class="nav-link">告警管理</a>
      </li>
    </ul>

  </nav>
  <!-- /.navbar -->

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>告警测试</h1>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="card">
        <div class="card-header">
          <h3 class="card-title" style="color:red">** 告警测试功能主要是通过发送测试消息校验配置文件的正确性</h3>

          <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
              <i class="fas fa-minus"></i>
            </button>
            <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
              <i class="fas fa-times"></i>
            </button>
          </div>
        </div>
        <div class="card-body">
         
			<table class="table table-hover">
				<thead>
					<tr>
						<th>ID</th>
						<th>名称</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>

					<tr>
						<th>1</th>
						<th>钉钉</th>
						<th>
						<a id="dd" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>2</th>
						<th>企业微信</th>
						<th>
						<a id="wx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>3</th>
						<th>飞书</th>
						<th>
						<a id="fs" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>4</th>
						<th>腾讯云语音电话</th>
						<th>
						<a id="txdh" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>5</th>
						<th>腾讯云短信</th>
						<th>
						<a id="txdx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>6</th>
						<th>阿里云语音电话</th>
						<th>
						<a id="alydh" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>7</th>
						<th>阿里云短信</th>
						<th>
						<a id="alydx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>8</th>
						<th>容联云语音电话</th>
						<th>
						<a id="rlydh" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>9</th>
						<th>华为云短信</th>
						<th>
						<a id="hwdx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>10</th>
						<th>Email</th>
						<th>
						<a id="email" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>11</th>
						<th>七陌短信</th>
						<th>
						<a id="7moordx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>12</th>
						<th>七陌语音电话</th>
						<th>
						<a id="7moordh" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>13</th>
						<th>Telegram</th>
						<th>
						<a id="tg" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>
					<tr>
						<th>14</th>
						<th>企业微信应用</th>
						<th>
						<a id="workwechat" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>15</th>
						<th>百度云短信</th>
						<th>
						<a id="bddx" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>16</th>
						<th>百度Hi(如流)</th>
						<th>
						<a id="bdrl" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>
					
					<tr>
						<th>17</th>
						<th>Bark(iPhone推送)</th>
						<th>
						<a id="bark" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>
					
					<tr>
						<th>18</th>
						<th>语音播报</th>
						<th>
						<a id="voice" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>

					<tr>
						<th>19</th>
						<th>飞书机器人应用</th>
						<th>
						<a id="fsapp" class="btn btn-default btn-flat">
						  <i class="fas fa-bullhorn"></i> 告警测试
						</a>
						</th>
					</tr>
					
				</tbody>
			</table>

        </div>
        <!-- /.card-body -->
        <div class="card-footer">
          短信和电话请提前配置好app.conf中的[defaultphone]配置项
        </div>
        <!-- /.card-footer-->
      </div>
      <!-- /.card -->

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
{{template "endhtml"}}
<script>
$(function(){
 $(".btn").click(function(){
   $.post("/alerttest",{mtype:$(this).attr("id")},function(result){
	 alert(result);
	 });
  });
})
</script>
{{template "jshtml"}}