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