页面问题修改
This commit is contained in:
parent
b1fc8417cd
commit
ddbd6f360b
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -10,7 +10,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div style="display: flex;justify-content: space-between;width: 70%;" v-if="Number(item.rate)>=0">
|
<div style="display: flex;justify-content: space-between;width: 70%;" v-if="Number(item.rate)>=0">
|
||||||
<div style="font-size: 14px;color: #07B78A;">
|
<div style="font-size: 0.75rem;color: #07B78A;">
|
||||||
同比昨日 +{{item.rate}}%
|
同比昨日 +{{item.rate}}%
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex;justify-content: space-between;width: 70%;" v-if="Number(item.rate)<0">
|
<div style="display: flex;justify-content: space-between;width: 70%;" v-if="Number(item.rate)<0">
|
||||||
<div style="font-size: 14px;color: #d81e06;">
|
<div style="font-size: 0.75rem;color: #d81e06;">
|
||||||
同比昨日 {{item.rate}}%
|
同比昨日 {{item.rate}}%
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -212,14 +212,14 @@ export default {
|
||||||
.card-panel {
|
.card-panel {
|
||||||
height: 140px;
|
height: 140px;
|
||||||
// cursor: pointer;
|
// cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 0.75rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: #666;
|
color: #666;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
|
box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
|
||||||
border-color: rgba(0, 0, 0, .05);
|
border-color: rgba(0, 0, 0, .05);
|
||||||
padding: 20px;
|
padding: 15px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
// &:hover {
|
// &:hover {
|
||||||
|
|
@ -241,12 +241,12 @@ export default {
|
||||||
line-height: 18px;
|
line-height: 18px;
|
||||||
// color: rgba(0, 0, 0, 0.5);
|
// color: rgba(0, 0, 0, 0.5);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 16px;
|
font-size: 1rem;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-panel-num {
|
.card-panel-num {
|
||||||
font-size: 28px;
|
font-size: 1.5rem;
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -424,7 +424,7 @@ export default {
|
||||||
param.intoDate = this.formatDateTime(this.baseInfo.intoDate)
|
param.intoDate = this.formatDateTime(this.baseInfo.intoDate)
|
||||||
param.totalAmount=0
|
param.totalAmount=0
|
||||||
param.totalNum=0
|
param.totalNum=0
|
||||||
param.status=2
|
param.status=1
|
||||||
param.imsIntoInventoryDetailAddList = []
|
param.imsIntoInventoryDetailAddList = []
|
||||||
this.noMaterial = false;
|
this.noMaterial = false;
|
||||||
if(this.materialList.length>0){
|
if(this.materialList.length>0){
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,12 @@
|
||||||
</div>
|
</div>
|
||||||
<count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" />
|
<count-to :start-val="0" :end-val="item.num" :duration="2000" class="card-panel-num" />
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="@/assets/kitchen/topIcon1.png" v-if="index==0" style="width: 80%;height: 80%;">
|
||||||
|
<img src="@/assets/kitchen/topIcon2.png" v-if="index==1" style="width: 80%;height: 80%;">
|
||||||
|
<img src="@/assets/kitchen/topIcon3.png" v-if="index==2" style="width: 80%;height: 80%;">
|
||||||
|
<img src="@/assets/kitchen/topIcon4.png" v-if="index==3" style="width: 80%;height: 80%;">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
|
|
@ -43,9 +49,11 @@ export default {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
padding-left: 8px!important;
|
padding-left: 8px!important;
|
||||||
padding-right: 8px!important;
|
padding-right: 8px!important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-panel {
|
.card-panel {
|
||||||
|
width: 100%;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
// cursor: pointer;
|
// cursor: pointer;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
@ -57,6 +65,9 @@ export default {
|
||||||
border-color: rgba(0, 0, 0, .05);
|
border-color: rgba(0, 0, 0, .05);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
// &:hover {
|
// &:hover {
|
||||||
// .icon-message {
|
// .icon-message {
|
||||||
|
|
@ -68,6 +79,7 @@ export default {
|
||||||
// color: #36a3f7;
|
// color: #36a3f7;
|
||||||
// }
|
// }
|
||||||
.card-panel-description {
|
.card-panel-description {
|
||||||
|
width: 60%;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue