(function () {
    function createSearchForm() {
        return {
            loc_no: "",
            barcode: "",
            row1: "",
            bay1: "",
            lev1: "",
            loc_type: "",
            qr_code_value: ""
        };
    }

    function createForm() {
        return {
            staNo: "",
            taskPri: 100
        };
    }

    function createBatchNo() {
        var now = new Date();
        var pad = function (value) {
            return value < 10 ? "0" + value : String(value);
        };
        return "MANUAL_OUT_" + now.getFullYear()
            + pad(now.getMonth() + 1)
            + pad(now.getDate())
            + pad(now.getHours())
            + pad(now.getMinutes())
            + pad(now.getSeconds());
    }

    function listSelectedLocNos(selectedLocMap, selectedLocOrder) {
        return selectedLocOrder.filter(function (locNo) {
            return !!selectedLocMap[locNo];
        });
    }

    function buildOutStationsFromDevps(records) {
        var stationMap = {};
        var stationList = [];

        (records || []).forEach(function (record) {
            var outStations = record["outStationList$"] || [];
            outStations.forEach(function (station) {
                var stationId = station && station.stationId;
                if (!stationId || stationMap[stationId]) {
                    return;
                }
                stationMap[stationId] = true;
                stationList.push({
                    stationId: stationId,
                    deviceNo: station.deviceNo,
                    stationLev: station.stationLev
                });
            });
        });

        stationList.sort(function (left, right) {
            return Number(left.stationId) - Number(right.stationId);
        });
        return stationList;
    }

    new Vue({
        el: "#app",
        data: function () {
            return {
                loading: false,
                stationLoading: false,
                submitting: false,
                advancedVisible: false,
                tableData: [],
                outStationOptions: [],
                searchForm: createSearchForm(),
                form: createForm(),
                page: {
                    curr: 1,
                    limit: 30,
                    total: 0
                },
                selectedLocMap: {},
                selectedLocOrder: [],
                restoringSelection: false,
                layoutTimer: null
            };
        },
        computed: {
            selectedLocNos: function () {
                return listSelectedLocNos(this.selectedLocMap, this.selectedLocOrder);
            },
            selectedCount: function () {
                return this.selectedLocNos.length;
            },
            selectedPreviewLocNos: function () {
                return this.selectedLocNos.slice(0, 18);
            },
            selectedPreviewOverflow: function () {
                return Math.max(0, this.selectedCount - this.selectedPreviewLocNos.length);
            },
            tableHeight: function () {
                return this.advancedVisible ? "calc(100vh - 410px)" : "calc(100vh - 350px)";
            }
        },
        created: function () {
            this.loadOutStations();
            this.loadTable();
        },
        beforeDestroy: function () {
            if (this.layoutTimer) {
                clearTimeout(this.layoutTimer);
                this.layoutTimer = null;
            }
        },
        methods: {
            requestTableLayout: function (delay) {
                var vm = this;
                if (vm.layoutTimer) {
                    clearTimeout(vm.layoutTimer);
                }
                vm.$nextTick(function () {
                    vm.layoutTimer = setTimeout(function () {
                        if (vm.$refs.dataTable && typeof vm.$refs.dataTable.doLayout === "function") {
                            vm.$refs.dataTable.doLayout();
                        }
                        vm.restoreTableSelection();
                    }, delay || 40);
                });
            },
            buildQueryParams: function () {
                var params = {
                    curr: this.page.curr,
                    limit: this.page.limit,
                    status: 1,
                    loc_sts: "F",
                    orderByField: "locNo",
                    orderByType: "asc"
                };
                var key;

                for (key in this.searchForm) {
                    if (Object.prototype.hasOwnProperty.call(this.searchForm, key) && this.searchForm[key] !== "" && this.searchForm[key] !== null) {
                        params[key] = this.searchForm[key];
                    }
                }
                return params;
            },
            loadTable: function () {
                var vm = this;
                vm.loading = true;
                $.ajax({
                    url: baseUrl + "/locMast/list/auth",
                    headers: { token: localStorage.getItem("token") },
                    method: "GET",
                    data: vm.buildQueryParams(),
                    success: function (res) {
                        if (res.code === 200) {
                            vm.tableData = (res.data && res.data.records) || [];
                            vm.page.total = (res.data && res.data.total) || 0;
                            vm.requestTableLayout(80);
                            return;
                        }
                        if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                            return;
                        }
                        vm.$message.error(res.msg || "库位加载失败");
                    },
                    error: function () {
                        vm.$message.error("库位加载失败");
                    },
                    complete: function () {
                        vm.loading = false;
                    }
                });
            },
            loadOutStations: function () {
                var vm = this;
                vm.stationLoading = true;
                $.ajax({
                    url: baseUrl + "/basDevp/list/auth",
                    headers: { token: localStorage.getItem("token") },
                    method: "GET",
                    data: {
                        curr: 1,
                        limit: 200,
                        status: 1,
                        orderByField: "devpNo",
                        orderByType: "asc"
                    },
                    success: function (res) {
                        if (res.code === 200) {
                            vm.outStationOptions = buildOutStationsFromDevps((res.data && res.data.records) || []);
                            return;
                        }
                        if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                            return;
                        }
                        vm.$message.error(res.msg || "出库站点加载失败");
                    },
                    error: function () {
                        vm.$message.error("出库站点加载失败");
                    },
                    complete: function () {
                        vm.stationLoading = false;
                    }
                });
            },
            formatStationOptionLabel: function (station) {
                var parts = [];
                if (!station) {
                    return "";
                }
                if (station.stationId !== null && station.stationId !== undefined && station.stationId !== "") {
                    parts.push("站点" + station.stationId);
                }
                if (station.deviceNo !== null && station.deviceNo !== undefined) {
                    parts.push("设备" + station.deviceNo);
                }
                if (station.stationLev !== null && station.stationLev !== undefined) {
                    parts.push(station.stationLev + "层");
                }
                return parts.join(" / ");
            },
            toggleAdvanced: function () {
                this.advancedVisible = !this.advancedVisible;
                this.requestTableLayout(180);
            },
            handleSearch: function () {
                this.page.curr = 1;
                this.loadTable();
            },
            handleReset: function () {
                this.searchForm = createSearchForm();
                this.advancedVisible = false;
                this.page.curr = 1;
                this.loadTable();
            },
            handleCurrentChange: function (curr) {
                this.page.curr = curr;
                this.loadTable();
            },
            handleSizeChange: function (limit) {
                this.page.limit = limit;
                this.page.curr = 1;
                this.loadTable();
            },
            handleSelectionChange: function (rows) {
                var vm = this;
                var selectedOnPage = {};

                if (vm.restoringSelection) {
                    return;
                }

                (rows || []).forEach(function (row) {
                    selectedOnPage[row.locNo] = row;
                });

                vm.tableData.forEach(function (row) {
                    if (!row || !row.locNo) {
                        return;
                    }
                    if (selectedOnPage[row.locNo]) {
                        vm.selectedLocMap[row.locNo] = row;
                        if (vm.selectedLocOrder.indexOf(row.locNo) === -1) {
                            vm.selectedLocOrder.push(row.locNo);
                        }
                    } else if (vm.selectedLocMap[row.locNo]) {
                        vm.$delete(vm.selectedLocMap, row.locNo);
                    }
                });

                vm.selectedLocOrder = vm.selectedLocOrder.filter(function (locNo) {
                    return !!vm.selectedLocMap[locNo];
                });
            },
            restoreTableSelection: function () {
                var vm = this;
                if (!vm.$refs.dataTable) {
                    return;
                }
                vm.restoringSelection = true;
                vm.$refs.dataTable.clearSelection();
                vm.tableData.forEach(function (row) {
                    if (row && row.locNo && vm.selectedLocMap[row.locNo]) {
                        vm.$refs.dataTable.toggleRowSelection(row, true);
                    }
                });
                vm.restoringSelection = false;
            },
            clearSelectedLocs: function () {
                this.selectedLocMap = {};
                this.selectedLocOrder = [];
                if (this.$refs.dataTable) {
                    this.$refs.dataTable.clearSelection();
                }
            },
            removeSelectedLoc: function (locNo) {
                if (!locNo || !this.selectedLocMap[locNo]) {
                    return;
                }
                this.$delete(this.selectedLocMap, locNo);
                this.selectedLocOrder = this.selectedLocOrder.filter(function (item) {
                    return item !== locNo;
                });
                this.restoreTableSelection();
            },
            submitBatchOutTask: function () {
                var vm = this;
                var batchNo;
                var taskList;
                var locNos = vm.selectedLocNos;

                if (!vm.form.staNo) {
                    vm.$message.warning("请选择目标站点");
                    return;
                }
                if (!locNos.length) {
                    vm.$message.warning("请先勾选至少一个库位");
                    return;
                }

                batchNo = createBatchNo();
                taskList = locNos.map(function (locNo, index) {
                    return {
                        locNo: locNo,
                        staNo: Number(vm.form.staNo),
                        taskPri: vm.form.taskPri,
                        batch: batchNo,
                        batchSeq: index + 1
                    };
                });

                vm.submitting = true;
                $.ajax({
                    url: baseUrl + "/wrkBatchOut/create/auth",
                    contentType: "application/json",
                    headers: { token: localStorage.getItem("token") },
                    data: JSON.stringify({ taskList: taskList }),
                    method: "POST",
                    success: function (res) {
                        if (res.code === 200) {
                            vm.$message.success("已生成" + locNos.length + "条出库任务");
                            vm.clearSelectedLocs();
                            vm.loadTable();
                            return;
                        }
                        if (res.code === 403) {
                            top.location.href = baseUrl + "/";
                            return;
                        }
                        vm.$message.error(res.msg || "批量生成出库任务失败");
                    },
                    error: function (xhr) {
                        var message = "批量生成出库任务失败";
                        if (xhr && xhr.responseJSON && xhr.responseJSON.msg) {
                            message = xhr.responseJSON.msg;
                        }
                        vm.$message.error(message);
                    },
                    complete: function () {
                        vm.submitting = false;
                    }
                });
            }
        }
    });
})();