Startseite Erkunden Hilfe
Anmelden
S.H.I.E.L.D.
/
measureSAAS.v4
3
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

投资云计量支付

chente vor 2 Jahren
Commit
31a8837c62
100 geänderte Dateien mit 28940 neuen und 0 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 28 0
      404.html
  2. 118 0
      account-info.html
  3. 137 0
      account-safe.html
  4. 117 0
      account-sign.html
  5. 187 0
      account-sms.html
  6. 203 0
      account-wechat.html
  7. 1179 0
      baobiao.html
  8. 716 0
      biangeng-detail-1.html
  9. 412 0
      biangeng-detail-2.html
  10. 175 0
      biangeng-detail-3.html
  11. 934 0
      biangeng-detail.html
  12. 352 0
      biangeng.html
  13. 1291 0
      biaoduan-panel.html
  14. 209 0
      biaoduan-xiezuo.html
  15. 939 0
      biaoduan.html
  16. BIN
      css/404.png
  17. 7 0
      css/bootstrap/bootstrap.min.css
  18. 1 0
      css/datepicker/datepicker.min.css
  19. 4 0
      css/font-awesome/font-awesome.min.css
  20. BIN
      css/font-awesome/fonts/FontAwesome.otf
  21. BIN
      css/font-awesome/fonts/fontawesome-webfont.eot
  22. 2671 0
      css/font-awesome/fonts/fontawesome-webfont.svg
  23. BIN
      css/font-awesome/fonts/fontawesome-webfont.ttf
  24. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff
  25. BIN
      css/font-awesome/fonts/fontawesome-webfont.woff2
  26. BIN
      css/logo.png
  27. 1348 0
      css/main.css
  28. 785 0
      css/spreadjs/sheets/gc.spread.sheets.10.0.1.css
  29. 855 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013darkGray.10.0.1.css
  30. 857 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013lightGray.10.0.1.css
  31. 850 0
      css/spreadjs/sheets/gc.spread.sheets.excel2013white.10.0.1.css
  32. 857 0
      css/spreadjs/sheets/gc.spread.sheets.excel2016colorful.10.0.1.css
  33. 850 0
      css/spreadjs/sheets/gc.spread.sheets.excel2016darkGray.10.0.1.css
  34. 851 0
      css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css
  35. 13 0
      css/spreadjs/views/gc.spread.views.dataview.10.0.0.css
  36. 1 0
      css/spreadjs/views/gc.spread.views.dataview.blue.10.0.0.css
  37. 1 0
      css/spreadjs/views/gc.spread.views.dataview.bootstrap.10.0.0.css
  38. 1 0
      css/spreadjs/views/gc.spread.views.dataview.flat.10.0.0.css
  39. 1 0
      css/undraw_all_the_data_h4ki.svg
  40. 1 0
      css/undraw_order_a_car_3tww.svg
  41. 1 0
      css/undraw_work_chat_erdt.svg
  42. BIN
      css/ztree/img/diy/1_close.png
  43. BIN
      css/ztree/img/diy/1_open.png
  44. BIN
      css/ztree/img/diy/2.png
  45. BIN
      css/ztree/img/diy/3.png
  46. BIN
      css/ztree/img/diy/4.png
  47. BIN
      css/ztree/img/diy/5.png
  48. BIN
      css/ztree/img/diy/6.png
  49. BIN
      css/ztree/img/diy/7.png
  50. BIN
      css/ztree/img/diy/8.png
  51. BIN
      css/ztree/img/diy/9.png
  52. BIN
      css/ztree/img/line_conn.gif
  53. BIN
      css/ztree/img/loading.gif
  54. BIN
      css/ztree/img/zTreeStandard.gif
  55. BIN
      css/ztree/img/zTreeStandard.png
  56. 97 0
      css/ztree/zTreeStyle.css
  57. 160 0
      dashboard-add.html
  58. 190 0
      dashboard-msg.html
  59. 351 0
      dashboard.html
  60. 249 0
      fenbao-qi-detail.html
  61. 336 0
      fenbao-qi.html
  62. 325 0
      fenbao.html
  63. BIN
      img/1564729538.png
  64. BIN
      img/2 中期支付证书(佛山禅城).png
  65. BIN
      img/avatar.png
  66. BIN
      img/baobiao.png
  67. BIN
      img/baobiao2.jpg
  68. BIN
      img/baobiao2.png
  69. BIN
      img/baobiao3.png
  70. BIN
      img/example/jiliangmoshi.png
  71. BIN
      img/favicon.ico
  72. BIN
      img/loginlogo.png
  73. BIN
      img/logo.png
  74. BIN
      img/logo3.png
  75. BIN
      img/p1.png
  76. BIN
      img/p2.png
  77. BIN
      img/sketch/1.png
  78. BIN
      img/sketch/2.png
  79. BIN
      img/sketch/3.png
  80. BIN
      img/sketch/4.jpg
  81. BIN
      img/user-sign.PNG
  82. BIN
      img/wechat.png
  83. 423 0
      jiliang-bj.html
  84. 817 0
      jiliang-qi-baobiao.html
  85. 2158 0
      jiliang-qi-detail-1.html
  86. 153 0
      jiliang-qi-detail-2.html
  87. 427 0
      jiliang-qi-detail-3-done.html
  88. 463 0
      jiliang-qi-detail-3.html
  89. 611 0
      jiliang-qi-detail-4.html
  90. 217 0
      jiliang-qi-detail-5.html
  91. 588 0
      jiliang-qi-detail-6.html
  92. 394 0
      jiliang-qi-detail-7.html
  93. 443 0
      jiliang-qi-detail-8.html
  94. 302 0
      jiliang-qi-detail-9.html
  95. 950 0
      jiliang-qi-shenpi-1-unlock.html
  96. 861 0
      jiliang-qi-shenpi-1.html
  97. 515 0
      jiliang-qi-shenpi-2-done.html
  98. 404 0
      jiliang-qi-shenpi-2.html
  99. 554 0
      jiliang-qi.html
  100. 0 0
      js/bootstrap/bootstrap.bundle.min.js

+ 28 - 0
404.html
Datei anzeigen 

@@ -0,0 +1,28 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>用户登录-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body class="login-body">
 
+    <div class="container">
 
+        <!--404-->
 
+        <form class="form-signin bg-404">
 
+            <h4 class="text-center mb-3">Opps！页面不存在。</h4>
 
+            <h4 style="font-size:200px" class="text-center">404</h4>
 
+        </form>
 
+
 
+        <div class="text-white fixed-bottom"><p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank" class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2" href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p></div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+</body>
 
+
 
+</html>

+ 118 - 0
account-info.html
Datei anzeigen 

@@ -0,0 +1,118 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-sidebar">
 
+    				<div class="sidebar-title">张三</div>
 
+    				<div class="scrollbar-auto">
 
+    					<div class="nav-box">
 
+    						<ul class="nav-list list-unstyled">
 
+                  <li class="active"><a href="account-info.html"><span>账号资料</span></a></li>
 
+                  <li><a href="account-sms.html"><span>短信通知</span></a></li>
 
+                  <li><a href="account-wechat.html"><span>微信通知</span></a></li>
 
+                  <li><a href="account-sign.html"><span>电子签名</span></a></li>
 
+    							<li><a href="account-safe.html"><span>账号安全</span></a></li>
 
+    							<li><a href=""><span>帮助中心</span></a></li>
 
+    						</ul>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    			<div class="panel-content">
 
+    				<div class="panel-title">
 
+    					<div class="title-main">
 
+    						<h2>账号资料</h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <div class="sjs-height-0">
 
+      						<div class="row m-0">
 
+                    <div class="col-5 my-3">
 
+                      <!--账号资料-->
 
+                      <form>
 
+      								  <div class="form-group">
 
+      								    <label>账号</label>
 
+      								    <input class="form-control form-control-sm" value="zhangsan" type="text" readonly>
 
+      								  </div>
 
+      								  <div class="form-group">
 
+      								    <label>姓名</label>
 
+      								    <input class="form-control form-control-sm" placeholder="请输入姓名" value="张三" type="text">
 
+      								  </div>
 
+      								  <div class="form-group">
 
+      								    <label>单位</label>
 
+      								    <input class="form-control form-control-sm" placeholder="" value="珠海纵横创新软件有限公司" type="text">
 
+      								  </div>
 
+      								  <div class="form-group">
 
+      								    <label>角色/职称</label>
 
+      								    <input class="form-control form-control-sm" placeholder="" value="监理" type="text">
 
+      								  </div>
 
+                        <div class="form-group">
 
+                          <label>手机</label>
 
+                          <input class="form-control form-control-sm" value="12345678901" type="text">
 
+                        </div>
 
+                        <!--绑定了接口不能修改-->
 
+                        <div class="form-group">
 
+                          <label>手机</label>
 
+                          <input class="form-control form-control-sm" value="12345678901" type="text" disabled="">
 
+                          <small class="form-text text-danger">已绑定第三方平台，无法修改</small>
 
+                        </div>
 
+      								  <div class="form-group">
 
+      								    <label>电话</label>
 
+      								    <input class="form-control form-control-sm" value="0756-12345678" type="text">
 
+      								  </div>
 
+                        <button type="submit" class="btn btn-sm btn-primary">确认修改</button>
 
+                      </form>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 137 - 0
account-safe.html
Datei anzeigen 

@@ -0,0 +1,137 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="main">
 
+        <div class="main-nav d-flex align-items-start flex-column">
 
+            <div class="logo"><img src="img/logo.png"></div>
 
+                <div class="nav-top">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+                        <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+                        <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+                    </ul>
 
+                </div>
 
+                <div class="nav-bottom mt-auto">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+                    </ul>
 
+                    <div class="dropright my-1 ml-1">
 
+                        <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+                        <div class="dropdown-menu">
 
+                            <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+                            <a href="#" class="dropdown-item">账号安全</a>
 
+                            <div class="dropdown-divider"></div>
 
+                            <a href="#" class="dropdown-item">帮助中心</a>
 
+                            <a href="#" class="dropdown-item">退出登录</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="main-panel">
 
+                <div class="panel-sidebar">
 
+                    <div class="sidebar-title">张三</div>
 
+                    <div class="scrollbar-auto">
 
+                        <div class="nav-box">
 
+                            <ul class="nav-list list-unstyled">
 
+                                <li><a href="account-info.html"><span>账号资料</span></a></li>
 
+                                <li><a href="account-sms.html"><span>短信通知</span></a></li>
 
+                                <li><a href="account-wechat.html"><span>微信通知</span></a></li>
 
+                                <li><a href="account-sign.html"><span>电子签名</span></a></li>
 
+                                <li class="active"><a href="account-safe.html"><span>账号安全</span></a></li>
 
+                                <li><a href=""><span>帮助中心</span></a></li>
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="panel-content">
 
+                    <div class="panel-title">
 
+                        <div class="title-main">
 
+                            <h2>账号安全</h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="content-wrap">
 
+                        <div class="c-body">
 
+                            <div class="row m-0">
 
+                                <div class="col-5 my-3">
 
+                                    <!--账号安全-->
 
+                                    <form>
 
+                                        <div class="form-group">
 
+                                            <label>旧密码</label>
 
+                                            <input class="form-control form-control-sm is-invalid" type="password">
 
+                                            <div class="invalid-feedback">
 
+                                                密码错误
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group">
 
+                                            <label>新密码</label>
 
+                                            <input class="form-control form-control-sm" type="password">
 
+                                        </div>
 
+                                        <div class="form-group">
 
+                                            <label>确认新密码</label>
 
+                                            <input class="form-control form-control-sm" type="password">
 
+                                        </div>
 
+                                        <button type="submit" class="btn btn-sm btn-primary">确认修改</button>
 
+                                    </form>
 
+                                </div>
 
+                                <div class="col-12 mt-5">
 
+                                    <h4>访问日志</h4>
 
+                                    <table class="table table-hover">
 
+                                        <thead>
 
+                                            <tr>
 
+                                                <th></th>
 
+                                                <th>系统</th>
 
+                                                <th>浏览器</th>
 
+                                                <th>登录时间</th>
 
+                                                <th>登录地址</th>
 
+                                            </tr>
 
+                                        </thead>
 
+                                        <tbody>
 
+                                            <tr>
 
+                                                <td>1</td>
 
+                                                <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>2</td>
 
+                                                <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>3</td>
 
+                                                <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>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <!-- JS. -->
 
+        <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+        <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 117 - 0
account-sign.html
Datei anzeigen 

@@ -0,0 +1,117 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+    			<div class="panel-sidebar">
 
+            <div class="sidebar-title">张三</div>
 
+    				<div class="scrollbar-auto">
 
+    					<div class="nav-box">
 
+    						<ul class="nav-list list-unstyled">
 
+                  <li><a href="account-info.html"><span>账号资料</span></a></li>
 
+                  <li><a href="account-sms.html"><span>短信通知</span></a></li>
 
+                  <li><a href="account-wechat.html"><span>微信通知</span></a></li>
 
+                  <li class="active"><a href="account-sign.html"><span>电子签名</span></a></li>
 
+    							<li><a href="account-safe.html"><span>账号安全</span></a></li>
 
+    							<li><a href=""><span>帮助中心</span></a></li>
 
+    						</ul>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    			<div class="panel-content">
 
+    				<div class="panel-title">
 
+    					<div class="title-main">
 
+    						<h2>电子签名</h2>
 
+    					</div>
 
+    				</div>
 
+    				<div class="content-wrap">
 
+    					<div class="c-body">
 
+                <div class="sjs-height-0">
 
+                  <div class="row m-0">
 
+                    <div class="col-5 my-3">
 
+                      <!--账号资料-->
 
+                      <form>
 
+                        <div class="form-group">
 
+                          <div class="form-check form-check-inline">
 
+                            <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
 
+                            <label class="form-check-label" for="inlineRadio2">在线手写签名图</label>
 
+                          </div>
 
+                          <div class="form-check form-check-inline">
 
+                            <input class="form-check-input " type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
 
+                            <label class="form-check-label" for="inlineRadio1">上传签名图</label>
 
+                          </div>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>上传签名图</label>
 
+                          <input type="file" class="form-control form-control-sm-file" id="exampleFormControlFile1">
 
+                          <small class="form-text text-danger">图片大小为600x300，格式PNG透明背景。</small>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>在线手写签名</label>
 
+                          <div><img src="img/1564729538.png" width="150"></div>
 
+                          <small class="form-text text-danger">微信扫码使用在线手写程序</small>
 
+                        </div>
 
+                        <button type="submit" class="btn btn-sm btn-danger">移除签名</button>
 
+      								  <div class="form-group">
 
+      								    <label>签名图预览</label>
 
+      								    <div>
 
+                            <div class="position-relative">
 
+                              <img src="img/baobiao3.png">
 
+                              <div class="position-absolute fixed-top" style="left:290px;top:320px">
 
+                                <img src="img/user-sign.png" width="90">
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+      								  </div>
 
+                      </form>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+    					</div>
 
+    				</div>
 
+    			</div>
 
+    		</div>	</div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 187 - 0
account-sms.html
Datei anzeigen 

@@ -0,0 +1,187 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="main">
 
+        <div class="main-nav d-flex align-items-start flex-column">
 
+            <div class="logo"><img src="img/logo.png"></div>
 
+                <div class="nav-top">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+                        <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+                        <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+                    </ul>
 
+                </div>
 
+                <div class="nav-bottom mt-auto">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+                    </ul>
 
+                    <div class="dropright my-1 ml-1">
 
+                        <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+                        <div class="dropdown-menu">
 
+                            <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+                            <a href="#" class="dropdown-item">账号安全</a>
 
+                            <div class="dropdown-divider"></div>
 
+                            <a href="#" class="dropdown-item">帮助中心</a>
 
+                            <a href="#" class="dropdown-item">退出登录</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="main-panel">
 
+                <div class="panel-sidebar">
 
+                    <div class="sidebar-title">张三</div>
 
+                    <div class="scrollbar-auto">
 
+                        <div class="nav-box">
 
+                            <ul class="nav-list list-unstyled">
 
+                                <li><a href="account-info.html"><span>账号资料</span></a></li>
 
+                                <li class="active"><a href="account-sms.html"><span>认证手机</span></a></li>
 
+                                <li><a href="account-wechat.html"><span>微信通知</span></a></li>
 
+                                <li><a href="account-sign.html"><span>电子签名</span></a></li>
 
+                                <li><a href="account-safe.html"><span>账号安全</span></a></li>
 
+                                <li><a href=""><span>帮助中心</span></a></li>
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="panel-content">
 
+                    <div class="panel-title">
 
+                        <div class="title-main">
 
+                            <h2>认证手机</h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="content-wrap">
 
+                        <div class="c-body">
 
+                            <div class="row m-0">
 
+                                <div class="col-5 my-3">
 
+                                    <div class="alert alert-warning">认证手机用户找回密码操作，请优先设置。</div>
 
+                                    <form>
 
+                                        <div class="form-group">
 
+                                            <label>认证手机</label>
 
+                                            <div class="input-group input-group-sm mb-3">
 
+                                                <input class="form-control" placeholder="输入11位手机号码">
 
+                                                <div class="input-group-append">
 
+                                                    <button class="btn btn-outline-secondary" type="button">获取验证码</button>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <!--错误提示-->
 
+                                        <div class="form-group">
 
+                                            <label>认证手机</label>
 
+                                            <div class="input-group input-group-sm mb-3">
 
+                                                <input class="form-control  is-invalid" placeholder="输入11位手机号码">
 
+                                                <div class="input-group-append">
 
+                                                    <button class="btn btn-outline-secondary" type="button">获取验证码</button>
 
+                                                </div>
 
+                                                <div class="invalid-feedback">手机号码已被使用</div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group">
 
+                                            <div class="input-group input-group-sm mb-3">
 
+                                                <input class="form-control" placeholder="输入11位手机号码" value="15912834756">
 
+                                                <div class="input-group-append">
 
+                                                    <button class="btn btn-outline-secondary disabled" type="button">重新获取 58S</button>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group">
 
+                                            <input class="form-control form-control-sm" placeholder="输入短信中的5位验证码">
 
+                                        </div>
 
+                                        <button type="submit" class="btn btn-sm btn-secondary disabled">确认绑定</button> <button type="submit" class="btn btn-sm btn-primary">确认绑定</button>
 
+                                    </form>
 
+                                    <!--已绑定手机-->
 
+                                    <div class="form-group">
 
+                                        <label>已认证手机</label>
 
+                                        <div class="input-group input-group-sm mb-3">
 
+                                            <input class="form-control form-control" readonly="" value="15987622341">
 
+                                            <div class="input-group-append">
 
+                                                <button class="btn btn-outline-secondary" type="button">修改手机</button>
 
+                                            </div>
 
+                                        </div>
 
+                                    </div>
 
+                                    <!--短信通知开关(已有认证手机后显示)-->
 
+                                   <!--  <div class="mt-5">
 
+                                        <h4>通知类型</h4>
 
+                                        <p class="text-muted">勾选您需要接收的短信类型。</p>
 
+                                        <div class="form-group form-group-sm row">
 
+                                            <label class="col-auto col-form-label">台帐审批<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype1" value="option1">
 
+                                                    <label class="form-check-label" for="smstype1">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype2" value="option2">
 
+                                                    <label class="form-check-label" for="smstype2">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">计量审批<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype6" value="option6">
 
+                                                    <label class="form-check-label" for="smstype6">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype7" value="option7">
 
+                                                    <label class="form-check-label" for="smstype7">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">变更管理<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype12" value="option12">
 
+                                                    <label class="form-check-label" for="smstype12">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype13" value="option13">
 
+                                                    <label class="form-check-label" for="smstype13">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <button type="submit" class="btn btn-sm btn-primary">确认修改</button>
 
+                                    </div> -->
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+      <!--短信图示-->
 
+      <div class="modal fade" id="sms-view" >
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">短信示例</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">×</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    图片
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+        <!-- JS. -->
 
+        <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+        <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 203 - 0
account-wechat.html
Datei anzeigen 

@@ -0,0 +1,203 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>账号资料-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+    <div class="main">
 
+        <div class="main-nav d-flex align-items-start flex-column">
 
+            <div class="logo"><img src="img/logo.png"></div>
 
+                <div class="nav-top">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+                        <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+                        <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+                    </ul>
 
+                </div>
 
+                <div class="nav-bottom mt-auto">
 
+                    <ul class="nav nav-pills nav-stacked bg-nav">
 
+                        <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+                    </ul>
 
+                    <div class="dropright my-1 ml-1">
 
+                        <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+                        <div class="dropdown-menu">
 
+                            <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+                            <a href="#" class="dropdown-item">账号安全</a>
 
+                            <div class="dropdown-divider"></div>
 
+                            <a href="#" class="dropdown-item">帮助中心</a>
 
+                            <a href="#" class="dropdown-item">退出登录</a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="main-panel">
 
+                <div class="panel-sidebar">
 
+                    <div class="sidebar-title">张三</div>
 
+                    <div class="scrollbar-auto">
 
+                        <div class="nav-box">
 
+                            <ul class="nav-list list-unstyled">
 
+                                <li><a href="account-info.html"><span>账号资料</span></a></li>
 
+                                <li><a href="account-sms.html"><span>短信通知</span></a></li>
 
+                                <li class="active"><a href="account-wechat.html"><span>微信通知</span></a></li>
 
+                                <li><a href="account-sign.html"><span>电子签名</span></a></li>
 
+                                <li><a href="account-safe.html"><span>账号安全</span></a></li>
 
+                                <li><a href=""><span>帮助中心</span></a></li>
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="panel-content">
 
+                    <div class="panel-title">
 
+                        <div class="title-main">
 
+                            <h2>微信通知</h2>
 
+                        </div>
 
+                    </div>
 
+                    <div class="content-wrap">
 
+                        <div class="c-body">
 
+                            <div class="row m-0">
 
+                                <div class="col-5 my-3">
 
+                                    <form>
 
+                                    <!--已绑定手机-->
 
+                                    <div class="form-group">
 
+                                        <label>微信账号</label>
 
+                                        <input class="form-control-plaintext" value="kaka ©">
 
+                                        <a href="" class="btn btn-sm btn-outline-primary" data-toggle="modal" data-target="#remove-wechat">解绑</a>
 
+                                    </div>
 
+                                        <div class="form-group">
 
+                                            <label>微信账号</label>
 
+                                            <input class="form-control-plaintext" value="未绑定">
 
+                                        </div>
 
+                                        <!--二维码-->
 
+                                        <div class="form-group">
 
+                                            <label>扫码或搜索 关注服务号</label>
 
+                                            <div><img class="w-50" src="img/wechat.png"></div>
 
+                                        </div>
 
+                                    </form>
 
+                                    <!--短信通知开关(已绑定微信)-->
 
+                                    <div class="mt-5">
 
+                                        <h4>通知类型</h4>
 
+                                        <p class="text-muted">勾选您需要接收的短信类型。</p>
 
+                                        <div class="form-group form-group-sm row">
 
+                                            <label class="col-auto col-form-label">台帐审批<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype2" value="option2">
 
+                                                    <label class="form-check-label" for="smstype2">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype2" value="option2">
 
+                                                    <label class="form-check-label" for="smstype2">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group form-group-sm row">
 
+                                            <label class="col-auto col-form-label">台帐修订<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype2" value="option2">
 
+                                                    <label class="form-check-label" for="smstype2">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype2" value="option2">
 
+                                                    <label class="form-check-label" for="smstype2">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">计量审批<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype6" value="option6">
 
+                                                    <label class="form-check-label" for="smstype6">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype7" value="option7">
 
+                                                    <label class="form-check-label" for="smstype7">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">变更管理<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype12" value="option12">
 
+                                                    <label class="form-check-label" for="smstype12">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype13" value="option13">
 
+                                                    <label class="form-check-label" for="smstype13">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">材料调差<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype12" value="option12">
 
+                                                    <label class="form-check-label" for="smstype12">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype13" value="option13">
 
+                                                    <label class="form-check-label" for="smstype13">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <div class="form-group row">
 
+                                            <label class="col-auto col-form-label">预付款<a href="#sms-view" data-toggle="modal" data-target="#sms-view" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
 
+                                            <div class="col-5">
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype12" value="option12">
 
+                                                    <label class="form-check-label" for="smstype12">需要我审批</label>
 
+                                                </div>
 
+                                                <div class="form-check ">
 
+                                                    <input class="form-check-input" type="checkbox" id="smstype13" value="option13">
 
+                                                    <label class="form-check-label" for="smstype13">审批结果</label>
 
+                                                </div>
 
+                                            </div>
 
+                                        </div>
 
+                                        <button type="submit" class="btn btn-sm btn-primary">确认修改</button>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+      <!--短信图示-->
 
+      <div class="modal fade" id="remove-wechat" >
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">解绑微信账号</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">×</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <h6>确认解绑微信号 kaka ©？</h6>
 
+                    <h6>解绑后无法在微信接收通知。</h6>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                    <button type="button" class="btn btn-sm btn-primary">确定解绑</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+        <!-- JS. -->
 
+        <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+        <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 1179 - 0
baobiao.html


+ 716 - 0
biangeng-detail-1.html
Datei anzeigen 

@@ -0,0 +1,716 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>变更管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+			<div class="nav-box">
 
+            	<ul class="nav-list list-unstyled">
 
+	              <li class=""><a href="biangeng.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+	            </ul>
 
+          	</div>
 
+          	<div class="nav-box">
 
+            	<ul class="nav-list list-unstyled">
 
+	              <li class="active"><a href="biangeng-detail-1.html"><span class="ml-3">变更信息</span></a></li>
 
+	            </ul>
 
+          	</div>
 
+          	<div class="nav-box">
 
+            	<ul class="nav-list list-unstyled">
 
+	              <li class=""><a href="biangeng-detail-2.html"><span class="ml-3">变更清单</span></a></li>
 
+	            </ul>
 
+          	</div>
 
+          	<div class="nav-box">
 
+            	<ul class="nav-list list-unstyled">
 
+	              <li class=""><a href="biangeng-detail-3.html"><span class="ml-3">附件</span></a></li>
 
+	            </ul>
 
+          	</div>
 
+	          <div class="contarl-box">
 
+	              <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+	              <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm btn-block">重新上报</a>
 
+	              <!--状态显示-->
 
+	              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
 
+	              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
 
+	              <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm  btn-block text-muted">审批退回</a>
 
+	              <!--审批操作-->
 
+	              <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
 
+	              <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a>
 
+	          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title pr-0">
 
+					<!-- <div class="title-main d-flex justify-content-between bg-warning">
 
+						<h2>变更信息</h2>
 
+			            <div class="ml-auto px-4">
 
+			            	<span>您修改了变更内容，记得保存修改。</span>
 
+							<a href="#sub-ap" data-toggle="modal" class="btn btn-sm btn-primary"><i class="fa fa-save"></i> 保存修改</a>
 
+							<a href="#" class="btn btn-sm btn-light">取消</a>
 
+			            </div>
 
+		          	</div> -->
 
+		          	<div class="title-main d-flex justify-content-between">
 
+						<div>
 
+							<div class="d-inline-block">
 
+				                <a class="btn btn-sm btn-primary" href="#add-bj" data-toggle="modal" data-target="#add-bj">拷贝其他变更令数据</a>
 
+				              </div>
 
+						</div>
 
+			            <div class="ml-auto px-4">
 
+			            	
+			            </div>
 
+		          	</div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+						<div class="sjs-height-0 container-fluid">
 
+							<div class="row">
 
+								<div class="col-md-4">
 
+									<form>
 
+									  <div class="form-group">
 
+									    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
 
+	                					<a href="#" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="自动编号"><i class="fa fa-repeat"></i></a>
 
+									    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label><b class="text-danger">*&nbsp;</b>工程名称</label>
 
+									    <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>桩号</label>
 
+									    <input class="form-control form-control-sm" value="K0+532" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>原设计图名称</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>原图号</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更设计图名称</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text">
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更图号</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text">
 
+									  </div>
 
+									</form>
 
+								</div>
 
+								<div class="col-md-4" >
 
+									<form>
 
+										  <div class="form-group">
 
+										    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
+										    <textarea class="form-control form-control-sm" rows="6">由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+												</textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>工程变更合同依据</label>
 
+										    <textarea class="form-control form-control-sm" rows="6"></textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>变更工程量数量计算式</label>
 
+										    <textarea class="form-control form-control-sm" rows="2"></textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>备注</label>
 
+										    <textarea class="form-control form-control-sm" rows="3"></textarea>
 
+										  </div>
 
+										</form>
 
+								</div>
 
+								<div class="col-md-4">
 
+									<form>
 
+									  <div class="form-group">
 
+									    <label>变更类型</label>
 
+											<div class="checkbox">
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox">A.数量
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox2" value="option2" type="checkbox">B.位置
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+												</label>
 
+											</div>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更类别 </label>
 
+									    <select class="form-control form-control-sm"><option>A类变更</option><option>B类变更</option><option>C类变更</option><option>D类变更</option><option>E类变更</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更性质 </label>
 
+									    <select class="form-control form-control-sm"><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更提出单位</label>
 
+									    <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
 
+									    <select class="form-control form-control-sm"><option>AA公司</option><option>BB公司</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>费用承担方</label>
 
+											<div class="radio">
 
+												<label class="radio-inline">
 
+												  <input id="inlineCheckbox1" value="option1" checked="" type="radio"> 业主
 
+												</label>
 
+												<label class="radio-inline">
 
+												  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+												</label>
 
+											</div>
 
+									  </div>
 
+									</form>
 
+								</div>
 
+							</div>
 
+				            <!--详情 / 审批时 数据-->
 
+				            <div class="row">
 
+								<div class="col-md-4">
 
+									<form>
 
+									  <div class="form-group">
 
+									    <label>申请编号</label>
 
+									    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
 
+									  </div>
 
+									 <!--终审批复编号-->
 
+									  <div class="form-group">
 
+									    <label>变更令号（批复编号）</label>
 
+									    <input class="form-control form-control-sm"  type="text" value="LZTJ-1标项目部发变更(2015)001号" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>工程名称</label>
 
+									    <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>桩号</label>
 
+									    <input class="form-control form-control-sm" value="K0+532" type="text" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>原设计图名称</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>原图号</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更设计图名称</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更图号</label>
 
+									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
 
+									  </div>
 
+									</form>
 
+								</div>
 
+								<div class="col-md-4" style="z-index:999">
 
+									<form>
 
+										  <div class="form-group">
 
+										    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
 
+										    <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+												</textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>工程变更合同依据</label>
 
+										    <textarea class="form-control form-control-sm" rows="6" readonly></textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>变更工程量数量计算式</label>
 
+										    <textarea class="form-control form-control-sm" rows="2" readonly></textarea>
 
+										  </div>
 
+										  <div class="form-group">
 
+										    <label>备注</label>
 
+										    <textarea class="form-control form-control-sm" rows="3" readonly></textarea>
 
+										  </div>
 
+										</form>
 
+								</div>
 
+								<div class="col-md-4">
 
+									<form>
 
+									  <div class="form-group">
 
+									    <label>变更类型</label>
 
+											<div class="checkbox">
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox1" value="option1" checked="" type="checkbox" disabled>A.数量
 
+												</label>
 
+												<!-- <label class="checkbox-inline">
 
+												  <input id="inlineCheckbox2" value="option2" type="checkbox">B.位置
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+												</label>
 
+												<label class="checkbox-inline">
 
+												  <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+												</label> -->
 
+											</div>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更类别 </label>
 
