ソースを参照

企业版后台

chente 4 年 前
コミット
8fd19fde40
8 ファイル変更3565 行追加0 行削除
  1. 179 0
      com-app.html
  2. 157 0
      com-board.html
  3. 399 0
      com-info.html
  4. 228 0
      com-member.html
  5. 173 0
      com-product.html
  6. 1723 0
      com-project-management.html
  7. 331 0
      com-safe.html
  8. 375 0
      com-user-info.html

+ 179 - 0
com-app.html

@@ -0,0 +1,179 @@
+<!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>应用管理-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">企业后台</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                  <div class="row mt-4">
+                    <div class="col-7 mb-3">
+                      <div class="card border-success">
+                        <div class="card-body">
+                          <h5 class="card-title"><i class="fa fa-inbox "></i> 企业网盘</h5>
+                          <p class="card-text text-muted">为企业提供在线网盘,汇总项目附件</p>
+                          <button class="btn btn-success btn-sm text-white" disabled><i class="fa fa-check"></i> 已开启</button> <button class="btn btn-outline-primary btn-sm">应用介绍</button>
+                          <div class="mt-3">
+                            <div class="progress">
+                              <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
+                            </div>
+                            25G / 100G <a href="">扩容</a>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card border-success">
+                        <div class="card-body">
+                          <h5 class="card-title"><i class="fa fa-server"></i> 材料数据库</h5>
+                          <p class="card-text text-muted">为企业提供材料数据库,企业自有材料库</p>
+                          <button class="btn btn-success btn-sm text-white" disabled><i class="fa fa-check"></i> 已开启</button> <button class="btn btn-outline-primary btn-sm">应用介绍</button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card">
+                        <div class="card-body">
+                          <h5 class="card-title"><i class="fa fa-server"></i> XXX应用</h5>
+                          <p class="card-text text-muted">这是一段应用介绍文本</p>
+                          <button class="btn btn-outline-primary btn-sm">价格</button> <button class="btn btn-outline-primary btn-sm">应用介绍</button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card">
+                        <div class="card-body">
+                          <h5 class="card-title"><i class="fa fa-server"></i> YYY应用</h5>
+                          <p class="card-text text-muted">这是一段应用介绍文本</p>
+                          <button class="btn btn-outline-primary btn-sm">价格</button> <button class="btn btn-outline-primary btn-sm">应用介绍</button>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 157 - 0
com-board.html

@@ -0,0 +1,157 @@
+<!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>控制台-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">企业后台</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="my-3">
+                      <ul class="nav nav-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#info-1" data-toggle="tab">控制台</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col-12 ">
+                      <div class="tab-content">
+                        <div class="tab-pane active" id="info-1">
+                          <h6>
+                            <ul class="avatar-list top-avatar">
+                              <li class="">
+                                  <span class="avatar bg-8 mr-2">润隆</span> 张润隆,欢迎使用大司空云计价,您现在所在的是 广州XXX公司 的企业版后台。
+                              </li>
+                            </ul>
+                          </h6>
+                          <div class="">
+                          </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 399 - 0
com-info.html

