学生选科报告样式调整

src/views/career/bigdataSelectCourse/report.vue

@@ -1,37 +1,12 @@
 <template>
   <div class="report f16">
-    <p>{{ nickName }}同学：</p>
-    <p>您好!</p>
-    <div>您所在的学校开设了
-      <span v-for="item in stepOne">，{{ `${item.groupName}(${item.classCount}个班级)(${item.count})` }}</span>，
+    <p class="mb10">{{ nickName }}同学：</p>
+    <p class="mb10">您好!</p>
+    <div style="letterSpacing:10px">
+      <span>您所在的学校开设了</span>
+      <span v-for="item in stepOne">{{ `${item.groupName}(${item.classCount}个班级)(${item.count})` }}，</span>
       <span>共计{{ stepOne.length }}个组合。</span>
     </div>
-<!--    <div v-for="(result,index) in allResult">-->
-<!--      <template v-if="index <= allResult.findIndex(item => item.isEnroll)">-->
-<!--        &lt;!&ndash; 已录取 &ndash;&gt;-->
-<!--        <div v-if="result.isEnroll">-->
-<!--          <span>您在{{ result.name }}时报选了</span><span class="f-primary"-->
-<!--        > {{ result.groupList.map(item => item.groupName).toString(',') }} </span>组合-->
-<!--          您在{{ result.name }}阶段被 <span class="f-primary"-->
-<!--        > {{ result.groupList.filter(item => item.approved).map(item => item.groupName).toString(',') }} </span>组合录取-->
-<!--        </div>-->
-<!--        &lt;!&ndash;    未录取   &ndash;&gt;-->
-<!--        <div v-else>-->
-<!--          <div>-->
-<!--            您在{{ result.name }}时报选了<span class="f-red"-->
-<!--          > {{ result.groupList.map(item => item.groupName).toString(',') }} </span> 组合-->
-<!--            ，您在{{ result.name }}未被 <span class="f-red"-->
-<!--          > {{ result.groupList.map(item => item.groupName).toString(',') }} </span> 组合录取-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            您在{{ result.name }}未被录取,系统推荐您选报 <span class="f-primary"-->
-<!--          >{{ result.model.find(item => item.nextRecommend) ? result.model.find(item => item.nextRecommend).groupName : '' }}</span>-->
-<!--            组合-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </template>-->
-<!--    </div>-->
-
     <el-steps direction="vertical"  >
       <template v-for="(result,index) in allResult">
         <el-step v-if="index <= allResult.findIndex(item => item.isEnroll)" status="process">
@@ -155,6 +130,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .report {
+  color: #333;
   div {
     margin-bottom: 10px;
   }