feat(运单): 添加取货地点输入框
新增取货地点输入框及相关样式,用于记录运输单据中的取货位置信息
This commit is contained in:
@@ -101,6 +101,13 @@
|
|||||||
<p>1、品名:冷硬钢卷(酸连轧)、冷轧钢卷(脱脂退火火拉矫)、镀锌卷板,镀锌管料(镀锌分剪料);2、切边:净边/毛边;3、包装:裸包:周三径四;简包1:周三径四内外护角;简包2:周三径四+防锈纸;普包:周三径四+内外护角+防锈纸+端护板;精包1:周三径四+内外护角+防锈纸+薄膜+端护板+内外护板;精包2:周三径四+内外护角+防锈纸+薄膜+端护板+内外护板+木托。</p>
|
<p>1、品名:冷硬钢卷(酸连轧)、冷轧钢卷(脱脂退火火拉矫)、镀锌卷板,镀锌管料(镀锌分剪料);2、切边:净边/毛边;3、包装:裸包:周三径四;简包1:周三径四内外护角;简包2:周三径四+防锈纸;普包:周三径四+内外护角+防锈纸+端护板;精包1:周三径四+内外护角+防锈纸+薄膜+端护板+内外护板;精包2:周三径四+内外护角+防锈纸+薄膜+端护板+内外护板+木托。</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="waybill-pickup-location">
|
||||||
|
<!-- <div class="pickup-location-item inline"> -->
|
||||||
|
<span class="label">取货地点:</span>
|
||||||
|
<input type="text" class="editable-input full-input transparent-input" />
|
||||||
|
<!-- </div> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 签名栏 -->
|
<!-- 签名栏 -->
|
||||||
<div class="waybill-footer">
|
<div class="waybill-footer">
|
||||||
<div class="footer-item inline">
|
<div class="footer-item inline">
|
||||||
@@ -539,6 +546,20 @@ export default {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.waybill-pickup-location {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.waybill-pickup-location label {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 10px;
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-item {
|
.footer-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -563,6 +584,11 @@ export default {
|
|||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.full-input {
|
||||||
|
/* 占满本行的剩余空间,父容器不是flex */
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
/* 操作按钮样式 */
|
/* 操作按钮样式 */
|
||||||
.waybill-actions {
|
.waybill-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user