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
| <template>
| <flex-layout>
| <div class="clash-station">
| <el-table
| stripe
| size="mini"
| header-row-class-name="header-primary"
| height="100%"
| :data="data">
| <el-table-column
| v-for="header in headers"
| :key="header.prop"
| :prop="header.prop"
| :label="header.label"
| :min-width="header.minWidth"
| align="center"
| :resizable="false"></el-table-column>
| <!-- <el-table-column fixed="right" label="操作" :min-width="90" align="center">-->
| <!-- <template>-->
| <!-- <el-button type="primary" size="mini">操作</el-button>-->
| <!-- </template>-->
| <!-- </el-table-column>-->
| </el-table>
| </div>
| </flex-layout>
| </template>
|
| <script>
| import FlexLayout from "@/components/FlexLayout";
| export default {
| name: "clashStation",
| components: { FlexLayout },
| props: {
| data: {
| type: Array,
| default() {
| return []
| }
| }
| },
| data() {
| return {
| headers: [
| {
| prop: "stationName",
| label: "机房名称",
| minWidth: 360,
| },
| {
| prop: 'baojiGroupName',
| label: '所属班组',
| minWidth: 150
| },
| ],
| }
| },
| methods: {
|
| },
| }
| </script>
|
| <style scoped>
| .clash-station {
| width: 720px;
| height: 400px;
| }
| </style>
|
|
