hn_cloud_web/smz-web/js/work/person/contractSignUploadFrom.js

var element;
var layer;
var idNumber = localStorage.getItem("idNumber");
var workerName = localStorage.getItem("workerName");
var workerPostId = localStorage.getItem("workerPostId");
var id = localStorage.getItem("contractId");
var delId = localStorage.getItem("delId");
//全局的页面遮盖
let loadingMsg;
$(function () {
    layui.use(['form', 'layer', 'laydate', 'upload'], function () {
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
        var laydate = layui.laydate;
        var upload = layui.upload;
        layer = layui.layer;
        form.render(
            {wageCriterion: [/^(?!-).*$/, '工资核定标准有误'],}
        );
        // 验证成功后才会执行下面的操作
        form.on('submit(model)', function (data) {
            var id = $("#id").val();
            insContractSign()
        });
        //多图片上传
        var uploadcom1 =upload.render({
            elem: '#test1',
            url: smz_ht_url + '/contract/uploadFile', //改成您自己的上传接口
            multiple: true,   //是否允许多文件上传，默认未false
            dataType: "json",
            exts: 'jpg|png|jpeg',
            acceptMime: 'image/jpg,image/png,image/jpeg',
            auto: false,  //是否自动上传 ，默认为true
            number: 3,  //最大上传数量
            size: 1024*5, //最大文件大小，单位k
            bindAction: '#hideUpload', //绑定的按钮
            field: 'file', //传到后台的字段名,默认file
            choose: function (obj) {
                uploadcom1.config.elem.next()[0].value = '';
                files = obj.pushFile();
                obj.preview(function (index, file, result) {
                    console.log(index); //得到文件索引
                    console.log(file.name); //得到文件对象
                    $('#demo2').append('<img src="' + result + '" id="' + index + '" alt="' + file.name + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">');
                    $('#' + index).bind('dblclick', function () {//双击删除指定预上传图片
                        delete files[index];//删除指定图片
                        $(this).remove();
                    });
                });
            },
            before: function (obj) {
                this.data = {
                    "idNumber":idNumber,
                    "id":id,
                };
                if ($("[name='brand']").val() == '') {
                    return false;
                } else {
                    console.log(files);
                    var names = '';
                    layui.each(files, function (index, file) {
                        console.log(file.name)
                        names += file.name + ',';

                    });
                    $("[name='image']").val(names)
                    console.log(names);
                }
                return true;
            },
            done: function (data) {
            },
            allDone: function (data) {
                top.layer.close(loadingMsg);
                top.layer.msg('文件保存成功', {icon: 1, time: 2000});
                setTimeout("reloading()", 2100);
            },
            error: function (e) {
                //请求异常回调
                console.log(e)
            }
        });
        laydate.render({
            elem: '#contractValidDate' //指定元素  元素选择器
            , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
            , trigger: 'click'
            , format: 'yyyy-MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
            ,value: new Date()
            , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
            , done: function (value, date) {//时间回调
                console.log(value);
                console.log(date);
            }
        });

        // //执行一个laydate实例
        // laydate.render({
        //     elem: '#contractValidDate' //指定元素  元素选择器
        //     , type: 'datetime'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
        //     , trigger: 'click'
        //     , format: 'yyyy-MM-dd HH:mm:ss'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
        //     // , value: new Date() //初始值 今天
        //     , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
        //     , done: function (value, date) {//时间回调
        //         console.log(value);
        //         console.log(date);
        //     }
        // });
        laydate.render({
            elem: '#contractInvalidDate' //指定元素  元素选择器
            , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
            , trigger: 'click'
            , format: 'yyyy-MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
            , value: new Date()
            , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
            , done: function (value, date) {//时间回调
                console.log(value);
                console.log(date);
            }
        });
    });
});

//新增
function insContractSign() {
    if($("#demo2").children().length==0){
        return parent.layer.msg("请上传照片",{icon:2,time:2000});
    }else if($("#demo2").children().length>3){
        return parent.layer.msg("最多只能上传3张照片",{icon:2,time:2000});
    }
    var contractCode = $("#contractCode").val();
    var laborContractType = $("#laborContractType").val();
    var role = $("#role").val();
    var contractValidDate = $("#contractValidDate").val();
    var contractInvalidDate = $("#contractInvalidDate").val();
    var contractType = $("#contractType").val();
    var wageApprovedWay = $("#wageApprovedWay").val();
    var wageCriterion = $("#wageCriterion").val();
    if(wageApprovedWay == "天"){
        if(Number(wageCriterion) < 60 || Number(wageCriterion) > 600){
            layer.alert('工资核定标准，请输入60-600之间的金额',{icon:2,time:2000});
            return false;
        }
    }
    if(wageApprovedWay == "月"){
        if(Number(wageCriterion) < 1800 || Number(wageCriterion) > 18000){
            layer.alert("工资核定标准，请输入1800-18000之间的金额",{icon:2,time:2000});
            return false;
        }
    }
    console.log("contractId:"+id)
    var miurInsurance = $("#miurInsurance").val();
    var whetherOnJob = $("#whetherOnJob").val();
    var endowmentInsurance = $("#endowmentInsurance").val();
    var flag = selectVerification();
    if(flag){
        // 加载提示
        loadingMsg = top.layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
        // form请求地址
        var formUrl = smz_ht_url + "/contract/addContract?idNumber=" + idNumber + "&workerName=" + workerName + "&workerPostId=" + workerPostId;
        $.ajax({
            type: 'post',
            async: false, // 默认异步true,false表示同步
            url: formUrl, // 请求地址
            dataType: 'json', // 服务器返回数据类型
            data: {
                id:id,
                delId:delId,
                contractCode: contractCode,
                laborContractType: laborContractType,
                role: role,
                contractValidDate: contractValidDate,
                contractInvalidDate: contractInvalidDate,
                contractType: contractType,
                wageApprovedWay: wageApprovedWay,
                wageCriterion: wageCriterion,
                miurInsurance: miurInsurance,
                whetherOnJob: whetherOnJob,
                endowmentInsurance: endowmentInsurance
            }, //获取提交的表单字段
            success: function (data) {
                layer.close(loadingMsg); // 关闭提示层
                var index;
                if (data.resMsg == '保存成功') {
                    parent.layer.msg('数据保存成功，请稍等。。。', {icon: 1, time: 3000},function () {
                        $("#hideUpload").trigger('click');  //触发上传文件
                    });
                } else {
                    top.layer.close(loadingMsg);
                    parent.layer.msg('保存失败', {icon: 2, time: 2000});
                }

            },
            error: function (XMLHttpRequest, textStatus, e) {
                top.layer.close(loadingMsg);
                layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
            }
        });
    }
}

//查看页面回显(纸质合同)
function checkData(){
    $.ajax({
        type: 'POST',
        url: smz_ht_url + '/contract/getPaperBookContract',
        data: {idNumber:idNumber,id:id},
        dataType: "json",
        success: function(data) {
            var obj=data.obj;
            var bean=obj.bean;
            if(bean !=null){
                setData(bean);
            }
        }
    });
}
function setData(data) {
    $("#contractCode").val(data.contractCode);
    $("#contractValidDate").val(data.contractValidDate);
    $("#contractInvalidDate").val(data.contractInvalidDate);
    $("#contractType").val(data.contractType);
    $("#wageCriterion").val(data.wageCriterion);
    $("#laborContractType").find('option[value=\'' + data.laborContractType + '\']').prop("selected", "selected");
    $("#role").find('option[value=\'' + data.role + '\']').prop("selected", "selected");
    $("#wageApprovedWay").find('option[value=\'' + data.wageApprovedWay + '\']').prop("selected", "selected");
    $("#whetherOnJob").find('option[value=\'' + data.whetherOnJob + '\']').prop("selected", "selected");
    $("#miurInsurance").find('option[value=\'' + data.miurInsurance + '\']').prop("selected", "selected");
    $("#endowmentInsurance").find('option[value=\'' + data.endowmentInsurance + '\']').prop("selected", "selected");
    var witnessPaths = data.witnessPath;
    if (witnessPaths != '' && witnessPaths != null && witnessPaths != 'null') {
        var demo1 = $("#demo2");
        var html = '';
        var photos = witnessPaths.split(',');
        for (var i = 0; i < photos.length; i++) {
            var path = '';
            if (photos[i].indexOf("http") != -1) {
                path = photos[i];
            } else {
                path = smz_ht_url + "/" + photos[i];
            }
            html += '<img src="' + path + '"  name="' + photos[i] + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
            //查看页面，将上传按钮隐藏
            $("#test1").css('display','none');
            $("#label-del").css('display','none');
            $("#label-hint").css('display','none');
            $("#save").css('display','none');

        }
        demo1.append(html);
    }

    layui.form.render();
}

//下拉表非空验证
function selectVerification(){
    var laborContractType = $("#laborContractType").val();//合同期限类型
    var role = $("#role").val();//人员角色
    var contractType = $("#contractType").val();//合同类型
    var wageApprovedWay = $("#wageApprovedWay").val();//工资核定方式
    var miurInsurance = $("#miurInsurance").val();//是否参加城乡居民医疗保险
    var whetherOnJob = $("#whetherOnJob").val();//是否在职
    var endowmentInsurance = $("#endowmentInsurance").val();//是否参加城乡居民养老保险

    var contractValidDate = $("#contractValidDate").val();//合同签订日期
    var contractInvalidDate = $("#contractInvalidDate").val();//合同终止日期
    if(laborContractType == -1 || laborContractType == "-1"){
        parent.layer.msg("请选择合同期限类型",{icon:2,time:2000});
        return false;
    }
    if(role == -1 || role == "-1"){
        parent.layer.msg("请选择人员角色",{icon:2,time:2000});
        return false;
    }
    if(contractType == -1 || contractType == "-1"){
        parent.layer.msg("请选择合同类型",{icon:2,time:2000});
        return false;
    }
    if(wageApprovedWay == -1 || wageApprovedWay == "-1"){
        parent.layer.msg("请选择工资核定方式",{icon:2,time:2000});
        return false;
    }
    if(miurInsurance == -1 || miurInsurance == "-1"){
        parent.layer.msg("请选择是否参加城乡居民医疗保险",{icon:2,time:2000});
        return false;
    }
    if(whetherOnJob == -1 || whetherOnJob == "-1"){
        parent.layer.msg("请选择是否在职",{icon:2,time:2000});
        return false;
    }
    if(endowmentInsurance == -1 || endowmentInsurance == "-1"){
        parent.layer.msg("请选择是否参加城乡居民养老保险",{icon:2,time:2000});
        return false;
    }
    if(contractInvalidDate < contractValidDate){
        parent.layer.msg("合同终止日期不能小于合同签订日期",{icon:2,time:2000});
        return false;
    }
    return true;
}

//设置弹窗关闭
function reloading() {
    var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
    parent.layer.close(index); //再执行关闭
    window.parent.location.reload();
}

// 取消按钮
function cancelBtns() {
    var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
    parent.layer.close(index);
}