#

whycq

2023-10-06 0e324729a41812dc6dfee2af3e545042d3d3425b

#

 components/z-data-list-detail/z-data-list-detail.vue

File was deleted

 components/z-data-list/z-data-list.vue

@@ -3,14 +3,14 @@
        <view class="main">
            <view class="main-left" >
                <view class="main-list" v-for="it in dataList" >
                    <view>key</view>
                    <view style="margin-left: 8px;">value</view>
                    <view>{{it.key}}</view>
                    <view style="margin-left: 8px;">{{it.value}}</view>
                </view>
            </view>
            <view class="main-right">
            <view class="main-right" @click="goDetail">
                <view class="list-options">
                    <view class="list-number">1</view>
                    <view class="abdb" @click="goDetail()"> > </view>
                    <view class="abdb"> > </view>
                </view>
            </view>
        </view>
@@ -23,15 +23,38 @@
        data() {
            return {
                dataList: [
                    {},
                    {},
                    {},
                    {},
                ]
                    {key: '商品编码',value: 'fbr3242'},
                    {key: '批号',value: '20231006'},
                    {key: '数量',value: '200'},
                    {key: '商品编码',value: 'fbr3242'},
                    {key: '批号',value: '20231006'},
                    {key: '数量',value: '200'}
                ],
                detailList: [],
                dataKey: {}
            };
        },
        methods: {
            goDetail() {
                this.$emit('goDetail');
            }
        },
        created() {
            console.log(this.list);
            this.dataList = this.list.detl
        },
        props: {
            list: {
                type: Object,
                default() {
                    return {}
                }
            },
            keyName: {
                type: Object,
                default() {
                    return {}
                }
            }
        }
    }
@@ -43,18 +66,20 @@
    .main {
        position: relative;
        min-height: 70rpx;
        background-color: #fdadfc;
        background-color: #ebe7e6;
        display: flex;
        align-items: stretch;
        margin: 8px 8px 8px 8px;
        border-radius: 16rpx;
    }
    .main-left {
        flex: 4;
        display: flex;
        flex-direction: column;
        padding-top: 8rpx;
        padding-bottom: 8rpx;
    }
    .main-right {
        background-color: #cccccc;
        flex: 1;
        display: flex;
        align-items: center;

 pages/component/demo.vue

@@ -17,7 +17,10 @@
        
        <hr>
        
        <z-data-list></z-data-list>
        <z-data-list class="data-list" v-for="it in zDataList"  @goDetail='goDetail' :list="it" :keyName="zDataKey"></z-data-list>
		
        <!-- 垫高 -->
        <view style="height: 100rpx;"></view>
    </view>
</template>

@@ -31,7 +34,29 @@
                    {name: 'aaa',desc: '物料码',btn: true,btnName: '提取',placeholder: '',val: '1',focus: false}
                ],
                zDataList: [
                    {name: 'asd',orderNo: 'CK123',barcode: 'bar321'}
                    {
                        detl: [
                            {key: '商品码',value: '3CPPJ.B.GMB.LZ.QBY4-10/15P316LL'},
                            {key: '商品名称',value: '不锈钢立柱'},
                            {key: '规格',value: 'QBY4-10/15P316LLZ'},
                            {key: '数量',value: 10},
                        ],
                    },
                    {
                        detl: [
                            {key: '商品码',value: '3CPPJ.B.GMB.LZ.'},
                            {key: '商品名称',value: '立柱'},
                            {key: '规格',value: '15P316LLZ'},
                            {key: '数量',value: 8},
                        ],
                    }
                ],
                zDataKey: {str1: '物料编码',str2: '订单号', str3: '托盘码'},
                pData: [
                    {key: '商品码',value: '3CPPJ.B.GMB.LZ.QBY4-10/15P316LL'},
                    {key: '商品名称',value: '不锈钢立柱'},
                    {key: '规格',value: 'QBY4-10/15P316LLZ'},
                    {key: '数量',value: 10},
                ]
                
            }
@@ -59,6 +84,11 @@
                    this.zInputList[2].focus = false
                }
                
            },
            goDetail() {
                uni.navigateTo({
                    url: '/pages/common/data-list/dataDetail'
                })
            }
        }
        
@@ -66,4 +96,10 @@
</script>

<style>
    .data-list {
		
    }
    .data-list:last-child {
        margin-bottom: 100px;
    }
</style>