<template>
    <view class="container">
        <view class="header">
            <view class="flex-d">
                <text>仓库: 河南仓</text>
                <text class="mt-16">库位编号: {{ location }}</text>
                <text class="mt-16">订单数量: 3</text>
            </view>
        </view>

        <view class="product-details">
            <LocationOrderItem v-for="(item, index) in products" :key="index" :item="item" />
        </view>

        <!-- 底部扫码输入框 -->
        <view class="fixed-bottom pad-20" style="background: #ffffff;">
            <u-search placeholder="请输入快递单号/订单编号" v-model="searchValue" @confirm="onSearch" :show-action="false"
                custom-style="margin-right:10px"></u-search>
            <u-icon name="scan" size="28" color="#19be6b" @click="openScan"></u-icon>
        </view>
    </view>
</template>

<script setup>
import {
    reactive,
    ref
} from 'vue'
import LocationOrderItem from './components/LocationOrderItem.vue'

const location = 'K01-01-1A'
const searchValue = ref('')

const products = ref([{
    orderNo: '978704051555',
    logisticsNo: "SFUS98218323132131",
    inspectionDate: "2023-01-01",
    badCount: 5,
    operator: '张三',
},
{
    orderNo: '978704051555',
    logisticsNo: "SFUS98218323132131",
    inspectionDate: "2023-01-01",
    badCount: 5,
    operator: '张三',
}
])

const operationLogs = ref([
    // Example log data
    {
        date: '2024-01-12 14:18:01',
        user: '张张张',
        action: '提交出库'
    },
    {
        date: '2024-01-12 14:18:01',
        user: '张张张',
        action: '提交入库'
    }
])

const onSearch = () => {
    // Implement search logic here
}

function openScan() {

}
</script>

<style lang="scss" scoped>
.header {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 30rpx;
    background-color: #ffffff;
}

.status {
    color: green;
}


.log-item {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 30rpx;
    border-bottom: 1px solid #e0e0e0;
}
</style>