提交

.env.development

@@ -41,6 +41,7 @@ VUE_APP_PUBLIC_PATH='/pc'
 VUE_APP_MANAGER_PATH='/manage'
 VUE_APP_STUDENT_PATH='/fe-student'
 VUE_APP_MANAGER_API_PATH='/manageApi'
+VUE_APP_GROWTH_API_PATH=''
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.preview

@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc-release'
 VUE_APP_MANAGER_PATH='/manage-release'
 VUE_APP_STUDENT_PATH='/fe-student-release'
 VUE_APP_MANAGER_API_PATH='/manageApi-release'
+VUE_APP_GROWTH_API_PATH='/growth'
 
 # 登录地址
 VUE_APP_LOGIN_URL='https://u.boe.com/web-release/'

.env.production

@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc'
 VUE_APP_MANAGER_PATH='/manage'
 VUE_APP_STUDENT_PATH='/fe-student'
 VUE_APP_MANAGER_API_PATH='/manageApi'
+VUE_APP_GROWTH_API_PATH='/growth'
 
 # 登录地址
 VUE_APP_LOGIN_URL='https://u.boe.com/web/'

.env.testing

@@ -36,6 +36,7 @@ VUE_APP_PUBLIC_PATH='/pc'
 VUE_APP_MANAGER_PATH='/manage'
 VUE_APP_STUDENT_PATH='/fe-student'
 VUE_APP_MANAGER_API_PATH='/manageApi'
+VUE_APP_GROWTH_API_PATH='/growth'
 
 # 登录地址
 VUE_APP_LOGIN_URL='https://u-pre.boe.com/web/'

src/api/growth/growthpath.js

@@ -1,6 +1,6 @@
 // import ajax from '@/utils/xajax.js'
 import ajax from '../ajax';
-// const baseURL = '';
+const baseURL = process.env.VUE_APP_GROWTH_API_PATH;
-const baseURL = '/growth';
+// const baseURL = '/growth';
 // 查询专业力必修列表
 export const listData = (obj) => ajax.get(baseURL, '/professional/student/studentGrowthList', { params: obj })

src/views/growth/index.vue

@@ -41,7 +41,44 @@
 
     <section class="container">
       <template v-if="list.length">
-        <div class="title">{{ selectData.growthName }}</div>
+        <div class="title">
+          <div style="font-size: 20px">
+            {{ selectData.growthName }}
+          </div>
+          <div style="display: flex; align-items: center">
+            <div style="display: flex">
+              <div style="font-size: 18px; color: #333">学习状态：</div>
+              <div
+                style="font-size: 18px"
+                :style="{
+                  color:
+                    selectData.learningState === 0
+                      ? '#fe9400'
+                      : selectData.learningState === 1
+                      ? '#6ba158'
+                      : '#0079ee',
+                }"
+              >
+                {{
+                  selectData.learningState === 0
+                    ? "未开始"
+                    : selectData.learningState === 1
+                    ? "已完成"
+                    : "进行中"
+                }}
+              </div>
+            </div>
+            <div class="learning f-j-c">
+              <el-button
+                style="width: 100px; margin-left: 16px"
+                type="primary"
+                @click="jumpRouter"
+              >
+                学习
+              </el-button>
+            </div>
+          </div>
+        </div>
         <div class="content">
           <div class="tip">
             <div class="tip-title f-a-c">
@@ -66,7 +103,7 @@
                 <div class="item-title">必修进度</div>
                 <div class="item-progress">
                   <el-progress
-                    :stroke-width="12"
+                    :stroke-width="14"
                     :text-inside="true"
                     :percentage="requiredTaskCompletionRate"
                   ></el-progress>
@@ -82,7 +119,7 @@
                 <div class="item-title">选修进度</div>
                 <div class="item-progress">
                   <el-progress
-                    :stroke-width="12"
+                    :stroke-width="14"
                     :text-inside="true"
                     :percentage="electiveTaskCompletionRate"
                   ></el-progress>
@@ -98,7 +135,7 @@
                 <div class="item-title">总进度</div>
                 <div class="item-progress">
                   <el-progress
-                    :stroke-width="12"
+                    :stroke-width="14"
                     :text-inside="true"
                     :percentage="totalTaskCompletionRate"
                   ></el-progress>
@@ -112,11 +149,6 @@
               </div>
             </div>
           </div>
-          <div class="learning f-j-c">
-            <el-button style="width: 100px" type="primary" @click="jumpRouter">
-              学习
-            </el-button>
-          </div>
         </div>
       </template>
       <template v-else>
@@ -188,23 +220,11 @@ export default {
       this.selectData = item;
     },
     jumpRouter() {
-      //location.href=`${this.webBaseUrl}/course/boeframe?id=${item.cmtask_id}`;
-
-      //let urlPre=window.location.protocol+'//'+window.location.host;
       let studentPath = process.env.VUE_APP_STUDENT_PATH;
-      if (this.selectData.template == 1) {
+      let params = encodeURIComponent("routerId=" + this.selectData.id);
-        //路径图
+      this.$router.push(
-        let params = encodeURIComponent("routerId=" + this.selectData.id);
+        "/forward?to=" + studentPath + "/growthList&params=" + params
-        this.$router.push(
+      );
-          "/forward?to=" + studentPath + "/growthRoadmap&params=" + params
-        );
-      } else if (this.selectData.template == 2) {
-        //任务列表
-        let params = encodeURIComponent("routerId=" + this.selectData.id);
-        this.$router.push(
-          "/forward?to=" + studentPath + "/growthList&params=" + params
-        );
-      }
     },
   },
   created() {
@@ -241,6 +261,8 @@ export default {
 }
 .container {
   .title {
+    display: flex;
+    justify-content: space-between;
     margin-top: 30px;
     padding: 25px 40px;
     font-size: 18px;
@@ -289,10 +311,12 @@ export default {
         display: flex;
         justify-content: flex-end;
         margin-right: 20px;
+        font-size: 18px;
       }
       .item-progress {
         width: 400px;
         position: relative;
+        font-size: 18px;
         .mask {
           position: absolute;
           left: 0;
@@ -307,6 +331,7 @@ export default {
       }
       .item-text {
         color: #409eff;
+        margin-left: 8px;
       }
       ::v-deep.el-progress-bar__innerText {
         display: none;