小程序

Mr.Zhang

2023-08-30 b2bf29a2e58d0cbf7dbe19f5640598e64f14b637

小程序

 minipro_standard/components/selectMaterial.vue

@@ -1,9 +1,29 @@
<template>

    <u-popup :show="show" :round="10" closeable @close="show=false">

        <view class="material-content">

        <view class="material-content bbox p30">

            <view class="tc b f24 c2">选择物料</view>

            <u-list @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">

                <u-list-item v-for="(item, index) in list" :key="index">
                    <view class="" style="height: 20px;">{{item}}</view>
                <u-list-item v-for="(item1, index) in list" :key="index">

                    <view class="" style="height: 20px;" @click="jump(item1)">

                        <div class="page_content_title_top">

                            <span>{{ item1.materialName + ' | ' + item1.materialCode }}</span>

                        </div>

                        <div class="page_content_title_bottom">

                            <span>{{ item1.locationName }}&nbsp;/&nbsp;</span>

                            <span>{{ item1.num }}{{ item1.unitName }}</span>

                        </div>

                        <div class="page_content_title_bottom">

                            <span class="green" v-if="item1.qualityType == 0">合格&nbsp;<span

                                    class="c1">/</span>&nbsp;</span>

                            <span class="orange" v-else-if="item1.qualityType == 1">不良&nbsp;<span

                                    class="c1">/</span>&nbsp;</span>

                            <span class="red" v-else-if="item1.qualityType == 2">报废&nbsp;<span

                                    class="c1">/</span>&nbsp;</span>

                            <span v-else>-&nbsp;/&nbsp;</span>

                            <span>{{item1.procedureName ? item1.procedureName : '-'}}&nbsp;/&nbsp;</span>

                            <span>{{item1.batch ? item1.batch : '-'}}</span>

                        </div>

                    </view>

                </u-list-item>

            </u-list>

        </view>

@@ -21,8 +41,8 @@
                    index: 1,

                    total: 0

                },

                list: [
                    1,2,3,4,5,6,7,8
                list: [

                    1, 2, 3, 4, 5, 6, 7, 8

                ]

            };

        },

@@ -40,16 +60,30 @@
                this.loadData()

            },

            loadData() {

                this.list = [1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6,1,2,3,4,5,6]

                this.list = [{

                    batch: '1',

                    materialName: 'dsadas',

                    materialCode: '1m0001',

                    locationName: 'a仓2号位',

                    num: '1',

                    unitName: '块',

                    qualityType: 0,

                    procedureName: '压制',



                }]

            },

            scrolltoupper() {
                console.log('scrolltoupper');
                this.loadData()
            scrolltoupper() {

                console.log('scrolltoupper');

                this.loadData()

            },

            scrolltolower() {
                console.log('scrolltolower');
                this.loadData()
            },

            scrolltolower() {

                console.log('scrolltolower');

                this.loadData()

            },
            jump(item) {
                this.$emit('selectAction', item)
                this.show = false
            }

        }

    }

</script>

@@ -58,4 +92,50 @@
    .material-content {

        height: 800rpx;

    }



    .page_content_title_top {

        display: flex;

        align-items: center;

        justify-content: space-between;



        span {

            &:nth-child(1) {

                font-size: 30rpx;

                font-weight: 500;

                color: #222222;

            }



            &:nth-child(2) {

                flex-shrink: 0;

                font-size: 24rpx;

                font-weight: 400;

                color: #333333;



                // span {

                //     font-size: 24rpx;

                //     color: $nav-color;

                // }

            }

        }

    }



    .page_content_title_bottom {

        margin-top: 10rpx;



        span {

            font-size: 24rpx;

            font-weight: 400;

            color: #666666;

        }

    }



    .page_content_title {

        display: flex;

        flex-direction: column;

        margin-bottom: 10rpx;









    }

</style>

 minipro_standard/pages_adjust/pages/manualFeed/manualFeed.vue

@@ -48,7 +48,7 @@
                </div>

            </u-swipe-action-item>

        </u-swipe-action>
        <SelectMaterial ref="selectMaterial" />

        <SelectMaterial ref="selectMaterial" @selectAction="getValue"/>

    </view>

</template>



@@ -145,6 +145,9 @@
                    })

                    this.materialList[index].num = ''

                }

            },
            getValue(item) {
                console.log(item);
            }

        }

    }