期计量更改

jiliang-qi-detail-1.html

@@ -104,7 +104,7 @@
   										</li>
   										<li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail-1.html">本期计量台帐</a></li>
                       <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-2.html">合同支付</a></li>
-                      <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-3.html">报表</a></li>
+                      <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail-4.html">报表</a></li>
 
                     </ul>
                   </div>

jiliang-qi.html

@@ -9,6 +9,7 @@
     <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>
 
@@ -99,7 +100,7 @@
                 <div>
                 </div>
                 <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" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm pull-right">开始新一期</a>
                 </div>
     					</div>
     				</div>
@@ -122,6 +123,29 @@
                     </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-cenetr"><a href="" class="btn btn-primary 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-cenetr text-warning">审批中</td>
+                    </tr>
+                    <!--退回后 上报人重新上报-->
                     <tr>
                       <td><a href="jiliang-qi-detail-1.html">第 5 期</a></td>
                       <td class="text-center">201710</td>
@@ -132,6 +156,17 @@
                       <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="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-cenetr"><a href="" class="btn btn-primary btn-sm">待上报</a></td>
+                    </tr>
                     <tr>
                       <td><a href="jiliang-qi-detail-1.html">第 4 期</a></td>
                       <td class="text-center">201710</td>
@@ -140,7 +175,7 @@
                       <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">待上报</td>
+                      <td class="text-cenetr text-success">审批完成</td>
                     </tr>
                     <tr>
                         <td><a href="jiliang-qi-detail-1.html">第 3 期</a></td>
@@ -150,7 +185,7 @@
                         <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>
+                      <td class="text-cenetr text-success">审批完成</td>
                       </tr>
                     <tr>
                       <td><a href="jiliang-qi-detail-1.html">第 2 期</a></td>
@@ -160,7 +195,7 @@
                       <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>
+                      <td class="text-cenetr text-success">审批完成</td>
                     </tr>
                     <tr>
                       <td><a href="jiliang-qi-detail-1.html">第 1 期</a></td>
@@ -189,11 +224,15 @@
                   <div class="modal-body">
                     <div class="form-group">
                       <label>期</label>
-                      <input class="form-control" value="第 4 期" type="text">
+                      <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="form-control" type="month">
+                      <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">
@@ -208,6 +247,8 @@
     <script src="js/popper/popper.min.js"></script>
     <script src="js/bootstrap/bootstrap.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'));

js/datepicker/datepicker.zh.js

@@ -2,8 +2,8 @@
     days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
     daysShort: ['日', '一', '二', '三', '四', '五', '六'],
     daysMin: ['日', '一', '二', '三', '四', '五', '六'],
-    months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
-    monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    months: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'],
+    monthsShort: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
     today: '今天',
     clear: '清除',
     dateFormat: 'yyyy-mm-dd',