完善商品库存的图片展示
This commit is contained in:
parent
22652be64e
commit
da693deebd
@ -171,7 +171,7 @@
|
||||
<template slot="content">
|
||||
<img :src="getImgUrl(record.imgName, record.imgLarge)" width="500px" />
|
||||
</template>
|
||||
<div style="width:52px;height:52px;" v-if="record.imgName">
|
||||
<div class="item-info" v-if="record.imgName">
|
||||
<img v-if="record.imgName" :src="getImgUrl(record.imgName, record.imgSmall)" class="item-img" title="查看大图" />
|
||||
</div>
|
||||
</a-popover>
|
||||
@ -276,7 +276,7 @@
|
||||
width: 100,
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
{title: '图片', dataIndex: 'pic', width: 65, scopedSlots: { customRender: 'customPic' }},
|
||||
{title: '图片', dataIndex: 'pic', width: 60, scopedSlots: { customRender: 'customPic' }},
|
||||
{title: '条码', dataIndex: 'mBarCode', width: 120},
|
||||
{title: '名称', dataIndex: 'name', width: 160, scopedSlots: { customRender: 'customName' }},
|
||||
{title: '规格', dataIndex: 'standard', width: 120},
|
||||
@ -486,6 +486,12 @@
|
||||
@import '~@assets/less/common.less'
|
||||
</style>
|
||||
<style>
|
||||
.item-info {
|
||||
float:left;
|
||||
width:38px;
|
||||
height:38px;
|
||||
margin-left:6px
|
||||
}
|
||||
.item-img {
|
||||
cursor:pointer;
|
||||
position: static;
|
||||
|
||||
@ -110,8 +110,7 @@
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="showMaterialInOutList(record)">{{record.id?'流水':''}}</a>
|
||||
</span>
|
||||
<template slot="customBarCode" slot-scope="text, record">
|
||||
<div :style="record.imgName?'float:left;line-height:30px':'float:left;'">{{record.mBarCode}}</div>
|
||||
<template slot="customPic" slot-scope="text, record">
|
||||
<a-popover placement="right" trigger="click">
|
||||
<template slot="content">
|
||||
<img :src="getImgUrl(record.imgName, record.imgLarge)" width="500px" />
|
||||
@ -209,9 +208,8 @@
|
||||
{title: '库存流水', dataIndex: 'action', align:"center", width: 60,
|
||||
scopedSlots: { customRender: 'action' }
|
||||
},
|
||||
{title: '条码', dataIndex: 'mBarCode', width: 100, sorter: (a, b) => a.mBarCode - b.mBarCode,
|
||||
scopedSlots: { customRender: 'customBarCode' }
|
||||
},
|
||||
{title: '图片', dataIndex: 'pic', width: 40, scopedSlots: { customRender: 'customPic' }},
|
||||
{title: '条码', dataIndex: 'mBarCode', width: 100, sorter: (a, b) => a.mBarCode - b.mBarCode},
|
||||
{title: '名称', dataIndex: 'name', width: 140, ellipsis:true},
|
||||
{title: '规格', dataIndex: 'standard', width: 100, ellipsis:true},
|
||||
{title: '型号', dataIndex: 'model', width: 100, ellipsis:true},
|
||||
@ -339,9 +337,9 @@
|
||||
<style scoped>
|
||||
.item-info {
|
||||
float:left;
|
||||
width:30px;
|
||||
height:30px;
|
||||
margin-left:8px
|
||||
width:38px;
|
||||
height:38px;
|
||||
margin-left:6px
|
||||
}
|
||||
.item-img {
|
||||
cursor:pointer;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user