#

whycq

2024-04-08 5860a22b3b17264b379c39e0a9a45712e7dea1b9

#

 pages/phyz/order/pakinOrderSelect.vue

@@ -1,22 +1,38 @@
<template>
    <view class="container">
        <view class="code">
            <uni-search-bar :focus="searchValueFocus" v-model="searchValue"  @input="searchValueInput2()"
            <uni-search-bar :focus="searchValueFocus" v-model="searchValue" 
                maxlength="500" ancel="cancel" @confirm="searchValueInput2()" @clear="clear" placeholder="输入 / 扫描 订单号">
            </uni-search-bar>
            <view class="code-title">
                <view></view>
                <view>单据列表</view>
                <view style="width: 100%;text-align: center;margin: 16rpx;">{{searchValue}} 总数量：- {{total}} -</view>
                <view></view>
                <!-- <view @click="allChecked">{{allCheckBtnTitle}}</view> -->
            </view>
        </view>
        <view  v-for="orderDetl in dataList" >
            <view>{{orderDetl.orderNo}}</view>
            <view>{{orderDetl.matnr}}</view>
            <view>{{orderDetl.threeCode}}</view>
            <hr>
		
        <view class="list list-font-color" :class="orderDetl.color" v-for="orderDetl in dataList" >
            <view class="list-left">
                <view class="detl-threeCode">{{orderDetl.threeCode}}</view>
                <view>主单号：{{orderDetl.orderNo}}</view>
                <view>编号：{{orderDetl.matnr}}</view>
                <view>名称：{{orderDetl.maktx}}</view>
                <view>总数量：{{orderDetl.anfme}}</view>
                <view>已入数量：{{orderDetl.qty}}</view>
            </view>
            <view class="list-right">
                <uni-icons type="folder-add" size="25"  color="#fff"></uni-icons>
            </view>
        </view>
        <view class="shop-car">
            <view class="car-left">
                <uni-icons type="cart-filled" size="35"  color="#fff"></uni-icons>
            </view>
            <view class="car-right">
                <text>10</text>
            </view>
        </view>
        <view style="height: 50rpx;"></view>
    </view>
</template>

@@ -28,6 +44,7 @@
                token: '',
                searchValueFocus: true,
                searchValue: '',
                total: '',
                dataList: [],
                data: {
                    curr: 1,
@@ -40,12 +57,14 @@
        onShow() {
            this.baseUrl = uni.getStorageSync('baseUrl');
            this.token = uni.getStorageSync('token');
            this.getOrderDetlList()
            this.searchValue = uni.getStorageSync('threeCode');
            this.getOrderDetlList(this.searchValue,30)
        },
        methods: {
            getOrderDetlList(threeCode,limit) {
                let _this = this
                _this.data.three_code = threeCode
                _this.data.limit = limit
                uni.request({
                    url: `${_this.baseUrl}/order/detls/pakin/page/auth`,
                    header: {'token': uni.getStorageSync('token')},
@@ -54,16 +73,32 @@
                    success(res) {
                        res = res.data
                        if (res.code === 200) {
                            for (let k of res.data.records) {
                                if (k.anfme > k.qty && k.qty == 0) {
                                    k['color'] = 'order-sts-start'
                                } else if (k.anfme > k.qty && k.qty != 0) {
                                    k['color'] = 'order-sts-working'
                                } else {
                                    k['color'] = 'order-sts-end'
                                }
                            }
                            _this.dataList = res.data.records
                            _this.total = res.data.total
                        } 
                    }
                })
            },
            searchValueInput2() {
                this.getOrderDetlList(this.searchValue,99999)
                uni.setStorageSync('threeCode', this.searchValue);
                if (this.searchValue.length == 0) {
                    this.getOrderDetlList(this.searchValue,30)
                } else {
                    this.getOrderDetlList(this.searchValue,999999)
                }
				
            },
            clear() {
                this.getOrderDetlList(this.searchValue,99999)
                this.getOrderDetlList(this.searchValue,30)
            }
        }
    }
@@ -72,4 +107,43 @@

<style>
    @import url('../../../static/css/common/order.css');
    .list-font-color {
        color: #fff;
        /* background-color: #33bb44; */
    }
    .order-sts-start {
        background-color: #3eb689;
    }
    .order-sts-working {
        background-color: #ff9d46;
    }
    .order-sts-end {
        background-color: #ff7356;
    }
    .detl-threeCode {
        font-size: 28px;
        font-weight: bold;
    }
    .shop-car {
        position: fixed;
        left: 60rpx;
        bottom: 80rpx;
        background-color: #2299ff;
        width: 260rpx;
        height: 90rpx;
        display: flex;
        align-items: center;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, .6);
        border-radius: 10rpx;
        color: #fff;
        font-size: 28px;
        font-weight: bold;
    }
    .car-left {
        padding: 16rpx;
        flex: 5;
    }
    .car-right {
        flex: 4;
    }
</style>

 static/css/common/order.css

@@ -11,7 +11,7 @@
    .code-title {
        display: flex;
        justify-content: space-around;
        height: 50rpx;
        /* height: 50rpx; */
    }
    .list {
        margin: 20rpx;