+									    <select class="form-control form-control-sm" disabled><option>A类变更（设计变更）</option><option>B类变更（施工措施变）</option><option>C类变更（计划变更）</option><option>D类变更（条件变更）</option><option>E类变更（新增工程）</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更性质 </label>
 
+									    <select class="form-control form-control-sm" disabled><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>变更提出单位</label>
 
+									    <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
 
+									    <select class="form-control form-control-sm" disabled><option>AA公司</option><option>BB公司</option></select>
 
+									  </div>
 
+									  <div class="form-group">
 
+									    <label>费用承担方</label>
 
+											<div class="radio">
 
+												<label class="radio-inline">
 
+												  <input id="inlineCheckbox1" value="option1" checked="" type="radio" disabled> 业主
 
+												</label>
 
+												<!-- <label class="radio-inline">
 
+												  <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+												</label> -->
 
+											</div>
 
+									  </div>
 
+									  <!--除上报人，审批人填写-->
 
+									  <!-- <div class="form-group">
 
+									    <label>批复文号</label>
 
+									    <input class="form-control form-control-sm" value="121212" type="text" ="">
 
+									  </div> -->
 
+									</form>
 
+								</div>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+      <!--变更单位-->
 
+  		<div class="modal fade" id="editcompany" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
+  		  <div class="modal-dialog" role="document">
 
+  		    <div class="modal-content">
 
+  		      <div class="modal-header">
 
+  		        <h5 class="modal-title" id="myModalLabel">变更单位</h5>
 
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                <span aria-hidden="true">&times;</span>
 
+              </button>
 
+  		      </div>
 
+  		      <div class="modal-body">
 
+  		      	<div class="form-group">
 
+  			      	<input type="text" class="form-control form-control-sm" value="AA公司">
 
+  			      </div>
 
+  		      	<div class="form-group">
 
+  			      	<input type="text" class="form-control form-control-sm" value="BB公司">
 
+  			      </div>
 
+  						<div class="alert alert-warning" role="alert">修改后，已创建的变更不受影响。</div>
 
+  			      <div class="form-group">
 
+  			      	<input type="text" class="form-control form-control-sm" value="CC公司">
 
+  			      </div>
 
+  		        <p><a class="btn btn-primary btn-sm" href="#" role="button" title="填写公司"><b class="fa fa-plus"></b></a></p>
 
+  		        <input type="text" class="form-control form-control-sm" placeholder="请输入公司名称">
 
+  		      </div>
 
+  		      <div class="modal-footer">
 
+  		        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+  		        <a type="button" class="btn btn-primary" href="#">确定</a>
 
+  		      </div>
 
+  		    </div>
 
+  		  </div>
 
+  		</div>
 
+      <!--提交审批-->
 
+  		<div class="modal fade" id="sub-ap2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
+  		  <div class="modal-dialog" role="document">
 
+  		    <div class="modal-content">
 
+  		      <div class="modal-header">
 
+  		        <h5 class="modal-title" id="myModalLabel">提交审批</h5>
 
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                <span aria-hidden="true">&times;</span>
 
+              </button>
 
+  		      </div>
 
+  		      <div class="modal-body">
 
+  		      	<h5>还没添加任何变更清单，无法提交。</h5>
 
+  		      	<h5>还没设置审批流程，无法提交。</h5>
 
+  		      	<h5>确认提交审批？</h5>
 
+  		      </div>
 
+  		      <div class="modal-footer">
 
+              <!--无法提交-->
 
+  		        <button type="button" class="btn btn-secondary" data-dismiss="modal">好的</button>
 
+              <!--确认提交-->
 
+  		        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+              <button type="button" class="btn btn-primary" data-dismiss="modal">确认提交</button>
 
+  		      </div>
 
+  		    </div>
 
+  		  </div>
 
+  		</div>
 
+
 
+      <!--上报审批-->
 
+      <div class="modal fade" id="sub-sp" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">上报审批</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group">
 
+                      <label>选择审批人</label>
 
+                      <div class="input-group">
 
+                        <div class="input-group-prepend">
 
+                          <select class="form-control form-control-sm"><option>所有分组</option><option>建设单位</option><option>监理单位</option><option>施工单位</option><option>设计单位</option></select>
 
+                        </div>
 
+                        <select class="form-control form-control-sm"><option>选择审批人</option><option>张三（监理）-中交第一公路工程局有限公司国道311线满别公路施工一分部</option></select>
 
+                      </div>
 
+                    </div>
 
+                    <div class="card mt-3">
 
+                      <div class="card-header">
 
+                        审批流程
 
+                      </div>
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>1 张三  <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
 
+                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确认上报</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!--重新上报-->
 
+    <div class="modal fade" id="sub-sp2" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">重新上报</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp">修改审批流程</a>
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                    <div class="col-8 modal-height-500" style="overflow: auto">
 
+                      <!--显示上次退回意见-->
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">2017-11-25 上报</span>
 
+                             <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">2017-11-25 审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">2017-11-25 审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-warning pull-right">2017-11-25 审批退回 布尔</span>
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary">确认上报</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+      <!--审批流程/结果-->
 
+      <div class="modal fade" id="sp-list" data-backdrop="static">
 
+          <div class="modal-dialog modal-lg" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">审批流程</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="row">
 
+                      <div class="col-4">
 
+                        <div class="card mt-3">
 
+                          <ul class="list-group list-group-flush">
 
+                            <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
 
+                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
 
+                            <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
 
+                            <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
 
+                          </ul>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-8 modal-height-500" style="overflow: auto">
 
+                        <div class="card mt-3">
 
+                          <ul class="list-group list-group-flush">
 
+                            <li class="list-group-item">
 
+                              <span class="text-success pull-right">上报</span>
 
+                               <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                               <p class="card-text">2017-11-25</p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                              <span class="text-success pull-right">审批通过</span>
 
+                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text">审批意见。2017-11-25</p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                              <span class="text-success pull-right">审批通过</span>
 
+                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text">审批通过。2017-11-26</p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                              <span class="text-warning pull-right">审批退回 布尔</span>
 
+                               <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text">审批退回，审批意见文本。2017-11-27</p>
 
+                               <!-- <p class="card-text">批复编号：LZTJ-1标项目部发变更(2015)001号</p> -->
 
+                            </li>
 
+                          </ul>
 
+                        </div>
 
+                        <!--退回原报重新上报-->
 
+                        <div class="card mt-3">
 
+                          <ul class="list-group list-group-flush">
 
+                            <li class="list-group-item">
 
+                              <span class="text-success pull-right">重新上报</span>
 
+                               <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                               <p class="card-text">2017-12-01</p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                              <span class="text-success pull-right">审批通过</span>
 
+                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text">审批通过 2017-12-02</p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                              <span class="text-warning pull-right">审批退回 张三</span>
 
+                               <h5 class="card-title"><i class="fa fa-chevron-circle-down text-warning"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text">审批退回 2017-12-02</p>
 
+                            </li>
 
+                            <!--王五退回上一审批人 张三，张三重新审批-->
 
+                            <li class="list-group-item">
 
+                              <span class="pull-right">审批中</span>
 
+                               <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                               <p class="card-text"></p>
 
+                            </li>
 
+                            <li class="list-group-item">
 
+                               <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                            </li>
 
+                          </ul>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--审批通过-->
 
+      <div class="modal fade" id="sp-done" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">审批通过</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                              <span class="text-success pull-right">上报</span>
 
+                               <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                               <p class="card-text">2017-11-25</p>
 
+                            </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">上报</span>
 
+                           <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                           <p class="card-text">2017-11-25</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批审批</span>
 
+                           <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5><div class="form-group">
 
+                             <label>审批意见<b class="text-danger">*</b></label>
 
+                             <textarea class="form-control form-control-sm" ></textarea>
 
+                             <!--终审填写批复编号-->
 
+							  <div class="form-group mt-3">
 
+							    <label><b class="text-danger">*&nbsp;</b>变更令号（批复编号）</label>
 
+							    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text">
 
+							  </div>
 
+                           </div>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-success" >确认通过</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--审批退回-->
 
+      <div class="modal fade" id="sp-back" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">审批退回</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="card mt-3">
 
+                      <ul class="list-group list-group-flush">
 
+                        <li class="list-group-item">
 
+                              <span class="text-success pull-right">上报</span>
 
+                               <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                               <p class="card-text">2017-11-25</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="text-success pull-right">审批通过</span>
 
+                           <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                           <p class="card-text">审批意见。2018-01-01</p>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                          <span class="pull-right">审批中</span>
 
+                           <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                           <div class="form-group">
 
+                             <label>审批意见<b class="text-danger">*</b></label>
 
+                             <textarea class="form-control form-control-sm" ></textarea>
 
+                           </div>
 
+                           <div class="alert alert-warning">
 
+	                           	<div class="form-check form-check-inline">
 
+	                              <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
 
+	                              <label class="form-check-label" for="inlineRadio1">退回上报人 布尔</label>
 
+	                            </div>
 
+	                            <div class="form-check form-check-inline">
 
+	                              <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
 
+	                              <label class="form-check-label" for="inlineRadio2">退回上一审批人 张三</label>
 
+	                            </div>
 
+                        	</div>
 
+                        </li>
 
+                        <li class="list-group-item">
 
+                           <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-warning" >确认退回</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!--填充历史变更-->
 
+      <div class="modal fade" id="add-bj" data-backdrop="static">
 
+          <div class="modal-dialog modal-lg" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">拷贝其他变更令数据</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                  	<div class="alert alert-warning p-2">选择需要拷贝的变更令，确认后将为您自动生成变更信息</div>
 
+                    <table class="table table-bordered">
 
+                    	<tr><th>申请编号/变更令号</th><th>工程名称</th><th>变更类别</th><th>变更金额</th><th>审批状态</th><th>选择</th></tr>
 
+                    	<tr><td>LZTJ-1标项目部发变更(2015)001号</td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更</td><td>101112.23</td><td>待上报</td><td><input type="checkbox"></td></tr>
 
+                    	<tr><td>LZTJ-1标项目部发变更(2015)002号</td><td>K0+440通道台背回填</td><td>A类变更</td><td>101112.23</td><td class="text-warning">审批中</td><td><input type="checkbox"></td></tr>
 
+                    	<tr><td>LZTJ-1标项目部发变更(2015)002号</td><td>K0+440通道台背回填</td><td>A类变更</td><td>101112.23</td><td class="text-warning">退回</td><td><input type="checkbox"></td></tr>
 
+                    	<tr><td>LZTJ-1标项目部发变更(2015)003号</td><td>K0+440通道台背回填</td><td>A类变更</td><td>101112.23</td><td class="text-success">完成</td><td><input type="checkbox"></td></tr>
 
+                    </table>
 
+  						<!--翻页-->
 
+  						<div class="btn-toolbar ml-3" role="toolbar" aria-label="Toolbar with button groups">
 
+			                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
 
+			                  <button type="button" class="btn btn-light" disabled title="首页"><i class="fa fa-caret-left"></i></button>
 
+			                  <button type="button" class="btn btn-light" disabled title="上一页"><i class="fa fa-angle-left"></i></button>
 
+			                </div>
 
+			                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Second group">
 
+			                  <button type="button" class="btn btn-light active">1</button>
 
+			                  <button type="button" class="btn btn-light">2</button>
 
+			                  <button type="button" class="btn btn-light">3</button>
 
+			                  <button type="button" class="btn btn-light">4</button>
 
+			                  <button type="button" class="btn btn-light">5</button>
 
+			                  <button type="button" class="btn btn-light" title="更多">...</button>
 
+			                </div>
 
+			                <div class="btn-group btn-group-sm" role="group" aria-label="Third group">
 
+			                  <button type="button" class="btn btn-light" title="下一页"><i class="fa fa-angle-right"></i></button>
 
+			                  <button type="button" class="btn btn-light" title="尾页"><i class="fa fa-caret-right"></i></button>
 
+			                </div>
 
+			              </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-sm btn-primary" >确认拷贝</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 412 - 0
biangeng-detail-2.html


+ 175 - 0
biangeng-detail-3.html
Datei anzeigen 

@@ -0,0 +1,175 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>变更管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+              <ul class="nav-list list-unstyled">
 
+                <li class=""><a href="biangeng.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+              </ul>
 
+            </div>
 
+            <div class="nav-box">
 
+              <ul class="nav-list list-unstyled">
 
+                <li class=""><a href="biangeng-detail-1.html"><span class="ml-3">变更信息</span></a></li>
 
+              </ul>
 
+            </div>
 
+            <div class="nav-box">
 
+              <ul class="nav-list list-unstyled">
 
+                <li class=""><a href="biangeng-detail-2.html"><span class="ml-3">变更清单</span></a></li>
 
+              </ul>
 
+            </div>
 
+            <div class="nav-box">
 
+              <ul class="nav-list list-unstyled">
 
+                <li class="active"><a href="biangeng-detail-3.html"><span class="ml-3">附件</span></a></li>
 
+              </ul>
 
+            </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+					  <div class="d-inline-block">
 
+                <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上传附件"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
 
+                <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary"><i class="fa fa-download "></i> 批量下载</a>
 
+              </div>
 
+            <div>
 
+              <a href="#sub-ap" data-toggle="modal" data-target="#sub-ap" class="btn btn-sm btn-primary pull-right">上报审批</a>
 
+            </div>
 
+          </div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+            <div class="sjs-height-0">
 
+  						<table class="table table-bordered">
 
+  							<thead>
 
+  								<tr><th width="20"><input type="checkbox"></th><th width="40">序号</th><th>名称</th><th width="90">大小</th><th width="100">上传时间</th><th width="100">操作</th></tr>
 
+  							</thead>
 
+  							<tbody>
 
+  								<tr><td><input type="checkbox"></td><td>1</td><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><td>682.64 KB</td><td>2017-01-01 13:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
+  								<tr><td><input type="checkbox"></td><td>2</td><td><a href="">管理处关于发送LZTJ-1合同段YT-24号设计更改的通知.rar</a></td><td>1.52 MB</td><td>2017-01-01 14:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
 
+  								<tr><td><input type="checkbox"></td><td>3</td><td><a href="">原设计施工图.pdf</a></td><td>396.73 KB</td><td>2017-01-01 12:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a></td></tr>
 
+  							</tbody>
 
+  						</table>
 
+              <!--翻页-->
 
+              <div class="btn-toolbar ml-3" role="toolbar" aria-label="Toolbar with button groups">
 
+                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
 
+                  <button type="button" class="btn btn-light" disabled title="首页"><i class="fa fa-caret-left"></i></button>
 
+                  <button type="button" class="btn btn-light" disabled title="上一页"><i class="fa fa-angle-left"></i></button>
 
+                </div>
 
+                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Second group">
 
+                  <button type="button" class="btn btn-light active">1</button>
 
+                  <button type="button" class="btn btn-light">2</button>
 
+                  <button type="button" class="btn btn-light">3</button>
 
+                  <button type="button" class="btn btn-light">4</button>
 
+                  <button type="button" class="btn btn-light">5</button>
 
+                  <button type="button" class="btn btn-light" title="更多">...</button>
 
+                </div>
 
+                <div class="btn-group btn-group-sm" role="group" aria-label="Third group">
 
+                  <button type="button" class="btn btn-light" title="下一页"><i class="fa fa-angle-right"></i></button>
 
+                  <button type="button" class="btn btn-light" title="尾页"><i class="fa fa-caret-right"></i></button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+  		<!--添加附件-->
 
+  		<div class="modal fade" id="addfujian">
 
+  		  <div class="modal-dialog" role="document">
 
+  		    <div class="modal-content">
 
+  		      <div class="modal-header">
 
+  		        <h5 class="modal-title" id="myModalLabel">上传附件</h5>
 
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                <span aria-hidden="true">&times;</span>
 
+              </button>
 
+  		      </div>
 
+  		      <div class="modal-body">
 
+  		        <p>大小限制：10MB，支持office等文档格式、图片格式、压缩包格式</p>
 
+  						<p><a href="" class="btn btn-primary">选择文件</a></p>
 
+  		      </div>
 
+            <div class="modal-footer">
 
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-primary">添加</button>
 
+            </div>
 
+  		    </div>
 
+  		  </div>
 
+  		</div>
 
+      <!--提交审批-->
 
+  		<div class="modal fade" id="sub-ap" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 
+  		  <div class="modal-dialog" role="document">
 
+  		    <div class="modal-content">
 
+  		      <div class="modal-header">
 
+  		        <h5 class="modal-title" id="myModalLabel">提交审批</h5>
 
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                <span aria-hidden="true">&times;</span>
 
+              </button>
 
+  		      </div>
 
+  		      <div class="modal-body">
 
+  		      	<h5>还没添加任何变更清单，无法提交。</h5>
 
+  		      	<h5>还没设置审批流程，无法提交。</h5>
 
+  		      	<h5>确认提交审批？</h5>
 
+  		      </div>
 
+  		      <div class="modal-footer">
 
+              <!--无法提交-->
 
+  		        <button type="button" class="btn btn-secondary" data-dismiss="modal">好的</button>
 
+              <!--确认提交-->
 
+  		        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+              <button type="button" class="btn btn-primary" data-dismiss="modal">确认提交</button>
 
+  		      </div>
 
+  		    </div>
 
+  		  </div>
 
+  		</div>
 
+
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 934 - 0
biangeng-detail.html


+ 352 - 0
biangeng.html
Datei anzeigen 

@@ -0,0 +1,352 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>变更管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biaoduan-panel.html" class="h3"><i class="fa fa-pie-chart fa-fw"></i> <span>标段概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="yufukuan-qi.html" class="h3"><i class="fa fa-handshake-o fa-fw"></i> <span>预付款</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-list-alt fa-fw"></i> 0号台账</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="taizhang-qianyue.html"><span>签约清单</span></a></li>
 
+              <li><a href="taizhang.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
 
+              <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-calendar-check-o fa-fw"></i> 计量支付 </h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="jiliang-qi.html"><span>各期计量</span></a></li>
 
+              <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="biangeng.html" class="h3"><i class="fa fa-retweet fa-fw"></i> <span>工程变更</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="tiaocha-qi.html" class="h3"><i class="fa fa-line-chart fa-fw"></i> <span>材料调差</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-bar-chart fa-fw"></i> 投资进度</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="schedule-panel.html"><span>进度概况</span></a></li>
 
+              <li><a href="schedule-plan.html"><span>计划进度</span></a></li>
 
+              <li><a href="schedule-actual1.html"><span>计量进度</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="baobiao.html" class="h3"><i class="fa fa-file-text-o fa-fw"></i> <span>报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+						<div>
 
+              <div class="d-inline-block">
 
+                <select class="form-control form-control-sm">
 
+                  <option>全部</option>
 
+                  <option>待处理 (4)</option>
 
+                  <option>待上报 (3)</option>
 
+                  <option>进行中 (1)</option>
 
+                  <option>已完成 (34)</option>
 
+                  <option>终止 (7)</option>
 
+                </select>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <a href="#add-bj" data-toggle="modal" data-target="#add-bj" class="btn btn-sm btn-primary pull-right">新建变更令</a>
 
+              <a href="#setting" data-toggle="modal" data-target="#setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fa fa-cog"></i></a>
 
+            </div>
 
+          </div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+            <div class="sjs-height-0">
 
+              <table class="table table-bordered">
 
+  							<thead>
 
+  							<tr><th>申请编号/变更令号</th><th >工程名称</th><th  width="10%">变更类别</th><th  width="10%">变更金额</th><th  width="10%">审批状态</th><th width="10%">审批进度</th><th width="10%"></th></tr>
 
+  							</thead>
 
+  							<tbody>
 
+                  <!--审批人审批-->
 
+  								<tr><td><a href="biangeng-detail-1.html">LZTJ-1标项目部发变更(2015)001号 （点我）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更</td><td>101112.23</td><td><a href="biangeng-detail-1.html" class="btn btn-success btn-sm">审批</a></td><td>张三-监理 <span class="text-warning">审批中</span></td><td></td></tr>
 
+                  <!--审批退回 上报人重新上报-->
 
+                  <tr><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更</td><td>136515.46</td><td><a href="biangeng-new.html" class="btn btn-warning btn-sm">重新上报</a></td><td>张三-监理 <span class="text-warning">退回</span></td><td><a href="#del-bg" data-toggle="modal" data-target="#del-bg" class="btn btn-outline-danger btn-sm">删除</a></td></tr>
 
+                  <!--审批退回 审批人看到状态-->
 
+                  <tr><td><a href="">LZTJ-1标项目部发变更(2015)005号</a></td><td>K0+440通道台背回填</td><td>C类变更</td><td>136515.46</td><td><span class="text-warning">退回</span></td><td>张三-监理 <span class="text-warning">审批退回</span></td><td></td></tr>
 
+                  <!--待上报(上报人首次上报)-->
 
+  								<tr><td><a href="biangeng-detail.html">LZTJ-1标项目部发变更(2015)001号 （点我 新版）</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更</td><td>101112.23</td><td><a href="" class="btn btn-primary btn-sm">上报</a></td><td>待上报</td><td></td></tr>
 
+                  <!--审批中的数据（非当前审批人）-->
 
+  								<tr><td><a href="">LZTJ-1标项目部发变更(2015)001号</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更</td><td>101112.23</td><td><span class="text-warning">审批中</span></td><td>王五-监理 <span class="text-warning">审批中</span></td><td></td></tr>
 
+                <!--审批通过，变更完成-->
 
+  								<tr><td><a href="biangeng-list-detail.html">LZTJ-1标项目部发变更(2015)001号</a></td><td>收费站出口右侧加宽段及K0+532基底换填</td><td>A类变更</td><td>101112.23</td><td><span class="text-success">完成</span></td><td>王五-监理 <span class="text-success">审批通过</span></td><td></td></tr>
 
+  							</tbody>
 
+  						</table>
 
+  						<!--翻页-->
 
+  						<div class="btn-toolbar ml-3" role="toolbar" aria-label="Toolbar with button groups">
 
+                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
 
+                  <button type="button" class="btn btn-light" disabled title="首页"><i class="fa fa-caret-left"></i></button>
 
+                  <button type="button" class="btn btn-light" disabled title="上一页"><i class="fa fa-angle-left"></i></button>
 
+                </div>
 
+                <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Second group">
 
+                  <button type="button" class="btn btn-light active">1</button>
 
+                  <button type="button" class="btn btn-light">2</button>
 
+                  <button type="button" class="btn btn-light">3</button>
 
+                  <button type="button" class="btn btn-light">4</button>
 
+                  <button type="button" class="btn btn-light">5</button>
 
+                  <button type="button" class="btn btn-light" title="更多">...</button>
 
+                </div>
 
+                <div class="btn-group btn-group-sm" role="group" aria-label="Third group">
 
+                  <button type="button" class="btn btn-light" title="下一页"><i class="fa fa-angle-right"></i></button>
 
+                  <button type="button" class="btn btn-light" title="尾页"><i class="fa fa-caret-right"></i></button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+      <!--首次使用-->
 
+      <!-- <div class="modal" id="first">
 
+        <div class="modal-dialog" role="document" >
 
+  		    <div class="modal-content">
 
+  		      <div class="modal-header">
 
+  		        <h5 class="modal-title">设置变更令号规则</h5>
 
+  		      </div>
 
+  		      <div class="modal-body">
 
+  						<h5>当前规则：WWUJ-201803-0001</h5>
 
+  		       	<h5>
 
+                <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+                <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+                <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+              </h5>
 
+              <h5 class="my-3">连接符</h5>
 
+              <div class="form-group">
 
+                <select class="form-control form-control-sm">
 
+                  <option>请选择</option>
 
+                  <option>-</option>
 
+                  <option>_</option>
 
+                  <option>无</option>
 
+                </select>
 
+              </div>
 
+  						<h5 class="my-3">添加新规则组件</h5>
 
+  						<div class="form-group">
 
+  							<select class="form-control form-control-sm">
 
+  								<option>请选择组件</option>
 
+  								<option>标段名</option>
 
+  								<option>文本</option>
 
+  								<option>当前年月</option>
 
+  								<option>自增编号</option>
 
+  							</select>
 
+  						</div>
 
+  						<div class="form-group">
 
+  					    <label>自动编号位数</label>
 
+  					    <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
 
+  					  </div>
 
+  						<div class="form-group">
 
+  					    <label>起始编号</label>
 
+  					    <input class="form-control form-control-sm" value="001" type="text">
 
+  					  </div>
 
+  						<button class="btn btn-outline-primary">添加组件</button>
 
+  		      </div>
 
+  					<div class="modal-footer">
 
+  						<button type="button" class="btn btn-secondary" data-dismiss="modal">暂时不需要</button>
 
+  						<button type="button" class="btn btn-primary">确定</button>
 
+  					</div>
 
+  		    </div>
 
+  		  </div>
 
+      </div> -->
 
+      <!--弹出添加变更令-->
 
+      <div class="modal fade" id="add-bj" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加变更令</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <!-- <div class="form-group">
 
+                      <label>申请编号<b class="text-danger">*</b></label>
 
+                      <div class="input-group">
 
+                        <input type="text" class="form-control form-control-sm" placeholder="请输入编号" value="WJQR1-201711">
 
+                        <div class="input-group-append">
 
+                          <button class="btn btn-outline-secondary" type="button" title="自动编号"><i class="fa fa-repeat"></i></button>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>申请编号<b class="text-danger">*</b></label>
 
+                      <div class="input-group">
 
+                        <input type="text" class="form-control form-control-sm is-invalid" placeholder="请输入中间计量编号" value="WJQR1-201711">
 
+                        <div class="input-group-append">
 
+                          <button class="btn btn-outline-secondary" type="button" title="自动编号"><i class="fa fa-repeat"></i></button>
 
+                        </div>
 
+                        <div class="invalid-feedback">您输入的编号已存在</div>
 
+                      </div>
 
+                    </div> -->
 
+                    <!--没有设置规则-->
 
+                    <div class="form-group">
 
+                      <label>申请编号<b class="text-danger">*</b></label>
 
+                      <input class="form-control form-control-sm is-invalid"  placeholder="请输入编号" type="text" value="SADD-1212">
 
+                      <div class="invalid-feedback">
 
+                        您输入的编号已存在。
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>工程名称<b class="text-danger">*</b></label>
 
+                      <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>工程名称<b class="text-danger">*</b></label>
 
+                      <input class="form-control form-control-sm is-invalid"  placeholder="输入工程名称" type="text" value="名称超过100个字">
 
+                      <div class="invalid-feedback">
 
+                        名称超过100个字，请缩减名称。
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <a href="biangeng-new2.html" class="btn btn-primary">确认添加</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>、
 
+      <!--设置-->
 
+      <div class="modal fade" id="setting" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">变更令设置</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <ul class="nav nav-tabs mb-3" role="tablist">
 
+                      <li class="nav-item">
 
+                        <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">申请编号规则</a>
 
+                      </li>
 
+                    </ul>
 
+                    <div class="tab-content">
 
+                      <div class="tab-pane active" id="bianhao">
 
+                        <h5>当前规则：WWUJ2018030001</h5>
 
+            		       	<h5>
 
+                          <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+                          <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+                          <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fa fa-remove"></i></a></span>
 
+                        </h5>
 
+            						<h5 class="my-3">连接符</h5>
 
+                        <div class="form-group">
 
+                          <select class="form-control form-control-sm">
 
+                            <option>请选择</option>
 
+                            <option>-</option>
 
+                            <option>_</option>
 
+                            <option>无</option>
 
+                          </select>
 
+                        </div>
 
+                        <h5 class="my-3">添加新规则组件</h5>
 
+            						<div class="form-group">
 
+            							<select class="form-control form-control-sm">
 
+            								<option>请选择组件</option>
 
+            								<option>标段名</option>
 
+            								<option>文本</option>
 
+            								<option>当前年月</option>
 
+            								<option>自增编号</option>
 
+            							</select>
 
+            						</div>
 
+            						<div class="form-group">
 
+            					    <label>自动编号位数</label>
 
+            					    <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
 
+            					  </div>
 
+            						<div class="form-group">
 
+            					    <label>起始编号</label>
 
+            					    <input class="form-control form-control-sm" value="001" type="text">
 
+            					  </div>
 
+            						<button class="btn btn-outline-primary">添加组件</button>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确定添加</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+        <!--删除标段-->
 
+    <div class="modal fade" id="del-bg" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">确认删除变更</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h6>删除后，数据无法恢复，请谨慎操作。</h6>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-danger">确定删除</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 1291 - 0
biaoduan-panel.html


+ 209 - 0
biaoduan-xiezuo.html
Datei anzeigen 

@@ -0,0 +1,209 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>协作办公-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+    <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+		<div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
+        </ul>
 
+			</div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+		</div>
 
+		<div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="biaoduan-panel.html"><i class="fa fa-pie-chart"></i> <span>标段概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-list-alt"></i> 0号台帐</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="taizhang.html"><span>台帐分解</span></a></li>
 
+              <li><a href="taizhang-shenpi.html"><span>台帐审批</span></a></li>
 
+              <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
 
+              <li><a href="taizhang-bg.html"><span>台帐修订</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-calendar-check-o"></i> 计量台帐</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="jiliang-qi.html"><span>计量期</span></a></li>
 
+              <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biangeng.html"><i class="fa fa-retweet"></i> <span>工程变更</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="tiaocha-qi.html"><i class="fa fa-line-chart"></i> <span>材料调差</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="baobiao.html"><i class="fa fa-file-text-o"></i> <span>报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main  d-flex justify-content-between">
 
+            <h2>设置协作办公</h2>
 
+          </div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+            <div class="sjs-height-0">
 
+              <div class="row m-0 mt-3">
 
+                <div class="col-5">
 
+                  <div class="card mb-3">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">台帐管理</h5>
 
+                      <div class="form-group">
 
+                        <label>台帐/上报分解</label>
 
+                        <div class="form-group form-check">
 
+                          <h6 class="d-inline-block"><span class="badge badge-light">张三-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span></h6> 
+                          <h6 class="d-inline-block"><span class="badge badge-light">王五-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span> </h6><a href="#add" data-toggle="modal" data-target="#add" class="ml-3">添加协作人（点我）</a>
 
+                        </div>
 
+                      </div>
 
+                      <div class="form-group">
 
+                        <label>创建/上报台帐修订</label>
 
+                        <div class="form-group form-check">
 
+                          <a href="" class="ml-3">添加协作人</a>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card mb-3">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">计量期</h5>
 
+                      <div class="form-group">
 
+                        <label>创建/上报计量期</label>
 
+                        <div class="form-group form-check">
 
+                          <h6 class="d-inline-block"><span class="badge badge-light">张三-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span></h6> 
+                          <h6 class="d-inline-block"><span class="badge badge-light">王五-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span> </h6><a href="#add" data-toggle="modal" data-target="#add" class="ml-3">添加协作人（点我）</a>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card mb-3">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">工程变更</h5>
 
+                      <div class="form-group">
 
+                        <label>创建/上报工程变更</label>
 
+                        <div class="form-group form-check">
 
+                          <h6 class="d-inline-block"><span class="badge badge-light">张三-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span></h6> 
+                          <h6 class="d-inline-block"><span class="badge badge-light">王五-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span> </h6><a href="#add" data-toggle="modal" data-target="#add" class="ml-3">添加协作人（点我）</a>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card mb-3">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">材料调差</h5>
 
+                      <div class="form-group">
 
+                        <label>创建/上报材料调差</label>
 
+                        <div class="form-group form-check">
 
+                          <h6 class="d-inline-block"><span class="badge badge-light">张三-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span></h6> 
+                          <h6 class="d-inline-block"><span class="badge badge-light">王五-监理 <a href="#" class="btn-sm text-danger px-1" title="移除"><i class="fa fa-remove"></i></a></span> </h6><a href="#add" data-toggle="modal" data-target="#add" class="ml-3">添加协作人（点我）</a>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+      <!--上报审批-->
 
