@extends('layouts.app')
@section('title')推单任务助手-新建任务@endsection
@section('content')
    <div class="d-none" id="list">
        <!--查询            -->
        <div class="row m-3" style="background-color: #fff;">
            <div class="form-group ml-4 mt-3" data-toggle="tooltip" data-placement="top" title="选择全部">
                <input @change="checkAllBtn()" v-model="checkAll" type="checkbox" class="form-check-input"
                       id="checkAll">
                <label class="form-check-label" for="checkAll">选择全部</label>
            </div>
            <div class="form-group m-2">
                <select class="form-control selectpicker" title="分页大小" v-model="tableData.secondData.size">
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="200">200</option>
                    <option value="500">500</option>
                    <option value="1000">1000</option>
                </select>
            </div>

            <div class="form-group m-2" style="max-width: 200px !important;">
                <select v-model="tableData.secondData.search.ownerId" class="selectpicker form-control" title="选择货主"
                        data-actions-box="true"
                        data-live-search="true"
                        data-live-search-placeholder="搜索"
                >
                    <option v-for="(v,k) of selectData.owners" :value="v.id" :key="v.id">@{{ v.name }}</option>
                </select>
            </div>

            <div class="form-group m-2">
                <select class="form-control selectpicker" title="类型" v-model="tableData.secondData.search.type">
                    <option value="正品">正品</option>
                    <option value="次品">次品</option>
                </select>
            </div>

            <div class="form-group m-2">
                <select class="form-control selectpicker" title="状态" v-model="tableData.secondData.search.status">
                    <option value="创建">创建</option>
                    <option value="等待下载">等待下载</option>
                    <option value="已下载">已下载</option>
                    <option value="推单异常">推单异常</option>
                    <option value="已推单">已推单</option>
                    <option value="已入库">已入库</option>
                    <option value="部分上架">部分上架</option>
                    <option value="已上架">已上架</option>
                </select>
            </div>
            <div class="form-group m-2" data-toggle="tooltip" data-placement="top" title="推单任务编号">
                <input v-model="tableData.secondData.search.taskNum" class="form-control" type="text"
                       placeholder="推单任务编号">
            </div>
            <div class="form-group m-2">
                <button class="form-control btn btn-sm btn-info" @click="searchData()">查询</button>
            </div>

        </div>
        <div class="form-group m-3">
            <button class="btn btn-success btn-sm" @click="assignOwner()">
                货主开启攒单
            </button>
        </div>
        <!--表格-->
        <!--创建-->
        <table class="table table-striped table-bordered table-hover card-body td-min-width-80" id="firstTable">
            <tr v-for="(item,i) in tableData.firstData.data" @click="selectTr===i+1?selectTr=0:selectTr=i+1"
                :class="selectTr===i+1?'focusing' : ''">
                <td>
                    <input class="checkItem" type="checkbox" v-model="item.checked">
                    <span>@{{ i+1 }}</span>
                </td>
                <td class="td-warm text-muted"><span>@{{ item.taskNum }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.createTime }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.type }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.status }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.asnNos }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.ownerName }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.storeUpHour }}</span></td>
                <td class="td-warm text-muted">
                    <span>
                        @{{ item.orderAmount }}
                          <button @click="showPackageDetail(item.id,true)" type="button"
                                  class="btn btn-sm btn-primary" data-toggle="modal"
                                  data-target="#staticBackdropShowPackageDetail">查看明细</button>
                    </span>
                </td>
                <td class="td-warm text-muted">
                    <span>
                        @{{ item.commodityAmount }}
                        <button @click="showCommodityDetail(item.id,true)" type="button"
                                class="btn btn-sm btn-primary" data-toggle="modal"
                                data-target="#staticBackdropShowCommodityDetail">查看明细</button>
                    </span>
                </td>
                <td class="td-warm text-muted"><span>
                         <button v-if="item.status == '创建'&&item.orderAmount>0&&item.commodityAmount>0"
                                 @click="stopStoreUp(item.id)" type="button"
                                 class="btn btn-success">停止攒单
                         </button>
                    </span></td>
            </tr>
        </table>
        <!--非创建-->
        <table class="table table-striped table-bordered table-hover card-body td-min-width-80" id="secondTable">
            <tr v-for="(item,i) in tableData.secondData.data" @click="selectTr===i+1?selectTr=0:selectTr=i+1"
                :class="selectTr===i+1?'focusing' : ''">
                <td>
                    <input class="checkItem" type="checkbox" v-model="item.checked">
                    <span>@{{ i+1 }}</span>
                </td>
                <td class="td-warm text-muted"><span>@{{ item.taskNum }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.createTime }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.type }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.status }}</span></td>
                <td class="td-warm text-muted overflow-hidden" style="max-width: 20px!important;"><span>@{{ item.asnNos }}</span>
                </td>
                <td class="td-warm text-muted"><span>@{{ item.ownerName }}</span></td>
                <td class="td-warm text-muted"><span>@{{ item.storeUpHour }}</span></td>
                <td class="td-warm text-muted">
                    <span>
                        @{{ item.orderAmount }}
                          <button @click="showPackageDetail(item.id,true)" type="button"
                                  class="btn btn-sm btn-primary" data-toggle="modal"
                                  data-target="#staticBackdropShowPackageDetail">查看明细</button>
                    </span>
                </td>
                <td class="td-warm text-muted">
                    <span>
                        @{{ item.commodityAmount }}
                        <button @click="showCommodityDetail(item.id,true)" type="button"
                                class="btn btn-sm btn-primary" data-toggle="modal"
                                data-target="#staticBackdropShowCommodityDetail">查看明细</button>
                    </span>
                </td>
                <td class="td-warm text-muted"><span>
                           <button v-if="item.status != '创建'"
                                   @click="downExcel(item)" type="button"
                                   class="btn btn-success">导出EXCEL
                         </button>
                         <button v-if="item.status === '推单异常'"
                                 @click="cancelPush(item)" type="button"
                                 class="btn btn-success">取消推单
                         </button>
                         <button v-if="item.status === '推单异常'"
                                 @click="showPushDetail(item.id)" type="button"
                                 class="btn btn-sm btn-primary" data-toggle="modal"
                                 data-target="#staticBackdropShowPushDetail">查看异常明细</button>
                             <button v-if="item.status === '已推单'"
                                     @click="storeIn(item)" type="button"
                                     class="btn btn-sm btn-primary">入库</button>
                    </span></td>
            </tr>
        </table>
        <!--分页-->
        <nav aria-label="...">
            <ul class="pagination">
                <li class="page-item" :class="tableData.secondData.current===1?'disabled':''">
                    <button class="page-link" @click="secondTablePagination('pre')">上一页</button>
                </li>
                <li class="page-item" :class="tableData.secondData.current===tableData.secondData.pages?'disabled':''">
                    <button class="page-link" @click="secondTablePagination('next')">下一页</button>
                </li>
            </ul>
        </nav>

        <!-- Modal -->
        <!--商品明细-->
        <div class="modal fade" id="staticBackdropShowPackageDetail" tabindex="-1" aria-labelledby="staticBackdropLabel"
             aria-hidden="true">
            <div class="modal-dialog " style="max-width: 100% !important;">
                <div class="modal-content ">
                    <div class="modal-header ">
                        <h5 class="modal-title" id="staticBackdropLabel">订单明细</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body ">
                        <!-- Scrollable modal -->
                        <div class="modal-dialog  modal-dialog-scrollable" style="max-width: 100% !important;">
                            <table class="table table-sm"
                                   style="background: #fff;" id="tablePackage">
                                <tr v-for="(item,i) in showDetailData.packageDetail.data" :key="i">
                                    <td class="td-warm text-muted"><span>@{{ i+1 }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.taskNum }}</span>
                                    </td>
                                    <td class="td-warm text-muted"><span>@{{ item.createdAt }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.checkedNumbers }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.ownerName }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.orderNumber }}</span></td>
                                    <td class="td-warm text-muted  text-truncate"
                                        style="max-width: 60px;">
                                        <span>@{{ item.sender }}</span>
                                    </td>
                                    <td class="td-warm text-muted  text-truncate"
                                        style="max-width: 150px;"><span>@{{ item.mobileSender }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.logisticNumber }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.logisticNumberReturn }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.logisticName }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.feeCollected }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.loadedStatus }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.barcodeGoods }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.nameGoods }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.amount }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.idQualityLabel }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.remark }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.orderRemark }}</span></td>
                                </tr>
                            </table>
                        </div>

                        <nav aria-label="...">
                            <ul class="pagination">
                                <li class="page-item" :class="showDetailData.packageDetail.current===1?'disabled':''">
                                    <button class="page-link" @click="packagePagination('pre')">上一页</button>
                                </li>
                                <li class="page-item"
                                    :class="showDetailData.packageDetail.current===showDetailData.packageDetail.pages?'disabled':''">
                                    <button class="page-link" @click="packagePagination('next')">下一页</button>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!--订单明细-->
        <div class="modal fade" id="staticBackdropShowCommodityDetail" tabindex="-1"
             aria-labelledby="staticBackdropLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content ">
                    <div class="modal-header ">
                        <h5 class="modal-title" id="staticBackdropLabel">商品明细</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body ">
                        <!-- Scrollable modal -->
                        <div class="modal-dialog  modal-dialog-scrollable">
                            <table class="table table-sm"
                                   style="background: #fff;" id="tableCommodity">
                                <tr v-for="(item,i) in showDetailData.commodityDetail.data" :key="i">
                                    <td class="td-warm text-muted"><span>@{{ i+1 }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.taskNum }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.sku }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.nameGoods }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.amount }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.idQualityLabel }}</span></td>
                                </tr>
                            </table>
                        </div>
                        <nav aria-label="...">
                            <ul class="pagination">
                                <li class="page-item" :class="showDetailData.commodityDetail.current===1?'disabled':''">
                                    <button class="page-link" @click="commodityPagination('pre')">上一页</button>
                                </li>
                                <li class="page-item"
                                    :class="showDetailData.commodityDetail.current===showDetailData.commodityDetail.pages?'disabled':''">
                                    <button class="page-link" @click="commodityPagination('next')">下一页</button>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!--推单明细-->
        <div class="modal fade" id="staticBackdropShowPushDetail" tabindex="-1"
             aria-labelledby="staticBackdropLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content ">
                    <div class="modal-header ">
                        <h5 class="modal-title" id="staticBackdropLabel">明细</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body ">
                        <!-- Scrollable modal -->
                        <div class="modal-dialog  modal-dialog-scrollable" style="pointer-events:auto!important;">
                            <table class="table table-sm"
                                   style="background: #fff;" id="tablePushDetail">
                                <tr v-for="(item,i) in showDetailData.pushDetail" :key="i">
                                    <td class="td-warm text-muted"><span>@{{ i+1 }}</span></td>
                                    <td class="td-warm text-muted"><span>@{{ item.sku }}</span></td>
                                    <td class="td-warm text-muted"><span :style="pushDetailStyle(item.status)">@{{ item.status }}</span>
                                    </td>
                                    <td class="td-warm text-muted">
                                        <button @click="removePushDetailError(item)" type="button"
                                                class="btn btn-sm btn-primary">移除异常SKU
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('rejected.rejectedPushTask._assignOwner')
    </div>


