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