|
@@ -3,29 +3,33 @@
|
|
|
<div class="bg-color-black">
|
|
|
<div class="d-flex pt-2 pl-2">
|
|
|
<div class="d-flex border_bottom">
|
|
|
- <div class="fs-xl text mx-2">{{info.wareCn}}</div>
|
|
|
+ <div class="fs-xl text mx-2">{{ info.wareCn }}</div>
|
|
|
<div class="fs-xl text1">品名:</div>
|
|
|
- <div class="fs-xl text2">{{info.securities}}</div>
|
|
|
+ <div class="fs-xl text2">{{ info.securities }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="text3">当前库存</div>
|
|
|
<div class="d-flex pt-2 pl-2">
|
|
|
<div class="d-flex border_bottom">
|
|
|
- <div class="fs-xl text4 mx-2">{{info.qty}}</div>
|
|
|
+ <div class="fs-xl text4 mx-2">{{ info.qty }}</div>
|
|
|
<div class="fs-xl text5">箱</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="d-flex pt-2 pl-2 border_bottom">
|
|
|
- <div class="icon-in"></div>
|
|
|
- <div class="fs-xl text6 mx-2">今日入库</div>
|
|
|
- <div class="fs-xl text7 mx-2">{{info.dayInQty}}</div>
|
|
|
- <div class="fs-xl text8">箱</div>
|
|
|
+ <div class="d-flex pl-2 pl-2">
|
|
|
+ <div class="d-flex border_bottom">
|
|
|
+ <div class="icon-in"></div>
|
|
|
+ <div class="fs-xl text6 mx-2">今日入库</div>
|
|
|
+ <div class="fs-xl text7 mx-2">{{ info.dayInQty }}</div>
|
|
|
+ <div class="fs-xl text8">箱</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="d-flex pt-2 pl-2 bottom">
|
|
|
- <div class="icon-out"></div>
|
|
|
- <div class="fs-xl text6 mx-2">今日出库</div>
|
|
|
- <div class="fs-xl text7 mx-2">{{ info.dayOutQty}}</div>
|
|
|
- <div class="fs-xl text8">箱</div>
|
|
|
+ <div class="d-flex pt-2 pl-2">
|
|
|
+ <div class="d-flex bottom">
|
|
|
+ <div class="icon-out"></div>
|
|
|
+ <div class="fs-xl text6 mx-2">今日出库</div>
|
|
|
+ <div class="fs-xl text7 mx-2">{{ info.dayOutQty }}</div>
|
|
|
+ <div class="fs-xl text8">箱</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -57,13 +61,13 @@ $box-width: 100%;
|
|
|
padding-right: 10px;
|
|
|
}
|
|
|
.border_bottom {
|
|
|
- padding: 20px 0 20px 0;
|
|
|
- border-bottom: #2288e7 1px solid;
|
|
|
+ padding: 20px 0 20px 5px;
|
|
|
+ border-bottom: #e7c322 1px solid;
|
|
|
width: 100%;
|
|
|
// border: #ff0 0.1333vw solid;
|
|
|
}
|
|
|
.bottom {
|
|
|
- padding: 20px 0 20px 0;
|
|
|
+ padding: 20px 0 20px 5px;
|
|
|
width: 100%;
|
|
|
// border: #ff0 0.1333vw solid;
|
|
|
}
|
|
@@ -98,14 +102,14 @@ $box-width: 100%;
|
|
|
padding: 20px;
|
|
|
}
|
|
|
.text4 {
|
|
|
- color: #F8B655;
|
|
|
- font-family: fantasy;
|
|
|
+ color: #f8b655;
|
|
|
+ font-family: fantasy;
|
|
|
font-size: 4rem;
|
|
|
width: 80%;
|
|
|
height: 3rem /* 100/16 */;
|
|
|
}
|
|
|
.text5 {
|
|
|
- color: #F8B655;
|
|
|
+ color: #f8b655;
|
|
|
font-size: 2rem;
|
|
|
margin-left: 0.1rem;
|
|
|
}
|
|
@@ -139,28 +143,28 @@ $box-width: 100%;
|
|
|
}
|
|
|
.icon-in {
|
|
|
/* 设置元素的宽度和高度 */
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- /* 将背景图片设置为所需的图标 */
|
|
|
- background-image: url('../assets/in.png');
|
|
|
- /* 背景图片不平铺 */
|
|
|
- background-repeat: no-repeat;
|
|
|
- /* 背景图片居中 */
|
|
|
- background-position: center;
|
|
|
- /* 背景图片尺寸 */
|
|
|
- background-size: contain;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ /* 将背景图片设置为所需的图标 */
|
|
|
+ background-image: url('../assets/in.png');
|
|
|
+ /* 背景图片不平铺 */
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ /* 背景图片居中 */
|
|
|
+ background-position: center;
|
|
|
+ /* 背景图片尺寸 */
|
|
|
+ background-size: contain;
|
|
|
}
|
|
|
.icon-out {
|
|
|
/* 设置元素的宽度和高度 */
|
|
|
- width: 32px;
|
|
|
- height: 32px;
|
|
|
- /* 将背景图片设置为所需的图标 */
|
|
|
- background-image: url('../assets/out.png');
|
|
|
- /* 背景图片不平铺 */
|
|
|
- background-repeat: no-repeat;
|
|
|
- /* 背景图片居中 */
|
|
|
- background-position: center;
|
|
|
- /* 背景图片尺寸 */
|
|
|
- background-size: contain;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ /* 将背景图片设置为所需的图标 */
|
|
|
+ background-image: url('../assets/out.png');
|
|
|
+ /* 背景图片不平铺 */
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ /* 背景图片居中 */
|
|
|
+ background-position: center;
|
|
|
+ /* 背景图片尺寸 */
|
|
|
+ background-size: contain;
|
|
|
}
|
|
|
</style>
|