Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
W
web-monitor
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
web-monitor
Commits
f80e7e2e
Commit
f80e7e2e
authored
Mar 07, 2022
by
yanzhongrong
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev_yzr' into dev
parents
d18022f8
de03f266
Hide whitespace changes
Inline
Side-by-side
Showing
15 changed files
with
235 additions
and
247 deletions
+235
-247
index.js
src/router/index.js
+3
-4
index.vue
src/views/alarm/cableTime/index.vue
+19
-35
search.vue
src/views/alarm/device/components/search.vue
+0
-0
index.vue
src/views/alarm/device/index.vue
+20
-19
index.vue
src/views/history/deviceLinkRepair/index.vue
+1
-1
search.vue
src/views/history/leakyCableRepair/components/search.vue
+2
-8
index.vue
src/views/history/leakyCableRepair/index.vue
+2
-2
search.vue
src/views/history/leakyCableStatus/components/search.vue
+2
-8
search.vue
src/views/monitor/equipment/components/search.vue
+67
-0
index.vue
src/views/monitor/equipment/index.vue
+15
-6
search.vue
src/views/monitor/leakageCable/components/search.vue
+85
-0
index.vue
src/views/monitor/leakageCable/index.vue
+16
-6
index.vue
src/views/table/index.vue
+0
-79
index.vue
src/views/tree/index.vue
+0
-78
index.vue
src/views/user/userList/index.vue
+3
-1
No files found.
src/router/index.js
View file @
f80e7e2e
...
...
@@ -130,7 +130,6 @@ export const constantRoutes = [
},
]
},
{
path
:
'/monitor'
,
component
:
Layout
,
...
...
@@ -141,13 +140,13 @@ export const constantRoutes = [
{
path
:
'leakageCable'
,
name
:
'漏缆实时状态'
,
component
:
()
=>
import
(
'@/views/monitor/leakageCable'
),
component
:
()
=>
import
(
'@/views/monitor/leakageCable
/index
'
),
meta
:
{
title
:
'漏缆实时状态'
}
},
{
path
:
'equipment'
,
name
:
'设备实时状态'
,
component
:
()
=>
import
(
'@/views/monitor/equipment'
),
component
:
()
=>
import
(
'@/views/monitor/equipment
/index
'
),
meta
:
{
title
:
'设备实时状态'
}
}
]
...
...
@@ -190,7 +189,7 @@ export const constantRoutes = [
path
:
'leakyCableRepair'
,
name
:
'leakyCableRepair'
,
component
:
()
=>
import
(
'@/views/history/leakyCableRepair/index.vue'
),
meta
:
{
title
:
'漏缆监测维
护
历史'
}
meta
:
{
title
:
'漏缆监测维
修
历史'
}
},
{
path
:
'deviceLinkStatus'
,
...
...
src/views/alarm/cableTime/index.vue
View file @
f80e7e2e
...
...
@@ -14,11 +14,13 @@
<div
style=
"color: #666666"
></div>
<div
class=
"operate-btn"
>
<el-button
type=
"primary"
@
click=
"getTableData"
>
刷新
</el-button>
<el-button
type=
"primary"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery = !isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"exportList"
>
导出
</el-button>
</div>
</div>
<div
v-if=
"isQuery"
>
<search
@
search=
"getTableData"
/>
</div>
<el-table
:data=
"tableData"
style=
"width: 100%"
...
...
@@ -46,29 +48,6 @@
align=
"center"
width=
"300"
>
<!--
<template
slot-scope=
"scope"
>
<div
v-for=
"(item, index) in scope.row.message.red"
:key=
"index + 'red'"
class=
"red message"
>
{{
item
}}
</div>
<div
v-for=
"(item, index) in scope.row.message.green"
:key=
"index + 'green'"
class=
"green message"
>
{{
item
}}
</div>
<div
v-for=
"(item, index) in scope.row.message.black"
:key=
"index + 'black'"
class=
"black message"
>
{{
item
}}
</div>
</
template
>
-->
</el-table-column>
<el-table-column
prop=
"lateUploadTime"
...
...
@@ -103,7 +82,7 @@
<
script
>
import
{
cableTimeList
,
cableExport
}
from
'../api'
import
search
from
'@/views/monitor/leakageCable/components/search.vue'
export
default
{
data
()
{
return
{
...
...
@@ -128,14 +107,16 @@ export default {
key
:
0
}
],
isQuery
:
false
};
},
components
:
{
search
},
methods
:
{
// 表格背景图颜色
cellClassFn
({
row
,
column
,
rowIndex
,
columnIndex
})
{
if
(
row
.
level
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
if
(
row
.
alarmLevelName
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
return
'emergency'
}
else
if
(
row
.
level
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
}
else
if
(
row
.
alarmLevelName
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
return
'important'
}
if
(
rowIndex
%
2
==
1
)
{
...
...
@@ -147,10 +128,17 @@ export default {
this
.
params
.
current
=
pageData
.
page
this
.
getTableData
()
},
getTableData
(
type
)
{
getTableData
(
option
)
{
let
type
=
''
if
(
this
.
confirmStatus
==
2
)
{
type
=
''
}
else
{
type
=
this
.
confirmStatus
}
let
param
=
{
confirmStatus
:
type
,
...
this
.
params
...
this
.
params
,
...
option
}
cableTimeList
(
param
).
then
(
res
=>
{
let
list
=
res
.
records
||
[]
...
...
@@ -160,11 +148,7 @@ export default {
},
changeType
(
item
)
{
this
.
confirmStatus
=
item
.
key
if
(
item
.
key
==
2
)
{
this
.
getTableData
(
''
)
}
else
{
this
.
getTableData
(
item
.
key
)
}
this
.
getTableData
()
},
exportList
()
{
cableExport
({
confirmStatus
:
this
.
confirmStatus
}).
then
(
res
=>
{
...
...
src/views/alarm/device/components/search.vue
0 → 100644
View file @
f80e7e2e
src/views/alarm/device/index.vue
View file @
f80e7e2e
...
...
@@ -14,11 +14,13 @@
<div
style=
"color: #666666"
></div>
<div
class=
"operate-btn"
>
<el-button
type=
"primary"
@
click=
"getTableData"
>
刷新
</el-button>
<el-button
type=
"primary"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery=!isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"exportList"
>
导出
</el-button>
</div>
</div>
<div
v-if=
"isQuery"
>
<search
@
search=
"getTableData"
/>
</div>
<el-table
:data=
"tableData"
style=
"width: 100%"
...
...
@@ -26,7 +28,7 @@
:header-cell-style=
"
{ background: '#EAF1FE', color: '#666666' }"
>
<el-table-column
prop=
"startPointDeviceName"
label=
"网元设备"
align=
"center"
/>
<el-table-column
prop=
"
endPointConnectStatus
"
label=
"连接状态"
align=
"center"
/>
<el-table-column
prop=
"
connectStatusName
"
label=
"连接状态"
align=
"center"
/>
<el-table-column
prop=
"endPointDeviceName"
label=
"网元设备"
align=
"center"
/>
<el-table-column
prop=
"uploadTime"
label=
"上传时间"
align=
"center"
/>
<el-table-column
prop=
"confirmPerson"
label=
"确认人"
align=
"center"
/>
...
...
@@ -50,7 +52,7 @@
<
script
>
import
{
deviceList
,
deviceExport
}
from
'../api'
import
search
from
'@/views/monitor/equipment/components/search.vue'
export
default
{
data
()
{
return
{
...
...
@@ -75,20 +77,17 @@ export default {
key
:
0
}
],
isQuery
:
false
};
},
components
:
{
search
},
methods
:
{
// 表格背景图颜色
cellClassFn
({
row
,
column
,
rowIndex
,
columnIndex
})
{
if
((
row
.
state1
==
'连接正常'
&&
column
.
property
==
'state1
'
))
{
if
((
row
.
connectStatusName
==
'连接正常'
&&
column
.
property
==
'connectStatusName
'
))
{
return
'green'
}
if
((
row
.
state1
==
'连接异常'
&&
column
.
property
==
'state1'
))
{
return
'red'
}
if
((
row
.
state2
==
'连接正常'
&&
column
.
property
==
'state2'
))
{
return
'green'
}
else
if
((
row
.
state2
==
'连接异常'
&&
column
.
property
==
'state2'
))
{
if
((
row
.
connectStatusName
==
'连接异常'
&&
column
.
property
==
'connectStatusName'
))
{
return
'red'
}
if
(
rowIndex
%
2
==
1
)
{
...
...
@@ -100,10 +99,17 @@ export default {
this
.
params
.
current
=
pageData
.
page
this
.
getTableData
()
},
getTableData
(
type
)
{
getTableData
(
option
)
{
let
type
=
''
if
(
this
.
confirmStatus
==
2
)
{
type
=
''
}
else
{
type
=
this
.
confirmStatus
}
let
param
=
{
confirmStatus
:
type
,
...
this
.
params
...
this
.
params
,
...
option
}
deviceList
(
param
).
then
(
res
=>
{
let
list
=
res
.
records
||
[]
...
...
@@ -113,15 +119,10 @@ export default {
},
changeType
(
item
)
{
this
.
confirmStatus
=
item
.
key
if
(
item
.
key
==
2
)
{
this
.
getTableData
(
''
)
}
else
{
this
.
getTableData
(
item
.
key
)
}
this
.
getTableData
()
},
exportList
()
{
deviceExport
({
confirmStatus
:
this
.
confirmStatus
}).
then
(
res
=>
{
})
},
},
...
...
src/views/history/deviceLinkRepair/index.vue
View file @
f80e7e2e
...
...
@@ -7,7 +7,7 @@
<delids
:multipleSelection2=
"multipleSelection"
@
del=
"toDelete"
>
删除
</delids>
<el-button
type=
"primary"
@
click=
"getTableData"
>
刷新
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery = !isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery = !isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
>
导出
</el-button>
<el-button
type=
"primary"
>
清空数据
</el-button>
</div>
...
...
src/views/history/leakyCableRepair/components/search.vue
View file @
f80e7e2e
...
...
@@ -11,13 +11,7 @@
</el-select>
</el-form-item>
<el-form-item
label=
"告警对象"
>
<el-select
v-model=
"form.alarmTargetId"
placeholder=
"请选择告警对象"
clearable
>
<el-option
v-for=
"item in alarmObj"
:key=
"item.id"
:label=
"item.dictValue"
:value=
"item.id"
>
</el-option>
</el-select>
<el-input
v-model=
"form.alarmTargetName"
clearable
placeholder=
"请输入网元设备"
></el-input>
</el-form-item>
<el-form-item
label=
"告警级别"
>
<el-select
v-model=
"form.alarmLevelName"
placeholder=
"请选择告警级别"
clearable
>
...
...
@@ -72,7 +66,7 @@ export default {
function
formInit
()
{
return
{
siteId
:
null
,
alarmTarget
Id
:
null
,
alarmTarget
Name
:
''
,
alarmLevelName
:
null
,
}
}
...
...
src/views/history/leakyCableRepair/index.vue
View file @
f80e7e2e
...
...
@@ -103,9 +103,9 @@ export default {
})
},
cellClassFn
({
row
,
column
,
rowIndex
,
columnIndex
})
{
if
(
row
.
level
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
if
(
row
.
alarmLevelName
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
return
'emergency'
}
else
if
(
row
.
level
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
}
else
if
(
row
.
alarmLevelName
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
return
'important'
}
if
(
rowIndex
%
2
==
1
)
{
...
...
src/views/history/leakyCableStatus/components/search.vue
View file @
f80e7e2e
...
...
@@ -11,13 +11,7 @@
</el-select>
</el-form-item>
<el-form-item
label=
"告警对象"
>
<el-select
v-model=
"form.alarmTargetId"
placeholder=
"请选择告警对象"
clearable
>
<el-option
v-for=
"item in alarmObj"
:key=
"item.id"
:label=
"item.dictValue"
:value=
"item.id"
>
</el-option>
</el-select>
<el-input
v-model=
"form.alarmTargetName"
clearable
placeholder=
"请输入网元设备"
></el-input>
</el-form-item>
<el-form-item>
<el-button
type=
"success"
@
click=
"toSearch"
>
查询
</el-button>
...
...
@@ -59,7 +53,7 @@ export default {
function
formInit
()
{
return
{
alarmTarget
Id
:
null
,
alarmTarget
Name
:
null
,
siteId
:
null
,
}
}
...
...
src/views/monitor/equipment/components/search.vue
0 → 100644
View file @
f80e7e2e
<
template
>
<div>
<el-form
class=
"search-form"
:model=
"form"
ref=
"form"
label-width=
"80px"
:inline=
"true"
size=
"mini"
>
<el-form-item
label=
"网元设备"
>
<el-input
v-model=
"form.pointDeviceName"
clearable
placeholder=
"请输入网元设备"
></el-input>
</el-form-item>
<el-form-item
label=
"连接状态"
>
<el-select
v-model=
"form.pointConnectStatus"
placeholder=
"请选择告警级别"
clearable
>
<el-option
v-for=
"(val,key) in ConnectStatusEnum"
:key=
"key"
:label=
"val"
:value=
"+key"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type=
"success"
@
click=
"toSearch"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"reset"
>
重置
</el-button>
</el-form-item>
</el-form>
</div>
</
template
>
<
script
>
import
{
ConnectStatusEnum
}
from
'@/const/index'
export
default
{
name
:
'search'
,
data
()
{
return
{
form
:
formInit
(),
ConnectStatusEnum
,
}
},
mounted
()
{
},
methods
:
{
toSearch
()
{
this
.
$emit
(
'search'
,
this
.
form
)
},
reset
()
{
this
.
form
=
formInit
()
},
}
}
function
formInit
()
{
return
{
pointDeviceName
:
''
,
pointConnectStatus
:
''
,
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
.w200
{
width
:
200px
;
}
.search-form
{
padding
:
10px
;
background-color
:
#EAF1FE
;
margin-bottom
:
20px
;
border-radius
:
8px
;
.el-form-item--mini.el-form-item
,
.el-form-item--small.el-form-item
{
margin-bottom
:
0
;
}
}
</
style
>
\ No newline at end of file
src/views/monitor/equipment.vue
→
src/views/monitor/equipment
/index
.vue
View file @
f80e7e2e
<
template
>
<!--
漏缆
实时状态 -->
<!--
设备
实时状态 -->
<div
class=
"leakage-cable"
>
<div
class=
"leakage-top"
>
<div></div>
<div
class=
"operate-btn"
>
<el-button
type=
"primary"
@
click=
"getTableData"
>
刷新
</el-button>
<el-button
type=
"primary"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery = !isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"toExport"
>
导出
</el-button>
</div>
</div>
<div
v-if=
"isQuery"
>
<search
@
search=
"getTableData"
/>
</div>
<el-table
:data=
"tableData"
style=
"width: 100%"
...
...
@@ -33,9 +36,9 @@
</
template
>
<
script
>
import
{
DeviceStatusList
,
DeviceStatusExport
}
from
'./api'
import
{
DeviceStatusList
,
DeviceStatusExport
}
from
'.
.
/api'
import
{
ConnectStatusEnum
}
from
'@/const/index'
import
search
from
'./components/search.vue'
export
default
{
data
()
{
return
{
...
...
@@ -46,8 +49,10 @@ export default {
},
total
:
10
,
tableData
:
[],
isQuery
:
false
};
},
components
:
{
search
},
methods
:
{
// 表格背景图颜色
cellClassFn
({
row
,
column
,
rowIndex
,
columnIndex
})
{
...
...
@@ -71,8 +76,12 @@ export default {
this
.
params
.
current
=
pageData
.
page
;
this
.
getTableData
()
},
getTableData
()
{
DeviceStatusList
(
this
.
params
).
then
(
res
=>
{
getTableData
(
option
)
{
let
params
=
{
...
this
.
params
,
...
option
}
DeviceStatusList
(
params
).
then
(
res
=>
{
let
list
=
res
.
records
||
[]
list
.
forEach
(
item
=>
{
item
.
startPointConnectStatus_text
=
this
.
ConnectStatusEnum
[
item
.
startPointConnectStatus
]
...
...
src/views/monitor/leakageCable/components/search.vue
0 → 100644
View file @
f80e7e2e
<
template
>
<div>
<el-form
class=
"search-form"
:model=
"form"
ref=
"form"
label-width=
"80px"
:inline=
"true"
size=
"mini"
>
<el-form-item
label=
"基站名称"
>
<el-select
v-model=
"form.siteId"
placeholder=
"请选择基站名称"
clearable
>
<el-option
v-for=
"item in siteList"
:key=
"item.id"
:label=
"item.siteName"
:value=
"item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"告警对象"
>
<el-input
v-model=
"form.alarmTargetName"
clearable
placeholder=
"请输入网元设备"
></el-input>
</el-form-item>
<el-form-item
label=
"告警级别"
>
<el-select
v-model=
"form.alarmLevelName"
placeholder=
"请选择告警级别"
clearable
>
<el-option
v-for=
"(val,key) in alarmLeval"
:key=
"key"
:label=
"val"
:value=
"val"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type=
"success"
@
click=
"toSearch"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"reset"
>
重置
</el-button>
</el-form-item>
</el-form>
</div>
</
template
>
<
script
>
import
{
commonQuery
}
from
'@/views/history/api'
import
{
alarmLeval
}
from
'@/const'
export
default
{
name
:
'search'
,
data
()
{
return
{
siteList
:
[],
form
:
formInit
(),
alarmLeval
}
},
mounted
()
{
this
.
getInit
()
},
methods
:
{
toSearch
()
{
this
.
$emit
(
'search'
,
this
.
form
)
},
reset
()
{
this
.
form
=
formInit
()
},
getInit
()
{
commonQuery
().
then
(
res
=>
{
this
.
siteList
=
res
.
siteList
||
[]
})
}
}
}
function
formInit
()
{
return
{
siteId
:
null
,
alarmTargetName
:
''
,
alarmLevelName
:
null
,
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
.w200
{
width
:
200px
;
}
.search-form
{
padding
:
10px
;
background-color
:
#EAF1FE
;
margin-bottom
:
20px
;
border-radius
:
8px
;
.el-form-item--mini.el-form-item
,
.el-form-item--small.el-form-item
{
margin-bottom
:
0
;
}
}
</
style
>
\ No newline at end of file
src/views/monitor/leakageCable.vue
→
src/views/monitor/leakageCable
/index
.vue
View file @
f80e7e2e
...
...
@@ -5,10 +5,13 @@
<div
style=
"color: #666666"
></div>
<div
class=
"operate-btn"
>
<el-button
type=
"primary"
@
click=
"getTableData"
>
刷新
</el-button>
<el-button
type=
"primary"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"isQuery = !isQuery"
>
查询
</el-button>
<el-button
type=
"primary"
@
click=
"toExport"
>
导出
</el-button>
</div>
</div>
<div
v-if=
"isQuery"
>
<search
@
search=
"getTableData"
/>
</div>
<el-table
:data=
"tableData"
style=
"width: 100%"
...
...
@@ -45,8 +48,9 @@
</
template
>
<
script
>
import
{
CableStatusList
,
CableStatusExport
}
from
'./api'
import
{
CableStatusList
,
CableStatusExport
}
from
'.
.
/api'
import
{
ConnectStatusEnum
}
from
'@/const/index'
import
search
from
'./components/search.vue'
export
default
{
data
()
{
return
{
...
...
@@ -57,14 +61,16 @@ export default {
},
total
:
10
,
tableData
:
[],
isQuery
:
false
};
},
components
:
{
search
},
methods
:
{
// 表格背景图颜色
cellClassFn
({
row
,
column
,
rowIndex
,
columnIndex
})
{
if
(
row
.
level
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
if
(
row
.
alarmLevelName
==
'紧急'
&&
column
.
label
==
'告警级别'
)
{
return
'emergency'
}
else
if
(
row
.
level
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
}
else
if
(
row
.
alarmLevelName
==
'重要'
&&
column
.
label
==
'告警级别'
)
{
return
'important'
}
if
(
rowIndex
%
2
==
1
)
{
...
...
@@ -76,8 +82,12 @@ export default {
this
.
params
.
curent
=
pageData
.
page
this
.
getTableData
()
},
getTableData
()
{
CableStatusList
(
this
.
params
).
then
(
res
=>
{
getTableData
(
option
)
{
let
params
=
{
...
this
.
params
,
...
option
}
CableStatusList
(
params
).
then
(
res
=>
{
let
list
=
res
.
records
||
[]
this
.
tableData
=
list
this
.
total
=
res
.
total
...
...
src/views/table/index.vue
deleted
100644 → 0
View file @
d18022f8
<
template
>
<div
class=
"app-container"
>
<el-table
v-loading=
"listLoading"
:data=
"list"
element-loading-text=
"Loading"
border
fit
highlight-current-row
>
<el-table-column
align=
"center"
label=
"ID"
width=
"95"
>
<template
slot-scope=
"scope"
>
{{
scope
.
$index
}}
</
template
>
</el-table-column>
<el-table-column
label=
"Title"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
title
}}
</
template
>
</el-table-column>
<el-table-column
label=
"Author"
width=
"110"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<span>
{{
scope
.
row
.
author
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"Pageviews"
width=
"110"
align=
"center"
>
<
template
slot-scope=
"scope"
>
{{
scope
.
row
.
pageviews
}}
</
template
>
</el-table-column>
<el-table-column
class-name=
"status-col"
label=
"Status"
width=
"110"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<el-tag
:type=
"scope.row.status | statusFilter"
>
{{
scope
.
row
.
status
}}
</el-tag>
</
template
>
</el-table-column>
<el-table-column
align=
"center"
prop=
"created_at"
label=
"Display_time"
width=
"200"
>
<
template
slot-scope=
"scope"
>
<i
class=
"el-icon-time"
/>
<span>
{{
scope
.
row
.
display_time
}}
</span>
</
template
>
</el-table-column>
</el-table>
</div>
</template>
<
script
>
import
{
getList
}
from
'@/api/table'
export
default
{
filters
:
{
statusFilter
(
status
)
{
const
statusMap
=
{
published
:
'success'
,
draft
:
'gray'
,
deleted
:
'danger'
}
return
statusMap
[
status
]
}
},
data
()
{
return
{
list
:
null
,
listLoading
:
true
}
},
created
()
{
this
.
fetchData
()
},
methods
:
{
fetchData
()
{
this
.
listLoading
=
true
getList
().
then
(
response
=>
{
this
.
list
=
response
.
data
.
items
this
.
listLoading
=
false
})
}
}
}
</
script
>
src/views/tree/index.vue
deleted
100644 → 0
View file @
d18022f8
<
template
>
<div
class=
"app-container"
>
<el-input
v-model=
"filterText"
placeholder=
"Filter keyword"
style=
"margin-bottom:30px;"
/>
<el-tree
ref=
"tree2"
:data=
"data2"
:props=
"defaultProps"
:filter-node-method=
"filterNode"
class=
"filter-tree"
default-expand-all
/>
</div>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
filterText
:
''
,
data2
:
[{
id
:
1
,
label
:
'Level one 1'
,
children
:
[{
id
:
4
,
label
:
'Level two 1-1'
,
children
:
[{
id
:
9
,
label
:
'Level three 1-1-1'
},
{
id
:
10
,
label
:
'Level three 1-1-2'
}]
}]
},
{
id
:
2
,
label
:
'Level one 2'
,
children
:
[{
id
:
5
,
label
:
'Level two 2-1'
},
{
id
:
6
,
label
:
'Level two 2-2'
}]
},
{
id
:
3
,
label
:
'Level one 3'
,
children
:
[{
id
:
7
,
label
:
'Level two 3-1'
},
{
id
:
8
,
label
:
'Level two 3-2'
}]
}],
defaultProps
:
{
children
:
'children'
,
label
:
'label'
}
}
},
watch
:
{
filterText
(
val
)
{
this
.
$refs
.
tree2
.
filter
(
val
)
}
},
methods
:
{
filterNode
(
value
,
data
)
{
if
(
!
value
)
return
true
return
data
.
label
.
indexOf
(
value
)
!==
-
1
}
}
}
</
script
>
src/views/user/userList/index.vue
View file @
f80e7e2e
...
...
@@ -89,8 +89,10 @@ export default {
size
:
this
.
params
.
pageSize
}
list
(
params
).
then
(
res
=>
{
let
list
=
res
.
records
||
[]
list
.
forEach
(
item
=>
{
item
.
userId
=
item
.
id
})
this
.
tableData
=
list
this
.
total
=
res
.
total
})
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment