检测结果管理打印

application/admin/view/res/data.html

@@ -140,6 +140,87 @@
         </div>
     </div>
     <input type="hidden" id="id" value="{$id}">
-
+    <!--打印按钮-->
+    <div class="form-group layer-footer">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <div class="col-xs-12 col-sm-8">
+            <button type="button" class="btn btn-default btn-embossed print-link">打印</button>
+        </div>
+    </div>
 
 </form>
+<!--===================打印数据===============-->
+<div id="print" style="display: none;">
+    <h1 style="text-align: center">{$gather['name']}</h1>
+    <div class="form-group">
+    <label class="control-label col-xs-12 col-sm-2"></label>
+    <table style="text-align: center" border="1">
+        <thead>
+        <tr>
+            <th class="col-xs-12 col-sm-2" style="width: 20%;text-align: center"></th>
+            <th class="col-xs-12 col-sm-2" style="width: 10%;text-align: center">化合物</th>
+            <th class="col-xs-12 col-sm-2" style="width: 10%;text-align: center">浓度</th>
+            <th class="col-xs-12 col-sm-2" style="width: 10%;text-align: center">单位</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td rowspan="4" style="font-weight: 700; text-align: center">汇总</td>
+            <td>溶剂残留总值</td>
+            <td>{$row['dis']}</td>
+            <td>{$row['unit']}</td>
+        </tr>
+        <tr>
+            <td>溶剂杂质总量</td>
+            <td>{$row['dis_impurity']}</td>
+            <td>{$row['unit']}</td>
+        </tr>
+        <tr>
+            <td>苯系物总量</td>
+            <td>{$row['ben_total']}</td>
+            <td>{$row['unit']}</td>
+        </tr>
+        <tr>
+            <td>苯含量</td>
+            <td>{$row['ben']}</td>
+            <td>{$row['unit']}</td>
+        </tr>
+        </tbody>
+    </table>
+    </div>
+    <div class="form-group">
+        <label class="control-label col-xs-12 col-sm-2"></label>
+        <table class="col-xs-12 col-sm-8 gridtable" id="" style="text-align: center" border="1">
+            <thead>
+            <tr>
+                <th class="col-xs-12 col-sm-1" style="width: 8%;text-align: center">序号</th>
+                <th class="col-xs-12 col-sm-2" style="width: 14%;text-align: center">化合物</th>
+                <th class="col-xs-12 col-sm-1" style="width: 12%;text-align: center">保留时间</th>
+                <th class="col-xs-12 col-sm-1" style="width: 12%;text-align: center">定量离子</th>
+                <th class="col-xs-12 col-sm-1" style="width: 10%;text-align: center">响应值</th>
+                <th class="col-xs-12 col-sm-1" style="width: 8%;text-align: center">浓度</th>
+                <th class="col-xs-12 col-sm-1" style="width: 8%;text-align: center">单位</th>
+                <th class="col-xs-12 col-sm-1" style="width: 10%;text-align: center">偏差(分钟)</th>
+                <th class="col-xs-12 col-sm-1" style="width: 12%;text-align: center">定性离子</th>
+            </tr>
+            </thead>
+            <tbody>
+            {foreach name="data" id="vo" }
+            <tr>
+                <td>{$key+1}</td>
+                <td>{$vo.chemical_compound}</td>
+                <td>{$vo.persist_time}</td>
+                <td>{$vo.quantitative_ion}</td>
+                <td>{$vo.response_value}</td>
+                <td>{$vo.potency}</td>
+                <td>{$vo.unit}</td>
+                <td>{$vo.deviation}</td>
+                <td>{$vo.quanlitative_ion}</td>
+            </tr>
+            {/foreach}
+            </tbody>
+        </table>
+    </div>
+</div>
+
+

public/assets/js/backend/res.js

@@ -111,6 +111,19 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefin
         add: function () {
             Controller.api.bindevent();
         },
+        data: function () {
+            $(".print-link").on('click', function() {
+                console.log('点击了打印按钮');
+                var printHTML = document.querySelector('#print').innerHTML;
+                var oldstr = document.body.innerHTML;
+                // 将打印的区域赋值，进行打印
+                window.document.body.innerHTML = printHTML;
+                window.print();
+                window.location.reload(); // 打印完成后重新加载页面
+
+            });
+            Controller.api.bindevent();
+        },
         couse: function (){
             $('input[name="row[status]"][value="2"]').change(function () {
                 $('#c-couse').attr('type','text');