Просмотр исходного кода

修改账号及密码界面调整

chente 5 лет назад
Родитель
Сommit
6b968f533d
4 измененных файлов с 487 добавлено и 3 удалено
  1. 3 3
      poj-list-detail.html
  2. 150 0
      poj-list-edit-user-account.html
  3. 149 0
      poj-list-edit-user-password.html
  4. 185 0
      poj-list-edit-user.html

+ 3 - 3
poj-list-detail.html

@@ -292,7 +292,7 @@
                         <td>15812644016(已绑定第三方平台)</td>
                         <td>0765-3850891</td>
                         <td></td>
-                        <td><a href="poj-list-add-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
+                        <td><a href="poj-list-edit-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
                           <a href="#" class="btn btn-outline-danger btn-sm">停用</a>
                           <a  href="#unlink-user" data-toggle="modal" data-target="#unlink-user" class="btn btn-outline-dark btn-sm">解绑</a></td>
                       </tr>
@@ -306,7 +306,7 @@
                         <td>15812644016</td>
                         <td>0765-3850891</td>
                         <td></td>
-                        <td><a href="poj-list-add-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
+                        <td><a href="poj-list-edit-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
                         <a href="#" class="btn btn-outline-danger btn-sm">停用</a></td>
                       </tr>
                       <tr class="text-danger">
@@ -319,7 +319,7 @@
                         <td>15812644016</td>
                         <td>0765-3850891</td>
                         <td></td>
-                        <td><a href="poj-list-add-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
+                        <td><a href="poj-list-edit-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
                           <a href="#" class="btn btn-outline-success btn-sm">启用</a></td>
                       </tr>
                     </tbody>

+ 150 - 0
poj-list-edit-user-account.html

@@ -0,0 +1,150 @@
+<!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-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</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 class="active">
+          <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>
+          <a href="news.html">
+            <i class="fa fa-bell"></i>通知管理</i>
+          </a>
+        </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="alert alert-warning"> 修改登录账号,需要同时为该账号设置新密码。</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" value="张三">
+                  </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">
+                    <div class="input-group">
+                      <input type="text" class="form-control" placeholder="密码支持英文数字及符号">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+
+              <div class="alert alert-success">修改成功</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 form-control-plaintext" type="text" value="张三" readonly="">
+                  </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 form-control-plaintext" type="text" value="password123" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row" >
+                <label class="col-sm-2 col-form-label"></label>
+                <div class="col-lg-6">
+                    <button type="submit" class="btn btn-secondary">返回</button>
+                </div>
+              </div>
+            </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>

+ 149 - 0
poj-list-edit-user-password.html

@@ -0,0 +1,149 @@
+<!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-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</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 class="active">
+          <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>
+          <a href="news.html">
+            <i class="fa fa-bell"></i>通知管理</i>
+          </a>
+        </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">
+                      <input class="form-control" type="text" value="张三" readonly="">
+                  </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">
+                    <div class="input-group">
+                      <input type="text" class="form-control" placeholder="密码支持英文数字及符号">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+
+              <div class="alert alert-success">修改成功</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 form-control-plaintext" type="text" value="张三" readonly="">
+                  </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 form-control-plaintext" type="text" value="password123" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row" >
+                <label class="col-sm-2 col-form-label"></label>
+                <div class="col-lg-6">
+                    <button type="submit" class="btn btn-secondary">返回</button>
+                </div>
+              </div>
+            </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>

+ 185 - 0
poj-list-edit-user.html

@@ -0,0 +1,185 @@
+<!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-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</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 class="active">
+          <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>
+          <a href="news.html">
+            <i class="fa fa-bell"></i>通知管理</i>
+          </a>
+        </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"><b class="text-danger">*</b>账号组</label>
+                  <div class="col-lg-4">
+                      <select class="form-control">
+                        <option>建设单位</option>
+                        <option>监理单位</option>
+                        <option>施工单位</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" value="张三" readonly="">
+                      <p class="m-0 mt-1"><a class="btn btn-sm btn-outline-primary" href="poj-list-edit-user-account.html">修改账号</a><a class="btn btn-sm btn-outline-primary ml-2" href="poj-list-edit-user-password.html">重置密码</a></p>
+                  </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="请输入姓名" value="张三">
+                  </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="" value="XXXX公司">
+                  </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="">
+                  </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="11位手机号码">
+                  </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" value="15865454454" disabled="">
+                      <small class="form-text text-muted">已绑定第三方平台,无法修改</small>
+                  </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="如000-000000">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">特殊账号</label>
+                  <div class="col-6">
+                    <div class="mt-2 text-danger">
+                      一个项目下,只有1位管理员和1位巡查员,他们不能为同一个账号。
+                    </div>
+                    <div class="mt-2 ml-3">
+                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                      <label class="form-check-label" for="exampleCheck1">设为 <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span> 管理员</label>
+                    </div>
+                    <div class="mt-2 ml-3">
+                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                      <label class="form-check-label" for="exampleCheck1">设为 <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="巡查员"><i class="fa fa-user-secret"></i></span> 巡查员</label>
+                      <small id="emailHelp" class="form-text text-muted">巡查员不会出现在项目后台账号列表,仅有「查看所有标段权限」</small>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <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>