mirror of
https://github.com/crawlab-team/crawlab.git
synced 2026-01-25 17:42:25 +01:00
added setup.py
This commit is contained in:
55
frontend/src/components/Overview/NodeOverview.vue
Normal file
55
frontend/src/components/Overview/NodeOverview.vue
Normal file
@@ -0,0 +1,55 @@
|
||||
<template>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<!--last tasks-->
|
||||
<el-row>
|
||||
<task-table-view title="Latest Tasks"/>
|
||||
</el-row>
|
||||
|
||||
<!--last deploys-->
|
||||
<el-row>
|
||||
<deploy-table-view title="Latest Deploys"/>
|
||||
</el-row>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<!--basic info-->
|
||||
<node-info-view/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex'
|
||||
import DeployTableView from '../TableView/DeployTableView'
|
||||
import TaskTableView from '../TableView/TaskTableView'
|
||||
import NodeInfoView from '../InfoView/NodeInfoView'
|
||||
|
||||
export default {
|
||||
name: 'NodeOverview',
|
||||
components: {
|
||||
NodeInfoView,
|
||||
DeployTableView,
|
||||
TaskTableView
|
||||
},
|
||||
computed: {
|
||||
id () {
|
||||
return this.$route.params.id
|
||||
},
|
||||
...mapState('node', [
|
||||
'nodeForm'
|
||||
])
|
||||
},
|
||||
methods: {},
|
||||
created () {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title {
|
||||
margin: 10px 0 3px 0;
|
||||
}
|
||||
</style>
|
||||
63
frontend/src/components/Overview/SpiderOverview.vue
Normal file
63
frontend/src/components/Overview/SpiderOverview.vue
Normal file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<!--last tasks-->
|
||||
<el-row>
|
||||
<task-table-view title="Latest Tasks"/>
|
||||
</el-row>
|
||||
|
||||
<!--last deploys-->
|
||||
<el-row>
|
||||
<deploy-table-view title="Latest Deploys"/>
|
||||
</el-row>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<!--basic info-->
|
||||
<spider-info-view/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex'
|
||||
import DeployTableView from '../TableView/DeployTableView'
|
||||
import TaskTableView from '../TableView/TaskTableView'
|
||||
import SpiderInfoView from '../InfoView/SpiderInfoView'
|
||||
|
||||
export default {
|
||||
name: 'SpiderOverview',
|
||||
components: {
|
||||
SpiderInfoView,
|
||||
DeployTableView,
|
||||
TaskTableView
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
// spiderForm: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
id () {
|
||||
return this.$route.params.id
|
||||
},
|
||||
...mapState('spider', [
|
||||
'spiderForm'
|
||||
]),
|
||||
...mapState('deploy', [
|
||||
'deployList'
|
||||
])
|
||||
},
|
||||
methods: {},
|
||||
created () {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title {
|
||||
margin: 10px 0 3px 0;
|
||||
}
|
||||
</style>
|
||||
89
frontend/src/components/Overview/TaskOverview.vue
Normal file
89
frontend/src/components/Overview/TaskOverview.vue
Normal file
@@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<el-row>
|
||||
<el-col :span="12" style="padding-right: 20px;">
|
||||
<el-row>
|
||||
<h4 class="title">Task Info</h4>
|
||||
<task-info-view/>
|
||||
</el-row>
|
||||
<el-row style="border-bottom:1px solid #e4e7ed;margin:0 0 20px 0;padding-bottom:20px;"/>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-row>
|
||||
<h4 class="title spider-title" @click="onClickSpiderTitle">Spider Info</h4>
|
||||
<spider-info-view :is-view="true"/>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<h4 class="title node-title" @click="onClickNodeTitle">Node Info</h4>
|
||||
<node-info-view :is-view="true"/>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapState
|
||||
} from 'vuex'
|
||||
import SpiderInfoView from '../InfoView/SpiderInfoView'
|
||||
import NodeInfoView from '../InfoView/NodeInfoView'
|
||||
import TaskInfoView from '../InfoView/TaskInfoView'
|
||||
|
||||
export default {
|
||||
name: 'SpiderOverview',
|
||||
components: {
|
||||
NodeInfoView,
|
||||
SpiderInfoView,
|
||||
TaskInfoView
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
// spiderForm: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState('node', [
|
||||
'nodeForm'
|
||||
]),
|
||||
...mapState('spider', [
|
||||
'spiderForm'
|
||||
])
|
||||
},
|
||||
methods: {
|
||||
onClickNodeTitle () {
|
||||
this.$router.push(`/nodes/${this.nodeForm._id}`)
|
||||
},
|
||||
onClickSpiderTitle () {
|
||||
this.$router.push(`/spiders/${this.spiderForm._id.$oid}`)
|
||||
}
|
||||
},
|
||||
created () {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title {
|
||||
margin: 10px 0 3px 0;
|
||||
}
|
||||
|
||||
.spider-form {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
padding: 0 10px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.node-title,
|
||||
.spider-title {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user