| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>电表抄表查看</title>
- <style>
- .line {
- display: block;
- text-align: left;
- background-color: #fff;
- color: #333;
- border-bottom: 1px solid #0a6999;
- border-color: #fff;
- border-bottom: 1px solid #0a6999;
- margin-top: 10px;
- vertical-align: middle;
- padding: 4px 12px;
- height: 31px;
- line-height: 31px;
- font-size: 14px;
- font-weight: bold;
- }
- .float_left {
- float: left;
- }
- .mt_5 {
- margin-top: 5px !important;
- }
- .input-text {
- width: 110PX;
- }
- .child-style td:first-child{
- border-left:none;
- }
- .child-style tr:last-child td {
- border-bottom: none;
- }
- </style>
- </head>
- <body layout:fragment="content">
- <article class="page-container">
- <form class="form form-horizontal" id="form-water-record-add">
- <input type="hidden" name="is_water" value="true"/>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>电表名:</label>
- <div class="formControls col-xs-8 col-sm-9">
- [[${electric.name}]]
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>性质:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span th:if="${electric.is_peak}">峰平谷值电表</span>
- <span th:unless="${electric.is_peak}">通用电表</span>
- </div>
- </div>
- <div class="row cl">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>倍率:</label>
- <div class="formControls col-xs-8 col-sm-9">
- [[${electric.ratio}]]
- </div>
- </div>
- <div class="row cl" th:unless="${electric.is_peak}">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始读数:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_before_read}]]</span>
- </div>
- </div>
- <div class="row cl" th:if="${electric.is_peak}">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始峰值读数:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_peak_before_read}]]</span>
- </div>
- </div>
- <div class="row cl" th:if="${electric.is_peak}">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始平值读数:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_flat_before_read}]]</span>
- </div>
- </div>
- <div class="row cl" th:if="${electric.is_peak}">
- <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>初始谷值读数:</label>
- <div class="formControls col-xs-8 col-sm-9">
- <span th:unless="${#lists.isEmpty(electricReads)}">[[*{electricReads[0].electric_valley_before_read}]]</span>
- </div>
- </div>
- <div class="row cl">
- <div class="formControls col-xs-8 col-sm-12">
- <table class="table table-border table-bordered table-bg table-hover">
- <thead>
- <tr class="text-c">
- <th>抄表日</th>
- <th th:unless="${electric.is_peak}">通用读数</th>
- <th th:if="${electric.is_peak}">峰值读数</th>
- <th th:if="${electric.is_peak}">平值读数</th>
- <th th:if="${electric.is_peak}">谷值读数</th>
- <th th:unless="${electric.is_peak}">通用度数</th>
- <th th:if="${electric.is_peak}">峰值度数</th>
- <th th:if="${electric.is_peak}">平值度数</th>
- <th th:if="${electric.is_peak}">谷值度数</th>
- <th>客户名称</th>
- <th th:unless="${electric.is_peak}" width="100">通用度数</th>
- <th th:if="${electric.is_peak}">峰值度数</th>
- <th th:if="${electric.is_peak}">平值度数</th>
- <th th:if="${electric.is_peak}">谷值度数</th>
- </tr>
- </thead>
- <tbody>
- <tr class="text-c electric_length" th:attr="electric_length=${#lists.size(electricReads)}"
- th:each="electricRead,iterStat:${electricReads}" th:object="${electricRead}">
- <td>[[*{meter_write}]]</td>
- <td th:unless="${electric.is_peak}"> [[*{electric_current_read}]]</td>
- <td th:if="${electric.is_peak}">[[*{electric_peak_current_read}]]</td>
- <td th:if="${electric.is_peak}">[[*{electric_flat_current_read}]]</td>
- <td th:if="${electric.is_peak}">[[*{electric_valley_current_read}]]</td>
- <td th:unless="${electric.is_peak}">[[*{use_electric}]]</td>
- <td th:if="${electric.is_peak}">[[*{use_peak_electric}]]</td>
- <td th:if="${electric.is_peak}">[[*{use_flat_electric}]]</td>
- <td th:if="${electric.is_peak}">[[*{use_valley_electric}]]</td>
- <td th:unless="${electric.is_peak}" colspan="2" style="padding: 0;">
- <table class="child-style">
- <tr th:each="company,index:*{electricReadCompanies}" th:object="${company}">
- <td><span class="float_left mt_5">[[*{company_name}]]</span></td>
- <td width="100"><span class="float_left mt_5">[[*{electric_count}]]</span></td>
- </tr>
- </table>
- </td>
- <td colspan="4" th:if="${electric.is_peak}">
- <div th:each="company,index:*{electricReadCompanies}" th:object="${company}">
- <span class="float_left mt_5">[[*{company_name}]]</span>
- <span class="float_left mt_5">[[*{electric_count}]]</span>
- <span class="float_left mt_5">[[*{electric_peak_count}]]</span>
- <span class="float_left mt_5">[[*{electric_flat_count}]]</span>
- <span class="float_left mt_5">[[*{electric_valley_count}]]</span>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="row cl" id="manageRow">
- <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
- <!--<button onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </button>-->
- </div>
- </div>
- </form>
- </article>
- <script th:inline="javascript">
- /**
- * 取消
- */
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- </script>
- </body>
- </html>
|