@@ -0,0 +1,399 @@
+<!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>企业设置-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">账号资料</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="my-3">
+                      <ul class="nav nav-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#info-1" data-toggle="tab">基本设置</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#info-2" data-toggle="tab">企业标识</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col-12 ">
+                      <div class="tab-content">
+                        <div class="tab-pane active" id="info-1">
+                          <from>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">企业名称</label>
+                                  <p class="form-control-static mb-0 text-muted">你当前的企业名称是 <span class="text-danger">广州XXX公司</span>,该名称将显示于左上角。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-name">修改名称</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-name">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入企业名称">
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">企业信息</label>
+                                  <p class="form-control-static mb-0 text-muted">修改当前企业的地区、规模和类型。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-info">修改信息</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-info">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <select type="" class="form-control d-inline-block w-25">
+                                          <option>广东省</option>
+                                        </select>
+                                        <select type="" class="form-control d-inline-block w-25">
+                                          <option>珠海市</option>
+                                        </select>
+                                        <select type="" class="form-control  d-inline-block w-25">
+                                          <option>香洲区</option>
+                                        </select>
+                                      </div>
+                                      <div class="form-group">
+                                        <select class="form-control">
+                                          <option>设计</option>
+                                        </select>
+                                      </div>
+                                      <div class="form-group">
+                                        <select class="form-control">
+                                          <option>1-20 人</option>
+                                        </select>
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">转让企业</label>
+                                  <p class="form-control-static mb-0 text-muted">如果您不再管理当前企业,你可以转让给其他企业成员,转让后您将无法再管理当前企业,该操作无法撤消。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-transfer">转让企业</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-transfer">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <select type="" class="form-control">
+                                          <option>张佳玫(13891001149)</option>
+                                          <option>李旭(13812342143)</option>
+                                        </select>
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入当前账号密码">
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入文本「我确认转让企业给李旭」">
+                                        <small id="emailHelp" class="form-text text-muted">输入确认文本「<span class="text-danger">我确认转让企业给<b>受让人</b></span>」不含「」</small>
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-danger">确认转让</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                          </from>
+                        </div>
+                        <div class="tab-pane " id="info-2">
+                          <div class="form-group row">
+                            <div class="col-9">
+                              <label class="form-control-label">企业LOGO</label>
+                              <p class="form-control-static mb-0 text-muted">
+                                <img src="css/logo.png">
+                              </p>
+                            </div>
+                            <div class="col ml-auto  text-right">
+                              <a class="btn btn-sm btn-outline-primary" href="#">选择图片</a>
+                              <a class="btn btn-sm btn-outline-primary" href="#">恢复默认</a>
+                            </div>
+                          </div>
+                          <div class="form-group row">
+                            <div class="col-10">
+                              <label class="form-control-label">二级域名</label>
+                              <p class="form-control-static mb-0 text-muted">使用二级域名可以快速进入贵司企业版,当前二级域名<span class="text-danger">gzxx.smartcost.com.cn</span></p>
+                            </div>
+                            <div class="col ml-auto  text-right">
+                              <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-sdomain">修改二级域名</a>
+                            </div>
+                            <div class="collapse col-12 mt-2" id="set-sdomain">
+                              <div class="card card-body">
+                                <div class="col-6">
+                                  <div class="form-group">
+                                    <div class="input-group">
+                                      <input type="text" class="form-control" placeholder="域名由英文、数字组成,以英文字母开头" >
+                                      <div class="input-group-append">
+                                        <span class="input-group-text" id="basic-addon2">.smartcost.com.cn</span>
+                                      </div>
+                                    </div>
+                                  </div>
+                                  <div class="form-group mt-3 mb-0">
+                                      <button class="btn btn-primary">确认修改</button>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="form-group row">
+                            <div class="col-10">
+                              <label class="form-control-label">绑定域名</label>
+                              <p class="form-control-static mb-0 text-muted">绑定企业自定义域名,当前域名<span class="text-danger">dsk.gdxx.com</span> <span class="badge badge-danger">审核未通过,备案信息有误</span></p>
+                            </div>
+                            <div class="col ml-auto  text-right">
+                              <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-domain">绑定域名</a>
+                            </div>
+                            <div class="collapse col-12 mt-2" id="set-domain">
+                              <div class="card card-body">
+                                <div class="col-6">
+                                  <div class="form-group">
+                                    <input type="text" class="form-control" placeholder="输入需要绑定的企业域名">
+                                    <small class="form-text text-muted">绑定您公司的域名/二级域名,例如:yun.yourdomain.com、yourdomain.com,然后将您域名的CNAME记录指向您当前二级域名地址,如:yourname.smartcost.com.cn,前面不须加http://</small>
+                                  </div>
+                                  <div class="form-group">
+                                      <button class="btn btn-outline-success">测试CNAME指向是否生效</button>
+                                  </div>
+                                  <div class="form-group">
+                                    <input type="text" class="form-control" placeholder="请输入域名备案信息" ><small class="form-text text-muted">根据国家的法律和法规,域名使用前必须先备案,请在输入域名后输入您的完成备案信息</small>
+                                  </div>
+                                  <div class="form-group mt-3 mb-0">
+                                      <button class="btn btn-primary">确认修改</button>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tab-pane " id="info-3">
+                          <div class="form-group">
+                                <label class="form-control-label">异常登录提醒</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
+                                    <label class="custom-control-label" for="customCheck1" >开启</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    <i class="fa fa-info-circle "></i> 账号出现异常登录时将给你的手机号码发送通知。
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">强制短信登录</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
+                                    <label class="custom-control-label" for="customCheck2" >启用</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    <i class="fa fa-info-circle "></i> 启用强制短信登录后,只能通过短信验证码方式登录。
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">登录时选择版本</label>
+                                <div class="form-control-plaintext">
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a2" id="inlineCheckbox1" value="option1">
+                                    <label class="form-check-label" for="inlineCheckbox1">每次询问</label>
+                                  </div>
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a2" id="inlineCheckbox2" value="option2">
+                                    <label class="form-check-label" for="inlineCheckbox2">指定版本</label>
+                                  </div>
+                                </div>
+                              </div>
+                            <div class="form-group">
+                                <label class="form-control-label">指定版本</label>
+                                <div class="form-control-plaintext">
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a1" id="inlineCheckbox3" value="option1">
+                                    <label class="form-check-label" for="inlineCheckbox3">重庆定额(2017)</label>
+                                  </div>
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a1" id="inlineCheckbox4" value="option2">
+                                    <label class="form-check-label" for="inlineCheckbox4">江西定额(2017)</label>
+                                  </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane " id="info-4">
+                          <table class="table table-hover">
+                            <thead><tr><th>系统</th><th>浏览器</th><th>访问日期</th><th>地址</th></tr></thead>
+                            <tbody>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                            </tbody>
+                          </table>
+                          <nav aria-label="...">
+                            <ul class="pagination">
+                              <li class="page-item disabled">
+                                <a class="page-link" href="#" tabindex="-1">上一页</a>
+                              </li>
+                              <li class="page-item active"><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="#">下一页</a>
+                              </li>
+                            </ul>
+                          </nav>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 228 - 0
com-member.html

