|
|
|
1
|
+// 获取状态
|
|
|
|
2
|
+const configPage = () => {
|
|
|
|
3
|
+ // 展示配置弹框
|
|
|
|
4
|
+ let dialogFlg = Vue.ref(false);
|
|
|
|
5
|
+ let dialogDetail = Vue.ref({
|
|
|
|
6
|
+ title: '资源属性配置',
|
|
|
|
7
|
+ });
|
|
|
|
8
|
+
|
|
|
|
9
|
+ let showConfigDialog = (flg) => {
|
|
|
|
10
|
+ dialogFlg.value = flg;
|
|
|
|
11
|
+ }
|
|
|
|
12
|
+
|
|
|
|
13
|
+ return {
|
|
|
|
14
|
+ showConfig: dialogFlg,
|
|
|
|
15
|
+ showConfigDialog,
|
|
|
|
16
|
+ dialogDetail
|
|
|
|
17
|
+
|
|
|
|
18
|
+ }
|
|
|
|
19
|
+}
|
|
1
|
export default {
|
20
|
export default {
|
|
2
|
name: 'resIndex',
|
21
|
name: 'resIndex',
|
|
3
|
template: '',
|
22
|
template: '',
|
|
@@ -8,48 +27,39 @@ export default { |
|
@@ -8,48 +27,39 @@ export default { |
|
8
|
},
|
27
|
},
|
|
9
|
data() {
|
28
|
data() {
|
|
10
|
return {
|
29
|
return {
|
|
11
|
- props : {
|
|
|
|
12
|
- label:'label',
|
|
|
|
13
|
- children:'children'
|
30
|
+ props: {
|
|
|
|
31
|
+ label: 'label',
|
|
|
|
32
|
+ children: 'children'
|
|
14
|
}
|
33
|
}
|
|
15
|
}
|
34
|
}
|
|
16
|
},
|
35
|
},
|
|
17
|
setup() {
|
36
|
setup() {
|
|
18
|
const {proxy} = Vue.getCurrentInstance();
|
37
|
const {proxy} = Vue.getCurrentInstance();
|
|
19
|
- let height = Vue.ref(window.innerHeight -10);
|
38
|
+ let height = Vue.ref(window.innerHeight - 10);
|
|
20
|
// 树数据
|
39
|
// 树数据
|
|
21
|
- const treeData = Vue.ref([]);
|
40
|
+ const treeData = Vue.ref([]);
|
|
22
|
// 表格数据对象
|
41
|
// 表格数据对象
|
|
23
|
const obj = Vue.ref({});
|
42
|
const obj = Vue.ref({});
|
|
24
|
// 当前点击
|
43
|
// 当前点击
|
|
25
|
const currentNode = Vue.ref({});
|
44
|
const currentNode = Vue.ref({});
|
|
26
|
// 搜索框内容
|
45
|
// 搜索框内容
|
|
27
|
const searchForm = Vue.ref({
|
46
|
const searchForm = Vue.ref({
|
|
28
|
- resName:''
|
47
|
+ resName: ''
|
|
29
|
});
|
48
|
});
|
|
30
|
|
49
|
|
|
31
|
// 单元格点及保存的数据
|
50
|
// 单元格点及保存的数据
|
|
32
|
- let cellDetail = Vue.ref({});
|
51
|
+ let cellDetail = Vue.ref({});
|
|
33
|
|
52
|
|
|
34
|
// 展示U位弹框
|
53
|
// 展示U位弹框
|
|
35
|
let dialogFlg = Vue.ref(false);
|
54
|
let dialogFlg = Vue.ref(false);
|
|
36
|
|
55
|
|
|
37
|
- // const dialog = Vue.ref({
|
|
|
|
38
|
- // title: '资源类型配置',
|
|
|
|
39
|
- // activeName: ''
|
|
|
|
40
|
- // });
|
|
|
|
41
|
- // const dialogVisible = Vue.ref(false);
|
|
|
|
42
|
- //
|
|
|
|
43
|
- // // 弹框
|
|
|
|
44
|
- // let showDialog = () => {
|
|
|
|
45
|
- // dialogVisible.value = true;
|
|
|
|
46
|
- // }
|
56
|
+ let total = Vue.ref(0);
|
|
47
|
|
57
|
|
|
48
|
// 获取左侧树结构
|
58
|
// 获取左侧树结构
|
|
49
|
let loadTree = () => {
|
59
|
let loadTree = () => {
|
|
50
|
proxy.$http.get("/api-web/v32/res/list/tree", {}, function (res) {
|
60
|
proxy.$http.get("/api-web/v32/res/list/tree", {}, function (res) {
|
|
51
|
if (res && res.data) {
|
61
|
if (res && res.data) {
|
|
52
|
- treeData.value = res.data
|
62
|
+ treeData.value = res.data
|
|
53
|
currentNode.value = res.data[0];
|
63
|
currentNode.value = res.data[0];
|
|
54
|
|
64
|
|
|
55
|
loadResList();
|
65
|
loadResList();
|
|
@@ -57,17 +67,25 @@ export default { |
|
@@ -57,17 +67,25 @@ export default { |
|
57
|
});
|
67
|
});
|
|
58
|
}
|
68
|
}
|
|
59
|
|
69
|
|
|
60
|
- let loadResList = () =>{
|
|
|
|
61
|
- if(currentNode.value){
|
|
|
|
62
|
- proxy.$http.get(`/api-web/v32/res/list/list/${currentNode.value.id}`, {}, function (res) {
|
70
|
+ let loadResList = () => {
|
|
|
|
71
|
+ if (currentNode.value) {
|
|
|
|
72
|
+ // 查询参数
|
|
|
|
73
|
+ let params = {
|
|
|
|
74
|
+ page: 1,
|
|
|
|
75
|
+ limit: 10,
|
|
|
|
76
|
+ treeNodId: currentNode.value.id,
|
|
|
|
77
|
+ query: {}
|
|
|
|
78
|
+ }
|
|
|
|
79
|
+ proxy.$http.get(`/api-web/v32/res/list`, params, function (res) {
|
|
63
|
if (res && res.object) {
|
80
|
if (res && res.object) {
|
|
64
|
- obj.value = res.object
|
81
|
+ obj.value = res.object
|
|
|
|
82
|
+ total.value = res.count;
|
|
65
|
}
|
83
|
}
|
|
66
|
});
|
84
|
});
|
|
67
|
}
|
85
|
}
|
|
68
|
}
|
86
|
}
|
|
69
|
|
87
|
|
|
70
|
- let handleNodeClick =(data) =>{
|
88
|
+ let handleNodeClick = (data) => {
|
|
71
|
console.log(data)
|
89
|
console.log(data)
|
|
72
|
currentNode.value = data;
|
90
|
currentNode.value = data;
|
|
73
|
loadResList();
|
91
|
loadResList();
|
|
@@ -75,11 +93,11 @@ export default { |
|
@@ -75,11 +93,11 @@ export default { |
|
75
|
|
93
|
|
|
76
|
|
94
|
|
|
77
|
// 展示机房或者机柜信息
|
95
|
// 展示机房或者机柜信息
|
|
78
|
- let showDialog = (flg) =>{
|
96
|
+ let showDialog = (flg) => {
|
|
79
|
dialogFlg.value = flg;
|
97
|
dialogFlg.value = flg;
|
|
80
|
}
|
98
|
}
|
|
81
|
|
99
|
|
|
82
|
- let cellClick = (row,prop,column) =>{
|
100
|
+ let cellClick = (row, prop, column) => {
|
|
83
|
openCabinet(true);
|
101
|
openCabinet(true);
|
|
84
|
showDialog(true);
|
102
|
showDialog(true);
|
|
85
|
cellDetail.value['prop'] = prop;
|
103
|
cellDetail.value['prop'] = prop;
|
|
@@ -87,8 +105,8 @@ export default { |
|
@@ -87,8 +105,8 @@ export default { |
|
87
|
cellDetail.value['title'] = column.label + '详情';
|
105
|
cellDetail.value['title'] = column.label + '详情';
|
|
88
|
}
|
106
|
}
|
|
89
|
let cabinetNoSrc = Vue.ref('');
|
107
|
let cabinetNoSrc = Vue.ref('');
|
|
90
|
- let openCabinet = (isInit) =>{
|
|
|
|
91
|
- if(isInit){
|
108
|
+ let openCabinet = (isInit) => {
|
|
|
|
109
|
+ if (isInit) {
|
|
92
|
cabinetNoSrc.value = "/vue3/src/assets/images/res/img01.jpg"
|
110
|
cabinetNoSrc.value = "/vue3/src/assets/images/res/img01.jpg"
|
|
93
|
} else {
|
111
|
} else {
|
|
94
|
cabinetNoSrc.value = "/vue3/src/assets/images/res/img03.jpg"
|
112
|
cabinetNoSrc.value = "/vue3/src/assets/images/res/img03.jpg"
|
|
@@ -104,10 +122,9 @@ export default { |
|
@@ -104,10 +122,9 @@ export default { |
|
104
|
})
|
122
|
})
|
|
105
|
|
123
|
|
|
106
|
|
124
|
|
|
|
|
125
|
+ // 配置页面
|
|
|
|
126
|
+ const {showConfig, showConfigDialog, dialogDetail} = configPage()
|
|
107
|
return {
|
127
|
return {
|
|
108
|
- /*showDialog,
|
|
|
|
109
|
- dialogVisible,
|
|
|
|
110
|
- dialog*/
|
|
|
|
111
|
|
128
|
|
|
112
|
currentNode,
|
129
|
currentNode,
|
|
113
|
treeData,
|
130
|
treeData,
|
|
@@ -122,7 +139,11 @@ export default { |
|
@@ -122,7 +139,11 @@ export default { |
|
122
|
cellClick,
|
139
|
cellClick,
|
|
123
|
|
140
|
|
|
124
|
openCabinet,
|
141
|
openCabinet,
|
|
125
|
- cabinetNoSrc
|
142
|
+ cabinetNoSrc,
|
|
|
|
143
|
+ total,
|
|
|
|
144
|
+
|
|
|
|
145
|
+ // 配置页面
|
|
|
|
146
|
+ showConfig, showConfigDialog, dialogDetail,
|
|
126
|
}
|
147
|
}
|
|
127
|
}
|
148
|
}
|
|
128
|
} |
149
|
} |
