This commit is contained in:
xd 2024-03-20 08:52:23 +08:00
parent 2cff2ab897
commit cc20aa0d3f
2 changed files with 26 additions and 15 deletions

View File

@ -15,7 +15,7 @@
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card lyScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :15px'" v-for="(item,index) in materialDetailA" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -68,7 +68,7 @@
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card lyScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailB" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -121,7 +121,7 @@
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card lyScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in materialDetailC" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -234,13 +234,13 @@
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card selScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :15px'" v-for="(item,index) in selMaterialDetailA" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
库位
</template>
<span class="kw">{{item.materialBh}}</span>
<el-link class="kw" :underline="false" type="primary">{{item.materialBh}}</el-link>
</el-descriptions-item>
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -282,7 +282,7 @@
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card selScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in selMaterialDetailB" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -330,7 +330,7 @@
</el-card>
</el-col>
<el-col :span="8">
<el-card class="box-card scrollable">
<el-card class="box-card selScrollable">
<el-descriptions border :column="2" size="small" :style="index==0?'': 'margin-top :12px'" v-for="(item,index) in selMaterialDetailC" :key="item.materialBh">
<el-descriptions-item :contentStyle='contentStyle' :labelStyle='labelStyle'>
<template slot="label">
@ -407,12 +407,19 @@
}
/*卡片内容滚动条设置*/
.scrollable::-webkit-scrollbar {
.lyScrollable::-webkit-scrollbar {
display: none; /* 对于Webkit浏览器 */
}
.scrollable{
.lyScrollable{
overflow: auto; /* 自动开启滚动条 */
max-height: 500px; /* 设置最大高度 */
max-height: 630px; /* 设置最大高度 */
}
.selScrollable::-webkit-scrollbar {
display: none; /* 对于Webkit浏览器 */
}
.selScrollable{
overflow: auto; /* 自动开启滚动条 */
max-height: 580px; /* 设置最大高度 */
}
/*最上方三大块样式*/
@ -454,10 +461,12 @@
//
contentStyle: {
'text-align': 'center',
'width': '150px'
'width': '150px',
'color': '#82848a',
'font-size':'12px'
},
//label
labelStyle: { 'width': '80px' },
labelStyle: { 'width': '80px','color':'#606266','font-size':'12px' },
queryParams: {
materialBh: null,

View File

@ -243,7 +243,7 @@
}
.scrollable{
overflow: auto; /* 自动开启滚动条 */
max-height: 600px; /* 设置最大高度 */
max-height: 680px; /* 设置最大高度 */
}
/*最上方三大块样式*/
@ -288,10 +288,12 @@
//
contentStyle: {
'text-align': 'center',
'width': '150px'
'width': '150px',
'color': '#82848a',
'font-size':'12px'
},
//label
labelStyle: { 'width': '80px' },
labelStyle: { 'width': '80px','color':'#606266','font-size':'12px' },
queryParams: {
materialBh: null,