<!-- 系统自动生成 Date:2021-01-02 12:51 -->
<#include "/common/defaultEngine.html"/>
<@pageTheme mark="${config.optimize()?string('true', 'false')}">
<@header title="单范例列表" bodyClass="gray-bg animated fadeInRight" isAnimation=false libs=["table","zTree","layout-latest"]/>
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <@f.form id="testData-form" class="form-inline">
                <div class="select-list">
                    <ul>
                        <li>
                            <label> <@ctx.i18n text = "员工编号"/>：</label>
                            <@f.input placeholder="员工编号" name="code"/>
                        </li>
                        <li>
                            <label> <@ctx.i18n text = "姓名"/>：</label>
                            <@f.input placeholder="姓名" name="name"/>
                        </li>
                        <li>
                            <label> <@ctx.i18n text = "邮箱"/>：</label>
                            <@f.input placeholder="邮箱" name="email"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;&nbsp;<@ctx.i18n text = "查询"/></a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="opt.form.reset()"><i class="fa fa-refresh"></i>&nbsp;<@ctx.i18n text = "重置"/></a>
                        </li>
                    </ul>
                </div>
            </@f.form>
        </div>
        <@table id="bootstrap-table">
            <@shiro.hasPermission name="demo:testData:add">
                <a class="btn btn-success" onclick="opt.operate.addTab()"><i class="fa fa-plus"></i>&nbsp;<@ctx.i18n text = "新增"/></a>
            </@shiro.hasPermission>
            <@shiro.hasPermission name="demo:testData:edit">
                <a class="btn btn-primary single disabled" onclick="opt.operate.editTab()"><i class="fa fa-pencil-square-o"></i>&nbsp;<@ctx.i18n text = "修改"/></a>
            </@shiro.hasPermission>
            <@shiro.hasPermission name="demo:testData:del">
                <a class="btn btn-danger multiple disabled" onclick="opt.operate.delAll()"><i class="fa fa-remove"></i> <@ctx.i18n text = "删除"/></a>
            </@shiro.hasPermission>
        </@table>
    </div>
</div>
<@footer>
<script type="text/javascript">
    var editFlag = "${permission.hasPermi("demo:testData:edit")}";
    var listFlag = "${permission.hasPermi("demo:testData:add")}";
    var delFlag = "${permission.hasPermi("demo:testData:del")}";
    var visible = ${permission.isPermitteds("demo:testData:edit,demo:testData:del,demo:testData:add")?string('true', 'false')};
    var sexDatas = ${dict.getDictListJson('sys_user_sex')};
    var prefix = baseURL + "demo/testData";

    $(function() {
        var options = {
            url: prefix + "/list",
            addUrl: prefix + "/add",
            editUrl: prefix + "/edit/{id}",
            delUrl: prefix + "/del",
            modalName: "单范例",
            uniqueId:  'id',/* 唯一ID */
            escape: true,/* 分页设置 */
            showPageGo: true,/* 分页设置 */
            pageSize: 10,/* 分页设置 */
            pageList: [10, 30, 50],/* 分页设置 */
            detailView: true,
            onExpandRow : function(index, row, $detail) {
                initChildTable(index, row, $detail);
            },
            columns:[
                {title: $.i18n.prop("序号"), width: 5, align: "center", formatter: function (value, row, index) {
                    return $.table.serialNumber(index);
                }}
                ,{field : 'id',title : '<@ctx.i18n text = "id"/>',visible: false}
                ,{field : 'code',title : '<@ctx.i18n text = "员工编号"/>'}
                ,{field : 'name',title : '<@ctx.i18n text = "姓名"/>'}
                ,{field : 'email',title : '<@ctx.i18n text = "邮箱"/>'}
                ,{field : 'avatar',title : '<@ctx.i18n text = "头像"/>',formatter: function(value, row, index) {
                     return $.table.imageView(baseURL+'sys/comm/fileAvatarView?filePath=' +value );
                }}
                ,{field : 'phone',title : '<@ctx.i18n text = "电话"/>'}
                ,{field : 'sex',title : '<@ctx.i18n text = "性别"/>',formatter: function(value, row, index) {
                    return $.table.selectDictLabels(sexDatas, value);
                }}
                ,{field : 'age',title : '<@ctx.i18n text = "年龄"/>'}
                ,{field : 'joinDate',title : '<@ctx.i18n text = "入职日期"/>'}
                ,{field : 'leaveDate',title : '<@ctx.i18n text = "离职日期"/>'}
                ,{field : 'company.name',title : '<@ctx.i18n text = "归属公司"/>' }
                ,{field : 'organization.name',title : '<@ctx.i18n text = "归属部门"/>' }
                ,{title:"<@ctx.i18n text = "操作"/>",align: 'center',visible:visible,class:'action',formatter: function(value, row, index) {
                    var actions = [];
                    actions.push('<a class="' + editFlag + '" href="javascript:void(0)" title="<@ctx.i18n text = "编辑"/>" onclick="opt.operate.editTab(\'' + row.id + '\')"><i class="fa fa-edit"></i></a> ');
                    actions.push('<a class="' + delFlag + '" href="javascript:void(0)" title="<@ctx.i18n text = "删除"/>" onclick="opt.operate.del(\'' + row.id + '\')"><i class="fa fa-trash-o"></i></a> ');
                    return actions.join('');
                }}
            ]
        };
        $.table.init(options);
    });

    function initChildTable(index, row, $detail) {
        $detail.html('<table id="child_'+index+'" style="table-layout:fixed"></table>').find('table');
        var tableId = "child_"+index;
        $("#" + tableId).bootstrapTable({
            url: prefix + "/child/list",
            method: 'post',
            sidePagination: "server",
            pagination: true,
            pageSize: 10,
            pageList: [10, 15, 20],
            contentType: "application/x-www-form-urlencoded",
            queryParams : function(params) {
                var curParams = {
                /* 传递参数查询参数 */
                __limit: params.limit,
                __page: params.offset / params.limit + 1,
                searchValue: params.search,
                testId: row.id,
                __sidx: params.sort,
                __order: params.order
                };
                return curParams;
            },
            columns: [
                {title: $.i18n.prop("序号"), width: 50, align: "center", formatter: function (value, row, index) {
                    return $.table.serialNumber(index,tableId);
                }}
                ,{field : 'id',title : '<@ctx.i18n text = "注解"/>',visible: false}
                ,{field : 'workCompany',align: "center",title : '<@ctx.i18n text = "工作公司"/>'}
                ,{field : 'startTime',align: "center",title : '<@ctx.i18n text = "起始时间"/>'}
                ,{field : 'endTime',align: "center",title : '<@ctx.i18n text = "辞职时间"/>'}
                ,{field : 'jobs',align: "center",title : '<@ctx.i18n text = "在职岗位"/>'}
            ]
        });
    };
</script>
</@footer>
</@pageTheme>