Skip to content

D
DA-Platform

文档服务地址：http://47.92.0.57:3000/ 周报索引地址：http://47.92.0.57:3000/s/NruNXRYmV

Commit 05b9163d by 李景熙
Options

add taskdetail

parent f4c84d86
Showing with 500 additions and 8 deletions
DAPlatform/src/components/CheckDetail.vue 0 → 100644
<template>
<div class="task-container">
<div class="task-panel">
<h2>桥梁勘测文件标注</h2>
<p>发布时间：2019-12-13</p>
<p>文本大小：200k</p>
<el-divider></el-divider>
<el-table
:data="tableData"
height="400"
style="width: 100%">
<el-table-column
prop="id"
label="分片id"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="模板名称"
width="180">
</el-table-column>
<el-table-column
prop="number"
label="文件数量">
</el-table-column>
<el-table-column
prop="biaozhu"
label="标注者">
</el-table-column>
<el-table-column
prop="time"
label="标注时间">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="180">
<template slot-scope="scope">
<el-button type="primary">查看详情</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
name: 'task',
data() {
return {
task: {},
piecesMap: {},
pieces: [],
checkedPieces: [],
isIndeterminate: true,
checkAll: false,
tableData: [{
id: '10247',
name: '植物标注模板',
number: '3',
biaozhu: '小明',
time: '2017-12-13'
}, {
id: '10258',
name: '文本标注模板',
number: '3',
biaozhu: 'dell',
time: '2017-12-13'
}, {
id: '10117',
name: '植物标注模板',
number: '8',
biaozhu: '小明',
time: '2017-12-13'
}, {
id: '101329',
name: '桥梁标注模板',
number: '8',
biaozhu: '小明',
time: '2017-12-13'
}, {
id: '10128',
name: '植物标注模板',
number: '4',
biaozhu: '小明',
time: '2017-12-13'
}, {
id: '10154',
name: '植物标注模板',
number: '10',
biaozhu: '小明',
time: '2017-12-13'
}, {
id: '10125',
name: '桥梁标注模板',
number: '8',
biaozhu: '小明',
time: '2017-12-13'
}]
}
},
mounted () {
var self = this
var task = JSON.parse(decodeURIComponent(this.$route.params.task))
this.task = task
// 根据任务id拉取分片信息
this.axios.get('/getPieces', {
params: {
id: task.id
}
}).then(res => {
var piecesMap = {}
var pieces = []
for (let piece of res.data.data) {
piecesMap[piece.id] = {
fileNum: piece.fileNum,
templateName: piece.templateName
}
pieces.push(piece.id)
}
self.piecesMap = piecesMap
self.pieces = pieces
})
},
methods: {
handleCheckAllChange (val) {
this.checkedPieces = val ? this.pieces : []
this.isIndeterminate = false
},
handleCheckedPiecesChange (value) {
let checkedCount = value.length
this.checkAll = checkedCount === this.pieces.length
this.isIndeterminate = checkedCount > 0 && checkedCount < this.pieces.length
},
begin () {
if (this.checkedPieces.length === 0) {
alert('请选择分片')
}
}
}
}
</script>
<style lang="scss" scoped>
@import '../assets/scss/config.scss';
@import '../assets/scss/mixin.scss';
.task-container{
@include container;
.task-panel{
@include whiteBoard;
text-align: left;
padding: 30px 20px 30px 20px;
}
.pieces{
margin-bottom: 30px;
.el-checkbox{
display: block;
margin: 0px;
padding: 9px 0 9px 10px;
}
.checkbox{
span{
display: inline-block;
min-width: 15em;
}
&:nth-child(odd){
background-color: ghostwhite;
}
}
}
}
</style>
DAPlatform/src/components/CheckTask.vue
......@@ -9,7 +9,7 @@
<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-btn1" type="primary" @click="detail()" plain>审核任务</el-button>
</div>
</div>
<div class="page-navigator">
......@@ -49,6 +49,9 @@
deleteRow(index, rows) {//删除改行
rows.splice(index, 1);
},
detail(){
this.$router.push('/checkdetail')
}
}
}
</script>
......
DAPlatform/src/components/CompletedTask.vue
......@@ -9,7 +9,7 @@
<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-btn1" type="primary" @click="detail()" plain>查看任务</el-button>
<el-button class="task-enter-btn2" type="primary" plain>导出任务</el-button>
</div>
</div>
......@@ -50,6 +50,9 @@
deleteRow(index, rows) {//删除改行
rows.splice(index, 1);
},
detail(){
this.$router.push('/completeddetail')
}
}
}
</script>
......
DAPlatform/src/components/CompletedTaskDetail.vue 0 → 100644
<template>
<div class="task-container">
<div class="task-panel">
<h2>桥梁勘测文件标注</h2>
<p>发布者：小明</p>
<p>发布时间：2019-12-13</p>
<p>文本大小：200k</p>
<el-divider></el-divider>
<el-table
:data="tableData"
height="400"
style="width: 100%">
<el-table-column
prop="id"
label="分片id"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="模板名称"
width="180">
</el-table-column>
<el-table-column
prop="number"
label="文件数量">
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
name: 'task',
data() {
return {
task: {},
piecesMap: {},
pieces: [],
checkedPieces: [],
isIndeterminate: true,
checkAll: false,
tableData: [{
id: '10247',
name: '植物标注模板',
number: '3'
}, {
id: '10258',
name: '文本标注模板',
number: '3'
}, {
id: '10117',
name: '植物标注模板',
number: '8'
}, {
id: '101329',
name: '桥梁标注模板',
number: '8'
}, {
id: '10128',
name: '植物标注模板',
number: '4'
}, {
id: '10154',
name: '植物标注模板',
number: '10'
}, {
id: '10125',
name: '桥梁标注模板',
number: '8'
}]
}
},
mounted () {
var self = this
var task = JSON.parse(decodeURIComponent(this.$route.params.task))
this.task = task
// 根据任务id拉取分片信息
this.axios.get('/getPieces', {
params: {
id: task.id
}
}).then(res => {
var piecesMap = {}
var pieces = []
for (let piece of res.data.data) {
piecesMap[piece.id] = {
fileNum: piece.fileNum,
templateName: piece.templateName
}
pieces.push(piece.id)
}
self.piecesMap = piecesMap
self.pieces = pieces
})
},
methods: {
handleCheckAllChange (val) {
this.checkedPieces = val ? this.pieces : []
this.isIndeterminate = false
},
handleCheckedPiecesChange (value) {
let checkedCount = value.length
this.checkAll = checkedCount === this.pieces.length
this.isIndeterminate = checkedCount > 0 && checkedCount < this.pieces.length
},
begin () {
if (this.checkedPieces.length === 0) {
alert('请选择分片')
}
}
}
}
</script>
<style lang="scss" scoped>
@import '../assets/scss/config.scss';
@import '../assets/scss/mixin.scss';
.task-container{
@include container;
.task-panel{
@include whiteBoard;
text-align: left;
padding: 30px 20px 30px 20px;
}
.pieces{
margin-bottom: 30px;
.el-checkbox{
display: block;
margin: 0px;
padding: 9px 0 9px 10px;
}
.checkbox{
span{
display: inline-block;
min-width: 15em;
}
&:nth-child(odd){
background-color: ghostwhite;
}
}
}
}
</style>
DAPlatform/src/components/OngoingTaskDetail.vue
<template>
<div class="task-container">
<div class="task-panel">
<h2>桥梁勘测文件标注</h2>
<p>发布者：小明</p>
<p>发布时间：2019-12-13</p>
<p>文本大小：200k</p>
<el-divider></el-divider>
<el-table
:data="tableData"
height="400"
style="width: 100%">
<el-table-column
prop="id"
label="分片id"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="模板名称"
width="180">
</el-table-column>
<el-table-column
prop="number"
label="文件数量">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="180">
<template slot-scope="scope">
<el-button type="primary">开始任务</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
export default {
name: 'task',
data() {
return {
task: {},
piecesMap: {},
pieces: [],
checkedPieces: [],
isIndeterminate: true,
checkAll: false,
tableData: [{
id: '10247',
name: '植物标注模板',
number: '3'
}, {
id: '10258',
name: '文本标注模板',
number: '3'
}, {
id: '10117',
name: '植物标注模板',
number: '8'
}, {
id: '101329',
name: '桥梁标注模板',
number: '8'
}, {
id: '10128',
name: '植物标注模板',
number: '4'
}, {
id: '10154',
name: '植物标注模板',
number: '10'
}, {
id: '10125',
name: '桥梁标注模板',
number: '8'
}]
}
},
mounted () {
var self = this
var task = JSON.parse(decodeURIComponent(this.$route.params.task))
this.task = task
// 根据任务id拉取分片信息
this.axios.get('/getPieces', {
params: {
id: task.id
}
}).then(res => {
var piecesMap = {}
var pieces = []
for (let piece of res.data.data) {
piecesMap[piece.id] = {
fileNum: piece.fileNum,
templateName: piece.templateName
}
pieces.push(piece.id)
}
self.piecesMap = piecesMap
self.pieces = pieces
})
},
methods: {
handleCheckAllChange (val) {
this.checkedPieces = val ? this.pieces : []
this.isIndeterminate = false
},
handleCheckedPiecesChange (value) {
let checkedCount = value.length
this.checkAll = checkedCount === this.pieces.length
this.isIndeterminate = checkedCount > 0 && checkedCount < this.pieces.length
},
begin () {
if (this.checkedPieces.length === 0) {
alert('请选择分片')
}
}
}
}
</script>
<style lang="scss" scoped>
@import '../assets/scss/config.scss';
@import '../assets/scss/mixin.scss';
.task-container{
@include container;
.task-panel{
@include whiteBoard;
text-align: left;
padding: 30px 20px 30px 20px;
}
.pieces{
margin-bottom: 30px;
.el-checkbox{
display: block;
margin: 0px;
padding: 9px 0 9px 10px;
}
.checkbox{
span{
display: inline-block;
min-width: 15em;
}
&:nth-child(odd){
background-color: ghostwhite;
}
}
}
}
</style>
DAPlatform/src/components/PublishTask.vue
......@@ -9,8 +9,8 @@
<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>
<el-button class="task-enter-btn1" type="primary" plain @click="revise">修改</el-button>
<el-button class="task-enter-btn2" @click.native.prevent="deleteRow(index, tasks)" type="primary" plain>删除</el-button>
</div>
</div>
<div class="page-navigator">
......@@ -28,28 +28,33 @@
<script>
const mock = true
if (mock) require('@/mock/api.js')
if(mock) require('@/mock/api.js'
)
export default {
name: 'publishtask',
data () {
data() {
return {
activeName: '我的发布',
tasks: []
}
},
mounted () {
mounted() {
this.axios.get('/getTasks').then(res => {
this.tasks = res.data.data
})
},
methods: {
handleClick (tab, event) {
handleClick(tab, event) {
console.log(tab, event)
},
deleteRow(index, rows) {//删除改行
rows.splice(index, 1);
},
revise() {
this.$router.push('/releasetask').catch(data => {
})
}
}
}
</script>
......
DAPlatform/src/router/index.js
......@@ -10,6 +10,8 @@ import release from '../components/ReleaseTask'
import publishtask from '../components/PublishTask'
import ongoingtask from '../components/ongoingtask'
import ongoingtaskdetail from '../components/OngoingTaskDetail'
import completeddetail from '../components/CompletedTaskDetail'
import checkdetail from '../components/CheckDetail'
Vue.use(Router)
......@@ -65,6 +67,16 @@ export default new Router({
path: '/ongoingdetail',
name: ongoingtaskdetail,
component: ongoingtaskdetail
},
{
path: '/completeddetail',
name: completeddetail,
component: completeddetail
},
{
path: '/checkdetail',
name: checkdetail,
component: checkdetail
}
]
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment