|
|
@@ -1,9 +1,18 @@
|
|
|
<template>
|
|
|
<right-form ref="rightForm">
|
|
|
<div class="missionDetialscontainer">
|
|
|
- <div class="missionBaseInfo">任务基础信息展示</div>
|
|
|
+ <div class="missionBaseInfo">
|
|
|
+ <div class="missionBaseLine1">
|
|
|
+ {{taskInfo.creator+" 创建于"+taskInfo.createTime+" "+taskInfo.project}}
|
|
|
+ </div>
|
|
|
+ <div class="missionBaseLine2">
|
|
|
+ {{"#"+taskInfo.taskId+" "+taskInfo.taskName}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<el-tabs class="tablePane" v-model="activeName" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="描述信息" name="taskdDescriptionInfo">任务描述信息</el-tab-pane>
|
|
|
+ <el-tab-pane label="描述信息" name="taskdDescriptionInfo">
|
|
|
+ 任务描述信息
|
|
|
+ </el-tab-pane>
|
|
|
<el-tab-pane label="代码提交记录" name="commitRecord">代码提交记录</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
@@ -19,6 +28,31 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
activeName: 'second',
|
|
|
+ taskInfo: {
|
|
|
+ taskId: 9973461,
|
|
|
+ creator: 'wkx',
|
|
|
+ createTime: '2020/01/23 15:15:37 GMT+8:00',
|
|
|
+ project: 'testPro',
|
|
|
+ taskName: '软工三需求迭代一',
|
|
|
+ taskType: '任务类型一',
|
|
|
+ taskPriority: '一般',
|
|
|
+ taskStatus: '新建',
|
|
|
+ taskExecutor: 'wkx',
|
|
|
+ expectedToTakeTime: '5小时',
|
|
|
+ startTime: '2020/01/24 15:15:37 GMT+8:00',
|
|
|
+ endTime: '',
|
|
|
+ taskDescription: '这个是任务的描述，喜欢写就写好了',
|
|
|
+ GitRecord: {
|
|
|
+ record1: '生成好的git信息1',
|
|
|
+ record2: '生成好的git信息2',
|
|
|
+ record3: '生成好的git信息3',
|
|
|
+ },
|
|
|
+ LeafTaskNode: {
|
|
|
+ leafTask1Id: 9973461,
|
|
|
+ leafTask2Id: 9973461,
|
|
|
+ leafTask3Id: 9973461,
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -34,8 +68,16 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
.missionDetialscontainer{
|
|
|
- .el-tabs__nav-scroll{
|
|
|
- width: 200px;
|
|
|
+ margin: 0 40px 0 40px;
|
|
|
+ .missionBaseInfo{
|
|
|
+ .missionBaseLine1{
|
|
|
+ color: #ecf0f1;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .missionBaseLine1{
|
|
|
+ color: #2C3E50;
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|
