zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>审核表单</title>
    <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/module/admin.css?v=312"/>
    <style>
        .form-btn-group{
            text-align: right;
        }
    </style>
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-row">
        <div class="grid-demo">
            <div class="layui-card">
                <div class="layui-card-header">
                    审核表单
                </div>
                <div class="layui-card-body">
                    <form class="layui-form" lay-filter="formData">
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">评审内容</label>
                            <div class="layui-input-block">
                                <textarea name="approvalComments" rows="6" placeholder="请输入内容" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item" id="approver">
                            <label class="layui-form-label" id="approverName">审批人</label>
                            <div class="layui-input-block">
                                <select name="deptLeader" id="approverList">
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block form-btn-group">
                                <button class="layui-btn layui-btn-normal" lay-even="1" lay-submit id="agree">同&nbsp;&nbsp;意</button>
                                <button class="layui-btn layui-btn-danger" lay-submit id="reject">拒&nbsp;&nbsp;绝</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- js部分 -->
<script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/common.js?v=312"></script>
<script>

</script>
<script>
    layui.use(['layer', 'form', 'table', 'laydate', 'util', 'upload', 'zTree', 'admin', 'uParas', 'element', 'baseCache'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var element = layui.element, laydate = layui.laydate;

        /**
         * @Author: NanKeYang
         * @Description: 用户操作必带参数
         * @Data: 2020/1/8 15:17
         */
        var aId = layui.baseCache.getAId();
        var cId = layui.baseCache.getCId();

        var id = uParas.getUrlParam("id");

        var approveFlag,reqData;

        /**
         * @Author: NanKeYang
         * @Description: 添加成功和拒绝参数
         * @Data: 2020/1/9 15:46
         */
        $('#agree').click(function () {
            approveFlag = 1;
        })

        $('#reject').click(function () {
            approveFlag = 0;
        })

        /**
         * @Author: NanKeYang
         * @Description: 提交申请
         * @Data: 2020/1/9 15:48
         */
        form.on('submit(formData)', function (data) {
            var formData = form.val("formData");
            if(approveFlag === 1 && formData.deptLeader.length <= 0 && reqData.taskName === '部门领导审批'){
                layer.msg('请选择审批人');
                return false
            }

            let reqFormData;
            if (reqData.taskName === '部门领导审批') {
                reqFormData = {
                    aId: aId,
                    cId: cId,
                    taskId: reqData.taskId,
                    p_B_deptLeaderApproved: approveFlag === 1 ? true : false,
                    p_S_hr: formData.deptLeader,
                    message: formData.approvalComments
                }
                if (approveFlag === 0) {
                    delete reqFormData['p_S_hr'];
                } else {
                    if (this.deptLeader === '') {
                        Toast.info('请选择审批人');
                        return false;
                    }
                }
            } else if (reqData.taskName === '人事审批') {
                reqFormData = {
                    aId: aId,
                    cId: cId,
                    taskId: reqData.taskId,
                    p_B_hrApproved: approveFlag === 1 ? true : false,
                    message: formData.approvalComments,
                    p_S_applyUserId: reqData.createdBy + '#自己'
                }
            } else if (this.reqData.taskName === '销假') {
                // reqFormData = {
                //     aId: aId,
                //     cId: cId,
                // }
            }
            var load = layer.load();
            $.ajax({
                type: "post",
                url: uParas.baseUrl + "/3rd/flow/approve",
                data: reqFormData,
                error: function (request) {
                    layer.close(load);
                    layer.alert('操作失败', {
                        icon: 2,
                        title: "提示"
                    });
                },
                success: function (resp) {
                    const {code, data, msg} = resp;
                    layer.close(load);
                    if (code == 1) {
                        layer.msg('操作成功', {offset: ['50%'], time: 2000}, function () {
                            parent.layer.closeAll();
                        });
                    } else {
                        layer.msg(msg);
                    }
                }
            });

            return false;
        });


        $.ajax({
            type: "get",
            url: uParas.baseUrl + "/3rd/flow/getUsers",
            data: {
                aId: aId,
                cId: cId
            },
            error: function (request) {
                layer.alert('操作失败', {
                    icon: 2,
                    title: "提示"
                });
            },
            success: function (resp) {
                const {code, data, msg} = resp;
                if (code == 1) {
                    var optionsStr = `<option value="">请选择审批人</option>`;
                    // approverList = [];
                    // 提交要格式 => ID#名称
                    data.forEach(function (item, index) {
                        optionsStr += `<option value="${item.aId + '#' + item.accountRealName}">${item.accountRealName}</option>`
                    })
                    $('#approverList').append(optionsStr);
                    form.render("select");
                } else {
                    layer.msg(msg);
                }
            }
        });


        $.ajax({
            type: "get",
            url: uParas.baseUrl + "/3rd/flow/queryById",
            data: {
                aId: aId,
                cId: cId,
                id: id
            },
            error: function (request) {
                layer.alert('操作失败', {
                    icon: 2,
                    title: "提示"
                });
            },
            success: function (resp) {
                const {code, data, msg} = resp;
                if (code == 1) {
                    reqData = data;
                    if(data.taskName === "部门领导审批"){
                        $('#approverName').text("人事审批")
                    }else if(data.taskName === "人事审批"){
                        $('#approver').hide();
                    }
                } else {
                    layer.msg(msg);
                }
            }
        });

    });
</script>

</body>
</html>