<vxe-table
                :edit-config="{trigger: 'manual', mode: 'row',showIcon:false}"
                border
                show-overflow
                ref="xTable"
                row-id="id"
                :loading="loading"
                :start-index="(tablePage.currentPage - 1) * tablePage.pageSize"
                :data="tableData">
            <vxe-table-column type="checkbox" width="60"></vxe-table-column>
            <vxe-table-column type="index" title="序号" width="60"></vxe-table-column>
            <vxe-table-column field="postsCode" title="岗位编号" sortable :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column field="postsName" title="岗位名称" :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column field="intro" title="岗位描述" :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column field="postsNature" title="岗位性质" :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column field="smallAge" title="最小年龄" :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column field="bigAge" title="最大年龄" :edit-render="{name: 'input'}"></vxe-table-column>
            <vxe-table-column title="操作" align="center">
                <template v-slot="{ row }">
                    <template v-if="$refs.xTable.hasActiveRow(row)">
                        <vxe-button @click="saveRowEvent(row)">保存</vxe-button>
                        <vxe-button @click="cancelRowEvent(row)">取消</vxe-button>
                    </template>
                    <template v-else>
                        <Button type="primary" size="default" style="margin-right: 5px" @click="editRowEvent(row)">编辑</Button>
                        <Button type="error" size="default" style="margin-right: 5px" @click="showDel(row)">删除</Button>
                    </template>
                </template>
            </vxe-table-column>
        </vxe-table>

        <vxe-pager
                :loading="loading"
                :current-page="tablePage.currentPage"
                :page-size="tablePage.pageSize"
                :total="tablePage.totalResult"
                :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
                @page-change="handlePageChange">
        </vxe-pager>