hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-22 09:16:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage

Browse Source
This commit is contained in:
Ggysh-7
2022-11-14 17:14:20 +08:00
parent b11018a8f3 2d095e4391
commit 6a71b47947
11 changed files with 6171 additions and 1714 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/api/index1.js
View File

@@ -70,6 +70,9 @@ export const getRouterDetail = (routerId) => http.get('/admin/router/detail', {
});
//添加学员
export const addStudent = (obj) => http.post('/admin/router/addStudent', obj);
//删除学员
export const delStudent = (obj) => http.post('/admin/router/deleteStudent', obj);
//项目基础信息-----------------------------------

3
src/api/indexProjStu.js
View File

@@ -20,3 +20,6 @@ export const studentProcess = (obj) => http.get('/admin/project/studentProcess',
//是否优秀学员
export const topStudent = (obj) => http.post('/admin/project/topStudent', obj)
//项目概览
export const overview = (obj) => http.get('/admin/project/overview', { params: obj })

1630
src/components/drawers/ManageRight.vue
View File

File diff suppressed because it is too large Load Diff

1153
src/components/drawers/Ownership.vue
View File

File diff suppressed because it is too large Load Diff

72
src/components/drawers/ProjectOwn.vue
View File

@@ -6,7 +6,7 @@
width="85%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="drawerMain" id="ProjOwnership">
<div class="header">
<div class="headerTitle">归属权</div>
<img
@@ -121,7 +121,6 @@
</div>
</div>
</a-tab-pane>
</a-tabs>
</div>
</div>
@@ -140,11 +139,7 @@
<div class="line"></div>
<div class="tit">快速选人</div>
<div style="position: relative; min-height: 180px">
<div
style="height: 160px"
class="selectedsBox"
id="selectedsBox"
>
<div style="height: 160px" class="selectedsBox" id="selectedsBox">
<div class="selecteds" id="selecteds">
<!-- 遍历生成 -->
<div class="chose" v-for="item in choosepeople" :key="item.key">
@@ -152,14 +147,13 @@
<div class="ch" @click="deleteChoosePeople(item)"></div>
</div>
</div>
</div>
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -168,17 +162,20 @@
v-if="showMore"
@click="morePeopleShow"
>
<div>查看更多 <img
<div>
查看更多
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/go.png"
/></div>
/>
</div>
</div>
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -187,13 +184,15 @@
v-if="showHidden"
@click="morePeopleHidden"
>
<div>收起 <img
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/></div>
/>
</div>
</div>
</div>
</div>
</div>
<div class="btnn">
@@ -594,7 +593,6 @@ export default {
},
],
//快速选人-------------------------------------
valueSelectboe: null, //快速选人的选择组织
choosepeople: [], //总的数组
@@ -603,7 +601,6 @@ export default {
showHidden: false, //是否显示收回
selectedRowKeys: [], //表格选中的key
//快速选人-------------------------------------
});
const closeDrawer = () => {
state.activeKey = "1";
@@ -614,8 +611,6 @@ export default {
console.log("state", bool);
};
const getClientHeight = () => {
state.screenHeight = document.body.clientHeight;
};
@@ -670,31 +665,31 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds"), function (ele) {
resize.listenTo(document.getElementById('Ownership').querySelector("#selecteds"), function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden) {
state.showMore = true;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore = false;
state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
}
});
};
const morePeopleShow = () => {
state.showMore = false;
state.showHidden = true;
document.getElementById("selectedsBox").style.overflow = "";
document.getElementById("selectedsBox").style.height = "";
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "";
};
const morePeopleHidden = () => {
state.showMore = true;
state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document.getElementById('Ownership').querySelector("#selectedsBox").style.overflow = "hidden";
document.getElementById('Ownership').querySelector("#selectedsBox").style.height = "160px";
};
// 结束 快速选人------------------------------------------------------------------
@@ -702,14 +697,13 @@ export default {
//全部清除
const deleteAll = () => {
//快速选人-------------------------------------
state.valueSelectboe=null //快速选人的选择组织
state.choosepeople=[] //总的数组
state.showMore=false //是否显示快速选人的查看更多
state.showHidden=false//是否显示收回
state.selectedRowKeys=[]//表格选中的key
state.valueSelectboe = null; //快速选人的选择组织
state.choosepeople = []; //总的数组
state.showMore = false; //是否显示快速选人的查看更多
state.showHidden = false; //是否显示收回
state.selectedRowKeys = []; //表格选中的key
//快速选人-------------------------------------
}
};
return {
...toRefs(state),
afterVisibleChange,

1599
src/components/drawers/QueryRight.vue
View File

File diff suppressed because it is too large Load Diff

320
src/components/drawers/StuAdd.vue
View File

@@ -6,7 +6,7 @@
width="85%"
@after-visible-change="afterVisibleChange"
>
<div class="drawerMain">
<div class="drawerMain" id="stuadd">
<div class="header">
<div class="headerTitle">添加学员</div>
<img
@@ -136,7 +136,7 @@
/>
</div>
<div class="btns">
<div class="btn1">
<div class="btn1" @click="searchOrg">
<div class="img1">
<img
src="../../assets/images/courseManage/search0.png"
@@ -166,7 +166,7 @@
<div class="boeTreeTitle">BOE组织树</div>
<a-tree
class="treeMain"
class="treeMain treeMain2"
:style="{ height: screenHeight - 430 + 'px' }"
dropdownClassName="changetreedropdownboe"
defaultExpandAll
@@ -314,9 +314,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -336,9 +336,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -347,10 +347,13 @@
v-if="showHidden"
@click="morePeopleHidden"
>
<div>收起 <img
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/></div>
/>
</div>
</div>
</div>
<div class="line"></div>
@@ -376,9 +379,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -398,9 +401,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -409,10 +412,13 @@
v-if="showHidden1"
@click="morePeopleHidden1"
>
<div>收起 <img
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/></div>
/>
</div>
</div>
</div>
<div class="line"></div>
@@ -436,9 +442,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -458,9 +464,9 @@
<div
class="chose"
style="
position: absolute;
right: 32px;
bottom: -9px;
display: flex;
justify-content: flex-end;
margin-right: 20px;
font-size: 12px;
font-weight: 500;
color: #409eff;
@@ -469,10 +475,13 @@
v-if="showHidden2"
@click="morePeopleHidden2"
>
<div>收起 <img
<div>
收起
<img
style="width: 10px; height: 12px; margin-top: -2px"
src="../../assets/images/projectadd/pickUp.png"
/></div>
/>
</div>
</div>
</div>
</div>
@@ -520,6 +529,7 @@
import { reactive, toRefs, onMounted, onUnmounted } from "vue";
import elementResizeDetectorMaker from "element-resize-detector";
import { message } from "ant-design-vue";
import { toDate } from "../../api/method";
export default {
name: "StuAdd",
props: {
@@ -879,71 +889,78 @@ export default {
tabledata2: [
{
key: 1,
name: "小李小李小李小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "学习受众",
time: "1668410969",
number: "20",
type: "普通受众",
},
{
key: 2,
name: "小刘小刘小刘",
bum: "产研部",
numb: "000000",
guishu: "",
name: "案例受众",
time: "1668324569",
number: "10",
type: "普通受众",
},
{
key: 3,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "学习受众",
time: "1668238169",
number: "20",
type: "普通受众",
},
{
key: 4,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "显示受众",
time: "1668133769",
number: "30",
type: "普通受众2",
},
{
key: 5,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "惯例受众",
time: "1668047369",
number: "50",
type: "普通受众",
},
{
key: 6,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "管理受众",
time: "1667960969",
number: "20",
type: "普通受众",
},
{
key: 7,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "学习小组受众",
time: "1667874569",
number: "20",
type: "普通受众",
},
{
key: 8,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "学习受众",
time: "1667701769",
number: "10",
type: "普通受众",
},
{
key: 9,
name: "小李",
bum: "产研部",
numb: "000000",
guishu: "",
name: "案例受众",
time: "1667442569",
number: "5",
type: "普通受众",
},
{
key: 10,
name: "项目受众",
time: "1667262569",
number: "25",
type: "普通受众",
},
],
tablecolumns2: [
{
title: "姓名",
title: "受众名称",
dataIndex: "name",
key: "name",
width: 30,
@@ -951,25 +968,38 @@ export default {
className: "h",
},
{
title: "工号",
dataIndex: "numb",
key: "numb",
title: "创建时间",
dataIndex: "time",
key: "time",
width: 35,
align: "center",
className: "h",
sorter: {
compare: (a, b) => a.time - b.time,
multiple: 3,
},
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
// console.log(text.record.checked1);
return (
<div class="racona">
<span> {toDate(Number(text.record.time), "Y-M-D h:m:s")}</span>
</div>
);
},
},
{
title: "归属组织",
dataIndex: "guishu",
key: "guishu",
title: "人数",
dataIndex: "number",
key: "number",
width: 30,
align: "center",
className: "h",
},
{
title: "部门",
dataIndex: "bum",
key: "bum",
title: "类型",
dataIndex: "type",
key: "type",
width: 40,
align: "center",
className: "h",
@@ -1074,31 +1104,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds"), function (ele) {
resize.listenTo(
document.getElementById("stuadd").querySelector("#selecteds"),
function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden) {
state.showMore = true;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore = false;
state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
}
});
}
);
};
const morePeopleShow = () => {
state.showMore = false;
state.showHidden = true;
document.getElementById("selectedsBox").style.overflow = "";
document.getElementById("selectedsBox").style.height = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "";
};
const morePeopleHidden = () => {
state.showMore = true;
state.showHidden = false;
document.getElementById("selectedsBox").style.overflow = "hidden";
document.getElementById("selectedsBox").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox").style.height = "160px";
};
// 结束 快速选人------------------------------------------------------------------
@@ -1166,33 +1215,75 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight1 = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds1"), function (ele) {
resize.listenTo(
document.getElementById("stuadd").querySelector("#selecteds1"),
function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden1) {
state.showMore1 = true;
document.getElementById("selectedsBox1").style.overflow = "hidden";
document.getElementById("selectedsBox1").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore1 = false;
state.showHidden1 = false;
document.getElementById("selectedsBox1").style.overflow = "hidden";
document.getElementById("selectedsBox1").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
}
});
}
);
};
const morePeopleShow1 = () => {
state.showMore1 = false;
state.showHidden1 = true;
document.getElementById("selectedsBox1").style.overflow = "";
document.getElementById("selectedsBox1").style.height = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "";
};
const morePeopleHidden1 = () => {
state.showMore1 = true;
state.showHidden1 = false;
document.getElementById("selectedsBox1").style.overflow = "hidden";
document.getElementById("selectedsBox1").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox1").style.height = "160px";
};
//搜索组织
const searchOrg = () => {
let treeTitle = document
.getElementById("stuadd")
.querySelector(".treeMain2")
.querySelectorAll(".ant-tree-title");
if (state.com) {
for (let i = 0; i < treeTitle.length; i++) {
if (state.com === treeTitle[i].innerHTML) {
document
.getElementById("stuadd")
.querySelector(".treeMain2")
.scrollTo(0, treeTitle[i].offsetTop + 28 * i);
return;
} else if (i == treeTitle.length - 1) {
message.destroy();
message.warning("未找到该部门");
}
}
} else {
message.destroy();
message.warning("请输入组织名称");
}
};
// 结束 添加组织------------------------------------------------------------------
// 开始 受众关联------------------------------------------------------------------
@@ -1225,31 +1316,50 @@ export default {
//根据右侧快速选人高度，判断是否显示更多
const selectedsHeight2 = () => {
let resize = elementResizeDetectorMaker();
resize.listenTo(document.getElementById("selecteds2"), function (ele) {
resize.listenTo(
document.getElementById("stuadd").querySelector("#selecteds2"),
function (ele) {
console.log("ele", ele.offsetHeight);
if (ele.offsetHeight > 160 && !state.showHidden2) {
state.showMore2 = true;
document.getElementById("selectedsBox2").style.overflow = "hidden";
document.getElementById("selectedsBox2").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
} else if (ele.offsetHeight < 160) {
state.showMore2 = false;
state.showHidden2 = false;
document.getElementById("selectedsBox2").style.overflow = "hidden";
document.getElementById("selectedsBox2").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
}
});
}
);
};
const morePeopleShow2 = () => {
state.showMore2 = false;
state.showHidden2 = true;
document.getElementById("selectedsBox2").style.overflow = "";
document.getElementById("selectedsBox2").style.height = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "";
};
const morePeopleHidden2 = () => {
state.showMore2 = true;
state.showHidden2 = false;
document.getElementById("selectedsBox2").style.overflow = "hidden";
document.getElementById("selectedsBox2").style.height = "160px";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.overflow = "hidden";
document
.getElementById("stuadd")
.querySelector("#selectedsBox2").style.height = "160px";
};
// 结束 受众关联------------------------------------------------------------------
@@ -1309,6 +1419,8 @@ export default {
deleteChoosePeople2,
deleteAll,
searchOrg,
};
},
};

