原始记录

src/main/resources/static/css/basis/viewOriginalRecord.css

@@ -40,14 +40,14 @@ body {
     width: 25%;
 }
 .classTable {
-    /*width: 100%;*/
+    width: 100%;
     table-layout: fixed;
     text-align: center;
     border-collapse: collapse;
     border-spacing: 0;
     box-sizing: border-box;
     border: 1px solid #000;
-    /*height: calc(100% - 80px);*/
+    overflow: auto;
 }
 .classTable tr td{
     font-size: 16px;
@@ -88,6 +88,15 @@ body {
 .w-400 {
     width: 400px;
 }
+
+.btn-box {
+    width: 100%;
+    height: 80px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: right;
+    align-items: center;
+}
 /*滚动条样式start*/
 ::-webkit-scrollbar {
     width: 10px;

src/main/resources/static/js/primaryData/child/viewOriginalRecord.js

@@ -39,7 +39,6 @@ function getDataById() {
 /**表单赋值*/
 function setFormData(obj) {
     setTableInfo(obj);
-    console.log(obj)
 }
 
 /*赋值表格信息*/
@@ -53,7 +52,7 @@ function setTableInfo(obj) {
         firstHtml += '<td colspan="' + itemList.length + '">' + item.experTypeName + '</td>'
         $.each(itemList, function (index2, item2) {
             num++;
-            colHtml += '<col class="w-100"></col>'
+            colHtml += '<col class="w-100" width="100"></col>'
             twoHtml += '<td>' + item2.itemName + '</td>';
         })
     })
@@ -97,6 +96,8 @@ function setTableInfo(obj) {
     $('#yj').html(yjList);
     $('#sampleUnit').html(obj.customName);
     $('#sampleDate').html(obj.sampleDate);
+    $('.classTable').removeAttr('style');
+    $('.btn-box').removeAttr('style');
 }
 
 function setColNum(name, addNum) {
@@ -135,3 +136,8 @@ function setItemData(list) {
     })
     return html;
 }
+
+function closePage(type) {
+    let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
+    parent.layer.close(index); //再执行关闭
+}

src/main/resources/static/pages/primaryData/child/viewOriginalRecord.html

@@ -25,18 +25,18 @@
         <p>收样日期：<span id="sampleDate"></span></p>
         <p>试验日期：<span id="testDate"></span></p>
     </div>
-    <table class="classTable">
-        <colgroup>
-            <col class="w-60"></col>
-            <col class="w-60"></col>
-            <col class="w-90"></col>
-            <col class="w-80"></col>
-            <col class="w-80"></col>
-            <col class="w-80"></col>
-            <col class="w-80" id="mainCol"></col>
-            <col class="w-100"></col>
-            <col class="w-100"></col>
-            <col class="w-100"></col>
+    <table class="classTable" style="display: none;">
+        <colgroup style="overflow: auto">
+            <col class="w-60" width="60"></col>
+            <col class="w-60" width="60"></col>
+            <col class="w-90" width="90"></col>
+            <col class="w-80" width="80"></col>
+            <col class="w-80" width="80"></col>
+            <col class="w-80" width="80"></col>
+            <col class="w-80" width="80" id="mainCol"></col>
+            <col class="w-100" width="100"></col>
+            <col class="w-100" width="100"></col>
+            <col class="w-100" width="100"></col>
         </colgroup>
         <tr>
             <td colspan="2">送检单位</td>
@@ -82,6 +82,10 @@
         <p>审核员：</p>
         <p>第 页共 页：</p>
     </div>
+    <div class="btn-box" style="display: none;">
+        <button class="layui-btn layui-btn-norma save" onclick="print()">打印</button>
+        <button class="layui-btn layui-btn-primary cancel" onclick="closePage()">取消</button>
+    </div>
 </div>
 </body>
 <script src="../../../js/primaryData/child/viewOriginalRecord.js" charset="UTF-8" type="text/javascript"></script>