| | |
| | | v-loading="loading" |
| | | :data="tableData" |
| | | :border="border" |
| | | :show-selection="showSelection" |
| | | :show-selection="showSelection" |
| | | :max-height="maxHeight" |
| | | :header-cell-style="{ background: '#EBEEF5', color: '#3D3D3D' }" |
| | | @selection-change="handleSelectionChange" |
| | |
| | | :show-overflow-tooltip="showOverflowTooltip" |
| | | ref="tableRef" |
| | | :row-key="rowKey" |
| | | style="width: 100%" |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column v-if="showSelection" type="selection" width="55" align="center" /> |
| | | <el-table-column v-if="showIndex" label="序号" width="60" align="center" fixed="left"> |
| | |
| | | </el-table-column> |
| | | </template> |
| | | <!-- 操作列 --> |
| | | <el-table-column v-if="showOperations" :label="operationsLabel" :width="operationsWidth" fixed="right" align="center"> |
| | | <el-table-column v-if="showOperations" :label="operationsLabel" :width="operationsWidth" :show-overflow-tooltip="false" fixed="right" align="center"> |
| | | <template #default="scope"> |
| | | <slot name="operations" :row="scope.row"> |
| | | <el-button v-if="operations.includes('edit')" link type="primary" size="small" |
| | | @click="handleEdit(scope.row)">编辑</el-button> |
| | | <el-button v-if="operations.includes('viewRow')" link type="primary" size="small" |
| | | @click="handleView(scope.row)">查看</el-button> |
| | | <el-button v-if="operations.includes('viewFile')" link type="primary" size="small" |
| | | @click="handleView(scope.row)">查看附件</el-button> |
| | | <!-- <el-button--> |
| | | <!-- v-if="operations.includes('delete')"--> |
| | | <!-- link--> |
| | | <!-- type="danger"--> |
| | | <!-- size="small"--> |
| | | <!-- @click="handleDelete(scope.row)"--> |
| | | <!-- >删除</el-button>--> |
| | | @click="handleViewFile(scope.row)">查看附件</el-button> |
| | | </slot> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | }; |
| | | |
| | | // 处理选择变化、编辑、删除和导出操作 |
| | | const emit = defineEmits(['selection-change', 'edit', 'delete', 'export']) |
| | | const emit = defineEmits(['selection-change', 'edit', 'delete', 'export', 'viewRow', 'viewFile']) |
| | | const handleSelectionChange = (selection) => { |
| | | emit('selection-change', selection) |
| | | } |
| | |
| | | emit('edit', row) |
| | | } |
| | | const handleView = (row) => { |
| | | emit('viewRow', row) |
| | | } |
| | | const handleViewFile = (row) => { |
| | | emit('viewFile', row) |
| | | } |
| | | const handleDelete = (row) => { |