前端
This commit is contained in:
parent
c6830ae865
commit
3fcb1adda3
BIN
fuintAdmin/src/assets/images/loginleft.png
Normal file
BIN
fuintAdmin/src/assets/images/loginleft.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 467 KiB |
@ -2,12 +2,12 @@
|
|||||||
<div class="login">
|
<div class="login">
|
||||||
<div class="box-center">
|
<div class="box-center">
|
||||||
<div class="box-left">
|
<div class="box-left">
|
||||||
<div class="bai-size">百业兴智慧加油站</div>
|
<!-- <div class="bai-size">百业兴智慧加油站</div>-->
|
||||||
<div class="bact-box">
|
<!-- <div class="bact-box">-->
|
||||||
<div class="sanhh">活动营销</div>
|
<!-- <div class="sanhh">活动营销</div>-->
|
||||||
<div class="sanhh">节省人力</div>
|
<!-- <div class="sanhh">节省人力</div>-->
|
||||||
<div class="sanhh">精准定位</div>
|
<!-- <div class="sanhh">精准定位</div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="box-right">
|
<div class="box-right">
|
||||||
<div class="box-title">
|
<div class="box-title">
|
||||||
@ -326,7 +326,7 @@ export default {
|
|||||||
width: 50%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #00aaff;
|
background: #00aaff;
|
||||||
background-image: url("../assets/images/box-left.png");
|
background-image: url("../assets/images/loginleft.png");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
@ -8,22 +8,22 @@
|
|||||||
<span>| 盘点详情</span>
|
<span>| 盘点详情</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 90px; display: flex; justify-content: space-between;">
|
<div style="height: 90px; display: flex; justify-content: space-between;">
|
||||||
<div style="height: 100%; width: 50%; display: flex; justify-content: space-between;">
|
<div style="height: 100%; display: flex; justify-content: space-between;">
|
||||||
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;">
|
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;">
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<span>{{numberOfTanks}}</span>
|
<span style="font-size: 24px;color: #0DC291;font-weight: bold">{{numberOfTanks}}</span>
|
||||||
<span>油罐数量</span>
|
<span>油罐数量</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="box">
|
<div class="box" >
|
||||||
<span>{{inventoryVolume}}</span>
|
<span style="font-size: 24px;color: #3B6ADE;font-weight: bold" >{{inventoryVolume}}</span>
|
||||||
<span>盘点升数</span>
|
<span>盘点升数</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<span>{{stockDifference}}</span>
|
<span style="font-size: 24px;color: #FF4347;font-weight: bold">{{stockDifference}}</span>
|
||||||
<span>库存差异(L)</span>
|
<span>库存差异(L)</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<span>{{profitLossAmount}}</span>
|
<span style="font-size: 24px;color: #FF9655;font-weight: bold">{{profitLossAmount}}</span>
|
||||||
<span>盈亏总额(元)</span>
|
<span>盈亏总额(元)</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -869,14 +869,16 @@ export default {
|
|||||||
}
|
}
|
||||||
.box {
|
.box {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 50%;
|
width: 212px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
background-color: rgba(204, 204, 204, 0.3);
|
background: #FFFFFF;
|
||||||
|
border-radius: 10px 10px 10px 10px;
|
||||||
|
border: 1px solid #EEEEEE;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -140,11 +140,10 @@
|
|||||||
<div class="size-hui">
|
<div class="size-hui">
|
||||||
<div class="nei">现金</div>
|
<div class="nei">现金</div>
|
||||||
<div class="icon-img">
|
<div class="icon-img">
|
||||||
<img src="../../assets/images/cut/组 4666@2x.png" alt="">
|
<img style="width: 20px;height: 20px " src="../../assets/images/cut/组 4666@2x.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 表格-->
|
<!-- 表格-->
|
||||||
@ -534,9 +533,7 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.box{
|
.box{
|
||||||
//box-sizing: border-box;
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
//background: #f9f9f9;
|
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
||||||
@ -607,7 +604,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.icon-img{
|
.icon-img{
|
||||||
//margin-left: 110px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
Loading…
Reference in New Issue
Block a user