<template> <div class="eibs-tab"> <c-col :span="24"> <el-table :data="tableData" style="width:100%" size="small" height="calc(100vh - 480px)" :highlight-current-row="true"> <el-table-column label="ID" prop="" align="left" min-width="150" sortable> </el-table-column> <el-table-column label="document name" prop="" align="left" min-width="150" sortable> </el-table-column> <el-table-column fixed="right" label="操作" min-width="250px"> <template slot-scope="scope"> <c-button style="margin-left: 0" type='text' size="small" slot="reference">预览</c-button> <c-button style="margin-left: 0" type='text' size="small" slot="reference">打印</c-button> </template> </el-table-column> </el-table> <!-- <el-pagination layout="total, sizes,prev, pager, next, jumper" :total="pagination.total" :page-size="pagination.pageSize" :current-page="pagination.pageNum" @current-change="currentChange"> </el-pagination> --> </c-col> <!-- 预览弹框 <message-view ref="msgView" :model="model" :swf='true'></message-view> --> </div> </template> <script> import codes from "~/config/CodeTable"; import moment from "moment"; import event from "../event"; export default { props: ["model"], inject: ["root"], mixins: [event], components: {}, data() { return { pagination: { pageNum: 1, pageSize: 10, total: 0 }, tableData: [], } }, mounted() { }, methods: { // //预览功能 // handleDisplay(row) { // this.$refs.msgView.fileViewDispaly(-1, row); // }, // //打印功能 // printContent(index, row) { // this.$refs.msgView.printContent(index, row); // } } }; </script> <style scoped> .table-button-item-list { padding: 0; margin: 0; } .table-button-item-list li { list-style: none; padding: 5px 0; text-align: center; color: #606266; cursor: pointer; } </style>