{% extends "base.html" %}

{% block content %}
    <h4 style="display: inline;">待办列表<span id="editWorkflowNname">{{ workflowDetail.workflow_name }}</span></h4>
    &nbsp;&nbsp;&nbsp;
    <hr>
    <!-- 自定义操作按钮-->
    <div id="toolbar" class="bootstrap-select">
        <select id="workflow_type" class="form-control dropdown-menu-right selectpicker ">
            <option value="0" selected="selected">全部</option>
            <option value="1">查询权限申请</option>
        </select>
    </div>
    <!-- 审核列表的表格-->
    <div class="table-responsive">
        <table id="audit-list" data-toggle="table" class="table table-striped table-hover"
               style="table-layout:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
        </table>
    </div>
{% endblock content %}

{% block js %}
    <script>
        //获取申请列表
        function get_auditlist() {
            //采取异步请求
            //初始化table
            $('#audit-list').bootstrapTable('destroy').bootstrapTable({
                method: 'post',
                contentType: "application/x-www-form-urlencoded",
                url: "/workflowlist/",
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 14,                     //每页的记录行数（*）
                pageList: [20, 30, 50, 100],       //可供选择的每页的行数（*）
                search: true,                      //是否显示表格搜索
                strictSearch: false,                //是否全匹配搜索
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                locale: 'zh-CN',                    //本地化
                toolbar: "#toolbar",               //指明自定义的toolbar
                queryParamsType: 'limit',
                //请求服务数据时所传参数
                queryParams: function (params) {
                    return {
                        limit: params.limit,
                        offset: params.offset,
                        workflow_type: $("#workflow_type").val(),
                        search: params.search
                    }
                },
                columns: [{
                    title: '审核id',
                    field: 'audit_id'
                }, {
                    title: '申请类型',
                    field: 'workflow_type',
                    formatter: function (value, row, index) {
                        return workflow_type_formatter(value)
                    }
                }, {
                    title: '申请标题',
                    field: 'workflow_title',
                    formatter: function (value, row, index) {
                        return "<a href='/workflowdetail/" + row.audit_id + "/'>" + value + "</a>";
                    }
                }, {
                    title: '申请人',
                    field: 'create_user'
                }, {
                    title: '申请时间',
                    field: 'create_time'
                }, {
                    title: '审核状态',
                    field: 'current_status',
                    formatter: function (value, row, index) {
                        return workflow_status_formatter(value)
                    }
                }, {
                    title: '审核人列表',
                    field: 'audit_users'
                }, {
                    title: '当前审核人',
                    field: 'current_audit_user',
                    formatter: function (value, row, index) {
                        if (value === '-1') {
                            return ''
                        }
                        else {
                            return value
                        }
                    }
                }, {
                    title: '操作',
                    field: 'id',
                    formatter: function (value, row, index) {
                        // 当前审核人
                        if (row.current_status === 0 && row.current_audit_user === "{{ loginUserOb.username }}") {
                            return "<button class=\"btn btn-default btn-xs\" " +
                                "onclick=\"javascrtpt:window.location.href='/workflowdetail/" + row.audit_id + "/'\">" +
                                "审核</button>\n"

                        }
                    }
                }],
                onLoadSuccess: function () {
                },
                onLoadError: function () {
                    alert("数据加载失败！");
                },
                onSearch: function (e) {
                    //传搜索参数给服务器
                    queryParams(e)
                },
                responseHandler: function (res) {
                    //在ajax获取到数据，渲染表格之前，修改数据源
                    return res;
                }
            });

        }

        //向审核的modal传audit_id值
        function getaudit_id(audit_id) {
            $('#audit_id').val(audit_id);
        }

        //审核申请
        function audit(auditstatus) {
            var audit_id = $('#audit_id').val();
            var audit_remark = $("#audit_remark").val();
            var audit_status = auditstatus;

            if (audit_status == 0 && audit_remark == '') {
                alert('请填写审核备注')
            }
            else {
                $('button[type=button]').addClass('disabled');
                $('button[type=button]').prop('disabled', true);
                $.ajax({
                    type: "post",
                    url: "/workflowaudit/",
                    dataType: "json",
                    data: {
                        audit_id: audit_id,
                        audit_status: audit_status,
                        audit_remark: audit_remark,
                    },
                    complete: function () {
                        $('button[type=button]').removeClass('disabled');
                        $('button[type=button]').prop('disabled', false);
                    },
                    success: function (data) {
                        if (data.status == 0) {
                            $('#auditConfim').modal('hide');
                            location.href = '/workflow/'
                        }
                        else {
                            alert("status: " + data.status + "\nmsg: " + data.msg + data.data);
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(errorThrown);
                    }
                })

            }

        }

        //初始化数据
        $(document).ready(function () {
            get_auditlist();
        });
        //状态筛选变动自动刷新
        $("#workflow_type").change(function () {
            get_auditlist();
        });
    </script>
{% endblock %}