#

whycq

2023-02-11 ad2a98d88f4017e7ce5b61b76657d67aa75ba598

#

 pages.json

@@ -1,6 +1,12 @@
{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/pakin/pakin",
            "style": {
                "navigationBarTitleText": "组托"
            }
        },
        {
            "path": "pages/login/login",
            "style": {
                "navigationBarTitleText": "login"
@@ -12,6 +18,7 @@
                "navigationBarTitleText": "首页"
            }
        }
		
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",

 pages/index/index.vue

@@ -22,6 +22,7 @@
        data() {
            return {
                elements: [
					
                    {
                        title: '组托入库',
                        name: 'pakin',

 pages/pakin/pakin.vue

New file
@@ -0,0 +1,50 @@
<template>
    <view class="main">
        <view class="item">
            <text>托盘码</text>
            <input type="text" placeholder="扫码 / 输入">
        </view>
        <view class="item">
            <text>商品码</text>
            <input type="text" placeholder="扫码 / 输入">
            <view class="item-right">
                <text style="text-align: right;">提取+</text>
                <uni-icons type="right" color="#c1c1c1"></uni-icons>
            </view>
        </view>
    </view>
	
    <view class="list" v-for="(item,i) in dataList" :key="i">
        <view class="list-left">
            <view>序号：</view><view>{{i}}</view>
            <view>编码：</view><view>{{item.matnr}}</view>
            <view>品名：</view><view>{{item.maktx}}</view>
            <view>规格：</view><view>{{item.specs}}</view>
            <view>批号：</view><view>{{item.batch}}</view>
            <view>数量：</view><view>{{item.cstmr}}</view>
        </view>
        <view class="list-right">
			
        </view>
    </view>
	
</template>

<script>
    export default {
        data() {
            return {
                dataList: [{}]
            }
        },
        onLoad() {
	
        },
        methods: {
        }
    }
</script>

<style lang="less">
    @import "../../static/css/app.less";
</style>

 static/css/app.less

New file
@@ -0,0 +1,30 @@
.main {
    margin-top: 5rpx;
    min-height: 80rpx;
    width: 100%;
    background-color: #FFF;
    display: grid;
    justify-items: center;
    .item {
        height: 80rpx;
        width: 90%;
        display: grid;
        grid-template-columns: 1fr 3fr 1fr;
        border-bottom: 1px solid #bbb;
        align-items: center;
        &-right {
            display: grid;
            grid-template-columns: 3fr 1fr;
            align-items: center;
            color: #007aff;
        }
    }
}
.list {
    margin-top: 5rpx;
    width: 100%;
    min-height: 80rpx;
    background-color: #bbb;
    display: grid;
    grid-template-columns: 120rpx 1fr;
}