S.H.I.E.L.D.
/
measureSAAS.v3


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>主页-计量支付</title>
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
</head>

<body>
	<div class="main">
    <div class="main-nav d-flex align-items-start flex-column">
      <div class="logo"><img src="img/logo.png"></div>
      <div class="nav-top">
        <ul class="nav nav-pills nav-stacked bg-nav">
          <!--系统维护信息-->
          <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li>
          <!--系统维护信息 end-->
          <li class="active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
        </ul>
      </div>
      <div class="nav-bottom mt-auto">
        <ul class="nav nav-pills nav-stacked bg-nav">
          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
        </ul>
        <div class="dropright my-1 ml-1">
          <a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
            张三
          </a>
          <div class="dropdown-menu">
           <a href="account-info.html" class="dropdown-item">账号资料</a>
           <a href="#" class="dropdown-item">账号安全</a>
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item">帮助中心</a>
           <a href="#" class="dropdown-item">退出登录</a>
          </div>
        </div>
      </div>
    </div>
		<div class="main-panel">
			<div class="panel-content">
				<div class="panel-title fluid">
					<div class="title-main"><h2>消息通知</h2></div>
				</div>
				<div class="content-wrap">
          <div class="sjs-height-0">
            <div class="container py-5">
              <div class="row">
                <div class="card col-9">
                  <div class="card-body">
                    <div class="msg-height-content">
                      <div class="form-group">
                        <label>标题</label>
                        <input type="text" class="form-control" placeholder="请输入标题">
                      </div>
                      <div class="form-group form-check">
                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
                        <label class="form-check-label" for="exampleCheck1">重要通知(标红置顶)</label>
                      </div>
                      <div class="form-group">
                        <label>内容</label>
                        <div style="height: calc(100vh - 320px);"><textarea class="form-control" ></textarea></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-3 bd-toc">
                  <div class="card">
                    <div class="card-body">
                        <button type="button" class="btn btn-primary">确认添加</button>
                        <button type="button" class="btn btn-danger">删除</button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
				</div>
			</div>
		</div>
	</div>
  <!--弹出所有项目通知-->
  <div class="modal fade" id="all-msg" data-backdrop="static">
      <div class="modal-dialog modal-xl" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h5 class="modal-title">项目通知</h5>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-3 border-right-1">
                    <div class="">
                       <ul class="list-group list-group-flush modal-height-500 scroll-y">
                        <li class="list-group-item"><a href="" class="text-danger"><i class="fa fa-exclamation-triangle" ></i> 这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
                        <li class="pt-2"> 
                          <nav>
                            <ul class="pagination justify-content-center">
                              <li class="page-item disabled">
                                <a class="page-link" href="#" aria-label="Previous">
                                  <span aria-hidden="true">&laquo;</span>
                                </a>
                              </li>
                              <li class="page-item disabled"><a class="page-link" href="#">1</a></li>
                              <li class="page-item"><a class="page-link" href="#">2</a></li>
                              <li class="page-item"><a class="page-link" href="#">3</a></li>
                              <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                  <span aria-hidden="true">&raquo;</span>
                                </a>
                              </li>
                            </ul>
                          </nav>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="col-9">
                    <div class="modal-height-500 scroll-y">
                       <h4 class="text-center">通知标题</h4>
                       <p class="text-center text-muted">
                         张三 发布于 2019-02-02 
                       <!--有编辑权用户-->
                         <a href="" class="btn btn-sm btn-outline-primary">编辑</a> <a href="" class="btn btn-sm btn-outline-danger">删除</a>
                       </p>
                       <!--内容开始-->
                       <div class="msg-content border-top-1 pt-3">
                         <!--内容-->
                          <p>内容</p>
                          <p style="height:500px">内容</p>
                          <p>内容</p>
                         <!--内容-->
                       </div>
                    </div>
                  </div>
                </div>
              </div>
          </div>
      </div>
  </div>
    <!-- JS. -->
    <script src="js/jquery/jquery-3.2.1.min.js"></script>
    <script src="js/popper/popper.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/global.js"></script>
    <script type="text/javascript">  autoFlashHeight();</script>
</body>

</html>