index.vue
1.46 KB
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
76
77
78
79
80
81
82
83
84
85
86
<template>
<div class="manage-container deviceStatus-wrapper">
<el-tabs tab-position="top" style="padding-left:10px;" v-model="languageVal" @tab-click="languageChange">
<el-tab-pane label="前端配置" name="front"></el-tab-pane>
<el-tab-pane label="后端配置" name="back"></el-tab-pane>
</el-tabs>
<front-side v-if="languageVal=='front'"></front-side>
<back-side v-else></back-side>
</div>
</template>
<script>
import frontSide from "./frontSide";
import backSide from "./backSide";
export default {
data() {
return {
languageVal:'front'
}
},
components: {
"front-side":frontSide,
"back-side":backSide,
},
computed: {
},
mounted() {
},
created(){
},
methods: {
languageChange(val){
console.info(this.languageVal,654)
}
}
}
</script>
<style scoped>
.manage-input-box {
margin-right: 10px;
}
.condition-item-text{
float: left;
position: relative;
top: 6px;
}
.btn-box:after,
.btn-box:before {
content: '';
display: table;
}
.btn-box:after {
clear: both;
}
.fl-btn+.fl-btn {
margin-right: 20px;
}
.online-column {
color: #67c23a;
}
.offline-column {
color: #f56c6c;
}
.iplink-column {
text-decoration: underline;
}
.manage-content{
padding-bottom: 0;
}
.manage-content /deep/ .nborder .el-input__inner{
border: none;
height: 30px!important;
background-color: transparent;
}
.manage-content /deep/ .cell{
padding: 0;
}
</style>