Browse Source

新增翻页

Chente 9 years ago
commit
244a9dc0ab

+ 280 - 0
bugcenter.html

@@ -0,0 +1,280 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>收集-SimpleDM</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/global.css" rel="stylesheet">
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+  </head>
+  <body>
+  <div class="canvasWrap">
+   <div class="headerWrap">
+     <div class="hlogo fL">SimpleDM</div>
+     <div class="hnav fL"><a href="bugcenter.html" class="now">收集</a></div>
+     <div class="hnav fL"><a href="feedback.html">反馈</a></div>
+     <div class="hmenu fR">
+      <span>帐号名称</span>
+      <a href="#" title="退出"><span class="glyphicon glyphicon-off "></span></a>
+     </div>
+   </div>
+   <div class="contentWrap">
+    <div class="sidebar">
+      <ul class="reset">
+        <li class="now"><a href="#"><span class="glyphicon glyphicon-question-sign"></span> 新提交 <span class="badge">4</span></a></li>
+        <li><a href="#"><span class="glyphicon glyphicon-exclamation-sign"></span> 已审核</a></li>
+        <li><a href="#"><span class="glyphicon glyphicon-ok-sign"></span> 完成</a></li>
+      </ul>
+    </div>
+    <div class="mainWrap collectWrap clearfix">
+      <div class="collectList">
+<!--         <div class="cardwrap toolsBar affix-top affix" data-spy="affix" data-offset-top="100" >
+            <div class="collapse navbar-collapse">
+              <ul class="nav navbar-nav">
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">产品<span class="caret"></span></a>
+                  <ul class="dropdown-menu" role="menu">
+                    <li><a href="#">全国造价</a></li>
+                    <li><a href="#">广东造价</a></li>
+                  </ul>
+                </li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">操作系统<span class="caret"></span></a>
+                  <ul class="dropdown-menu" role="menu">
+                    <li><a href="#">Windows XP</a></li>
+                    <li><a href="#">Windows Server 2003</a></li>
+                    <li><a href="#">Windows Vista</a></li>
+                    <li><a href="#">Windows 7</a></li>
+                    <li><a href="#">Windows 8</a></li>
+                  </ul>
+                </li>
+                <li class="dropdown">
+                  <a>22</a>
+                </li>
+              </ul>
+            </div>
+        </div> -->
+        <div class="cardwrap toolsBar affix-top affix" data-spy="affix" data-offset-top="100">
+        <div class="form-inline" style="padding:5px">
+          <div class="form-group">
+            <select style="width:80px">
+              <option>产品</option>
+              <option>全国造价</option>
+              <option>广东造价</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select style="width:80px">
+              <option>操作系统</option>
+              <option>Windows Server 2003</option>
+              <option>Windows XP</option>
+              <option>Windows Vista</option>
+              <option>Windows 7</option>
+              <option>Windows 8</option>
+            </select>
+          </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-1.png">Windows</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-2.png">Windows XP</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-3.png">Windows vista</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-4.png">Windows 7</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">广东专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-5.png">Windows 8</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">广东专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-6.png">Windows 10</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <!--翻页-->
+        <ul class="pagination">
+          <li>
+            <a href="#" aria-label="Previous">
+              <span aria-hidden="true">&laquo;</span>
+            </a>
+          </li>
+          <li><a href="#">1</a></li>
+          <li><a href="#">2</a></li>
+          <li><a href="#">3</a></li>
+          <li><a href="#">4</a></li>
+          <li><a href="#">5</a></li>
+          <li>
+            <a href="#" aria-label="Next">
+              <span aria-hidden="true">&raquo;</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div class="collectContent cardwrap scrollTheme autoHeighL1">
+        <div class="contentIns">
+        <div class="clearfix">
+          <div class="btn-group fR" style="padding-right:5px;padding-top:5px">
+            <button class="btn btn-default btn-sm active" type="button"><span class="glyphicon glyphicon-question-sign text-danger"></span></button>
+            <button class="btn btn-default btn-sm" type="button"><span class="glyphicon glyphicon-exclamation-sign text-warning"></span></button>
+            <button class="btn btn-default btn-sm" type="button"><span class="glyphicon glyphicon-ok-sign text-success"></span></button>
+          </div>
+          <div class="bg-padding bg-success text-success"><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</div>
+        </div>
+          <div class="bs-callout bs-callout-danger">
+            <h4>系统记录</h4>
+            <p>系统自动记录错误信息在此</p>
+            <div class="bg-padding bg-danger">
+              <p>
+                <span>网络版</span>
+                <span><img src="img/soft/soft-1.png">全国专业</span>
+                <span>9.0.8.2976</span>
+                <span><img src="img/os/win-4.png">Windows 7#6.1.7600(2)Service Pack 1</span>
+              </p>
+            </div>
+          </div>
+          <div class="bs-callout bs-callout-warning">
+            <h4>用户描述</h4>
+            <p>用户自行描述错误信息</p>
+            <div class="bg-padding bg-warning">
+              <p>
+                <span>张三</span>
+                <span><b>手机:</b>12345678901</span>
+                <span><b>QQ:</b>123123</span>
+                <span><b>邮箱:</b>abc@qq.com</span>
+                <a class="caret" href="javascript:void(0)" id="opExter" data-original-title="查看更多" data-toggle="tooltip" data-placement="bottom"></a>
+              </p>
+              <P class="exter hide">
+                <span>xmlwww(SSO)</span>
+                <span>XXXX公司</span>
+                <span>广东省珠海市</span>
+                <span>0756-3850888</span>
+              </P>
+            </div>
+          </div>
+          <div class="bs-callout bs-callout-info">
+            <h4>相似条目</h4>
+            <ul class="reset sameList">
+              <li>
+                <span class="glyphicon glyphicon-ok-sign text-success"></span>
+                <a href="#">错误信息:ASDSAD232134234234</a>
+                <span class="label label-info">软件版本相同</span>
+                <span class="label label-info">系统版本相同</span>
+              </li>
+              <li>
+                <span class=" glyphicon glyphicon-exclamation-sign text-warning"></span>
+                <a href="#">错误信息:43523ASDASDASD</a>
+                <span class="label label-primary">软件版本不同</span>
+                <span class="label label-info">系统版本相同</span>
+              </li>
+              <li>
+                <span class=" glyphicon glyphicon-exclamation-sign text-warning"></span>
+                <a href="#">错误信息:43523ASDASDASD</a>
+                <span class="label label-info">软件版本相同</span>
+                <span class="label label-primary">系统版本不同</span>
+              </li>
+              <li>
+                <span class="glyphicon glyphicon-question-sign text-danger"></span>
+                <a href="#">错误信息:1231ASDASDASDASD</a>
+                <span class="label label-primary">软件版本不同</span>
+                <span class="label label-primary">系统版本不同</span>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+   </div>
+  </div> 
+<script type="text/javascript">autoFlashHeight();</script> 
+  </body>
+</html>