@@ -0,0 +1,228 @@
+<!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>成员管理-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">企业后台</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="my-3">
+                      <ul class="nav nav-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#info-1" data-toggle="tab">成员列表</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#info-2" data-toggle="tab">成员权限</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col-12 mt-4">
+                      <div class="tab-content">
+                        <div class="tab-pane active" id="info-1">
+                          <div class="card card-body mb-2">
+                                <div class="row">
+                                  <div class="col-2 text-center">
+                                    <h5 class="card-title">5</h5>
+                                    <p class="card-text text-muted">授权账号数量</p>
+                                  </div>
+                                  <div class="col-2 text-center">
+                                    <h5 class="card-title">3</h5>
+                                    <p class="card-text text-muted">已使用账号数量</p>
+                                  </div>
+                                  <div class="col-2 ml-auto text-right">
+                                    <a href="" class="btn brn-sm btn-primary">添加成员</a>
+                                  </div>
+                                </div>
+                          </div>
+                          <table class="table">
+                            <thead>
+                              <tr><th>姓名</th><th>职位</th><th>手机</th><th>邮箱</th><th>操作</th></tr>
+                            </thead>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-8 mr-2">润隆</span> 张润隆
+                                  </li>
+                                </ul> <span class="text-danger">所有者</span></td>
+                                <td>造价师</td>
+                                <td>15812641238</td>
+                                <td>914630468@qq.com</td>
+                                <td><a href="">设置</a></td></tr>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-9 mr-2">佳玫</span> 张佳玫
+                                  </li>
+                                </ul></td>
+                                <td>造价师</td>
+                                <td>13891001149</td>
+                                <td>121212@qq.com</td>
+                                <td><a href="">设置</a></td></tr>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-3 mr-2">李旭</span> 李旭
+                                  </li>
+                                </ul></td>
+                                <td>造价师</td>
+                                <td>13812342143</td>
+                                <td>sdsd@qq.com</td>
+                                <td><a href="">设置</a></td></tr>
+                          </table>
+                        </div>
+                        <div class="tab-pane" id="info-2">
+                          <table class="table">
+                            <thead>
+                              <tr><th>姓名</th><th>职位</th><th>可用产品</th><th>权限</th></tr>
+                            </thead>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-8 mr-2">润隆</span> 张润隆
+                                  </li>
+                                </ul> <span class="text-danger">管理员</span></td>
+                                <td>造价师</td>
+                                <td><span class="badge badge-primary">重庆定额(2018)</span> <span class="badge badge-primary">江西定额(2017)</span> <a href="">设置</a></td>
+                                <td><a href="">设置</a></td></tr>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-9 mr-2">佳玫</span> 张佳玫
+                                  </li>
+                                </ul></td>
+                                <td>造价师</td>
+                                <td><span class="badge badge-primary">重庆定额(2018)</span> <span class="badge badge-primary">江西定额(2017)</span> <a href="">设置</a></td>
+                                <td><a href="">设置</a></td></tr>
+                            <tr><td><ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-3 mr-2">李旭</span> 李旭
+                                  </li>
+                                </ul></td>
+                                <td>造价师</td>
+                                <td><span class="badge badge-primary">重庆定额(2018)</span> <a href="">设置</a></td>
+                                <td><a href="">设置</a></td></tr>
+                          </table>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 173 - 0
com-product.html

