xiaoben-as2-php/protected/views/imsStore/_delivery.php

<script>
    $(document).ready(function () {
        //初始化数据

        $('#outTimet').datetimepicker({
            format: "Y-m-d", //格式化日期
            timepicker: false //关闭时间选项
        });

        <?php if ($pmData):?>
            //编辑页面数据初始化
            var D = "<?php echo date('Y-m-d', strtotime($pmData['outDate']));?>";
            $("#outTimet").val(D);

            var itemId = "<?php echo $itemId;?>";
            $('#itemId').val(itemId);
            var txt = $('.select-itemId li[val=' + itemId + ']').html();
            $('.select-itemId .diy_select_txt').html(txt);
            var b = $('.rel-peapor-num').html();
            outNum(b);
        <?php else:?>
            //新增页面数据初始化
            var date = new Date;
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate(); //获取当前日(1-31)
            var maxD = year + '-' + month + '-' + day;
            $("#outTimet").attr("value", maxD);
        <?php endif;?>

        // $(".grade>span").on("click", function() {
        $("body").delegate(".grade>span", "click", function () {
            $(this).parent().children(".student-list").toggle();
            return false;
        });
        // $(".student-list").on("click", "span", function() {
        $("body").delegate(".student-list>.class-li>span", "click", function () {
            $(this).parent().toggleClass("active");
            $(this).parent().children(".student-name_box").toggle();
            return false;
        });
        // 单选按钮
        $('body').on('change', "input[name='studentName']", function () {
            getsStudentSelected();
        });
        // 全选按钮
        // $(".btn-select_all").on("click", function() {
        $("body").delegate(".btn-select_all", "click", function () {
            var obj = $(this).parent().find("input");
            if($(this).hasClass('isSelected')){
                obj.each(function () {
                    $(this).prop("checked", false);
                })

                $(this).removeClass("isSelected");
            }else{
                obj.each(function () {
                    $(this).prop("checked", true);
                })

                $(this).addClass("isSelected");
            }
            getsStudentSelected();
            return false;
        });

        //关联正式订单
        $(".relate-goods").on("click", function () {
            var doType = $(this).attr('doType');
            relationOrderAction(1,doType);
            layer.open({
                type: 1,
                title: '关联财务订单',
                btn: ['保存'],
                area: ['810px', '420px'], //宽高
                btnAlign: 'c',
                content: $('.layer-relate'),
                yes: function (index, layero) {
                    $('#active-submit-stu').empty();
                    $('.student-list_box ul').empty();
                    //提交
                    var obj = $("input[name='relation_order_select']:checked");
                    var orderNo =  obj.next('input').val();
                    var orderId = obj.val();

                    if (typeof(orderId) != undefined) {
                        $(".relate-goods").text(orderNo);
                        $(".relate-goods").attr('orderId', orderId);
                    } else {
                        showMsg(orderId);
                    }
                    layer.closeAll();

                }
            });
            return false;
        });

        //出库数目计算
        $("input[name='stu_get_num']").on("input", function () {
            var a = $('.rel-peapor-num').html();
            outNum(parseInt(a));
        });

        // 添加图片
        $("#uploadImg").on("change", function () {
            //限制图片数量
            var imgObj = $('#imgPreview img');
            if(imgObj.length>=3){
                layer.msg("最多可上传三张图片");
                return false;
            }
            var formData = new FormData();
            formData.append('uploadFile', document.getElementById('uploadImg').files[0]);
            var basic = "<?php echo $basic;?>";
            if(document.getElementById('uploadImg').files[0]==undefined){
                return false;
            }
            $.ajax({
                url: "<?php echo $uploadUrl;?>",
                type: "post",
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function (req) {
                    req.setRequestHeader("Authorization", basic);
                },
                success: function (data) {
                    console.log(data);
                    if (data.errCode == '00') {
                        var html = "<img src='" + data.data.url + "'>";
                        $('#imgPreview').append(html);
                        $('#uploadImg').val('');
                    } else {
                        layer.msg(data.errMsg);
                    }
                }
            });
        });
        $("body").on("click", "#imgPreview img", function () {
            var obj = $(this);
            var imgUrl = $(this).attr('src');
            layer.confirm('您确定删除此图片吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                obj.remove();
                layer.closeAll();
            });
        })

        //-----------------------编辑名单-common---------------------------
        $(".edit-btn").on("click", function () {
            var orderId = $(".relate-goods").attr('orderId');
            var outId = "<?php echo isset($_GET['outId'])?$_GET['outId']:0; ?>"
            if (typeof(orderId) == undefined || orderId.length <= 0) {
                layer.msg("请选择关联财务订单！");
                return false;
            }

            //获取学生列表
            var isGetStu = false;
            if($('.student-list_box li').length<=0){
                $.ajax({
                    type: 'POST',
                    url: "<?php echo $this->createUrl('imsStore/ajaxEditStu');?>",
                    data: {orderId: orderId,outId:outId},
                    async: false,
                    dataType: 'json',
                    success: function (result) {
                        if (result.status == 1) {
                            $('.student-list_box').html(result.data);
                            isGetStu = true;
                        } else {
                            layer.msg('学生列表获取失败！');
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        layer.msg('学生列表获取失败！');
                    }
                });
            }else{
                isGetStu = true;
            }
            //初始化选择的学生
            getsStudentSelected();
            if (isGetStu == false) {
                return false;
            }

            layer.open({
                type: 1,
                title: '编辑名单',
                btn: ['保存'],
                area: ['800px', '420px'], //宽高
                btnAlign: 'c',
                content: $('.layer-edit'),
                yes: function (index, layero) {
                    //选择的学生
                    var stuSeled = $(".student-selected>li");
                    if (stuSeled.length <= 0) {
                        showMsg('请选择学生！');
                    } else {
                        //把选择的学生信息添加到主页面
                        var trStr = '';
                        for (var i = 0; i < stuSeled.length; i++) {
                            var stuName = $(stuSeled[i]).children('.stu_name').text();
                            var stuClass = $(stuSeled[i]).children('.stu_class').text();
                            var stuInfo = $(stuSeled[i]).children('i');
                            var stuId = $(stuInfo).attr('value');
                            // var className = $(stuInfo).attr('className');

                            trStr += '<tr stuId="' + stuId + '">\n' +
                                '                <th>' + (i+1) + '</th>\n' +
                                '                <th>' + stuName + '</th>\n' +
                                '                <th>' + stuClass + '</th>\n' +
                                '            </tr>';
                        }
                        outNum(stuSeled.length);
                        $("#active-submit-stu").html(trStr);
                        layer.closeAll();
                    }
                }
            });
            return false;
        });
        //删除学生
        $(".student-selected").on("click", ".btn-delete", function () {
            $(this).parent().remove();
            var studentValue = $(this).attr('value');
            $("input[value='" + studentValue + "']").prop("checked", false);
            var selectedData = $("input[name='studentName']:checked"); //获取所以选中学生
            $('#studentSelectedLength').text(selectedData.length);
            return false;
        });

        //分页
        $("body").on("click", ".pagination li", function () {
            var pageNo = $(this).attr('pageNo');
            var doType = $('.relate-goods').attr('doType');
            if(pageNo>0){
                relationOrderAction(pageNo,doType);
            }
        });

        //提交数据
        $(".sale-submit").click(function () {

            var flag = true;
            if (flag){
                flag = false;
                //验证数据
                var outTitle = $.trim($("input[name='outTitle']").val());
                if (outTitle.length == 0) {
                    showMsg('标题名称不能为空！');
                    return false;
                } else if (outTitle.length > 49) {
                    showMsg('标题名称不能超过50个字符！');
                    return false;
                }

                var relationPmId = $("#itemId").val();
                if (relationPmId <= 0 || !relationPmId) {
                    showMsg('请选择出库品名！');
                    return false;
                }

                var outDate = $.trim($("input[name='out_date']").val());
                if (!outDate) {
                    showMsg('出库日期不正确！');
                    return false;
                }
                if (!checkDate(outDate)) {
                    showMsg('出库日期不正确！');
                    return false;
                }


                var orderId = $(".relate-goods").attr('orderId');
                if (orderId <= 0 || !orderId) {
                    showMsg('请选择关联财务订单！');
                    return false;
                }

                var stuGetNum = parseInt($("input[name='stu_get_num']").val());

                if (stuGetNum <= 0) {
                    showMsg('每个学生领取数量必须大于0！');
                    return false;
                }

                //选择的学生
                var stuSeled = $("#active-submit-stu>tr");
                var stuSeledArr = []; //已选学生id数组
                if (stuSeled.length <= 0) {
                    showMsg('请添加学生!');
                    return false;
                } else {
                    $.each(stuSeled, function (index, value) {
                        stuSeledArr.push($(value).attr('stuId'));
                    });
                }

                var imgArr = [];
                $('#imgPreview img').each(function () {
                    imgArr.push($(this).attr('src'));
                });
                if (imgArr.length <= 0) {
                    showMsg('请上传照片!');
                    return false;
                }

                <?php if (isset($_GET['outId']) && $_GET['outId'] != ''):?>
                //更新
                var outId = "<?php echo $_GET['outId'];?>";
                var data = {
                    imgArr: imgArr,
                    itemId: relationPmId,
                    orderId: orderId,
                    stuGetNum: stuGetNum,
                    outTitle: outTitle,
                    outDate: outDate,
                    stuSeledArr: stuSeledArr,
                    outId: outId
                }
                <?php else:?>
                var data = {
                    imgArr: imgArr,
                    itemId: relationPmId,
                    orderId: orderId,
                    stuGetNum: stuGetNum,
                    outTitle: outTitle,
                    outDate: outDate,
                    stuSeledArr: stuSeledArr
                }
                <?php endif;?>
                //提交数据
                $.ajax({
                    type: 'POST',
                    url: "<?php echo $this->createUrl('imsStore/ajaxDeliveryAdd');?>",
                    data: data,
                    async: false,
                    dataType: 'json',
                    success: function (result) {
                        console.log(result);
                        if (result.status == 1) {
                            layer.alert("提交成功", {icon: 1,closeBtn:0}, function () {
                                window.location.href = "<?php echo $this->createUrl('imsStore/delivery');?>";
                            })
                        } else {
                            flag = true;
                            layer.msg(result.error);
                        }

                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        /*错误信息处理*/
                        flag = true;
                        layer.msg('提交失败');
                    }
                });
            }else{
                layer.msg("稍安勿躁，正在处理中...");
            }
        });

        //关联正式订单方法
        function relationOrderAction(page,doType) {
            if(doType=='add'){
                var orderId = 0;
            }else{
                var orderId = $('#oldOrderId').val();
            }
            $.ajax({
                type: 'POST',
                url: "<?php echo $this->createUrl('imsStore/ajaxRelOrder');?>",
                data: {page: page,doType:doType,orderId:orderId},
                async: false,
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                    if (res.status) {
                        var html = '';
                        for (var i = 0; i < res.data.list.length; i++) {
                            var item = res.data.list[i];
                            html += '<tr>';
                            html += '<td><label class="checkbox-inline">';
                            html += '<input type="radio" value="' + item['orderId'] + '" name="relation_order_select">';
                            html += '<input type="hidden" value="' + item['orderNo'] + '" name="relation_orderNo_select">';
                            html += '</label></td>';
                            html += '<td>' + item['orderNo'] + '</td>';
                            html += '<td>' + item['goodsName'] + '</td>';
                            html += '<td>' + item['goodsPackageName'] + '</td>';
                            html += '<td>' + item['createTime'] + '</td>';
                            html += '<td>' + item['quantity'] + '</td>';
                            html += '<td>' + item['relationNum'] + '</td>';
                            html += '<td>' + (item['quantity'] - item['relationNum']) + '</td>';
                            html += '</tr>';
                        }
                        console.log(page);
                        setPage(res.data);
                    } else {
                        html += '<td>暂无数据</td>';
                    }
                    $('.order-table tbody').html(html);
                }
            });
        }

        //选择学生
        function getsStudentSelected() {
            var selectedData = $("input[name='studentName']:checked"); //获取所以选中学生
            var selectedDataList = [];
            var studentName, studentClass = '';
            for (var i = 0; i < selectedData.length; i++) {
                studentName = $(selectedData[i]).parent().text();
                studentClass = $(selectedData[i]).parents('li').children('span.classTitle').text();
                selectedDataList.push('<li><span class="stu_name">' + studentName + '</span>--<span class="stu_class">' + studentClass + '</span><i class="btn-delete" value="' + selectedData[i].value + '" gradeName="' + $(selectedData[i]).attr('gradeName') + '" className="' + $(selectedData[i]).attr('className') + '">X</i></li>');
            }
            $('.student-selected').html(selectedDataList);
            $('#studentSelectedLength').text(selectedData.length);
        };

        //计算出库数目
        function outNum(has) {
            var getNum = $("input[name='stu_get_num']").val();
            var ever = parseInt(getNum);
            $('.rel-peapor-num').html(has);
            $('.out-num').html(ever * has);
        }

        function showMsg(msg) {
            layer.msg(msg);
        }

        //获取字符长度
        function getCharLength(str) {
            return str.replace(/[\u0391-\uFFE5]/g, "a").length;

        }

        function checkDate(date) {
            return (new Date(date).getDate() == date.substring(date.length - 2));
        }
        
        function setPage(data) {
            var pageHtml = '';
            if(data['pages']>1){
                pageHtml+= '<li>';
                pageHtml+= '<span style="border: none;background: #ffffff;color: #666666;">';
                pageHtml+= '共'+data['total']+'条记录，共'+ data['pages']+'页';
                pageHtml+= '</span></li>';
                //上一页
                if(data['isFirstPage']){
                    pageHtml+= "<li class='disabled' pageNo=0><a href='#'>上一页</a></li>";
                }else{
                    pageHtml+= "<li class=''  pageNo='"+data.prePage+"'><a href='#'>上一页</a></li>";
                }

                for (var i = 1; i <= data['lastPage']; i++) {
                    if (i == data['pageNum']) {
                        pageHtml+= "<li class='active' pageNo='"+i+"'><a href='#'>"+i+"</a></li>";
                    } else {
                        pageHtml+= "<li class='' pageNo='"+i+"'><a href='#' pageNo='"+i+"'>"+i+"</a></li>";
                    }
                }

                //下一页
                if(data['isLastPage']){
                    pageHtml+= "<li class='disabled' pageNo=0><a href='#'>下一页</a></li>";
                }else{
                    pageHtml+= "<li class='' pageNo='"+data.nextPage+"'><a href='#'>下一页</a></li>";
                }
            }
            $('.pagination').html(pageHtml);
        }

    })
</script>