+ 430 - 0
css/bootstrap-theme.css

@@ -0,0 +1,430 @@
+/*!
+ * Bootstrap v3.3.0 (http://getbootstrap.com)
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=141a9989408a80880a21)
+ * Config saved to config.json and https://gist.github.com/141a9989408a80880a21
+ */
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default:disabled,
+.btn-default[disabled] {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
+  background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
+  background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #2b669a;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #2d6ca2;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #2d6ca2;
+  border-color: #2b669a;
+}
+.btn-primary:disabled,
+.btn-primary[disabled] {
+  background-color: #2d6ca2;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success:disabled,
+.btn-success[disabled] {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info:disabled,
+.btn-info[disabled] {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning:disabled,
+.btn-warning[disabled] {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger:disabled,
+.btn-danger[disabled] {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-color: #e8e8e8;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
+  background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
+  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
+  background-color: #357ebd;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
+  background-image: -o-linear-gradient(top, #428bca 0%, #3071a9 100%);
+  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #3071a9;
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
+  background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%);
+  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
+  border-color: #3278b3;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
+  background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
+  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+}

File diff suppressed because it is too large
+ 10 - 0
css/bootstrap-theme.min.css


File diff suppressed because it is too large
+ 6323 - 0
css/bootstrap.css


File diff suppressed because it is too large
+ 10 - 0
css/bootstrap.min.css


+ 295 - 0
css/global.css

@@ -0,0 +1,295 @@
+@charset "utf-8";
+/*Reset 样式初始化*/
+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
+br, input, button, textarea, h1, h2, h3, h4, h5,em{
+  font-weight: normal;
+  font-style: normal;
+  font-family:"微软雅黑","Tahoma";
+  vertical-align: baseline;
+  text-align:justify;
+  word-wrap:break-word;
+  text-justify:inter-ideograph
+}
+ul.reset, ol.reset, ul.reset li{
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+  margin:0;
+  padding:0;
+}
+.clearfix:after {
+  content:".";
+  display:block;
+  height:0;
+  clear:both;
+  visibility:hidden
+}
+.clearfix {
+  display:inline-block;
+  overflow:hidden
+}
+.clearfix {
+  display:block
+}
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+select,input{
+  font-size:12px;
+}
+body {background-color: #F0EFF5}
+/**/
+.clearB {clear:both}
+.fL {float:left}
+.fR {float:right}
+:link, *:visited, *:hover, *:active, *:focus {
+    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
+}
+.hide {display:none}
+.scrollTheme::-webkit-scrollbar {
+  width:6px;
+}
+.scrollTheme::-webkit-scrollbar:hover{
+  background:#f7f7f7
+}
+.scrollTheme::-webkit-scrollbar-thumb {
+  background:#ccc;
+  border-right:1px solid #fff;
+}
+.scrollTheme::-webkit-scrollbar-thumb:hover{
+  background:#62AC4D
+}
+/**/
+.cardwrap {box-shadow: 0 0 2px rgba(0,0,0,0.2);
+  border-radius: 2px;
+  margin-bottom:10px;
+  background-color: #fff
+}
+.loginBg{
+  background-color:#62AC4D
+}
+.loginPanel {
+  padding:20px 30px 30px 30px;
+  background-color:#fff;
+  width:380px;
+  position: absolute;
+  top:25%;
+  left:50%;
+  margin-left:-190px;
+}
+.loginPanel .logo{
+  width:320px;
+  height:55px;
+  margin-bottom:10px;
+  background: url(images.png) no-repeat center top
+}
+.copyright {
+  color: #fff;
+  text-align: center;
+  position:absolute;
+  bottom:5px;
+  width:100%
+}
+.canvasWrap {
+  position:relative;
+  width:100%;
+}
+.headerWrap {
+  height:55px;
+  line-height:55px;
+  background: #62ac4d;
+  position: fixed;
+  width:100%;
+  z-index: 999;
+  top:0;
+}
+.headerWrap .hlogo {
+  line-height:200px;
+  width:170px;
+  height:55px;
+  background: url(images.png) left 55px;
+  overflow: hidden;
+}
+.headerWrap .hnav a{
+  display: inline-block;
+  color: #fff;
+  padding: 0 20px;
+  font-size: 16px;
+  text-decoration: none;
+}
+.headerWrap .hnav a.now{
+  background:#79b868;
+  cursor: default;
+}
+.headerWrap .hmenu {
+  color: #fff;
+  margin-right: 10px
+}
+.headerWrap .hmenu a{
+  margin:0 10px;
+  color:#fff;
+}
+.contentWrap {
+  position: relative;
+  z-index:0
+}
+.sidebar{
+  background-color: #79b868;
+  left:0;
+  bottom:0;
+  display: inline-block;
+  letter-spacing: normal;
+  overflow-y: auto;
+  position: fixed;
+  text-rendering: auto;
+  top:55px;
+  vertical-align: top;
+  width: 170px;
+  word-spacing: normal;
+  z-index: 99;
+}
+.sidebar li.now {
+  border-left:2px solid #fff;
+  background-color: #91c582
+}
+.sidebar li:hover {
+  background-color:#81bd71
+}
+.sidebar li a{
+  color: #FFF;
+  display: block;
+  padding: 10px 10px 10px 30px;
+  text-decoration: none
+}
+.mainWrap{
+  margin: 55px 0 0 170px
+}
+.collectList {
+  width:500px;
+  margin:10px 0 0 10px;
+  position: relative;
+}
+.collectList .toolsBar {
+  width:500px;
+  z-index: 999
+}
+.collectContent {
+  top:65px;
+  right:10px;
+  position: fixed;
+  overflow: auto;
+  padding:10px;
+}
+.collectList .item:hover{
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+}
+.collectList .item .title{
+  padding:10px;
+  font-size: 12px;
+  line-height:16px 
+}
+.collectList .item .infoBar{
+  padding:5px;
+  border-top:1px solid #f2f2f2;
+}
+.collectList .item .infoBar span{
+  font-size: 12px;
+  color:#999;
+  vertical-align:middle;
+}
+.collectList .item .infoBar span img{
+  margin-right:3px;
+}
+.collectList .item .infoBar .softInfo,.collectList .item .infoBar .osInfo{
+  display: inline-block;
+  width:49%;
+}
+.collectList .item .infoBar .osInfo{
+  text-align: right
+}
+.bg-padding {
+  padding:10px;
+}
+.bg-padding span {
+  vertical-align: middle
+}
+.bs-callout {
+    -moz-border-bottom-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    border-color: #eee;
+    border-image: none;
+    border-radius: 3px;
+    border-style: solid;
+    border-width: 1px 1px 1px 5px;
+    margin: 20px 0;
+    padding: 20px;
+}
+.bs-callout h4 {
+    margin-bottom: 5px;
+    margin-top: 0;
+}
+.bs-callout p:last-child {
+    margin-bottom: 0;
+}
+.bs-callout code {
+    border-radius: 3px;
+}
+.bs-callout + .bs-callout {
+    margin-top: -5px;
+}
+.bs-callout-danger {
+    border-left-color: #d9534f;
+}
+.bs-callout-danger h4 {
+    color: #d9534f;
+}
+.bs-callout-warning {
+    border-left-color: #f0ad4e;
+}
+.bs-callout-warning h4 {
+    color: #f0ad4e;
+}
+.bs-callout-info {
+    border-left-color: #5bc0de;
+}
+.bs-callout-info h4 {
+    color: #5bc0de;
+}
+ul.sameList li{
+  margin-bottom:5px;
+}
+.inputErrow{
+-webkit-animation:shake 1s .2s ease both;
+-moz-animation:shake 1s .2s ease both;
+animation:shake 1s .2s ease both;}
+@-webkit-keyframes shake{
+0%,100%{-webkit-transform:translateX(0);}
+10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
+20%,40%,60%,80%{-webkit-transform:translateX(10px);}
+}
+@-moz-keyframes shake{
+0%,100%{-moz-transform:translateX(0);}
+10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
+20%,40%,60%,80%{-moz-transform:translateX(10px);}
+}
+@keyframes shake{
+0%,100%{transform:translateX(0);}
+10%,30%,50%,70%, 90%{transform:translateX(-10px);}
+20%,40%,60%,80%{transform:translateX(10px);}
+}

BIN
css/images.png


BIN
css/loginLogo.png


+ 192 - 0
feedback.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>收集-SimpleDM</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/global.css" rel="stylesheet">
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+  </head>
+  <body>
+  <div class="canvasWrap">
+   <div class="headerWrap">
+     <div class="hlogo fL">SimpleDM</div>
+     <div class="hnav fL"><a href="bugcenter.html">收集</a></div>
+     <div class="hnav fL"><a href="feedback.html" class="now">反馈</a></div>
+     <div class="hmenu fR">
+      <span>帐号名称</span>
+      <a href="#" title="退出"><span class="glyphicon glyphicon-off "></span></a>
+     </div>
+   </div>
+   <div class="contentWrap">
+    <div class="sidebar">
+      <ul class="reset">
+        <li class="now"><a href="#"><span class="glyphicon glyphicon-question-sign"></span> 新提交 <span class="badge">4</span></a></li>
+      </ul>
+    </div>
+    <div class="mainWrap collectWrap clearfix">
+      <div class="collectList">
+        <div class="cardwrap toolsBar affix-top affix" data-spy="affix" data-offset-top="100">
+        <div class="form-inline" style="padding:5px">
+          <div class="form-group">
+            <select style="width:80px">
+              <option>产品</option>
+              <option>全国造价</option>
+              <option>广东造价</option>
+            </select>
+          </div>
+          <div class="form-group">
+            <select style="width:80px">
+              <option>操作系统</option>
+              <option>Windows Server 2003</option>
+              <option>Windows XP</option>
+              <option>Windows Vista</option>
+              <option>Windows 7</option>
+              <option>Windows 8</option>
+            </select>
+          </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-1.png">Windows</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-2.png">Windows XP</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-3.png">Windows vista</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">全国专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-4.png">Windows 7</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">广东专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-5.png">Windows 8</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+        <div class="item cardwrap">
+          <div class="title">
+            错误信息:
+          </div>
+          <div class="infoBar">
+            <div class="softInfo">
+              <span>网络版</span>
+              <span><img src="img/soft/soft-1.png">广东专业</span>
+              <span>9.0.8.2976</span>
+            </div>
+            <div class="osInfo">
+              <span><img src="img/os/win-6.png">Windows 10</span>
+              <span><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="collectContent cardwrap scrollTheme autoHeighL1">
+        <div class="contentIns">
+        <div class="clearfix">
+          <div class="bg-padding bg-success text-success"><span class="glyphicon glyphicon-time"></span> 2014-11-03 15:07</div>
+        </div>
+          <div class="bs-callout bs-callout-warning">
+            <h4>用户反馈</h4>
+            <p>用户填写的反馈信息</p>
+            <div class="bg-padding bg-warning">
+              <p>
+                <span>张三</span>
+                <span><b>手机:</b>12345678901</span>
+                <span><b>QQ:</b>123123</span>
+                <span><b>邮箱:</b>abc@qq.com</span>
+              </p>
+            </div>
+          </div>
+          <div class="bs-callout bs-callout-danger">
+            <h4>系统信息</h4>
+            <div class="bg-padding bg-danger">
+              <p>
+                <span>网络版</span>
+                <span><img src="img/soft/soft-1.png">全国专业</span>
+                <span>9.0.8.2976</span>
+                <span><img src="img/os/win-4.png">Windows 7#6.1.7600(2)Service Pack 1</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+   </div>
+  </div> 
+<script type="text/javascript">autoFlashHeight();</script> 
+  </body>
+</html>

BIN
fonts/glyphicons-halflings-regular.eot


File diff suppressed because it is too large
+ 229 - 0
fonts/glyphicons-halflings-regular.svg


BIN
fonts/glyphicons-halflings-regular.ttf


BIN
fonts/glyphicons-halflings-regular.woff


BIN
img/os/win-1.png


BIN
img/os/win-2.png


BIN
img/os/win-3.png


BIN
img/os/win-4.png


BIN
img/os/win-5.png


BIN
img/os/win-6.png


BIN
img/soft/soft-1.png


BIN
img/soft/soft-2.png


File diff suppressed because it is too large
+ 2279 - 0
js/bootstrap.js


File diff suppressed because it is too large
+ 12 - 0
js/bootstrap.min.js


+ 20 - 0
js/global.js

@@ -0,0 +1,20 @@
+function autoFlashHeight(){
+  var infoHeight = $(".contactInfo").height();
+  var headerHeight = $(".header").height();
+  var cateHeight = $(".contactCate").height();
+  var lockHeight = $(".lockCate").height();
+  var contactTab = $(".contactTab").height();
+    $(".collectContent").width($(window).width()-720);
+    $(".autoHeighL1").height($(window).height()-95);
+};
+$(function(){
+  $('*[data-toggle=tooltip]').mouseover(function() { 
+ $(this).tooltip('show'); 
+  });
+/*more user info*/
+$("#opExter").click(function(){
+    $(this).hide();
+    $(".exter").removeClass("hide");
+  });
+
+})

+ 43 - 0
login.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SimpleDM Login</title>
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/global.css" rel="stylesheet">
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/global.js"></script>
+  </head>
+  <body class="loginBg">
+    <div class="loginPanel cardwrap inputErrow">
+      <div class="logo"></div>
+      <div class="loginInpu">
+        <form role="form">
+        <div class="form-group">
+          <div class="input-group">
+            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
+            <input type="text" class="form-control input-lg" placeholder="Username">
+          </div>
+          </div>
+        <div class="form-group  ">
+          <div class="input-group">
+            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
+            <input type="password" class="form-control input-lg" placeholder="Password">
+          </div>
+          </div>
+          <button type="submit" class="btn btn-primary btn-block btn-lg">Login</button>
+        </form>
+      </div>
+    </div>
+    <div class="copyright">Copyright 2014@珠海纵横创新软件有限公司 all rights reserved</div>
+  </body>
+</html>

BIN
网络版软件BUG错误信息收集.docx