修改1

src/views/lecturer/FinalSuccess.vue

@@ -6,9 +6,11 @@ import {
   getReviewResult,
   getTeacherInfo, secondExamine
 } from "@/api/modules/lecturer";
+import processStatus from "@/components/processStatus.vue";
 
 export default {
   name: "FinalSuccess",
+  components: {processStatus},
   data(){
     return{
       teacherId:'',
@@ -25,7 +27,7 @@ export default {
       newTeacherId:'',
     }
   },
-  mounted() {
+  created() {
     //读取路由参数
     this.teacherId=this.$route.query.teacherId
     //获取教师基本信息
@@ -95,9 +97,6 @@ export default {
         })
       })
     },
-    format(percentage) {
-      return percentage === 100 ? '满' : `${percentage}%`;
-    },
     getJump(){
       this.$router.push({
         path:'/need/final',
@@ -114,43 +113,47 @@ export default {
 
 <template>
   <div>
+    <process-status :teacherId="teacherId"></process-status>
     <div class="title">基本信息</div>
     <el-container>
       <div class="form-table">
-        <el-form label-width="140px">
+        <el-form>
           <div>
-            <el-col :span="10">
+            <el-col :span="11">
               <el-form-item label="姓名：">
                 {{form.teacherName}}
               </el-form-item>
             </el-col>
-            <el-col :span="10" :offset="4">
+            <el-col :span="11" :offset="2">
               <el-form-item label="工号：">
                 {{form.teacherNo}}
               </el-form-item>
             </el-col>
           </div>
-          <el-form-item label="组织：">
-            {{form.orgName}}
-          </el-form-item>
           <div>
-            <el-col :span="10">
+            <el-col :span="11">
+              <el-form-item label="组织：">
+                {{form.orgName}}
+              </el-form-item>
+            </el-col>
+            <el-col :span="11" :offset="2">
               <el-form-item label="岗位：">
                 {{form.positionName}}
               </el-form-item>
             </el-col>
-            <el-col :span="10" :offset="4">
-              <el-form-item label="职级：">
-                {{form.bandCode}}
+          </div>
+          <div>
+            <el-col :span="11">
+              <el-form-item label="认证课程名称："  prop="courseName">
+                {{form.courseName}}
+              </el-form-item>
+            </el-col>
+            <el-col :span="11" :offset="2">
+              <el-form-item label="课程内容分类：" prop="courseContent">
+                {{form.courseContent}}
               </el-form-item>
             </el-col>
           </div>
-          <el-form-item label="认证课程名称："  prop="courseName">
-            {{form.courseName}}
-          </el-form-item>
-          <el-form-item label="课程内容分类：" prop="courseContent">
-            {{form.courseContent}}
-          </el-form-item>
           <el-form-item label="课程简介：" prop="courseIntroduction">
             {{form.courseIntroduction}}
           </el-form-item>
@@ -161,24 +164,22 @@ export default {
       </div>
     </el-container>
     <div class="title" style="margin-top: 20px">线上课程</div>
-    <div class="progress">
-      <div v-for="(item,index) in progressData" :key="item">
-        <div class="progress-item" @click="toCaseData(item.courseId)">
-          <div class="uc-course-img" style="width: 212px;height:119px">
-            <img style="width: 100%;" v-if="item.courseImage!=''" :src="item.courseImage">
-            <img style="width: 100%;" v-else :src="fileBaseUrl+'/pc/images/bgimg/course.png'">
-          </div>
-          <div class="courseName">{{item.courseName}}</div>
-          <div class="smallTitle">当前进度</div>
-          <el-progress :percentage="item.progress" :format="format"></el-progress>
+    <div class="progress" >
+      <div v-for="(item,index) in progressData" :key="index" @click="toCaseData(item.courseId)">
+        <div class="uc-course-img" style="width: 212px;height:119px">
+          <img style="width: 100%;" v-if="item.courseImage!=''" :src="item.courseImage">
+          <img style="width: 100%;" v-else :src="fileBaseUrl+'/pc/images/bgimg/course.png'">
         </div>
+        <div class="courseName">{{ item.courseName }}</div>
+        <div class="smallTitle">当前进度</div>
+        <el-progress :percentage="parseInt(item.progress)"></el-progress>
       </div>
     </div>
     <div>
       <div class="title" style="margin-top: 20px">线下辅导</div>
       <el-container>
         <div class="form-table">
-          <el-form label-width="140px">
+          <el-form>
             <el-form-item label="辅导老师：">
               <span v-for="(item,index) in form.tutor" :key="item" style="display: inline-block;margin-right: 20px">{{item}}</span>
             </el-form-item>
@@ -209,26 +210,22 @@ export default {
 .title{
   font-size: 16px;
   font-weight: 800;
-  width: 850px;
-  border-bottom: 1px solid rgba(215, 215, 215, 0.66);
+  border-bottom: 1px solid rgba(153, 153, 153, 0.2);
   padding: 2px 2px 20px 2px;
 }
 .form-table{
-  width: 850px;
+  width: 100%;
   margin-top: 20px;
 }
 .progress{
   display: flex;
   align-items: center;
-  .progress-item{
-    margin-top: 10px;
-    margin-right: 10px;
-    cursor: pointer;
-  }
+  margin-top: 20px;
+
 }
 .progress>div{
-  max-width: 250px;
-  margin-right: 20px;
+  width: 300px;
+  margin-right: 30px;
 }
 .courseName{
   font-weight: 650;