1622
src/components/drawers/pathStuAdd.vue Normal file
View File

File diff suppressed because it is too large Load Diff

45
src/views/learningpath/LevelAdd.vue
View File

@@ -749,7 +749,7 @@
<img src="@/assets/images/basicinfo/download.png" style="cursor: pointer;
width:40px;height:40px;margin-right:40px;
" alt="">
<span style="font: oblique bold 16px Sans-serif">{{item.name}}</span>
<span style="font: oblique 16px Sans-serif">{{item.name}}</span>
<span style="color: #4ea6ff;float:right;">删除</span>
</div>
</div>
@@ -915,7 +915,7 @@
</div>
</a-modal>
<!-- 添加学员抽屉 -->
<add-stu v-model:AddSvisible="AddSvisible" />
<path-add-stu v-model:Stuvisible="Stuvisible" />
<!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
<!-- 学员管理查看抽屉 -->
@@ -945,7 +945,7 @@
<script>
import { ref, reactive, toRefs,onMounted } from "vue";
import { message } from "ant-design-vue";
import AddStu from "../../components/drawers/AddLevelAddStu";
import PathAddStu from "../../components/drawers/pathStuAdd";
import ImpStu from "../../components/drawers/AddLevelImportStu";
import CheckStu from "../../components/drawers/CheckStu";
import FaceStu from "../../components/drawers/FaceStu";
@@ -956,16 +956,15 @@ import FaceManage from "../../components/drawers/FaceManage";
import WorkManage from "../../components/drawers/WorkManage";
// import { useRoute } from "vue-router";
// import { useStore } from "vuex";
import * as api from "../../api/index1";
import { storage } from "../../api/storage";
import { getRouterOverview } from "@/api/indexLearningPath";
import { GetRouterDetail } from "@/api/indexTask";
import * as api from "../../api/index1";
export default {
name: "LevelAdd",
components: {
AddStu,
PathAddStu,
ImpStu,
CheckStu,
FaceStu,
@@ -984,7 +983,7 @@ export default {
gatename: null, //关卡名称
gatenamee: null, //学员管理关卡名称
deleteAll: false, //批量删除学员弹窗
AddSvisible: false, //添加学员抽屉
Stuvisible: false, //添加学员抽屉
AddImpStuvisible: false, //导入学员抽屉
CheckStuvisible: false, //学员管理的查看抽屉
addLoading:false, // 加载动画
@@ -994,6 +993,7 @@ export default {
twobtnn: false,
inputbox: false,
Wvisible: false, //作业管理
// 共享文档列表
docList:[
{
name:'测试文档1.doc',
@@ -1007,7 +1007,7 @@ export default {
name:'测试文档3.doc',
src:"",
}
], // 共享文档列表
],
huodModal: false,
zhibModal: false,
projectNameListt: [
@@ -1377,7 +1377,9 @@ export default {
>
调整
</span>
<span style="color:#4EA6FF;cursor:pointer">删除</span>
<span style="color:#4EA6FF;cursor:pointer"
onClick={() => {myDelStudent}}
>删除</span>
</div>
</div>
);
@@ -1403,7 +1405,7 @@ export default {
state.visiblene = false;
};
const showAddStu = () => {
state.AddSvisible = true;
state.Stuvisible = true;
};
const showImpStu = () => {
state.AddImpStuvisible = true;
@@ -1488,9 +1490,10 @@ export default {
//获取学员列表
const getStudent = () => {
let obj = {
name: "",
pageNo: 0,
pageSize: 0,
routerId: state.routerId,
pageNo: 1,
pageSize: 10,
};
api
.getStudent(obj)
@@ -1501,8 +1504,19 @@ export default {
console.log("获取学员列表失败", err);
});
};
const myDelStudent = () => {
let obj = {
"routerId": 0,
"studentIds": []
};
api.methods(obj).then(res => {
message.success("删除成功")
console.log(res)
}).catch(err => {
message.error("删除失败"+err)
console.log(err)
})
}
const checkType = (type) => {
let typeRules = [
"",
@@ -1616,7 +1630,8 @@ export default {
closezhibModal,
changeTabs,
checkType,
handleChange
handleChange,
myDelStudent,
};
},
};

67
src/views/projectcenter/LibraryAdd.vue
View File

@@ -383,6 +383,8 @@
</a-tab-pane>
<a-tab-pane key="4" tab="设置">
<div class="split"></div>
<a-tabs>
<a-tab-pane key="1" tab="编辑">
<div class="setting">
<div class="set_tit">
<span>基本信息</span>
@@ -460,6 +462,49 @@
</div>
</div>
</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>
</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-tabs>
</a-tab-pane>
</a-tabs>
<a-modal
style="padding: 0"
@@ -639,12 +684,28 @@ export default defineComponent({
checked: false,
checked2: false,
checked3: false,
docChecked:true,
value3: false,
value4: false,
hideshow: false,
score1: 5,
score2: 5,
edit: true,
// 共享文档列表
docList:[
{
name:'测试文档1.doc',
src:"",
},
{
name:'测试文档2.doc',
src:"",
},
{
name:'测试文档3.doc',
src:"",
}
],
});
const value = ref("");
const value2 = ref("");
@@ -849,7 +910,11 @@ export default defineComponent({
height: 20px;
background-color: #edf0f5;
}
.docListStyle {
display: flex;
width: 300px !important;
justify-content: space-around;
}
.taskBox {
.onerow {
//width: 100%;

647
src/views/projectcenter/TaskPage.vue
View File

@@ -50,7 +50,7 @@
<a-tab-pane key="1" tab="概览">
<div class="split"></div>
<!-- 概览（无数据） -->
<div>
<div style="display: none">
<div class="onerow">
<div class="taskmain">快速创建项目详情</div>
</div>
@@ -116,51 +116,72 @@
</div>
<!-- 概览（无数据） -->
<!-- 概览（有数据） -->
<div style="display: none">
<div>
<div class="onerow">
<div class="taskmain">项目概览</div>
</div>
<div class="second" style="margin-top: 0">
<div class="nubbox">
<span class="nub1">200</span>
<span class="nub1">{{
projectInfoOverview.totalStudentCnt
}}</span>
<div class="nub2">总人数</div>
</div>
<div class="nubbox">
<span class="nub1" style="color: #ff90ae">15</span>
<div class="nub2">必修课</div>
<span class="nub1" style="color: #ff90ae">{{
projectInfoOverview.studyStudentCnt
}}</span>
<div class="nub2">学习人数</div>
</div>
<div class="nubbox">
<span class="nub1" style="color: #a497ff">15</span>
<div class="nub2">选修课</div>
<span class="nub1" style="color: #a497ff">{{
projectInfoOverview.completeStudentCnt
}}</span>
<div class="nub2">完成人数</div>
</div>
<div class="nubbox">
<div>
<span class="nub1" style="color: #5dc988">50</span
<span class="nub1" style="color: #5dc988">{{
projectInfoOverview.onlineCourseCnt
}}</span
><span style="color: #5dc988; font-size: 14px">%</span>
</div>
<div class="nub2">完成率</div>
<div class="nub2">在线课程数</div>
</div>
<div class="nubbox">
<div>
<span class="nub1" style="color: #ff90ae">30</span
<span class="nub1" style="color: #ff90ae">{{
projectInfoOverview.offLineCourseCnt
}}</span
><span style="color: #ff90ae; font-size: 14px">%</span>
</div>
<div class="nub2">必修完成率</div>
<div class="nub2">面授课程数</div>
</div>
<div class="nubbox">
<div>
<span class="nub1" style="color: #a497ff">30</span
<span class="nub1" style="color: #a497ff">{{
projectInfoOverview.completeRatio
}}</span
><span style="color: #a497ff; font-size: 14px">%</span>
</div>
<div class="nub2">选修完成率</div>
<div class="nub2">总完成率</div>
</div>
</div>
<div class="onerow">
<div class="taskmain">阶段信息</div>
</div>
<div class="stagemess">
<!-- <div class="stagemess">
<div class="stage1">阶段1</div>
<div class="stage2">阶段2</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 class="stage1">阶段1</div>
<div class="stage2">阶段2</div> -->
</div>
<div class="stagesecond">
<div class="staname">阶段名称：</div>
@@ -171,7 +192,7 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:percent="stageOverviewList.completeCourseRatio"
:width="140"
/>
<div class="protext">课程完成率</div>
@@ -180,7 +201,7 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:percent="stageOverviewList.completeExamRatio"
:width="140"
/>
<div class="protext">考试通过率</div>
@@ -189,26 +210,26 @@
<a-progress
type="dashboard"
gapDegree="0"
:percent="50"
:percent="stageOverviewList.completeRatio"
:width="140"
/>
<div class="protext">作业合格率</div>
<div class="protext">作业完成率</div>
</div>
<div class="proright">
<div class="pronub" style="margin-left: 280px">10</div>
<div class="pronub" style="margin-left: 280px">{{stageOverviewList.totalTaskCnt}}</div>
<div class="proright1">
<span class="textpro">阶段任务总数</span>
<a-progress :percent="50" style="width: 369px" />
<a-progress :percent="stageOverviewList.totalTaskCnt" style="width: 369px" />
</div>
<div class="pronub" style="margin-left: 206px">5</div>
<div class="pronub" style="margin-left: 206px">{{stageOverviewList.totalReqCnt}}</div>
<div class="proright1">
<span class="textpro">必修课</span>
<a-progress :percent="25" style="width: 369px" />
<a-progress :percent="stageOverviewList.totalReqCnt" style="width: 369px" />
</div>
<div class="pronub" style="margin-left: 142px">1</div>
<div class="pronub" style="margin-left: 142px">{{stageOverviewList.totalOptCnt}}</div>
<div class="proright1">
<span class="textpro">选修课</span>
<a-progress :percent="5" style="width: 369px" />
<a-progress :percent="stageOverviewList.totalOptCnt" style="width: 369px" />
</div>
</div>
</div>
@@ -696,10 +717,12 @@
<a-tab-pane key="4" tab="公告">
<div class="split"></div>
<a-tabs v-model:activeKey="activeKeyNotice">
<a-tab-pane key="11" tab="公告"><NoticePub v-model:projectId="projectId"></NoticePub></a-tab-pane>
<a-tab-pane key="11" tab="公告"
><NoticePub v-model:projectId="projectId"></NoticePub
></a-tab-pane>
<a-tab-pane key="12" tab="历史公告" force-render
><NoticeHis v-model:projectId="projectId"></NoticeHis></a-tab-pane
>
><NoticeHis v-model:projectId="projectId"></NoticeHis
></a-tab-pane>
</a-tabs>
</a-tab-pane>
<a-tab-pane key="5" tab="项目积分">
@@ -834,15 +857,21 @@
</a-tab-pane>
<a-tab-pane key="7" tab="设置">
<div class="split"></div>
<a-tabs v-model:activeKey="activeSetKey">
<a-tab-pane key="12" tab="基本信息">
<div class="content7">
<div class="set_tit">
<!-- <div class="set_tit">
<span>基本信息</span>
</div>
<!-- <hr color="#E8E8E8" />
-->
<div class="line"></div>
</div> -->
<!-- <div class="line"></div> -->
<div class="set_body">
<div class="edit" @click="showEditProj">
<!-- <div class="edit" @click="showEditProj">
<div class="img"></div>
<div class="ed">编辑</div>
</div> -->
<div class="edit">
<div class="img"></div>
<div class="ed">编辑</div>
</div>
@@ -921,6 +950,49 @@
</div>
</div>
</a-tab-pane>
<a-tab-pane key="13" 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 bold 16px Sans-serif">{{item.name}}</span>
<span style="color: #4ea6ff;float:right;">删除</span>
</div>
</div>
</div>
</div>
</div>
</a-tab-pane>
</a-tabs>
</a-tab-pane>
</a-tabs>
</div>
<!-- 时间管理抽屉 -->
@@ -1415,6 +1487,7 @@ import * as apitl from "../../api/index";
import { getTask } from "../../api/indexTaskadd";
import { toDate } from "../../api/method";
import projSet from "../../components/Modals/projSet";
import { overview } from "../../api/indexProjStu";
export default {
name: "taskPage",
components: {
@@ -1467,6 +1540,23 @@ export default {
},
],
changeGoods: [], //更改是否优秀的id数组
choosedStageId:1, // 选择的阶段id
activeSetKey:"12",//12-基础信息 13-共享文档
docChecked:true,
docList:[
{
name:'测试文档1.doc',
src:"",
},
{
name:'测试文档2.doc',
src:"",
},
{
name:'测试文档3.doc',
src:"",
}
],
//学员信息列表
tabledata: [
// {
@@ -2034,6 +2124,37 @@ export default {
picUrl: null,
});
const levelList = reactive({
projectInfoOverview: {
// 整体数据概览
totalStudentCnt: 0,
studyStudentCnt: 0,
completeStudentCnt: 0,
onlineCourseCnt: 0,
offLineCourseCnt: 0,
completeRatio: 0,
},
stageOverviewList: {
// 阶段数据概览
completeCourseRatio: 0,
completeExamRatio: 0,
completeRatio: 0,
totalTaskCnt: 0,
totalReqCnt: 0,
totalOptCnt: 0,
},
stageList: [
// 阶段列表
{
stageId: 1,
stage: "阶段一",
},
{
stageId: 2,
stage: "阶段二",
},
],
});
// 输入接入 -- start --
const router = useRoute();
@@ -2911,14 +3032,55 @@ export default {
getStu();
};
//end---------学员------
//start---------项目概览
// 获取项目概览
const getOverview = () => {
overview({projectId:state.projectId})
.then((res) => {
Object.keys(res.data.data.projectInfoOverview).forEach((item) => {
levelList.projectInfoOverview[item] =
res.data.data.projectInfoOverview[item] || 0;
});
Object.keys(res.data.data.stageOverviewList).forEach((item) => {
levelList.stageOverviewList[item] =
res.data.data.stageOverviewList[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);
});
};
//end---------项目概览
const handleChange = (info) => {
if (info.file.status !== "uploading") {
console.log(info.file, info.fileList);
}
if (info.file.status === "done") {
message.success(`${info.file.name} 文件上传成功`);
} else if (info.file.status === "error") {
message.error(`${info.file.name} 文件上传失败.`);
}
};
onMounted(() => {
getStu();
getTaskList();
getTaskInfo();
getGroup();
getOverview();
});
return {
...toRefs(state),
...toRefs(levelList),
totask,
tostudent,
showModal,
@@ -2991,6 +3153,7 @@ export default {
cancelyou,
cancelcanyou,
changePaginationStu,
handleChange,
};
},
};
@@ -5085,6 +5248,7 @@ export default {
}
}
//设置的基本信息
.content7 {
margin-top: 20px;
@@ -5152,6 +5316,423 @@ export default {
}
}
}
//设置的共享文档
.sametab {
// margin-left: 30px;
// margin-right: 30px;
margin-top: 30px;
width: 100%;
// background-color: green;
.Gcon {
display: flex;
.pad {
height: 100%;
width: 40px;
}
.Gin {
// background-color: #bfa;
margin-top: 30px;
.headone {
// background-color: red;
display: flex;
text-align: center;
.box {
width: 4px;
height: 20px;
background-color: #409eff;
border-radius: 2px;
}
.onetitle {
margin-left: 15px;
color: #333333;
font-size: 14px;
}
.oneedi {
margin-left: 15px;
color: #4ea6ff;
cursor: pointer;
}
.twobtn {
display: flex;
.btnone {
width: 42px;
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: rgba(64, 158, 255, 1);
margin-left: 20px;
cursor: pointer;
}
.btntwo {
width: 42px;
height: 24px;
border: 1px solid rgba(64, 158, 255, 1);
border-radius: 4px;
color: #ffffff;
margin-left: 20px;
background: #409eff;
cursor: pointer;
}
}
}
.onemain {
margin-top: 20px;
margin-left: 55px;
color: #6f6f6f;
font-size: 14px;
.checkcon {
position: relative;
.in {
position: absolute;
// margin-top: 10px;
left: 0;
top: 3px;
}
.yulan {
// color: yellow;
margin-left: 22px;
// display: inline-block;
}
.yulan2 {
margin-left: 22px;
}
.ant-input-number {
height: 24px;
width: 24px;
margin: 10px;
border-radius: 4px;
border: 1px solid #6d7584;
.ant-input-number-input {
width: 100%;
height: 100%;
font-size: 14px;
padding: 0;
color: #409eff;
text-align: center;
}
}
}
}
.twomain {
margin-left: 20px;
margin-top: 20px;
.ant-switch-checked {
background-color: #5dc988;
}
.info {
margin-left: 10px;
color: #6f6f6f;
font-size: 14px;
// margin-top: 10px;
}
.infor {
margin-left: 38px;
margin-top: 10px;
color: #c7cbd2;
font-size: 14px;
}
.chooseshow {
// background-color: red;
margin-left: 38px;
margin-top: 12px;
.fane {
color: #6f6f6f;
font-size: 14px;
}
}
.choo {
display: none;
}
.btm {
margin-left: 38px;
margin-top: 20px;
.bmo {
color: #6f6f6f;
font-size: 14px;
}
.bmt {
color: #c7cbd2;
font-size: 14px;
margin-top: 3px;
}
.chosecon {
display: flex;
margin-top: 6px;
margin-bottom: 20px;
.chose {
position: relative;
.inl {
position: absolute;
top: 2px;
}
.sh {
margin-left: 23px;
color: #6f6f6f;
}
}
}
}
}
}
}
.Lhead {
display: flex;
.btns {
display: flex;
margin-left: 20px;
// flex-wrap: wrap;
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
background: rgba(64, 158, 255, 0);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
flex-shrink: 0;
cursor: pointer;
.search {
background-size: 100%;
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgba(64, 158, 255, 1);
line-height: 36px;
margin-left: 5px;
}
}
.btn1 {
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.btn2 {
.search {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
margin-right: 0px;
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
}
.btnText {
color: #ffffff;
}
}
}
}
.Lbom {
position: relative;
margin-bottom: 20px;
.item {
width: 100%;
height: 200px;
// background-color: green;
margin-top: 40px;
border-radius: 8px;
border: 1px solid #f0f4fe;
.itemhead {
height: 50px;
width: 100%;
background-color: #f0f4fe;
display: flex;
align-items: center;
position: relative;
.lev {
margin-left: 27px;
margin-right: 16px;
line-height: 100%;
color: #409eff;
font-size: 16px;
}
.lin {
width: 1px;
height: 35%;
background-color: #c7cbd2;
}
.nam {
margin-left: 16px;
color: #4f5156;
line-height: 100%;
font-size: 16px;
}
.count {
position: absolute;
line-height: 100%;
color: #4f5156;
font-size: 14px;
right: 40px;
span:nth-child(2) {
color: #63ca8c;
}
}
}
.itembomm {
display: flex;
align-items: center;
height: 150px;
.it {
// margin-left: 110px;
// margin-right: 110px;
width: 13%;
text-align: center;
.on {
font-size: 30px;
}
.ittext {
color: #4f5156;
margin-top: 16px;
margin-left: -5px;
}
}
.linee {
background-color: #ecf2fb;
width: 1px;
height: 55%;
}
.itright {
position: absolute;
right: 45px;
display: flex;
.te {
color: #4ea6ff;
font-size: 14px;
cursor: pointer;
}
.more {
position: relative;
height: 30px;
display: flex;
.moreArrow {
width: 13px;
height: 7px;
display: inline-block;
background-image: url("../../assets/images/navtop/down.png");
background-size: 100%;
margin: 2px;
margin-left: 7px;
margin-top: 6px;
}
.moreItems {
width: 80px;
height: 70px;
display: none;
background: #ffffff;
box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 0px solid #dcdcdc;
position: absolute;
left: 0px;
top: 20px;
z-index: 100;
.roleItem {
font-size: 14px;
font-weight: 400;
color: rgba(79, 81, 86, 1);
line-height: 36px;
display: flex;
justify-content: center;
cursor: pointer;
}
.roleItem:hover {
color: #4ea6ff;
}
}
}
.more:hover .moreArrow {
background-image: url("../../assets/images/navtop/up.png");
}
.more:hover .moreItems {
display: block;
}
}
}
.show {
color: blue;
}
.noshow {
display: none;
}
}
.create {
margin-top: 40px;
.taskbox {
width: 412px;
height: 160px;
border-radius: 10px;
position: relative;
// margin-left: 68px;
margin-bottom: 40px;
cursor: pointer;
.leftt {
position: absolute;
top: 18px;
left: 0;
}
.photo {
position: absolute;
top: 42px;
left: 37px;
}
.rightt {
position: absolute;
top: 69px;
right: 26px;
}
.centerbox {
position: absolute;
top: 52px;
left: 145px;
font-size: 20px;
font-weight: 700;
//line-height: 36px;
}
.centermain {
color: rgba(135, 139, 146, 1);
font-size: 14px;
position: absolute;
left: 144px;
bottom: 49px;
}
}
}
}
}
}
.DelModal {