替换el-table为vxe-table
<!-- 数据列表 -->
<vxe-table
ref="tableRef"
:data="state.dataList"
v-loading="state.loading"
border
highlight-current-row
height="73%"
style="width: 100%; height: 65vh"
align="center"
:loading="state.loading"
header-align="center"
@checkbox-change="handleSelectionChange"
@checkbox-all="handleSelectionChange"
show-header-overflow
show-overflow
:row-config="{ isCurrent: false, isHover: true, height: 65 }"
:loading-config="{ icon: 'vxe-icon-indicator roll', text: '' }"
:column-config="{ resizable: true }"
:checkbox-config="{ checkField: 'checked' }"
:header-cell-style="{ color: '#303133' }"
:cell-style="{ color: '#000000' }"
:tooltip-config="{ zIndex: 9999 }"
:tooltip="true"
>
<vxe-column type="checkbox" fixed="left" width="50" align="center" />
<vxe-column fixed="left" type="seq" title="#" width="60" />
<vxe-column field="name" align="center" :title="t('userpost.jobTitle')" sortable show-overflow-tooltip />
<vxe-column field="sort" align="center" :title="t('userpost.sort')" sortable show-overflow-tooltip />
<vxe-column field="createTime" align="center" :title="t('userpost.creationTime')" sortable show-overflow-tooltip />
<vxe-column field="updateTime" align="center" :title="t('userpost.modificationTime')" sortable show-overflow-tooltip />
<vxe-column field="defaultFlag" align="center" :title="'默认'" show-overflow-tooltip>
<template #default="scope">
<el-switch v-model="scope.row.defaultFlag" @click="changeDefaultFlag(scope.row)"></el-switch>
</template>
</vxe-column>
<vxe-column field="remark" align="center" :title="t('userpost.remark')" show-overflow-tooltip />
<!-- 操作 -->
<vxe-column :title="$t('common.action')" width="200">
<template #default="scope">
<el-button icon="edit-pen" @click="formDialogRef.openDialog([scope.row.id])" text type="primary" v-auth="'user_post_edit'"
>{{ $t('common.editBtn') }}
</el-button>
<el-button icon="delete" @click="handleDelete([scope.row.id])" text type="primary" v-auth="'user_post_del'">
{{ $t('common.delBtn') }}
</el-button>
</template>
</vxe-column>
</vxe-table>