style(wayBill): 调整表格样式和字体大小

- 移除数量和单价列
- 统一调整字体大小为16px
- 优化表格列宽和输入框样式
- 调整标签和输入框的对齐方式
This commit is contained in:
砂糖
2026-02-02 13:40:02 +08:00
parent d8ddb12228
commit 31e2e57b5a

View File

@@ -51,9 +51,9 @@
<th>卷号</th>
<th>规格</th>
<th>材质</th>
<th>数量</th>
<!-- <th>数量</th> -->
<th>重量T</th>
<th>单价</th>
<!-- <th>单价</th> -->
</tr>
</thead>
@@ -68,7 +68,7 @@
</tr>
<!-- 明细数据 -->
<tr v-for="(item, index) in displayWaybillDetails" :key="index">
<td><input type="text" class="transparent-input" v-model="item.productName" /></td>
<td><input type="text" class="table-input transparent-input" v-model="item.productName" /></td>
<td><input type="text" class="table-input transparent-input" v-model="item.edgeType" />
</td>
<td><input type="text" class="table-input transparent-input" v-model="item.packageType" />
@@ -83,11 +83,11 @@
<td><input type="text" class="table-input transparent-input" v-model="item.specification" /></td>
<td><input type="text" class="table-input transparent-input" v-model="item.material" />
</td>
<td><input type="number" class="table-input transparent-input" v-model.number="item.quantity"
placeholder="0" /></td>
<!-- <td><input type="number" class="table-input transparent-input" v-model.number="item.quantity"
placeholder="0" /></td> -->
<td><input type="number" class="table-input transparent-input" v-model.number="item.weight"
placeholder="0.00" /></td>
<td><input type="text" class="table-input transparent-input" v-model="item.unitPrice" /></td>
<!-- <td><input type="text" class="table-input transparent-input" v-model="item.unitPrice" /></td> -->
</tr>
</tbody>
@@ -104,7 +104,7 @@
<div class="waybill-pickup-location">
<!-- <div class="pickup-location-item inline"> -->
<span class="label">取货地点</span>
<span style="font-size: 16px; font-weight: bold;">取货地点</span>
<input type="text" class="editable-input full-input transparent-input" v-model="localWaybill.pickupLocation" />
<!-- </div> -->
</div>
@@ -466,7 +466,8 @@ export default {
.label {
font-weight: bold;
display: inline-block;
width: 80px;
width: 100px;
font-size: 16px;
text-align: right;
white-space: nowrap;
}
@@ -480,7 +481,7 @@ export default {
padding: 4px 8px;
border: 1px solid #dcdfe6;
border-radius: 4px;
font-size: 14px;
font-size: 16px;
font-family: SimSun, serif;
outline: none;
transition: all 0.2s;
@@ -492,7 +493,7 @@ export default {
}
.date-input {
width: 30px;
width: 40px;
text-align: center;
margin-right: 5px;
}
@@ -525,6 +526,7 @@ export default {
line-height: 6mm;
text-align: center;
vertical-align: middle;
font-size: 16px;
padding: 0;
overflow: hidden;
white-space: nowrap;
@@ -533,7 +535,7 @@ export default {
/* 表格列宽设置 */
.waybill-table th:nth-child(1),
.waybill-table td:nth-child(1) {
width: 80px;
width: 60px;
/* 品名 */
}
@@ -581,27 +583,29 @@ export default {
.waybill-table th:nth-child(9),
.waybill-table td:nth-child(9) {
width: 40px;
width: 80px;
/* 材质 */
}
.waybill-table th:nth-child(10),
/* 数量(件) */
/* .waybill-table th:nth-child(10),
.waybill-table td:nth-child(10) {
width: 60px;
/* 数量(件) */
}
.waybill-table th:nth-child(11),
.waybill-table td:nth-child(11) {
} */
.waybill-table th:nth-child(10),
.waybill-table td:nth-child(10) {
width: 80px;
/* 重量kg */
}
.waybill-table th:nth-child(12),
/* 单价 */
/* .waybill-table th:nth-child(12),
.waybill-table td:nth-child(12) {
width: 40px;
/* 单价 */
}
} */
.waybill-table th {
@@ -623,10 +627,10 @@ export default {
border: none;
outline: none;
background: transparent;
font-family: inherit;
font-size: inherit;
/* font-family: inherit; */
font-size: 16px;
line-height: 6mm;
text-align: inherit;
text-align: center;
vertical-align: middle;
}
@@ -695,7 +699,7 @@ export default {
/* 备注样式 */
.waybill-remarks {
margin-bottom: 30px;
font-size: 14px;
font-size: 16px;
line-height: 1.5;
text-align: justify;
}
@@ -721,9 +725,12 @@ export default {
font-size: 16px;
}
.waybill-pickup-location label {
font-size: 14px;
margin-right: 10px;
font-size: 16px;
/* margin-right: 10px; */
text-align: left !important;
width: 40px;
}
@@ -742,7 +749,7 @@ export default {
}
.footer-item .label {
font-size: 14px;
font-size: 16px;
margin-right: 10px;
width: 40px;
}