|
@@ -1,23 +1,22 @@
|
|
|
<template>
|
|
|
<!-- 详情 -->
|
|
|
- <div class="details">
|
|
|
- <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="height: 100%;">
|
|
|
- <el-tab-pane label="基本信息" name="basicMessage">
|
|
|
- <BasicMessage :row="row"></BasicMessage>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="挖掘任务" name="excavateTask" style="height: 100%;">
|
|
|
- <ExcavateTaskIndex style="height: 100%;"></ExcavateTaskIndex>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="文件列表" name="fileMessage" style="height: 100%;">
|
|
|
- <FileMessage style="height: 100%;"></FileMessage>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </div>
|
|
|
+ <div class="height_100">
|
|
|
+ <el-container>
|
|
|
+ <el-header class="basic_header">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="width:100%">
|
|
|
+ <el-tab-pane v-for="item in menu" :key='item.path' :label="item.label" :name="item.path"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-header>
|
|
|
+ <el-main>
|
|
|
+ <component :is='activeName' :id="id"></component>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import BasicMessage from '../basicMessage.vue'
|
|
|
-import ExcavateTaskIndex from '../excavateTask/index.vue'
|
|
|
+import BasicMessage from './basicMessage.vue'
|
|
|
+import ExcavateTaskIndex from '../excavateTask/excavateTask.vue'
|
|
|
import FileMessage from '../fileMessage.vue'
|
|
|
export default {
|
|
|
components: {
|
|
@@ -27,12 +26,26 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- activeName: 'basicMessage'
|
|
|
+ activeName: 'basicMessage',
|
|
|
+ menu:[
|
|
|
+ {
|
|
|
+ label:'基本信息',
|
|
|
+ path:'basicMessage'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'挖掘任务',
|
|
|
+ path:'ExcavateTaskIndex'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'文件列表',
|
|
|
+ path:'FileMessage'
|
|
|
+ },
|
|
|
+ ]
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- row() {
|
|
|
- return this.$route.query
|
|
|
+ id() {
|
|
|
+ return this.$route.query.id
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
@@ -40,20 +53,23 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
handleClick(tab, event) {
|
|
|
- console.log(tab, event);
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
+.basic_header{
|
|
|
+ padding: 0 !important;
|
|
|
+ width: 100%;
|
|
|
+ align-items: end;
|
|
|
+ border-bottom:0 ;
|
|
|
+}
|
|
|
+</style>
|
|
|
<style lang="scss">
|
|
|
-.details {
|
|
|
- width: calc(100% - 40px);
|
|
|
- height: calc(100% - 40px) !important;
|
|
|
- padding: 20px;
|
|
|
- .el-tabs__content{
|
|
|
- height: calc(100% - 40px);
|
|
|
- overflow: auto;
|
|
|
+ .basic_header{
|
|
|
+ .el-tabs__header{
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|