+      <div class="modal fade" id="add" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加协作人</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group">
 
+                      <label>搜索</label>
 
+                      <div class="input-group">
 
+                        <input class="form-control" placeholder="请输入姓名进行检索" type="text">
 
+                        <div class="input-group-append">
 
+                          <button class="btn btn-outline-secondary" type="button"><i class="fa fa-search"></i></button>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="card border-primary">
 
+                      <div class="card-body">
 
+                        <h5 class="card-title">
 
+                          <a href="#" class="btn btn-primary btn-sm pull-right">添加</a>张三
 
+                        </h5>
 
+                        <h6 class="card-subtitle mb-2 text-muted">监理</h6>
 
+                        <p class="card-text">XXXXX公司</p>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确认上报</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+        <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+
 
+</body>
 
+
 
+</html>

+ 939 - 0
biaoduan.html
Datei anzeigen 

@@ -0,0 +1,939 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>标段管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+    <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+  <div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <!--系统维护信息-->
 
+          <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li>
 
+          <!--系统维护信息 end-->
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-content">
 
+        <div class="panel-title fluid">
 
+          <div class="title-main  d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block mr-2">
 
+                <!--展开/收起-->
 
+                <div class="btn-group">
 
+                  <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
 
+                  <div class="dropdown-menu" aria-labelledby="zhankai">
 
+                    <a class="dropdown-item" href="#">展开所有</a>
 
+                    <a class="dropdown-item" href="#">收起所有</a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="d-inline-block">
 
+                <div class="btn-group btn-group-toggle group-tab" data-toggle="buttons">
 
+                  <label class="btn btn-sm btn-light active">
 
+                    <input type="radio" name="options" id="option1" autocomplete="off" checked> 金额概况
 
+                  </label>
 
+                  <label class="btn btn-sm btn-light">
 
+                    <input type="radio" name="options" id="option2" autocomplete="off"> 计量进度
 
+                  </label>
 
+                  <label class="btn btn-sm btn-light">
 
+                    <input type="radio" name="option3" id="option3" autocomplete="off"> 管理标段
 
+                  </label>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-sm btn-primary pull-right">新建标段</a>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="content-wrap">
 
+            <div class="sjs-height-0">
 
+          <div class="c-body">
 
+              <!--没有标段数据-->
 
+              <div class="jumbotron">
 
+                <h3 class="display-6">还没有标段数据</h3>
 
+              </div>
 
+              <!--文件夹-->
 
+              <!-- <table class="table table-hover table-bordered">
 
+                <thead>
 
+                  <th>名称</th>
 
+                  <th>计量模式</th>
 
+                  <th>计量期数</th>
 
+                  <th>审批状态</th>
 
+                  <th>0号台账</th>
 
+                  <th>本期完成</th>
 
+                  <th>截止本期合同</th>
 
+                  <th>截止本期变更</th>
 
+                  <th>截止本期完成</th>
 
+                  <th>截止上期完成</th>
 
+                  <th>本期应付</th>
 
+                  <th>截止本期应付</th>
 
+                </thead>
 
+                <tr>
 
+                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fa fa-plus-square-o"></i></span><i class="fa fa-folder"></i>&nbsp;文件夹1</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open"></i>&nbsp;文件夹2</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open"></i>&nbsp;文件夹2.1</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期</td>
 
+                  <td>审批中</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-4（2019-07-11恢复）</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期</td>
 
+                  <td>审批中</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open"></i>&nbsp;文件夹2.2</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="#jlms" data-toggle="modal" data-target="#jlms">WWUJ-2（演示选择计量模式）</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期</td>
 
+                  <td>审批中</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                  <td>工程量清单</td>
 
+                  <td>第15期</td>
 
+                  <td>审批中</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+              </table> -->
 
+              <!--默认精简列表-->
 
+              <!-- <table class="table table-hover table-bordered">
 
+                  <thead>
 
+                    <th>名称</th>
 
+                    <th width="100">创建人</th>
 
+                    <th width="200">创建时间</th>
 
+                    <th width="120">计量期数</th>
 
+                    <th>审批状态</th>
 
+                  </thead>
 
+                  <tr>
 
+                    <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fa fa-plus-square-o"></i></span><i class="fa fa-folder-o"></i>&nbsp;2019</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2018</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;土建</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                    <td>王五</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第15期</td>
 
+                    <td>
 
+                      审批中
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                    <td>张三</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第15期</td>
 
+                    <td>
 
+                      审批中
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;绿化</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                    <td>张三</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第0期</td>
 
+                    <td>
 
+                      审批中
 
+                    </td>
 
+                  </tr>
 
+              </table> -->
 
+              <!--自定义分类-->
 
+              <table class="table table-hover table-bordered">
 
+                <thead>
 
+                  <th>名称</th>
 
+                  <th>计量模式</th>
 
+                  <th>计量进度</th>
 
+                  <th>当前流程</th>
 
+                  <th>上一流程审批时间</th>
 
+                  <th>0号台账</th>
 
+                  <th>本期完成</th>
 
+                  <th>截止本期合同</th>
 
+                  <th>截止本期变更</th>
 
+                  <th>截止本期完成</th>
 
+                  <th>截止上期完成</th>
 
+                  <th>预付款<i class="fa fa-question-circle text-primary" data-placement="bottom" data-toggle="tooltip" data-original-title="预付款流程中截止本期金额"></i></th>
 
+                  <th>本期应付</th>
 
+                  <th>截止本期应付</th>
 
+                </thead>
 
+                <tr>
 
+                  <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fa fa-plus-square-o"></i></span><i class="fa fa-folder-o"></i>&nbsp;2019</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open-o"></i>&nbsp;2018</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open-o"></i>&nbsp;土建</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期（<span class="text-warning">审批中</span>）</td>
 
+                  <td>张三 <span class="text-warning">审批中</span></td>
 
+                  <td>王五 2020-09-01</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-4（2019-07-11恢复）</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期（<span class="text-warning">审批中</span>）</td>
 
+                  <td>张三 <span class="text-warning">审批中</span></td>
 
+                  <td>王五 2020-09-01</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fa fa-minus-square-o"></i></span><i class="fa fa-folder-open-o"></i>&nbsp;绿化</td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="#jlms" data-toggle="modal" data-target="#jlms">WWUJ-2（演示选择计量模式）</a></td>
 
+                  <td>0号台账</td>
 
+                  <td>第15期（<span class="text-success">审批通过</span>）</td>
 
+                  <td>张三 <span class="text-success">审批通过</span> 2020-08-01</td>
 
+                  <td>王五 2020-08-01</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                  <td>工程量清单</td>
 
+                  <td>第15期（待上报）</td>
 
+                  <td>张三 待上报</td>
 
+                  <td>王五 2020-08-01</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+                <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                  <td>工程量清单</td>
 
+                  <td>第1期（待上报）</td>
 
+                  <td>张三 待上报</td>
 
+                  <td></td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                  <td>0</td>
 
+                </tr>
 
+              </table>
 
+              <!--计量进度-->
 
+              <table class="table table-hover table-bordered">
 
+                  <thead>
 
+                    <th>名称</th>
 
+                    <th width="120">计量进度</th>
 
+                    <th>当前流程</th>
 
+                    <th>上一流程审批时间</th>
 
+                    <th>总价 <i class="fa fa-question-circle text-primary"  data-placement="bottom" data-toggle="tooltip" data-original-title="0号台账+截止本期数量变更"></i></th>
 
+                    <th>截止上期完成/本期完成/未完成</th>
 
+                  </thead>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2019</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2018</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;土建</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                  <td>第15期（<span class="text-warning">审批中</span>）</td>
 
+                  <td>张三 <span class="text-warning">审批中</span></td>
 
+                  <td>王五 2020-09-01</td>
 
+                    <td>￥5,000,000.00</td>
 
+                    <td>
 
+                      <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;绿化</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                  <td>第8期（待上报）</td>
 
+                  <td>张三 待上报</td>
 
+                  <td>王五 2020-09-01</td>
 
+                    <td>￥5,000,000.00</td>
 
+                    <td>
 
+                      <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                  <td>第1期（待上报）</td>
 
+                  <td>张三 待上报</td>
 
+                  <td></td>
 
+                    <td>￥5,000,000.00</td>
 
+                    <td>
 
+                      <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                  <td>第15期（<span class="text-success">审批通过</span>）</td>
 
+                  <td>张三 <span class="text-success">审批通过</span> 2020-08-01</td>
 
+                  <td>王五 2020-09-01</td>
 
+                    <td>￥5,000,000.00</td>
 
+                    <td>
 
+                      <div class="progress">
 
+                        <div class="progress-bar bg-success" style="width: 45%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥731,121,121.00">45%</div>
 
+                        <div class="progress-bar bg-info" style="width:25%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥31,121,121.00">25%</div>
 
+                        <div class="progress-bar bg-gray" style="width:30%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥71,121,121.00">30%</div>
 
+                      </div>
 
+                    </td>
 
+                  </tr>
 
+              </table>
 
+              <!--管理标段-->
 
+              <table class="table table-hover table-bordered">
 
+                  <thead>
 
+                    <th>名称</th>
 
+                    <th width="100">创建人</th>
 
+                    <th width="200">创建时间</th>
 
+                    <th width="120">完成期数</th>
 
+                    <th>操作</th>
 
+                  </thead>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2019</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-1"><i class="fa fa-folder-o"></i>&nbsp;2018</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;土建</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-1</a></td>
 
+                    <td>王五</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第15期</td>
 
+                    <td>
 
+                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">├</span><a href="biaoduan-panel.html">WWUJ-2</a></td>
 
+                    <td>张三</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第15期</td>
 
+                    <td>
 
+                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
+                      <button class="btn btn-outline-secondary btn-sm ml-1" data-toggle="tooltip" data-placement="top" title="请先删除所有期">删除</button>
 
+                    </td>
 
+                  </tr>
 
+                  <tr>
 
+                    <td class="in-2"><i class="fa fa-folder-o"></i>&nbsp;绿化</td>
 
+                    <td></td>
 
+                    <td></td>
 
+                    <td></td>
 
+                  </tr>
 
+                  <tr>
 
+                  <td class="in-3"><span class="text-muted mr-2">└</span><a href="biaoduan-panel.html">WWUJ-3</a></td>
 
+                    <td>张三</td>
 
+                    <td>2019-03-20 15:30:23</td>
 
+                    <td>第0期</td>
 
+                    <td>
 
+                      <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-outline-primary btn-sm">编辑</a>
 
+                      <a href="#del-bd" data-toggle="modal" data-target="#del-bd" class="btn btn-outline-danger btn-sm ml-1">删除</a>
 
+                    </td>
 
+                  </tr>
 
+              </table>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!--弹出添加标段-->
 
+  <div class="modal fade" id="add-bd" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">添加新标段</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <!-- <div class="form-group">
 
+                  <label>文件夹<b class="text-danger">*</b></label>
 
+                  <input class="form-control form-control-sm"  placeholder="选择文件夹目录" type="text"  data-toggle="dropdown" >
 
+                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                      <div class="modal-height-300">
 
+                    <form class="p-2">
 
+                         <ul id="treeDemo3" class="ztree"></ul>
 
+                    </form>
 
+                      </div>
 
+                  </div>
 
+                </div> -->
 
+                <div class="form-group">
 
+                  <label>标段名称<b class="text-danger">*</b></label>
 
+                  <input class="form-control form-control-sm"  placeholder="输入标段名称" type="text">
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>标段名称<b class="text-danger">*</b></label>
 
+                  <input class="form-control form-control-sm is-invalid"  placeholder="输入标段名称" type="text" value="名称超过100个字">
 
+                  <div class="invalid-feedback">
 
+                    名称超过100个字，请缩减名称。
 
+                  </div>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label ><b class="text-danger">*</b>计价标准</label>
 
+                  <div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" id="inlineCheckbox1" value="option1" checked="">
 
+                        <label class="form-check-label" for="inlineCheckbox1">08全国规范</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" id="inlineCheckbox2" value="option2">
 
+                        <label class="form-check-label" for="inlineCheckbox2">08广东规范</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" id="inlineCheckbox3" value="option3">
 
+                        <label class="form-check-label" for="inlineCheckbox3">18规范</label>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>年份</label>
 
+                  <select class="form-control form-control-sm">
 
+                    <option>2018</option>
 
+                    <option>2019</option>
 
+                    <option>不选</option>
 
+                  </select>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>标段类型</label>
 
+                  <select class="form-control form-control-sm">
 
+                    <option>不选</option>
 
+                    <option>土建</option>
 
+                    <option>绿化</option>
 
+                  </select>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>公路等级</label>
 
+                  <select class="form-control form-control-sm">
 
+                    <option>不选</option>
 
+                    <option>一级</option>
 
+                    <option>二级</option>
 
+                  </select>
 
+                </div>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-sm btn-primary">确定添加</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--弹出编辑标段-->
 
+  <div class="modal fade" id="add-bd" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">编辑标段</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="form-group">
 
+                  <label>标段名称<b class="text-danger">*</b></label>
 
+                  <input class="form-control"  placeholder="输入标段名称" type="text">
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>年份</label>
 
+                  <select class="form-control">
 
+                    <option>2018</option>
 
+                    <option>2019</option>
 
+                  </select>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>标段类型</label>
 
+                  <div>
 
+                    <div class="form-check-inline">
 
+                      <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-inline">
 
+                      <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
 
+                      <label class="form-check-label" for="exampleRadios2">
 
+                        绿化
 
+                      </label>
 
+                    </div>
 
+                    </div>
 
+                </div>
 
+                <div class="form-group">
 
+                  <label>公路等级</label>
 
+                  <div>
 
+                    <div class="form-check-inline">
 
+                      <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios31" value="option3" checked>
 
+                      <label class="form-check-label" for="exampleRadios3">
 
+                        一级
 
+                      </label>
 
+                    </div>
 
+                    <div class="form-check-inline">
 
+                      <input class="form-check-input" type="radio" name="exampleRadios2" id="exampleRadios4" value="option4">
 
+                      <label class="form-check-label" for="exampleRadios4">
 
+                        二级
 
+                      </label>
 
+                    </div>
 
+                    </div>
 
+                </div>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-primary">确定修改</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--删除标段-->
 
+  <div class="modal fade" id="del-bd" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">删除标段</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <h6>确认删除「WWUJ-3」？</h6>
 
+                <h6>删除后，数据无法恢复，请谨慎操作。</h6>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-sm btn-danger">确定删除</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--弹出分类设置-->
 
+  <div class="modal fade" id="cate-set" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">分类设置</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="modal-height-300">
 
+                   <ul id="treeDemo2" class="ztree"></ul>
 
+                </div>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-sm btn-primary">确定添加</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--弹出计量模式选择-->
 
+  <div class="modal fade" id="jlms" data-backdrop="static">
 
+      <div class="modal-dialog modal-lg" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">选择计量模式</h5>
 
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="row">
 
+                  <div class="col-6">
 
+                    <div class="card">
 
+                      <div class="card-body">
 
+                        <h5 class="card-title"><i class="fa fa-bookmark"></i> 0号台账</h5>
 
+                        <p class="card-text"><b>0号台账模式</b> 要求以台账为计量根本，必须先有完整台账才能持续计量。</p>
 
+                        <a href="#" class="btn btn-primary">选择他</a>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="col-6">
 
+                    <div class="card">
 
+                      <div class="card-body">
 
+                        <h5 class="card-title"><i class="fa fa-bookmark"></i> 工程量清单</h5>
 
+                        <p class="card-text"><b>工程量清单模式</b> 仅需要工程量清单，详细台账在计量过程中逐步添加，最终组成完整台账。</p>
 
+                        <a href="#" class="btn btn-sm btn-primary">选择他</a>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>    
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+        <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+    <!-- <script type="text/javascript">
 
+            var setting = {
 
+              view: {
 
+                selectedMulti: false
 
+              },
 
+              data: {
 
+                simpleData: {
 
+                  enable: true
 
+                }
 
+              },
 
+              callback: {
 
+                onCheck: onCheck
 
+              }
 
+            };
 
+
 
+            var zNodes =[
 
+              { id:1, pId:0, name:"可用类别", open:true},
 
+              { id:122, pId:1, name:"公路等级", isParent:true, open:true},
 
+              { id:2, pId:0, name:"已用类别", open:true},
 
+              { id:22, pId:2, name:"年份", open:true},
 
+              { id:224, pId:22, name:"标段类型", isParent:true, open:true}
 
+            ];
 
+
 
+            var clearFlag = false;
 
+            function onCheck(e, treeId, treeNode) {
 
+              count();
 
+              if (clearFlag) {
 
+                clearCheckedOldNodes();
 
+              }
 
+            }
 
+            function clearCheckedOldNodes() {
 
+              var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
 
+              nodes = zTree.getChangeCheckedNodes();
 
+              for (var i=0, l=nodes.length; i<l; i++) {
 
+                nodes[i].checkedOld = nodes[i].checked;
 
+              }
 
+            }
 
+            function count() {
 
+              var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
 
+              checkCount = zTree.getCheckedNodes(true).length;
 
+              $("#checkCount2").text(checkCount);
 
+
 
+            }
 
+            function createTree() {
 
+              $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
 
+              count();
 
+            }
 
+            $(document).ready(function(){
 
+              createTree();
 
+            });
 
+    </script> -->
 
+        <script type="text/javascript">
 
+            <!--
 
+            var setting = {
 
+              view: {
 
+                selectedMulti: false
 
+              },
 
+              data: {
 
+                simpleData: {
 
+                  enable: true
 
+                }
 
+              },
 
+              callback: {
 
+                onCheck: onCheck
 
+              }
 
+            };
 
+
 
