<template>
    <!-- 自定义导航栏 -->
    <navigation :title="pathParams.billNo">
        <template #right>
            <view class="right-btn flex align-center justify-center ">
                <uv-image @click="onPrinter" src="../../../../static/printer.png" width="20px" height="20px"
                    style="margin-top:10rpx" />
                <uv-image @click="onEdit" src="../../../../static/edit.png" class="ml-24" width="20px" height="20px"
                    style="margin-top:10rpx" />
            </view>
        </template>
    </Navigation>
    <!-- 详情信息 -->
    <detail-info type="stockIn" :detailInfo="detailInfo" />

    <view v-if="detailInfo?.billType == '0'"
        :class="getBillType(detailInfo?.billType, detailInfo?.status) != '物料部分入库' ? 'bottom' : 'bottom1'">
        <uv-button type="error" v-if="getBillType(detailInfo?.billType, detailInfo?.status) != '物料部分入库'" text="作废"
            @click="toObsolete"></uv-button>
        <uv-button type="primary" text="入库单入库" @click="toPutAway"></uv-button>
    </view>
</template>
<script setup>
import _ from 'lodash';
import { ref, computed } from 'vue';
import { onLoad } from "@dcloudio/uni-app";
import { objectToQuery, getBillType } from '../../../until';
import { stockInDetail, inboundBillVoid } from '../../../../api/stockIn';
import DetailInfo from '../../../components/DetailInfo.vue';
import Navigation from '../../../components/Navigation.vue';

// 数据：路径参数
const pathParams = ref('')
// 数据：详情
const detailInfo = ref('')
// 数据：类型  stockIn:入库  stockIn-putAway：入库单入库  stockOut：出库
const type = computed(() => pathParams.value.type)
// 方法：获取详情 - 将isDelete写入
const getDetailInfo = () => {
    stockInDetail({ billNo: pathParams.value.billNo }).then((res) => {
        detailInfo.value = res.data
    })
}

// 打印
const onPrinter = () => {

}
const toObsolete = () => {
    const params = {
        billNo: pathParams.value?.billNo,
        billType: '5'
    }
    inboundBillVoid(params).then((res) => {
        //   /pages/warehousing/stockIn/my
        uni.navigateTo({
            url: `/pages/warehousing/stockIn/my`
        });

    })

}
const setDetailInfoToStorage = (type) => {
    uni.setStorageSync('app_warehousing', [{
        deptName: detailInfo.value?.warehouseName,
        deptCode: detailInfo.value?.warehouseCode,
    }])
    uni.setStorageSync('app_storageArea', [{
        deptName: detailInfo.value?.areaName,
        deptCode: detailInfo.value?.areaCode,
    }])
    if (type) {
        const material = _.filter(detailInfo.value?.itemList, (i) => i?.uniqueCode && i.status == '0')
        const materialSelectList = _.filter(detailInfo.value?.itemList, (i) => !i?.uniqueCode && i.status == '0')
        uni.setStorageSync('app_material', material)
        uni.setStorageSync('app_material_select_list', materialSelectList)
    } else {
        uni.setStorageSync('app_material', detailInfo.value?.itemList)
    }
    uni.setStorageSync('app_billRemark', detailInfo.value?.billRemark,)

}
// 按钮：入库单入库
const toPutAway = () => {
    setDetailInfoToStorage('1')
    uni.navigateTo({
        url: `/pages/warehousing/stockIn/components/inbound?billNo=${pathParams.value.billNo}`
    });
}
// 编辑
const onEdit = () => {
    setDetailInfoToStorage()
    const query = objectToQuery(pathParams.value)
    let url = `/pages/warehousing/stockIn/create${query}`
    uni.navigateTo({
        url: url
    });
}

// 接收路径参数：billNo 
onLoad((options) => {
    if (!options.billNo) {
        uni.showToast({ title: '参数错误,无唯一码ID', icon: 'none' })
        return
    }
    pathParams.value = options
    getDetailInfo()
})

</script>
<style scoped lang="scss">
/* 底部按钮 */


// 底部按钮
.bottom {
    position: fixed;
    bottom: 0;
    height: 60rpx;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    .uv-button-wrapper {
        width: 50%;
        border-radius: 0;
    }
}

.bottom1 {
    position: fixed;
    bottom: 0;
    height: 60rpx;
    font-size: 14px;
    display: flex;
    align-items: center;
    // justify-content: center;
    width: 100%;

    .uv-button-wrapper {
        width: 100%;
        border-radius: 0;
    }
}
</style>