@@ -0,0 +1,173 @@
+<!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>产品管理-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">企业后台</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                  <div class="row mt-4">
+                    <div class="col-7 mb-3">
+                      <div class="card border-success">
+                        <div class="card-body">
+                          <h5 class="card-title">重庆定额(2018)</h5>
+                          <p class="card-text">符合渝建发[2018]29号文、渝建[2019]143号文</p>
+                          <button class="btn btn-success btn-sm text-white" disabled><i class="fa fa-check"></i> 2020-03-01 开通</button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card border-success">
+                        <div class="card-body">
+                          <h5 class="card-title">江西定额(2017)</h5>
+                          <p class="card-text text-muted">符合赣建价[2017]7号文</p>
+                          <button class="btn btn-success btn-sm text-white" disabled><i class="fa fa-check"></i> 2020-03-01 开通</button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card">
+                        <div class="card-body">
+                          <h5 class="card-title">蒙古定额(2017)</h5>
+                          <p class="card-text text-muted">合内建工[2017]611号文</p>
+                          <button class="btn btn-danger btn-sm text-white" disabled>未开通</button>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-7 mb-3">
+                      <div class="card">
+                        <div class="card-body">
+                          <h5 class="card-title">广东定额(2018)</h5>
+                          <p class="card-text text-muted">符合粤建市[2019]6号文</p>
+                          <button class="btn btn-danger btn-sm  text-white" disabled>未开通</button>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

ファイルの差分が大きいため隠しています
+ 1723 - 0
com-project-management.html


+ 331 - 0
com-safe.html

