#

whycq

2023-02-13 8207882825e81313cfd5af74b3d30a1414a908ba

#

 pages/pakin/pakin.vue

@@ -16,8 +16,8 @@

    <view class="list" v-for="(item,i) in dataList" :key="i">
        <view class="list-left">
            <view class="desc">序号：</view>
            <view>{{i}}</view>
            <view class="desc">No：</view>
            <view>{{i + 1}}</view>
            <view class="desc">编码：</view>
            <view>{{item.matnr}}</view>
            <view class="desc">品名：</view>
@@ -27,11 +27,21 @@
            <view class="desc">批号：</view>
            <view>{{item.batch}}</view>
            <view class="desc">数量：</view>
            <view>{{item.cstmr}}</view>
            <view>{{item.anfme}}</view>
        </view>
        <view class="list-right">
            <uni-icons type="compose" color="#c1c1c1" size="24"></uni-icons>
            <uni-icons type="trash" color="#c1c1c1" size="24"></uni-icons>
        </view>
    </view>
    <view  style="height: 120rpx;">

        </view>
	
    <!-- 底部操作按钮 -->
    <view class="buttom">
        <button size="mini">重置</button>
        <button size="mini" >组托</button>
    </view>

</template>
@@ -41,12 +51,49 @@
        data() {
            return {
                dataList: [{
                    matnr: "whycq19950520222222-23232",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "1"
                }, {
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    cstmr: "客户信息"
                }, ]
                    anfme: "12"
                },{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "12"
                },{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "12"
                },{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "12"
                },{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "12"
                },{
                    matnr: "whycq19950520",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
                    anfme: "12"
                }
                ]
            }
        },
        onLoad() {

 static/css/app.less

@@ -21,14 +21,12 @@
    }
}
.list {
    margin-top: 5rpx;
    width: 100%;
    margin: 5px 15px 0 15px;
    min-height: 80rpx;
    // background-color: #bbb;
    display: grid;
    grid-template-columns: 550rpx 1fr;
    border-bottom: 1px solid #bbb;
    &-left {
        // background-color: #007aff;
        display: grid;
        grid-template-columns: 1fr 3fr;
        .desc {
@@ -36,6 +34,25 @@
        }
    }
    &-right {
		
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
    &:last-child {
        border:none;
    }
    :last-child {
        margin-bottom: 10rpx;
    }
}
.buttom {
    position: fixed;
    bottom: 0;
    left: 0;
	
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rpx;
    // background-color: #007aff;
}