Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
apaas-ui
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
gzga-jzapi
apaas-ui
Commits
05af8ab8
Commit
05af8ab8
authored
May 19, 2020
by
刘殿昕
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修应用商店卡片,+table获取select,完整数据结构、可不传id,云资源写了一点
parent
41b9ecc6
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
343 additions
and
152 deletions
+343
-152
src/assets/css/index.css
src/assets/css/index.css
+2
-2
src/components/commodity-card.vue
src/components/commodity-card.vue
+11
-8
src/components/commodity-list.vue
src/components/commodity-list.vue
+3
-6
src/components/service_list.vue
src/components/service_list.vue
+17
-5
src/components/shop-cloud/shop-cloud.vue
src/components/shop-cloud/shop-cloud.vue
+88
-0
src/components/table-um.vue
src/components/table-um.vue
+184
-101
src/pages/example_table.vue
src/pages/example_table.vue
+32
-7
src/pages/fwzc_fwcs.vue
src/pages/fwzc_fwcs.vue
+0
-12
src/pages/shop_cloud.vue
src/pages/shop_cloud.vue
+3
-3
static/data.json
static/data.json
+3
-8
No files found.
src/assets/css/index.css
View file @
05af8ab8
...
...
@@ -229,7 +229,7 @@ div{
background-color
:
#edf0ff
;
}
/* 设置tree的样式 */
.usrrole
.el-tree-node
:focus
>
.el-tree-node__content
{
/*
.usrrole .el-tree-node:focus>.el-tree-node__content{
background: rgb(248, 249, 253) !important;
}
.usrrole .el-tree-node__content:hover{
...
...
@@ -269,7 +269,7 @@ border-radius:8px;
border-top-right-radius:8px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
}
*/
/* 左右布局 */
.flex
{
height
:
100%
;
...
...
src/components/commodity-card.vue
View file @
05af8ab8
...
...
@@ -6,24 +6,24 @@
class=
"com_card_img"
/>
<div
class=
"com_card_name_v"
>
<div
class=
"com_card_msg_name"
>
ApaasApaasApaasApaas
</div>
<div
class=
"com_card_msg_version"
>
v1.876
</div>
<div
class=
"com_card_msg_name"
>
{{
cellData
.
title
}}
</div>
<div
class=
"com_card_msg_version"
>
V
{{
cellData
.
version
}}
</div>
</div>
</div>
<div
class=
"com_card_msg"
>
<div
class=
"com_card_msg_tit"
>
<img
:src=
"require('@/assets/imgs/icon_shijian.png')"
/>
上线时间
</div>
<div
class=
"com_card_msg_num"
>
2019-12-04
</div>
<div
class=
"com_card_msg_num"
>
{{
cellData
.
onlineTime
}}
</div>
</div>
<div
class=
"com_card_msg"
>
<div
class=
"com_card_msg_tit"
>
<img
:src=
"require('@/assets/imgs/icon_huoqu1.png')"
/>
部署次数
</div>
<div
class=
"com_card_msg_num1"
>
888888
</div>
<div
class=
"com_card_msg_num1"
>
{{
cellData
.
num
}}
</div>
</div>
<div
class=
"com_card_btn"
>
<el-button
size=
"medium"
class=
"btn_1"
>
加入购物车
</el-button>
<el-button
size=
"medium"
class=
"btn_1"
@
click=
"addShop(cellData.id)"
>
加入购物车
</el-button>
<el-button
size=
"medium"
class=
"btn_2"
@
click=
"goUrl(cellData.id)"
>
查看详情
</el-button>
</div>
</div>
...
...
@@ -44,6 +44,9 @@ export default {
if
(
this
.
url
!=
""
)
{
this
.
$router
.
push
(
this
.
url
+
"
/
"
+
parame
);
}
},
addShop
(
id
)
{
}
},
mounted
()
{}
...
...
@@ -70,7 +73,7 @@ export default {
margin-bottom
:
35px
;
}
.com_card_name_v
{
width
:
calc
(
100%
-
7
0px
);
width
:
calc
(
100%
-
8
0px
);
}
.com_card_img
{
width
:
60px
;
...
...
@@ -86,7 +89,7 @@ export default {
font-size
:
18px
;
font-weight
:
700
;
margin-top
:
4px
;
margin-bottom
:
8
px
;
margin-bottom
:
12
px
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
...
...
@@ -127,7 +130,7 @@ export default {
color
:
#f8f9fd
;
}
.btn_2
:hover
{
background-color
:
#1
42b88
;
background-color
:
#1
d3694
;
color
:
#f8f9fd
;
}
</
style
>
\ No newline at end of file
src/components/commodity-list.vue
View file @
05af8ab8
...
...
@@ -2,10 +2,7 @@
<div>
<div
v-if=
"name=='应用商店'"
ref=
"commodityList"
class=
"commodity_card"
>
<div
ref=
"commodityCardIn"
class=
"commodity_card_list"
>
<div
v-for=
"item in datas"
:key=
"item.id"
class=
"commodity_card_item"
>
<commodity-card
class=
"commodity_card_item_in"
:cellData=
"item"
:url=
"url"
></commodity-card>
</div>
<div
v-for=
"item in datas"
:key=
"'s' + item.id"
class=
"commodity_card_item"
>
<div
v-for=
"item in datas"
:cellData=
"item"
:url=
"url"
:key=
"item.id"
class=
"commodity_card_item"
>
<commodity-card
class=
"commodity_card_item_in"
:cellData=
"item"
:url=
"url"
></commodity-card>
</div>
</div>
...
...
@@ -122,11 +119,11 @@ export default {
let
listWidth
=
this
.
$refs
.
commodityCardIn
.
clientWidth
;
let
rowCardNum
=
Math
.
floor
(
listWidth
/
310
);
let
cardArr
=
this
.
$refs
.
commodityCardIn
.
children
;
console
.
log
(
rowCardNum
,
listWidth
/
rowCardNum
);
//
console.log(rowCardNum, listWidth / rowCardNum);
for
(
let
i
=
0
;
i
<
cardArr
.
length
;
i
++
)
{
cardArr
[
i
].
style
.
width
=
(
listWidth
/
rowCardNum
)
-
1
+
"
px
"
;
}
console
.
log
(
this
.
$refs
.
commodityCardIn
);
//
console.log(this.$refs.commodityCardIn);
}
},
mounted
()
{
...
...
src/components/service_list.vue
View file @
05af8ab8
...
...
@@ -162,7 +162,7 @@ export default {
lists
:
[
{
id
:
0
,
title
:
"
水路货物周转量情况
"
,
title
:
"
水路货物周转量情况
水路货物周转量情况
"
,
state
:
0
,
resourceSummary
:
"
提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务提供水路货物周转量排名和同比增长的专题数据服务
"
,
...
...
@@ -172,7 +172,10 @@ export default {
updateTime
:
"
2020-03-12 18:31:12
"
,
numberOfMonth
:
"
2698755
"
,
rate
:
3
,
mapService
:
1
mapService
:
1
,
version
:
2.888
,
onlineTime
:
"
2019-04-11 12:50:30
"
,
num
:
66666
},
{
id
:
1
,
...
...
@@ -185,7 +188,10 @@ export default {
serviceType
:
"
数据服务 专题数据服务 企业专题数据服务
"
,
updateTime
:
"
2020-03-12 18:31:12
"
,
numberOfMonth
:
"
2698745
"
,
rate
:
3.4
rate
:
3.4
,
version
:
2.888
,
onlineTime
:
"
2019-04-11 12:50:30
"
,
num
:
66666
},
{
id
:
2
,
...
...
@@ -198,7 +204,10 @@ export default {
serviceType
:
"
数据服务 专题数据服务 企业专题数据服务
"
,
updateTime
:
"
2020-03-12 18:31:12
"
,
numberOfMonth
:
"
2698455
"
,
rate
:
2.5
rate
:
2.5
,
version
:
2.888
,
onlineTime
:
"
2019-04-11 12:50:30
"
,
num
:
66666
},
{
id
:
3
,
...
...
@@ -211,7 +220,10 @@ export default {
serviceType
:
"
数据服务 专题数据服务 企业专题数据服务
"
,
updateTime
:
"
2020-03-12 18:31:12
"
,
numberOfMonth
:
"
267455
"
,
rate
:
3.7
rate
:
3.7
,
version
:
2.888
,
onlineTime
:
"
2019-04-11 12:50:30
"
,
num
:
66666
}
],
filterLists
:
[
...
...
src/components/shop-cloud/shop-cloud.vue
0 → 100644
View file @
05af8ab8
<
template
>
<div>
<el-breadcrumb
separator=
"/"
class=
"bread_crumb1 bread_left"
>
<el-breadcrumb-item
:to=
"
{ path: '/shop' }">服务超市
</el-breadcrumb-item>
<el-breadcrumb-item>
{{
name
}}
</el-breadcrumb-item>
</el-breadcrumb>
<block-radius>
<el-form
ref=
"form"
:inline=
"true"
:model=
"form"
label-width=
"100px"
>
<el-form-item
label=
"申请部门"
>
<el-input
v-model=
"form.department"
></el-input>
</el-form-item>
<el-form-item
label=
"部门联系人"
>
<el-input
v-model=
"form.name"
></el-input>
</el-form-item>
<el-form-item
label=
"联系电话"
>
<el-input
v-model=
"form.tel"
></el-input>
</el-form-item>
</el-form>
</block-radius>
<block-radius>
<el-tabs
v-model=
"activeName"
@
tab-click=
"tabClick"
>
<el-tab-pane
label=
"申请新的工作区域"
name=
"0"
>
<el-form
ref=
"formNew"
:model=
"formNew"
label-width=
"100px"
>
<div>
基本信息
</div>
<el-form-item
label=
"工作区域名称"
>
<el-input
v-model=
"formNew.workAreaName"
></el-input>
</el-form-item>
<el-form-item
label=
"中文名称"
>
<el-input
v-model=
"formNew.cnName"
></el-input>
</el-form-item>
<el-form-item
label=
"描述信息"
>
<el-input
type=
"textarea"
v-model=
"formNew.description"
></el-input>
</el-form-item>
<div>
工作区域申请规格
</div>
<el-form-item
label=
"CPU"
>
<el-input
v-model=
"formNew.CPUs"
></el-input>
</el-form-item>
<el-form-item
label=
"内存"
>
<el-input
v-model=
"formNew.RAMs"
></el-input>
</el-form-item>
<el-form-item
label=
"容器组"
>
<el-input
type=
"textarea"
v-model=
"formNew.containerGroup"
></el-input>
</el-form-item>
<el-form-item
label=
"数据盘(可选)"
>
<el-input-number
v-model=
"formNew.dataDisk"
@
change=
"handleChange"
:min=
"1"
:max=
"10"
></el-input-number>
块,每块
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane
label=
"升级现有工作区域"
name=
"1"
>
升级现有工作区域
</el-tab-pane>
</el-tabs>
</block-radius>
</div>
</
template
>
<
script
>
import
BlockRadius
from
"
@/components/block-radius
"
;
export
default
{
components
:
{
BlockRadius
},
props
:
{
name
:
{
type
:
String
,
default
:
""
}
},
data
:
()
=>
({
form
:
{
department
:
""
,
name
:
""
,
tel
:
""
},
activeName
:
"
0
"
,
formNew
:
{
workAreaName
:
""
,
cnName
:
""
,
description
:
""
,
CPUs
:
""
,
RAMs
:
""
,
containerGroup
:
""
,
dataDisk
:
""
}
}),
methods
:
{
tabClick
()
{}
}
};
</
script
>
<
style
scoped
>
</
style
>
src/components/table-um.vue
View file @
05af8ab8
...
...
@@ -17,6 +17,14 @@
"
></i>
</el-button>
<el-button
v-if=
"getSelectBtn"
icon=
"el-icon-plus"
size=
"small"
type=
"primary"
@
click=
"getSelect()"
class=
"ces_toolbar_btn"
>
获取勾选项
</el-button>
<el-button
v-if=
"addRowBtn"
icon=
"el-icon-plus"
...
...
@@ -24,8 +32,7 @@
type=
"primary"
@
click=
"addRow()"
class=
"ces_toolbar_btn"
>
新增
</el-button
>
>
新增
</el-button>
<el-input
prefix-icon=
"el-icon-search"
v-if=
"searchShow"
...
...
@@ -96,19 +103,9 @@
:header-cell-class-name="headerCellClassName"
v-cloak
>
<el-table-column
v-if=
"isSelection"
type=
"selection"
align=
"center"
></el-table-column>
<el-table-column
v-if=
"isSelection"
type=
"selection"
align=
"center"
></el-table-column>
<!-- 序号 -->
<el-table-column
v-if=
"isIndex"
type=
"index"
:label=
"indexLabel"
width=
"80"
align=
"center"
></el-table-column>
<el-table-column
v-if=
"isIndex"
type=
"index"
:label=
"indexLabel"
width=
"80"
align=
"center"
></el-table-column>
<!-- 数据栏 -->
<el-table-column
...
...
@@ -131,12 +128,8 @@
class=
"cur_pointer"
style=
"color: #0f2683"
@
click=
"handleClick(btn.type, scope.row)"
>
分配
</em>
<em
v-if=
"btn.label == '分配' && scope.row.state == 1"
>
已分配
</em>
>
分配
</em>
<em
v-if=
"btn.label == '分配' && scope.row.state == 1"
>
已分配
</em>
</em>
<em
...
...
@@ -147,8 +140,7 @@
color: btn.label == '删除' ? '#830f53' : '#0f2683',
}"
@click="deleteLocal(scope)"
>
{{
btn
.
label
}}
</em
>
>
{{
btn
.
label
}}
</em>
<em
class=
"cur_pointer"
...
...
@@ -158,12 +150,9 @@
color: btn.label == '删除' ? '#830f53' : '#0f2683',
}"
@click="handleClick(btn.type, scope.row)"
>
{{
btn
.
label
}}
</em
>
>
{{
btn
.
label
}}
</em>
<em
v-if=
"btn.line"
style=
"padding:0 20px;color:#edf0ff"
>
{{
btn
.
line
}}
</em>
<em
v-if=
"btn.line"
style=
"padding:0 20px;color:#edf0ff"
>
{{
btn
.
line
}}
</em>
</b>
</span>
<!--href 链接-->
...
...
@@ -199,9 +188,7 @@
trigger=
"hover"
:content=
"scope.row[item.prop]"
>
<div
slot=
"reference"
class=
"overlit"
>
{{
scope
.
row
[
item
.
prop
]
}}
</div>
<div
slot=
"reference"
class=
"overlit"
>
{{
scope
.
row
[
item
.
prop
]
}}
</div>
</el-popover>
<!-- others -->
<span
v-else
>
{{
scope
.
row
[
item
.
prop
]
}}
</span>
...
...
@@ -240,7 +227,7 @@
:disabled=
"pagination.page == 1"
></el-button>
第{{ pagination.page }}页 / 共{{
Math.ceil(pagination.total / pagination.rowsPerPage)
Math.ceil(pagination.total / pagination.rowsPerPage)
}}页
<el-button
icon=
"el-icon-arrow-right"
...
...
@@ -270,7 +257,7 @@ export default {
"
v-apaas-table-input
"
:
tableInput
,
"
v-apaas-table-select
"
:
tableSelect
,
"
v-apaas-table-umhref
"
:
tableUmhref
,
"
d-confirm
"
:
DConfirm
,
"
d-confirm
"
:
DConfirm
},
props
:
{
// 表格型号:mini,medium,small
...
...
@@ -295,82 +282,86 @@ export default {
// },
searchShow
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
url
:
{
type
:
String
,
default
:
""
,
default
:
""
},
detailsUrl
:
{
type
:
String
,
default
:
""
,
default
:
""
},
rowprop
:
{
type
:
String
,
default
:
""
,
default
:
""
},
ready
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
addRowBtn
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
couldNotEdit
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
refreshInit
:
{
type
:
Boolean
},
sortBy
:
{
type
:
String
,
default
:
""
,
default
:
""
},
searchNoName
:
{
type
:
Boolean
,
default
:
false
},
emptyText
:
{
type
:
String
,
default
:
"
暂无数据
"
,
default
:
"
暂无数据
"
},
autoAdd
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
border
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
stripe
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
radius
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
pageSizeShow
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
paginationShow
:
{
type
:
Boolean
,
default
:
false
,
default
:
false
},
headerCellClassName
:
{
type
:
String
,
default
:
""
,
default
:
""
},
filterList
:
{
type
:
Array
,
default
:
null
,
default
:
null
},
showHeader
:
{
type
:
Boolean
,
default
:
true
,
default
:
true
},
datas
:
{
type
:
Array
,
default
:
null
,
default
:
null
},
getSelectBtn
:
{
type
:
Boolean
,
default
:
false
}
},
data
()
{
return
{
...
...
@@ -378,32 +369,33 @@ export default {
pagination
:
{
rowsPerPage
:
10
,
page
:
1
,
total
:
0
,
total
:
0
},
delSelect
:
null
,
helper
:
helper
,
label
:
null
,
selectedTabsPage
:
[],
metaData
:
[],
pageOptions
:
[
{
value
:
"
10
"
,
label
:
"
10
"
,
label
:
"
10
"
},
{
value
:
"
20
"
,
label
:
"
20
"
,
label
:
"
20
"
},
{
value
:
"
50
"
,
label
:
"
50
"
,
}
,
label
:
"
50
"
}
],
search
:
""
,
times
:
null
,
showFliterList
:
false
,
filterData
:
null
,
// 筛选条件
filterToggle
:
null
,
// 控制筛选条件的展开和收起
filterLength
:
0
,
// 每行最多可容纳多少个过滤条件
filterLength
:
0
// 每行最多可容纳多少个过滤条件
};
},
mounted
()
{
...
...
@@ -421,20 +413,20 @@ export default {
if
(
val
)
{
this
.
getDataFromApiSync
();
}
}
,
}
},
url
:
{
handler
(
val
)
{
this
.
getDataFromApiSync
();
},
deep
:
true
,
deep
:
true
},
filterList
:
{
handler
(
val
)
{
this
.
initFilterData
();
},
deep
:
true
,
}
,
deep
:
true
}
},
methods
:
{
//本地删除
...
...
@@ -444,51 +436,70 @@ export default {
// get data
getDataFromApiSync
()
{
console
.
log
(
"
get data >>>
"
);
if
(
this
.
url
==
""
)
{
// console.log(this.emptyText);
// the if statement is to choose which data could be show, only used for test and template
this
.
selectedTabsPage
=
[];
if
(
this
.
datas
)
{
this
.
selectedTabsPage
=
this
.
datas
;
this
.
getDataFromApi
().
then
(
data
=>
{
this
.
selectedTabsPage
=
JSON
.
parse
(
JSON
.
stringify
(
data
.
newArr
));
this
.
pagination
.
total
=
data
.
total
;
if
(
this
.
autoAdd
)
{
this
.
addRow
();
}
if
(
this
.
selectedTabsPage
[
0
].
id
)
{
}
else
{
let
arrs
=
this
.
selectedTabsPage
;
this
.
addId
(
arrs
,
"
00000000
"
);
this
.
selectedTabsPage
=
arrs
;
}
this
.
metaData
=
[...
this
.
selectedTabsPage
];
},
err
=>
{
console
.
log
(
"
失败
"
+
err
);
}
this
.
pagination
.
total
=
0
;
if
(
this
.
autoAdd
)
{
this
.
addRow
();
);
},
addId
(
arr
,
id
)
{
let
self
=
this
;
for
(
let
i
=
0
;
i
<
arr
.
length
;
i
++
)
{
arr
[
i
].
id
=
parseInt
(
Math
.
random
()
*
100000
,
10
)
+
""
+
parseInt
(
Math
.
random
()
*
100000
,
10
);
arr
[
i
].
parentId
=
id
;
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
addId
(
arr
[
i
].
children
,
arr
[
i
].
id
);
}
}
else
{
this
.
getDataFromApi
().
then
(
(
data
)
=>
{
this
.
selectedTabsPage
=
JSON
.
parse
(
JSON
.
stringify
(
data
.
newArr
));
this
.
pagination
.
total
=
data
.
total
;
if
(
this
.
autoAdd
)
{
this
.
addRow
();
}
},
(
err
)
=>
{
console
.
log
(
"
失败
"
+
err
);
}
);
}
},
// get data from api
getDataFromApi
()
{
return
new
Promise
((
resolve
,
reject
)
=>
{
const
{
page
,
rowsPerPage
}
=
this
.
pagination
;
this
.
all_url
=
`/static/data.json`
;
this
.
$http
.
get
(
this
.
all_url
)
.
then
((
response
)
=>
{
let
newArr
=
response
.
data
.
data
[
this
.
url
];
// if it is true url, total is response's total
let
total
=
newArr
.
length
;
resolve
({
newArr
,
total
});
})
.
catch
(
function
(
response
)
{
// this.loading = false;
reject
(
response
);
});
if
(
this
.
url
==
""
)
{
let
newArr
=
[];
if
(
this
.
datas
)
{
newArr
=
this
.
datas
;
}
let
total
=
newArr
.
length
;
resolve
({
newArr
,
total
});
}
else
{
this
.
all_url
=
`/static/data.json`
;
this
.
$http
.
get
(
this
.
all_url
)
.
then
(
response
=>
{
let
newArr
=
response
.
data
.
data
[
this
.
url
];
// if it is true url, total is response's total
let
total
=
newArr
.
length
;
resolve
({
newArr
,
total
});
})
.
catch
(
function
(
response
)
{
// this.loading = false;
reject
(
response
);
});
}
});
},
getSelect
()
{
console
.
log
(
JSON
.
stringify
(
this
.
metaData
));
},
// search debonce 500ms
searchVal
()
{
if
(
this
.
times
!==
null
)
clearTimeout
(
this
.
times
);
...
...
@@ -498,12 +509,85 @@ export default {
},
// 表格勾选
select
(
rows
,
row
)
{
if
(
rows
.
indexOf
(
row
)
!=
-
1
)
{
let
arrs
=
this
.
metaData
;
this
.
setMeta
(
arrs
,
row
,
1
);
if
(
row
.
parentId
&&
row
.
parentId
!=
"
00000000
"
)
{
this
.
getParent
(
arrs
,
row
.
parentId
);
}
}
else
{
let
arrs
=
this
.
metaData
;
this
.
setMeta
(
arrs
,
row
,
0
);
}
this
.
$emit
(
"
select
"
,
rows
,
row
);
},
// 全选
selectAll
(
rows
)
{
let
arrs
=
this
.
metaData
;
if
(
rows
.
length
==
arrs
.
length
)
{
this
.
setAllMeta
(
arrs
,
1
);
}
else
{
this
.
setAllMeta
(
arrs
,
0
);
}
this
.
$emit
(
"
select
"
,
rows
);
},
// 设置元素select
setMeta
(
arr
,
row
,
state
)
{
let
self
=
this
;
for
(
let
i
=
0
;
i
<
arr
.
length
;
i
++
)
{
if
(
arr
[
i
].
id
==
row
.
id
)
{
if
(
arr
[
i
].
selected
)
{
arr
[
i
].
selected
=
state
;
}
else
{
arr
[
i
].
selected
=
1
;
}
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
setChildren
(
arr
[
i
].
children
,
state
);
}
return
false
;
}
else
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
setMeta
(
arr
[
i
].
children
,
row
,
state
);
}
}
},
// 设置每一个子元素的状态
setChildren
(
arr
,
state
)
{
let
self
=
this
;
for
(
let
i
=
0
;
i
<
arr
.
length
;
i
++
)
{
arr
[
i
].
selected
=
state
;
self
.
$refs
.
cesTable
.
toggleRowSelection
(
arr
[
i
],
state
);
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
setChildren
(
arr
[
i
].
children
,
state
);
}
}
},
// 设置所有元素的状态
setAllMeta
(
arr
,
state
)
{
let
self
=
this
;
for
(
let
i
=
0
;
i
<
arr
.
length
;
i
++
)
{
self
.
$refs
.
cesTable
.
toggleRowSelection
(
arr
[
i
],
state
);
arr
[
i
].
selected
=
state
;
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
setAllMeta
(
arr
[
i
].
children
,
state
);
}
}
},
// 获取父元素
getParent
(
arr
,
id
)
{
let
self
=
this
;
for
(
let
i
=
0
;
i
<
arr
.
length
;
i
++
)
{
if
(
arr
[
i
].
id
==
id
)
{
arr
[
i
].
selected
=
1
;
self
.
$refs
.
cesTable
.
toggleRowSelection
(
arr
[
i
],
1
);
if
(
arr
[
i
].
parentId
&&
arr
[
i
].
parentId
!=
"
00000000
"
)
{
self
.
getParent
(
arr
,
arr
[
i
].
parentId
);
}
}
if
(
arr
[
i
].
children
&&
arr
[
i
].
children
.
length
!=
0
)
{
self
.
getParent
(
arr
[
i
].
children
,
id
);
}
}
},
handleCurrentChange
(
val
)
{
this
.
pagination
.
page
+=
val
;
this
.
getDataFromApiSync
();
...
...
@@ -515,14 +599,13 @@ export default {
this
.
$emit
(
"
refresh
"
);
},
renderHeader
(
h
,
obj
)
{
console
.
log
(
obj
.
column
);
return
h
(
"
span
"
,
{
class
:
"
ces-table-require
"
},
obj
.
column
.
label
);
},
refreshuseList
()
{
this
.
$message
({
showClose
:
true
,
message
:
this
.
label
+
"
成功
"
,
type
:
"
success
"
,
type
:
"
success
"
});
},
switchChange
(
val
)
{
...
...
@@ -594,7 +677,7 @@ export default {
if
(
this
.
filterList
&&
this
.
filterList
.
length
)
{
this
.
filterData
=
{};
this
.
filterToggle
=
{};
this
.
filterList
.
forEach
(
(
item
)
=>
{
this
.
filterList
.
forEach
(
item
=>
{
this
.
$set
(
this
.
filterData
,
item
.
prop
,
[]);
this
.
$set
(
this
.
filterToggle
,
item
.
prop
,
false
);
});
...
...
@@ -607,8 +690,8 @@ export default {
this
.
filterData
[
prop
].
push
(
filter
);
}
console
.
log
(
this
.
filterData
);
}
,
}
,
}
}
};
</
script
>
...
...
src/pages/example_table.vue
View file @
05af8ab8
...
...
@@ -55,10 +55,10 @@
:headers=
"headers2"
url=
"tableData1"
:searchShow=
"false"
:addRowBtn=
"
fals
e"
:addRowBtn=
"
tru
e"
:autoAdd=
"false"
:isDialog=
"false"
:isSelection=
"
fals
e"
:isSelection=
"
tru
e"
:isIndex=
"true"
:confirmOptions=
"confirmOptions"
:detailsUrl=
"detailsUrl"
...
...
@@ -68,6 +68,7 @@
:paginationShow=
"false"
:pageSizeShow=
"false"
headerCellClassName=
"th_pink"
:getSelectBtn=
"true"
></ces-table>
</div>
</
template
>
...
...
@@ -77,9 +78,27 @@ import cesTable from "@/components/table-um";
export
default
{
data
:
()
=>
({
headers
:
[
{
label
:
"
服务url
"
,
prop
:
"
date
"
,
type
:
"
href
"
,
align
:
"
left
"
,
minWidth
:
"
50%
"
},
{
label
:
"
服务名称
"
,
prop
:
"
name
"
,
type
:
"
href
"
,
align
:
"
center
"
,
minWidth
:
"
60%
"
},
{
label
:
"
中文名
"
,
prop
:
"
address
"
,
type
:
"
href
"
,
align
:
"
right
"
,
width
:
"
100
"
},
{
label
:
"
服务url
"
,
prop
:
"
date
"
,
type
:
"
href
"
,
align
:
"
left
"
,
minWidth
:
"
50%
"
},
{
label
:
"
服务名称
"
,
prop
:
"
name
"
,
type
:
"
href
"
,
align
:
"
center
"
,
minWidth
:
"
60%
"
},
{
label
:
"
中文名
"
,
prop
:
"
address
"
,
type
:
"
href
"
,
align
:
"
right
"
,
width
:
"
100
"
},
{
label
:
"
操作
"
,
type
:
"
Button
"
,
...
...
@@ -100,7 +119,13 @@ export default {
headers1
:
[
{
label
:
"
服务url
"
,
prop
:
"
date
"
,
type
:
"
input
"
,
align
:
"
left
"
},
{
label
:
"
服务名称
"
,
prop
:
"
name
"
,
type
:
"
input
"
,
align
:
"
center
"
},
{
label
:
"
是否必要
"
,
prop
:
"
address
"
,
type
:
"
select
"
,
align
:
"
center
"
,
width
:
100
}
{
label
:
"
是否必要
"
,
prop
:
"
address
"
,
type
:
"
select
"
,
align
:
"
center
"
,
width
:
100
}
],
headers2
:
[
{
label
:
"
服务url
"
,
prop
:
"
date
"
,
type
:
""
,
align
:
"
left
"
},
...
...
@@ -139,7 +164,7 @@ export default {
name
:
"
服务状态
"
,
prop
:
"
fwzt
"
,
data
:
[
"
数据服务
"
,
"
时空服务
"
,
"
视频服务
"
,
"
感知服务
"
,
"
综合服务
"
]
}
,
}
]
}),
components
:
{
...
...
src/pages/fwzc_fwcs.vue
View file @
05af8ab8
...
...
@@ -356,7 +356,6 @@ export default {
optionsOrganization
:
[],
datasQqcs
:
[
{
id
:
123134445
,
name
:
"
name
"
,
field_type
:
"
string
"
,
label
:
""
,
...
...
@@ -365,7 +364,6 @@ export default {
children
:
null
},
{
id
:
1213445
,
name
:
"
age
"
,
field_type
:
"
float
"
,
label
:
""
,
...
...
@@ -374,7 +372,6 @@ export default {
children
:
null
},
{
id
:
12313444
,
name
:
"
childs
"
,
field_type
:
"
array
"
,
label
:
""
,
...
...
@@ -382,7 +379,6 @@ export default {
example
:
""
,
children
:
[
{
id
:
1231345
,
name
:
""
,
field_type
:
"
object
"
,
label
:
""
,
...
...
@@ -390,7 +386,6 @@ export default {
example
:
""
,
children
:
[
{
id
:
123344445
,
name
:
"
name
"
,
field_type
:
"
string
"
,
label
:
""
,
...
...
@@ -399,7 +394,6 @@ export default {
children
:
null
},
{
id
:
11344445
,
name
:
"
age
"
,
field_type
:
"
float
"
,
label
:
""
,
...
...
@@ -414,7 +408,6 @@ export default {
],
datasFhcs
:
[
{
id
:
123134445
,
name
:
"
name
"
,
field_type
:
"
string
"
,
label
:
""
,
...
...
@@ -423,7 +416,6 @@ export default {
children
:
null
},
{
id
:
1213445
,
name
:
"
age
"
,
field_type
:
"
float
"
,
label
:
""
,
...
...
@@ -432,7 +424,6 @@ export default {
children
:
null
},
{
id
:
12313444
,
name
:
"
childs
"
,
field_type
:
"
array
"
,
label
:
""
,
...
...
@@ -440,7 +431,6 @@ export default {
example
:
""
,
children
:
[
{
id
:
1231345
,
name
:
""
,
field_type
:
"
object
"
,
label
:
""
,
...
...
@@ -448,7 +438,6 @@ export default {
example
:
""
,
children
:
[
{
id
:
123344445
,
name
:
"
name
"
,
field_type
:
"
string
"
,
label
:
""
,
...
...
@@ -457,7 +446,6 @@ export default {
children
:
null
},
{
id
:
11344445
,
name
:
"
age
"
,
field_type
:
"
float
"
,
label
:
""
,
...
...
src/pages/shop_cloud.vue
View file @
05af8ab8
...
...
@@ -5,7 +5,7 @@
<service-shop-menu></service-shop-menu>
</el-aside>
<el-main>
<s
ervice-list
name=
"云资源"
></service-list
>
<s
hop-cloud
name=
"云资源服务"
></shop-cloud
>
</el-main>
</el-container>
</div>
...
...
@@ -13,11 +13,11 @@
<
script
>
import
ServiceShopMenu
from
"
@/components/service_shop_menu
"
;
import
S
erviceList
from
"
@/components/service_list
"
;
import
S
hopCloud
from
"
@/components/shop-cloud/shop-cloud
"
;
export
default
{
components
:
{
ServiceShopMenu
,
S
erviceList
S
hopCloud
},
data
:
()
=>
({}),
mounted
()
{},
...
...
static/data.json
View file @
05af8ab8
...
...
@@ -32,31 +32,26 @@
],
"tableData1"
:
[
{
"id"
:
1
,
"date"
:
"2016-05-02"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1518 弄"
},
{
"id"
:
2
,
"date"
:
"2016-05-04"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1517 弄"
},
{
"id"
:
3
,
"date"
:
"2016-05-01"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1519 弄"
,
"children"
:
[
{
"id"
:
31
,
"date"
:
"2016-05-01"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1519 弄"
},
{
"id"
:
32
,
"date"
:
"2016-05-01"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1519 弄"
...
...
@@ -64,7 +59,6 @@
]
},
{
"id"
:
4
,
"date"
:
"2016-05-03"
,
"name"
:
"王小虎"
,
"address"
:
"上海市普陀区金沙江路 1516 弄"
...
...
@@ -598,7 +592,7 @@
"example"
:
"22.00"
,
"children"
:
null
},
{
{
"name"
:
"childs"
,
"field_type"
:
"array"
,
"label"
:
""
,
...
...
@@ -609,7 +603,7 @@
"name"
:
""
,
"field_type"
:
"object"
,
"label"
:
""
,
"descript"
:
""
,
"de
script"
:
""
,
"example"
:
""
,
"children"
:
[
{
...
...
@@ -627,6 +621,7 @@
"descript"
:
""
,
"example"
:
"2.00"
,
"children"
:
null
}
]
}
...
...
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