style(wayBill): 调整表格样式和字体大小
- 移除数量和单价列 - 统一调整字体大小为16px - 优化表格列宽和输入框样式 - 调整标签和输入框的对齐方式
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user