mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 22:06:45 +08:00
路径图 项目基本信息
This commit is contained in:
宋文超
@@ -2,11 +2,11 @@
|
||||
<div class="addwrapper">
|
||||
<div class="addhead">
|
||||
<div class="leftimg">
|
||||
<img class="img" src="../../assets/px.jpg" />
|
||||
<img class="img" :src="picUrl" />
|
||||
</div>
|
||||
<div class="imgfor">
|
||||
<div class="forz">产品经理进阶路径</div>
|
||||
<div class="fort">创建时间：2022-07-21 00:00</div>
|
||||
<div class="forz">{{ styTitle }}</div>
|
||||
<div class="fort">创建时间：{{ cretime }}</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<img class="img1" src="../../assets/images/leveladd/ma.png" />
|
||||
@@ -116,34 +116,46 @@
|
||||
<div class="onerow"><div class="taskmain">关卡概览</div></div>
|
||||
<div class="second" style="margin-top: 0">
|
||||
<div class="nubbox">
|
||||
<span class="nub1">{{routerInfoOverview.totalStudentCnt}}</span>
|
||||
<span class="nub1">{{
|
||||
routerInfoOverview.totalStudentCnt
|
||||
}}</span>
|
||||
<div class="nub2">总人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<span class="nub1" style="color: #ff90ae">{{routerInfoOverview.studyStudentCnt}}</span>
|
||||
<span class="nub1" style="color: #ff90ae">{{
|
||||
routerInfoOverview.studyStudentCnt
|
||||
}}</span>
|
||||
<div class="nub2">学习人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeStudentCnt}}</span>
|
||||
<span class="nub1" style="color: #a497ff">{{
|
||||
routerInfoOverview.completeStudentCnt
|
||||
}}</span>
|
||||
<div class="nub2">完成人数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #5dc988">{{routerInfoOverview.onlineCourseCnt}}</span
|
||||
<span class="nub1" style="color: #5dc988">{{
|
||||
routerInfoOverview.onlineCourseCnt
|
||||
}}</span
|
||||
><span style="color: #5dc988; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">在线课程数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #ff90ae">{{routerInfoOverview.offLineCourseCnt}}</span
|
||||
<span class="nub1" style="color: #ff90ae">{{
|
||||
routerInfoOverview.offLineCourseCnt
|
||||
}}</span
|
||||
><span style="color: #ff90ae; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">面授课程数</div>
|
||||
</div>
|
||||
<div class="nubbox">
|
||||
<div>
|
||||
<span class="nub1" style="color: #a497ff">{{routerInfoOverview.completeRatio}}</span
|
||||
<span class="nub1" style="color: #a497ff">{{
|
||||
routerInfoOverview.completeRatio
|
||||
}}</span
|
||||
><span style="color: #a497ff; font-size: 14px">%</span>
|
||||
</div>
|
||||
<div class="nub2">总完成率</div>
|
||||
@@ -151,11 +163,17 @@
|
||||
</div>
|
||||
<div class="onerow"><div class="taskmain">关卡信息</div></div>
|
||||
<div class="stagemess">
|
||||
<div v-for="item in stageList"
|
||||
:class= "{ 'stage1': item.stageId == choosedStageId, 'stage2': item.stageId != choosedStageId }"
|
||||
:key="item.stageId" @click="choosedStageId = item.stageId">
|
||||
{{item.stage}}
|
||||
</div>
|
||||
<div
|
||||
v-for="item in stageList"
|
||||
:class="{
|
||||
stage1: item.stageId == choosedStageId,
|
||||
stage2: item.stageId != choosedStageId,
|
||||
}"
|
||||
:key="item.stageId"
|
||||
@click="choosedStageId = item.stageId"
|
||||
>
|
||||
{{ item.stage }}
|
||||
</div>
|
||||
<!-- <div class="stage1">阶段1</div>
|
||||
<div class="stage2">阶段2</div> -->
|
||||
</div>
|
||||
@@ -192,20 +210,35 @@
|
||||
<div class="protext">作业完成率</div>
|
||||
</div>
|
||||
<div class="proright">
|
||||
<div class="pronub" style="margin-left: 280px">{{chapterOverviewList.totalTaskCnt}}</div>
|
||||
<div class="pronub" style="margin-left: 280px">
|
||||
{{ chapterOverviewList.totalTaskCnt }}
|
||||
</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">关卡任务总数</span>
|
||||
<a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
|
||||
<a-progress
|
||||
:percent="chapterOverviewList.totalTaskCnt"
|
||||
style="width: 369px"
|
||||
/>
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 206px">
|
||||
{{ chapterOverviewList.totalReqCnt }}
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 206px">{{chapterOverviewList.totalReqCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">必修课</span>
|
||||
<a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
|
||||
<a-progress
|
||||
:percent="chapterOverviewList.totalReqCnt"
|
||||
style="width: 369px"
|
||||
/>
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 142px">
|
||||
{{ chapterOverviewList.totalOptCnt }}
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 142px">{{chapterOverviewList.totalOptCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">选修课</span>
|
||||
<a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
|
||||
<a-progress
|
||||
:percent="chapterOverviewList.totalOptCnt"
|
||||
style="width: 369px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -264,27 +297,27 @@
|
||||
</div>
|
||||
<!-- 无数据显示快速创建 -->
|
||||
<div v-show="!taskSyllabus.length">
|
||||
<router-link :to="{ path: '/leveladddetail' }">
|
||||
<div
|
||||
class="taskbox"
|
||||
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
|
||||
>
|
||||
<div class="leftt">
|
||||
<img src="../../assets/images/taskpage/left1.png" />
|
||||
<router-link :to="{ path: '/leveladddetail' }">
|
||||
<div
|
||||
class="taskbox"
|
||||
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
|
||||
>
|
||||
<div class="leftt">
|
||||
<img src="../../assets/images/taskpage/left1.png" />
|
||||
</div>
|
||||
<div class="photo">
|
||||
<img src="../../assets/images/taskpage/picture1.png" />
|
||||
</div>
|
||||
<div class="rightt">
|
||||
<img src="../../assets/images/taskpage/right1.png" />
|
||||
</div>
|
||||
<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
|
||||
添加关卡
|
||||
</div>
|
||||
<div class="centermain">快速创建关卡任务</div>
|
||||
</div>
|
||||
<div class="photo">
|
||||
<img src="../../assets/images/taskpage/picture1.png" />
|
||||
</div>
|
||||
<div class="rightt">
|
||||
<img src="../../assets/images/taskpage/right1.png" />
|
||||
</div>
|
||||
<div class="centerbox" style="color: rgba(255, 182, 78, 1)">
|
||||
添加关卡
|
||||
</div>
|
||||
<div class="centermain">快速创建关卡任务</div>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
<!-- 无数据显示快速创建 -->
|
||||
|
||||
<!-- 有数据-->
|
||||
@@ -360,16 +393,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「{{checkType(item.type)}}」</div>
|
||||
<div class="iconame">
|
||||
「{{ checkType(item.type) }}」
|
||||
</div>
|
||||
<div class="icontext">{{ item.name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div
|
||||
:class="
|
||||
item.flag ? 'typename1' : 'typename'
|
||||
"
|
||||
>
|
||||
<div :class="item.flag ? 'typename1' : 'typename'">
|
||||
{{ item.flag ? "必修" : "选修" }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -429,7 +460,7 @@
|
||||
: 'none',
|
||||
}"
|
||||
@click="
|
||||
item.type ===2
|
||||
item.type === 2
|
||||
? showCopyModal(item.type)
|
||||
: item.type === 6
|
||||
? showzhibModal(item.type)
|
||||
@@ -546,7 +577,7 @@
|
||||
:current="currentPage"
|
||||
:total="tableDataTotal"
|
||||
class="pagination"
|
||||
style="display:none"
|
||||
style="display: none"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -559,136 +590,153 @@
|
||||
|
||||
<a-tabs>
|
||||
<a-tab-pane key="1" tab="基本信息">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
<div class="Gin">
|
||||
<div class="headone">
|
||||
<div class="box"></div>
|
||||
<div class="onetitle">关卡内容可见可学设置</div>
|
||||
<div class="oneedi" @click="showbtn" v-show="twobtn">
|
||||
编辑
|
||||
</div>
|
||||
<div v-show="twobtnn" class="twobtn">
|
||||
<div class="btnone" @click="closebtn">取消</div>
|
||||
<div class="btntwo" @click="closebtn">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="onemain clearfix">
|
||||
<div class="checkcon">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="cb1"
|
||||
value="yulan"
|
||||
class="in"
|
||||
/>
|
||||
<span class="yulan">预览其他关卡</span><br />
|
||||
<div style="width: 10px; height: 4px"></div>
|
||||
<div style="display: flex; align-items: center">
|
||||
<span class="yulan2">学员可预览第</span>
|
||||
<span style="color: #4ea6ff" v-show="number">1</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关-第</span
|
||||
><span style="color: #4ea6ff" v-show="number">4</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue1"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关内容</span>
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
<div class="Gin">
|
||||
<div class="headone">
|
||||
<div class="box"></div>
|
||||
<div class="onetitle">关卡内容可见可学设置</div>
|
||||
<div class="oneedi" @click="showbtn" v-show="twobtn">
|
||||
编辑
|
||||
</div>
|
||||
<div v-show="twobtnn" class="twobtn">
|
||||
<div class="btnone" @click="closebtn">取消</div>
|
||||
<div class="btntwo" @click="closebtn">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkcon" style="margin-top: 20px">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="cb1"
|
||||
value="xuexi"
|
||||
class="in"
|
||||
/>
|
||||
<span class="yulan">学习其他关卡</span><br />
|
||||
<div style="width: 10px; height: 4px"></div>
|
||||
<div style="display: flex; align-items: center">
|
||||
<span class="yulan2">学员可预览第</span>
|
||||
<span style="color: #4ea6ff" v-show="number">1</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue2"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
<div class="onemain clearfix">
|
||||
<div class="checkcon">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="cb1"
|
||||
value="yulan"
|
||||
class="in"
|
||||
/>
|
||||
<span>关-第</span
|
||||
><span style="color: #4ea6ff" v-show="number">4</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue3"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关内容</span>
|
||||
<span class="yulan">预览其他关卡</span><br />
|
||||
<div style="width: 10px; height: 4px"></div>
|
||||
<div style="display: flex; align-items: center">
|
||||
<span class="yulan2">学员可预览第</span>
|
||||
<span style="color: #4ea6ff" v-show="number">1</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关-第</span
|
||||
><span style="color: #4ea6ff" v-show="number">4</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue1"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关内容</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkcon" style="margin-top: 20px">
|
||||
<input
|
||||
type="checkbox"
|
||||
name="cb1"
|
||||
value="xuexi"
|
||||
class="in"
|
||||
/>
|
||||
<span class="yulan">学习其他关卡</span><br />
|
||||
<div style="width: 10px; height: 4px"></div>
|
||||
<div style="display: flex; align-items: center">
|
||||
<span class="yulan2">学员可预览第</span>
|
||||
<span style="color: #4ea6ff" v-show="number">1</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue2"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关-第</span
|
||||
><span style="color: #4ea6ff" v-show="number">4</span>
|
||||
<a-input-number
|
||||
v-model:value="nubvalue3"
|
||||
v-show="inputbox"
|
||||
:controls="false"
|
||||
:autofocus="true"
|
||||
:min="1"
|
||||
/>
|
||||
<span>关内容</span>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
</a-tab-pane>
|
||||
|
||||
<a-tab-pane key="2" tab="共享文档">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
<div class="Gin">
|
||||
<div class="headone">
|
||||
<div class="box"></div>
|
||||
<div class="onetitle">上传共享文档</div>
|
||||
<div class="oneedi">
|
||||
<a-switch v-model:checked="docChecked" ></a-switch>
|
||||
<a-tab-pane key="2" tab="共享文档">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
<div class="Gin">
|
||||
<div class="headone">
|
||||
<div class="box"></div>
|
||||
<div class="onetitle">上传共享文档</div>
|
||||
<div class="oneedi">
|
||||
<a-switch v-model:checked="docChecked"></a-switch>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnbox" style="margin: 20px">
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
action="/api/file/upload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<span
|
||||
class="xkbtn"
|
||||
style="cursor: pointer; font-size: 17px"
|
||||
>上传</span
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/basicinfo/cloud.png"
|
||||
style="cursor: pointer; width: 34px; height: 34px"
|
||||
alt=""
|
||||
/>
|
||||
</a-upload>
|
||||
<div class="btnbox" style="margin: 20px">
|
||||
<span style="color: #999999">
|
||||
支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
v-for="item in docList"
|
||||
:key="item.src"
|
||||
class="docListStyle"
|
||||
>
|
||||
<img
|
||||
src="@/assets/images/basicinfo/download.png"
|
||||
style="
|
||||
cursor: pointer;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 40px;
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
<span style="font: oblique 16px Sans-serif">{{
|
||||
item.name
|
||||
}}</span>
|
||||
<span style="color: #4ea6ff; float: right">删除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnbox" style="margin:20px;">
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
action="/api/file/upload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<span class="xkbtn" style="cursor: pointer; font-size: 17px" >上传</span>
|
||||
<img src="@/assets/images/basicinfo/cloud.png" style="cursor: pointer;
|
||||
width:34px;height:34px;
|
||||
" alt="">
|
||||
</a-upload>
|
||||
<div class="btnbox" style="margin:20px;">
|
||||
<span style="color: #999999">
|
||||
支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
|
||||
</span>
|
||||
</div>
|
||||
<div v-for="item in docList" :key="item.src" class="docListStyle">
|
||||
<img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
|
||||
width:40px;height:40px;margin-right:40px;
|
||||
" alt="">
|
||||
<span style="font: oblique 16px Sans-serif">{{item.name}}</span>
|
||||
<span style="color: #4ea6ff;float:right;">删除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</a-tab-pane>
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
<a-modal
|
||||
style="padding: 0"
|
||||
@@ -848,10 +896,10 @@
|
||||
<!-- 导入学员抽屉 -->
|
||||
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
|
||||
<!-- 学员管理查看抽屉 -->
|
||||
<check-stu
|
||||
v-model:CheckStuvisible="CheckStuvisible"
|
||||
v-model:studentId="studentId"
|
||||
/>
|
||||
<check-stu
|
||||
v-model:CheckStuvisible="CheckStuvisible"
|
||||
v-model:studentId="studentId"
|
||||
/>
|
||||
<!-- 面授学员抽屉 -->
|
||||
<face-stu v-model:FSvisible="FSvisible" />
|
||||
<!-- 活动考勤抽屉 -->
|
||||
@@ -875,8 +923,8 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { ref, reactive, toRefs,onMounted, createVNode } from "vue";
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { ref, reactive, toRefs, onMounted, createVNode } from "vue";
|
||||
import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
|
||||
import { message, Modal } from "ant-design-vue";
|
||||
import PathAddStu from "../../components/drawers/pathStuAdd";
|
||||
import ImpStu from "../../components/drawers/AddLevelImportStu";
|
||||
@@ -893,6 +941,7 @@ import { storage } from "../../api/storage";
|
||||
import { getRouterOverview } from "@/api/indexLearningPath";
|
||||
import { GetRouterDetail } from "@/api/indexTask";
|
||||
import * as api from "../../api/index1";
|
||||
import { toDate } from "../../api/method";
|
||||
|
||||
export default {
|
||||
name: "LevelAdd",
|
||||
@@ -912,36 +961,41 @@ export default {
|
||||
// const routers = useRoute();
|
||||
// const store = useStore();
|
||||
const state = reactive({
|
||||
routerId: storage.get("routerId") ?JSON.parse(storage.get("routerId")) : null, //学习路径页面传的学习路径id
|
||||
routerId: storage.get("routerId")
|
||||
? JSON.parse(storage.get("routerId"))
|
||||
: null, //学习路径页面传的学习路径id
|
||||
gatename: null, //关卡名称
|
||||
gatenamee: null, //学员管理关卡名称
|
||||
deleteAll: false, //批量删除学员弹窗
|
||||
Stuvisible: false, //添加学员抽屉
|
||||
AddImpStuvisible: false, //导入学员抽屉
|
||||
CheckStuvisible: false, //学员管理的查看抽屉
|
||||
addLoading:false, // 加载动画
|
||||
choosedStageId:1, // 选择的阶段id
|
||||
addLoading: false, // 加载动画
|
||||
choosedStageId: 1, // 选择的阶段id
|
||||
twobtn: true,
|
||||
number: true,
|
||||
twobtnn: false,
|
||||
inputbox: false,
|
||||
Wvisible: false, //作业管理
|
||||
studentId:null,
|
||||
studentId: null,
|
||||
styTitle: null,
|
||||
cretime: null,
|
||||
picUrl: null,
|
||||
// 共享文档列表
|
||||
docList:[
|
||||
docList: [
|
||||
{
|
||||
name:'测试文档1.doc',
|
||||
src:"",
|
||||
name: "测试文档1.doc",
|
||||
src: "",
|
||||
},
|
||||
{
|
||||
name:'测试文档2.doc',
|
||||
src:"",
|
||||
name: "测试文档2.doc",
|
||||
src: "",
|
||||
},
|
||||
{
|
||||
name:'测试文档3.doc',
|
||||
src:"",
|
||||
}
|
||||
],
|
||||
name: "测试文档3.doc",
|
||||
src: "",
|
||||
},
|
||||
],
|
||||
huodModal: false,
|
||||
zhibModal: false,
|
||||
//任务大纲列表
|
||||
@@ -957,11 +1011,10 @@ export default {
|
||||
total: 50, //总人数
|
||||
complete: 20, //完成人数
|
||||
percent: 40,
|
||||
routerTaskId:0,
|
||||
}
|
||||
routerTaskId: 0,
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
},
|
||||
],
|
||||
activeKey: ref("1"),
|
||||
value: ref(" "),
|
||||
@@ -969,8 +1022,8 @@ export default {
|
||||
nubvalue2: ref("1"),
|
||||
nubvalue3: ref("4"),
|
||||
nubvalue1: ref("4"),
|
||||
fileList:ref([]),
|
||||
docChecked:true,
|
||||
fileList: ref([]),
|
||||
docChecked: true,
|
||||
currentPage: 1,
|
||||
tableDataTotal: 100,
|
||||
pageSize: 10,
|
||||
@@ -1022,33 +1075,36 @@ export default {
|
||||
});
|
||||
|
||||
const levelList = reactive({
|
||||
routerInfoOverview:{ // 路径图整体数据概览
|
||||
totalStudentCnt:0,
|
||||
studyStudentCnt:0,
|
||||
completeStudentCnt:0,
|
||||
onlineCourseCnt:0,
|
||||
offLineCourseCnt:0,
|
||||
completeRatio:0,
|
||||
routerInfoOverview: {
|
||||
// 路径图整体数据概览
|
||||
totalStudentCnt: 0,
|
||||
studyStudentCnt: 0,
|
||||
completeStudentCnt: 0,
|
||||
onlineCourseCnt: 0,
|
||||
offLineCourseCnt: 0,
|
||||
completeRatio: 0,
|
||||
},
|
||||
chapterOverviewList:{ // 路径图阶段数据概览
|
||||
completeCourseRatio:0,
|
||||
completeExamRatio:0,
|
||||
completeRatio:0,
|
||||
totalTaskCnt:0,
|
||||
totalReqCnt:0,
|
||||
totalOptCnt:0,
|
||||
chapterOverviewList: {
|
||||
// 路径图阶段数据概览
|
||||
completeCourseRatio: 0,
|
||||
completeExamRatio: 0,
|
||||
completeRatio: 0,
|
||||
totalTaskCnt: 0,
|
||||
totalReqCnt: 0,
|
||||
totalOptCnt: 0,
|
||||
},
|
||||
stageList: [ // 阶段列表
|
||||
stageList: [
|
||||
// 阶段列表
|
||||
{
|
||||
stageId:1,
|
||||
stage:"关卡一"
|
||||
stageId: 1,
|
||||
stage: "关卡一",
|
||||
},
|
||||
{
|
||||
stageId:2,
|
||||
stage:"关卡二"
|
||||
}
|
||||
]
|
||||
})
|
||||
stageId: 2,
|
||||
stage: "关卡二",
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
const tableDataFunc = () => {
|
||||
const columns = [
|
||||
@@ -1148,9 +1204,14 @@ export default {
|
||||
>
|
||||
调整
|
||||
</span>
|
||||
<span style="color:#4EA6FF;cursor:pointer"
|
||||
onClick={() => {delConfirm(text.record.studentId)}}
|
||||
>删除</span>
|
||||
<span
|
||||
style="color:#4EA6FF;cursor:pointer"
|
||||
onClick={() => {
|
||||
delConfirm(text.record.studentId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
@@ -1250,8 +1311,8 @@ export default {
|
||||
|
||||
const changeTabs = (e) => {
|
||||
console.log("切换tabs", e, state.routerId);
|
||||
if(e == 2) {
|
||||
myGetRouterDetail()
|
||||
if (e == 2) {
|
||||
myGetRouterDetail();
|
||||
}
|
||||
//学员管理
|
||||
if (e == 3) {
|
||||
@@ -1272,21 +1333,21 @@ export default {
|
||||
.then((res) => {
|
||||
console.log("获取学员列表", res);
|
||||
let data = res.data.data.rows || null;
|
||||
state.tableData = []
|
||||
if(data.length){
|
||||
for(let i in data) {
|
||||
let _time = new Date(data[i].beginStudyTime*1000);
|
||||
state.tableData = [];
|
||||
if (data.length) {
|
||||
for (let i in data) {
|
||||
let _time = new Date(data[i].beginStudyTime * 1000);
|
||||
state.tableData.push({
|
||||
key:i+1,
|
||||
com:data[i].userInfoBo.deptName,
|
||||
name:data[i].userInfoBo.userName,
|
||||
gang:data[i].userInfoBo.jobName,
|
||||
cur:data[i].currentChapterName || '0',
|
||||
jin:data[i].completeChapterCnt+'/'+ data[i].totalChapterCnt,
|
||||
time:_time.toLocaleDateString(),
|
||||
studentId:data[i].studentId,
|
||||
})
|
||||
|
||||
key: i + 1,
|
||||
com: data[i].userInfoBo.deptName,
|
||||
name: data[i].userInfoBo.userName,
|
||||
gang: data[i].userInfoBo.jobName,
|
||||
cur: data[i].currentChapterName || "0",
|
||||
jin: data[i].completeChapterCnt + "/" + data[i].totalChapterCnt,
|
||||
time: _time.toLocaleDateString(),
|
||||
studentId: data[i].studentId,
|
||||
});
|
||||
|
||||
// state.tableData[i].key = i+1;
|
||||
// state.tableData[i].com = data[i].userInfoBo.deptName;
|
||||
// state.tableData[i].name = data[i].userInfoBo.userName
|
||||
@@ -1301,8 +1362,8 @@ export default {
|
||||
console.log("获取学员列表失败", err);
|
||||
});
|
||||
};
|
||||
const checkType = (type) => {
|
||||
let typeRules = [
|
||||
const checkType = (type) => {
|
||||
let typeRules = [
|
||||
"",
|
||||
"在线",
|
||||
"面授",
|
||||
@@ -1318,57 +1379,71 @@ export default {
|
||||
"投票",
|
||||
];
|
||||
return typeRules[type];
|
||||
}
|
||||
};
|
||||
|
||||
//学员管理------------------------------------------------
|
||||
|
||||
onMounted(() => {
|
||||
state.addLoading = true;
|
||||
getOverview()
|
||||
})
|
||||
getOverview();
|
||||
GetRouterDetail(state.routerId).then((res) => {
|
||||
state.styTitle = res.data.data.routerInfo.name;
|
||||
state.cretime = toDate(
|
||||
res.data.data.routerInfo.createTime / 1000,
|
||||
"Y-M-D h:m"
|
||||
);
|
||||
state.picUrl = res.data.data.routerInfo.picUrl;
|
||||
});
|
||||
});
|
||||
|
||||
// 获取项目概览
|
||||
const getOverview = () =>{
|
||||
getRouterOverview(state.routerId).then((res) => {
|
||||
Object.keys(res.data.data.routerInfoOverview).forEach(item => {
|
||||
levelList.routerInfoOverview[item] = res.data.data.routerInfoOverview[item] || 0
|
||||
const getOverview = () => {
|
||||
getRouterOverview(state.routerId)
|
||||
.then((res) => {
|
||||
Object.keys(res.data.data.routerInfoOverview).forEach((item) => {
|
||||
levelList.routerInfoOverview[item] =
|
||||
res.data.data.routerInfoOverview[item] || 0;
|
||||
});
|
||||
Object.keys(res.data.data.chapterOverviewList).forEach((item) => {
|
||||
levelList.chapterOverviewList[item] =
|
||||
res.data.data.chapterOverviewList[item] || 0;
|
||||
});
|
||||
// res.data.data.routerInfoOverview.forEach((r) => {
|
||||
// console.log(r)
|
||||
// })
|
||||
state.addLoading = false;
|
||||
console.log("项目概览--" + res);
|
||||
})
|
||||
Object.keys(res.data.data.chapterOverviewList).forEach(item => {
|
||||
levelList.chapterOverviewList[item] = res.data.data.chapterOverviewList[item] || 0
|
||||
})
|
||||
// res.data.data.routerInfoOverview.forEach((r) => {
|
||||
// console.log(r)
|
||||
// })
|
||||
state.addLoading = false;
|
||||
console.log("项目概览--"+res)
|
||||
}).catch(err => {
|
||||
state.addLoading = false;
|
||||
message.error("概览获取失败")
|
||||
console.log("获取失败"+err)
|
||||
})
|
||||
}
|
||||
.catch((err) => {
|
||||
state.addLoading = false;
|
||||
message.error("概览获取失败");
|
||||
console.log("获取失败" + err);
|
||||
});
|
||||
};
|
||||
// 获取路径列表
|
||||
const myGetRouterDetail = () => {
|
||||
GetRouterDetail(state.routerId).then(res => {
|
||||
let data = res.data.data.chapterList
|
||||
state.taskSyllabus = data
|
||||
// for(let i in data) {
|
||||
// state.taskSyllabus[i].name = data[i].name
|
||||
// if(data[i].taskList.length > 0) {
|
||||
// for(let j in data[i].taskList) {
|
||||
// Object.keys(data[i].taskList[j]).forEach(item => {
|
||||
// state.taskSyllabus[i].taskList[j][item] = data[i].taskList[j][item] || 0
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
message.error('获取路径列表失败'+err);
|
||||
})
|
||||
GetRouterDetail(state.routerId)
|
||||
.then((res) => {
|
||||
let data = res.data.data.chapterList;
|
||||
|
||||
}
|
||||
state.taskSyllabus = data;
|
||||
// for(let i in data) {
|
||||
// state.taskSyllabus[i].name = data[i].name
|
||||
// if(data[i].taskList.length > 0) {
|
||||
// for(let j in data[i].taskList) {
|
||||
// Object.keys(data[i].taskList[j]).forEach(item => {
|
||||
// state.taskSyllabus[i].taskList[j][item] = data[i].taskList[j][item] || 0
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
message.error("获取路径列表失败" + err);
|
||||
});
|
||||
};
|
||||
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status !== "uploading") {
|
||||
@@ -1383,23 +1458,26 @@ export default {
|
||||
};
|
||||
|
||||
const delConfirm = (id) => {
|
||||
Modal.confirm({
|
||||
title: '是否确认删除',
|
||||
Modal.confirm({
|
||||
title: "是否确认删除",
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
content: '',
|
||||
okText: '确认',
|
||||
cancelText: '取消',
|
||||
onOk(){
|
||||
api.delStudent({routerId:100,studentIds:[id]}).then(res => {
|
||||
message.success("删除成功")
|
||||
console.log(res)
|
||||
}).catch(err => {
|
||||
message.error("删除失败"+err)
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
content: "",
|
||||
okText: "确认",
|
||||
cancelText: "取消",
|
||||
onOk() {
|
||||
api
|
||||
.delStudent({ routerId: 100, studentIds: [id] })
|
||||
.then((res) => {
|
||||
message.success("删除成功");
|
||||
console.log(res);
|
||||
})
|
||||
.catch((err) => {
|
||||
message.error("删除失败" + err);
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
|
||||
Reference in New Issue
Block a user