+            var zNodes =[
 
+              { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
 
+              { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
 
+              { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
 
+              { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
 
+            ];
 
+
 
+            var clearFlag = false;
 
+            function onCheck(e, treeId, treeNode) {
 
+              count();
 
+              if (clearFlag) {
 
+                clearCheckedOldNodes();
 
+              }
 
+            }
 
+            function clearCheckedOldNodes() {
 
+              var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
 
+              nodes = zTree.getChangeCheckedNodes();
 
+              for (var i=0, l=nodes.length; i<l; i++) {
 
+                nodes[i].checkedOld = nodes[i].checked;
 
+              }
 
+            }
 
+            function count() {
 
+              var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
 
+              checkCount = zTree.getCheckedNodes(true).length;
 
+              $("#checkCount4").text(checkCount);
 
+
 
+            }
 
+            function createTree() {
 
+              $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
 
+              count();
 
+            }
 
+            $(document).ready(function(){
 
+              createTree();
 
+            });
 
+            //-->
 
+    </script>
 
+</body>
 
+</html>

BIN
css/404.png
Datei anzeigen


Datei-Diff unterdrückt, da er zu groß ist
+ 7 - 0
css/bootstrap/bootstrap.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/datepicker/datepicker.min.css


Datei-Diff unterdrückt, da er zu groß ist
+ 4 - 0
css/font-awesome/font-awesome.min.css


BIN
css/font-awesome/fonts/FontAwesome.otf
Datei anzeigen


BIN
css/font-awesome/fonts/fontawesome-webfont.eot
Datei anzeigen


Datei-Diff unterdrückt, da er zu groß ist
+ 2671 - 0
css/font-awesome/fonts/fontawesome-webfont.svg


BIN
css/font-awesome/fonts/fontawesome-webfont.ttf
Datei anzeigen


BIN
css/font-awesome/fonts/fontawesome-webfont.woff
Datei anzeigen


BIN
css/font-awesome/fonts/fontawesome-webfont.woff2
Datei anzeigen


BIN
css/logo.png
Datei anzeigen


Datei-Diff unterdrückt, da er zu groß ist
+ 1348 - 0
css/main.css


Datei-Diff unterdrückt, da er zu groß ist
+ 785 - 0
css/spreadjs/sheets/gc.spread.sheets.10.0.1.css


+ 855 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013darkGray.10.0.1.css
Datei anzeigen 

@@ -0,0 +1,855 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #dedede;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #b3b3b3;
 
+    background-image: -webkit-linear-gradient(top, #b3b3b3, #b3b3b3); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #b3b3b3, #b3b3b3); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #b3b3b3, #b3b3b3); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #b3b3b3, #b3b3b3); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #b3b3b3, #b3b3b3); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #dedede;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #bdbdbd;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: black;
 
+    background-color: #dedede;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: black;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #bdbdbd;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #dedede;
 
+    border-top: 1px solid #999999;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #dedede;
 
+    border-left: 1px solid #999999;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #dedede;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #dedede;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #dedede;
 
+    color: #464646;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #525252;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #dedede, #dedede); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dedede, #dedede); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dedede, #dedede); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dedede, #dedede); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dedede, #dedede); /* Standard syntax; must be last */
 
+    background-color: #dedede;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #525252;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #9e9e9e;
 
+}
 
+.gc-tab-normal {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 3px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    border-radius:3px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left: 13px;
 
+    margin-bottom: 5px;
 
+    float: left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom: 5px;
 
+    float: left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #bababa;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #e1e1e1;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 857 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013lightGray.10.0.1.css
Datei anzeigen 

@@ -0,0 +1,857 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #c6c6c6;
 
+    background-image: -webkit-linear-gradient(top, #c6c6c6, #c6c6c6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #c6c6c6, #c6c6c6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #c6c6c6, #c6c6c6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #c6c6c6, #c6c6c6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #c6c6c6, #c6c6c6); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: #f1f1f1;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #262626;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d4d4d4;
 
+    border-style:solid;
 
+    border-left-color: #dbdbdb !important;
 
+    border-right-color: #b7b7b7 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #262626;
 
+    background-color: #f1f1f1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #262626;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #d4d4d4;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dbdbdb !important;
 
+    border-bottom-color: #b7b7b7 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #f1f1f1;
 
+    border-top: 1px solid #ababab;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #f1f1f1;
 
+    border-left: 1px solid #ababab;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color:#f1f1f1;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color:#f1f1f1;
 
+    color: #606060;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f1f1f1, #f1f1f1); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f1f1f1, #f1f1f1); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f1f1f1, #f1f1f1); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f1f1f1, #f1f1f1); /* Standard syntax; must be last */
 
+    background-color: #f1f1f1;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #5e5e5e;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #005a2b;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #ababab;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #d9d9d9;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #e1e1e1;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 850 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2013white.10.0.1.css
Datei anzeigen 

@@ -0,0 +1,850 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: white;
 
+}
 
+.gc-corner-hover {
 
+    background-color: white;
 
+}
 
+.gc-corner-selected {
 
+    background-color: white;
 
+}
 
+.gc-corner-normal {
 
+    background-color: white;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #dfdfdf;
 
+    background-image: -webkit-linear-gradient(top, #dfdfdf, #dfdfdf); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dfdfdf, #dfdfdf); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dfdfdf, #dfdfdf); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #e1e1e1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #444444;
 
+    background-color: white;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #444444;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #e1e1e1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #f6f6f6;
 
+    border-top-color: #ababab;
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #f6f6f6;
 
+    border-left-color: #ababab;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #f6f6f6;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: white;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color: white;
 
+    color: #666666;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f6f6f6, #f6f6f6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f6f6f6, #f6f6f6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f6f6f6, #f6f6f6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f6f6f6, #f6f6f6); /* Standard syntax; must be last */
 
+    background-color: #f6f6f6;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #eaeaea;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background: #f0f0f0;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #f0f0f0;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 857 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2016colorful.10.0.1.css
Datei anzeigen 

@@ -0,0 +1,857 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2016;
 
+}
 
+.gc-grayArea {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #b4b4b4;
 
+    background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #b4b4b4, #b4b4b4); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #b4b4b4, #b4b4b4); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #b4b4b4, #b4b4b4); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #d6d6d6 !important;
 
+    border-right-color: #9b9b9b !important;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #e6e6e6;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: black;
 
+    background-image: none;
 
+    background-color: #9fd5b7;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d3f0e0;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: #d2d2d2;
 
+    border-style:solid;
 
+    border-left-color: #d2d2d2 !important;
 
+    border-right-color: #9c9c9c !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: black;
 
+    background-color: #e6e6e6;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: black;
 
+    background-color: #9fd5b7;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #217346;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #217346;
 
+    background-color: #d2d2d2;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #d2d2d2 !important;
 
+    border-bottom-color: #9c9c9c !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #e6e6e6;
 
+    border-top: 1px solid #999999;
 
+    height: 18px;
 
+    padding: 4px 0px 5px 0px;
 
+    margin: 0;
 
+}
 
+.gc-vertical-scrollbar {
 
+    box-sizing:content-box;
 
+    background: #e6e6e6;
 
+    border-left: 1px solid #999999;
 
+    width: 18px;
 
+    padding: 0px 5px 0px 4px;
 
+    margin: 0;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #e6e6e6;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #e6e6e6;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #e4e4e4;
 
+    color: #646464;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #e6e6e6, #e6e6e6); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #e6e6e6, #e6e6e6); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #e6e6e6, #e6e6e6); /* Standard syntax; must be last */
 
+    background-color: #e6e6e6;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#ffffff;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #c6c6c6;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    border-radius:3px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #c5c5c5;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;    
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;    
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #dbdbdb;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: white;
 
+    border-style:solid;
 
+    border-color: #ababab;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background:  white;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: white;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ababab;
 
+    background: #f0f0f0;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#777777;
 
+    background: #f0f0f0;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 850 - 0
css/spreadjs/sheets/gc.spread.sheets.excel2016darkGray.10.0.1.css
Datei anzeigen 

@@ -0,0 +1,850 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2016;
 
+}
 
+.gc-grayArea {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-hover {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-selected {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-normal {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #f0f0f0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #f0f0f0); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #f0f0f0); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #f0f0f0); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #f0f0f0); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #ffffff;
 
+    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ffffff, #ffffff); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ffffff, #ffffff); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ffffff, #ffffff); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #217346;
 
+    background-image: -webkit-linear-gradient(top, #217346, #217346); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #217346, #217346); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #217346, #217346); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #217346, #217346); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #217346, #217346); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #999999 !important;
 
+    border-right-color: #d3d3d3 !important;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #6a6a6a;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #0a6332;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #217346;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: #262626;
 
+    border-style:solid;
 
+    border-left-color: #9c9c9c !important;
 
+    border-right-color: #d2d2d2 !important;
 
+    border-bottom-color: #999999 !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #ffffff;
 
+    background-color: #6a6a6a;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #ffffff;
 
+    background-color: #0a6332;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #ffffff;
 
+    background-color: #217346;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #ffffff;
 
+    background-color: #262626;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #9c9c9c !important;
 
+    border-bottom-color: #d2d2d2 !important;
 
+    border-right-color: #999999 !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #6a6a6a;
 
+    border-top-color: #999999;
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #6a6a6a;
 
+    border-left-color: #999999;
 
+}
 
+.gc-footer-corner {
 
+    background-color: #6a6a6a;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(20, 20, 20, 0.2);
 
+    border-color: #217346;
 
+    color: rgba(240,240,240,0.7);
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #d4d4d4;
 
+}
 
+.gc-group {
 
+    background-color: #6a6a6a;
 
+    color: #999999;
 
+}
 
+.gc-group-box {
 
+    background-color: #e4e4e4;
 
+    color: #646464;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #6a6a6a, #6a6a6a); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #6a6a6a, #6a6a6a); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #6a6a6a, #6a6a6a); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #6a6a6a, #6a6a6a); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #6a6a6a, #6a6a6a); /* Standard syntax; must be last */
 
+    background-color: #6a6a6a;
 
+    border-color: #999999;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #f0f0f0;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #86bfa0;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #f0f0f0;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #a3a3a3;
 
+}
 
+.gc-tab-normal {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #ffffff;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #999999;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#f0f0f0;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #acacac;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;  
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #969696;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: #f0f0f0;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: #f0f0f0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: #f0f0f0;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #575757;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: #999999;
 
+    border-style:solid;
 
+    border-color: #3b3b3b;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+    
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#3b3b3b;
 
+    background: #999999;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #b3b3b3;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #b3b3b3;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scroll-bar:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#101010;
 
+    background: #c4c4c4;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+/*-----scrollbar end-----*/
 
+

+ 851 - 0
css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css
Datei anzeigen 

@@ -0,0 +1,851 @@
 
+/*-----common css start-----*/
 
+.gc-theme-version {
 
+    position: absolute;
 
+    z-index: 2013;
 
+}
 
+.gc-grayArea {
 
+    background-color: #f1f1f1;
 
+}
 
+.gc-corner-hover {
 
+    background-color: white;
 
+}
 
+.gc-corner-selected {
 
+    background-color: white;
 
+}
 
+.gc-corner-normal {
 
+    background-color: white;
 
+}
 
+.gc-corner-triangle-normal {
 
+    background-color: #dfdfdf;
 
+    background-image: -webkit-linear-gradient(top, #dfdfdf, #dfdfdf); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #dfdfdf, #dfdfdf); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #dfdfdf, #dfdfdf); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #dfdfdf, #dfdfdf); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-hover {
 
+    background-color: #9e9e9e;
 
+    background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #9e9e9e, #9e9e9e); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #9e9e9e, #9e9e9e); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #9e9e9e, #9e9e9e); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-corner-triangle-selected {
 
+    background-color: #73a2e3;
 
+    background-image: -webkit-linear-gradient(top, #73a2e3, #73a2e3); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #73a2e3, #73a2e3); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #73a2e3, #73a2e3); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #73a2e3, #73a2e3); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #73a2e3, #73a2e3); /* Standard syntax; must be last */
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+}
 
+.gc-columnHeader-normal {
 
+    color: #000;
 
+    background-image: none;
 
+    background-color:#e9ecef;
 
+    border-style:solid;
 
+    border-left-color: #dee2e6 !important;
 
+    border-right-color: #dee2e6 !important;
 
+    border-bottom-color: #dee2e6 !important;
 
+}
 
+.gc-columnHeader-hover {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #73a2e3 !important;
 
+}
 
+.gc-columnHeader-selected {
 
+    color: #73a2e3;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-columnHeader-highlight {
 
+    color: #73a2e3;
 
+    background-image: none;
 
+    background-color: #dddfe1;
 
+    border-style:solid;
 
+    border-left-color: #efefef !important;
 
+    border-right-color: #d5ded5 !important;
 
+    border-bottom-color: #ababab !important;
 
+}
 
+.gc-rowHeader-normal {
 
+    color: #444444;
 
+    background-color: #e9ecef;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #dee2e6 !important;
 
+}
 
+.gc-rowHeader-hover {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #73a2e3 !important;
 
+}
 
+.gc-rowHeader-selected {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #dee2e6 !important;
 
+    border-bottom-color: #dee2e6 !important;
 
+    border-right-color: #dee2e6 !important;
 
+}
 
+.gc-rowHeader-highlight {
 
+    color: #73a2e3;
 
+    background-color: #dddfe1;
 
+    background-image: none;
 
+    border-style:solid;
 
+    border-top-color: #efefef !important;
 
+    border-bottom-color: #d5ded5 !important;
 
+    border-right-color: #ababab !important;
 
+}
 
+.gc-horizontal-scrollbar {
 
+    background-color: #fff;
 
+    border-top-color: #fff
 
+}
 
+.gc-vertical-scrollbar {
 
+    background-color: #fff;
 
+    border-left-color: #fff
 
+}
 
+.gc-footer-corner {
 
+    background-color: #fff;
 
+}
 
+.gc-selection {
 
+    background-color: rgba(204, 204, 204, 0.3);
 
+    border-color:#73a2e3
 
+}
 
+.gc-drag-indicator {
 
+    border-color: #217346;
 
+}
 
+.gc-gridlineColor {
 
+    border-color: #dee2e6;
 
+}
 
+.gc-group {
 
+    background-color: white;
 
+    color: #ababab;
 
+}
 
+.gc-group-box {
 
+    background-color: white;
 
+    color: #666666;
 
+    border-color: #828790;
 
+}
 
+
 
+.gc-tabStripNewTab-highlight {
 
+    border-color: #777777;
 
+}
 
+.gc-tabStripNewTab-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-tabStripBackground {
 
+    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ffffff, #ffffff); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ffffff, #ffffff); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ffffff, #ffffff); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ffffff, #ffffff); /* Standard syntax; must be last */
 
+    background-color: #ffffff;
 
+    border-color: #ababab;
 
+}
 
+.gc-tabStripResizeBarInner {
 
+    color: #b3b3b3;
 
+}
 
+.gc-navMoreButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navMoreButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-hover {
 
+    border-color: #439467;
 
+}
 
+.gc-navButton-highlight {
 
+    border-color: #0a6332;
 
+}
 
+.gc-navButton-normal {
 
+    border-color: #c6c6c6;
 
+}
 
+.gc-tab-normal {
 
+    color: #444444;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-hover {
 
+    color: #252627;
 
+    background-image: none;
 
+    background-color: transparent;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+.gc-tab-active {
 
+    color: #217346;
 
+    background-image: none;
 
+    background-color: white;
 
+    border-style: solid;
 
+    border-left-color: #ababab;
 
+    border-bottom-color: #217346;
 
+}
 
+
 
+.gc-rowHeaderFill {
 
+    background-color: #e4ecf7;
 
+}
 
+.gc-colHeaderFill {
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB 12.5%, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB 12.5%, #D2DBEB); /* Standard syntax; must be last */
 
+    background-color: #D2DBEB;
 
+}
 
+
 
+.gc-gradientButton {
 
+    background-color: #DDDDDD; /* fallback color if gradients are not supported */
 
+    background-image: -webkit-linear-gradient(top, #F6FAFB, #D2DBEB); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #F6FAFB, #D2DBEB); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #F6FAFB, #D2DBEB); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #F6FAFB, #D2DBEB); /* Standard syntax; must be last */
 
+}
 
+
 
+.gc-sheetTabEditor::-ms-clear {
 
+    display: none;
 
+}
 
+
 
+
 
+.gc-layout-table {
 
+    font-size:12px;
 
+    width:100%;
 
+    height:100%;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+}
 
+
 
+.gc-layout-table-first-column {
 
+    width:21px;
 
+    border-right:1px solid #CCC;
 
+    text-align:right;
 
+    padding-top:7px;
 
+}
 
+
 
+.gc-layout-table-last-column {
 
+    width:18px;
 
+}
 
+
 
+.gc-filter-sort-desc-container {
 
+    border-bottom:1px solid #CCC;
 
+}
 
+
 
+.gc-filter-item-wrapper {
 
+}
 
+
 
+
 
+.gc-filter-dialog-style {
 
+    background:#fcfdfd;
 
+    font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;
 
+    font-size:12px;
 
+    border:1px solid #a7abb0;
 
+}
 
+
 
+.gc-search-outer-div {
 
+    border: none;
 
+    margin:4px 0px 0px 4px;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+}
 
+
 
+div.gc-search-outer-div input::-ms-clear{
 
+   display:none;
 
+}
 
+
 
+#gc-filterSearch {
 
+    width:165px;
 
+    height:21px;
 
+    border:1px solid #ababab;
 
+    margin-left:7px;
 
+    margin-top:4px;
 
+    margin-bottom: 0px;
 
+    padding: 0;
 
+    font-size: 1em;
 
+    background-color:white;
 
+    color:black;
 
+    float:none;
 
+}
 
+#gc-filterSearch:hover,
 
+#gc-filterSearch:active{
 
+    background-color:white;
 
+}
 
+
 
+.gc-check-uncheck-all {
 
+    float:left;
 
+    width:16px;
 
+    height:16px;
 
+    display:inline-block;
 
+}
 
+.gc-filter-check-outerDiv .gc-check-image,
 
+.gc-fill-type-item .gc-check-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
 
+}
 
+.gc-filter-check-outerDiv .gc-uncheck-image,
 
+.gc-fill-type-item .gc-uncheck-image {
 
+    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
 
+}
 
+.gc-check-image,
 
+.gc-uncheck-image {
 
+    background-position:center;
 
+}
 
+
 
+.gc-filter-check-outerDiv {
 
+    height:18px;
 
+    margin-top:4px;
 
+}
 
+
 
+a.gc-filter-check-style {
 
+    color:#1e395b;
 
+    text-shadow:none;
 
+}
 
+
 
+a.gc-filter-check {
 
+    text-decoration: none;
 
+}
 
+
 
+a.gc-filter-check:hover {
 
+    text-decoration:underline;
 
+}
 
+#gc-sortASC:hover,
 
+#gc-sortASC:active {
 
+    border-color: #e3e3e3;
 
+    outline: none;
 
+    -webkit-box-shadow: none;
 
+            box-shadow: none;
 
+}
 
+.gc-filter-sort {
 
+    border:1px solid transparent;
 
+    font-weight:normal;
 
+    color:#222222;
 
+}
 
+
 
+.gc-filter-hover {
 
+    border-radius: 0px;
 
+    outline:none;
 
+}
 
+
 
+.gc-filter-item {
 
+    position: relative;
 
+    cursor: default;
 
+    font-weight:normal;
 
+    border-style: solid;
 
+    border-color: transparent;
 
+}
 
+
 
+.gc-filter-item-container {
 
+    border:1px solid #a7abb0;
 
+    border-radius:3px;
 
+    margin:4px 0px 4px 4px;
 
+    overflow:hidden;
 
+}
 
+
 
+.gc-filter-item-input {
 
+    float: left;
 
+    clear: left;
 
+}
 
+
 
+.gc-filter-item-text {
 
+    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
 
+    font-size: 12px;
 
+    margin: 2px;
 
+    white-space:nowrap;
 
+    word-wrap:normal;
 
+    float: left;
 
+    clear: right;
 
+}
 
+
 
+.gc-filter-button {
 
+    width:90px;
 
+    height:27px;
 
+    margin:2px 1px 5px;
 
+}
 
+
 
+.gc-filter-button-disable {
 
+    opacity:.35;
 
+    background-image:none;
 
+}
 
+
 
+#gc-filterOK {
 
+    margin-left:13px;
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+#gc-filterCancel {
 
+    margin-bottom:5px;
 
+    float:left;
 
+}
 
+
 
+.gc-filter-button-default {
 
+    border:1px solid #acacac;
 
+    border-radius: 0;
 
+    background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #f0f0f0, #e5e5e5); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #f0f0f0, #e5e5e5); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #f0f0f0, #e5e5e5); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+}
 
+
 
+.gc-filter-button-hover {
 
+    border:1px solid #7eb4ea;
 
+    border-radius: 0;
 
+    background-color: #d3f0e0;
 
+    background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #ecf4fc, #dcecfc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #ecf4fc, #dcecfc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #ecf4fc, #dcecfc); /* Standard syntax; must be last */
 
+    color: black;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+    cursor:pointer;
 
+}
 
+
 
+.gc-filter-button-active {
 
+    border:1px solid #569de5;
 
+    border-radius: 0;
 
+    background-color: #ffe475;
 
+    background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc); /* For Chrome and Safari */
 
+    background-image:    -moz-linear-gradient(top, #daecfc, #c4e0fc); /* For old Fx (3.6 to 15) */
 
+    background-image:     -ms-linear-gradient(top, #daecfc, #c4e0fc); /* For pre-releases of IE 10*/
 
+    background-image:      -o-linear-gradient(top, #daecfc, #c4e0fc); /* For old Opera (11.1 to 12.0) */
 
+    background-image:         linear-gradient(to bottom, #daecfc, #c4e0fc); /* Standard syntax; must be last */
 
+    font-weight:normal;
 
+    color: black;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-filter-item-hover {
 
+    border:1px solid transparent;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smartMenu-item-default {
 
+    border:1px solid transparent;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#1e395b;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smartMenu-item-hover {
 
+    border:1px solid #86bfa0;
 
+    background-color: #d3f0e0;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-default {
 
+    border:1px solid #ababab;
 
+    background: white;
 
+    color:#1e395b;
 
+    font-weight:normal;
 
+    border-radius:0;
 
+}
 
+
 
+.gc-smart-tag-hover {
 
+    border:1px solid #9fd5b7;
 
+    background-color: white;
 
+    background-image: none;
 
+    color:#1d5987;
 
+    font-weight:normal;
 
+    text-shadow:none;
 
+}
 
+
 
+.gc-smart-tag-active {
 
+    border:1px solid #9fd5b7;
 
+    background-color:#9fd5b7;
 
+    background-image: none;
 
+    font-weight:normal;
 
+    color:#262626;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+
 
+.gc-menu-item-input {
 
+    width:16px;
 
+    height:16px;
 
+    margin:1px;
 
+    float:left;
 
+    display:inline-block;
 
+}
 
+.gc-menu-item-text {
 
+    font-size:12px;
 
+    font-weight:normal;
 
+    display:inline-block;
 
+    float:left;
 
+    padding-top:2px;
 
+    font-family:Arial;
 
+}
 
+.gc-fill-menu-container {
 
+    box-shadow:rgba(0,0,0,0.4) 1px 2px 5px;
 
+    cursor:default;
 
+}
 
+
 
+.gc-toolstrip-default {
 
+    background: white;
 
+    border:1px solid #c6c6c6;
 
+}
 
+.gc-toolstrip-button-style:active,
 
+.gc-toolstrip-button-style {
 
+    color: black;
 
+    background:white;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+
 
+.gc-tab-tip-span{
 
+     background:#D6E6F9;
 
+     color:black;
 
+     border:1px solid #D6E6F9;
 
+     font-weight:normal;
 
+}
 
+
 
+.gc-spread-toolTip {
 
+    border: 1px solid #bebebe;
 
+    border-radius: 0px;
 
+    background-color: white;
 
+    background-image: none;
 
+    font-weight: normal;
 
+    color: #217346;
 
+}
 
+
 
+.gc-no-user-select {
 
+    -webkit-user-select: none;
 
+    -khtml-user-select: none;
 
+    -moz-user-select: none;
 
+    -o-user-select: none;
 
+    -ms-user-select: none;
 
+    user-select: none;
 
+}
 
+/*-----common css end-----*/
 
+
 
+/*-----formula textbox start-----*/
 
+/* function autocomplete */
 
+.gcsj-func-ac-popup {
 
+	margin: 0;
 
+	padding: 0;
 
+    background: #fff;
 
+	border: 1px solid rgba(0,0,0,0.2);
 
+	font-family: arial,sans-serif;
 
+	font-size: 12px;
 
+	line-height: 22px;
 
+	position: absolute;
 
+	width: 300px;
 
+	z-index: 2001;
 
+
 
+	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-ac-row {
 
+    margin: 0;
 
+    cursor: default;
 
+    padding: 2px 10px;
 
+    color: #666666;
 
+}
 
+
 
+.gcsj-func-ac-row-name {
 
+     color: #222;
 
+     font-size: 13px;
 
+     font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+     margin: -2px 0;
 
+}
 
+
 
+.gcsj-func-ac-row-description {
 
+    color: #666;
 
+    display: none;
 
+    font-size: 11px;
 
+    margin: -2px 0;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.gcsj-ac-row-active {
 
+	background-color: #f5f5f5;
 
+	color: #000;
 
+	border-top: 1px solid #ebebeb;
 
+	border-bottom: 1px solid #ebebeb;
 
+	padding: 1px 10px
 
+}
 
+
 
+.gcsj-ac-row-active .gcsj-func-ac-row-description {
 
+    display:block;
 
+}
 
+
 
+/*  function help */
 
+.gcsj-func-help-popup {
 
+    background-color:#fff;
 
+    border: 1px solid rgba(0,0,0,0.2);
 
+    color: #222;
 
+    font-size: 11px;
 
+    word-wrap: break-word;
 
+    position: absolute;
 
+    width: 320px;
 
+    z-index: 2001;
 
+
 
+    -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+	box-shadow:0 2px 4px rgba(0,0,0,0.2);
 
+}
 
+
 
+.gcsj-func-help-title {
 
+    background-color: #f5f5f5;
 
+    color: #222;
 
+    font-size: 13px;
 
+    padding: 1px 0 1px 10px;
 
+}
 
+
 
+.gcsj-func-help-body {
 
+    border-top: 1px solid #ebebeb;
 
+    font-family: arial, sans-serif;
 
+    overflow: hidden;
 
+}
 
+
 
+.gcsj-func-help-content {
 
+    padding-bottom: 2px;
 
+}
 
+
 
+.gcsj-func-help-section {
 
+    padding: 5px 10px;
 
+}
 
+
 
+.gcsj-func-help-section-title {
 
+    font-size: 11px;
 
+    color: #666;
 
+}
 
+
 
+.gcsj-func-help-section-content {
 
+    font-size: 11px;
 
+}
 
+
 
+.gcsj-func-help-formula {
 
+    font-family: inconsolata,monospace,arial,sans,sans-serif;
 
+    padding: 1px 0;
 
+}
 
+
 
+.gcsj-func-help-formula-name {
 
+}
 
+
 
+.gcsj-func-help-paramter {
 
+    padding-left:1px;
 
+}
 
+
 
+.gcsj-func-help-paramter-paren {
 
+}
 
+
 
+.gcsj-func-help-paramter-active {
 
+    background-color: #feb;
 
+}
 
+
 
+/* color text */
 
+.gcsj-func-color-content {
 
+    white-space: pre-wrap;
 
+}
 
+/*-----formula textbox end-----*/
 
+
 
+/*-----floatingobject start-----*/
 
+.gc-floatingobject-selected{
 
+    border:1px solid #939393;
 
+}
 
+
 
+.gc-floatingobject-unselected{
 
+    background-color: transparent;
 
+    border:1px solid transparent;
 
+}
 
+
 
+.gc-floatingobject-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-background-cover{
 
+    -webkit-background-size: cover; /* For WebKit*/
 
+    -moz-background-size: cover;    /* Mozilla*/
 
+    -o-background-size: cover;      /* Opera*/
 
+    background-size: cover;         /* Generic*/
 
+}
 
+
 
+.gc-floatingobject-moving-container{
 
+    position: absolute;
 
+    overflow: hidden;
 
+}
 
+
 
+.gc-floatingobject-moving-div{
 
+    position: absolute;
 
+    border:1px solid black;
 
+}
 
+.gc-floatingobject-resize-indicator {
 
+    box-sizing:content-box;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-select{
 
+    background-color:white;
 
+    border-radius:2px;
 
+    -moz-border-radius:1px;
 
+    border:1px solid #939393;
 
+    z-index:100;
 
+}
 
+
 
+.gc-floatingobject-resize-indicator-unSelect{
 
+    display: none;
 
+}
 
+
 
+.gc-floatingobject-absolute{
 
+    position: absolute;
 
+}
 
+
 
+.gc-floatingobject-content-container {
 
+    box-sizing:content-box;
 
+}
 
+/*-----floatingobject end-----*/
 
+
 
+/*-----scrollbar start-----*/
 
+/*scrollbar*/
 
+.gc-scroll-container{
 
+    background-color: #efefef;
 
+    -moz-box-shadow: none;
 
+    -webkit-box-shadow: none;
 
+    box-shadow: none;
 
+}
 
+.gc-scroll-corner-all {
 
+    border-radius: 2px;
 
+}
 
+.gc-scroll-arrow{
 
+    background-color: #efefef;
 
+    border-style:solid;
 
+    border-color: #efefef;
 
+    background-image: none;
 
+    border-radius: 0;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowUp{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
 
+
 
+}
 
+.gc-scroll-arrowUp {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowDown {
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowDown {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowLeft{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
 
+}
 
+.gc-scroll-arrowLeft {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-arrow .gc-scroll-arrowRight{
 
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=);
 
+}
 
+.gc-scroll-arrowRight {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-vertical {
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-vertical {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scroll-bar .gc-scrollbar-horizontal {
 
+    text-indent: 0;
 
+    background-image: none;
 
+    background-repeat: no-repeat;
 
+}
 
+.gc-scrollbar-horizontal {
 
+    background-position: center;
 
+}
 
+
 
+.gc-scrollbar-wrapper {
 
+    background-color: transparent;
 
+}
 
+
 
+.gc-scroll-bar {
 
+    border-style:solid;
 
+    border-color:#ccc;
 
+    background:  #ccc;
 
+    -moz-border-radius: 0px;
 
+    -webkit-border-radius: 0px;
 
+    border-radius: 0px;
 
+}
 
+.gc-scroll-arrow-hover {
 
+    border-style:solid;
 
+    border-color:#999;
 
+    background: #999;
 
+}
 
+.gc-scrollbar-stateHover {
 
+    border-style:solid;
 
+    border-color:#ced4da;
 
+    background: #707070;
 
+}
 
+
 
+.gc-scroll-arrow:active,
 
+.gc-scrollbar-stateActive {
 
+    border-style:solid;
 
+    border-color:#ced4da;
 
+    background: #ced4da;
 
+    -webkit-box-shadow: none;
 
+          box-shadow: none;
 
+}
 
+.gc-scroll-bar:active{
 
+  border-color:#777777;
 
+  background: #777777;
 
+}
 
+/*-----scrollbar end-----*/

Datei-Diff unterdrückt, da er zu groß ist
+ 13 - 0
css/spreadjs/views/gc.spread.views.dataview.10.0.0.css


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.blue.10.0.0.css


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.bootstrap.10.0.0.css


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/spreadjs/views/gc.spread.views.dataview.flat.10.0.0.css


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/undraw_all_the_data_h4ki.svg


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/undraw_order_a_car_3tww.svg


Datei-Diff unterdrückt, da er zu groß ist
+ 1 - 0
css/undraw_work_chat_erdt.svg


BIN
css/ztree/img/diy/1_close.png
Datei anzeigen


BIN
css/ztree/img/diy/1_open.png
Datei anzeigen


BIN
css/ztree/img/diy/2.png
Datei anzeigen


BIN
css/ztree/img/diy/3.png
Datei anzeigen


BIN
css/ztree/img/diy/4.png
Datei anzeigen


BIN
css/ztree/img/diy/5.png
Datei anzeigen


BIN
css/ztree/img/diy/6.png
Datei anzeigen


BIN
css/ztree/img/diy/7.png
Datei anzeigen


BIN
css/ztree/img/diy/8.png
Datei anzeigen


BIN
css/ztree/img/diy/9.png
Datei anzeigen


BIN
css/ztree/img/line_conn.gif
Datei anzeigen


BIN
css/ztree/img/loading.gif
Datei anzeigen


BIN
css/ztree/img/zTreeStandard.gif
Datei anzeigen


BIN
css/ztree/img/zTreeStandard.png
Datei anzeigen


+ 97 - 0
css/ztree/zTreeStyle.css
Datei anzeigen 

@@ -0,0 +1,97 @@
 
+/*-------------------------------------
 
+zTree Style
 
+
 
+version:	3.5.19
 
+author:		Hunter.z
 
+email:		hunter.z@263.net
 
+website:	http://code.google.com/p/jquerytree/
 
+
 
+-------------------------------------*/
 
+
 
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
 
+.ztree {margin:0; padding:5px; color:#333}
 
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
 
+.ztree li ul{ margin:0; padding:0 0 0 18px}
 
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
 
+
 
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
 
+	text-decoration:none; vertical-align:top; display: inline-block}
 
+.ztree li a:hover {text-decoration:underline}
 
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
 
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
 
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
 
+	opacity:0.8; filter:alpha(opacity=80)}
 
+.ztree li a.tmpTargetNode_prev {}
 
+.ztree li a.tmpTargetNode_next {}
 
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
 
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
 
+.ztree li span {line-height:16px; margin-right:2px}
 
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
 
+	border:0 none; cursor: pointer;outline:none;
 
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
 
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
 
+
 
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
 
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
 
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
 
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
 
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
 
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
 
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
 
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
 
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
 
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
 
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
 
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
 
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
 
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
 
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
 
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
 
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
 
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
 
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
 
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
 
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
 
+
 
+.ztree li span.button.switch {width:18px; height:18px}
 
+.ztree li span.button.root_open{background-position:-92px -54px}
 
+.ztree li span.button.root_close{background-position:-74px -54px}
 
+.ztree li span.button.roots_open{background-position:-92px 0}
 
+.ztree li span.button.roots_close{background-position:-74px 0}
 
+.ztree li span.button.center_open{background-position:-92px -18px}
 
+.ztree li span.button.center_close{background-position:-74px -18px}
 
+.ztree li span.button.bottom_open{background-position:-92px -36px}
 
+.ztree li span.button.bottom_close{background-position:-74px -36px}
 
+.ztree li span.button.noline_open{background-position:-92px -72px}
 
+.ztree li span.button.noline_close{background-position:-74px -72px}
 
+.ztree li span.button.root_docu{ background:none;}
 
+.ztree li span.button.roots_docu{background-position:-56px 0}
 
+.ztree li span.button.center_docu{background-position:-56px -18px}
 
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
 
+.ztree li span.button.noline_docu{ background:none;}
 
+
 
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
 
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
 
+
 
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
 
+
 
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
 
+
 
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
 
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
 
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
 
+
 
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
 
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
 
+
 
+/* level style*/
 
+/*.ztree li span.button.level0 {
 
+	display:none;
 
+}
 
+.ztree li ul.level0 {
 
+	padding:0;
 
+	background:none;
 
+}*/

+ 160 - 0
dashboard-add.html
Datei anzeigen 

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

+ 190 - 0
dashboard-msg.html
Datei anzeigen 

@@ -0,0 +1,190 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>主页-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <!--系统维护信息-->
 
+          <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li>
 
+          <!--系统维护信息 end-->
 
+          <li class="active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+		<div class="main-panel">
 
+			<div class="panel-content">
 
+				<div class="panel-title fluid">
 
+					<div class="title-main"><h2>消息通知</h2></div>
 
+				</div>
 
+				<div class="content-wrap">
 
+          <div class="sjs-height-0">
 
+            <div class="container py-5">
 
+              <div class="row">
 
+                <div class="col-3 bd-toc">
 
+                  <div class="card">
 
+                    <div class="card-header">
 
+                      <div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
 
+                        <button type="button" class="btn btn-primary">项目通知</button>
 
+                        <button type="button" class="btn btn-outline-primary">系统消息</button>
 
+                      </div>
 
+                    </div>
 
+                    <ul class="list-group list-group-flush msg-height-list">
 
+                      <li class="list-group-item"><a href="" class="text-danger"><i class="fa fa-exclamation-triangle" ></i> 这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                      <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                      <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                      <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                      <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                      <li class="list-group-item pt-2"> 
+                        <nav>
 
+                          <ul class="pagination justify-content-center">
 
+                            <li class="page-item disabled">
 
+                              <a class="page-link" href="#" aria-label="Previous">
 
+                                <span aria-hidden="true">&laquo;</span>
 
+                              </a>
 
+                            </li>
 
+                            <li class="page-item disabled"><a class="page-link" href="#">1</a></li>
 
+                            <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+                            <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+                            <li class="page-item">
 
+                              <a class="page-link" href="#" aria-label="Next">
 
+                                <span aria-hidden="true">&raquo;</span>
 
+                              </a>
 
+                            </li>
 
+                          </ul>
 
+                        </nav>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+                <div class="card col-9">
 
+                  <div class="card-body">
 
+                    <div>
 
+                      <h4 class="text-center">通知标题</h4>
 
+                       <p class="text-center text-muted">
 
+                         张三 发布于 2019-02-02 
+                       <!--有编辑权用户-->
 
+                         <a href="" class="btn btn-sm btn-outline-primary">编辑</a>
 
+                       </p>
 
+                       <!--内容开始-->
 
+                       <div class="msg-content border-top-1 pt-3">
 
+                         <!--内容-->
 
+                          <p style="height:500px">内容</p>
 
+                          <p style="height:500px">内容</p>
 
+                          <p>内容</p>
 
+                         <!--内容-->
 
+                       </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+  <!--弹出所有项目通知-->
 
+  <div class="modal fade" id="all-msg" data-backdrop="static">
 
+      <div class="modal-dialog modal-xl" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">项目通知</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="row">
 
+                  <div class="col-3 border-right-1">
 
+                    <div class="">
 
+                       <ul class="list-group list-group-flush modal-height-500 scroll-y">
 
+                        <li class="list-group-item"><a href="" class="text-danger"><i class="fa fa-exclamation-triangle" ></i> 这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="list-group-item"><a href="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                        <li class="pt-2"> 
+                          <nav>
 
+                            <ul class="pagination justify-content-center">
 
+                              <li class="page-item disabled">
 
+                                <a class="page-link" href="#" aria-label="Previous">
 
+                                  <span aria-hidden="true">&laquo;</span>
 
+                                </a>
 
+                              </li>
 
+                              <li class="page-item disabled"><a class="page-link" href="#">1</a></li>
 
+                              <li class="page-item"><a class="page-link" href="#">2</a></li>
 
+                              <li class="page-item"><a class="page-link" href="#">3</a></li>
 
+                              <li class="page-item">
 
+                                <a class="page-link" href="#" aria-label="Next">
 
+                                  <span aria-hidden="true">&raquo;</span>
 
+                                </a>
 
+                              </li>
 
+                            </ul>
 
+                          </nav>
 
+                        </li>
 
+                      </ul>
 
+                    </div>
 
+                  </div>
 
+                  <div class="col-9">
 
+                    <div class="modal-height-500 scroll-y">
 
+                       <h4 class="text-center">通知标题</h4>
 
+                       <p class="text-center text-muted">
 
+                         张三 发布于 2019-02-02 
+                       <!--有编辑权用户-->
 
+                         <a href="" class="btn btn-sm btn-outline-primary">编辑</a> <a href="" class="btn btn-sm btn-outline-danger">删除</a>
 
+                       </p>
 
+                       <!--内容开始-->
 
+                       <div class="msg-content border-top-1 pt-3">
 
+                         <!--内容-->
 
+                          <p>内容</p>
 
+                          <p style="height:500px">内容</p>
 
+                          <p>内容</p>
 
+                         <!--内容-->
 
+                       </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 351 - 0
dashboard.html
Datei anzeigen 

@@ -0,0 +1,351 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>主页-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <!--系统维护信息-->
 
+          <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。</span></a></li>
 
+          <!--系统维护信息 end-->
 
+          <li class="active"><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="数据接口">API<span>数据接口</span></a></li>
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-2">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="http://doc.zhzdwd.com/docs/measure" target="_blank" class="dropdown-item">用户手册</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+		<div class="main-panel">
 
+			<div class="panel-content">
 
+				<div class="panel-title fluid">
 
+					<div class="title-main"><h2>待办事项</h2></div>
 
+				</div>
 
+				<div class="content-wrap">
 
+          <div class="sjs-height-0">
 
+            <div class="row m-4">
 
+              <div class="col-12">
 
+                <h3 class="mb-2">项目名称</h3>
 
+              </div>
 
+              <!--手机验证 / 系统维护-->
 
+              <div class="col-12">
 
+                <div class="alert alert-danger" role="alert">
 
+                    <strong>您的账号未认证手机。</strong> 设置认证手机后，可以用于「找回密码」及接收「短信通知」。<a class="btn btn-sm btn-light" href="file:///E:/myHtml/measure%20SAAS.v2/account-sms.html">点击设置</a>
 
+                </div>
 
+                <!--系统维护信息-->
 
+                <div class="card mb-3 bg-danger text-white">
 
+                  <div class="card-body">
 
+                     <h4><i class="fa fa-wrench"></i> 系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。造成不便敬请谅解。</h4>
 
+                     <h5>维护内容</h5>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!--需要处理-->
 
+              <div class="col-4">
 
+                <div class="card">
 
+                  <div class="card-header">需要你处理</div>
 
+                  <div class="card-body">
 
+                    <ul class="list-unstyled m-0">
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-info">台账审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 台账</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-info">台账修订</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 台账丢行(第1次)</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-success">计量审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 第1期</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-danger">变更审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 其他台账-002</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张的三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-secondary">材料调差</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 其他台账-002</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-warning">预付款</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 第3期</div>
 
+                            <div class="col-3 ml-auto text-right pl-0"><a href="taizhang-shenpi.html" class="btn btn-sm btn-outline-primary">审批</a></div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                    </ul>
 
+                    <!--没有处理信息-->
 
+                    <p class="text-center text-muted">暂时没有需要你处理的事项</p>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!--需要关注-->
 
+              <div class="col-4">
 
+                <div class="card">
 
+                  <div class="card-header">需要你关注</div>
 
+                  <div class="card-body">
 
+                    <ul class="list-unstyled m-0">
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-info">台账审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 台账审批通过</div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">李四<small class="ml-1 text-muted">- 业主</small><span class="pull-right text-muted">02-30 09:11</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-info">台账审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 台账审批通过</div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">王五<small class="ml-1 text-muted">- 监理二</small><span class="pull-right text-muted">02-29 16:22</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-success">计量审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 第1期审批通过</div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-info">台账审批</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 台账审批通过</div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                      <li class="media pb-3 mb-3 border-bottom-1">
 
+                        <div class="media-body">
 
+                          <div class="row">
 
+                            <div class="col-2"><span class="badge badge-warning">预付款</span></div>
 
+                            <div class="col-6"><a href="taizhang.html">WWUJ-1</a> 第3期审批通过</div>
 
+                          </div>
 
+                          <p class="mt-1 mb-0">张三<small class="ml-1 text-muted">- 监理—</small><span class="pull-right text-muted">02-28 13:23</span></p>
 
+                        </div>
 
+                      </li>
 
+                    </ul>
 
+                    <!--没有关注信息-->
 
+                    <p class="text-center text-muted">暂时没有需要你关注的事项</p>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!--项目消息通知-->
 
+              <div class="col-2">
 
+                <div class="card">
 
+                  <div class="card-header d-flex">项目通知<span class="ml-auto"><a href="dashboard-msg.html" target="_blank">查看所有</a></span></div>
 
+                  <ul class="list-group">
 
+                    <li class="list-group-item text-muted"><a href="#view-msg" data-toggle="modal" data-target="#view-msg" class="text-danger"><i class="fa fa-exclamation-triangle" ></i> 这是消息通知的标题标题（点我）</a><br>2019-02-01</li>
 
+                    <li class="list-group-item text-muted"><a href="" class="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                    <li class="list-group-item text-muted"><a href="" class="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                    <li class="list-group-item text-muted"><a href="" class="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                    <li class="list-group-item text-muted"><a href="" class="">这是消息通知的标题标题</a><br>2019-02-01</li>
 
+                    <!--没有通知-->
 
+                    <li class="list-group-item text-muted"><p class="text-center mb-0">暂时没有通知</p></li>
 
+                    <!--发布通知-->
 
+                    <li class="list-group-item text-muted"><p class="text-center mb-0"><a href="dashboard-add.html">发布新通知</a></p></li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <!--销售信息-->
 
+              <div class="col-2">
 
+                <div class="card">
 
+                  <div class="card-body">
 
+                    <h5 class="card-title">纵横技术支持</h5>
 
+                    <h6 class="card-subtitle mb-2 text-muted">张三</h6>
 
+                  </div>
 
+                  <ul class="list-group list-group-flush">
 
+                    <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="腾讯QQ"><i class="fa fa-qq"></i> 914630468</li>
 
+                    <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="手机号码"><i class="fa fa-tablet"></i> 15812644017</li>
 
+                    <li class="list-group-item" data-toggle="tooltip" data-placement="bottom" title="固定电话"><i class="fa fa-phone"></i> 0756-3850891</li>
 
+                    <li class="list-group-item container-fluid">
 
+                      <div class="row">
 
+                        <div class="col-sm text-center"><img src="http://smartcost.com.cn/global/images/xiamizaojia.jpg" width="90"><div class="text-center">QQ交流群</div></div>
 
+                        <div class="col-sm text-center"><img src="http://smartcost.com.cn/global/images/xiamizaojia.jpg" width="90"><div class="text-center">QQ交流群2</div></div>
 
+                      </div>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="card mt-2">
 
+                  <div class="card-body">
 
+                    <a href="#version" data-toggle="modal" data-target="#version">当前版本：1.2.0</a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!--系统消息通知-->
 
+              <div class="col-12 mt-3">
 
+                <div>
 
+                  <div class="card-body row">
 
+                    <div class="col-auto">系统消息</div>
 
+                    <div class="col-auto">
 
+                      <a href="" class="mr-5 mb-2">这是消息通知的标题标题（2019-02-01）</a><a href="" class="mr-5">这是消息通知的标题标题（2019-02-01）</a>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+  <!--弹出所有项目通知-->
 
+  <div class="modal fade" id="view-msg" data-backdrop="static">
 
+      <div class="modal-dialog modal-lg" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">项目通知</h5>
 
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                    <span aria-hidden="true">&times;</span>
 
+                  </button>
 
+              </div>
 
+              <div class="modal-body">
 
+                <div class="row">
 
+                  <div class="col-12">
 
+                    <div class="modal-height-500 scroll-y">
 
+                       <h4 class="text-center">通知标题</h4>
 
+                       <p class="text-center text-muted">
 
+                         张三 发布于 2019-02-02 
+                       <!--有编辑权用户-->
 
+                         <a href="" class="btn btn-sm btn-outline-primary">编辑</a> <a href="" class="btn btn-sm btn-outline-danger">删除</a>
 
+                       </p>
 
+                       <!--内容开始-->
 
+                       <div class="msg-content border-top-1 pt-3">
 
+                         <!--内容-->
 
+                          <p>内容</p>
 
+                          <p style="height:500px">内容</p>
 
+                          <p>内容</p>
 
+                         <!--内容-->
 
+                       </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--版本-->
 
+  <div class="modal fade" id="version" data-backdrop="static">
 
+    <div class="modal-dialog" role="document">
 
+      <div class="modal-content">
 
+          <div class="modal-header">
 
+              <h5 class="modal-title">升级说明</h5>
 
+          </div>
 
+          <div class="modal-body">
 
+            <div class="modal-height-500" style="overflow-y:auto">
 
+              <div class="card">
 
+                <div class="card-body">
 
+                  <h4>v1.2.0</h4>
 
+                  <p class="card-text">2020-01-02</p>
 
+                  <p class="card-text">版本内容</p>
 
+                </div>
 
+              </div>
 
+              <div class="card mt-2">
 
+                <div class="card-body">
 
+                  <h4>v1.1.0</h4>
 
+                  <p class="card-text">2020-01-02</p>
 
+                  <p class="card-text">版本内容</p>
 
+                </div>
 
+              </div>
 
+              <div class="card mt-2">
 
+                <div class="card-body">
 
+                  <h4>v1.0.0</h4>
 
+                  <p class="card-text">2020-01-02</p>
 
+                  <p class="card-text">版本内容</p>
 
+                </div>
 
+              </div>
 
+              <div class="card mt-2">
 
+                <div class="card-body">
 
+                  <h4>v0.9.0</h4>
 
+                  <p class="card-text">2020-01-02</p>
 
+                  <p class="card-text">版本内容</p>
 
+                </div>
 
+              </div>
 
+              <div class="card mt-2">
 
+                <div class="card-body">
 
+                  <h4>v0.8.0</h4>
 
+                  <p class="card-text">2020-01-02</p>
 
+                  <p class="card-text">版本内容</p>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        <div class="modal-footer">
 
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 249 - 0
fenbao-qi-detail.html
Datei anzeigen 

@@ -0,0 +1,249 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>总分包-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li class="active"><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>第 5 期</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="fenbao-qi-detail-1.html"><span class="ml-3">本期计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi-detail-2.html"><span class="ml-3">中间计量</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi-detail-3.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi-detail-4.html"><span class="ml-3">变更令</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi-detail-5.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="fenbao-qi-detail-6.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="fenbao-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              
+            </div>
 
+            <div>
 
+              
+            </div>
 
+          </div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/datepicker/datepicker.min.js"></script>
 
+    <script src="js/datepicker/datepicker.zh.js"></script>
 
+    <script type="text/javascript">
 
+                //4 标段期数计量进度//
 
+                var myChart = echarts.init(document.getElementById('chartContainer4'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    dataZoom: [
 
+           {show: true,start: 0, end: 100}
 
+      ],
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+           type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = echarts.init(document.getElementById('chartContainer5'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          roseType: 'angle',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //5 期数组成//
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 336 - 0
fenbao-qi.html
Datei anzeigen 

@@ -0,0 +1,336 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>总分包-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li class="active"><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="fenbao.html"><i class="fa fa-pie-chart"></i> <span>总包概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="fenbao-qi.html"><i class="fa fa-calendar-check-o"></i> <span>上报期</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              上报期
 
+            </div>
 
+            <div>
 
+              <a href="#add-qi" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm pull-right">开始新一期</a>
 
+            </div>
 
+					</div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+            <table class="table table-bordered">
 
+              <thead>
 
+                <tr>
 
+                  <th>期数</th>
 
+                  <th class="text-center">本期合同计量</th>
 
+                  <th class="text-center">本期数量变更计量</th>
 
+                  <th class="text-center">截止上期累计完成</th>
 
+                  <th class="text-center">本期完成计量</th>
 
+                  <th class="text-center">累计完成计量</th>
 
+                  <th class="text-center">状态</th>
 
+                </tr>
 
+              </thead>
 
+              <tbody>
 
+                <!--审批人审批-->
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 5 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">审批</a></td>
 
+                </tr>
 
+                <!--审批中-->
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 5 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr text-warning">审批中</td>
 
+                </tr>
 
+                <!--退回后 上报人重新上报-->
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 5 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">重新上报</a></td>
 
+                </tr>
 
+                <!--待上报-->
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 5 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">待上报</a></td>
 
+                </tr>
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 4 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr text-success">审批完成</td>
 
+                </tr>
 
+                <tr>
 
+                    <td><a href="fenbao-qi-detail.html">第 3 期</a></td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr text-success">审批完成</td>
 
+                  </tr>
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 2 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr text-success">审批完成</td>
 
+                </tr>
 
+                <tr>
 
+                  <td><a href="fenbao-qi-detail.html">第 1 期</a></td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-right">34234234.00</td>
 
+                  <td class="text-cenetr text-success">审批完成</td>
 
+                </tr>
 
+              </tbody>
 
+            </table>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+      <!--弹出添加标段-->
 
+      <div class="modal fade" id="add-qi" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加新一期</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group">
 
+                      <label>期</label>
 
+                      <input class="form-control" value="第 4 期" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量年月</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>开始-截止日期</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择时间" data-range="true" data-multiple-dates-separator=" ~ " data-language="zh" type="text">
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确定添加</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/datepicker/datepicker.min.js"></script>
 
+    <script src="js/datepicker/datepicker.zh.js"></script>
 
+    <script type="text/javascript">
 
+                //4 标段期数计量进度//
 
+                var myChart = echarts.init(document.getElementById('chartContainer4'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    dataZoom: [
 
+           {show: true,start: 0, end: 100}
 
+      ],
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+           type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = echarts.init(document.getElementById('chartContainer5'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          roseType: 'angle',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //5 期数组成//
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 325 - 0
fenbao.html
Datei anzeigen 

@@ -0,0 +1,325 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>标段管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+    <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+
 
+<body>
 
+	<div class="main">
 
+		<div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+			<div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li class="active"><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+			</div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+		</div>
 
+		<div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="fenbao.html"><i class="fa fa-pie-chart"></i> <span>总包概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="fenbao-qi.html"><i class="fa fa-calendar-check-o"></i> <span>上报期</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main  d-flex justify-content-between">
 
+            <h2>进行至 第7期<small class="text-warning">（审批中）</small></h2>
 
+            <div>
 
+              <a href="biaoduan-xiezuo.html" class="btn btn-sm btn-light" ><i class="fa fa-users"></i> 项目参与人</a>
 
+            </div>
 
+          </div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+              <!--金额概况-->
 
+              <div class="row mb-5">
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">163,000.00</h5>
 
+                      <p class="card-text text-muted">0号台帐合同</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">50,000.00 <small class="text-danger"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="占合同比例">1%</small></h5>
 
+                      <p class="card-text text-muted">截止本期变更</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">30,000.00</h5>
 
+                      <p class="card-text text-muted">本期完成</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">40,000.00</h5>
 
+                      <p class="card-text text-muted">截止上期完成</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">70,000.00</h5>
 
+                      <p class="card-text text-muted">截止本期完成</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="col-auto">
 
+                  <div class="card text-center">
 
+                    <div class="card-body">
 
+                      <h5 class="card-title">30,000.00</h5>
 
+                      <p class="card-text text-muted">本期应付</p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!--进度条-->
 
+              <div class="mb-5">
 
+                <div class="progress">
 
+                  <div class="progress-bar bg-success" style="width: 24%;" data-placement="bottom" data-toggle="tooltip" data-original-title="截止上期完成：￥40,000.00">24%</div>
 
+                  <div class="progress-bar bg-info" style="width:18%;" data-placement="bottom" data-toggle="tooltip" data-original-title="本期完成：￥30,000.00">18%</div>
 
+                  <div class="progress-bar bg-gray" style="width:58%;" data-placement="bottom" data-toggle="tooltip" data-original-title="未完成：￥930,00.00">58%</div>
 
+                </div>
 
+              </div>
 
+              <!--月进度图表-->
 
+              <div id="chartContainer3" style="height: 300px; width: 100%;" class="my-5">
 
+              </div>
 
+              <!--期汇总图表-->
 
+              <div id="chartContainer4" style="height: 300px; width: 100%;" class="mb-5">
 
+              </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+	</div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+        <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+<script type="text/javascript">
 
+                //4 标段期数计量进度//
 
+                var myChart = echarts.init(document.getElementById('chartContainer4'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                          title : {
 
+                              text: '项目期进度'
 
+                          },
 
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    dataZoom: [
 
+           {show: true,start: 0, end: 100}
 
+      ],
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+           type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //4 标段期数计量进度//
 
+                //3 标段月进度//
 
+// 基于准备好的dom，初始化echarts图表
 
+                var myChart = echarts.init(document.getElementById('chartContainer3'));
 
+                var option = {
 
+                          color:["#e9af68","#57b7b6"],
 
+                          title : {
 
+                              text: '项目月进度'
 
+                          },
 
+                          tooltip : {
 
+                              trigger: 'axis',
 
+                              formatter: "{b} <br/>{a}：{c} %<br/>{a1}：{c1} %"
 
+                          },
 
+                          legend: {
 
+                              data:['累计完成','本月完成']
 
+                          },
 
+                          toolbox: {
 
+                              show : true,
 
+                              feature : {
 
+                                  magicType : {show: true, type: ['line', 'bar']}
 
+                              }
 
+                          },
 
+    dataZoom : {
 
+        show : true,
 
+        start : 50,
 
+        end : 100
 
+    },
 
+    xAxis : [
 
+        {
 
+                                  type : 'category',
 
+                                  boundaryGap : true,
 
+            data : [
 
+                '2月','3月','4月','5月','6月','7月','8月','9月','10月'
 
+            ]
 
+        }
 
+    ],
 
+    yAxis : [
 
+                              {
 
+                                  type : 'value',
 
+                                  axisLabel : {
 
+                                      formatter: '{value} %'
 
+                                  },
 
+                                  splitArea : {show : true}
 
+                              }
 
+                          ],
 
+    series : [
 
+                              {
 
+                                  name:'累计完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 10, 30, 40, 50, 60, 80, 85, 100]
 
+                              },
 
+                              {
 
+                                  name:'本月完成',
 
+                                  type:'line',
 
+                                  itemStyle: {
 
+                                      normal: {
 
+                                          lineStyle: {
 
+                                              shadowColor : 'rgba(0,0,0,0.4)',
 
+                                              shadowBlur: 5,
 
+                                              shadowOffsetX: 3,
 
+                                              shadowOffsetY: 3
 
+                                          }
 
+                                      }
 
+                                  },
 
+                                  data:[10, 0, 20, 10, 10, 10, 10, 5, 15]
 
+                              }
 
+                          ]
 
+  };
 
+                // 为echarts对象加载数据 
+                myChart.setOption(option); 
+                //3 标段月进度//
 
+    </script>
 
+</body>
 
+
 
+</html>

BIN
img/1564729538.png
Datei anzeigen


BIN
img/2 中期支付证书(佛山禅城).png
Datei anzeigen


BIN
img/avatar.png
Datei anzeigen


BIN
img/baobiao.png
Datei anzeigen


BIN
img/baobiao2.jpg
Datei anzeigen


BIN
img/baobiao2.png
Datei anzeigen


BIN
img/baobiao3.png
Datei anzeigen


BIN
img/example/jiliangmoshi.png
Datei anzeigen


BIN
img/favicon.ico
Datei anzeigen


BIN
img/loginlogo.png
Datei anzeigen


BIN
img/logo.png
Datei anzeigen


BIN
img/logo3.png
Datei anzeigen


BIN
img/p1.png
Datei anzeigen


BIN
img/p2.png
Datei anzeigen


BIN
img/sketch/1.png
Datei anzeigen


BIN
img/sketch/2.png
Datei anzeigen


BIN
img/sketch/3.png
Datei anzeigen


BIN
img/sketch/4.jpg
Datei anzeigen


BIN
img/user-sign.PNG
Datei anzeigen


BIN
img/wechat.png
Datei anzeigen


+ 423 - 0
jiliang-bj.html
Datei anzeigen 

@@ -0,0 +1,423 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+  	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biaoduan-panel.html" class="h3"><i class="fa fa-pie-chart fa-fw"></i> <span>标段概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="yufukuan-qi.html" class="h3"><i class="fa fa-handshake-o fa-fw"></i> <span>预付款</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-list-alt fa-fw"></i> 0号台账</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="taizhang-qianyue.html"><span>签约清单</span></a></li>
 
+              <li><a href="taizhang.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
 
+              <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-calendar-check-o fa-fw"></i> 计量支付 </h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="jiliang-qi.html"><span>各期计量</span></a></li>
 
+              <li class="active"><a href="jiliang-bj.html"><span>多期比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biangeng.html" class="h3"><i class="fa fa-retweet fa-fw"></i> <span>工程变更</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="tiaocha-qi.html" class="h3"><i class="fa fa-line-chart fa-fw"></i> <span>材料调差</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-bar-chart fa-fw"></i> 投资进度</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="schedule-panel.html"><span>进度概况</span></a></li>
 
+              <li><a href="schedule-plan.html"><span>计划进度</span></a></li>
 
+              <li><a href="schedule-actual1.html"><span>计量进度</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="baobiao.html" class="h3"><i class="fa fa-file-text-o fa-fw"></i> <span>报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <div class="dropdown">
 
+                  <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                    <i class="fa fa-list-ol"></i> 显示层级
 
+                  </button>
 
+                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                    <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>
 
+                </div>
 
+              </div>
 
+              <div class="d-inline-block">
 
+              <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#select-qi"><i class="fa fa-clone"></i> 选择比较期</button>
 
+            </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0"></div>
 
+					<div class="c-body">
 
+              <div class="sjs-height-1" id="bills-spread">
 
+              </div>
 
+              <div class="bcontent-wrap">
 
+                <div class="bc-bar mb-1">
 
+                  <ul class="nav nav-lists">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#xmujie" role="tab">部位明细</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="tab-content">
 
+                  <div class="tab-pane active" id="xmujie">
 
+                    <div class="sp-wrap" id="bills-spread2">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+        <!--选择比较期-->
 
+      <div class="modal fade" id="select-qi" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">选择参与比较的期</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <table class="table table-sm">
 
+                      <tr><th>期</th><th width="90">选择</th></tr>
 
+                      <tr><td>1期</td><td><input type="checkbox"></td></tr>
 
+                      <tr><td>2期</td><td><input type="checkbox"></td></tr>
 
+                      <tr><td>3期</td><td><input type="checkbox"></td></tr>
 
+                    </table>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary" >确认</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+    <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+    <!--sjs-->
 
+    <script>
 
+      $(document).ready(function () {
 
+      const data = [
 
+          {
 
+              名称:'0#桥台1#桩',
 
+              第1期: 50,
 
+              第2期: 10,
 
+          },{
 
+              名称:'0#桥台2#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'0#桥台3#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'0#桥台4#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'8#桥台1#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'8#桥台2#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'8#桥台3#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          },{
 
+              名称:'8#桥台4#桩',
 
+              第1期:"",
 
+              第2期:"",
 
+          }
 
+        ];
 
+        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
 
+            sheetCount: 1
 
+        });
 
+        spread.getActiveSheet().setDataSource(data);
 
+         spread.options.tabStripVisible = false;
 
+      })
 
+    </script>
 
+    <script>
 
+      $(document).ready(function () {
 
+      const data = [
 
+          {
 
+              项目节编号: '1',
 
+              清单编号: '',
 
+              名称:'第一部分 建筑安装工程费',
 
+              单位:'公路公里',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          }, {
 
+              项目节编号: '1-2',
 
+              清单编号: '',
 
+              名称:'路基工程',
 
+              单位:'km',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          }, {
 
+              项目节编号: '1-2-2',
 
+              清单编号: '',
 
+              名称:'挖方',
 
+              单位:'m3',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          }, {
 
+              项目节编号: '1-2-2-1',
 
+              清单编号: '',
 
+              名称:'挖土方',
 
+              单位:'m3',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          }, {
 
+              项目节编号: '1-2-2-1-1',
 
+              清单编号: '',
 
+              名称:'挖路基土方',
 
+              单位:'m3',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '203-1-a',
 
+              名称:'挖土方',
 
+              单位:'m3',
 
+              单价: '7.53',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4',
 
+              清单编号: '',
 
+              名称:'桥梁涵洞工程',
 
+              单位:'km',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5',
 
+              清单编号: '',
 
+              名称:'特、大桥工程（100≤L,40≤Lk）',
 
+              单位:'m/座',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5-1',
 
+              清单编号: '',
 
+              名称:'K66+258马坑渭河大桥',
 
+              单位:'m2/m',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1',
 
+              清单编号: '',
 
+              名称:'桥台（台高××m）',
 
+              单位:'m2/m',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1',
 
+              清单编号: '',
 
+              名称:'桥台基础',
 
+              单位:'',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1-1',
 
+              清单编号: '',
 
+              名称:'桥台桩基础',
 
+              单位:'m3/处',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-a',
 
+              名称:'I级钢筋(包括基础、承台、支撑梁等)',
 
+              单位:'kg',
 
+              单价: '5.18',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-b',
 
+              名称:'II级钢筋(包括基础、承台、支撑梁等)',
 
+              单位:'kg',
 
+              单价: '5.18',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-c',
 
+              名称:'桩径1.5m',
 
+              单位:'m',
 
+              单价: '2983.69',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1-2',
 
+              清单编号: '',
 
+              名称:'桥台承台',
 
+              单位:'m3/处',
 
+              单价: '',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-a',
 
+              名称:'II级钢筋(包括基础、承台、支撑梁等)',
 
+              单位:'kg',
 
+              单价: '5.18',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '410-1-b',
 
+              名称:'C25混凝土',
 
+              单位:'M3',
 
+              单价: '5.18',
 
+              第1期数量: '',
 
+              第1期金额: '',
 
+              第2期数量: '',
 
+              第2期金额: '',
 
+          },
 
+        ];
 
+        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
 
+            sheetCount: 1
 
+        });
 
+        spread.getActiveSheet().setDataSource(data);
 
+         spread.options.tabStripVisible = false;
 
+      })
 
+    </script>
 
+    </body>
 
+
 
+</html>

+ 817 - 0
jiliang-qi-baobiao.html
Datei anzeigen 

@@ -0,0 +1,817 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+  	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html" class="text-primary"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <!-- <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a> -->
 
+            <a href="#sub-sp3" data-toggle="modal" data-target="#sub-sp3" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+            <!-- <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm btn-block">重新上报</a> -->
 
+            <!--状态显示-->
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a>
 
+            <!--审批操作-->
 
+            <!-- <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
 
+            <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a> -->
 
+            <a href="#del-qi" data-toggle="modal" data-target="#del-qi" class="btn btn-outline-danger btn-sm btn-block mt-5">删除本期</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+          <div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <!-- <div class="d-inline-block">
 
+                <a href="#guidang" data-toggle="modal" data-target="#guidang" class=" btn btn-success btn-sm"><i class="fa fa-folder-open"></i> 归档本期报表</a>
 
+                <a href="#unguidang" data-toggle="modal" data-target="#unguidang" class=" btn btn-outline-danger btn-sm"><i class="fa fa-folder-open"></i> 撤销归档</a>
 
+              </div> -->
 
+              <!-- <div class="d-inline-block">
 
+                <div class="dropdown">
 
+                  <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                    第5期
 
+                  </button>
 
+                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                    <a class="dropdown-item" href="#">第4期（归档）</a>
 
+                    <a class="dropdown-item" href="#">第3期（归档）</a>
 
+                    <a class="dropdown-item" href="#">第2期（归档）</a>
 
+                    <a class="dropdown-item" href="#">第1期（归档）</a>
 
+                  </div>
 
+                </div>
 
+              </div> -->
 
+              <div class="d-inline-block">
 
+                <ul class="nav nav-pills m-0">
 
+                  <li class="nav-item mr-1"><a href="#man-c" data-toggle="modal" data-target="#man-c" class=" btn btn-light btn-sm text-primary"><i class="fa fa-cog"></i> 通用报表</a></li>
 
+                  <!-- <li class="nav-item"><a href="#add-c" data-toggle="modal" data-target="#add-c" class=" btn btn-light btn-sm  text-primary"><i class="fa fa-plus"></i> 定制报表</a></li> -->
 
+                </ul>
 
+              </div>
 
+            </div>
 
+            <div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0"></div>
 
+					<div class="c-body">
 
+            <div class="row">
 
+              <div class="col-2">
 
+                <div class="sjs-height-1">
 
+                  <div class="text-center"></div>
 
+                  <ul id="treeDemo2" class="ztree"></ul>
 
+                </div>
 
+              </div>
 
+               <div class="col-10">
 
+                <!--调整侧栏宽度-->
 
+                <div class="resize-x" title="调整大小"></div>
 
+                <!--展开 收起 侧栏-->
 
+                <div class="baobiao-close-side">
 
+                  <a href="#" title="收起侧栏"><i class="fa fa-chevron-left"></i></a>
 
+                  <!-- <a href="#" title="展开侧栏"><i class="fa fa-chevron-right"></i></a> -->
 
+                </div>
 
+                <!--打印工具栏-->
 
+                <div class="toolsbar-f d-flex justify-content-between">
 
+                    <div class="print-toolsbar">
 
+                      <div class="panel">
 
+                        <div class="panel-body">
 
+                          <div class="btn-group" role="group">
 
+                            <button class="btn btn-outline-primary btn-sm" type="button">
 
+                            <i class="fa fa-print"></i><br>
 
+                            打印 <span class="badge badge-primary">5</span>
 
+                          </button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#export"><i class="fa fa-file-excel-o"></i> Excel <span class="badge badge-primary">5</span></button>
 
+                              <button type="button" class="btn btn-outline-primary btn-sm"><i class="fa fa-file-pdf-o"></i> PDF <span class="badge badge-primary">5</span></button>
 
+                            </div>
 
+                          </div>
 
+                          <div class="panel-foot text-muted">
 
+                            导出报表
 
+                          </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="btn-group" role="group">
 
+                              <div class="btn-group" role="group">
 
+                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                  纵向
 
+                                </button>
 
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
 
+                                  <a class="dropdown-item" href="#">横向</a>
 
+                                </div>
 
+                              </div>
 
+                              <div class="btn-group" role="group">
 
+                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                  A4
 
+                                </button>
 
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
 
+                                  <a class="dropdown-item" href="#">A3</a>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                          <div class="panel-foot text-muted">
 
+                            预览设置
 
+                          </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="btn-group" role="group">
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="缩小">-</button>
 
+                              <button class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="重置默认大小">1000%</button>
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="放大">+</button>
 
+                            </div>
 
+                          </div>
 
+                          <div class="panel-foot text-muted">
 
+                            缩放
 
+                          </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="btn-group" role="group">
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#paper"><i class="fa fa-file-o"></i> 页边距</button>
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#format"><i class="fa fa-bold"></i> 页面</button>
 
+                              <!-- <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#content"><i class="fa fa-file-text-o"></i> 内容</button> -->
 
+                            </div>
 
+                          </div>
 
+                          <div class="panel-foot text-muted">
 
+                            报表设置
 
+                          </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                        <div class="panel-body">
 
+                          <div class="btn-group" role="group">
 
+                            <button class="btn btn-outline-primary btn-sm" type="button" data-toggle="modal" data-target="#sign">
 
+                            <i class="fa fa-pencil"></i><br>
 
+                            电子签名
 
+                          </button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                        <div class="panel-body">
 
+                          <div class="input-group input-group-sm">
 
+                            <div class="input-group-prepend">
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="第一页"><i class="fa fa-angle-double-left "></i></button>
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" disabled data-toggle="tooltip" data-placement="bottom" title="上一页"><i class="fa fa-angle-left "></i></button>
 
+                            </div>
 
+                            <input class="form-control" value="1/10" style="width:60px"  data-toggle="tooltip" data-placement="bottom" title="输入页码按回车键，快速跳转">
 
+                            <div class="input-group-append">
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="下一页"><i class="fa fa-angle-right"></i></button>
 
+                              <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="tooltip" data-placement="bottom" title="尾页"><i class="fa fa-angle-double-right "></i></button>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="panel-foot text-muted">
 
+                          翻页
 
+                        </div>
 
+                      </div>
 
+                      <!--重新选择标段-->
 
+                      <div class="panel">
 
+                        <div class="panel-body">
 
+                          <div class="btn-group" role="group">
 
+                            <button class="btn btn-primary btn-sm" type="button" data-toggle="modal" data-target="#select-bd">
 
+                            选择标段<br><!--已选择标段数量--><span class="badge badge-light">5</span>
 
+                          </button>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="panel">
 
+                          <div class="panel-body">
 
+                            <div class="btn-group" role="group">
 
+                              <div class="btn-group" role="group">
 
+                                <button id="btnGroupDrop1" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                  纵向
 
+                                </button>
 
+                                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="min-width:112px">
 
+                                  <a class="dropdown-item" href="#">横向</a>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                          <div class="panel-foot text-muted">
 
+                            预览设置
 
+                          </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                <div class="sjs-height-4">
 
+                  <div class="print-view form-view">
 
+                  <div class="pageContainer">
 
+                    <div class="page">
 
+                      <img src="img/2 中期支付证书(佛山禅城).png">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+    <!--管理通用报表-->
 
+      <div class="modal fade" id="man-c" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">管理通用报表</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                      <tr><th>类别</th><th>包含报表</th><th>显示</th></tr>
 
+                      <tr><td>XXX表 1</td><td>5</td><td><input type="checkbox"></td></tr>
 
+                      <tr><td class="pl-4">XXX表 1-1</td><td>2</td><td></td></tr>
 
+                      <tr><td class="pl-4">XXX表 1-2</td><td>3</td><td></td></tr>
 
+                      <tr><td>YYY表</td><td>3</td><td><input type="checkbox"></td></tr>
 
+                    </table>
 
+                  </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <!--有结果出现添加-->
 
+                    <button type="button" class="btn btn-primary" >确认</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出页边距-->
 
+      <div class="modal fade" id="paper" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">页边距（毫米）</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="row mb-1 justify-content-center">
 
+                      <div class="col-3">
 
+                        <div class="input-group input-group-sm ">
 
+                          <div class="input-group-prepend">
 
+                            <span class="input-group-text" id="basic-addon1">上</span>
 
+                          </div>
 
+                         <input type="number" class="form-control" value="12">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1 align-items-center">
 
+                      <div class="col-3">
 
+                        <div class="input-group input-group-sm ">
 
+                          <div class="input-group-prepend">
 
+                            <span class="input-group-text" id="basic-addon1">左</span>
 
+                          </div>
 
+                         <input type="number" class="form-control" value="12">
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <div class="input-group input-group-sm ">
 
+                          <div class="input-group-prepend">
 
+                            <span class="input-group-text" id="basic-addon1">右</span>
 
+                          </div>
 
+                         <input type="number" class="form-control" value="12">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1 justify-content-center">
 
+                      <div class="col-3">
 
+                        <div class="input-group input-group-sm ">
 
+                          <div class="input-group-prepend">
 
+                            <span class="input-group-text" id="basic-addon1">下</span>
 
+                          </div>
 
+                         <input type="number" class="form-control" value="12">
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="" class="btn btn-primary">确定</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出页面-->
 
+      <div class="modal fade" id="format" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">页面</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表标题
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表栏头
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表正文
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表合计
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary active" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表眉表脚
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        页眉页脚
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>宋体</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <select class="form-control form-control-sm"><option>20</option></select>
 
+                      </div>
 
+                      <div class="col-3">
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="加粗"><i class="fa fa-bold"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="斜体"><i class="fa fa-italic"></i></a>
 
+                        <a href="" class="btn btn-sm btn-outline-secondary" title="下划线"><i class="fa fa-underline"></i></a>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        表格线粗
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <select class="form-control form-control-sm"><option>1</option></select>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-3">
 
+                        边框线粗
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <select class="form-control form-control-sm"><option>1</option></select>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            报表边框横线
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            报表边框竖线
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            报表表格横线
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            报表表格竖线
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="row mb-1">
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            自动换行打印
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            内容窄体输出
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-4">
 
+                        <div class="form-check">
 
+                          <label class="form-check-label">
 
+                            <input type="checkbox" class="form-check-input">
 
+                            小数补0
 
+                          </label>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="" class="btn btn-primary">确定</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出内容-->
 
+      <div class="modal fade" id="content" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">内容</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="" class="btn btn-primary">确定</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出导出-->
 
+      <div class="modal fade" id="export" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">批量导出Excel</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="row">
 
+                      <div class="col-6">
 
+                        <div class="card">
 
+                          <img class="card-img-top" src="img/p2.png">
 
+                          <div class="card-body px-3">
 
+                            <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">
 
+                                多个表导出一个Excel文件
 
+                              </label>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <div class="card">
 
+                          <img class="card-img-top" src="img/p1.png">
 
+                          <div class="card-body px-3">
 
+                            <div class="form-check">
 
+                              <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>
 
+                              <label class="form-check-label" for="exampleRadios2">
 
+                                每个表导出一个Excel文件
 
+                              </label>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="" class="btn btn-primary">确定导出</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--添加定制报表-->
 
+      <div class="modal fade" id="add-c" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加定制报表</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <table class="table table-bordered">
 
+                      <tr><th>报表组名</th><th>包含报表</th><th>最近更新</th><th>选择</th></tr>
 
+                      <tr><td>土建报表</td><td>13</td><td>2019-03-22</td><td><div class="form-check">
 
+                          <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
 
+                          <label class="form-check-label" for="defaultCheck1">
 
+                            添加
 
+                          </label>
 
+                        </div></td>
 
+                      </tr>
 
+                      <tr><td>绿化报表</td><td>13</td><td>2019-03-22</td><td>已添加</td>
 
+                      </tr>
 
+                    </table>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <!--有结果出现添加-->
 
+                    <button type="button" class="btn btn-primary" >确认</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出电子签名-->
 
+      <div class="modal fade" id="sign" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">设置电子签名</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group row">
 
+                      <label for="staticEmail" class="col-sm-3 col-form-label pr-0">承包人项目经理</label>
 
+                      <div class="col-sm-9">
 
+                        <div class="input-group input-group-sm">
 
+                          <input type="text" class="form-control" placeholder="输入姓名或单位检索" value="张三 监理（XXXX公司）">
 
+                          <div class="input-group-append">
 
+                            <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最近使用</button>
 
+                            <div class="dropdown-menu dropdown-menu-right">
 
+                              <a class="dropdown-item" href="#">张三 监理<br><small class="text-muted">XXXX公司</small></a>
 
+                              <a class="dropdown-item" href="#">王五 监理<br><small class="text-muted">XXXX公司</small></a>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="form-group form-check mb-0">
 
+                          <input type="checkbox" class="form-check-input" id="exampleCheck1">
 
+                          <label class="form-check-label" for="exampleCheck1">显示审批意见</label>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="form-group row">
 
+                      <label for="staticEmail" class="col-sm-3 col-form-label pr-0">总监理工程师</label>
 
+                      <div class="col-sm-9">
 
+                        <div class="input-group input-group-sm">
 
+                          <input type="text" class="form-control" placeholder="输入姓名或单位检索">
 
+                          <div class="input-group-append">
 
+                            <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">最近使用</button>
 
+                            <div class="dropdown-menu dropdown-menu-right">
 
+                              <a class="dropdown-item" href="#">张三 监理<br><small class="text-muted">XXXX公司</small></a>
 
+                              <a class="dropdown-item" href="#">王五 监理<br><small class="text-muted">XXXX公司</small></a>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="" class="btn btn-primary">确定</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+    <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+    <script type="text/javascript">
 
+        		<!--
 
+        		var setting = {
 
+        			view: {
 
+        				selectedMulti: false
 
+        			},
 
+        			data: {
 
+        				simpleData: {
 
+        					enable: true
 
+        				}
 
+        			},
 
+        			callback: {
 
+        				onCheck: onCheck
 
+        			}
 
+        		};
 
+
 
+        		var zNodes =[
 
+              { id:2, pId:0, name:"定制报表", open:true},
 
+              { id:21, pId:2, name:"AA报表 2-1"},
 
+              { id:221, pId:21, name:"报表 2-2-1"},
 
+              { id:222, pId:21, name:"报表 2-2-2"},
 
+              { id:223, pId:21, name:"报表 2-2-3"},
 
+              { id:22, pId:2, name:"BB报表 2-2", open:true},
 
+              { id:224, pId:22, name:"报表 2-2-1"},
 
+              { id:225, pId:22, name:"报表 2-2-2"},
 
+              { id:226, pId:22, name:"报表 2-2-3"},
 
+        			{ id:1, pId:0, name:"通用报表", open:true},
 
+        			{ id:11, pId:1, name:"XXX表 1-1"},
 
+        			{ id:122, pId:11, name:"报表 1-2-2"},
 
+        			{ id:123, pId:11, name:"报表 1-2-3"},
 
+        			{ id:12, pId:1, name:"YYY表", open:true},
 
+        			{ id:124, pId:12, name:"报表 1-2-1"},
 
+        			{ id:125, pId:12, name:"报表 1-2-2"},
 
+        			{ id:126, pId:12, name:"报表 1-2-3"}
 
+        		];
 
+
 
+        		var clearFlag = false;
 
+        		function onCheck(e, treeId, treeNode) {
 
+        			count();
 
+        			if (clearFlag) {
 
+        				clearCheckedOldNodes();
 
+        			}
 
+        		}
 
+        		function clearCheckedOldNodes() {
 
+        			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
 
+        			nodes = zTree.getChangeCheckedNodes();
 
+        			for (var i=0, l=nodes.length; i<l; i++) {
 
+        				nodes[i].checkedOld = nodes[i].checked;
 
+        			}
 
+        		}
 
+        		function count() {
 
+        			var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
 
+        			checkCount = zTree.getCheckedNodes(true).length;
 
+        			$("#checkCount2").text(checkCount);
 
+
 
+        		}
 
+        		function createTree() {
 
+        			$.fn.zTree.init($("#treeDemo2"), setting, zNodes);
 
+        			count();
 
+        		}
 
+        		$(document).ready(function(){
 
+        			createTree();
 
+        		});
 
+        		//-->
 
+    </script>
 
+    </body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 2158 - 0
jiliang-qi-detail-1.html


+ 153 - 0
jiliang-qi-detail-2.html
Datei anzeigen 

@@ -0,0 +1,153 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="#"><span class="ml-3">甲供材料</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="#"><span class="ml-3">奖罚金</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="#"><span class="ml-3">其他</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              甲供材料
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--上报-->
 
+            </div>
 
+          </div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0"></div>
 
+          <div class="w-100 sub-content row">
 
+            <div class="c-body col-8">
 
+              <div class="sjs-height-0" style="overflow: auto;">
 
+                <!--甲供材料-->
 
+                <table class="table table-bordered table-sm">
 
+                    <tbody>
 
+                      <thead>
 
+                        <tr><th rowspan="2">序号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">本期到场</th><th colspan="2">截止本期到场</th><th colspan="2">本期扣回</th><th colspan="2">截止本期扣回</th><th rowspan="2">材料来源</th><th rowspan="2">单据号</th><th rowspan="2">检验单编号</th><th rowspan="2">备注</th></tr>
 
+                        <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th></tr>
 
+                      </thead>
 
+                    </tbody>
 
+                </table>
 
+                <!--奖罚金-->
 
+                <table class="table table-bordered table-sm">
 
+                    <tbody>
 
+                      <thead>
 
+                        <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>编号</th><th>依据材料证明</th><th>备注</th></tr>
 
+                      </thead>
 
+                    </tbody>
 
+                  </table>
 
+                  <!--其他-->
 
+                  <table class="table table-bordered table-sm">
 
+                      <tbody>
 
+                        <thead>
 
+                          <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>备注</th></tr>
 
+                        </thead>
 
+                      </tbody>
 
+                    </table>
 
+              </div>
 
+            </div>
 
+            <div class="c-body col-4">
 
+                <!--甲供材料-->
 
+              <table class="table table-bordered">
 
+                <tr><th class="text-center" width="50%">名称</th><th class="text-center">金额</th></tr>
 
+                <tr><td>本期到场</td><td class="text-right"></td></tr>
 
+                <tr><td>截止本期到场</td><td class="text-right"></td></tr>
 
+                <tr><td>本期扣回</td><td class="text-right"></td></tr>
 
+                <tr><td>截止本期扣回</td><td class="text-right"></td></tr>
 
+              </table>
 
+                <!--奖罚金-->
 
+              <table class="table table-bordered">
 
+                <tr><th class="text-center" width="50%">名称</th><th class="text-center">金额</th></tr>
 
+                <tr><td>金额</td><td class="text-right"></td></tr>
 
+              </table>
 
+                  <!--其他-->
 
+              <table class="table table-bordered">
 
+                <tr><th class="text-center" width="50%">名称</th><th class="text-center">金额</th></tr>
 
+                <tr><td>金额</td><td class="text-right"></td></tr>
 
+                <tr><td>本期金额</td><td class="text-right"></td></tr>
 
+                <tr><td>截止本期金额</td><td class="text-right"></td></tr>
 
+              </table>
 
+            </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

+ 427 - 0
jiliang-qi-detail-3-done.html
Datei anzeigen 

@@ -0,0 +1,427 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <div class="form-group">
 
+                  <button class="btn btn-sm btn-light text-primary" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--完成中间计量-->
 
+              <!-- <a href="#done" data-toggle="modal" data-target="#done" class="btn btn-success btn-sm pull-right">完成本期中间计量</a> -->
 
+              <span class="text-success">请继续上报审批。如需修改计量，点击 <a href="#unlock" data-toggle="modal" data-target="#unlock">编辑</a></span>
 
+            </div>
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0">
 
+          </div>
 
+          <div class="row w-100 sub-content">
 
+            <!--左栏-->
 
+  					<div class="c-body col-8">
 
+              <!--上部分-->
 
+              <div class="sjs-height-0">
 
+                <table class="table table-sm table-bordered">
 
+                  <tr><th>编号</th><th>中间计量表号</th><th>交工证书/凭证号</th><th>分部分项工程</th><th>本期计量数量/金额</th></tr>
 
+                  <tr class="table-warning"><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                  <tr><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                </table>
 
+              </div>
 
+  					</div>
 
+            <!--右栏-->
 
+            <div class="c-body col">
 
+              <div class="side-bar-1 sjs-bar">
 
+                <ul class="nav nav-tabs">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量数据</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#xmujmx" role="tab">项目节明细</a>
 
+                    </li>
 
+                  </ul>
 
+              </div>
 
+              <div class="tab-content">
 
+                <div class="tab-pane active" id="zhongjian">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="d-flex justify-content-end mt-1 mr-1">
 
+                      <a href="#" class="btn btn-sm btn-outline-primary">编辑</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-success mr-1">保存</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-secondary">取消</a>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>变更令号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>部位：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="左3#中横梁">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>起始桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>终止桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量单元：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="光圆钢筋（HPB235、HPB300）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>图号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="XL-1-13(通用图1）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计算式说明：</label>
 
+                      <textarea class="form-control" readonly=""></textarea>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <div class="d-flex justify-content-between my-3">
 
+                      <label>计算草图：</label>
 
+                      <a href="#edit-img" data-toggle="modal" data-target="#edit-img">添加草图</a>
 
+                    </div>
 
+                    <p><img src="img/sketch/2.png" class="d-100"></p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tab-pane" id="xmujmx">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="sjs-height-3">
 
+                      <table class="table table-bordered">
 
+                        <tr><th>编号</th><th>名称</th></tr>
 
+                        <tr><td>1-4-1-5-1</td><td>桥台桩基础</td></tr>
 
+                        <tr><td>1-4-1-5-2</td><td>桥台桩基础</td></tr>
 
+                      </table>
 
+                    </div>
 
+                    <div class="sjs-bottom">
 
+                      <ul class="nav nav-tabs">
 
+                        <li class="nav-item">
 
+                          <a class="nav-link active">部位明细</a>
 
+                        </li>
 
+                      </ul>
 
+                      <div class="tab-content">
 
+                        <div class="tab-pane active">
 
+                          <div class="sjs-bottom-2">
 
+                            <table class="table table-sm table-bordered">
 
+                              <tr><th>部位</th><th>台帐数量</th><th>本期计量数量</th></tr>
 
+                              <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
 
+                              <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
 
+                            </table>
 
+                          </div>
 
+                        </div>
 
+                        </div>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+				    </div>
 
+			     </div>
 
+		    </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--添加草图-->
 
+    <div class="modal fade" id="edit-img" data-backdrop="static">
 
+        <div class="modal-dialog modal-lgx" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">添加草图</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
 
+                  <div class="img-view">
 
+                    <div class="img-item">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/1.png" id="draggable">
 
+                    </div>
 
+                    <div class="img-item" style="left:300px;">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/2.png" id="draggable">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确认</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则-->
 
+    <div class="modal fade" id="choose" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">设置中间计量生成规则</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>中间计量模式 <a href="img/example/jiliangmoshi.png" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="点击查看相关报表"><i class="fa fa-question-circle-o"></i></a></label>
 
+                    <div class="row">
 
+                      <div class="col-6">
 
+                        <div class="card border-primary">
 
+                          <div class="card-body text-primary">
 
+                            <h5 class="card-title mb-0"><i class="fa fa-check pull-right"></i>总量控制</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <div class="card" style="cursor:pointer;">
 
+                          <div class="card-body">
 
+                            <h5 class="card-title mb-0">0号台帐</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>中间计量表号前缀</label>
 
+                      <input type="text" class="form-control form-control-sm" >
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label> </label>
 
+                      <a href="#choose" data-toggle="modal" data-target="#choose2">高级设置</a>
 
+                    </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >重新生成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则2-->
 
+    <div class="modal fade" id="choose2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">高级设置</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="custom-control custom-checkbox mb-2">
 
+                    <input type="checkbox" class="custom-control-input" id="customCheck1">
 
+                    <label class="custom-control-label" for="customCheck1">汇总计量节点</label>
 
+                  </div>
 
+                  <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                        <tr><th width="70">计量汇总</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1</td><td></td><td>第一部分 建筑安装工程费</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2</td><td></td><td>路基工程</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2</td><td></td><td>挖方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"><span id="custom" data-toggle="popover" data-placement="right">点我</span></td><td>1-2-2-1</td><td></td><td>挖土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2-1-1</td><td></td><td>挖路基土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td></td><td>203-1-a</td><td>挖土方</td><td></td></tr>
 
+                    </table>
 
+                    <span class="position-relative">提示
 
+                    <div class="popover bs-popover-right" role="tooltip" style="width: 250px">
 
+                      <div class="arrow" style="top:30px"></div>
 
+                      <div class="popover-body"><p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-success">继续</button></p></div>
 
+                    </div>
 
+                  </span>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--勾选提示-->
 
+    <div class="modal fade" id="checktips2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" style="margin-top:15rem">
 
+            <div class="modal-content">
 
+                <div class="modal-body">
 
+                  <h5 class="text-center">父项已勾选，继续将取消父项勾选。</h5>
 
+                  <h5 class="text-center">子项已勾选，继续将取消子项勾选。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--完成中间计量-->
 
+    <div class="modal fade" id="done" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" >
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">完成中间计量</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h5>完成中间计量后，不可再更改。</h5>
 
+                  <h5>确认完成后，即可上报本期计量。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--上报审批-->
 
+    <div class="modal fade" id="sub-sp" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">上报审批</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>选择审批人</label>
 
+                    <div class="input-group">
 
+                      <div class="input-group-prepend">
 
+                        <select class="form-control"><option>所有分组</option><option>建设单位</option><option>监理单位</option><option>施工单位</option><option>设计单位</option></select>
 
+                      </div>
 
+                      <select class="form-control"><option>选择审批人</option><option>张三（监理）-中交第一公路工程局有限公司国道311线满别公路施工一分部</option></select>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card mt-3">
 
+                    <div class="card-header">
 
+                      审批流程
 
+                    </div>
 
+                    <ul class="list-group list-group-flush">
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>1 张三  <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary">确认上报</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+      $('#custom').popover(
 
+        {
 
+            trigger:'click', //触发方式
 
+            html: true, // 为true的话，data-content里就能放html代码了
 
+            // 还有很多选项 ……
 
+            content:'<p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-primary">继续</button></p>'
 
+        }
 
+    );
 
+    </script>
 
+    <script type="text/javascript">
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 463 - 0
jiliang-qi-detail-3.html
Datei anzeigen 

@@ -0,0 +1,463 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/jquery-ui.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp3" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <div class="form-group">
 
+                  <button class="btn btn-sm btn-light text-primary" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--完成中间计量-->
 
+              <a href="#done" data-toggle="modal" data-target="#done" class="btn btn-success btn-sm pull-right">完成本期中间计量</a>
 
+             <!-- <span class="text-success">本期中间计量已完成</span> -->
 
+            </div>
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0">
 
+          </div>
 
+          <div class="row w-100 sub-content">
 
+            <!--左栏-->
 
+  					<div class="c-body col-8">
 
+              <!--上部分-->
 
+              <div class="sjs-height-0" id="bills-spread2">
 
+              </div>
 
+  					</div>
 
+            <!--右栏-->
 
+            <div class="c-body col">
 
+              <div class="sjs-bar-1">
 
+                <ul class="nav nav-tabs">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量数据</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#xmujmx" role="tab">项目节明细</a>
 
+                    </li>
 
+                  </ul>
 
+              </div>
 
+              <div class="tab-content">
 
+                <div class="tab-pane active" id="zhongjian">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <!-- <div class="d-flex justify-content-end mt-1 mr-1">
 
+                      <a href="#" class="btn btn-sm btn-outline-primary">编辑</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-success mr-1">保存</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-secondary">取消</a>
 
+                    </div> -->
 
+                    <legend class="mt-2">当前编号：403-1-a</legend>
 
+                    <div class="form-group">
 
+                      <label>变更令号：</label>
 
+                      <input class="form-control-plaintext  form-control-sm" type="text" readonly="" value="HG-123">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>变更图号：</label>
 
+                      <input class="form-control-plaintext  form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>部位：</label>
 
+                      <input class="form-control-plaintext  form-control-sm" type="text" readonly="" value="左3#中横梁">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>起止桩号：</label>
 
+                      <input class="form-control-plaintext  form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>细目：</label>
 
+                      <input class="form-control-plaintext  form-control-sm" type="text" readonly="" value="光圆钢筋（HPB235、HPB300）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>图册号：</label>
 
+                      <input class="form-control-plaintext form-control-sm" type="text" readonly="" value="XL-1-13(通用图1）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计算式说明：</label>
 
+                      <textarea class="form-control-plaintext  form-control-sm" readonly=""></textarea>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <div class="d-flex justify-content-between my-3">
 
+                      <label>计算草图：</label><!-- 
+                      <a href="#edit-img" data-toggle="modal" data-target="#edit-img">添加草图</a> -->
 
+                      </div>
 
+                      <div class="row p-0 m-0">
 
+                        <a class="col-4 pl-0 mb-3" href="#imgview" data-toggle="modal" data-target="#imgview"><div class="border border-secondary"><img src="img\sketch\3.png" title="点击查看大图" width="100%" height="100%"></div></a>
 
+                        <a class="col-4 pl-0 mb-3" href="#imgview" data-toggle="modal" data-target="#imgview"><div class="border border-secondary"><img src="img\sketch\4.png" title="点击查看大图" width="100%" height="100%"></div></a>
 
+                        <a class="col-4 pl-0 mb-3" href="#imgview" data-toggle="modal" data-target="#imgview"><div class="border border-secondary"><img src="img\sketch\3.png" title="点击查看大图" width="100%" height="100%"></div></a>
 
+                        <a class="col-4 pl-0 mb-3" href="#imgview" data-toggle="modal" data-target="#imgview"><div class="border border-secondary"><img src="img\sketch\4.png" title="点击查看大图" width="100%" height="100%"></div></a>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tab-pane" id="xmujmx">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="sjs-height-3">
 
+                      <table class="table table-bordered">
 
+                        <tr><th>编号</th><th>名称</th></tr>
 
+                        <tr><td>1-4-1-5-1</td><td>桥台桩基础</td></tr>
 
+                        <tr><td>1-4-1-5-2</td><td>桥台桩基础</td></tr>
 
+                      </table>
 
+                    </div>
 
+                    <div class="sjs-bottom">
 
+                      <ul class="nav nav-tabs">
 
+                        <li class="nav-item">
 
+                          <a class="nav-link active">部位明细</a>
 
+                        </li>
 
+                      </ul>
 
+                      <div class="tab-content">
 
+                        <div class="tab-pane active">
 
+                          <div class="sjs-bottom-2">
 
+                            <table class="table table-sm table-bordered">
 
+                              <tr><th>部位</th><th>台帐数量</th><th>本期计量数量</th></tr>
 
+                              <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
 
+                              <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
 
+                            </table>
 
+                          </div>
 
+                        </div>
 
+                        </div>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+				    </div>
 
+			     </div>
 
+		    </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--添加草图-->
 
+    <div class="modal fade" id="edit-img" data-backdrop="static">
 
+        <div class="modal-dialog modal-lgx" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">添加草图</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
 
+                  <div class="img-view">
 
+                    <div class="img-item" id="draggable">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/1.png">
 
+                    </div>
 
+                    <div class="img-item" style="left:300px;" id="draggable">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/2.png">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确认</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则-->
 
+    <div class="modal fade" id="choose" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">设置中间计量生成规则</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>中间计量模式 <a href="img/example/jiliangmoshi.png" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="点击查看相关报表"><i class="fa fa-question-circle-o"></i></a></label>
 
+                    <div class="row">
 
+                      <div class="col-6 p-0">
 
+                        <div class="card mx-3 border-primary">
 
+                          <div class="card-body text-primary p-2">
 
+                            <h5 class="card-title mb-0"><i class="fa fa-check pull-right"></i>总量控制</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6 p-0">
 
+                        <div class="card mx-3" style="cursor:pointer;">
 
+                          <div class="card-body p-2">
 
+                            <h5 class="card-title mb-0">0号台帐</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6 mt-3 p-0">
 
+                        <div class="card mx-3" style="cursor:pointer;">
 
+                          <div class="card-body p-2">
 
+                            <h5 class="card-title mb-0">清单-计量单元</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6 mt-3 p-0">
 
+                        <div class="card mx-3" style="cursor:pointer;">
 
+                          <div class="card-body p-2">
 
+                            <h5 class="card-title mb-0">计量单元-清单</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>中间计量表号前缀</label>
 
+                      <input type="text" class="form-control form-control-sm" >
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label> </label>
 
+                      <a href="#choose" data-toggle="modal" data-target="#choose2">高级设置</a>
 
+                    </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >重新生成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则2-->
 
+    <div class="modal fade" id="choose2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">高级设置</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="custom-control custom-checkbox mb-2">
 
+                    <input type="checkbox" class="custom-control-input" id="customCheck1">
 
+                    <label class="custom-control-label" for="customCheck1">汇总计量节点</label>
 
+                  </div>
 
+                  <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                        <tr><th width="70">计量汇总</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1</td><td></td><td>第一部分 建筑安装工程费</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2</td><td></td><td>路基工程</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2</td><td></td><td>挖方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"><span id="custom" data-toggle="popover" data-placement="right">点我</span></td><td>1-2-2-1</td><td></td><td>挖土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2-1-1</td><td></td><td>挖路基土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td></td><td>203-1-a</td><td>挖土方</td><td></td></tr>
 
+                    </table>
 
+                    <span class="position-relative">提示
 
+                    <div class="popover bs-popover-right" role="tooltip" style="width: 250px">
 
+                      <div class="arrow" style="top:30px"></div>
 
+                      <div class="popover-body"><p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-success">继续</button></p></div>
 
+                    </div>
 
+                  </span>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--勾选提示-->
 
+    <div class="modal fade" id="checktips2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" style="margin-top:15rem">
 
+            <div class="modal-content">
 
+                <div class="modal-body">
 
+                  <h5 class="text-center">父项已勾选，继续将取消父项勾选。</h5>
 
+                  <h5 class="text-center">子项已勾选，继续将取消子项勾选。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--完成中间计量-->
 
+    <div class="modal fade" id="done" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" >
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">完成中间计量</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h5>完成中间计量后，将锁定编辑，无法修改数据。</h5>
 
+                  <h5>确认完成后，即可上报本期计量。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <a href="jiliang-qi-detail-2-done.html" class="btn btn-success" >确认完成</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--上报审批 需要完成中间计量-->
 
+    <div class="modal fade" id="sub-sp3" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">上报审批</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h5>上报前，需要「完成本期中间计量」。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <a href="jiliang-qi-detail-2.html" class="btn btn-primary">进入中间计量</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--草图预览-->
 
+    <div class="modal fade" id="imgview" data-backdrop="static">
 
+        <div class="modal-dialog modal-lgx" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">查看草图</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                    <img src="img/sketch/3.png">
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+      $('#custom').popover(
 
+        {
 
+            trigger:'click', //触发方式
 
+            html: true, // 为true的话，data-content里就能放html代码了
 
+            // 还有很多选项 ……
 
+            content:'<p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-primary">继续</button></p>'
 
+        }
 
+    );
 
+    </script>
 
+<!--sjs-->
 
+<script>
 
+  $(document).ready(function () {
 
+    const data = [
 
+    {
 
+      编号:'403-1-a',
 
+      中间计量表号:'1-1',
 
+      交工证书凭证号:'',
 
+      分部分项工程:'k0+236大桥',
 
+      本期计量数量金额: 100,
 
+    },
 
+    ];
 
+    const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
 
+      sheetCount: 1
 
+    });
 
+    spread.getActiveSheet().setDataSource(data);
 
+    spread.options.tabStripVisible = false;
 
+  })
 
+</script>
 
+</body>
 
+
 
+</html>

+ 611 - 0
jiliang-qi-detail-4.html
Datei anzeigen 

@@ -0,0 +1,611 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加"><i class="fa fa-plus" aria-hidden="true"></i></a>
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
 
+                <a href="#" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
 
+              </div>
 
+              <div class="d-inline-block">
 
+                <div class="input-group input-group-sm ml-2 mt-1">
 
+                  <div class="input-group-prepend">
 
+                    <span class="input-group-text" id="basic-addon1">表达式</span>
 
+                  </div>
 
+                  <input type="text" class="form-control m-0">
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--上报-->
 
+            </div>
 
+          </div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0"></div>
 
+          <div class="w-100 sub-content row">
 
+            <div class="c-body col-8">
 
+              <!--上半部分-->
 
+              <div class="sjs-height-1" style="overflow: auto;">
 
+                <table class="table table-bordered">
 
+                        <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th><th>附件</th><th>操作</th><th>类型</th><th>状态</th></tr>
 
+                        <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <tr><td>3</td><td>本期完成计量 <!--<a href="#detail" data-toggle="modal" data-target="#detail">明细</a>--></td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <!--被停用了-->
 
+                        <tr class="table-secondary"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            <a class="btn btn-sm btn-success" href="#">启用</a>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            <div class="dropdown dropleft">
 
+                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                操作
 
+                              </button>
 
+                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
 
+                                <a class="dropdown-item" href="#op4">停用</a>
 
+                              </div>
 
+                            </div>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <!--不参与本期应付计算-->
 
+                        <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
 
+                          <td>
 
+                            <div class="dropdown dropleft">
 
+                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                操作
 
+                              </button>
 
+                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                <a class="dropdown-item" href="#op4">停用</a>
 
+                              </div>
 
+                            </div>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <!--新增-->
 
+                        <tr class="table-warning"><td>7</td><td>审核人新增数据</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
 
+                          <td>
 
+                            <div class="dropdown dropleft">
 
+                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                操作
 
+                              </button>
 
+                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
 
+                              </div>
 
+                            </div>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <tr><td>6</td><td>奖罚金</td><td><input type="checkbox"></td><td>1000</td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            <div class="dropdown dropleft">
 
+                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                操作
 
+                              </button>
 
+                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
 
+                                <a class="dropdown-item" href="#op4">停用</a>
 
+                              </div>
 
+                            </div>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                        <tr><td>7</td><td>扣甲供材料</td><td></td><td>2000</td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
 
+                          <td>
 
+                            <div class="dropdown dropleft">
 
+                              <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                                操作
 
+                              </button>
 
+                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
 
+                                <a class="dropdown-item" href="#">添加子项</a>
 
+                              </div>
 
+                            </div>
 
+                            </td>
 
+                          <td>
 
+                            <select><option></option></select>
 
+                            </td>
 
+                          <td>
 
+                            </td>
 
+                        </tr>
 
+                </table>
 
+              </div>
 
+              <!--下半部分-->
 
+              <div class="bcontent-wrap">
 
+                <div class="bc-bar mb-1">
 
+                  <ul class="nav nav-lists">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#jiagong" role="tab">甲供材料</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#jiangfajin" role="tab">奖罚金</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link " data-toggle="tab" href="#changgui" role="tab">常规</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="tab-content">
 
+                  <div class="tab-pane active" id="jiagong">
 
+                    <!--甲供材料-->
 
+                    <table class="table table-bordered table-sm">
 
+                        <tbody>
 
+                          <thead>
 
+                            <tr><th rowspan="2">序号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">本期到场</th><th colspan="2">截止本期到场</th><th colspan="2">本期扣回</th><th colspan="2">截止本期扣回</th><th rowspan="2">材料来源</th><th rowspan="2">单据号</th><th rowspan="2">检验单编号</th><th rowspan="2">备注</th></tr>
 
+                            <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>数量</th><th>金额</th></tr>
 
+                          </thead>
 
+                        </tbody>
 
+                    </table>
 
+                  </div>
 
+                  <div class="tab-pane" id="jiangfajin">
 
+                    <!--奖罚金-->
 
+                    <table class="table table-bordered table-sm">
 
+                        <tbody>
 
+                          <thead>
 
+                            <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>编号</th><th>依据材料证明</th><th>备注</th></tr>
 
+                          </thead>
 
+                        </tbody>
 
+                      </table>
 
+                  </div>
 
+                  <div class="tab-pane" id="changgui">
 
+                    <!--常规-->
 
+                    <table class="table table-bordered table-sm">
 
+                        <tbody>
 
+                          <thead>
 
+                            <tr><th>序号</th><th>名称</th><th>金额</th><th>本期金额</th><th>截止本期金额</th><th>时间</th><th>备注</th></tr>
 
+                          </thead>
 
+                        </tbody>
 
+                      </table>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="c-body col-4">
 
+              <div class="side-bar-1"></div>
 
+              <div class="sjs-sh-1">
 
+                <table class="table table-bordered">
 
+                      <tr><th></th><th>可选基数</th><th>计算代号</th><th>值</th></tr>
 
+                      <tr><td>1</td><td>签约合同价修正</td><td>htj</td><td>0</td></tr>
 
+                      <tr><td>2</td><td>暂列金额</td><td>htj</td><td>0</td></tr>
 
+                      <tr><td>3</td><td>签约合同价修正(不含暂列金)</td><td>htjszl</td><td>0</td></tr>
 
+                      <tr><td>4</td><td>签约开工预付款</td><td>kgyfk</td><td>0</td></tr>
 
+                      <tr><td>5</td><td>签约材料预付款</td><td>clyfk</td><td>0</td></tr>
 
+                      <tr><td>6</td><td>本期完成计量</td><td>bqwc</td><td>0</td></tr>
 
+                      <tr><td>7</td><td>本期合同计量</td><td>bqht</td><td>0</td></tr>
 
+                      <tr><td>8</td><td>本期变更计量</td><td>bqbg</td><td>0</td></tr>
 
+                      <tr><td>9</td><td>100章本期完成计量</td><td>ybbqwc</td><td>0</td></tr>
 
+                      <tr><td>10</td><td>本期应付</td><td>bqyf</td><td>--</td></tr>
 
+                  </table>
 
+              </div>
 
+            </div>
 
+          </div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+    <!--章节设置-->
 
+    <div class="modal fade" id="zjset" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">章节设置</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                   <table class="table table-sm table-bordered">
 
+                      <tr><th width="200">章节</th><th>名称</th></tr>
 
+                      <tr><td>100</td><td><input type="text" class="form-control form-control-sm" value="总则"></td></tr>
 
+                      <tr><td>200</td><td><input type="text" class="form-control form-control-sm" value="路基"></td></tr>
 
+                      <tr><td>300</td><td><input type="text" class="form-control form-control-sm" value="路面"></td></tr>
 
+                      <tr><td>400</td><td><input type="text" class="form-control form-control-sm" value="桥梁、涵洞"></td></tr>
 
+                      <tr><td>500</td><td><input type="text" class="form-control form-control-sm" value="隧道"></td></tr>
 
+                      <tr><td>600</td><td><input type="text" class="form-control form-control-sm" value="安全设施及预埋管线"></td></tr>
 
+                      <tr><td>700</td><td><input type="text" class="form-control form-control-sm" value="绿化及环境保护"></td></tr>
 
+                      <tr><td>800</td><td><input type="text" class="form-control form-control-sm" value="公路沿线管理用房设施"></td></tr>
 
+                      <tr><td>900</td><td><input type="text" class="form-control form-control-sm" value="监控系统"></td></tr>
 
+                      <tr><td>1000</td><td><input type="text" class="form-control form-control-sm" value="收费系统"></td></tr>
 
+                      <tr><td>1100</td><td><input type="text" class="form-control form-control-sm" value="通信系统"></td></tr>
 
+                      <tr><td>1200</td><td><input type="text" class="form-control form-control-sm" value="消防系统"></td></tr>
 
+                      <tr><td>1300</td><td><input type="text" class="form-control form-control-sm" value="供配电及照明系统"></td></tr>
 
+                   </table>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary">确定修改</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置计提期限-->
 
+    <div class="modal fade" id="op2" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">设置计提期限</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <p>请设置付（扣）款项 <b>本期应付</b> 的计提期限</p>
 
+                  <div class="form-group">
 
+                    <label for="formGroupExampleInput">限制模式为：</label>
 
+                    <div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
 
+                        <label class="form-check-label" for="inlineRadio1">无</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
 
+                        <label class="form-check-label" for="inlineRadio2">计量期数</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
 
+                        <label class="form-check-label" for="inlineRadio3">计量金额</label>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <!--计量期数模式-->
 
+                  <div class="form-group">
 
+                    <label>限制期数</label>
 
+                    <input class="form-control" type="number">
 
+                  </div>
 
+                  <!--计量金额模式-->
 
+                  <div class="form-group">
 
+                    <label for="formGroupExampleInput"></label>
 
+                    <div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio1" value="option1">
 
+                        <label class="form-check-label" for="ilRadio1">累计完成计量金额</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio2" value="option2">
 
+                        <label class="form-check-label" for="ilRadio2">累计合同计量金额</label>
 
+                      </div>
 
+                      <div class="form-check form-check-inline">
 
+                        <input class="form-check-input" type="radio" name="iROptions" id="ilRadio3" value="option3">
 
+                        <label class="form-check-label" for="ilRadio3">累计变更计量金额</label>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="form-group">
 
+                    <label>限制金额</label>
 
+                    <input class="form-control" type="number">
 
+                  </div>
 
+                  <!--公用提示-->
 
+                  <p>设置为：</p>
 
+                  <p class="pl-3 text-danger">当 累计完成计量金额 >= 50000.00 时</p>
 
+                  <p class="pl-3">当期金额直接计量至（扣款限额 - 截止上期金额）</p>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--附件-->
 
+    <div class="modal fade" id="file" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">附件</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label for="formGroupExampleInput">大小限制：10MB，支持<span data-toggle="tooltip" data-placement="bottom" title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="rar,zip">压缩包格式</span></label>
 
+                    <input type="file" class="form-control">
 
+                  </div>
 
+                  <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                      <thead>
 
+                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
 
+                      </thead>
 
+                      <tr><td>XXXX.jpg</td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a> <a class="text-danger" href="#" target="_blank" title="删除"><i class="fa fa-remove "></i></a></td></tr>
 
+                      <tr><td>YYYY.jpg</td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
 
+                    </table>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--明细-->
 
+    <div class="modal fade" id="detail" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">章节明细</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <table class="table table-sm table-bordered">
 
+                    <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th></tr>
 
+                    <tr>
 
+                      <td>清单 第100章 总则</td>
 
+                      <td class="text-right">1000</td>
 
+                      <td class="text-right">1000</td>
 
+                      <td class="text-right">2000</td>
 
+                      <td class="text-right">2000</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第200章 路基</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第300章 路面</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第400章 桥梁、涵洞</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第500章 隧道</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第600章 安全设施及预埋管线</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单 第700章 绿化及环境保护</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>未计入章节清单合计</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right"></td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>清单小计(A)</td>
 
+                      <td class="text-right">1000</td>
 
+                      <td class="text-right">1000</td>
 
+                      <td class="text-right">2000</td>
 
+                      <td class="text-right">2000</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>非清单项费用(B)</td>
 
+                      <td class="text-right">500</td>
 
+                      <td class="text-right"></td>
 
+                      <td class="text-right">500</td>
 
+                      <td class="text-right">500</td>
 
+                    </tr>
 
+                    <tr>
 
+                      <td>合计(C=A+B)</td>
 
+                      <td class="text-right">1500</td>
 
+                      <td class="text-right">1000</td>
 
+                      <td class="text-right">2500</td>
 
+                      <td class="text-right">2500</td>
 
+                    </tr>
 
+                  </table>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--上报审批-->
 
+    <div class="modal fade" id="sub-sp" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">上报审批</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>选择审批人</label>
 
+                    <div class="input-group">
 
+                      <div class="input-group-prepend">
 
+                        <select class="form-control"><option>所有分组</option><option>建设单位</option><option>监理单位</option><option>施工单位</option><option>设计单位</option></select>
 
+                      </div>
 
+                      <select class="form-control"><option>选择审批人</option><option>张三（监理）-中交第一公路工程局有限公司国道311线满别公路施工一分部</option></select>
 
+                    </div>
 
+                  </div>
 
+                  <div class="card mt-3">
 
+                    <div class="card-header">
 
+                      审批流程
 
+                    </div>
 
+                    <ul class="list-group list-group-flush">
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>1 张三  <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">中交第一公路工程局有限公司国道311线满别公路施工一分部</small></p></li>
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                      <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small><p class="m-0 ml-2"><small class="text-muted">XXX单位</small></p></li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary">确认上报</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 217 - 0
jiliang-qi-detail-5.html


+ 588 - 0
jiliang-qi-detail-6.html
Datei anzeigen 

@@ -0,0 +1,588 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台账</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台账</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台账</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <a class="btn btn-sm btn-light">
 
+                <div class="custom-control custom-checkbox">
 
+                  <input type="checkbox" class="custom-control-input" id="customCheckDisabled" checked="">
 
+                  <label class="custom-control-label text-primary" for="customCheckDisabled">本期已用变更</label>
 
+                </div>
 
+              </a>
 
+              <div class="d-inline-block">
 
+                <div class="input-group input-group-sm ml-2 mt-1">
 
+                  <div class="input-group-prepend">
 
+                    <span class="input-group-text" id="basic-addon1">
 
+                      <div class="form-group form-check m-0">
 
+                        <input type="checkbox" class="form-check-input mt-1" id="exampleCheck1">
 
+                        <label class="form-check-label" for="exampleCheck1">执行率低于</label>
 
+                      </div>
 
+                    </span>
 
+                  </div>
 
+                  <input type="number" step="5" max="100" min="0" class="form-control m-0" style="width:60px" value="50">
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+            </div>
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0">
 
+          </div>
 
+          <div class="c-body">
 
+            <div class="w-100 sub-content">
 
+              <!--上部分-->
 
+              <div class="sjs-height-1">
 
+                <table class="table table-bordered table-sm">
 
+                  <tr><th>变更令号</th><th>变更名称</th><th>金额</th><th>批复文号</th><th>已执行（%）</th></tr>
 
+                  <tr><td>LZTJ-1标项目部发变更(2015)001号 </td><td>XX变更1</td><td>140343</td><td>纵路投[2019]126号</td><td></td></tr>
 
+                  <tr><td>LZTJ-1标项目部发变更(2015)002号 </td><td>XX变更2</td><td></td><td>纵路投[2019]126号</td><td></td></tr>
 
+                  <tr><td>LZTJ-1标项目部发变更(2015)003号 </td><td>XX变更3</td><td></td><td>纵路投[2019]126号</td><td></td></tr>
 
+                </table>
 
+              </div>
 
+              <!--下部分-->
 
+              <div class="bcontent-wrap">
 
+                <div class="bc-bar mb-1">
 
+                  <ul class="nav nav-lists">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#qingdan" role="tab">变更清单</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#detail" role="tab">变更信息</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#fujian" role="tab">附件</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="tab-content">
 
+                  <div class="tab-pane active" id="qingdan">
 
+                    <div class="row">
 
+                      <div class="col-6">
 
+                        <div class="sp-wrap" style="overflow: auto">
 
+                          <table class="table table-sm table-bordered">
 
+                            <tr><th>本期使用</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>已变更</th><th>未变更</th></tr>
 
+                            <tr><td></td><td>203-1-a</td><td>挖土方</td><td>m3</td><td>7.53</td><td>6467.48</td><td>48700</td><td>1000</td></tr>
 
+                            <tr><td><i class="fa fa-check text-success"></i></td><td>403-1-a</td><td>I级钢筋（包括基础、承台、支撑梁等）</td><td></td><td></td><td></td><td></td><td></td><td>1000</td></tr>
 
+                            <tr><td></td><td>403-2</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
 
+                          </table>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <div class="tab-content">
 
+                          <div class="tab-pane active" id="tz">
 
+                            <div class="sp-wrap" style="overflow: auto">
 
+                              <!--分项清单-->
 
+                              <table class="table table-bordered table-sm">
 
+                                <tr><th colspan="5" class="text-center">相关台账</th></tr>
 
+                                <tr><th>项目节编号</th><th>名称</th><th>部位明细</th><th>0号台账数量</th><th>本期变更数量</th></tr>
 
+                                <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>0#桥台1#桩</td><td>126</td><td>100</td></tr>
 
+                                <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>0#桥台2#桩</td><td>126</td><td>100</td></tr>
 
+                                <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>8#桥台1#桩</td><td>126</td><td>100</td></tr>
 
+                                <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>8#桥台2#桩</td><td>126</td><td>100</td></tr>
 
+                              </table>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="tab-pane col-12" id="detail">
 
+                    <div class="sp-wrap" style="overflow: auto">
 
+                        <div class="form-group">
 
+                          <label>变更类型</label>
 
+                          <div class="checkbox">
 
+                            <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox1" value="option1" checked="" disabled="" type="checkbox">A.数量
 
+                            </label>
 
+                            <!-- <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox2" value="option2" type="checkbox">B.位置
 
+                            </label>
 
+                            <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
 
+                            </label>
 
+                            <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
 
+                            </label>
 
+                            <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
 
+                            </label>
 
+                            <label class="checkbox-inline">
 
+                              <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
 
+                            </label> -->
 
+                          </div>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>变更类别 </label>
 
+                          <select class="form-control form-control-sm" disabled=""><option>A类变更</option><option>B类变更</option><option>C类变更</option><option>D类变更</option><option>E类变更</option></select>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>变更性质 </label>
 
+                          <select class="form-control form-control-sm" disabled=""><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>桩号</label>
 
+                          <input class="form-control form-control-sm" value="K0+532" readonly="" type="text">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>原设计图名称</label>
 
+                          <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>原图号</label>
 
+                          <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>变更设计图名称</label>
 
+                          <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>变更图号</label>
 
+                          <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>工程变更理由及内容</label>
 
+                          <textarea class="form-control form-control-sm" rows="6" readonly="">由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
 
+                          </textarea>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>工程变更合同依据</label>
 
+                          <textarea class="form-control form-control-sm" rows="6" readonly=""></textarea>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>变更提出单位</label>
 
+                          <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
 
+                          <select class="form-control form-control-sm" disabled=""><option>AA公司</option><option>BB公司</option></select>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>费用承担方</label>
 
+                          <div class="radio">
 
+                            <label class="radio-inline">
 
+                              <input id="inlineCheckbox1" value="option1" checked="" disabled="" type="radio"> 业主
 
+                            </label>
 
+                            <!-- <label class="radio-inline">
 
+                              <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
 
+                            </label> -->
 
+                          </div>
 
+                        </div>
 
+                        <div class="form-group">
 
+                          <label>备注</label>
 
+                          <textarea class="form-control form-control-sm" rows="3" readonly=""></textarea>
 
+                        </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="tab-pane col-12" id="fujian">
 
+                    <div class="sp-wrap" style="overflow: auto">
 
+                      <table class="table table-bordered">
 
+                            <tbody><tr><th>名称</th><th>上传者</th></tr>
 
+                              <tr><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><th>张三</th></tr>
 
+                            </tbody>
 
+                        </table>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+  				  </div>
 
+          </div>
 
+  			</div>
 
+		</div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+    <!--sjs-->
 
+    <script>
 
+      $(document).ready(function () {
 
+      const data = [
 
+          {
 
+              名称:'0#桥台1#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'0#桥台2#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'0#桥台3#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'0#桥台4#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'8#桥台1#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'8#桥台2#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'8#桥台3#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          },{
 
+              名称:'8#桥台4#桩',
 
+              数量:126,
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              变更令: '',
 
+              完成计量: '',
 
+              合同计量: '',
 
+              数量变更计量: '',
 
+              完成计量: '',
 
+              本期批注: '',
 
+              图册号: '',
 
+          }
 
+        ];
 
+        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
 
+            sheetCount: 1
 
+        });
 
+        spread.getActiveSheet().setDataSource(data);
 
+         spread.options.tabStripVisible = false;
 
+      })
 
+    </script>
 
+    <script>
 
+      $(document).ready(function () {
 
+      const data = [
 
+          {
 
+              项目节编号: '1',
 
+              清单编号: '',
 
+              名称:'第一部分 建筑安装工程费',
 
+              单位:'公路公里',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '23682034',
 
+              图册号: '',
 
+              备注: '',
 
+          }, {
 
+              项目节编号: '1-2',
 
+              清单编号: '',
 
+              名称:'路基工程',
 
+              单位:'km',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '3947329',
 
+              图册号: '',
 
+              备注: '',
 
+          }, {
 
+              项目节编号: '1-2-2',
 
+              清单编号: '',
 
+              名称:'挖方',
 
+              单位:'m3',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '3947329',
 
+              图册号: '',
 
+              备注: '',
 
+          }, {
 
+              项目节编号: '1-2-2-1',
 
+              清单编号: '',
 
+              名称:'挖土方',
 
+              单位:'m3',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '3947329',
 
+              图册号: '',
 
+              备注: '',
 
+          }, {
 
+              项目节编号: '1-2-2-1-1',
 
+              清单编号: '',
 
+              名称:'挖路基土方',
 
+              单位:'m3',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '3947329',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '203-1-a',
 
+              名称:'挖土方',
 
+              单位:'m3',
 
+              单价: '7.53',
 
+              数量: '524213.67',
 
+              金额: '3947329',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4',
 
+              清单编号: '',
 
+              名称:'桥梁涵洞工程',
 
+              单位:'km',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '19734705',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5',
 
+              清单编号: '',
 
+              名称:'特、大桥工程（100≤L,40≤Lk）',
 
+              单位:'m/座',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '19734705',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5-1',
 
+              清单编号: '',
 
+              名称:'K66+258马坑渭河大桥',
 
+              单位:'m2/m',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '7965713',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1',
 
+              清单编号: '',
 
+              名称:'桥台（台高××m）',
 
+              单位:'m2/m',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '848909',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1',
 
+              清单编号: '',
 
+              名称:'桥台基础',
 
+              单位:'',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '848909',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1-1',
 
+              清单编号: '',
 
+              名称:'桥台桩基础',
 
+              单位:'m3/处',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '678444',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '1-4-5-1-1-1-1',
 
+              清单编号: '',
 
+              名称:'桥台桩基础',
 
+              单位:'m3/处',
 
+              单价: '',
 
+              数量: '',
 
+              金额: '678444',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-a',
 
+              名称:'I级钢筋(包括基础、承台、支撑梁等)',
 
+              单位:'kg',
 
+              单价: '5.18',
 
+              数量: '1008',
 
+              金额: '5221',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-b',
 
+              名称:'II级钢筋(包括基础、承台、支撑梁等)',
 
+              单位:'kg',
 
+              单价: '5.18',
 
+              数量: '28589.6',
 
+              金额: '148094',
 
+              图册号: '',
 
+              备注: '',
 
+          },{
 
+              项目节编号: '',
 
+              清单编号: '403-1-c',
 
+              名称:'桩径1.5m',
 
+              单位:'m',
 
+              单价: '2983.69',
 
+              数量: '176',
 
+              金额: '525129',
 
+              图册号: '',
 
+              备注: '',
 
+          },
 
+        ];
 
+        const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
 
+            sheetCount: 1
 
+        });
 
+        spread.getActiveSheet().setDataSource(data);
 
+         spread.options.tabStripVisible = false;
 
+      })
 
+    </script>
 
+</body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 394 - 0
jiliang-qi-detail-7.html


+ 443 - 0
jiliang-qi-detail-8.html
Datei anzeigen 

@@ -0,0 +1,443 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+  <title>期计量-计量支付</title>
 
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="css/main.css">
 
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+  <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+  <script src=js/echarts/echarts.min.js></script>
 
+  <!--zTree-->
 
+  <link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+         </div>
 
+       </div>
 
+     </div>
 
+   </div>
 
+   <div class="main-panel">
 
+    <div class="panel-sidebar">
 
+      <div class="panel-title">
 
+        <div class="title-bar">
 
+          <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+        </div>
 
+      </div>
 
+      <div class="scrollbar-auto">
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+          </ul>
 
+        </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+          </ul>
 
+        </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+          </ul>
 
+        </div>
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+          </ul>
 
+        </div>
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li class="active"><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+          </ul>
 
+        </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+        <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+          </ul>
 
+        </div>
 
+        <div class="contarl-box">
 
+          <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+        </div>
 
+        <!-- <div class="nav-box">
 
+          <ul class="nav-list list-unstyled">
 
+            <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+          </ul>
 
+        </div> -->
 
+      </div>
 
+    </div>
 
+    <div class="panel-content">
 
+      <div class="panel-title">
 
+       <div class="title-main d-flex">
 
+        <div>
 
+          <div class="d-inline-block">
 
+            <div class="dropdown">
 
+              <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
+                <i class="fa fa-list-ol"></i> 显示层级
 
+              </button>
 
+              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
 
+                <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>
 
+            </div>
 
+          </div>
 
+          <div class="d-inline-block mx-1">
 
+            <a class="btn btn-sm btn-light">
 
+              <div class="custom-control custom-checkbox">
 
+                <input type="checkbox" class="custom-control-input" id="customCheckDisabled" checked="">
 
+                <label class="custom-control-label text-primary" for="customCheckDisabled">显示本期计量</label>
 
+              </div>
 
+            </a>
 
+          </div>
 
+          <div class="d-inline-block">
 
+
 
+              <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#select-qi"><i class="fa fa-users"></i> 选择比较人</button>
 
+          </div>
 
+        </div>
 
+        <div class="ml-auto">
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="content-wrap">
 
+      <div class="c-header p-0"></div>
 
+      <div class="c-body">
 
+        <div class="sjs-height-1" id="bills-spread">
 
+        </div>
 
+        <div class="bcontent-wrap">
 
+          <div class="bc-bar mb-1">
 
+            <ul class="nav nav-lists">
 
+              <li class="nav-item">
 
+                <a class="nav-link active" data-toggle="tab" href="#xmujie" role="tab">部位明细</a>
 
+              </li>
 
+            </ul>
 
+          </div>
 
+          <div class="tab-content">
 
+            <div class="tab-pane active" id="xmujie">
 
+              <div class="sp-wrap" id="bills-spread2">
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+</div>
 
+<!--选择参与人-->
 
+<div class="modal fade" id="select-qi" data-backdrop="static">
 
+  <div class="modal-dialog" role="document">
 
+    <div class="modal-content">
 
+      <div class="modal-header">
 
+        <h5 class="modal-title">选择参与比较的审批人</h5>
 
+      </div>
 
+      <div class="modal-body">
 
+        <table class="table table-sm">
 
+          <tr><th>审批人</th><th width="90">选择</th></tr>
 
+          <tr><td>王五</td><td><input type="checkbox"></td></tr>
 
+          <tr><td>李四</td><td><input type="checkbox"></td></tr>
 
+        </table>
 
+      </div>
 
+      <div class="modal-footer">
 
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+        <button type="button" class="btn btn-primary" >确认</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div>
 
+<!-- JS. -->
 
+<script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+<script src="js/global.js"></script>
 
+<script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
+<script type="text/javascript">  autoFlashHeight();</script>
 
+<!-- zTree -->
 
+<script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+<script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+<!--sjs-->
 
+<script>
 
+  $(document).ready(function () {
 
+    const data = [
 
+    {
 
+      名称:'0#桥台1#桩',
 
+      张三上报: 50,
 
+      王五审批: 50,
 
+    },{
 
+      名称:'0#桥台2#桩',
 
+      张三上报:"50",
 
+      王五上报:"",
 
+    },{
 
+      名称:'0#桥台3#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    },{
 
+      名称:'0#桥台4#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    },{
 
+      名称:'8#桥台1#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    },{
 
+      名称:'8#桥台2#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    },{
 
+      名称:'8#桥台3#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    },{
 
+      名称:'8#桥台4#桩',
 
+      张三上报:"",
 
+      王五上报:"",
 
+    }
 
+    ];
 
+    const spread = new GC.Spread.Sheets.Workbook($('#bills-spread2')[0], {
 
+      sheetCount: 1
 
+    });
 
+    spread.getActiveSheet().setDataSource(data);
 
+    spread.options.tabStripVisible = false;
 
+  })
 
+</script>
 
+<script>
 
+  $(document).ready(function () {
 
+    const data = [
 
+    {
 
+      项目节编号: '1',
 
+      清单编号: '',
 
+      名称:'第一部分 建筑安装工程费',
 
+      单位:'公路公里',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    }, {
 
+      项目节编号: '1-2',
 
+      清单编号: '',
 
+      名称:'路基工程',
 
+      单位:'km',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    }, {
 
+      项目节编号: '1-2-2',
 
+      清单编号: '',
 
+      名称:'挖方',
 
+      单位:'m3',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    }, {
 
+      项目节编号: '1-2-2-1',
 
+      清单编号: '',
 
+      名称:'挖土方',
 
+      单位:'m3',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    }, {
 
+      项目节编号: '1-2-2-1-1',
 
+      清单编号: '',
 
+      名称:'挖路基土方',
 
+      单位:'m3',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '203-1-a',
 
+      名称:'挖土方',
 
+      单位:'m3',
 
+      单价: '7.53',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4',
 
+      清单编号: '',
 
+      名称:'桥梁涵洞工程',
 
+      单位:'km',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5',
 
+      清单编号: '',
 
+      名称:'特、大桥工程（100≤L,40≤Lk）',
 
+      单位:'m/座',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5-1',
 
+      清单编号: '',
 
+      名称:'K66+258马坑渭河大桥',
 
+      单位:'m2/m',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5-1-1',
 
+      清单编号: '',
 
+      名称:'桥台（台高××m）',
 
+      单位:'m2/m',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5-1-1-1',
 
+      清单编号: '',
 
+      名称:'桥台基础',
 
+      单位:'',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5-1-1-1-1',
 
+      清单编号: '',
 
+      名称:'桥台桩基础',
 
+      单位:'m3/处',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '403-1-a',
 
+      名称:'I级钢筋(包括基础、承台、支撑梁等)',
 
+      单位:'kg',
 
+      单价: '5.18',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '403-1-b',
 
+      名称:'II级钢筋(包括基础、承台、支撑梁等)',
 
+      单位:'kg',
 
+      单价: '5.18',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '403-1-c',
 
+      名称:'桩径1.5m',
 
+      单位:'m',
 
+      单价: '2983.69',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '1-4-5-1-1-1-2',
 
+      清单编号: '',
 
+      名称:'桥台承台',
 
+      单位:'m3/处',
 
+      单价: '',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '403-1-a',
 
+      名称:'II级钢筋(包括基础、承台、支撑梁等)',
 
+      单位:'kg',
 
+      单价: '5.18',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },{
 
+      项目节编号: '',
 
+      清单编号: '410-1-b',
 
+      名称:'C25混凝土',
 
+      单位:'M3',
 
+      单价: '5.18',
 
+      张三上报数量: '',
 
+      张三上报金额: '',
 
+      王五审批数量: '',
 
+      王五审批金额: '',
 
+    },
 
+    ];
 
+    const spread = new GC.Spread.Sheets.Workbook($('#bills-spread')[0], {
 
+      sheetCount: 1
 
+    });
 
+    spread.getActiveSheet().setDataSource(data);
 
+    spread.options.tabStripVisible = false;
 
+  })
 
+</script>
 
+</body>
 
+
 
+</html>

+ 302 - 0
jiliang-qi-detail-9.html
Datei anzeigen 

@@ -0,0 +1,302 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+    <!--zTree-->
 
+  	<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="xiangmu.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2>WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-detail-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-2.html"><span class="ml-3">其他台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-4.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-5.html"><span class="ml-3">部位台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-7.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-8.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-baobiao.html"><span class="ml-3">报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-detail-9.html"><span class="ml-3">审批管理</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              第5期
 
+            </div>
 
+            <div class="ml-auto">
 
+            </div>
 
+  				</div>
 
+        </div>
 
+        <div class="content-wrap">
 
+          <div class="sjs-height-0">
 
+            <div class="c-body">
 
+              <!--第5期-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第5期</th></tr>
 
+                </thead>
 
+                <tr>
 
+                  <td>
 
+                    <table class="table table-bordered table-hover">
 
+                      <thead>
 
+                        <tr><th colspan="5">2#<a href="#del" data-toggle="modal" class="btn btn-sm btn-light pull-right text-danger">删除本次审批</a><a href="#pass" data-toggle="modal" class="btn btn-sm btn-warning pull-right mr-2">设置终审审批</a></th></tr>
 
+                      </thead>
 
+                      <tbody>
 
+                        <tr>
 
+                            <th width="10%">审批流程</th>
 
+                            <th width="25%">审批人</th>
 
+                            <th width="15%">审批状态</th>
 
+                            <th>审批意见</th>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>终审</td>
 
+                            <td>孙鸿福（总工程师）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-08-02</p></td>
 
+                            <td></td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>3审</td>
 
+                            <td>王泰鸿（副工程师）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-08-01</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>2审</td>
 
+                            <td>张立轩（工程师）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-30</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>1审</td>
 
+                            <td>吕烨华（监理）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-28</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>原报</td>
 
+                            <td>池元化<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="">上报</span><p class="text-muted m-0">2019-07-27</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                      </tbody>
 
+                    </table>
 
+                    <table class="table table-bordered table-hover">
 
+                      <thead>
 
+                        <tr><th colspan="5">1#</th></tr>
 
+                      </thead>
 
+                      <tbody>
 
+                        <tr>
 
+                            <th width="10%">审批流程</th>
 
+                            <th width="25%">审批人</th>
 
+                            <th width="15%">审批状态</th>
 
+                            <th>审批意见</th>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>2审</td>
 
+                            <td>张立轩（工程师）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-danger">退回原报</span><p class="text-muted m-0">2019-07-26</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>1审</td>
 
+                            <td>吕烨华（监理）<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-25</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                        <tr>
 
+                            <td>原报</td>
 
+                            <td>池元化<p class="text-muted m-0">XXX公司</p></td>
 
+                            <td><span class="">上报</span><p class="text-muted m-0">2019-07-24</p></td>
 
+                            <td>审批意见内容在这显示</td>
 
+                        </tr>
 
+                      </tbody>
 
+                    </table>
 
+                  </td>
 
+                </tr>
 
+              </table>
 
+              <!--第5期 为上报-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第5期</th></tr>
 
+                </thead>
 
+                  <tr><td class="text-center text-muted">未上报</td></tr>
 
+              </table>
 
+              <!--第4期-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第4期</th></tr>
 
+                </thead>
 
+                  <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
 
+              </table>
 
+              <!--第3期-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第3期</th></tr>
 
+                </thead>
 
+                  <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
 
+              </table>
 
+              <!--第2期-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第2期</th></tr>
 
+                </thead>
 
+                  <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
 
+              </table>
 
+              <!--第1期-->
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr><th>第1期</th></tr>
 
+                </thead>
 
+                  <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
 
+              </table>
 
+            </div>
 
+          </div>
 
+        </div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+  <!--删除本次审批-->
 
+  <div class="modal fade" id="del" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">删除本次审批</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <p class="mb-2">删除本次审批，本期计量将退回至上一轮审批状态。</p>
 
+                <p class="mb-2">删除后数据不可恢复，请谨慎操作。</p>
 
+                <p class="mb-2">请在下方文本框输入文本「<span class="text-danger">确认删除本次审批</span>」，确认删除。</p>
 
+                <p class="mb-2"><input type="text" class="form-control form-control-sm" placeholder="输入文本，确认删除"></p>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-sm btn-danger">确认删除</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+  <!--设置终审-->
 
+  <div class="modal fade" id="pass" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">设置终审审批</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <p class="mb-2">设置本期计量终审「孙鸿福」为审批中状态。</p>
 
+                <p class="mb-2">请在下方文本框输入文本「<span class="text-danger">确认设置终审审批</span>」，确认设置。</p>
 
+                <p class="mb-2"><input type="text" class="form-control form-control-sm" placeholder="输入文本，确认设置">
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-sm btn-warning">确认设置</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
 
+    <script type="text/javascript">  autoFlashHeight();</script>
 
+    <!-- zTree -->
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
 
+    <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
 
+
 
+    </body>
 
+
 
+</html>

Datei-Diff unterdrückt, da er zu groß ist
+ 950 - 0
jiliang-qi-shenpi-1-unlock.html


Datei-Diff unterdrückt, da er zu groß ist
+ 861 - 0
jiliang-qi-shenpi-1.html


+ 515 - 0
jiliang-qi-shenpi-2-done.html
Datei anzeigen 

@@ -0,0 +1,515 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-shenpi-2.html"><span class="ml-3">中间计量</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-3.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-4.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-5.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-6.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <!--状态显示-->
 
+            <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a> -->
 
+            <!--审批操作-->
 
+            <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
 
+            <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <div class="form-group">
 
+                  <button class="btn btn-sm btn-light text-primary" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--完成中间计量-->
 
+              <!-- <a href="#done" data-toggle="modal" data-target="#done" class="btn btn-success btn-sm pull-right">完成本期中间计量</a> -->
 
+              <span class="text-success">请继续上报审批。如需修改计量，点击 <a href="jiliang-qi-shenpi-1-unlock.html" >编辑</a></span>
 
+            </div>
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0">
 
+          </div>
 
+          <div class="row w-100 sub-content">
 
+            <!--左栏-->
 
+  					<div class="c-body col-8">
 
+              <!--上部分-->
 
+              <div class="sjs-height-0">
 
+                <table class="table table-sm table-bordered">
 
+                  <tr><th>编号</th><th>中间计量表号</th><th>交工证书/凭证号</th><th>分部分项工程</th><th>本期计量数量/金额</th></tr>
 
+                  <tr class="table-warning"><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                  <tr><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                </table>
 
+              </div>
 
+  					</div>
 
+            <!--右栏-->
 
+            <div class="c-body col">
 
+              <div class="side-bar-1 sjs-bar">
 
+                <ul class="nav nav-tabs">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量数据</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#xmujmx" role="tab">项目节明细</a>
 
+                    </li>
 
+                  </ul>
 
+              </div>
 
+              <div class="tab-content">
 
+                <div class="tab-pane active" id="zhongjian">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="d-flex justify-content-end mt-1 mr-1">
 
+                      <a href="#" class="btn btn-sm btn-outline-primary">编辑</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-success mr-1">保存</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-secondary">取消</a>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>变更令号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>部位：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="左3#中横梁">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>起始桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>终止桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量单元：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="光圆钢筋（HPB235、HPB300）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>图号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="XL-1-13(通用图1）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计算式说明：</label>
 
+                      <textarea class="form-control" readonly=""></textarea>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <div class="d-flex justify-content-between my-3">
 
+                      <label>计算草图：</label>
 
+                      <a href="#edit-img" data-toggle="modal" data-target="#edit-img">添加草图</a>
 
+                    </div>
 
+                    <p><img src="img/sketch/2.png" class="d-100"></p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tab-pane" id="xmujmx">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="sjs-height-3">
 
+                      <table class="table table-bordered">
 
+                        <tr><th>编号</th><th>名称</th></tr>
 
+                        <tr><td>1-4-1-5-1</td><td>桥台桩基础</td></tr>
 
+                        <tr><td>1-4-1-5-2</td><td>桥台桩基础</td></tr>
 
+                      </table>
 
+                    </div>
 
+                    <div class="sjs-bottom">
 
+                      <ul class="nav nav-tabs">
 
+                        <li class="nav-item">
 
+                          <a class="nav-link active">部位明细</a>
 
+                        </li>
 
+                      </ul>
 
+                      <div class="tab-content">
 
+                        <div class="tab-pane active">
 
+                          <div class="sjs-bottom-2">
 
+                            <table class="table table-sm table-bordered">
 
+                              <tr><th>部位</th><th>台帐数量</th><th>本期计量数量</th></tr>
 
+                              <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
 
+                              <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
 
+                            </table>
 
+                          </div>
 
+                        </div>
 
+                        </div>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+				    </div>
 
+			     </div>
 
+		    </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--审批通过-->
 
+    <div class="modal fade" id="sp-done" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">审批通过</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                    <div class="col-8 modal-height-500" style="overflow: auto">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right"><small>2017-11-25</small> 上报</span>
 
+                             <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right"><small>2017-11-25</small> 审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right"><small>2017-11-25</small> 审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-warning pull-right"><small>2017-11-25</small>审批退回 王五</span>
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="pull-right">审批中</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <div class="form-group">
 
+                               <label>审批意见<b class="text-danger">*</b></label>
 
+                               <textarea class="form-control" ></textarea>
 
+                             </div>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                          </li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-success" >确认通过</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--审批退回-->
 
+    <div class="modal fade" id="sp-back" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">审批退回</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                    <div class="col-8 modal-height-500" style="overflow: auto">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item">
 
+                                <span class="text-success pull-right"><small>2017-11-25</small> 上报</span>
 
+                                 <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right"><small>2017-11-25</small> 审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="pull-right">审批中</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <div class="form-group">
 
+                               <label>审批意见<b class="text-danger">*</b></label>
 
+                               <textarea class="form-control" ></textarea>
 
+                             </div>
 
+                             <div class="alert alert-warning"><div class="form-check form-check-inline">
 
+                                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
 
+                                <label class="form-check-label" for="inlineRadio1">退回上报 布尔</label>
 
+                              </div>
 
+                              <div class="form-check form-check-inline">
 
+                                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
 
+                                <label class="form-check-label" for="inlineRadio2">退回上一审批人 张三</label>
 
+                              </div>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                          </li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-warning" >确认退回</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>  
+    <!--添加草图-->
 
+    <div class="modal fade" id="edit-img" data-backdrop="static">
 
+        <div class="modal-dialog modal-lgx" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">添加草图</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
 
+                  <div class="img-view">
 
+                    <div class="img-item">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/1.png" id="draggable">
 
+                    </div>
 
+                    <div class="img-item" style="left:300px;">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/2.png" id="draggable">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确认</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则-->
 
+    <div class="modal fade" id="choose" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">设置中间计量生成规则</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>中间计量模式 <a href="img/example/jiliangmoshi.png" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="点击查看相关报表"><i class="fa fa-question-circle-o"></i></a></label>
 
+                    <div class="row">
 
+                      <div class="col-6">
 
+                        <div class="card border-primary">
 
+                          <div class="card-body text-primary">
 
+                            <h5 class="card-title mb-0"><i class="fa fa-check pull-right"></i>总量控制</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <div class="card" style="cursor:pointer;">
 
+                          <div class="card-body">
 
+                            <h5 class="card-title mb-0">0号台帐</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>中间计量表号前缀</label>
 
+                      <input type="text" class="form-control form-control-sm" >
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label> </label>
 
+                      <a href="#choose" data-toggle="modal" data-target="#choose2">高级设置</a>
 
+                    </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >重新生成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则2-->
 
+    <div class="modal fade" id="choose2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">高级设置</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="custom-control custom-checkbox mb-2">
 
+                    <input type="checkbox" class="custom-control-input" id="customCheck1">
 
+                    <label class="custom-control-label" for="customCheck1">汇总计量节点</label>
 
+                  </div>
 
+                  <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                        <tr><th width="70">计量汇总</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1</td><td></td><td>第一部分 建筑安装工程费</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2</td><td></td><td>路基工程</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2</td><td></td><td>挖方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"><span id="custom" data-toggle="popover" data-placement="right">点我</span></td><td>1-2-2-1</td><td></td><td>挖土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2-1-1</td><td></td><td>挖路基土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td></td><td>203-1-a</td><td>挖土方</td><td></td></tr>
 
+                    </table>
 
+                    <span class="position-relative">提示
 
+                    <div class="popover bs-popover-right" role="tooltip" style="width: 250px">
 
+                      <div class="arrow" style="top:30px"></div>
 
+                      <div class="popover-body"><p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-success">继续</button></p></div>
 
+                    </div>
 
+                  </span>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--勾选提示-->
 
+    <div class="modal fade" id="checktips2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" style="margin-top:15rem">
 
+            <div class="modal-content">
 
+                <div class="modal-body">
 
+                  <h5 class="text-center">父项已勾选，继续将取消父项勾选。</h5>
 
+                  <h5 class="text-center">子项已勾选，继续将取消子项勾选。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--完成中间计量-->
 
+    <div class="modal fade" id="done" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" >
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">完成中间计量</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h5>完成中间计量后，不可再更改。</h5>
 
+                  <h5>确认完成后，即可上报本期计量。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+      $('#custom').popover(
 
+        {
 
+            trigger:'click', //触发方式
 
+            html: true, // 为true的话，data-content里就能放html代码了
 
+            // 还有很多选项 ……
 
+            content:'<p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-primary">继续</button></p>'
 
+        }
 
+    );
 
+    </script>
 
+    <script type="text/javascript">
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 404 - 0
jiliang-qi-shenpi-2.html
Datei anzeigen 

@@ -0,0 +1,404 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>期计量-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="panel-title">
 
+          <div class="title-bar">
 
+            <h2 class="text-truncate">第5期&nbsp;-&nbsp;WWUJ-1</h2>
 
+          </div>
 
+        </div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-1.html"><span class="ml-3">计量台帐</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class="active"><a href="jiliang-qi-shenpi-2.html"><span class="ml-3">中间计量</span></a><span class=" position-absolute tips-dot" data-toggle="tooltip" data-placement="bottom" data-original-title="完成中间计量"><i class="fa fa-circle text-danger"></i></span></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-3.html"><span class="ml-3">合同支付</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-4.html"><span class="ml-3">变更概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-shenpi-5.html"><span class="ml-3">清单汇总</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li class=""><a href="jiliang-qi-detail-6.html"><span class="ml-3">审核比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="contarl-box">
 
+            <!--状态显示-->
 
+            <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
 
+            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a> -->
 
+            <!--审批操作-->
 
+            <a href="#sub-sp3" data-toggle="modal" data-target="#sub-sp3" class="btn btn-success btn-sm btn-block">审批通过</a>
 
+            <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a>
 
+          </div>
 
+          <!-- <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="jiliang-qi-baobiao.html"><i class="fa fa-file-text-o"></i> <span>本期报表</span></a></li>
 
+            </ul>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <div>
 
+              <div class="d-inline-block">
 
+                <div class="form-group">
 
+                  <button class="btn btn-sm btn-light text-primary" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="ml-auto">
 
+              <!--完成中间计量-->
 
+              <a href="#done" data-toggle="modal" data-target="#done" class="btn btn-success btn-sm pull-right">完成本期中间计量</a>
 
+             <!-- <span class="text-success">本期中间计量已完成</span> -->
 
+            </div>
 
+  				</div>
 
+        </div>
 
+				<div class="content-wrap">
 
+          <div class="c-header p-0">
 
+          </div>
 
+          <div class="row w-100 sub-content">
 
+            <!--左栏-->
 
+  					<div class="c-body col-8">
 
+              <!--上部分-->
 
+              <div class="sjs-height-0">
 
+                <table class="table table-sm table-bordered">
 
+                  <tr><th>编号</th><th>中间计量表号</th><th>交工证书/凭证号</th><th>分部分项工程</th><th>本期计量数量/金额</th></tr>
 
+                  <tr class="table-warning"><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                  <tr><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
 
+                </table>
 
+              </div>
 
+  					</div>
 
+            <!--右栏-->
 
+            <div class="c-body col">
 
+              <div class="side-bar-1 sjs-bar">
 
+                <ul class="nav nav-tabs">
 
+                    <li class="nav-item">
 
+                      <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量数据</a>
 
+                    </li>
 
+                    <li class="nav-item">
 
+                      <a class="nav-link" data-toggle="tab" href="#xmujmx" role="tab">项目节明细</a>
 
+                    </li>
 
+                  </ul>
 
+              </div>
 
+              <div class="tab-content">
 
+                <div class="tab-pane active" id="zhongjian">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="d-flex justify-content-end mt-1 mr-1">
 
+                      <a href="#" class="btn btn-sm btn-outline-primary">编辑</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-success mr-1">保存</a>
 
+                      <a href="#" class="btn btn-sm btn-outline-secondary">取消</a>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>变更令号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>部位：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="左3#中横梁">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>起始桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>终止桩号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量单元：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="光圆钢筋（HPB235、HPB300）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>图号：</label>
 
+                      <input class="form-control form-control-sm" type="text" readonly="" value="XL-1-13(通用图1）">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计算式说明：</label>
 
+                      <textarea class="form-control" readonly=""></textarea>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <div class="d-flex justify-content-between my-3">
 
+                      <label>计算草图：</label>
 
+                      <a href="#edit-img" data-toggle="modal" data-target="#edit-img">添加草图</a>
 
+                    </div>
 
+                    <p><img src="img/sketch/2.png" class="d-100"></p>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tab-pane" id="xmujmx">
 
+                  <div class="sjs-sh-1" style="overflow: auto;">
 
+                    <div class="sjs-height-3">
 
+                      <table class="table table-bordered">
 
+                        <tr><th>编号</th><th>名称</th></tr>
 
+                        <tr><td>1-4-1-5-1</td><td>桥台桩基础</td></tr>
 
+                        <tr><td>1-4-1-5-2</td><td>桥台桩基础</td></tr>
 
+                      </table>
 
+                    </div>
 
+                    <div class="sjs-bottom">
 
+                      <ul class="nav nav-tabs">
 
+                        <li class="nav-item">
 
+                          <a class="nav-link active">部位明细</a>
 
+                        </li>
 
+                      </ul>
 
+                      <div class="tab-content">
 
+                        <div class="tab-pane active">
 
+                          <div class="sjs-bottom-2">
 
+                            <table class="table table-sm table-bordered">
 
+                              <tr><th>部位</th><th>台帐数量</th><th>本期计量数量</th></tr>
 
+                              <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
 
+                              <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
 
+                            </table>
 
+                          </div>
 
+                        </div>
 
+                        </div>
 
+                      </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+				    </div>
 
+			     </div>
 
+		    </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+    <!--添加草图-->
 
+    <div class="modal fade" id="edit-img" data-backdrop="static">
 
+        <div class="modal-dialog modal-lgx" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">添加草图</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
 
+                  <div class="img-view">
 
+                    <div class="img-item">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/1.png" id="draggable">
 
+                    </div>
 
+                    <div class="img-item" style="left:300px;">
 
+                      <div class="img-bar">
 
+                        <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
 
+                      </div>
 
+                      <img src="img/sketch/2.png" id="draggable">
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确认</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则-->
 
+    <div class="modal fade" id="choose" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">设置中间计量生成规则</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="form-group">
 
+                    <label>中间计量模式 <a href="img/example/jiliangmoshi.png" target="_blank" data-toggle="tooltip" data-placement="bottom" data-original-title="点击查看相关报表"><i class="fa fa-question-circle-o"></i></a></label>
 
+                    <div class="row">
 
+                      <div class="col-6">
 
+                        <div class="card border-primary">
 
+                          <div class="card-body text-primary">
 
+                            <h5 class="card-title mb-0"><i class="fa fa-check pull-right"></i>总量控制</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="col-6">
 
+                        <div class="card" style="cursor:pointer;">
 
+                          <div class="card-body">
 
+                            <h5 class="card-title mb-0">0号台帐</h5>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>中间计量表号前缀</label>
 
+                      <input type="text" class="form-control form-control-sm" >
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label> </label>
 
+                      <a href="#choose" data-toggle="modal" data-target="#choose2">高级设置</a>
 
+                    </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >重新生成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置生成规则2-->
 
+    <div class="modal fade" id="choose2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">高级设置</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="custom-control custom-checkbox mb-2">
 
+                    <input type="checkbox" class="custom-control-input" id="customCheck1">
 
+                    <label class="custom-control-label" for="customCheck1">汇总计量节点</label>
 
+                  </div>
 
+                  <div class="modal-height-500">
 
+                    <table class="table table-sm table-bordered">
 
+                        <tr><th width="70">计量汇总</th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1</td><td></td><td>第一部分 建筑安装工程费</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2</td><td></td><td>路基工程</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2</td><td></td><td>挖方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"><span id="custom" data-toggle="popover" data-placement="right">点我</span></td><td>1-2-2-1</td><td></td><td>挖土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td>1-2-2-1-1</td><td></td><td>挖路基土方</td><td></td></tr>
 
+                        <tr><td><input type="checkbox"></td><td></td><td>203-1-a</td><td>挖土方</td><td></td></tr>
 
+                    </table>
 
+                    <span class="position-relative">提示
 
+                    <div class="popover bs-popover-right" role="tooltip" style="width: 250px">
 
+                      <div class="arrow" style="top:30px"></div>
 
+                      <div class="popover-body"><p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-success">继续</button></p></div>
 
+                    </div>
 
+                  </span>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <button type="button" class="btn btn-primary" >确定</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--勾选提示-->
 
+    <div class="modal fade" id="checktips2" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" style="margin-top:15rem">
 
+            <div class="modal-content">
 
+                <div class="modal-body">
 
+                  <h5 class="text-center">父项已勾选，继续将取消父项勾选。</h5>
 
+                  <h5 class="text-center">子项已勾选，继续将取消子项勾选。</h5>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <button type="button" class="btn btn-success" >确认完成</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--完成中间计量-->
 
+    <div class="modal fade" id="done" data-backdrop="static">
 
+        <div class="modal-dialog " role="document" >
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">完成中间计量</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h6>完成中间计量后，将锁定编辑，无法修改数据。</h6>
 
+                  <h6>确认完成后，即可上报本期计量。</h6>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                  <a href="jiliang-qi-shenpi-2-done.html" class="btn btn-success" >确认完成</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--上报审批 需要完成中间计量-->
 
+    <div class="modal fade" id="sub-sp3" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">上报审批</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <h6>上报前，需要「完成本期中间计量」。</h6>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                  <a href="jiliang-qi-detail-2.html" class="btn btn-primary">进入中间计量</a>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+      $('#custom').popover(
 
+        {
 
+            trigger:'click', //触发方式
 
+            html: true, // 为true的话，data-content里就能放html代码了
 
+            // 还有很多选项 ……
 
+            content:'<p>父项已勾选，继续将取消父项勾选。</p><p class="mb-0 d-flex justify-content-end"><button class="btn btn-sm btn-secondary">取消</button>&nbsp;<button class="btn btn-sm btn-primary">继续</button></p>'
 
+        }
 
+    );
 
+    </script>
 
+    <script type="text/javascript">
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 554 - 0
jiliang-qi.html
Datei anzeigen 

@@ -0,0 +1,554 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
 
+    <title>计量管理-计量支付</title>
 
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
 
+    <link rel="stylesheet" href="css/main.css">
 
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
 
+    <link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
 
+    <script src=js/echarts/echarts.min.js></script>
 
+</head>
 
+<body>
 
+	<div class="main">
 
+    <div class="main-nav d-flex align-items-start flex-column">
 
+      <div class="logo"><img src="img/logo.png"></div>
 
+      <div class="nav-top">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
 
+          <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
 
+          <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
 
+        </ul>
 
+      </div>
 
+      <div class="nav-bottom mt-auto">
 
+        <ul class="nav nav-pills nav-stacked bg-nav">
 
+          <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
 
+        </ul>
 
+        <div class="dropright my-1 ml-1">
 
+          <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
 
+          <div class="dropdown-menu">
 
+           <a href="account-info.html" class="dropdown-item">账号资料</a>
 
+           <a href="#" class="dropdown-item">账号安全</a>
 
+           <div class="dropdown-divider"></div>
 
+           <a href="#" class="dropdown-item">帮助中心</a>
 
+           <a href="#" class="dropdown-item">退出登录</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="main-panel">
 
+      <div class="panel-sidebar">
 
+        <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
 
+        <div class="scrollbar-auto">
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biaoduan-panel.html" class="h3"><i class="fa fa-pie-chart fa-fw"></i> <span>标段概况</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="yufukuan-qi.html" class="h3"><i class="fa fa-handshake-o fa-fw"></i> <span>预付款</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-list-alt fa-fw"></i> 0号台账</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="taizhang-qianyue.html"><span>签约清单</span></a></li>
 
+              <li><a href="taizhang.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-shenpi.html"><span>台账分解</span></a></li>
 
+              <li><a href="taizhang-duibi.html"><span>清单对比</span></a></li>
 
+              <li><a href="taizhang-bg.html"><span>台账修订</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-calendar-check-o fa-fw"></i> 计量支付 </h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li class="active"><a href="jiliang-qi.html"><span>各期计量</span></a></li>
 
+              <li><a href="jiliang-bj.html"><span>多期比较</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="biangeng.html" class="h3"><i class="fa fa-retweet fa-fw"></i> <span>工程变更</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="tiaocha-qi.html" class="h3"><i class="fa fa-line-chart fa-fw"></i> <span>材料调差</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <h3><i class="fa fa-bar-chart fa-fw"></i> 投资进度</h3>
 
+            <ul class="nav-list list-unstyled sub-list">
 
+              <li><a href="schedule-panel.html"><span>进度概况</span></a></li>
 
+              <li><a href="schedule-plan.html"><span>计划进度</span></a></li>
 
+              <li><a href="schedule-actual1.html"><span>计量进度</span></a></li>
 
+            </ul>
 
+          </div>
 
+          <div class="nav-box">
 
+            <ul class="nav-list list-unstyled">
 
+              <li><a href="baobiao.html" class="h3"><i class="fa fa-file-text-o fa-fw"></i> <span>报表</span></a></li>
 
+            </ul>
 
+          </div>
 
+        </div>
 
+      </div>
 
+			<div class="panel-content">
 
+				<div class="panel-title">
 
+					<div class="title-main d-flex justify-content-between">
 
+            <h2>计量期列表</h2>
 
+            <div>
 
+              <a href="#add-qi" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm pull-right">开始新一期</a>
 
+              <a href="#add-qi-unpass" data-toggle="modal" data-target="#add-qi-unpass" class="btn btn-primary btn-sm pull-right">开始新一期2</a>
 
+            </div>
 
+					</div>
 
+				</div>
 
+				<div class="content-wrap">
 
+					<div class="c-body">
 
+            <div class="sjs-height-0">
 
+              <table class="table table-bordered">
 
+                <thead>
 
+                  <tr>
 
+                    <th>计量期数</th>
 
+                    <th class="text-center">计量月份</th>
 
+                    <th class="text-center">本期<br>合同计量</th>
 
+                    <th class="text-center">本期数量<br>变更计量</th>
 
+                    <th class="text-center">本期<br>完成计量</th>
 
+                    <th class="text-center">截止上期<br>完成计量</th>
 
+                    <th class="text-center">截止本期<br>完成计量</th>
 
+                    <th class="text-center">本期应付</th>
 
+                    <th class="text-center">本期实付</th>
 
+                    <th class="text-center">审批进度</th>
 
+                    <th class="text-center" width="140">操作</th>
 
+                  </tr>
 
+                </thead>
 
+                <tbody>
 
+                  <!--审批人审批-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=" text-warning"><a href="#sp-list" data-toggle="modal" data-target="#sp-list" >张三-监理</a> 审批中</td>
 
+                    <td class="text-cenetr"><a href="jiliang-qi-shenpi-1.html" class="btn btn-success btn-sm">审批</a></td>
 
+                  </tr>
 
+                  <!--审批中的数据（非当前审批人）-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=" text-warning"><a href="#sp-list" data-toggle="modal" data-target="#sp-list" >王五-监理</a> 审批中</td>
 
+                    <td class="text-cenetr"><sapn class=" text-warning">审批中</sapn></td>
 
+                  </tr>
 
+                  <!--退回后 上报人重新上报-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=" text-warning"><a href="#sp-list" data-toggle="modal" data-target="#sp-list" >李四-监理</a> 审批退回</td>
 
+                    <td class="text-cenetr"><a href="" class="btn btn-warning btn-sm">重新上报</a></td>
 
+                  </tr>
 
+                  <!--审批退回 审批人看到状态-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=" text-warning"><a href="#sp-list" data-toggle="modal" data-target="#sp-list" >李四-监理</a> 审批退回</td>
 
+                    <td class="text-cenetr"><span class="text-warning">退回</span></td>
 
+                  </tr>
 
+                  <!--待上报（上报人首次上报）-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 5 期</a> <a href="#edit" data-toggle="modal" data-target="#edit"><i class="fa fa-pencil-square-o "></i></a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=""><span>待上报</span></td>
 
+                    <td class="text-cenetr"><a href="" class="btn btn-primary btn-sm">待上报</a><a href="del-qi" class="btn btn-outline-danger btn-sm ml-1" data-toggle="modal" data-target="#del-qi">删除</a></td>
 
+                  </tr>
 
+                  <!--所有审批人通过，期完成-->
 
+                  <tr>
 
+                    <td><a href="jiliang-qi-detail-1.html">第 4 期</a></td>
 
+                    <td class="text-center">201710</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class="text-right">34234234.00</td>
 
+                    <td class=" text-success"><a href="#sp-list" data-toggle="modal" data-target="#sp-list" >李四-监理</a> 审批通过</td>
 
+                    <td class="text-cenetr"><span class="text-success">完成</span></td>
 
+                  </tr>
 
+                  </tr>
 
+                </tbody>
 
+              </table>
 
+
 
+              <a href="#tips" data-toggle="modal" data-target="#tips" class="btn btn-link btn-sm">弹出填写合同参数</a>
 
+            </div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+		</div>
 
+  </div>
 
+      <!--弹出填写合同参数-->
 
+      <div class="modal fade" id="tips" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加新一期</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <h6>请先去“标段概况-合同参数”填写数据，再开始第一期计量</h6>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-sm btn-primary">进入标段概况</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出添加期-->
 
+      <div class="modal fade" id="add-qi" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                      <h5 class="modal-title">添加新一期</h5>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group">
 
+                      <label>计量期</label>
 
+                      <input class="form-control" value="第 4 期" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量年月</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>开始-截止日期</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择时间" data-range="true" data-multiple-dates-separator=" ~ " data-language="zh" type="text">
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确定添加</button>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+      <!--弹出无法添加期-->
 
+      <div class="modal fade" id="add-qi-unpass" data-backdrop="static">
 
+          <div class="modal-dialog" role="document">
 
+              <div class="modal-content">
 
+                  <div class="modal-header">
 
+                    <h5 class="modal-title">无法新建一期</h5>
 
+                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
+                        <span aria-hidden="true">&times;</span>
 
+                      </button>
 
+                  </div>
 
+                  <div class="modal-body">
 
+                    <h6>本期报表未「归档」，无法新建一期；</h6>
 
+                    <h6>请进入「报表」，完成归档操作。</h6>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                      <a href="baobiao.html" class="btn btn-primary">进入报表</a>
 
+                  </div>
 
+              </div>
 
+          </div>
 
+      </div>
 
+        <!--删除期-->
 
+  <div class="modal fade" id="del-qi" data-backdrop="static">
 
+      <div class="modal-dialog" role="document">
 
+          <div class="modal-content">
 
+              <div class="modal-header">
 
+                  <h5 class="modal-title">删除期</h5>
 
+              </div>
 
+              <div class="modal-body">
 
+                <h6>确认删除「第5期」？</h6>
 
+                <h6>删除后，数据无法恢复，请谨慎操作。</h6>
 
+              </div>
 
+              <div class="modal-footer">
 
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
 
+                <button type="button" class="btn btn-danger">确定删除</button>
 
+              </div>
 
+          </div>
 
+      </div>
 
+  </div>
 
+    <!--审批流程/结果-->
 
+    <div class="modal fade" id="sp-list" data-backdrop="static">
 
+        <div class="modal-dialog modal-lg" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">审批流程</h5>
 
+                </div>
 
+                <div class="modal-body">
 
+                  <div class="row">
 
+                    <div class="col-4">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
 
+                          <li class="list-group-item"><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                    <div class="col-8 modal-height-500" style="overflow: auto">
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">上报</span>
 
+                             <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                             <p class="card-text">2017-11-25</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批意见。2017-11-25</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批通过。2017-11-26</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-warning pull-right">审批退回 布尔</span>
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle text-warning"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批退回，审批意见文本。2017-11-27</p>
 
+                          </li>
 
+                        </ul>
 
+                      </div>
 
+                      <!--退回原报重新上报-->
 
+                      <div class="card mt-3">
 
+                        <ul class="list-group list-group-flush">
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">重新上报</span>
 
+                             <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> 布尔 <small class="text-muted">施工</small></h5>
 
+                             <p class="card-text">2017-12-01</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-success pull-right">审批通过</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-success"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批通过 2017-12-02</p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                            <span class="text-warning pull-right">审批退回 张三</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down text-warning"></i> 王五 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text">审批退回 2017-12-02</p>
 
+                          </li>
 
+                          <!--王五退回上一审批人 张三，张三重新审批-->
 
+                          <li class="list-group-item">
 
+                            <span class="pull-right">审批中</span>
 
+                             <h5 class="card-title"><i class="fa fa-chevron-circle-down"></i> 张三 <small class="text-muted">监理</small></h5>
 
+                             <p class="card-text"></p>
 
+                          </li>
 
+                          <li class="list-group-item">
 
+                             <h5 class="card-title"><i class="fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></h5>
 
+                          </li>
 
+                        </ul>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="modal-footer">
 
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!--设置-->
 
+    <div class="modal fade" id="edit" data-backdrop="static">
 
+        <div class="modal-dialog" role="document">
 
+            <div class="modal-content">
 
+                <div class="modal-header">
 
+                    <h5 class="modal-title">期编辑</h5>
 
+                </div>
 
+                  <div class="modal-body">
 
+                    <div class="form-group">
 
+                      <label>计量期</label>
 
+                      <input class="form-control" value="第 4 期" type="text" readonly="">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>计量年月</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text">
 
+                    </div>
 
+                    <div class="form-group">
 
+                      <label>开始-截止日期</label>
 
+                      <input class="datepicker-here form-control" placeholder="点击选择时间" data-range="true" data-multiple-dates-separator=" ~ " data-language="zh" type="text">
 
+                    </div>
 
+                  </div>
 
+                  <div class="modal-footer">
 
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
 
+                    <button type="button" class="btn btn-primary">确定修改</button>
 
+                  </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- JS. -->
 
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
 
+    <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
 
+    <script src="js/global.js"></script>
 
+    <script src="js/datepicker/datepicker.min.js"></script>
 
+    <script src="js/datepicker/datepicker.zh.js"></script>
 
+    <script type="text/javascript">autoFlashHeight();</script>
 
+    <script type="text/javascript">
 
+                //4 标段期数计量进度//
 
+                var myChart = echarts.init(document.getElementById('chartContainer4'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+    tooltip : {
 
+        trigger: 'axis'
 
+    },
 
+    calculable : true,
 
+    legend: {
 
+        data:['本期合同计量','本期数量变更计量','截至上期累计完成','本期完成计量','完成度']
 
+    },
 
+    dataZoom: [
 
+           {show: true,start: 0, end: 100}
 
+      ],
 
+    xAxis : [
 
+        {
 
+            type : 'category',
 
+            splitLine : {show : true},
 
+            data : ['第一期','第二期','第三期','第四期','第五期','第六期','第七期']
 
+        }
 
+    ],
 
+    yAxis : [
 
+        {
 
+           type : 'value',
 
+            name : '金额',
 
+            position:'left',
 
+            axisLabel : {
 
+                formatter: '{value} 元'
 
+            },
 
+            splitArea : {show : true}
 
+        },
 
+        {
 
+            type : 'value',
 
+            name:'完成度',
 
+            axisLabel : {
 
+                formatter: '{value} %'
 
+            },
 
+            position: 'right',
 
+            splitArea : {show : true}
 
+        }
 
+    ],
 
+    series : [
 
+        {
 
+            name:'本期合同计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, 332, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'本期数量变更计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '合同',
 
+            data:[320, -20, 301, 334, 390, 330, 320]
 
+        },
 
+        {
 
+            name:'截至上期累计完成',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[120, 132, 101, 134, 90, 230, 210]
 
+        },
 
+        {
 
+            name:'本期完成计量',
 
+            type:'bar',
 
+            tooltip : {trigger: 'item',formatter: "{b}  <br/>{a}：{c}元"},
 
+            stack: '完成',
 
+            data:[220, 182, 191, 234, 290, 330, 310]
 
+        },
 
+        {
 
+            name:'完成度',
 
+            type:'line',
 
+            tooltip : {trigger: 'axis',formatter: "{b}占总标段<br/>{a}：{c} %"},
 
+            yAxisIndex: 1,
 
+            data:[10, 15, 20, 13, 11, 9, 5]
 
+        },
 
+    ]
 
+};
 
+
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //4 标段期数计量进度//
 
+                //5 期数组成//
 
+                // 基于准备好的dom，初始化echarts图表
 
+                var myChart = echarts.init(document.getElementById('chartContainer5'));
 
+                var option = {
 
+                  color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
 
+                          '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
 
+                          '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
+                          '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
+                  title : {
 
+                      text: '期数计量组成',
 
+                      x:'left'
 
+                  },
 
+                  tooltip : {
 
+                      trigger: 'item',
 
+                      formatter: "{a} <br/>{b}：{c} 元<br>占标段：{d} %"
 
+                  },
 
+                  calculable : true,
 
+                  series : [
 
+                      {
 
+                          name:'标段计量分布',
 
+                          type:'pie',
 
+                          roseType: 'angle',
 
+                          radius : '40%',
 
+                          center: ['45%', 155],
 
+                          data:[
 
+                              {value:27814964.00, name:'第一期'},
 
+                              {value:41043186.10, name:'第二期'},
 
+                              {value:42917475.00, name:'第三期'},
 
+                              {value:27634982.00, name:'第四期'},
 
+                              {value:27634982.00, name:'第五期'},
 
+                              {value:27634982.00, name:'第六期'},
 
+                              {value:27634982.00, name:'第七期'}
 
+                          ]
 
+                      }
 
+                  ]
 
+                };
 
+                // 为echarts对象加载数据
 
+                myChart.setOption(option);
 
+                //5 期数组成//
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 0 - 0
js/bootstrap/bootstrap.bundle.min.js
Datei anzeigen


Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.