完善专业库详情页

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

@@ -69,6 +69,17 @@
               <p class="format-tit">主要职业分布</p>
               <div class="f-666 f14" >
                 <mx-chart :options="industry" height="200px"></mx-chart>
+                <el-collapse accordion>
+                  <el-collapse-item v-for="desc in prospects.vocationalDistribution">
+                    <template slot="title">
+                      <div  style="display: flex;justify-content: space-between;width: 100%;">
+                        <span style="color: #42b983">{{ desc.name }}</span>
+                        <span class="f-red">{{ desc.value }}%</span>
+                      </div>
+                    </template>
+                    <div>{{ desc.expands }}</div>
+                  </el-collapse-item>
+                </el-collapse>
               </div>
             </div>
           </el-col>
@@ -77,6 +88,15 @@
               <p class="format-tit">主要行业分布</p>
               <div class="f-666 f14">
                 <mx-chart :options="industry" height="200px"></mx-chart>
+                <el-row >
+                  <el-col :span="24" class="f16" v-for="(item,index) in  prospects.industryDistribution">
+                    <el-row class="format-job-wrap">
+                      <el-col :span="3" class="f18 text-center f-666">{{index + 1}}</el-col>
+                      <el-col :span="18" class="f-333">{{item.name}}</el-col>
+                      <el-col  :span="3" class="f-red  text-right f14">{{item.value}}%</el-col>
+                    </el-row>
+                  </el-col>
+                </el-row>
               </div>
             </div>
           </el-col>
@@ -85,10 +105,25 @@
               <p class="format-tit">主要就业地区分布</p>
               <div class="f-666 f14">
                 <mx-chart :options="jobAddress" height="200px"></mx-chart>
+                <el-row >
+                  <el-col :span="24" class="f16" v-for="(item,index) in  prospects.jobRegionDistribution">
+                    <el-row class="format-job-wrap">
+                      <el-col :span="3" class="f18 text-center f-666">{{index + 1}}</el-col>
+                      <el-col :span="18" class="f-333">{{item.name}}</el-col>
+                      <el-col  :span="3" class="f-red  text-right f14">{{item.value}}%</el-col>
+                    </el-row>
+                  </el-col>
+                </el-row>
               </div>
             </div>
           </el-col>
         </el-row>
+        <el-row :gutter="10" class="f-12 f-666">
+          <p><i class="el-icon mr5 f-16 el-icon-warning" style="color: #42b983"> </i>数据说明</p>
+          <p v-for="(desc,index) in prospects.description">
+            {{index+  1}}、 {{desc}}
+          </p>
+        </el-row>
       </div>
     </div>
   </div>