中间计量无数据时，隐藏编号、添加草图

app/public/js/stage_detail.js

@@ -111,16 +111,22 @@ $(document).ready(() => {
         // 中间计量数据
         reLoadDetailData: function () {
             const data = SpreadJsObj.getSelectObject(detailSpread.getActiveSheet());
-            $('#edit-detail').show();
+            if (data) {
+                $('#edit-detail').show();
+                $('#modify-img').show();
+            } else {
+                $('#edit-detail').hide();
+                $('#modify-img').hide();
+            }
             $('#save-detail').hide();
             $('#cancel-detail').hide();
-            $('#bgl-code').val(data && data.bgl_code ? data.bgl_code : '');
-            $('#bw-name').val(data && data.bw ? data.bw : '');
-            $('#start-peg').val(data && data.start_peg ? data.start_peg : '');
-            $('#end-peg').val(data && data.end_peg ? data.end_peg : '');
-            $('#unit-name').val(data && data.jldy ? data.jldy : '');
-            $('#drawing-code').val(data && data.drawing_code ? data.drawing_code : '');
-            $('#calc-memo').val(data && data.calc_memo ? data.calc_memo : '');
+            $('#bgl-code').val(data && data.bgl_code ? data.bgl_code : '').attr('readonly', '');
+            $('#bw-name').val(data && data.bw ? data.bw : '').attr('readonly', '');
+            $('#start-peg').val(data && data.start_peg ? data.start_peg : '').attr('readonly', '');
+            $('#end-peg').val(data && data.end_peg ? data.end_peg : '').attr('readonly', '');
+            $('#unit-name').val(data && data.jldy ? data.jldy : '').attr('readonly', '');
+            $('#drawing-code').val(data && data.drawing_code ? data.drawing_code : '').attr('readonly', '');
+            $('#calc-memo').val(data && data.calc_memo ? data.calc_memo : '').attr('readonly', '');
             if (data && data.calc_img) {
                 $('#calc-img').html('<img src="/' + data.calc_img + '" class="d-100" width="100%">');
             } else {
@@ -128,16 +134,6 @@ $(document).ready(() => {
             }
         },
         selectionChanged: function (e, info) {
-            $('#edit-detail').show();
-            $('#cancel-detail').hide();
-            $('#save-detail').hide();
-            $('#bgl-code').attr('readonly', '');
-            $('#bw-name').attr('readonly', '');
-            $('#start-peg').attr('readonly', '');
-            $('#end-peg').attr('readonly', '');
-            $('#unit-name').attr('readonly', '');
-            $('#drawing-code').attr('readonly', '');
-            $('#calc-memo').attr('readonly', '');
             detailOperationObj.reLoadDetailData();
             detailOperationObj.loadLeafXmjsData();
         },

app/view/stage/detail.ejs

@@ -45,7 +45,7 @@
                         <div class="sjs-sh-1" style="overflow: auto;">
                             <% if (!stage.readOnly) { %>
                             <div class="d-flex justify-content-end mt-1 mr-1">
-                                <a href="javascript: void(0);" class="btn btn-sm btn-outline-primary" id="edit-detail">编辑</a>
+                                <a href="javascript: void(0);" class="btn btn-sm btn-outline-primary" id="edit-detail" style="display: none;">编辑</a>
                                 <a href="javascript: void(0);" class="btn btn-sm btn-outline-success mr-1" id="save-detail" style="display: none;">保存</a>
                                 <a href="javascript: void(0);" class="btn btn-sm btn-outline-secondary" id="cancel-detail" style="display: none;">取消</a>
                             </div>
@@ -82,7 +82,7 @@
                                 <div class="d-flex justify-content-between my-3">
                                     <label>计算草图：</label>
                                     <% if (!stage.readOnly) { %>
-                                    <a href="#edit-img" data-toggle="modal" data-target="#edit-img" id="modify-img">添加草图</a>
+                                    <a href="#edit-img" data-toggle="modal" data-target="#edit-img" id="modify-img" style="display: none;">添加草图</a>
                                     <% } %>
                                 </div>
                                 <p id="calc-img"><img src="" class="d-100" width="100%"></p>