schangxiang@126.com
2025-05-21 a3a2b238a2626ef8744e7a135f9ca2e2fbb5184c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<template>
    <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="badge-box"><u-badge :value="index+1" bg-color="#F18201" /></view> -->
        <view class="item-row">
            <view class="label">托盘编号:</view>
            <view class="content auto-wrap">{{Boolean(containerInfo)?containerInfo.containerNo:''}}</view>
        </view>
        <view class="item-row">
            <view class="label">库位编号:</view>
            <view class="content auto-wrap">{{Boolean(containerInfo)?containerInfo.placeNo:''}}</view>
        </view>
        <view class="item-row">
            <view class="label">托盘库位状态:</view>
            <view class="content auto-wrap">{{Boolean(containerInfo)?(parseDic($store,'common_status',containerInfo.containerPlaceStatus)):''}}</view>
        </view>
    </view>
</template>
 
<script>
    import {parseDic} from '@/static/js/utils/index.js'
    export default {
        props: {
            containerInfo: {
                type: Object,
                default: () => {}
            },
            // materialModalData:{
            //     type: Array,
            //     default: () => []
            // }
        },
        data() {
            return {
                materialModalData:[]
            }
        },
        // created(){
        //     this.materialModalData=getDicList(this.$store,'material_modal')?.sysDictDatas
        //     console.log(this.materialModalData);
        // },
        methods:{
            parseDic
        }
    }
</script>
 
<style scoped lang="scss">
    .material-list-item {
        border-bottom: 2rpx solid $uni-border-color;
        padding: 10rpx 20rpx;
        background-color: #fff;
        /* margin-bottom: 10rpx; */
        position: relative;
        margin:-20rpx auto;
        &:last-child {
            border-bottom: 0;
        }
    
        .item-row {
            display: flex;
    
            .label {
                flex-shrink: 0;
                color: #000;
                /* text-align: right; */
                /* font-weight:5; */
                width: 200rpx;
            }
    
            &>.content {
                flex-grow: 1;
                color: $u-content-color;
    
                uni-input {
                    font: inherit;
                    color: $u-primary;
                    text-decoration: underline;
                }
            }
        }
    }
</style>