UI优化: 小组页面优化完成

src/views/ProjectPage/analysis/AnalysisGroupCard.vue

@@ -4,22 +4,12 @@
                         <el-carousel-item>
                             <div>
                                 <div class="title">小组信息</div>
-<!--                                <el-descriptions :column="2" class="box-innercard">-->
-<!--&lt;!&ndash;                                    <div style="background-color: #409eff">&ndash;&gt;-->
-<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
-<!--                                    <el-descriptions-item label="小组得分:">{{-->
-<!--                                        totalScore-->
-<!--                                        }}</el-descriptions-item>-->
-<!--                                    <el-descriptions-item label="额外bonus:">{{-->
-<!--                                        bonus-->
-<!--                                        }}</el-descriptions-item>-->
-<!--                                </el-descriptions>-->
                                 <el-row class="box-innercard">
                                     <el-col :span="12">
-                                       小组得分：{{totalScore}}
+                                       小组得分: {{totalScore}}
                                     </el-col>
                                     <el-col :span="12">
-                                        额外bonus：{{bonus}}
+                                        额外bonus: {{bonus}}
                                     </el-col>
                                 </el-row>
                                 <div class="title-little">成员信息</div>
@@ -33,7 +23,7 @@
                                     </el-table-column>
                                     <el-table-column
                                             prop="name"
-                                            label="项目名称"
+                                            label="学号信息"
                                             width="150">
                                     </el-table-column>
                                     <el-table-column
@@ -58,18 +48,101 @@
                             </div>
                         </el-carousel-item>
                         <el-carousel-item>
-                            <div>commit信息</div>
-                        </el-carousel-item>
-                        <el-carousel-item>
-                            <div>缺陷信息</div>
-                        </el-carousel-item>
-                        <el-carousel-item>
-                            <div>需求树信息</div>
+                            <div>
+                                <div class="title">commit信息</div>
+                                <el-row class="box-innercard">
+                                    commit得分: {{commitScore}}
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        commit总次数: {{commitMessage.commit_times}}
+                                    </el-col>
+                                    <el-col :span="12">
+                                        有效commit次数: {{commitMessage.valid_commit_times}}
+                                    </el-col>
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        bugList_commit次数: {{commitMessage.buglist_commit}}
+                                    </el-col>
+                                    <el-col :span="12">
+                                        feature_commit次数: {{commitMessage.feature_commit}}
+                                    </el-col>
+                                </el-row>
+                                <el-card class="box-innercard" style="background-color: #ffffff;margin: 10px;width: 90%;height:350px;">
+                                    <template v-slot:header class="clearfix">
+                                        <span style="font-size: 14px">commit具体信息（可下滑查看）</span>
+                                    </template>
+                                    <el-descriptions :column="1" :colon="false" class="nui-scroll">
+                                        <div v-for="item in commitMessage.commit_msg_overview" v-bind:key="item">
+                                            <el-descriptions-item :key="item">{{
+                                                item
+                                                }}</el-descriptions-item>
+                                        </div>
+                                    </el-descriptions>
+                                </el-card>
+                            </div>
                         </el-carousel-item>
                         <el-carousel-item>
-                            <div>流水线部署信息</div>
+                            <div>
+                                <div class="title" style="margin-top: 50px">缺陷信息</div>
+                                <el-row class="box-innercard">
+                                    缺陷得分: {{bugScore}}
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        缺陷数目: {{bugList.bug_times}}
+                                    </el-col>
+                                    <el-col :span="12">
+                                        高优先级缺陷数目: {{bugList.high_times}}
+                                    </el-col>
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        已经修复的缺陷数目: {{bugList.finished_times}}
+                                    </el-col>
+                                </el-row>
+                            </div>
+                            <div>
+                                <div class="title" style="margin-top: 50px">需求树信息</div>
+                                <el-row class="box-innercard">
+                                    需求得分: {{nodeScore}}
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        需求节点数目: {{treeNode.treeNode_times}}
+                                    </el-col>
+                                    <el-col :span="12">
+                                        高优先级需求数目: {{treeNode.high_treeNode_times}}
+                                    </el-col>
+                                </el-row>
+                                <el-row class="box-innercard">
+                                    <el-col :span="12">
+                                        已经完成的需求数目: {{treeNode.finished_treeNode_times}}
+                                    </el-col>
+                                </el-row>
+                            </div>
                         </el-carousel-item>
             <el-carousel-item>
+                <div>
+                    <div class="title" style="margin-top: 50px">流水线部署信息</div>
+                    <el-row class="box-innercard">
+                        部署得分: {{pipelineScore}}
+                    </el-row>
+                    <el-row class="box-innercard">
+                        <el-col :span="12">
+                            流水线部署次数: {{arrange.pipeline_deploy}}
+                        </el-col>
+                        <el-col :span="12">
+                            流水线部署成功次数: {{arrange.pipeline_pass}}
+                        </el-col>
+                    </el-row>
+                    <el-row class="box-innercard">
+                        <el-col :span="12">
+                            流水线部署失败次数: {{arrange.pipline_failure}}
+                        </el-col>
+                    </el-row>
+                </div>
                 <!--        图表-->
                 <el-card class="box-card" style="margin-top: 20px">
                     <el-row :gutter="20">
@@ -438,14 +511,16 @@
 <style scoped>
 
     .box-innercard {
-        padding: 15px;
+        padding: 10px;
         background-color: #F8F9FB;
-        font-size:16px;
+        font-size:14px;
     }
 
     .table{
         margin: 10px;
+        margin-top: 20px;
         margin-left: 15px;
+        margin-bottom: 20px;
         width: 95%;
     }
 
@@ -458,17 +533,21 @@
     }
 
     .el-carousel__item{
-        /*background-color: #99a9bf;*/
+        /*background-color: #FFFFFF;*/
         background-color: #F8F9FB;
+        /*border-radius: 10px;*/
         padding: 10px;
     }
 
     .title{
+        margin-top: 10px;
+        margin-bottom: 10px;
         font-size: 20px;
         font-weight: bold;
     }
 
     .title-little{
+        margin-top: 10px;
         padding-left: 15px;
         font-size: 14px;
         font-weight: bold;