提交

src/views/growth/growthRoadmap.vue

@@ -24,6 +24,8 @@
         </template>
       </el-dropdown>
     </div>
+
+    <template v-if="selectGrowth.template == 1">
       <el-affix :offset="0">
         <div class="nav">
           <div class="tabs">
@@ -107,7 +109,90 @@
           </template>
         </div>
       </el-affix>
+    </template>
+    <template v-if="selectGrowth.template == 2">
+      <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>
+    </template>
     <!-- 弹框提示信息 -->
     <el-dialog
       title=""

vite.config.js

@@ -37,18 +37,17 @@ export default defineConfig(({ command, mode }) =>
 		]
 	},
 	server: {
-		host: '0.0.0.0',
 		proxy: {
-			"/professional": {
+			// "/professional": {
-				// target: 'http://192.168.16.195:32002',
+			// 	// target: 'http://192.168.16.195:32002',
-				// target: 'http://192.168.150.97:32002',
+			// 	// target: 'http://192.168.150.97:32002',
-				target: 'http://192.168.68.211:32002',
+			// 	target: 'http://192.168.68.211:32002',
-				changeOrigin: true,
-			  },
-			// '/growth': {
-			// 	target: 'https://u-pre.boe.com',
 			// 	changeOrigin: true,
 			//   },
+			'/growth': {
+				target: 'https://u-pre.boe.com',
+				changeOrigin: true,
+			},
 			'/file/upload': {
 				target: loadEnv(mode, process.cwd()).VITE_PROXY_URL,
 				changeOrigin: true,