Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
D
DA-Platform
Overview
Overview
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
文档服务地址:
http://47.92.0.57:3000/
周报索引地址:
http://47.92.0.57:3000/s/NruNXRYmV
Open sidebar
Berlin
DA-Platform
Commits
7021ccd3
Commit
7021ccd3
authored
May 16, 2020
by
李景熙
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
统一版式
parent
e188cd82
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
626 additions
and
713 deletions
+626
-713
CheckTask.vue
DAPlatform/src/components/CheckTask.vue
+108
-169
CompletedTask.vue
DAPlatform/src/components/CompletedTask.vue
+112
-183
PublishTask.vue
DAPlatform/src/components/PublishTask.vue
+113
-168
ReleaseTask.vue
DAPlatform/src/components/ReleaseTask.vue
+173
-24
UserHome.vue
DAPlatform/src/components/UserHome.vue
+12
-1
ongoingtask.vue
DAPlatform/src/components/ongoingtask.vue
+107
-168
api.js
DAPlatform/src/mock/api.js
+1
-0
No files found.
DAPlatform/src/components/CheckTask.vue
View file @
7021ccd3
<
template
>
<div
class=
"taskhall"
>
<el-container>
<el-main
style=
"background-color: #FFFFFF"
>
<el-table
:data=
"tableData"
:header-cell-style=
"
{backgroundColor:'#FFFFFF',color:'#409EFF'}"
max-height=600px
border
style="width: 100%"
:default-sort = "{prop: 'date', order: 'descending'}">
<el-table-column
prop=
"taskId"
label=
"任务ID"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"splitNum"
label=
"分片数量"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"发布时间"
sortable
width=
"180"
>
<template
slot-scope=
"scope"
>
<i
class=
"el-icon-time"
></i>
<span
style=
"margin-left: 10px"
>
{{
scope
.
row
.
date
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"任务名称"
>
</el-table-column>
<el-table-column
prop=
"status"
label=
"任务状态"
width=
"180"
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click=
"checkdetail"
type=
"text"
size=
"large"
>
查看详情
</el-button>
</
template
>
</el-table-column>
</el-table>
</el-main>
</el-container>
<div
class=
"taskhall-container"
>
<div
class=
"taskhall-left"
>
<div
class=
"tasklist-container"
>
<div
class=
"tasklist"
>
<div
class=
"task-item"
v-for=
"(item, index) in tasks"
:key=
'index'
>
<div>
{{
item
.
title
}}
</div>
<div>
发布时间:
{{
item
.
date
}}
  
分片数量:
{{
item
.
number
}}
  
任务状态:
{{
'待审核'
}}
  
<span
v-if=
"item.type == 'text'"
>
文本大小:
{{
item
.
size
}}
k
</span>
<span
v-else
>
图片张数:
{{
item
.
size
}}
张
</span>
</div>
<el-button
class=
"task-enter-btn1"
type=
"primary"
plain
>
审核任务
</el-button>
</div>
</div>
<div
class=
"page-navigator"
>
<el-pagination
:page-size=
"20"
:pager-count=
"11"
layout=
"prev, pager, next"
:total=
"1000"
>
</el-pagination>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
const
mock
=
true
if
(
mock
)
require
(
'@/mock/api.js'
)
export
default
{
data
()
{
name
:
'checktask'
,
data
()
{
return
{
tableData
:
[{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'单物体语义分割'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2017-05-03'
,
name
:
'人脸质量判断'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2018-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-06-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-04'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-08'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-06-11'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
},
{
taskId
:
'1'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'待审核'
}]
activeName
:
'待审核任务'
,
tasks
:
[]
}
},
m
ethods
:
{
checkdetail
()
{
this
.
$router
.
push
(
'/'
).
catch
(
data
=>
{
m
ounted
()
{
this
.
axios
.
get
(
'/getTasks'
).
then
(
res
=>
{
this
.
tasks
=
res
.
data
.
data
})
}
},
methods
:
{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
)
},
deleteRow
(
index
,
rows
)
{
//删除改行
rows
.
splice
(
index
,
1
);
},
}
}
</
script
>
<
style
>
.taskhall
{
width
:
90vw
;
min-width
:
800px
;
/* border: solid; */
margin-left
:
auto
;
margin-right
:
auto
;
margin-top
:
0px
;
}
.el-header
,
.el-footer
{
background-color
:
#B3C0D1
;
color
:
#333
;
text-align
:
center
;
line-height
:
60px
;
<!-- Add 'scoped' attribute to limit CSS to this component only -->
<
style
scoped
lang=
'scss'
>
@import
'@/assets/scss/config.scss'
;
.taskhall-container
{
padding
:
40px
10%
100px
10%
;
min-width
:
$
min-width
;
min-height
:
600px
;
overflow
:
hidden
;
background-color
:
$
bg-color
;
.taskhall-left{
background-color
:
white
;
padding
:
30px
20px
30px
20px
;
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
.filter-container{
.filter-item{
display
:
flex
;
align-items
:
center
;
margin-bottom
:
15px
;
.filter-input{
margin-left
:
20px
;
width
:
300px
;
}
.el-aside
{
background-color
:
#D3DCE6
;
color
:
#333
;
text-align
:
center
;
line-height
:
200px
;
}
.el-main
{
background-color
:
#E9EEF3
;
color
:
#333
;
text-align
:
center
;
line-height
:
36px
;
}
body
>
.el-container
{
margin-bottom
:
40px
;
.tasklist-container
{
.tasklist{
.task-item{
border-bottom
:
1px
solid
$
divider-color
;
text-align
:
left
;
padding
:
10px
0px
22px
;
position
:
relative
;
div
:
first-of-type
{
font-size
:
18px
;
margin-bottom
:
7px
;
font-weight
:
bold
;
}
div
:last-of-type
{
font-size
:
14px
;
color
:
#959595
;
}
.task-enter-btn1
{
position
:
absolute
;
right
:
10px
;
bottom
:
10px
;
}
}
}
}
.page-navigator
{
margin-top
:
30px
;
}
}
.taskhall-right
{
float
:
right
;
width
:
25%
;
.notice{
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
30px
;
.notice-title{
background-color
:
$
theme-color
;
color
:
white
;
padding
:
10px
0
;
}
.notice-body
{
background-color
:
white
;
height
:
200px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
}
.el-container
:nth-child
(
5
)
.el-aside
,
.el-container
:nth-child
(
6
)
.el-aside
{
line-height
:
260px
;
}
.el-container
:nth-child
(
7
)
.el-aside
{
line-height
:
320px
;
}
</
style
>
DAPlatform/src/components/CompletedTask.vue
View file @
7021ccd3
<
template
>
<div
class=
"taskhall"
>
<el-container>
<el-main
style=
"background-color: #FFFFFF"
>
<el-table
:data=
"tableData"
:header-cell-style=
"
{color:'#409EFF'}"
height="570"
border
style="width: 100%">
<el-table-column
prop=
"taskId"
label=
"任务ID"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"author"
label=
"发布者ID"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"splitNum"
label=
"分片数量"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"发布时间"
width=
"180"
>
<template
slot-scope=
"scope"
>
<i
class=
"el-icon-time"
></i>
<span
style=
"margin-left: 10px"
>
{{
scope
.
row
.
date
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"任务名称"
>
</el-table-column>
<el-table-column
prop=
"status"
label=
"任务状态"
width=
"180"
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click=
"handleClick(scope.row)"
type=
"text"
size=
"small"
>
查看
</el-button>
<el-button
type=
"text"
size=
"small"
>
导出
</el-button>
</
template
>
</el-table-column>
</el-table>
</el-main>
</el-container>
</div>
<div
class=
"taskhall-container"
>
<div
class=
"taskhall-left"
>
<div
class=
"tasklist-container"
>
<div
class=
"tasklist"
>
<div
class=
"task-item"
v-for=
"(item, index) in tasks"
:key=
'index'
>
<div>
{{
item
.
title
}}
</div>
<div>
发布时间:
{{
item
.
date
}}
  
分片数量:
{{
item
.
number
}}
  
<span
v-if=
"item.type == 'text'"
>
文本大小:
{{
item
.
size
}}
k
</span>
<span
v-else
>
图片张数:
{{
item
.
size
}}
张
</span>
</div>
<el-button
class=
"task-enter-btn1"
type=
"primary"
plain
>
查看任务详情
</el-button>
</div>
</div>
<div
class=
"page-navigator"
>
<el-pagination
:page-size=
"20"
:pager-count=
"11"
layout=
"prev, pager, next"
:total=
"1000"
>
</el-pagination>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
const
mock
=
true
if
(
mock
)
require
(
'@/mock/api.js'
)
export
default
{
data
()
{
name
:
'ongoingtask'
,
data
()
{
return
{
tableData
:
[{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'单物体语义分割'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'人脸质量判断'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已完成'
}]
activeName
:
'我的任务'
,
tasks
:
[]
}
},
mounted
()
{
this
.
axios
.
get
(
'/getTasks'
).
then
(
res
=>
{
this
.
tasks
=
res
.
data
.
data
})
},
methods
:
{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
)
},
deleteRow
(
index
,
rows
)
{
//删除改行
rows
.
splice
(
index
,
1
);
},
}
}
</
script
>
<
style
>
.taskhall
{
width
:
90vw
;
min-width
:
800px
;
/* border: solid; */
margin-left
:
auto
;
margin-right
:
auto
;
margin-top
:
0px
;
}
.el-header
,
.el-footer
{
background-color
:
#B3C0D1
;
color
:
#333
;
text-align
:
center
;
line-height
:
60px
;
<!-- Add 'scoped' attribute to limit CSS to this component only -->
<
style
scoped
lang=
'scss'
>
@import
'@/assets/scss/config.scss'
;
.taskhall-container
{
padding
:
40px
10%
100px
10%
;
min-width
:
$
min-width
;
min-height
:
600px
;
overflow
:
hidden
;
background-color
:
$
bg-color
;
.taskhall-left{
background-color
:
white
;
padding
:
30px
20px
30px
20px
;
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
.filter-container{
.filter-item{
display
:
flex
;
align-items
:
center
;
margin-bottom
:
15px
;
.filter-input{
margin-left
:
20px
;
width
:
300px
;
}
.el-aside
{
background-color
:
#D3DCE6
;
color
:
#333
;
text-align
:
center
;
line-height
:
200px
;
}
.el-main
{
background-color
:
#E9EEF3
;
color
:
#333
;
text-align
:
center
;
line-height
:
36px
;
}
body
>
.el-container
{
margin-bottom
:
40px
;
.tasklist-container
{
.tasklist{
.task-item{
border-bottom
:
1px
solid
$
divider-color
;
text-align
:
left
;
padding
:
10px
0px
22px
;
position
:
relative
;
div
:
first-of-type
{
font-size
:
18px
;
margin-bottom
:
7px
;
font-weight
:
bold
;
}
div
:last-of-type
{
font-size
:
14px
;
color
:
#959595
;
}
.task-enter-btn1
{
position
:
absolute
;
right
:
10px
;
bottom
:
10px
;
}
}
}
}
.page-navigator
{
margin-top
:
30px
;
}
}
.taskhall-right
{
float
:
right
;
width
:
25%
;
.notice{
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
30px
;
.notice-title{
background-color
:
$
theme-color
;
color
:
white
;
padding
:
10px
0
;
}
.notice-body
{
background-color
:
white
;
height
:
200px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
}
.el-container
:nth-child
(
5
)
.el-aside
,
.el-container
:nth-child
(
6
)
.el-aside
{
line-height
:
260px
;
}
.el-container
:nth-child
(
7
)
.el-aside
{
line-height
:
320px
;
}
</
style
>
DAPlatform/src/components/PublishTask.vue
View file @
7021ccd3
<
template
>
<div
class=
"taskhall"
>
<el-container>
<el-main
style=
"background-color: #FFFFFF"
>
<el-table
:data=
"tableData"
:header-cell-style=
"
{color:'#409EFF'}"
height="570"
border
style="width: 100%">
<el-table-column
prop=
"taskId"
label=
"任务ID"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"splitNum"
label=
"分片数量"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"发布时间"
width=
"180"
>
<template
slot-scope=
"scope"
>
<i
class=
"el-icon-time"
></i>
<span
style=
"margin-left: 10px"
>
{{
scope
.
row
.
date
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"任务名称"
>
</el-table-column>
<el-table-column
prop=
"status"
label=
"任务状态"
width=
"180"
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click=
"handleClick(scope.row)"
type=
"text"
size=
"small"
>
修改
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
</el-main>
</el-container>
</div>
<div
class=
"taskhall-container"
>
<div
class=
"taskhall-left"
>
<div
class=
"tasklist-container"
>
<div
class=
"tasklist"
>
<div
class=
"task-item"
v-for=
"(item, index) in tasks"
:key=
'index'
>
<div>
{{
item
.
title
}}
</div>
<div>
发布时间:
{{
item
.
date
}}
  
分片数量:
{{
item
.
number
}}
  
任务状态:
{{
'已发布'
}}
  
<span
v-if=
"item.type == 'text'"
>
文本大小:
{{
item
.
size
}}
k
</span>
<span
v-else
>
图片张数:
{{
item
.
size
}}
张
</span>
</div>
<el-button
class=
"task-enter-btn1"
type=
"primary"
plain
>
修改
</el-button>
<el-button
class=
"task-enter-btn2"
@
click
.
native
.
prevent=
"deleteRow(scope.$item, tasks)"
type=
"primary"
plain
>
删除
</el-button>
</div>
</div>
<div
class=
"page-navigator"
>
<el-pagination
:page-size=
"20"
:pager-count=
"11"
layout=
"prev, pager, next"
:total=
"1000"
>
</el-pagination>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
const
mock
=
true
if
(
mock
)
require
(
'@/mock/api.js'
)
export
default
{
data
()
{
name
:
'publishtask'
,
data
()
{
return
{
tableData
:
[{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'单物体语义分割'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'人脸质量判断'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
}]
activeName
:
'我的发布'
,
tasks
:
[]
}
},
mounted
()
{
this
.
axios
.
get
(
'/getTasks'
).
then
(
res
=>
{
this
.
tasks
=
res
.
data
.
data
})
},
methods
:
{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
)
},
deleteRow
(
index
,
rows
)
{
//删除改行
rows
.
splice
(
index
,
1
);
},
}
}
</
script
>
<
style
>
.el-header
,
.el-footer
{
background-color
:
#B3C0D1
;
color
:
#333
;
text-align
:
center
;
line-height
:
60px
;
<!-- Add 'scoped' attribute to limit CSS to this component only -->
<
style
scoped
lang=
'scss'
>
@import
'@/assets/scss/config.scss'
;
.taskhall-container
{
padding
:
40px
10%
100px
10%
;
min-width
:
$
min-width
;
min-height
:
600px
;
overflow
:
hidden
;
background-color
:
$
bg-color
;
.taskhall-left{
background-color
:
white
;
padding
:
30px
20px
30px
20px
;
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
.filter-container{
.filter-item{
display
:
flex
;
align-items
:
center
;
margin-bottom
:
15px
;
.filter-input{
margin-left
:
20px
;
width
:
300px
;
}
.el-aside
{
background-color
:
#D3DCE6
;
color
:
#333
;
text-align
:
center
;
line-height
:
200px
;
}
.el-main
{
background-color
:
#E9EEF3
;
color
:
#333
;
text-align
:
center
;
line-height
:
36px
;
}
body
>
.el-container
{
margin-bottom
:
40px
;
.tasklist-container
{
.tasklist{
.task-item{
border-bottom
:
1px
solid
$
divider-color
;
text-align
:
left
;
padding
:
10px
0px
22px
;
position
:
relative
;
div
:
first-of-type
{
font-size
:
18px
;
margin-bottom
:
7px
;
font-weight
:
bold
;
}
div
:last-of-type
{
font-size
:
14px
;
color
:
#959595
;
}
.task-enter-btn1
{
position
:
absolute
;
right
:
80px
;
bottom
:
10px
;
}
.task-enter-btn2
{
position
:
absolute
;
right
:
0px
;
bottom
:
10px
;
}
}
}
}
.page-navigator
{
margin-top
:
30px
;
}
}
.taskhall-right
{
float
:
right
;
width
:
25%
;
.notice{
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
30px
;
.notice-title{
background-color
:
$
theme-color
;
color
:
white
;
padding
:
10px
0
;
}
.notice-body
{
background-color
:
white
;
height
:
200px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
}
.el-container
:nth-child
(
5
)
.el-aside
,
.el-container
:nth-child
(
6
)
.el-aside
{
line-height
:
260px
;
}
.el-container
:nth-child
(
7
)
.el-aside
{
line-height
:
320px
;
}
</
style
>
DAPlatform/src/components/ReleaseTask.vue
View file @
7021ccd3
This diff is collapsed.
Click to expand it.
DAPlatform/src/components/UserHome.vue
View file @
7021ccd3
<
template
>
<div
class=
"taskhall"
>
<div
class=
"taskhall
-container
"
>
<el-container>
<el-aside
width=
"300px"
>
...
...
@@ -57,6 +57,16 @@
</div>
</
template
>
<
style
scope
lang=
"scss"
>
@import
'../assets/scss/config.scss'
;
.taskhall-container
{
padding
:
40px
10%
100px
10%
;
min-width
:
$
min-width
;
min-height
:
600px
;
overflow
:
hidden
;
background-color
:
$
bg-color
;
}
</
style
>
<
style
>
/* .taskhall{
width: 90vw;
...
...
@@ -111,6 +121,7 @@
.grid-content
{
border-radius
:
4px
;
height
:
40px
;
color
:
#000000
}
.grid-line
{
border-radius
:
4px
;
...
...
DAPlatform/src/components/ongoingtask.vue
View file @
7021ccd3
<
template
>
<div
class=
"taskhall"
>
<el-container>
<el-main
style=
"background-color: #FFFFFF"
>
<el-table
:data=
"tableData"
:header-cell-style=
"
{color:'#409EFF'}"
height="570"
border
style="width: 100%">
<el-table-column
prop=
"taskId"
label=
"任务ID"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"splitNum"
label=
"分片数量"
width=
"180"
>
</el-table-column>
<el-table-column
prop=
"date"
label=
"发布时间"
width=
"180"
>
<template
slot-scope=
"scope"
>
<i
class=
"el-icon-time"
></i>
<span
style=
"margin-left: 10px"
>
{{
scope
.
row
.
date
}}
</span>
</
template
>
</el-table-column>
<el-table-column
prop=
"name"
label=
"任务名称"
>
</el-table-column>
<el-table-column
prop=
"status"
label=
"任务状态"
width=
"180"
>
</el-table-column>
<el-table-column
fixed=
"right"
label=
"操作"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<el-button
@
click=
"handleClick(scope.row)"
type=
"text"
size=
"small"
>
修改
</el-button>
<el-button
@
click
.
native
.
prevent=
"deleteRow(scope.$index, tableData)"
type=
"text"
size=
"small"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
</el-main>
</el-container>
</div>
<div
class=
"taskhall-container"
>
<div
class=
"taskhall-left"
>
<div
class=
"tasklist-container"
>
<div
class=
"tasklist"
>
<div
class=
"task-item"
v-for=
"(item, index) in tasks"
:key=
'index'
>
<div>
{{
item
.
title
}}
</div>
<div>
发布时间:
{{
item
.
date
}}
  
分片数量:
{{
item
.
number
}}
  
<span
v-if=
"item.type == 'text'"
>
文本大小:
{{
item
.
size
}}
k
</span>
<span
v-else
>
图片张数:
{{
item
.
size
}}
张
</span>
</div>
<el-button
class=
"task-enter-btn1"
type=
"primary"
plain
>
查看任务详情
</el-button>
</div>
</div>
<div
class=
"page-navigator"
>
<el-pagination
:page-size=
"20"
:pager-count=
"11"
layout=
"prev, pager, next"
:total=
"1000"
>
</el-pagination>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
const
mock
=
true
if
(
mock
)
require
(
'@/mock/api.js'
)
export
default
{
data
()
{
name
:
'ongoingtask'
,
data
()
{
return
{
tableData
:
[{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'单物体语义分割'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'人脸质量判断'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
},
{
taskId
:
'1'
,
author
:
'小明'
,
splitNum
:
'3'
,
date
:
'2016-05-03'
,
name
:
'图片属性标注'
,
status
:
'已发布'
}]
activeName
:
'我的任务'
,
tasks
:
[]
}
},
mounted
()
{
this
.
axios
.
get
(
'/getTasks'
).
then
(
res
=>
{
this
.
tasks
=
res
.
data
.
data
})
},
methods
:
{
handleClick
(
tab
,
event
)
{
console
.
log
(
tab
,
event
)
},
deleteRow
(
index
,
rows
)
{
//删除改行
rows
.
splice
(
index
,
1
);
},
}
}
</
script
>
<
style
>
.el-header
,
.el-footer
{
background-color
:
#B3C0D1
;
color
:
#333
;
text-align
:
center
;
line-height
:
60px
;
<!-- Add 'scoped' attribute to limit CSS to this component only -->
<
style
scoped
lang=
'scss'
>
@import
'@/assets/scss/config.scss'
;
.taskhall-container
{
padding
:
40px
10%
100px
10%
;
min-width
:
$
min-width
;
min-height
:
600px
;
overflow
:
hidden
;
background-color
:
$
bg-color
;
.taskhall-left{
background-color
:
white
;
padding
:
30px
20px
30px
20px
;
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
.filter-container{
.filter-item{
display
:
flex
;
align-items
:
center
;
margin-bottom
:
15px
;
.filter-input{
margin-left
:
20px
;
width
:
300px
;
}
.el-aside
{
background-color
:
#D3DCE6
;
color
:
#333
;
text-align
:
center
;
line-height
:
200px
;
}
.el-main
{
background-color
:
#E9EEF3
;
color
:
#333
;
text-align
:
center
;
line-height
:
36px
;
}
body
>
.el-container
{
margin-bottom
:
40px
;
.tasklist-container
{
.tasklist{
.task-item{
border-bottom
:
1px
solid
$
divider-color
;
text-align
:
left
;
padding
:
10px
0px
22px
;
position
:
relative
;
div
:
first-of-type
{
font-size
:
18px
;
margin-bottom
:
7px
;
font-weight
:
bold
;
}
div
:last-of-type
{
font-size
:
14px
;
color
:
#959595
;
}
.task-enter-btn1
{
position
:
absolute
;
right
:
10px
;
bottom
:
10px
;
}
}
}
}
.page-navigator
{
margin-top
:
30px
;
}
}
.taskhall-right
{
float
:
right
;
width
:
25%
;
.notice{
box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
30px
;
.notice-title{
background-color
:
$
theme-color
;
color
:
white
;
padding
:
10px
0
;
}
.notice-body
{
background-color
:
white
;
height
:
200px
;
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
}
}
.el-container
:nth-child
(
5
)
.el-aside
,
.el-container
:nth-child
(
6
)
.el-aside
{
line-height
:
260px
;
}
.el-container
:nth-child
(
7
)
.el-aside
{
line-height
:
320px
;
}
</
style
>
DAPlatform/src/mock/api.js
View file @
7021ccd3
...
...
@@ -7,6 +7,7 @@ Mock.mock('/api/getTasks', {
'creater|1'
:
[
'王强'
,
'赵信良'
,
'李轩辕'
,
'田予欢'
,
'张三'
,
'李斯'
],
'date'
:
Mock
.
Random
.
date
(
'yyyy/MM/dd'
),
'size|20-1000'
:
1
,
'number|1-10'
:
1
,
'type|1'
:
[
'text'
,
'image'
],
'pieces|5-30'
:
1
}]
...
...
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