升级bootstarp3.0

biangeng-list-approval.html

@@ -34,7 +34,7 @@
             <li><a href="r-project.html" title="需审批项目"><div data-icon="C" aria-hidden="true" class="navIcon"></div>审批项目</a></li>
             <li><a href="s-project.html" title="我编制的项目"><div data-icon="B" aria-hidden="true" class="navIcon"></div>编制项目</a></li>
             <li><a href="sign-index.html" title="报表签署"><div data-icon="D" aria-hidden="true" class="navIcon"></div>报表签署</a></li>
-            <li><a href="biangeng-list.html" class="focus" title="变更审批"><div data-icon="M" aria-hidden="true" class="navIcon"></div>变更管理</a><span class="badge badge-warning">4</span></li>
+            <li><a href="biangeng-poj.html" class="focus" title="变更审批"><div data-icon="M" aria-hidden="true" class="navIcon"></div>变更管理</a><span class="badge badge-warning">4</span></li>
             <li><a href="" title="数据汇总"><div data-icon="E" aria-hidden="true" class="navIcon"></div>汇总</a></li>
     			</ul>
     		</div>

css/style.css

@@ -172,7 +172,7 @@ div.userInfo .btn-group .dropdown-menu{
     right: 0;
 }
 .project {
-  margin:0 0 30px 0;
+  margin:30px 0;
 }
 .projec .odd{
   background:#fcfcfc
@@ -567,7 +567,7 @@ left:5px
   background:#fff;
   position:relative;
   float:left;
-  margin:3px 3px 0 0;
+  margin:3px 10px 0 0;
   border-radius:3px
 }
 .avatar li img{
@@ -611,7 +611,6 @@ left:5px
   background:none;
   padding:0 15px;
   height:54px;
-  line-height:54px;
   width:30px
 }
 .avatar li.name {

w-project-section-files.html

@@ -98,10 +98,16 @@
         <!--导航-->
           <!--筛选工具-->
           <div class="clearfix">
-            <form class="form-inline">
-              <select class="span2"><option>不限期数</option><option>第二期</option><option>第一期</option></select>
-              <select class="span2"><option>上传者</option><option>陈特</option><option>任杰</option></select>
-              <select class="span2"><option>清单</option><option>203-1-a 挖土方</option></select>
+            <form class="row">
+              <div class="col-sm-2">
+              <select class="form-control"><option>不限期数</option><option>第二期</option><option>第一期</option></select>
+              </div>
+              <div class="col-sm-2">
+              <select class="col-sm-2 form-control"><option>上传者</option><option>陈特</option><option>任杰</option></select>
+              </div>
+              <div class="col-sm-2">
+              <select class="col-sm-2 form-control"><option>清单</option><option>203-1-a 挖土方</option></select>
+                </div>
               <a href="" class="fR">附件回收站</a>
             </form>
           </div>

w-project-section.html

@@ -184,7 +184,9 @@
     	</div>
     </div>
     <!-- 添加标段类型弹出 -->
-    <div id="addsection" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div id="addsection" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog">
+    <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h3 id="myModalLabel">添加标段类型</h3>
@@ -193,23 +195,27 @@
 
       <div class="form">
         <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">标段类型名称</label>
-            <div class="controls">
-              <input type="text" placeholder="输入标段名称" value="">
+          <div class="form-group">
+            <label class="control-label col-sm-3" for="inputEmail">标段类型名称</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control" placeholder="输入标段名称" value="">
             </div>
           </div>
         </form>
       </div>
       </div>
       <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
+        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
         <button class="btn btn-primary">保存</button>
       </div>
     </div>
+  </div>
+    </div>
     <!-- 添加标段类型弹出 -->
     <!-- 项目设置弹出 -->
-    <div id="pojoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div id="pojoption" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog">
+        <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h3 id="myModalLabel">项目设置</h3>
@@ -253,9 +259,13 @@
         <button class="btn btn-primary">保存</button>
       </div>
     </div>
+    </div>
+    </div>
     <!-- 项目设置弹出 -->
     <!-- 标段类型设置弹出 -->
-    <div id="secoption" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div id="secoption" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+        <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h3 id="myModalLabel">标段类型设置</h3>
@@ -264,16 +274,16 @@
 
       <div class="form">
         <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">标段类型名称</label>
-            <div class="controls">
-              <input type="text" placeholder="输入类型类型名称" value="路基工程">
+          <div class="form-group">
+            <label class="control-label col-sm-3" for="inputEmail">标段类型名称</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control" placeholder="输入类型类型名称" value="路基工程">
             </div>
           </div>
-          <div class="control-group">
-            <label class="control-label" for="inputPassword">KEY</label>
-            <div class="controls">
-              <input type="text" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2" onfocus="this.select()" onmouseover="this.focus()"><button class="btn" >复制</button>
+          <div class="form-group">
+            <label class="control-label col-sm-3" for="inputPassword">KEY</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control" placeholder="这是该项目的KEY" value="QWESD134SD123" readonly class="span2" onfocus="this.select()" onmouseover="this.focus()"><button class="btn btn-default" >复制</button>
               <p>如果"复制"按钮无法使用，请全选后使用快捷键<b>Ctrl C</b>复制，或者鼠标右键KEY使用复制选项。</p>
             </div>
           </div>
@@ -281,10 +291,12 @@
       </div>
       </div>
       <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
+        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
         <button class="btn btn-primary">保存</button>
       </div>
     </div>
+    </div>
+    </div>
     <!-- 标段类型设置弹出 -->
 <script type="text/javascript">autoFlashHeight();</script>
 </body>

w-project.html

@@ -171,12 +171,13 @@
 		      <div class="modal-body">
 			      <div class="form">
 			        <form class="form-horizontal">
-			          <div class="control-group">
-			            <label class="control-label" for="inputEmail">项目名称</label>
-			            <div class="controls">
-			              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
-			            </div>
-			          </div>
+                <div class="form-group">
+                  <label class="control-label col-sm-2">项目名称</label>
+                  <div class="col-sm-8">
+                    <input class="form-control" type="text"  placeholder="输入项目名称">
+                  </div>
+                </div>
+
 			        </form>
 			      </div>
 		      </div>
@@ -189,184 +190,195 @@
     </div>
     <!-- 添加项目弹出 -->
      <!-- 编辑项目弹出 -->
-    <div id="editpoj" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div id="editpoj" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+    <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h3 id="myModalLabel">修改项目名称</h3>
       </div>
       <div class="modal-body">
-
-      <div class="form">
-        <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">项目名称</label>
-            <div class="controls">
-              <input type="text" placeholder="输入项目名称" value="黄金大桥项目">
-            </div>
-          </div>
-        </form>
-      </div>
+        <div class="form">
+          <form class="form-horizontal">
+                <div class="form-group">
+                  <label class="control-label col-sm-2">项目名称</label>
+                  <div class="col-sm-8">
+                    <input class="form-control" type="text"  placeholder="输入项目名称" value="黄金大桥项目">
+                  </div>
+                </div>
+          </form>
+        </div>
       </div>
       <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
+        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
         <button class="btn btn-primary">保存</button>
       </div>
     </div>
+  </div>
+</div>
     <!-- 编辑项目弹出 -->
      <!-- 分享链接弹出 -->
-    <div id="share" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div id="share" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+        <div class="modal-dialog">
+    <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         <h3 id="myModalLabel">项目分享</h3>
       </div>
       <div class="modal-body">
-      <div class="form">
-        <!--按项目分享-->
-        <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">选择分享类型</label>
-            <div class="controls">
-                <label class="radio inline">
-                  <input type="radio" value="option1" checked> 分享项目
-                </label>
-                <label class="radio inline">
-                  <input type="radio" value="option2"> 分享标段类型
-                </label>
-                <label class="radio inline">
-                  <input type="radio"  value="option3"> 分享标段
-                </label>
-            </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail"></label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox" checked> 启用
-                </label>
+        <div class="form">
+          <!--按项目分享-->
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">选择分享类型</label>
+              <div class="col-sm-8">
+                  <label class="radio-inline">
+                    <input type="radio" value="option1" checked> 分享项目
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio" value="option2"> 分享标段类型
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio"  value="option3"> 分享标段
+                  </label>
               </div>
             </div>
-            <label class="control-label" for="inputEmail">链接</label>
-            <div class="controls">
-              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
-              <p>分享以上链接即可免登录查阅项目下的汇总信息。</p>
-            </div>
-          </div>
-        </form>
-         <!--按标段类型分享-->
-        <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">选择分享类型</label>
-            <div class="controls">
-                <label class="radio inline">
-                  <input type="radio" value="option1"> 分享项目
-                </label>
-                <label class="radio inline">
-                  <input type="radio" value="option2" checked> 分享标段类型
-                </label>
-                <label class="radio inline">
-                  <input type="radio"  value="option3"> 分享标段
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3"></label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox" checked> 启用
+                  </label>
+                </div>
+              </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">土建合同</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox" checked> 启用
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">链接</label>
+              <div class="col-sm-8">
+                <input type="text" class="form-control" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+                <p>分享以上链接即可免登录查阅项目下的汇总信息。</p>
               </div>
             </div>
-            <label class="control-label" for="inputEmail">链接</label>
-            <div class="controls">
-              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
-              <p>分享以上链接即可免登录查阅标段类型下的标段汇总信息。</p>
+          </form>
+           <!--按标段类型分享-->
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">选择分享类型</label>
+              <div class=" col-sm-8">
+                  <label class="radio-inline">
+                    <input type="radio" value="option1"> 分享项目
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio" value="option2" checked> 分享标段类型
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio"  value="option3"> 分享标段
+                  </label>
+              </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">监理合同</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox"> 启用
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">土建合同</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox" checked> 启用
+                  </label>
+                </div>
+              </div>
+              <label class="control-label col-sm-3" for="inputEmail">链接</label>
+              <div class=" col-sm-8">
+                <input type="text" class="form-control" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+                <p>分享以上链接即可免登录查阅标段类型下的标段汇总信息。</p>
               </div>
             </div>
-          </div>
-        </form><!--按标段分享-->
-        <form class="form-horizontal">
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">选择分享类型</label>
-            <div class="controls">
-                <label class="radio inline">
-                  <input type="radio" value="option1"> 分享项目
-                </label>
-                <label class="radio inline">
-                  <input type="radio" value="option2"> 分享标段类型
-                </label>
-                <label class="radio inline">
-                  <input type="radio"  value="option3" checked> 分享标段
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">监理合同</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox"> 启用
+                  </label>
+                </div>
+              </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">SA-01</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox" checked> 启用
-                </label>
+          </form><!--按标段分享-->
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">选择分享类型</label>
+              <div class=" col-sm-8">
+                  <label class="radio-inline">
+                    <input type="radio" value="option1"> 分享项目
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio" value="option2"> 分享标段类型
+                  </label>
+                  <label class="radio-inline">
+                    <input type="radio"  value="option3" checked> 分享标段
+                  </label>
               </div>
             </div>
-            <label class="control-label" for="inputEmail">链接</label>
-            <div class="controls">
-              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
-              <p>分享以上链接即可免登录查阅标段汇总信息。</p>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">SA-01</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox" checked> 启用
+                  </label>
+                </div>
+              </div>
+              <label class="control-label col-sm-3" for="inputEmail">链接</label>
+              <div class=" col-sm-8">
+                <input type="text" class="form-control" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+                <p>分享以上链接即可免登录查阅标段汇总信息。</p>
+              </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">SA-02</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox"> 启用
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">SA-02</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox"> 启用
+                  </label>
+                </div>
               </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">SA-03</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox" checked> 启用
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">SA-03</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox" checked> 启用
+                  </label>
+                </div>
               </div>
             </div>
-            <label class="control-label" for="inputEmail">链接</label>
-            <div class="controls">
-              <input type="text" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
-              <p>分享以上链接即可免登录查阅标段汇总信息。</p>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">链接</label>
+              <div class=" col-sm-8">
+                <input type="text" class="form-control" placeholder="这是该项目的KEY" value="http://g1506.6jlzf.cn/share?pid=1212" readonly class="span4" onfocus="this.select()" onmouseover="this.focus()">
+                <p>分享以上链接即可免登录查阅标段汇总信息。</p>
+              </div>
             </div>
-          </div>
-          <div class="control-group">
-            <label class="control-label" for="inputEmail">SA-04</label>
-            <div class="controls">
-              <div class="checkbox">
-                <label>
-                  <input type="checkbox"> 启用
-                </label>
+            <div class="form-group">
+              <label class="control-label col-sm-3" for="inputEmail">SA-04</label>
+              <div class=" col-sm-8">
+                <div class="checkbox">
+                  <label>
+                    <input type="checkbox"> 启用
+                  </label>
+                </div>
               </div>
             </div>
-          </div>
-        </form>
-      </div>
+          </form>
+        </div>
       </div>
       <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
+        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
       </div>
     </div>
+  </div>
+</div>
     <!-- 分享链接弹出 -->
 <script type="text/javascript">autoFlashHeight();</script>
 </body>