专业库添加icon

src/views/career/plan/new-profess-detail.vue

@@ -53,8 +53,35 @@
           <div class="content-wrap mt20">
             <!-- 专业概况  -->
             <div v-if="tabActive == 0">
-              <div class="info-wrap">
-                <div class="info-item"></div>
+              <div class="info-wrap mb10" >
+                <div class="info-item">
+                  <el-image :src="require('@/assets/images/career/school_icon.png')" />
+                  <div>
+                    <p class="f18">{{ majorDetail.eduLevel == 'ben' ?  '本科' : '专科' }}</p>
+                    <p class="f14 f-999">学历层次</p>
+                  </div>
+                </div>
+                <div class="info-item">
+                  <el-image :src="require('@/assets/images/career/level_icon.png')" />
+                  <div>
+                    <p class="f18">{{ majorDetail.learnYearZh }}</p>
+                    <p class="f14 f-999">修业年限</p>
+                  </div>
+                </div>
+                <div class="info-item">
+                  <el-image :src="require('@/assets/images/career/pre_icon.png')" />
+                  <div>
+                    <p class="f18">{{ majorDetail.degree }}</p>
+                    <p class="f14 f-999">授予学位</p>
+                  </div>
+                </div>
+                <div class="info-item">
+                  <el-image :src="require('@/assets/images/career/year_icon.png')" />
+                  <div>
+                    <p class="f18">{{ `${majorDetail.maleRatio}:${majorDetail.femaleRatio }`}}</p>
+                    <p class="f14 f-999">男女比例</p>
+                  </div>
+                </div>
               </div>
               <div class="desc-item" v-for="(item,index) in contentProps">
                 <p class="format-tit">{{getDetailContent(index,'title')}}</p>
@@ -478,6 +505,24 @@ export default {
       color: rgba(0, 0, 0, 0);
     }
   }
+
+
+  .info-wrap{
+    display: flex;
+    align-items: center;
+    .info-item {
+      display: flex;
+      margin-right: 50px;
+      .el-image {
+        width: 50px;
+      }
+      div{
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      }
+    }
+  }
 }
 
 </style>