feat:修改vue文件跳转

This commit is contained in:
lixg
2022-11-21 15:29:25 +08:00
parent e163cd5003
commit 386c6e6ee5
22 changed files with 3132 additions and 2801 deletions

View File

@@ -73,7 +73,7 @@
</div>
</div>
<div class="line"></div>
<router-link to="/learningpath"
<router-link to="/manage/learningpath"
><div style="display: flex">
<img class="img2" src="../../assets/images/leveladd/back.png" />
<div class="return">返回</div>
@@ -98,29 +98,29 @@
<div class="taskmain">快速创建项目详情</div>
</div>
<div class="second">
<router-link :to="{ path: '/leveladddetail' }">
<router-link :to="{ path: '/manage/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>
</router-link>
<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>
</router-link>
<div
class="taskbox" @click="showAddStu"
@click="showAddStu"
style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
>
<div class="leftt">
@@ -132,9 +132,7 @@
<div class="rightt">
<img src="../../assets/images/taskpage/right2.png" />
</div>
<div class="centerbox"
style="color: rgba(78, 166, 255, 1)">
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
添加学员
</div>
<div class="centermain">快速添加学员</div>
@@ -219,16 +217,16 @@
stage2: item.stageId != choosedStageId,
}"
:key="item.stageId"
@click="stageChange(item.name,item.stageId)"
@click="stageChange(item.name, item.stageId)"
>
关卡{{ item.stageId }}
关卡{{ item.stageId }}
</div>
<!-- <div class="stage1">阶段1</div>
<div class="stage2">阶段2</div> -->
</div>
<div class="stagesecond">
<div class="staname">关卡名称</div>
<div class="stamess">{{stateName}}</div>
<div class="stamess">{{ stateName }}</div>
</div>
<div class="stagelast">
<div class="stagepro">
@@ -314,7 +312,7 @@
<div class="search"></div>
<div class="btnText">重置</div>
</div>
<router-link to="/leveladddetail">
<router-link to="/manage/leveladddetail">
<div class="btn btn3" @click="handleOut">
<div class="search"></div>
<div class="btnText">创建关卡</div>
@@ -336,7 +334,7 @@
<div class="onerow">
<div class="taskmain">任务大纲</div>
<router-link to="/leveladddetail" class="editright">
<router-link to="/manage/leveladddetail" class="editright">
<img
class="editimg"
src="../../assets/images/leveladd/edit.png"
@@ -346,7 +344,7 @@
</div>
<!-- 无数据显示快速创建 -->
<div v-show="!taskSyllabus.length">
<router-link :to="{ path: '/leveladddetail' }">
<router-link :to="{ path: '/manage/leveladddetail' }">
<div
class="taskbox"
style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
@@ -564,14 +562,31 @@
style="width: 270px; height: 40px; border-radius: 8px"
placeholder="关卡名称"
/>
<div class="btns" @click="searchLevel" >
<div class="btns" @click="searchLevel">
<div class="btn btn1">
<div class="search"></div>
<a-button class="btnText" style="border:none;background:none;transform: translateY(-20%);" >搜索</a-button>
<a-button
class="btnText"
style="
border: none;
background: none;
transform: translateY(-20%);
"
>搜索</a-button
>
</div>
<div class="btn btn2" @click="resetLevel">
<div class="search"></div>
<a-button style="border:none;background:none; transform: translateY(-20%);width:100%;" class="btnText" >重置</a-button>
<a-button
style="
border: none;
background: none;
transform: translateY(-20%);
width: 100%;
"
class="btnText"
>重置</a-button
>
</div>
</div>
</div>
@@ -592,11 +607,11 @@
<div class="xu">
<span class="yi">已选择</span>
<div style="width: 5px; display: inline-block"></div>
<span class="th">{{selectedRowKeys.length}}</span>
<span class="th">{{ selectedRowKeys.length }}</span>
<div style="width: 5px; display: inline-block"></div>
<span class="yi"></span>
<span class="zon">列表选项总数</span>
<span class="th">{{tableData.length}}</span>
<span class="th">{{ tableData.length }}</span>
<span class="yi"> </span>
</div>
</div>
@@ -763,7 +778,7 @@
<div
v-for="item in docList"
:key="item.src"
style="margin-top: 20px;"
style="margin-top: 20px"
class="docListStyle"
>
<img
@@ -827,13 +842,13 @@
</div>
</div></a-modal
>
<!-- 查看学员 传入查看学员的id-->
<see-stu
v-model:Seevisible="Seevisible"
v-model:checkStuId="checkStuId"
v-model:projectId="projectId"
/>
<see-stu
v-model:Seevisible="Seevisible"
v-model:checkStuId="checkStuId"
v-model:projectId="projectId"
/>
<!-- 批量删除学员弹窗 -->
<a-modal
@@ -1157,7 +1172,7 @@ import FaceStu from "../../components/drawers/FaceStu";
import ActiveAttendance from "../../components/drawers/ActiveAttendance";
import TimeManage from "../../components/drawers/TimeManage";
import TestManage from "../../components/drawers/TestManage";
import FaceManage from "../../components/drawers/FaceManage";
import FaceManage from "../../components/drawers/FaceManage";
import WorkManage from "../../components/drawers/WorkManage";
import SeeStu from "../../components/drawers/SeeStu";
// import { useRoute } from "vue-router";
@@ -1181,7 +1196,7 @@ export default {
TestManage,
FaceManage,
WorkManage,
SeeStu
SeeStu,
},
setup() {
// const routers = useRoute();
@@ -1208,31 +1223,31 @@ export default {
CheckStuvisible: false, //学员管理的查看抽屉
addLoading: false, // 加载动画
choosedStageId: 1, // 选择的阶段id
selectedRowKeys:[],
selectedRowKeys: [],
twobtn: true,
number: true,
twobtnn: false,
Seevisible:false,
checkStuId:null,
Seevisible: false,
checkStuId: null,
inputbox: false,
Wvisible: false, //作业管理
studentId: null,
styTitle: null,
cretime: null,
picUrl: null,
projectNameList:[
{
value: '1',
label: '导出信息',
projectNameList: [
{
value: "1",
label: "导出信息",
},
{
value: '2',
label: '批量调整关卡',
{
value: "2",
label: "批量调整关卡",
},
{
value: "3",
label: "批量删除",
},
{
value: '3',
label: '批量删除',
}
],
// 共享文档列表
docList: [
@@ -1299,7 +1314,7 @@ export default {
visible: false, //时间管理
TMvisible: false, //考试管理
FaceVisivle: false, //面授管理
stateName:null, // 关卡名称
stateName: null, // 关卡名称
//关卡的数据
level: [
// {
@@ -1563,10 +1578,10 @@ export default {
const closehuodModal = () => {
state.huodModal = false;
};
const stageChange = (name,id) => {
const stageChange = (name, id) => {
state.choosedStageId = id;
state.stateName = name;
}
};
const changeTabs = (e) => {
console.log("切换tabs", e, state.routerId);
if (e == 2) {
@@ -1756,7 +1771,6 @@ export default {
.catch((err) => {
console.log("复制失败", err);
});
};
const showStop = () => {
state.stopModal = true;
@@ -1832,7 +1846,7 @@ export default {
const myGetRouterDetail = () => {
GetRouterDetail(state.routerId)
.then((res) => {
if(res.data.data.routerInfo.status == 1) {
if (res.data.data.routerInfo.status == 1) {
state.nodata = false;
}
let data = res.data.data.chapterList;
@@ -1847,12 +1861,15 @@ export default {
// }
// }
levelList.stageList = [];
for(let i in data) {
if(i==0) {state.stateName = data[0].name}
levelList.stageList.push({
stageId:Number(i)+1,
name:data[i].name
}) }
for (let i in data) {
if (i == 0) {
state.stateName = data[0].name;
}
levelList.stageList.push({
stageId: Number(i) + 1,
name: data[i].name,
});
}
})
.catch((err) => {
console.log(err);
@@ -1884,7 +1901,7 @@ export default {
.delStudent({ routerId: 100, studentIds: [id] })
.then((res) => {
message.success("删除成功");
getStudent()
getStudent();
console.log(res);
})
.catch((err) => {
@@ -1895,61 +1912,74 @@ export default {
});
};
const searchLevel = () => {
const result = state.tableData.filter(item => item.cur == state.gatenamee)
const result = state.tableData.filter(
(item) => item.cur == state.gatenamee
);
state.tableData = result;
};
const resetLevel = () => {
state.gatenamee = '';
state.gatenamee = "";
getStudent();
};
const handleStuChange = (value) => {
console.log(value);
if(value == 2) {state.visiblene = true}
if(value == 3 ) { deleteStu() }
if (value == 2) {
state.visiblene = true;
}
if (value == 3) {
deleteStu();
}
};
const deleteStu = () => {
if(state.selectedRowKeys.length == 0) {
if (state.selectedRowKeys.length == 0) {
message.warning("请选择成员");
return }
let obj = {
routerId:100,
studentIds:state.selectedRowKeys,
return;
}
api.delStudent(obj).then((res) => {
console.log(res);
getStudent();
message.success("批量删除成功")
}).catch(err => {
message.error("批量删除失败"+err);
console.log(err)
})
let obj = {
routerId: 100,
studentIds: state.selectedRowKeys,
};
api
.delStudent(obj)
.then((res) => {
console.log(res);
getStudent();
message.success("批量删除成功");
})
.catch((err) => {
message.error("批量删除失败" + err);
console.log(err);
});
};
const pageChange = (value) => {
state.currentPage = value;
getStudent();
}
};
const setconfig = () => {
let obj = {
"autoJoinFlag": 0,
"deptBoList": [
{
"deptId": 0,
"deptName": ""
}
],
"preLearnFlag": 0,
"previewFlag": 0,
"routerId": 0,
"showFlag": 0
}
api.setConfig(obj).then((res) => {
message.success("编辑成功")
console.log(res);
}).catch(err => {
console.log(err);
message.error("编辑失败")
})
}
autoJoinFlag: 0,
deptBoList: [
{
deptId: 0,
deptName: "",
},
],
preLearnFlag: 0,
previewFlag: 0,
routerId: 0,
showFlag: 0,
};
api
.setConfig(obj)
.then((res) => {
message.success("编辑成功");
console.log(res);
})
.catch((err) => {
console.log(err);
message.error("编辑失败");
});
};
return {
...toRefs(state),
...toRefs(levelList),