功耗虚拟数据

application/jz/controller/Index.php

@@ -73,6 +73,14 @@ class Index extends Base
         $devs = \app\jz\model\Index::getDevs($id);
         $this->assign('devs',$devs);
         $this->assign('data',$data);
+
+        $ue = [
+            'last_date' => '2020-1-31',
+            'current_date' => '2020-3-31',
+            'repo_numb' => 18766,
+            'power' => round(18766/60,2)
+        ];
+        $this->assign('useage',$ue);
         return $this->fetch();
     }
 

application/jz/view/index/detail.html

@@ -203,6 +203,35 @@
                                 </table>
                                 </div>
                             </div>
+                            <div class="layui-col-md10 layui-col-xs12">
+                                <div class="layui-form-item">
+                                    <label class="layui-form-label">
+                                        抄表记录：
+                                    </label>
+                                </div>
+                                <div class="devs_table">
+                                    <table class="layui-table">
+                                        <thead>
+                                        <tr>
+                                            <th>开始时间</th>
+                                            <th>结束时间</th>
+                                            <th>用电数</th>
+                                            <th>日功耗(千瓦时)</th>
+                                        </thead>
+                                        <tbody>
+                                        {volist name="useage" id="item" key="k"}
+                                        <tr>
+                                            <td>{$item.last_date}</td>
+                                            <td>{$item.current_date}</td>
+                                            <td>{$item.repo_numb}</td>
+                                            <td>{$item.power}</td>
+                                        </tr>
+                                        {/volist}
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+
                         </div>
                     </div>
                 </div>