页面问题修改

This commit is contained in:
zzyuan 2025-07-10 15:55:39 +08:00
parent b1fc8417cd
commit ddbd6f360b
7 changed files with 21 additions and 9 deletions

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

View File

@ -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;
} }
} }

View File

@ -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){

View File

@ -8,7 +8,13 @@
</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> <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>
</el-col> </el-col>
</el-row> </el-row>
@ -42,10 +48,12 @@ export default {
.card-panel-col { .card-panel-col {
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;