台帐审批 增加清单审批意见

taizhang-shenpi.html

@@ -133,11 +133,57 @@
              <!--右栏-->
             <div class="c-body col">
               <div class="tab-content">
+              <div id="yijian" class="tab-pane active">
+                <div class="side-bar">
+                  <select class="form-control form-control-sm"><option>王五</option><option>张三</option></select>
+                </div>
+                <div class="sjs-height-2" style="overflow:auto">
+                  <div class="card my-3">
+                    <div class="card-header">添加清单意见</div>
+                    <div class="card-body">
+                      <div class="alert alert-primary  px-2 py-1" role="alert">
+                        台帐清单右键，添加至"清单意见"
+                      </div>
+                      <!-- <table class="table table-sm table-bordered mb-2">
+                        <tr><td>行2</td><td>203-1-1</td><td>挖土方</td></tr>
+                      </table> -->
+                      <textarea class="form-control" placeholder="审批内容"></textarea>
+                      <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
+                        请填写审批内容。
+                      </div>
+                      <div class="alert alert-warning px-2 py-1 mt-2 mb-1" role="alert">
+                        至少需要一条清单。
+                      </div>
+                      <button class="btn btn-sm btn-primary mt-1">添加</button>
+                    </div>
+                  </div>
+                  <legend>张三 清单意见</legend>
+                  <div class="card my-3">
+                    <div class="card-body">
+                      <table class="table table-sm table-bordered mb-2">
+                        <tr><td>行2</td><td>203-1-1</td><td>挖土方</td></tr>
+                      </table>
+                      <p>审批意见</p>
+                      <span class="text-muted">2018-05-31 21:18:20</span>
+                    </div>
+                  </div>
+                  <div class="card my-3">
+                    <div class="card-body">
+                      <table class="table table-sm table-bordered mb-2">
+                        <tr><td>行3</td><td>203-1-2</td><td>挖土方</td></tr>
+                      </table>
+                      <p>审批意见</p>
+                      <span class="text-muted">2018-05-23 13:11:10</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
                 <div id="qianyue" class="tab-pane">
                   <div class="sjs-height-2">
                     <table class="table table-bordered">
                       <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
                     </table>
+
                   </div>
                 </div>
               </div>
@@ -147,6 +193,9 @@
           <div class="side-menu">
             <!--右侧菜单-->
             <ul class="nav flex-column right-nav">
+            <li class="nav-item">
+              <a class="nav-link active" data-toggle="tab" href="#yijian" role="tab">清单意见</a>
+            </li>
               <li class="nav-item">
                 <a class="nav-link" data-toggle="tab" href="#qianyue" role="tab">签约清单</a>
               </li>