提交

src/views/growth/growthRoadmap.vue

@@ -24,7 +24,93 @@
         </template>
       </el-dropdown>
     </div>
-    <el-affix :offset="0">
+
+    <template v-if="selectGrowth.template == 1">
+      <el-affix :offset="0">
+        <div class="nav">
+          <div class="tabs">
+            <div
+              class="tabs-item"
+              :class="queryParams.type == 1 ? 'active' : ''"
+              @click="tabClick(1)"
+            >
+              <div class="tabs-text">必修</div>
+              <div class="tabs-line"></div>
+            </div>
+            <div
+              class="tabs-item"
+              :class="queryParams.type == 2 ? 'active' : ''"
+              @click="tabClick(2)"
+            >
+              <div class="tabs-text">选修</div>
+              <div class="tabs-line"></div>
+            </div>
+          </div>
+          <div style="display: flex">
+            <el-select
+              style="width: 230px"
+              :teleported="false"
+              v-model="queryParams.completionStatus"
+              placeholder="搜索学习状态"
+            >
+              <el-option label="全部" value="3"> </el-option>
+              <el-option label="未开始" value="0"> </el-option>
+              <el-option label="已完成" value="1"> </el-option>
+              <el-option label="进行中" value="2"> </el-option>
+            </el-select>
+            <el-input
+              style="margin-left: 9px; width: 230px"
+              v-model="queryParams.taskName"
+              placeholder="搜索名称"
+              clearable
+            />
+            <el-button
+              icon="Search"
+              style="margin-left: 20px"
+              type="primary"
+              @click="getList"
+              >搜索</el-button
+            >
+            <el-button icon="Refresh" style="margin-left: 20px" @click="refresh"
+              >清除</el-button
+            >
+          </div>
+        </div>
+        <div class="growth-path-container">
+          <div class="growth-name-type">
+            <div class="growth-type">
+              <div class="type-item-list" @click="templateClick">列表</div>
+              <div class="type-item-path">路径</div>
+            </div>
+          </div>
+
+          <template v-if="stageProcessList && stageProcessList.length">
+            <div
+              :style="{ transform: 'scale(' + transformSize + ')' }"
+              style="transform-origin: top left"
+              v-loading="loading"
+            >
+              <template v-if="selectGrowth.template == 1">
+                <Roadmap2
+                  @toFinish="toFinish"
+                  :stageProcessList="stageProcessList"
+                ></Roadmap2>
+              </template>
+              <template v-else>
+                <Roadmap1
+                  @click="toFinish"
+                  :stageProcessList="stageProcessList"
+                ></Roadmap1>
+              </template>
+            </div>
+          </template>
+          <template v-else>
+            <el-empty description="暂无数据" />
+          </template>
+        </div>
+      </el-affix>
+    </template>
+    <template v-if="selectGrowth.template == 2">
       <div class="nav">
         <div class="tabs">
           <div
@@ -106,8 +192,7 @@
           <el-empty description="暂无数据" />
         </template>
       </div>
-    </el-affix>
-
+    </template>
     <!-- 弹框提示信息 -->
     <el-dialog
       title=""