1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
| <template>
| <div class="page-view">
| <el-table
| ref="table"
| border
| :data="tableList.tableInfomation"
| tooltip-effect="dark"
| style="width: 100%"
| :lazy="tableList.lazy"
| @selection-change="handleSelectionChange"
| :header-cell-style="{ background: '#ECF4FF', color: '#666' }"
| >
| <el-table-column type="selection" width="55"> </el-table-column>
| <el-table-column
| v-for="(item, i) in tableList.tableColumn"
| :key="i"
| :prop="item.prop"
| :label="item.label"
| :width="item.width"
| :min-width="item.min"
| sortable
| >
| </el-table-column>
| <slot name="tableButton" />
| </el-table>
| </div>
| </template>
|
| <script>
| export default {
| name: "PagerView",
| props: {
| tableList: {
| type: Object,
| default: () => {
| return {
| tableInfomation: [], // 接口返回数据
| tableColumn: [
| // table表单
| { label: "", prop: "", min: 200, tooltip: true }
| ]
| }
| }
| }
| },
| data() {
| return {}
| },
| computed: {
| maxHeight() {
| if (this.tableList.height) {
| return `calc(100vh - ${this.tableList.height})`
| }
| return undefined
| }
| },
| methods: {
| handleReserve(row) {
| return row._id ? row._id : row.id
| },
| handleSelectionChange(val) {
| this.$emit("getSelectArray", val)
| }
| }
| }
| </script>
|
| <!-- Add "scoped" attribute to limit CSS to this component only -->
| <style lang="scss" scoped>
| .page-view {
| margin-top: 20px;
| margin-right: 10px;
| margin-bottom: 40px;
| }
| </style>
|
|
