From 5d15164521a9343a5ff3860c97f36eae8386d674 Mon Sep 17 00:00:00 2001
From: 快乐的昕的电脑 <快乐的昕的电脑@DESKTOP-C2BQPQU>
Date: 星期三, 24 十二月 2025 15:36:53 +0800
Subject: [PATCH] 调试
---
pages/moldRecord.vue | 117 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 61 insertions(+), 56 deletions(-)
diff --git a/pages/moldRecord.vue b/pages/moldRecord.vue
index f6511d1..176ee81 100644
--- a/pages/moldRecord.vue
+++ b/pages/moldRecord.vue
@@ -6,14 +6,14 @@
</view>
<!-- 鍒�鍏蜂娇鐢ㄨ褰曡〃鏍� -->
- <view class="table-section">
+ <view class="table-section" :class="{'expanded': toolExpanded}">
<view class="table-header">
<h3>涓婁笅鍒�璁板綍</h3>
<button class="expand-btn" @click="toggleExpand('tool')">
{{ toolExpanded ? '鏀惰捣' : '灞曞紑' }}
</button>
</view>
- <table class="styled-table" :class="{'expanded': toolExpanded}">
+ <table class="styled-table">
<thead>
<tr>
<th style="width:7%">鍒�鍏风紪鍙�</th>
@@ -91,7 +91,9 @@
</tr>
<tr v-if="hasMoreToolRecords && !toolExpanded">
<td colspan="12" class="more-records-tip">
- <span>杩樻湁 {{ remainingToolRecords }} 鏉¤褰曪紝鐐瑰嚮"灞曞紑"鎸夐挳鏌ョ湅鍏ㄩ儴</span>
+ <span>杩樻湁 {{ remainingToolRecords }} 鏉¤褰曪紝鐐瑰嚮</span>
+ <button class="inline-expand-btn" @click="toggleExpand('tool')">灞曞紑</button>
+ <span>鎸夐挳鏌ョ湅鍏ㄩ儴</span>
</td>
</tr>
</tbody>
@@ -99,14 +101,14 @@
</view>
<!-- 宸ュ崟棣栨璁板綍琛ㄦ牸 -->
- <view class="table-section">
+ <view class="table-section" :class="{'expanded': inspectionExpanded}">
<view class="table-header">
<h3>宸ュ崟棣栨璁板綍</h3>
<button class="expand-btn" @click="toggleExpand('inspection')">
{{ inspectionExpanded ? '鏀惰捣' : '灞曞紑' }}
</button>
</view>
- <table class="styled-table" :class="{'expanded': inspectionExpanded}">
+ <table class="styled-table">
<thead>
<tr>
<th style="width:10%">妫�楠屽崟鍙�</th>
@@ -136,7 +138,9 @@
</tr>
<tr v-if="hasMoreInspectionRecords && !inspectionExpanded">
<td colspan="10" class="more-records-tip">
- <span>杩樻湁 {{ remainingInspectionRecords }} 鏉¤褰曪紝鐐瑰嚮"灞曞紑"鎸夐挳鏌ョ湅鍏ㄩ儴</span>
+ <span>杩樻湁 {{ remainingInspectionRecords }} 鏉¤褰曪紝鐐瑰嚮</span>
+ <button class="inline-expand-btn" @click="toggleExpand('inspection')">灞曞紑</button>
+ <span>鎸夐挳鏌ョ湅鍏ㄩ儴</span>
</td>
</tr>
</tbody>
@@ -503,11 +507,13 @@
display: flex;
flex-direction: column;
margin: 0;
- overflow-x: auto;
+ overflow: auto; /* 缁熶竴婊氬姩鏉� */
width: 100%;
border: 1px solid #f0f0f0;
border-radius: 8px;
background: #fff;
+ max-height: 220px; /* 榛樿楂樺害 */
+ transition: max-height 0.3s ease;
}
.table-header {
@@ -549,57 +555,24 @@
table.styled-table {
max-width: 1800px;
width: 98vw;
- margin: 0 auto;
+ margin: 0;
border-collapse: separate;
border-spacing: 0;
border: 2px solid #bfbfbf;
background: #fff;
- overflow: hidden;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
- max-height: 180px; /* 璋冩暣楂樺害浣块〉闈㈤ケ婊� */
- display: block;
- overflow-y: hidden;
- transition: max-height 0.3s ease;
}
- table.styled-table.expanded {
- max-height: 400px; /* 灞曞紑鏃剁殑楂樺害 */
- overflow-y: auto;
- }
-
- table.styled-table thead {
- display: table;
- width: 100%;
- table-layout: fixed;
- }
-
- table.styled-table thead th {
- background: #fafafa;
- border-bottom: 2px solid #bfbfbf;
- padding: 16px 10px;
- font-weight: bold;
- text-align: center;
- font-size: 22px;
- position: sticky;
- top: 0;
- z-index: 10;
- }
-
- table.styled-table tbody {
- display: block;
- max-height: calc(180px - 50px); /* 鍑忓幓琛ㄥご楂樺害 */
- overflow-y: hidden;
- }
-
- table.styled-table.expanded tbody {
- max-height: calc(400px - 50px);
- overflow-y: auto;
- }
-
- table.styled-table tbody tr {
- display: table;
- width: 100%;
- table-layout: fixed;
+ table.styled-table thead th {
+ background: #fafafa;
+ border-bottom: 2px solid #bfbfbf;
+ padding: 16px 10px;
+ font-weight: bold;
+ text-align: center;
+ font-size: 22px;
+ position: sticky; /* 琛ㄥご缃《 */
+ top: 0;
+ z-index: 10;
}
table.styled-table tbody td {
@@ -609,6 +582,11 @@
text-align: center;
font-size: 22px;
}
+
+ /* 灞曞紑鐘舵�� - 鍙敼鍙樺鍣ㄩ珮搴� */
+ .table-section.expanded {
+ max-height: 450px; /* 灞曞紑鏃剁殑瀹瑰櫒楂樺害 */
+ }
table.styled-table tbody .left {
text-align: left;
@@ -656,11 +634,38 @@
}
.more-records-tip span {
- display: inline-block;
- padding: 5px 15px;
- background-color: #f0f0f0;
- border-radius: 4px;
- border: 1px dashed #ccc;
+ display: inline;
+ font-size: 20px;
+ color: #666;
+ }
+
+ /* 琛屽唴灞曞紑鎸夐挳鏍峰紡 - 钃濊壊 */
+ .inline-expand-btn {
+ display: inline-block;
+ padding: 2px 12px; /* 鍑忓皬鍐呰竟璺�,涓庢枃瀛楅珮搴︿竴鑷� */
+ margin: 0 6px;
+ background-color: #00A2E9; /* 钃濊壊 */
+ color: white;
+ border: none;
+ border-radius: 3px;
+ font-size: 20px; /* 涓庢彁绀烘枃瀛楀ぇ灏忎竴鑷� */
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.3s;
+ box-shadow: 0 2px 4px rgba(0, 162, 233, 0.2);
+ vertical-align: baseline; /* 涓庢枃瀛楀熀绾垮榻� */
+ line-height: 1.2; /* 鎺у埗琛岄珮 */
+ }
+
+ .inline-expand-btn:hover {
+ background-color: #40a9ff; /* 鎮仠鏃跺彉娣� */
+ box-shadow: 0 4px 8px rgba(0, 162, 233, 0.3);
+ transform: translateY(-1px);
+ }
+
+ .inline-expand-btn:active {
+ background-color: #096dd9; /* 鐐瑰嚮鏃跺彉娣� */
+ transform: translateY(0);
}
/* 鍝嶅簲寮忚皟鏁� */
--
Gitblit v1.9.3