<template>
|
<view class="material-item-group" v-show="Boolean(materialData.materialNo)">
|
<view class="material-list-item">
|
<!-- <view class="close-btn">
|
<view class="icon-layer"><u-icon name="close" color="#ffffff" size="24" /></view>
|
</view> -->
|
<view class="item-row">
|
<view class="label">信息提示</view>：
|
<view class="content auto-wrap">{{materialData.alertInfomation}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">物料唯一码</view>：
|
<view class="content auto-wrap">{{materialData.materialId}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">物料件号</view>：
|
<view class="content auto-wrap">{{materialData.materialNo}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">物料名称</view>：
|
<view class="content auto-wrap">{{materialData.materialName}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">供应商</view>：
|
<view class="content auto-wrap">{{materialData.supplier}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">件号</view>：
|
<view class="content auto-wrap">{{materialData.materialNo}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">规格</view>：
|
<view class="content auto-wrap">{{materialData.materialSpec}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">机型</view>：
|
<view class="content auto-wrap">{{parseDic($store,'material_modal',materialData.materialModel)}}</view>
|
</view>
|
<view class="item-row">
|
<view class="label">批次</view>：
|
<view class="content auto-wrap">{{materialData.materialBatch}}</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
parseDic
|
} from '@/static/js/utils/index.js'
|
export default {
|
props: {
|
materialData: {
|
type: Object,
|
default: () => ({})
|
}
|
},
|
data() {
|
return {
|
}
|
},
|
|
methods: {
|
|
parseDic
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.bottom-btns-row {
|
display: flex;
|
justify-content: center;
|
padding: 10rpx 10rpx;
|
background-color: #fff;
|
|
.btn-frame {
|
flex: 1;
|
box-sizing: border-box;
|
}
|
|
.btn-frame:nth-child(1) {
|
margin-right: 10rpx;
|
}
|
|
.left-btn-frame {
|
padding-left: 20rpx;
|
padding-right: 8rpx;
|
}
|
|
.right-btn-frame {
|
padding-right: 20rpx;
|
padding-left: 8rpx;
|
}
|
}
|
|
.forma-item {
|
margin-bottom: 24rpx;
|
}
|
|
.material-item-group {
|
background-color: $uni-bg-color;
|
padding-top: 10rpx;
|
|
.material-list-item {
|
border-bottom: 2rpx solid $uni-border-color;
|
padding-bottom: 10rpx;
|
padding-left: 50rpx;
|
margin-bottom: 10rpx;
|
position: relative;
|
|
&:last-child {
|
border-bottom: 0;
|
}
|
|
.item-row {
|
display: flex;
|
padding: 10px 0;
|
border-bottom: 1px solid #ccc;
|
|
.label {
|
flex-shrink: 0;
|
color: #000;
|
width: 150rpx;
|
text-align-last: justify;
|
text-align: justify;
|
}
|
|
.content {
|
flex-grow: 1;
|
color: $u-content-color;
|
}
|
|
}
|
|
.badge-box {
|
position: absolute;
|
top: 8rpx;
|
left: 8rpx;
|
z-index: 1;
|
}
|
|
// .close-btn {
|
// $closeBtnSize: 70rpx;
|
// width: $closeBtnSize;
|
// height: $closeBtnSize;
|
// z-index: 1;
|
// position: absolute;
|
// top: 0rpx;
|
// right: 8rpx;
|
// background-color: $u-error;
|
// opacity: 0.6;
|
// border-radius: 25rpx;
|
|
// .icon-layer {
|
// position: absolute;
|
// width: 100%;
|
// height: 100%;
|
// display: flex;
|
// align-items: center;
|
// justify-content: center;
|
// z-index: 2;
|
// }
|
// }
|
}
|
}
|
</style>
|