@@ -0,0 +1,331 @@
+<!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>安全设置-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">账号资料</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link " href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="my-3">
+                      <ul class="nav nav-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#info-1" data-toggle="tab">基本设置</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#info-2" data-toggle="tab">企业日志</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col-12 ">
+                      <div class="tab-content">
+                        <div class="tab-pane active" id="info-1">
+                          <from>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">密码规则设置</label>
+                                  <p class="form-control-static mb-0 text-muted">企业所有者可以设置企业成员登录密码所必须满足的规则,从成功设置密码规则时间开始生效。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-name">修改规则</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-name">
+                                  <div class="card card-body">
+                                    <div class="col-6">
+                                      <div class="form-group">
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="checkbox" id="exampleRadios3" value="option1" checked>
+                                          <label class="form-check-label" for="exampleRadios3">
+                                             开启密码强度验证
+                                          </label>
+                                        </div>
+                                      </div>
+                                      <div class="form-group">
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
+                                          <label class="form-check-label" for="exampleRadios1">
+                                             弱 - 密码由纯数字或纯英文字母组成即可
+                                          </label>
+                                        </div>
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
+                                          <label class="form-check-label" for="exampleRadios2">
+                                            中 - 密码由数字和英文字母混合组成即可
+                                          </label>
+                                        </div>
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option2">
+                                          <label class="form-check-label" for="exampleRadios3">
+                                            强 - 密码必须由数字、英文字母和大写英文字母组成
+                                          </label>
+                                        </div>
+                                        <div class="form-check">
+                                          <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option2">
+                                          <label class="form-check-label" for="exampleRadios4">
+                                            超强 - 密码必须由数字、英文字母、大写英文字母和符号混合组成
+                                          </label>
+                                        </div>
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">全员重置密码</label>
+                                  <p class="form-control-static mb-0 text-muted">了保证企业信息的安全,企业所有者可以邀请全员重置密码。启动后,所有成员都将收到小特通知需要重置密码,同时也会收到邀请重置密码的短信和邮件。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-allpw">发起重置</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-allpw">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">发起密码重置</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">企业登录IP限制</label>
+                                  <p class="form-control-static mb-0 text-muted">为了保证企业信息更加安全,企业所有者可以设置登录IP限制规则。设置后,只能在限制的IP下才可以登录。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-ip">设置 IP</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-ip">
+                                  <div class="card card-body">
+                                    <div class="col-5">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入IP">
+                                        <small class="form-text text-muted">请谨慎修改本设置,IP一旦修改成功,与您当前IP不匹配,你将无法正常使用。</small>
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入当前账号登录密码">
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">登录安全设置</label>
+                                  <p class="form-control-static mb-0 text-muted">为了保证企业和成员信息的安全,企业所有者可以设置全员的登录失效规则(切换失效类型后,将在用户下一次登录时失效)</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-login">安全设置</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-login">
+                                  <div class="card card-body">
+                                    <div class="col-6">
+                                      <div class="form-group">
+                                        <div class="form-check form-check-inline">
+                                          <input class="form-check-input" type="radio" name="login" id="loginRadio1" value="option1">
+                                          <label class="form-check-label" for="loginRadio1">无操作</label>
+                                        </div>
+                                        <select class="form-control d-inline-block w-25">
+                                          <option>1</option>
+                                          <option>2</option>
+                                          <option>3</option>
+                                          <option>4</option>
+                                          <option>5</option>
+                                          <option>6</option>
+                                          <option>7</option>
+                                          <option>10</option>
+                                          <option>15</option>
+                                          <option>30</option>
+                                        </select>
+                                        <select class="form-control d-inline-block w-25">
+                                          <option>天</option>
+                                          <option>小时</option>
+                                          <option>分钟</option>
+                                        </select>
+                                        后,用户重新登录
+                                      </div>
+                                      <div class="form-group">
+                                        <div class="form-check form-check-inline">
+                                          <input class="form-check-input" type="radio" name="login" id="loginRadio2" value="option2">
+                                          <label class="form-check-label" for="loginRadio2">退出浏览器窗口后,用户重新登录</label>
+                                        </div>
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                          </from>
+                        </div>
+                        <div class="tab-pane " id="info-2">
+                          <table class="table table-hover">
+                            <thead><tr><th>系统</th><th>浏览器</th><th>访问后台日期</th><th>地址</th></tr></thead>
+                            <tbody>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                            </tbody>
+                          </table>
+                          <nav aria-label="...">
+                            <ul class="pagination">
+                              <li class="page-item disabled">
+                                <a class="page-link" href="#" tabindex="-1">上一页</a>
+                              </li>
+                              <li class="page-item active"><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="#">下一页</a>
+                              </li>
+                            </ul>
+                          </nav>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>

