瀏覽代碼

系统消息通知,项目用户提示

chente 5 年之前
父節點
當前提交
13796b698f
共有 6 個文件被更改,包括 488 次插入0 次删除
  1. 1 0
      css/datepicker/datepicker.min.css
  2. 6 0
      index.html
  3. 183 0
      maintain.html
  4. 143 0
      news-add.html
  5. 151 0
      news.html
  6. 4 0
      poj-list-detail.html

File diff suppressed because it is too large
+ 1 - 0
css/datepicker/datepicker.min.css


+ 6 - 0
index.html

@@ -55,6 +55,9 @@
           <ul class="sub-menu">
             <li><a href="version-update.html">升级说明</a></li>
           </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
         </li>
         <li>
           <a href="javascript:void(0);">
@@ -75,6 +78,9 @@
           <ul class="sub-menu">
             <li><a href="permission.html">权限管理</a></li>
           </ul>
+          <ul class="sub-menu">
+            <li><a href="maintain.html">系统维护</a></li>
+          </ul>
         </li>
         <li>
           <a href="javascript:void(0);">

+ 183 - 0
maintain.html

@@ -0,0 +1,183 @@
+<!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>系统维护-计量支付SAAS</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">
+  <link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>计量支付SAAS后台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 升级说明 / 添加版本</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="index.html">
+            <i class="fa fa-dashboard"></i>控制面板
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="com-list.html">企业版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="poj-list.html">项目版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="preview-list.html">演示版客户</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级版本</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="jlguifan.html">计价规范</a></li>
+            <li><a href="xiangmu.html">项目节</a></li>
+            <li><a href="qingdan.html">工程量清单</a></li>
+            <li><a href="bgqingdan.html">台帐模板</a></li>
+            <li><a href="baobiao.html">报表定制</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="maintain.html">系统维护</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+            <!--正在维护信息-->
+              <div class="col-lg-6 offset-lg-3">
+                <div class="card text-white bg-success mb-5">
+                  <div class="card-body">
+                    <h5 class="card-title">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。造成不便敬请谅解。</h5>
+                    <p class="card-text">维护内容</p>
+                    <a href="#" class="btn btn-danger">结束</a>
+                  </div>
+                </div>
+              </div>
+            <!--准备维护信息-->
+              <div class="col-lg-6 offset-lg-3">
+                <div class="card border-warning mb-5">
+                  <div class="card-body">
+                    <h5 class="card-title">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。造成不便敬请谅解。</h5>
+                    <p class="card-text">维护内容</p>
+                    <a href="#" class="btn btn-danger">撤销</a>
+                  </div>
+                </div>
+              </div>
+            <!--编辑维护信息-->
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护时间</label>
+                  <div class="col-lg-4">
+                     <input class="form-control datepicker-here" type="text" required data-timepicker="true" data-language="zh"> 
+                  </div>
+                  <!--维护时间必须大于或等于当天-->
+                  <div class="col-lg-4">
+                     <input class="form-control datepicker-here is-invalid" type="text" required data-timepicker="true" data-language="zh"> 
+                     <div class="invalid-feedback">
+                      维护日期必须大于或等于1月23日<!--维护时间16:40已经过了-->
+                      </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护时长</label>
+                  <div class="col-lg-4">
+                     <select class="form-control">
+                      <option>15分钟</option>
+                      <option>30分钟</option>
+                      <option>1小时</option>
+                      <option>2小时</option>
+                      <option>永久</option>
+                     </select>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护信息</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="选填" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">信息显示</label>
+                  <div class="col-lg-4">
+                     <p class="mt-1">待办事项:维护前24小时开始,菜单栏:维护前1小时开始。</p>
+                     
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+  <script src="js/datepicker/datepicker.min.js"></script>
+  <script src="js/datepicker/datepicker.zh.js"></script>
+</html>

+ 143 - 0
news-add.html

@@ -0,0 +1,143 @@
+<!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>添加消息-计量支付SAAS</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="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>计量支付SAAS后台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 消息通知 / 添加消息</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="index.html">
+            <i class="fa fa-dashboard"></i>控制面板
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="com-list.html">企业版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="poj-list.html">项目版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="preview-list.html">演示版客户</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级版本</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="jlguifan.html">计价规范</a></li>
+            <li><a href="xiangmu.html">项目节</a></li>
+            <li><a href="qingdan.html">工程量清单</a></li>
+            <li><a href="bgqingdan.html">台帐模板</a></li>
+            <li><a href="baobiao.html">报表定制</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">状态</label>
+                  <div class="col-lg-4">
+                      <div class="form-check form-check-inline">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked="">
+                        <label class="form-check-label text-danger" for="inlineRadio1">未发布</label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
+                        <label class="form-check-label text-success" for="inlineRadio2">已发布</label>
+                      </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>标题</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="输入标题" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">内容</label>
+                  <div class="col-lg-8">
+                      <textarea class="form-control" rows="10" required></textarea>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

+ 151 - 0
news.html

@@ -0,0 +1,151 @@
+<!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>消息通知-计量支付SAAS</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="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>计量支付SAAS后台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 消息通知</h4>
+          <div class="dropdown mt-3">
+            <a class="btn btn-primary btn-sm" href="news-add.html">
+              添加新消息
+            </a>
+          </div>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="index.html">
+            <i class="fa fa-dashboard"></i>控制面板
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-users"></i>客户管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="com-list.html">企业版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="poj-list.html">项目版客户</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="preview-list.html">演示版客户</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级版本</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-wrench"></i>工具<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="jlguifan.html">计价规范</a></li>
+            <li><a href="xiangmu.html">项目节</a></li>
+            <li><a href="qingdan.html">工程量清单</a></li>
+            <li><a href="bgqingdan.html">台帐模板</a></li>
+            <li><a href="baobiao.html">报表定制</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+              <table class="table table-striped table-bordered table-sm">
+                <tr><th>标题</th><th>发布日期</th><th>状态</th><th width="120">操作</th></tr>
+                <tr><td><a href="#version" data-toggle="modal" data-target="#version">新功能推送通知</a></td><td>2020-01-10</td><td class="text-success">已发布</td><td><a href="#del" data-toggle="modal" class="text-danger">删除</a> <a href="#">编辑</a></td></tr>
+                <tr><td><a href="#version" data-toggle="modal" data-target="#version">新功能推送通知2</a></td><td>2020-01-10</td><td class="text-danger">未发布</td><td><a href="#del" data-toggle="modal" class="text-danger">删除</a> <a href="#">编辑</a></td></tr>
+              </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+<!--预览升级说明-->
+  <div class="modal fade" id="version" data-backdrop="static">
+    <div class="modal-dialog modal-lg" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">消息预览</h5>
+          </div>
+          <div class="modal-body">
+            <h3>新功能推送通知</h3>
+            <p>内容</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--删除确认-->
+  <div class="modal fade" id="del" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">确认删除</h5>
+          </div>
+          <div class="modal-body">
+            <p>删除消息 新功能推送通知</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+          <button type="button" class="btn btn-sm btn-danger" >确认删除</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

+ 4 - 0
poj-list-detail.html

@@ -234,6 +234,10 @@
                 </div>
                 <div class="tab-pane" id="setting" role="tabpanel">
                   <div class="row">
+                  <div class="col-12">
+                   <p class="alert alert-danger">新建标段时,初始化合同支付使用。如无需设置,请勿进行修改。<br>
+   如需统一所有标段合同支付项,在修改之后请先保存,并去前台新建标段进行验证。</p>
+                  </div>
                     <div class="col-8">
                       <!--spread js-->
                       <div style="height:500px">