|
|
@@ -2,35 +2,12 @@
|
|
|
<div class="container">
|
|
|
<CodeReviewAddDrawer ref="addDrawer"/>
|
|
|
<FileReviewAddDrawer ref="fileReviewAddDrawer"/>
|
|
|
-<!-- <el-row>-->
|
|
|
-<!-- <h2>代码评审列表</h2>-->
|
|
|
-<!-- </el-row>-->
|
|
|
-<!-- <div class = "tabs">-->
|
|
|
-<!-- <div class="tab-pane" :active="tabActive[0]" @click="changeTab(0)">-->
|
|
|
-<!-- Opened <div class="tab-pane-inline-circle">{{tabCount[0]}}</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="tab-pane" :active="tabActive[1]" @click="changeTab(1)">-->
|
|
|
-<!-- Merged <div class="tab-pane-inline-circle">{{tabCount[1]}}</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="tab-pane" :active="tabActive[2]" @click="changeTab(2)">-->
|
|
|
-<!-- Closed <div class="tab-pane-inline-circle">{{tabCount[2]}}</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="tab-pane" :active="tabActive[3]" @click="changeTab(3)">-->
|
|
|
-<!-- All <div class="tab-pane-inline-circle">{{tabCount[3]}}</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
<el-row>
|
|
|
<h2>代码评审列表</h2>
|
|
|
<div class="button-plate">
|
|
|
<el-button type="success" size="medium" @click="addCodeReview">新建分支评审</el-button>
|
|
|
<el-button type="primary" size="medium" @click="addFileReview">新建文件评审</el-button>
|
|
|
</div>
|
|
|
- <!-- <el-button type="success" id="addButton" size="medium" @click="add">
|
|
|
- 新建代码评审
|
|
|
- </el-button>
|
|
|
- <el-button type="success" id="addFileReviewButton" size="medium">
|
|
|
- 新建文件评审
|
|
|
- </el-button> -->
|
|
|
</el-row>
|
|
|
<ElTabs class="tabs" v-model="activeTab">
|
|
|
<ElTabPane :label="'Opened(' + codeReviewList.opened.length + ')'" name="Opened">
|
|
|
@@ -53,7 +30,10 @@
|
|
|
</ElTabPane>
|
|
|
<ElTabPane :label="'FileReview(' + codeReviewList.fileReview.length + ')'" name="FileReview">
|
|
|
<div class="code-review-line" v-for="item in codeReviewList.fileReview" :key="item.id">
|
|
|
- <div class="code-review-titleline" @click="directToFileReviewDetail(item.id)">{{item.title}}</div>
|
|
|
+ <el-row>
|
|
|
+ <div class="code-review-titleline" @click="directToFileReviewDetail(item.id)">{{item.title}}</div>
|
|
|
+ <el-tag size="mini" class="state-tag" :type="getFileReviewTagType(item.status)" effect="dark">{{item.status}}</el-tag>
|
|
|
+ </el-row>
|
|
|
<div class="code-review-timeline">opened at {{item.createTime.split('T')[0]}}</div>
|
|
|
</div>
|
|
|
</ElTabPane>
|
|
|
@@ -128,6 +108,12 @@ export default {
|
|
|
directToFileReviewDetail(id) {
|
|
|
this.$router.push(`filereviewdetail?fileReviewId=${id}`);
|
|
|
},
|
|
|
+ getFileReviewTagType(status) {
|
|
|
+ if (status === 'Inspecting') return 'warning';
|
|
|
+ if (status === 'Rework') return 'danger';
|
|
|
+ if (status === 'Completed') return 'success';
|
|
|
+ return '';
|
|
|
+ },
|
|
|
},
|
|
|
async mounted() {
|
|
|
this.codeReviewList = await CodeReviewAPI.getCodeReviewList(this.currentProjectInfo.id);
|
|
|
@@ -184,4 +170,8 @@ export default {
|
|
|
font-size: 0.9em;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
+.state-tag {
|
|
|
+ position: absolute;
|
|
|
+ right: 0%;
|
|
|
+}
|
|
|
</style>
|