+ 375 - 0
com-user-info.html

@@ -0,0 +1,375 @@
+<!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>账号资料-Smartcost</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="header">
+        <!-- <div class="top-msg clearfix">
+            <div class="alert alert-warning alert-dismissible" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
+                <strong>注意!</strong> 这是一条消息通知 <a href="#">链接</a>
+            </div>
+        </div> -->
+        <nav class="navbar navbar-expand-lg p-0 d-flex pro-version">
+           <div class="header-logo">
+              <div class="v-title">重庆定额(2018)</div>
+              <div class="p-title">广州XXX公司</div>
+            </div>
+            <div class="top-nav mr-auto">
+                <ul class="nav nav-pills">
+                  <li class="nav-item">
+                    <a class="nav-link " href="#">企业项目</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#"><span>某综合楼建设项目</span> <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">某工厂建设项目 <span class="nav-del" title="删除标签"><i class="fal fa-times"></i></span></a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link active" href="#">账号资料</a>
+                  </li>
+                </ul>
+            </div>
+            <div class="ml-auto navbar-text p-0">
+              <ul class="nav navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-question-circle "></i> 帮助</a>
+                        <div class="dropdown-menu dropdown-menu-right">
+                            <a class="dropdown-item" href="#">用户手册</a>
+                            <a class="dropdown-item" href="#">动画教程</a>
+                            <a class="dropdown-item" href="#">常见问题解答</a>
+                            <a class="dropdown-item" href="#">升级说明</a>
+                            <a class="dropdown-item" href="#">计价依据</a>
+                            <a class="dropdown-item" href="#">纵横官网</a>
+                            <a class="dropdown-item" href="#">联系客服</a>
+                        </div>
+                    </li>
+                    <!-- <li class="nav-item">
+                      <a class="nav-link new-msg" data-toggle="modal" data-target="#msg" href="javacript:void(0);">
+                        <i class="fa fa-envelope-o" aria-hidden="true"></i>&nbsp;2
+                      </a>
+                    </li> -->
+                    <li class="nav-item">
+                      <a href="#" class="nav-link"><span  data-toggle="tooltip" data-placement="bottom" data-original-title="页面全屏 快捷键 F11" ><i class="fa fa-window-maximize "></i> 全屏</span></a>
+                      <!-- <a href="#" class="nav-link"><i data-toggle="tooltip" data-placement="bottom" data-original-title="退出全屏" class="fa fa-window-close-o"></i> 退出</a> -->
+                    </li>
+                    <li class="nav-item dropdown">
+                        <div data-toggle="dropdown" class="mr-3">
+                            <ul class="avatar-list top-avatar">
+                                <li class="dropdown-toggle " data-toggle="tooltip" data-placement="bottom" title="" data-original-title="张润隆">
+                                    <span class="avatar bg-8 mr-2">润隆</span>张润隆
+                                </li>
+                            </ul>
+                        </div>
+                      <div class="dropdown-menu dropdown-menu-right">
+                          <a class="dropdown-item" href="#">登录个人版</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item" href="com-user-info.html" target="_blank">账号资料</a>
+                          <a class="dropdown-item" href="user-set.html" target="_blank">登录设置</a>
+                          <div class="dropdown-divider"></div>
+                          <a class="dropdown-item"  href="com-admin.html" target="_blank">进入企业后台</a>
+                          <a class="dropdown-item" href="#" target="_blank">登出当前企业</a>
+                      </div>
+                    </li>
+                  </ul>
+            </div>
+        </nav>
+    </div>
+    <div class="main">
+        <div class="poj-manage container-fluid">
+            <div class="row">
+                <div class="col-2">
+                    <div class="mt-3">
+                        <ul class="nav nav-pills flex-column">
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-board.html"><i class="fa fa-tachometer"></i> 控制台</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-member.html"><i class="fa fa-users"></i> 成员管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-product.html"><i class="fa fa-clone"></i> 产品管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-app.html"><i class="fa fa-server"></i> 应用管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-info.html"><i class="fa fa-cog"></i> 企业设置</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="com-safe.html"><i class="fa fa-shield"></i> 安全管理</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="com-user-info.html"><i class="fa fa-user"></i> 账号资料</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="my-3">
+                      <ul class="nav nav-tabs">
+                        <li class="nav-item">
+                          <a class="nav-link active" href="#info-1" data-toggle="tab">基本设置</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#info-2" data-toggle="tab">个人资料</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link " href="#info-3" data-toggle="tab">功能设置</a>
+                        </li>
+                        <li class="nav-item">
+                          <a class="nav-link" href="#info-4" data-toggle="tab">访问日志</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class="col-12 ">
+                      <div class="tab-content">
+                        <div class="tab-pane active" id="info-1">
+                          <from>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">通行账号(登录手机)</label>
+                                  <p class="form-control-static mb-0 text-muted">你当前的手机号码是 <span class="text-danger">15812641234</span>,修改手机时系统会发送验证码到新的手机号码上,然后输入验证码后完成修改。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-phone">修改手机</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-phone">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入新手机号码">
+                                      </div>
+                                      <div class="form-group">
+                                        <div class="input-group">
+                                          <input type="text" class="form-control" placeholder="请输入验证码">
+                                          <div class="input-group-append">
+                                            <button class="btn btn-primary" type="button" id="button-addon2">获取验证码</button>
+                                          </div>
+                                        </div>
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">邮箱</label>
+                                  <p class="form-control-static mb-0 text-muted">你当前的邮箱是<span class="text-danger">914630468@qq.com</span> <span class="badge badge-danger">未验证</span>,修改邮箱时系统会发送一封邮件到新的邮箱地址,请按照邮箱中的链接重置你的邮箱。</p>
+                                </div>
+                                <div class="col ml-auto text-right">
+                                  <a class="btn btn-sm btn-outline-primary"  data-toggle="collapse" href="#set-mail">修改邮箱</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-mail">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入邮箱地址码">
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">密码</label>
+                                  <p class="form-control-static mb-0 text-muted">修改密码时需要输入当前密码,如果你忘记了当前密码,可以点击这里<a href="#">通过手机重置</a>你的密码。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary"  data-toggle="collapse" href="#set-password">修改密码</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-password">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入旧密码">
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入新密码">
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请确认新密码">
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                          </from>
+                        </div>
+                        <div class="tab-pane " id="info-2">
+                          <div class="form-group row">
+                            <div class="col-9">
+                              <label class="form-control-label">头像</label>
+                              <p class="form-control-static mb-0 text-muted">
+                                <ul class="avatar-list big-avatar">
+                                  <li class="">
+                                      <span class="avatar bg-8 mr-2">润隆</span>
+                                  </li>
+                                </ul>
+                                <ul class="avatar-list top-avatar">
+                                  <li class="">
+                                      <span class="avatar bg-8 mr-2">润隆</span>
+                                  </li>
+                                </ul>
+                                <ul class="avatar-list">
+                                  <li class="">
+                                      <span class="avatar bg-8 mr-2">润隆</span>
+                                  </li>
+                                </ul>
+                              </p>
+                            </div>
+                            <div class="col ml-auto  text-right">
+                              <a class="btn btn-sm btn-outline-primary" href="#">选择照片</a>
+                              <a class="btn btn-sm btn-outline-primary" href="#">恢复默认</a>
+                            </div>
+                          </div>
+                              <div class="form-group row">
+                                <div class="col-10">
+                                  <label class="form-control-label">姓名</label>
+                                  <p class="form-control-static mb-0 text-muted">你当前的姓名是 <span class="text-danger">陈特</span>,职位是 <span class="text-danger">造价师</span>,请填写真实姓名让企业成员知道如何称呼您。</p>
+                                </div>
+                                <div class="col ml-auto  text-right">
+                                  <a class="btn btn-sm btn-outline-primary" data-toggle="collapse" href="#set-name">修改姓名</a>
+                                </div>
+                                <div class="collapse col-12 mt-2" id="set-name">
+                                  <div class="card card-body">
+                                    <div class="col-4">
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入您的真实姓名">
+                                      </div>
+                                      <div class="form-group">
+                                        <input type="" class="form-control" id="" placeholder="请输入您的职位">
+                                      </div>
+                                      <div class="form-group mt-3 mb-0">
+                                          <button class="btn btn-primary">确认修改</button>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                        </div>
+                        <div class="tab-pane " id="info-3">
+                          <div class="form-group">
+                                <label class="form-control-label">异常登录提醒</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck1">
+                                    <label class="custom-control-label" for="customCheck1" >开启</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    <i class="fa fa-info-circle "></i> 账号出现异常登录时将给你的手机号码发送通知。
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">强制短信登录</label>
+                                <div class="form-control-static">
+                                  <div class="custom-control custom-checkbox" >
+                                    <input type="checkbox" class="custom-control-input" id="customCheck2">
+                                    <label class="custom-control-label" for="customCheck2" >启用</label>
+                                  </div>
+                                  <p class="text-muted">
+                                    <i class="fa fa-info-circle "></i> 启用强制短信登录后,只能通过短信验证码方式登录。
+                                  </p>
+                                </div>
+                            </div>
+                            <div class="form-group">
+                                <label class="form-control-label">登录时选择版本</label>
+                                <div class="form-control-plaintext">
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a2" id="inlineCheckbox1" value="option1">
+                                    <label class="form-check-label" for="inlineCheckbox1">每次询问</label>
+                                  </div>
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a2" id="inlineCheckbox2" value="option2">
+                                    <label class="form-check-label" for="inlineCheckbox2">指定版本</label>
+                                  </div>
+                                </div>
+                              </div>
+                            <div class="form-group">
+                                <label class="form-control-label">指定版本</label>
+                                <div class="form-control-plaintext">
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a1" id="inlineCheckbox3" value="option1">
+                                    <label class="form-check-label" for="inlineCheckbox3">重庆定额(2017)</label>
+                                  </div>
+                                  <div class="form-check form-check-inline">
+                                    <input class="form-check-input" type="radio" name="a1" id="inlineCheckbox4" value="option2">
+                                    <label class="form-check-label" for="inlineCheckbox4">江西定额(2017)</label>
+                                  </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane " id="info-4">
+                          <table class="table table-hover">
+                            <thead><tr><th>系统</th><th>浏览器</th><th>访问日期</th><th>地址</th></tr></thead>
+                            <tbody>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                              <tr>
+                                <td>Windows NT 10.0 64-bit</td><td>Chrome 55.0.2883.87 m (64-bit)</td><td>2017-01-12 09:09</td><td>广东省珠海市 电信(116.19.86.133)</td>
+                              </tr>
+                            </tbody>
+                          </table>
+                          <nav aria-label="...">
+                            <ul class="pagination">
+                              <li class="page-item disabled">
+                                <a class="page-link" href="#" tabindex="-1">上一页</a>
+                              </li>
+                              <li class="page-item active"><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="#">下一页</a>
+                              </li>
+                            </ul>
+                          </nav>
+                        </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>
+</body>
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
+
+</html>