@endsection

@section('lastScript')
    <script type="text/javascript" src="{{mix('js/queryForm/header.js')}}"></script>{{--新版2--}}
    <script>
        let vue = new Vue({
            el: "#list",
            data: {
                showDetailData: {
                    packageDetail: {
                        data: [],
                        total: null,
                        current: 1,
                        pages: null,
                        size: 50,
                    },
                    commodityDetail: {
                        data: [],
                        total: null,
                        current: 1,
                        pages: null,
                        size: 50,
                    },
                    pushDetail: []

                },
                selectData: {
                    owners: {!! $owners !!}
                },
                checkAll: false,
                selectTr: 0,
                assign:{
                    ownerId:null
                },
                tableData: {
                    firstData: {
                        data: [],
                        total: null,
                        current: 1,
                        pages: null,
                        size: 1000,
                        search: {
                            ownerId: null,
                            type: null,
                            taskNum: null,
                            status: '创建',
                            ownerIdList: {!! $ownerIds !!}
                        }
                    },
                    secondData: {
                        data: [],
                        total: null,
                        current: 1,
                        pages: null,
                        size: 50,
                        search: {
                            ownerId: null,
                            taskNum: null,
                            type: null,
                            status: null,
                            ownerIdList: {!! $ownerIds !!}
                        }
                    }
                }
            },
            created() {
                this.initData();
            },
            mounted: function () {
                $('#list').removeClass('d-none');
                $(".up").slideUp();
                let firstTableColumn = [
                    {name: 'row_num', value: '序号'},
                    {name: 'id', value: '推单任务编号'},
                    {name: 'createTime', value: '创建时间'},
                    {name: 'type', value: '任务类型'},
                    {name: 'status', value: '状态'},
                    {name: 'asnNos', value: 'ASN单号'},
                    {name: 'ownerName', value: '货主'},
                    {name: 'storeUpHour', value: '积攒时间'},
                    {name: 'orderAmount', value: '订单数'},
                    {name: 'commodityAmount', value: '商品数'},
                    {name: 'action', value: '操作'},
                ];
                new Header({
                    el: "firstTable",
                    name: "firstData",
                    column: firstTableColumn,
                    data: this.tableData.firstData.data,
                    restorationColumn: 'addtime',
                    isCheckAllBox: false,
                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();

                let secondTableColumn = [
                    {name: 'row_num', value: '序号'},
                    {name: 'id', value: '推单任务编号'},
                    {name: 'createTime', value: '创建时间'},
                    {name: 'type', value: '任务类型'},
                    {name: 'status', value: '状态'},
                    {name: 'asnNos', value: 'ASN单号'},
                    {name: 'ownerName', value: '货主'},
                    {name: 'storeUpHour', value: '积攒时间'},
                    {name: 'orderAmount', value: '订单数'},
                    {name: 'commodityAmount', value: '商品数'},
                    {name: 'action', value: '操作'},
                ];
                new Header({
                    el: "secondTable",
                    name: "secondData",
                    column: secondTableColumn,
                    data: this.tableData.secondData.data,
                    restorationColumn: 'addtime',
                    isCheckAllBox: false,
                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();

                let columnPackage = [
                    {name: 'id', value: '序号'},
                    {name: 'rejectedPushTaskHeaderId', value: '推单任务号'},
                    {name: 'createdAt', value: '日期'},
                    {name: 'checkedNumbers', value: '审核号'},
                    {name: 'ownerName', value: '客户名称'},
                    {name: 'orderNumber', value: '订单号'},
                    {name: 'sender', value: '姓名'},
                    {name: 'mobileSender', value: '手机'},
                    {name: 'logisticNumber', value: '原单单号'},
                    {name: 'logisticNumberReturn', value: '退回单号'},
                    {name: 'logisticName', value: '退回公司'},
                    {name: 'feeCollected', value: '到付费用'},
                    {name: 'loadedStatus', value: '是否入库'},
                    {name: 'barcodeGoods', value: '商品条码'},
                    {name: 'nameGoods', value: '商品名称'},
                    {name: 'amount', value: '商品数量'},
                    {name: 'idQualityLabel', value: '质量状态'},
                    {name: 'remark', value: '备注'},
                    {name: 'orderRemark', value: '退单备注'},
                ];
                new Header({
                    el: "tablePackage",
                    name: "details",
                    column: columnPackage,
                    data: this.showDetailData.packageDetail.data,
                    restorationColumn: 'addtime',
                    isCheckAllBox: false,

                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();

                let columnCommodity = [
                    {name: 'id', value: '序号'},
                    {name: 'rejectedPushTaskHeaderId', value: '推单任务号'},
                    {name: 'sku', value: 'SKU'},
                    {name: 'nameGoods', value: '商品名称'},
                    {name: 'amount', value: '商品数量'},
                    {name: 'idQualityLabel', value: '质量状态'},
                ];
                new Header({
                    el: "tableCommodity",
                    name: "details",
                    column: columnCommodity,
                    data: this.showDetailData.commodityDetail.data,
                    restorationColumn: 'addtime',
                    isCheckAllBox: false,
                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();


                let pushDetailColumn = [
                    {name: 'id', value: '序号'},
                    {name: 'sku', value: 'SKU'},
                    {name: 'status', value: '状态'},
                    {name: 'action', value: '操作'}
                ];
                new Header({
                    el: "tablePushDetail",
                    name: "details",
                    column: pushDetailColumn,
                    data: this.showDetailData.pushDetail,
                    restorationColumn: 'addtime',
                    isCheckAllBox: false,
                    fixedTop: ($('#form_div').height()) + ($('#btn').height()) + 1,
                }).init();
            },
            methods: {
                submitAssignOwner(){
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/init?ownerId=${this.assign.ownerId}`
                    axios.get(url).then(res => {
                        if (res.data.code !== 200) {
                            tempTip.show(res.data.message);
                            tempTip.setDuration(2000)
                        } else {
                            this.searchData();
                            tempTip.setDuration(2000)
                            tempTip.showSuccess('提交成功');
                        }
                    });
                },
                assignOwner() {
                    $('#assignOwner').modal('show');
                },
                setFirstDataSearach(){
                    this.tableData.firstData.search.ownerId=this.tableData.secondData.search.ownerId;
                    this.tableData.firstData.search.type= this.tableData.secondData.search.type;
                    this.tableData.firstData.search.taskNum=this.tableData.secondData.search.taskNum;
                    if (this.tableData.secondData.search.status!=null){
                        this.tableData.firstData.search.status=this.tableData.secondData.search.status;
                    }
                },
                //初始化页面数据
                initData() {
                    //加载secondTable
                    let secondDataUrl = this.getBaseUrl() + `/api/wms/rejectedPushTask/list?size=${this.tableData.secondData.size}&current=${this.tableData.secondData.current}`;
                    this.fetch(secondDataUrl, this.tableData.secondData, this.tableData.secondData.search);
                    //加载firstTable
                    this.setFirstDataSearach();
                    let firstDataUrl = this.getBaseUrl() + `/api/wms/rejectedPushTask/list?size=${this.tableData.firstData.size}&current=${this.tableData.firstData.current}`;
                    this.fetch(firstDataUrl, this.tableData.firstData, this.tableData.firstData.search);
                },
                //发送请求并给对应数据赋值
                fetch(url, data, search) {
                    tempTip.showSuccess('开始查询,请稍后!');
                    axios.post(url, search).then(res => {
                        if (res.data.code !== 200) {
                            tempTip.show('接口异常!');
                            data.data = [];
                            data.total = 0
                            data.current = 1
                            data.pages = 0
                        } else {
                            data.data = res.data.data.list;
                            data.total = res.data.data.page.total;
                            data.current = res.data.data.page.pageNum;
                            data.pages = res.data.data.page.pages
                            data.size = res.data.data.page.pageSize;
                        }
                    });
                },
                //包裹明细分页
                packagePagination(flag) {
                    if (flag === 'pre' && this.showDetailData.packageDetail.current > 1) {
                        this.showDetailData.packageDetail.current--;
                    } else if (flag === 'next' && this.showDetailData.packageDetail.current < this.showDetailData.packageDetail.pages) {
                        this.showDetailData.packageDetail.current++;
                    }
                    this.showPackageDetail(this.showDetailData.packageDetail.data[0].rejectedPushTaskHeaderId);
                },
                //商品明细分页
                commodityPagination(flag) {
                    if (flag === 'pre' && this.showDetailData.commodityDetail.current > 1) {
                        this.showDetailData.commodityDetail.current--;
                    } else if (flag === 'next' && this.showDetailData.commodityDetail.current < this.showDetailData.commodityDetail.pages) {
                        this.showDetailData.commodityDetail.current++;
                    }
                    this.showCommodityDetail(this.showDetailData.commodityDetail.data[0].rejectedPushTaskHeaderId);
                },
                //查询商品明细
                showCommodityDetail(id, firstFlag = false) {
                    if (firstFlag) {
                        this.showDetailData.commodityDetail.current = 1;
                    }
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/commodity/list?size=${this.showDetailData.commodityDetail.size}&current=${this.showDetailData.commodityDetail.current}&rejectedPushTaskId=${id}`;
                    tempTip.showSuccess('开始查询,请稍后!');
                    axios.get(url).then(res => {
                        if (res.data.code !== 200) {
                            tempTip.show('接口异常!');
                            this.showDetailData.commodityDetail.data = [];
                            this.showDetailData.commodityDetail.total = 0
                            this.showDetailData.commodityDetail.current = 1
                            this.showDetailData.commodityDetail.pages = 0
                            this.showDetailData.commodityDetail.size = 50;
                        } else {
                            this.showDetailData.commodityDetail.data = res.data.data.list;
                            this.showDetailData.commodityDetail.total = res.data.data.page.total;
                            this.showDetailData.commodityDetail.current = res.data.data.page.pageNum;
                            this.showDetailData.commodityDetail.pages = res.data.data.page.pages
                            this.showDetailData.commodityDetail.size = res.data.data.page.pageSize;
                        }
                    });
                },
                //查询包裹明细
                showPackageDetail(id, firstFlag = false) {
                    if (firstFlag) {
                        this.showDetailData.packageDetail.current = 1;
                    }
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/package/list?size=${this.showDetailData.packageDetail.size}&current=${this.showDetailData.packageDetail.current}&rejectedPushTaskId=${id}`
                    tempTip.showSuccess('开始查询,请稍后!');
                    axios.get(url).then(res => {
                        if (res.data.code !== 200) {
                            tempTip.show('接口异常!');
                            this.showDetailData.packageDetail.data = [];
                            this.showDetailData.packageDetail.total = 0
                            this.showDetailData.packageDetail.current = 1
                            this.showDetailData.packageDetail.pages = 0
                            this.showDetailData.packageDetail.size = 50;
                        } else {
                            this.showDetailData.packageDetail.data = res.data.data.list;
                            this.showDetailData.packageDetail.total = res.data.data.page.total;
                            this.showDetailData.packageDetail.current = res.data.data.page.pageNum;
                            this.showDetailData.packageDetail.pages = res.data.data.page.pages
                            this.showDetailData.packageDetail.size = res.data.data.page.pageSize;
                        }
                    });
                },
                checkAllBtn() {
                    for (let item of this.details.data) {
                        item.checked = this.checkAll;
                    }
                },
                //停止攒单
                stopStoreUp(id = null) {
                    window.tempTip.show("功能关闭，移至SWMS系统进行操作");
                    return;
                    let idList = null
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/stopStoreUp/`;

                    if (id == null) {
                        let filter = this.details.data.filter(i => i.checked === true);
                        if (filter.length === 0) {
                            tempTip.show("选中的元素为空");
                            return;
                        }
                        idList = filter.map(i => i.id);
                    } else {
                        idList = [id];
                    }
                    if(!confirm('确定要停止攒单吗？')){return};
                    axios.post(url, {idList}).then(res => {
                        if (res.data.code !== 200) {
                            tempTip.show(res.data.message);
                        } else {
                            tempTip.showSuccess('修改状态成功!');
                            this.initData();
                        }
                    });
                },
                //查询
                searchData() {
                    this.tableData.secondData.current = 1;
                    this.secondTablePagination();
                },
                //根据环境获取不同的url
                getBaseUrl() {
                    let url = null;
                    let env = "{{ config('app.env') }}";
                    if (env === 'local') {
                        url = 'http://127.0.0.1:8112'
                    } else if (env === 'production') {
                        url = 'https://api-back.baoshi56.com'
                    }
                    return url;
                },
                //第二个表格分页查询
                secondTablePagination(flag) {
                    if (flag === 'pre' && this.tableData.secondData.current > 1) {
                        this.tableData.secondData.current--;
                    } else if (flag === 'next' && this.tableData.secondData.current < this.tableData.secondData.pages) {
                        this.tableData.secondData.current++;
                    }
                    //加载secondTable
                    let secondDataUrl = this.getBaseUrl() + `/api/wms/rejectedPushTask/list?size=${this.tableData.secondData.size}&current=${this.tableData.secondData.current}`;
                    this.fetch(secondDataUrl, this.tableData.secondData, this.tableData.secondData.search);
                    //加载firstTable
                    this.setFirstDataSearach();
                    let firstDataUrl = this.getBaseUrl() + `/api/wms/rejectedPushTask/list?size=${this.tableData.firstData.size}&current=${this.tableData.firstData.current}`;
                    this.fetch(firstDataUrl, this.tableData.firstData, this.tableData.firstData.search);
                },
                //下载excel
                downExcel(item) {
                    let url = this.getBaseUrl();
                    url += `/api/wms/rejectedPushTask/export/create?rejectedPushTaskId=${item.id}`;
                    axios.get(url).then(res => {
                        if (res.data.code === 200) {
                            item.status = '已下载';
                            let filename = res.data.data;
                            let downUrl = this.getBaseUrl() + `/api/wms/rejectedPushTask/export/download?filename=${filename}`;
                            let link = document.createElement('a');
                            link.style.display = 'none';
                            link.href = downUrl;
                            link.download = `${filename}.xlsx`;
                            document.body.appendChild(link);
                            link.click();
                            document.body.removeChild(link);
                            tempTip.showSuccess('导出成功!');
                        } else {
                            tempTip.setDuration(3000);
                            tempTip.show(res.data.data);
                        }
                    })
                },
                cancelPush(item) {
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/cancelPush?taskId=${item.id}`
                    axios.post(url).then(res => {
                        tempTip.showSuccess('取消成功!');
                        item.status = "已下载"
                    })
                },
                showPushDetail(id) {
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/sku/list?taskId=${id}`
                    axios.get(url).then(res => {
                        this.showDetailData.pushDetail = res.data.data
                    })
                },
                pushDetailStyle(status) {
                    let res = {};
                    switch (status) {
                        case "未推单":
                            res.color = '#0206ff'
                            break;
                        case "已推单":
                            res.color = '#bfa'
                            break;
                        case "推单异常":
                            res.color = '#f00'
                            break;
                    }
                    return res;
                },

                removePushDetailError(item) {
                    let index = this.showDetailData.pushDetail.indexOf(item);

                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/sku/${item.id}`
                    axios.delete(url).then(res => {
                        if (res.data.code === 200) {
                            tempTip.showSuccess('移除成功!');
                            this.showDetailData.pushDetail.splice(index, 1);
                        } else {
                            tempTip.show('移除失败!' + res.data.message);
                        }
                    })
                },
                storeIn(item) {
                    let url = this.getBaseUrl() + `/api/wms/rejectedPushTask/${item.id}/storeIn`
                    axios.post(url).then((res) => {
                        if (res.data.code === 200) {
                            tempTip.showSuccess('入库成功!');
                            item.status = "已入库";
                        } else {
                            tempTip.show('入库失败!' + res.data.message);
                        }
                    });
                }
            },
        });
    </script>
@endsection