Browse Source

折睿学习页面

y595705120 2 years ago
parent
commit
afb4f7818e
1 changed files with 34 additions and 50 deletions
  1. 34 50
      src/containers/center/play/index.vue

+ 34 - 50
src/containers/center/play/index.vue

@@ -2,61 +2,45 @@
   <div class="m-right-block fr mh576">
 
     <el-row class="p20">
-      <el-col :lg="6" :md="6" :span="6">
-        <el-progress
-          class="mprocess"
-          type="circle"
-          :width="150"
-          :format="formatFinish"
-          :stroke-width="18"
-          :percentage="info.percent"
-          >
-        </el-progress>
-
+      <el-col :span="6">
+       <img :src="tpl.tb"  width="200px" style="border-radius: 20px;"  />
       </el-col>
-
-      <el-col :lg="6"  :md="6" :span="6">
-        <el-progress v-if="tpl.examGroupId>0"
-           class="mprocess"
-           type="circle"
-           :width="150"
-           :format="formatExam"
-           :stroke-width="18"
-           :percentage="info.score"
-           >
-        </el-progress>
-
-        <el-progress v-else
-           class="mprocess"
-           type="circle"
-           :width="150"
-           :format="formatString('--')"
-           :stroke-width="18"
-           :percentage="0"
-           >
-        </el-progress>
+      <el-col :span="6">
+        <div>
+          <p style="font-size: 24px;"> 课程信息 </p>
+          <p class="mt10" >岗位名称:{{tpl.name}} </p>
+          <p class="mt10" >课程学时:<strong style="color: red;">{{tpl.xs/10}} </strong>学时
+          </p>
+          <p class="mt10" v-if="tpl.examGroupId" >课程年度:
+            <strong style="color: red;">{{tpl.nd}} </strong>
+          </p>
+        </div>
       </el-col>
-
-      <el-col :lg="6" :md="6" :span="6">
-        <img src="../../../assets/wxapp.jpg"  width="150px"  />
+      <el-col :span="6">
+        <div>
+          <p style="font-size: 24px;"> 学习信息 </p>
+          <p class="mt10" >学习情况:
+            完成 <strong style="color: red;">{{info.getXs/10}} </strong>
+            共计 <strong style="color: red;">{{info.totalXs/10}}</strong>
+          </p>
+          <p class="mt10" v-if="tpl.examGroupId" >最高分数:
+            <strong style="color: red;">{{info.score}} </strong>
+             分
+          </p>
+          <p class="mt10" v-if="tpl.examGroupId" >开始时间:
+            <strong style="color: red;">{{info.startDate}} </strong>
+          </p>
+        </div>
       </el-col>
 
-      <el-col :lg="6" :md="6" :span="6">
+      <el-col :span="6">
         <div>
-          <p style="font-size: 24px;"> 说明 </p>
-          <p class="mt10" >岗位名称:{{tpl.name}} </p>
-          <p class="mt10" v-if="tpl.examGroupId>0" >考试不限次数,获得60分即合格</p>
-
-          <p class="mt10" v-if="tpl.examGroupId==0" >学完所有课程,即可打印学时证明</p>
-
-          <div>
-              <el-button type="primary" class="mt10" style="font-size: 14px;" @click="startExam" v-if="tpl.examGroupId>0">
-                参加考试
-              </el-button>
-              <el-button type="primary" class="mt10" style="font-size: 14px;" @click="printCert">
-                学时证明
-              </el-button>
-          </div>
+          <el-button type="primary" class="mt10" style="font-size: 14px;" @click="startExam" v-if="tpl.examGroupId>0">
+            参加考试
+          </el-button>
+          <el-button type="primary" class="mt10" style="font-size: 14px;" @click="printCert">
+            学时证明
+          </el-button>
          </div>
       </el-col>