mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-15 13:56:45 +08:00
Merge branch 'master' of http://gitlab.dongwu-inc.com:10080/BOE/fe-manage
This commit is contained in:
zhangyc
98
package-lock.json
generated
98
package-lock.json
generated
@@ -13,7 +13,9 @@
|
||||
"axios": "^1.1.3",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.2.17",
|
||||
"html2canvas": "^1.4.1",
|
||||
"jquery": "^3.6.1",
|
||||
"qrcode.vue": "^3.3.3",
|
||||
"qs": "^6.11.0",
|
||||
"sortablejs": "^1.15.0",
|
||||
"vue": "^3.2.13",
|
||||
@@ -3514,6 +3516,14 @@
|
||||
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/base64-arraybuffer": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
|
||||
"integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
|
||||
"engines": {
|
||||
"node": ">= 0.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/base64-js": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
|
||||
@@ -4279,6 +4289,14 @@
|
||||
"node": "^10 || ^12 || >=14"
|
||||
}
|
||||
},
|
||||
"node_modules/css-line-break": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
|
||||
"integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
|
||||
"dependencies": {
|
||||
"utrie": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/css-loader": {
|
||||
"version": "6.7.1",
|
||||
"resolved": "https://registry.npmmirror.com/css-loader/-/css-loader-6.7.1.tgz",
|
||||
@@ -6332,6 +6350,18 @@
|
||||
"node": ">=10.13.0"
|
||||
}
|
||||
},
|
||||
"node_modules/html2canvas": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
|
||||
"integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
|
||||
"dependencies": {
|
||||
"css-line-break": "^2.1.0",
|
||||
"text-segmentation": "^1.0.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=8.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/htmlparser2": {
|
||||
"version": "6.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-6.1.0.tgz",
|
||||
@@ -8757,6 +8787,14 @@
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/qrcode.vue": {
|
||||
"version": "3.3.3",
|
||||
"resolved": "https://registry.npmmirror.com/qrcode.vue/-/qrcode.vue-3.3.3.tgz",
|
||||
"integrity": "sha512-OsD4tQjIbxg/K6D5ZkWjBdYI9eg9K2i8qeYILdEAX5mdAydSAxV7xKmmZSP/hA12olLqEMZ9ryqDQrwa9jEMgw==",
|
||||
"peerDependencies": {
|
||||
"vue": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/qs": {
|
||||
"version": "6.11.0",
|
||||
"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
|
||||
@@ -9911,6 +9949,14 @@
|
||||
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/text-segmentation": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
|
||||
"integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
|
||||
"dependencies": {
|
||||
"utrie": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/text-table": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
|
||||
@@ -10186,6 +10232,14 @@
|
||||
"node": ">= 0.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/utrie": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
|
||||
"integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
|
||||
"dependencies": {
|
||||
"base64-arraybuffer": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/uuid": {
|
||||
"version": "8.3.2",
|
||||
"resolved": "https://registry.npmmirror.com/uuid/-/uuid-8.3.2.tgz",
|
||||
@@ -14091,6 +14145,11 @@
|
||||
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
|
||||
"dev": true
|
||||
},
|
||||
"base64-arraybuffer": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
|
||||
"integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
|
||||
},
|
||||
"base64-js": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
|
||||
@@ -14733,6 +14792,14 @@
|
||||
"integrity": "sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==",
|
||||
"dev": true
|
||||
},
|
||||
"css-line-break": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
|
||||
"integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
|
||||
"requires": {
|
||||
"utrie": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"css-loader": {
|
||||
"version": "6.7.1",
|
||||
"resolved": "https://registry.npmmirror.com/css-loader/-/css-loader-6.7.1.tgz",
|
||||
@@ -16424,6 +16491,15 @@
|
||||
"tapable": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"html2canvas": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
|
||||
"integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
|
||||
"requires": {
|
||||
"css-line-break": "^2.1.0",
|
||||
"text-segmentation": "^1.0.3"
|
||||
}
|
||||
},
|
||||
"htmlparser2": {
|
||||
"version": "6.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-6.1.0.tgz",
|
||||
@@ -18387,6 +18463,12 @@
|
||||
"integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
|
||||
"dev": true
|
||||
},
|
||||
"qrcode.vue": {
|
||||
"version": "3.3.3",
|
||||
"resolved": "https://registry.npmmirror.com/qrcode.vue/-/qrcode.vue-3.3.3.tgz",
|
||||
"integrity": "sha512-OsD4tQjIbxg/K6D5ZkWjBdYI9eg9K2i8qeYILdEAX5mdAydSAxV7xKmmZSP/hA12olLqEMZ9ryqDQrwa9jEMgw==",
|
||||
"requires": {}
|
||||
},
|
||||
"qs": {
|
||||
"version": "6.11.0",
|
||||
"resolved": "https://registry.npmmirror.com/qs/-/qs-6.11.0.tgz",
|
||||
@@ -19358,6 +19440,14 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"text-segmentation": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
|
||||
"integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
|
||||
"requires": {
|
||||
"utrie": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"text-table": {
|
||||
"version": "0.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
|
||||
@@ -19578,6 +19668,14 @@
|
||||
"integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
|
||||
"dev": true
|
||||
},
|
||||
"utrie": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
|
||||
"integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
|
||||
"requires": {
|
||||
"base64-arraybuffer": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"uuid": {
|
||||
"version": "8.3.2",
|
||||
"resolved": "https://registry.npmmirror.com/uuid/-/uuid-8.3.2.tgz",
|
||||
|
||||
@@ -13,7 +13,9 @@
|
||||
"axios": "^1.1.3",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.2.17",
|
||||
"html2canvas": "^1.4.1",
|
||||
"jquery": "^3.6.1",
|
||||
"qrcode.vue": "^3.3.3",
|
||||
"qs": "^6.11.0",
|
||||
"sortablejs": "^1.15.0",
|
||||
"vue": "^3.2.13",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
* @Author: lixg lixg@dongwu-inc.com
|
||||
* @Date: 2022-11-07 17:06:45
|
||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||
* @LastEditTime: 2022-11-07 20:11:23
|
||||
* @LastEditTime: 2022-11-09 09:32:35
|
||||
* @FilePath: /fe-manage/src/api/index.js
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
@@ -57,3 +57,15 @@ export const getProjectDetail = (obj) => http.get('/admin/project/detail', { par
|
||||
export const releaseProject=(obj)=>http.post('/admin/project/publish',obj)
|
||||
//获取项目学员
|
||||
export const projectStudent=(obj)=>http.post('/admin/project/studentList',obj)
|
||||
//撤回发布、结束
|
||||
export const handleProject = (obj) => http.post('/admin/project/handle', obj)
|
||||
|
||||
//获取任务管理列表
|
||||
export const taskStudentList = (obj) => http.post('/admin/project/taskStudentList', obj)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//获取讨论信息
|
||||
export const getDiscussDetail=(obj)=>http.post('/discuss/getDiscussDetail',obj)
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
* @Author: lixg lixg@dongwu-inc.com
|
||||
* @Date: 2022-11-04 22:45:31
|
||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||
* @LastEditTime: 2022-11-06 16:48:50
|
||||
* @LastEditTime: 2022-11-10 11:41:52
|
||||
* @FilePath: /fe-manage/src/api/index1.js
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
@@ -59,6 +59,7 @@ export const getChapter = (obj) => http.post('/admin/router/detail', { params: o
|
||||
|
||||
//新建或编辑关卡
|
||||
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
|
||||
|
||||
//获取学员列表
|
||||
export const getStudent = (obj) => http.post('/admin/router/studentList', obj);
|
||||
//获取路径图详情-包含关卡及任务列表
|
||||
|
||||
4
src/api/indexLearningPath.js
Normal file
4
src/api/indexLearningPath.js
Normal file
@@ -0,0 +1,4 @@
|
||||
import http from "./config";
|
||||
|
||||
// 获取路径图概览
|
||||
export const getRouterOverview = (routerId) => http.get(`/admin/router/overview?routerId=${routerId}`)
|
||||
@@ -1,10 +1,19 @@
|
||||
/*
|
||||
* @Author: lixg lixg@dongwu-inc.com
|
||||
* @Date: 2022-11-09 09:26:26
|
||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||
* @LastEditTime: 2022-11-10 11:50:08
|
||||
* @FilePath: /fe-manage/src/api/indexLevel.js
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import http from "./config";
|
||||
|
||||
//新建关卡
|
||||
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj);
|
||||
//编辑关卡
|
||||
export const updateChapter = (obj) => http.post('/admin/router/editChapter', obj);
|
||||
|
||||
//删除关卡
|
||||
export const deleteChapter=(obj)=>http.delete('/admin/router/deleteChapter',{params:obj})
|
||||
//删除任务
|
||||
export const deleteTask = (obj) => http.delete('/admin/router/deleteTask',{params: obj});
|
||||
|
||||
|
||||
10
src/api/indexLibrary.js
Normal file
10
src/api/indexLibrary.js
Normal file
@@ -0,0 +1,10 @@
|
||||
import http from "./config";
|
||||
|
||||
// 获取模板库列表
|
||||
export const templateList = obj => http.post('/admin/project/template/list', obj);
|
||||
|
||||
// 获取模板详情
|
||||
export const templateDetail = id => http.get(`/admin/project/template/detail?projectTemplateId=${id}`);
|
||||
|
||||
// 操作模板(撤回,发布,删除)
|
||||
export const templateHadle = obj => http.post(`/admin/project/template/handle`,obj);
|
||||
@@ -5,3 +5,15 @@ export const getProjStu = (obj) => http.post('/admin/project/studentList', obj)
|
||||
|
||||
//删除学员
|
||||
export const deleteStu = (obj) => http.post('/admin/project/deleteStudent', obj)
|
||||
|
||||
//获取小组列表
|
||||
export const getGroupList = (obj) => http.post('/admin/project/groupList', obj)
|
||||
|
||||
//删除小组
|
||||
export const deleteGroup = (obj) => http.delete('/admin/project/deleteGroup', { params: obj })
|
||||
|
||||
//新增或编辑小组
|
||||
export const editGroup = (obj) => http.post('/admin/project/editGroup', obj)
|
||||
|
||||
//查看学员
|
||||
export const studentProcess = (obj) => http.get('/admin/project/studentProcess', { params: obj })
|
||||
BIN
src/assets/images/leveladd/delete.png
Normal file
BIN
src/assets/images/leveladd/delete.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 302 B |
457
src/components/Modals/projSet.vue
Normal file
457
src/components/Modals/projSet.vue
Normal file
@@ -0,0 +1,457 @@
|
||||
<template>
|
||||
<!-- 编辑弹窗 -->
|
||||
<div>
|
||||
<a-modal
|
||||
:visible="editHs"
|
||||
:title="null"
|
||||
@ok="closeModal"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="set_edit"
|
||||
width="679px"
|
||||
@cancel="edit_exit"
|
||||
>
|
||||
<div
|
||||
class="modalHeader"
|
||||
style="
|
||||
width: 100%;
|
||||
height: 68px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<div class="headerLeft" style="margin-left: 32px">
|
||||
<span style="width: 15px; height: 15px"
|
||||
><img src="../../assets/images/taskpage/edit.png"
|
||||
/></span>
|
||||
<span
|
||||
class="headerLeftText"
|
||||
style="font-size: 16px; margin-left: 10px"
|
||||
>编辑</span
|
||||
>
|
||||
</div>
|
||||
<div style="cursor: pointer; margin-right: 32px" @click="closeModal">
|
||||
<img
|
||||
style="width: 22px; height: 22px"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalMain">
|
||||
<div class="projectname">基本信息</div>
|
||||
<div class="setbody">
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">项目名称：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="projectName"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="请输入项目名称"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item2">
|
||||
<div class="signbox">
|
||||
<span style="margin-right: 3px">直播封面：</span>
|
||||
</div>
|
||||
<div class="lodalimg">
|
||||
<div class="lodalcenter">
|
||||
<span style="color: #448ef7; margin-right: 10px">+</span>
|
||||
<span style="color: #448ef7">添加图片</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">项目时间：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-range-picker
|
||||
style="width: 424px"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">项目经理：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-select
|
||||
dropdownClassName="dropdown-style"
|
||||
style="width: 424px"
|
||||
placeholder="请选择项目经理"
|
||||
:options="options1"
|
||||
allowClear
|
||||
showSearch
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">资源归属：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV1"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="自动带出 可修改"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item2">
|
||||
<div class="signbox">
|
||||
<span style="margin-right: 3px">项目说明：</span>
|
||||
</div>
|
||||
<div class="textarea">
|
||||
<a-textarea
|
||||
v-model:value="textV1"
|
||||
placeholder="请输入说明"
|
||||
allow-clear
|
||||
maxlength="150"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<span style="margin-right: 3px">同步学习记录：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-radio-group v-model:value="radioV1">
|
||||
<a-radio v-model:checked="checked" :value="1" @click="cloradio1"
|
||||
>同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）
|
||||
</a-radio>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">项目级别：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV1"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">培训体系：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="inputV1"
|
||||
style="width: 424px; height: 32px"
|
||||
placeholder="集团级/组织级/现地级/部门级"
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">是否BOEU实施：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-radio-group v-model:value="radioV2">
|
||||
<a-radio v-model:checked="checked" :value="1" @click="cloradio2"
|
||||
>BOEU实施</a-radio
|
||||
>
|
||||
</a-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pubtn">
|
||||
<a-button class="pubtn1" @click="closeModal">取消</a-button>
|
||||
<a-button class="pubtn2" @click="closeModal">发布</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { reactive, toRefs } from "vue";
|
||||
// import {getTask} from "../../api/indexTaskadd"
|
||||
// import dayjs from "dayjs";
|
||||
// import {message} from "ant-design-vue"
|
||||
// import { toDate } from "@/api/method";
|
||||
|
||||
export default {
|
||||
name: "projSet",
|
||||
props: {
|
||||
editHs: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
projectId: {
|
||||
type: String,
|
||||
default: null,
|
||||
},
|
||||
},
|
||||
setup(props, ctx) {
|
||||
//console.log("学习路径",props.isStudiscuss);
|
||||
const state = reactive({});
|
||||
const closeModal = () => {
|
||||
ctx.emit("update:editHs", false);
|
||||
console.log("projectId", props.projectId);
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
closeModal,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" >
|
||||
.set_edit {
|
||||
.ant-modal {
|
||||
width: 866px !important;
|
||||
height: 870px !important;
|
||||
|
||||
.ant-modal-body {
|
||||
.modalHeader {
|
||||
background: linear-gradient(
|
||||
rgba(78, 166, 255, 0.2) 0%,
|
||||
rgba(78, 166, 255, 0) 100%
|
||||
);
|
||||
}
|
||||
|
||||
padding: 0;
|
||||
|
||||
.modalHeader {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(78, 166, 255, 0) 0%,
|
||||
rgba(78, 166, 255, 0.2) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.modalMain {
|
||||
.projectname {
|
||||
color: rgba(79, 81, 86, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
margin-left: 62px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.setbody {
|
||||
margin-left: 67px;
|
||||
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 32px;
|
||||
|
||||
.signbox {
|
||||
width: 130px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.btnbox {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
|
||||
.xkbtn {
|
||||
cursor: pointer;
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
background: #388be1;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
margin-right: 8px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main_item2 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 32px;
|
||||
|
||||
.signbox {
|
||||
width: 130px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.lodalimg {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border: 1px dashed #387df7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
.lodalimg {
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.kqszbox {
|
||||
.qdqtbox {
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.qdbtn,
|
||||
.qtbtn {
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
background: rgba(56, 139, 225, 0.16);
|
||||
border-radius: 2px;
|
||||
border: 1px solid #387df7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.btntext {
|
||||
color: #387df7;
|
||||
}
|
||||
}
|
||||
|
||||
.setbox {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.timerbox {
|
||||
margin-top: 6px;
|
||||
margin-right: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btnbox2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
|
||||
.xkbtn {
|
||||
cursor: pointer;
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
background: #388be1;
|
||||
border-radius: 8px;
|
||||
border: 0;
|
||||
margin-right: 16px 8px 32px 0;
|
||||
color: #fff;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pubtn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 25px;
|
||||
|
||||
//margin-bottom: 29px;
|
||||
.pubtn1 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
margin-right: 16px;
|
||||
margin-bottom: 29px;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
color: rgba(78, 166, 255, 1);
|
||||
font-size: 14px;
|
||||
//line-height: 36px;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.pubtn2 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
margin-bottom: 29px;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
align-items: center;
|
||||
//line-height: 36px;
|
||||
background: #409eff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,58 +1,95 @@
|
||||
<template>
|
||||
<a-drawer :visible="addhomeworkVisible" class="drawerStyle addhomeworkDrawer" width="80%" placement="right"
|
||||
@after-visible-change="afterVisibleChange">
|
||||
<a-drawer
|
||||
:visible="addhomeworkVisible"
|
||||
class="drawerStyle addhomeworkDrawer"
|
||||
width="80%"
|
||||
placement="right"
|
||||
@after-visible-change="afterVisibleChange"
|
||||
>
|
||||
<div class="drawerMain">
|
||||
<div class="header">
|
||||
<div class="headerTitle">{{ edit ? '编辑' : '添加' }}作业</div>
|
||||
<img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer" />
|
||||
<div class="headerTitle">{{ edit ? "编辑" : "添加" }}作业</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="../../assets/images/basicinfo/close.png"
|
||||
@click="closeDrawer"
|
||||
/>
|
||||
</div>
|
||||
<a-form ref="formRef" name="custom-validation" :model="formState" :rules="rules" v-bind="layout"
|
||||
@finish="handleFinish" @validate="handleValidate" @finishFailed="handleFinishFailed">
|
||||
<a-form
|
||||
ref="formRef"
|
||||
name="custom-validation"
|
||||
:model="formState"
|
||||
:rules="rules"
|
||||
v-bind="layout"
|
||||
@finish="handleFinish"
|
||||
@validate="handleValidate"
|
||||
@finishFailed="handleFinishFailed"
|
||||
>
|
||||
<div class="contentMain">
|
||||
<div class="main_left">
|
||||
|
||||
<div class="main_item">
|
||||
<div class="btnbox">
|
||||
<a-form-item has-feedback label="作业名称" name="workName">
|
||||
<a-input v-model:value="formState.workName" style="width: 424px; height: 32px;margin-left: 35px;"
|
||||
placeholder="请输入作业名称" autocomplete="off" />
|
||||
<a-input
|
||||
v-model:value="formState.workName"
|
||||
style="width: 424px; height: 32px; margin-left: 35px"
|
||||
placeholder="请输入作业名称"
|
||||
autocomplete="off"
|
||||
/>
|
||||
</a-form-item>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item2">
|
||||
<a-form-item has-feedback label="作业要求" name="workRequirement">
|
||||
<a-textarea v-model:value="formState.workRequirement" placeholder="请输入作业要求" autocomplete="off"
|
||||
allow-clear style="margin-left: 35px" maxlength="150" />
|
||||
<a-textarea
|
||||
v-model:value="formState.workRequirement"
|
||||
placeholder="请输入作业要求"
|
||||
autocomplete="off"
|
||||
allow-clear
|
||||
style="margin-left: 35px"
|
||||
maxlength="150"
|
||||
/>
|
||||
</a-form-item>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="btnbox">
|
||||
<a-form-item has-feedback label="提交时间" name="choosedTime">
|
||||
<a-range-picker style="width: 424px;margin-left: 35px;" v-model:value="formState.choosedTime"
|
||||
format="YYYY-MM-DD" :placeholder="[' 开始时间', ' 结束时间']" />
|
||||
<a-range-picker
|
||||
style="width: 424px; margin-left: 35px"
|
||||
v-model:value="formState.choosedTime"
|
||||
format="YYYY-MM-DD"
|
||||
:placeholder="[' 开始时间', ' 结束时间']"
|
||||
/>
|
||||
</a-form-item>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img src="@/assets/images/coursewareManage/enclosure.png" alt="" />
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/enclosure.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">附件：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-upload v-model:file-list="fileList" name="file" action="/api/file/upload" @change="handleChange">
|
||||
<a-upload
|
||||
v-model:file-list="fileList"
|
||||
name="file"
|
||||
action="/api/file/upload"
|
||||
@change="handleChange"
|
||||
>
|
||||
<button class="xkbtn" type="button">上传附件</button>
|
||||
</a-upload>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item" style="margin-top:-25px;">
|
||||
<div class="signbox">
|
||||
</div>
|
||||
<div class="main_item" style="margin-top: -25px">
|
||||
<div class="signbox"></div>
|
||||
<div class="btnbox">
|
||||
<span style="color:#999999;">支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip</span>
|
||||
<span style="color: #999999"
|
||||
>支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,8 +99,6 @@
|
||||
<a-button class="btn2" html-type="submit">确定</a-button>
|
||||
</div>
|
||||
</a-form>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- 加载动画 -->
|
||||
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
|
||||
@@ -74,9 +109,13 @@
|
||||
<script>
|
||||
import { reactive, ref, toRefs } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import { createWorkTask, queryWorkDetailById, updateWorkTaskUsing } from "@/api/indexWork";
|
||||
import {
|
||||
createWorkTask,
|
||||
queryWorkDetailById,
|
||||
updateWorkTaskUsing,
|
||||
} from "@/api/indexWork";
|
||||
import { ProjectEditTask, RouterEditTask } from "@/api/indexTask";
|
||||
import dayjs from 'dayjs';
|
||||
import dayjs from "dayjs";
|
||||
|
||||
const rowSelection = ref({
|
||||
checkStrictly: false,
|
||||
@@ -103,7 +142,8 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
edit: { // 是否为编辑
|
||||
edit: {
|
||||
// 是否为编辑
|
||||
type: Boolean,
|
||||
default: null,
|
||||
},
|
||||
@@ -119,15 +159,18 @@ export default {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
isLevel: { // 是否是关卡页面触发
|
||||
isLevel: {
|
||||
// 是否是关卡页面触发
|
||||
type: Boolean,
|
||||
default: null,
|
||||
},
|
||||
EditWorkId: { // 要编辑的workId
|
||||
EditWorkId: {
|
||||
// 要编辑的workId
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
projectTaskId: { // 要编辑的projectId
|
||||
projectTaskId: {
|
||||
// 要编辑的projectId
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
@@ -138,53 +181,59 @@ export default {
|
||||
isactive: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
},
|
||||
setup(props, ctx) {
|
||||
const formState = reactive({
|
||||
workName: '',
|
||||
workRequirement: '',
|
||||
choosedTime: '',
|
||||
workName: "",
|
||||
workRequirement: "",
|
||||
choosedTime: "",
|
||||
});
|
||||
const state = reactive({
|
||||
addLoading: false,
|
||||
})
|
||||
});
|
||||
const formRef = ref();
|
||||
|
||||
let checkWorkName = async (_rule, value) => {
|
||||
if (!value) {
|
||||
return Promise.reject('请输入作业名称');
|
||||
return Promise.reject("请输入作业名称");
|
||||
}
|
||||
};
|
||||
|
||||
let checkWorkRequirement = async (_rule, value) => {
|
||||
if (!value) {
|
||||
return Promise.reject('请输入作业要求');
|
||||
return Promise.reject("请输入作业要求");
|
||||
}
|
||||
};
|
||||
|
||||
let checkTime = async (_rule, value) => {
|
||||
if (!value.length) {
|
||||
return Promise.reject('请选择时间');
|
||||
return Promise.reject("请选择时间");
|
||||
}
|
||||
};
|
||||
|
||||
const rules = {
|
||||
workName: [{
|
||||
workName: [
|
||||
{
|
||||
required: true,
|
||||
validator: checkWorkName,
|
||||
trigger: 'change',
|
||||
}],
|
||||
workRequirement: [{
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
workRequirement: [
|
||||
{
|
||||
required: true,
|
||||
validator: checkWorkRequirement,
|
||||
trigger: 'change',
|
||||
}],
|
||||
choosedTime: [{
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
choosedTime: [
|
||||
{
|
||||
required: true,
|
||||
validator: checkTime,
|
||||
trigger: 'change',
|
||||
}],
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
};
|
||||
// const layout = {
|
||||
// labelCol: {
|
||||
@@ -194,12 +243,12 @@ export default {
|
||||
// span: 14,
|
||||
// },
|
||||
// };
|
||||
const handleFinish = values => {
|
||||
const handleFinish = (values) => {
|
||||
console.log(values);
|
||||
updateWork(props.workId)
|
||||
updateWork(props.workId);
|
||||
};
|
||||
|
||||
const handleFinishFailed = errors => {
|
||||
const handleFinishFailed = (errors) => {
|
||||
console.log(errors);
|
||||
// message.error("handleFinishFailed");
|
||||
};
|
||||
@@ -211,14 +260,14 @@ export default {
|
||||
const handleValidate = (...args) => {
|
||||
console.log(args);
|
||||
};
|
||||
const handleChange = info => {
|
||||
if (info.file.status !== 'uploading') {
|
||||
const handleChange = (info) => {
|
||||
if (info.file.status !== "uploading") {
|
||||
console.log(info.file, info.fileList);
|
||||
}
|
||||
|
||||
if (info.file.status === 'done') {
|
||||
if (info.file.status === "done") {
|
||||
message.success(`${info.file.name} 文件上传成功`);
|
||||
} else if (info.file.status === 'error') {
|
||||
} else if (info.file.status === "error") {
|
||||
message.error(`${info.file.name} 文件上传失败.`);
|
||||
}
|
||||
};
|
||||
@@ -227,73 +276,77 @@ export default {
|
||||
const closeDrawer = () => {
|
||||
resetForm();
|
||||
fileList.value = [];
|
||||
formState.choosedTime = '';
|
||||
formState.choosedTime = "";
|
||||
ctx.emit("update:addhomeworkVisible", false);
|
||||
ctx.emit("update:edit", false);
|
||||
};
|
||||
const afterVisibleChange = (bool) => {
|
||||
if (props.addhomeworkVisible && props.edit) { // 该页面显示同时 edit为true 时，发送查询请求,
|
||||
queryWork()
|
||||
if (props.addhomeworkVisible && props.edit) {
|
||||
// 该页面显示同时 edit为true 时，发送查询请求,
|
||||
queryWork();
|
||||
}
|
||||
console.log("state", bool);
|
||||
};
|
||||
|
||||
const updateWork = () => {
|
||||
state.addLoading = true;
|
||||
if (props.edit) { // 编辑任务
|
||||
myUpdateWorkTaskUsing()
|
||||
} else { // 创建任务
|
||||
console.log('创建任务***************');
|
||||
myCreateWorkTask()
|
||||
if (props.edit) {
|
||||
// 编辑任务
|
||||
myUpdateWorkTaskUsing();
|
||||
} else {
|
||||
// 创建任务
|
||||
console.log("创建任务***************");
|
||||
myCreateWorkTask();
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// 新增任务
|
||||
const myCreateWorkTask = () => {
|
||||
let obj = {
|
||||
"createTime": "",
|
||||
"createUser": 0,
|
||||
"submitEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
|
||||
"submitStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
|
||||
"updateTime": "",
|
||||
"updateUser": 0,
|
||||
"workEnclosureAddress": "",
|
||||
"workFlag": "",
|
||||
"workId": 0,
|
||||
"workName": formState.workName,
|
||||
"workRequirement": formState.workRequirement,
|
||||
"workTag": ""
|
||||
}
|
||||
createWorkTask(obj).then((res) => {
|
||||
createTime: "",
|
||||
createUser: 0,
|
||||
submitEndTime: dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
|
||||
submitStartTime: dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
|
||||
updateTime: "",
|
||||
updateUser: 0,
|
||||
workEnclosureAddress: "",
|
||||
workFlag: "",
|
||||
workId: 0,
|
||||
workName: formState.workName,
|
||||
workRequirement: formState.workRequirement,
|
||||
workTag: "",
|
||||
};
|
||||
createWorkTask(obj)
|
||||
.then((res) => {
|
||||
if (props.isLevel) {
|
||||
// 如果是关卡页面进入 ---------------------------------
|
||||
myRouterEditTask(res.data.data.workId);
|
||||
} else {
|
||||
myProjectEditTask(res.data.data.workId);
|
||||
}
|
||||
|
||||
}).catch((err) => {
|
||||
message.error(`添加失败${err}`)
|
||||
})
|
||||
}
|
||||
.catch((err) => {
|
||||
message.error(`添加失败${err}`);
|
||||
});
|
||||
};
|
||||
// 编辑任务
|
||||
const myUpdateWorkTaskUsing = () => {
|
||||
let editObj = {
|
||||
"createTime": "",
|
||||
"createUser": 0,
|
||||
"submitEndTime": dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
|
||||
"submitStartTime": dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
|
||||
"updateTime": "",
|
||||
"updateUser": 0,
|
||||
"workEnclosureAddress": "",
|
||||
"workFlag": "",
|
||||
"workId": props.EditWorkId,
|
||||
"workName": formState.workName,
|
||||
"workRequirement": formState.workRequirement,
|
||||
"workTag": ""
|
||||
}
|
||||
updateWorkTaskUsing(editObj).then((res) => {
|
||||
createTime: "",
|
||||
createUser: 0,
|
||||
submitEndTime: dayjs(formState.choosedTime[1]).format("YYYY-MM-DD"),
|
||||
submitStartTime: dayjs(formState.choosedTime[0]).format("YYYY-MM-DD"),
|
||||
updateTime: "",
|
||||
updateUser: 0,
|
||||
workEnclosureAddress: "",
|
||||
workFlag: "",
|
||||
workId: props.EditWorkId,
|
||||
workName: formState.workName,
|
||||
workRequirement: formState.workRequirement,
|
||||
workTag: "",
|
||||
};
|
||||
updateWorkTaskUsing(editObj)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (props.isLevel) {
|
||||
// 如果是关卡页面进入 ---------------------------------
|
||||
@@ -301,72 +354,83 @@ export default {
|
||||
} else {
|
||||
myProjectEditTask(res.data.data.workId);
|
||||
}
|
||||
}).catch((err) => {
|
||||
message.error(`编辑失败${err}`)
|
||||
})
|
||||
}
|
||||
.catch((err) => {
|
||||
message.error(`编辑失败${err}`);
|
||||
});
|
||||
};
|
||||
// 查询任务
|
||||
const queryWork = () => {
|
||||
state.addLoading = true;
|
||||
queryWorkDetailById({workId:props.EditWorkId}).then((res) => {
|
||||
console.log(dayjs(res.data.data.submitStartTime).format("YYYY-MM-DD"));
|
||||
queryWorkDetailById({ workId: props.EditWorkId })
|
||||
.then((res) => {
|
||||
console.log(
|
||||
dayjs(res.data.data.submitStartTime).format("YYYY-MM-DD")
|
||||
);
|
||||
formState.workName = res.data.data.workName;
|
||||
formState.workRequirement = res.data.data.workRequirement;
|
||||
formState.choosedTime = [dayjs(res.data.data.submitStartTime, "YYYY-MM-DD"), dayjs(res.data.data.submitEndTime, "YYYY-MM-DD")]
|
||||
formState.choosedTime = [
|
||||
dayjs(res.data.data.submitStartTime, "YYYY-MM-DD"),
|
||||
dayjs(res.data.data.submitEndTime, "YYYY-MM-DD"),
|
||||
];
|
||||
console.log(res);
|
||||
state.addLoading = false;
|
||||
}).catch(() => {
|
||||
message.error(`查询失败`)
|
||||
})
|
||||
.catch(() => {
|
||||
message.error(`查询失败`);
|
||||
});
|
||||
};
|
||||
// 新增编辑或新增项目任务
|
||||
const myProjectEditTask = (workId) => {
|
||||
let editObj = {
|
||||
"courseId": workId,
|
||||
"duration": 60,
|
||||
"flag": true,
|
||||
"name": formState.workName,
|
||||
"projectId": props.projectId,
|
||||
"projectTaskId": props.projectTaskId || 0,
|
||||
"stageId": props.chooseStageId,
|
||||
"type": 4
|
||||
}
|
||||
ProjectEditTask(editObj).then(res => {
|
||||
courseId: workId,
|
||||
duration: 60,
|
||||
flag: true,
|
||||
name: formState.workName,
|
||||
projectId: props.projectId,
|
||||
projectTaskId: props.projectTaskId || 0,
|
||||
stageId: props.chooseStageId,
|
||||
type: 4,
|
||||
};
|
||||
ProjectEditTask(editObj)
|
||||
.then((res) => {
|
||||
console.log(` 编辑项目成功的打印 ${res}`);
|
||||
message.success(`${props.edit ? '编辑' : '新增'}阶段任务成功`)
|
||||
message.success(`${props.edit ? "编辑" : "新增"}阶段任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
state.addLoading = false;
|
||||
closeDrawer();
|
||||
}).catch(err => {
|
||||
message.error(`${props.edit ? '编辑' : '新增'}阶段任务失败`)
|
||||
console.log(` 编辑项目失败的打印 ${err}`);
|
||||
})
|
||||
|
||||
}
|
||||
.catch((err) => {
|
||||
message.error(`${props.edit ? "编辑" : "新增"}阶段任务失败`);
|
||||
console.log(` 编辑项目失败的打印 ${err}`);
|
||||
});
|
||||
};
|
||||
// 新增编辑或新增关卡任务
|
||||
const myRouterEditTask = (testId) => {
|
||||
let editObj1 = {
|
||||
"chapterId": props.isactive,
|
||||
"courseId": testId,
|
||||
"duration": 30,
|
||||
"flag": true,
|
||||
"name": formState.workName,
|
||||
"routerId": props.routerId,
|
||||
"routerTaskId": props.routerTaskId || 0,
|
||||
"type": 4
|
||||
}
|
||||
chapterId: props.isactive,
|
||||
courseId: testId,
|
||||
duration: 30,
|
||||
flag: true,
|
||||
name: formState.workName,
|
||||
routerId: props.routerId,
|
||||
routerTaskId: props.routerTaskId || 0,
|
||||
type: 4,
|
||||
};
|
||||
|
||||
RouterEditTask(editObj1).then(res => {
|
||||
RouterEditTask(editObj1)
|
||||
.then((res) => {
|
||||
console.log(` 编辑关卡成功的打印 ${res}`);
|
||||
message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
|
||||
message.success(`${props.edit ? "编辑" : "新增"}关卡任务成功`);
|
||||
ctx.emit("changeData", false);
|
||||
state.addLoading = false;
|
||||
closeDrawer();
|
||||
}).catch(err => {
|
||||
message.error(`${props.edit ? '编辑' : '新增'}关卡任务失败`)
|
||||
console.log(` 编辑关卡失败的打印 ${err}`);
|
||||
})
|
||||
}
|
||||
.catch((err) => {
|
||||
message.error(`${props.edit ? "编辑" : "新增"}关卡任务失败`);
|
||||
console.log(` 编辑关卡失败的打印 ${err}`);
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
afterVisibleChange,
|
||||
@@ -383,7 +447,7 @@ export default {
|
||||
// layout,
|
||||
rules,
|
||||
updateWork,
|
||||
...toRefs(state)
|
||||
...toRefs(state),
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -28,11 +28,11 @@
|
||||
maxlength="20"
|
||||
/>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div class="btns" @click="searchInvist">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
<div class="btnsn">
|
||||
<div class="btnsn" @click="resetInvist">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">重置</div>
|
||||
</div>
|
||||
@@ -182,7 +182,7 @@ export default {
|
||||
return columns;
|
||||
};
|
||||
const rowSelection = {
|
||||
type: 'radio',
|
||||
type: "radio",
|
||||
// onChange: (selectedRowKeys, selectedRows) => {
|
||||
// this.selectedRowKeys = selectedRowKeys
|
||||
// if (selectedRows.length > 1) {
|
||||
@@ -200,8 +200,15 @@ export default {
|
||||
// name: record.name,
|
||||
// }),
|
||||
onSelect: (selectedRows, selected, selectedRowKeys) => {
|
||||
console.log('selectedRowKeys',selectedRowKeys,'selectedRows', selectedRows, 'selected', selected)
|
||||
}
|
||||
console.log(
|
||||
"selectedRowKeys",
|
||||
selectedRowKeys,
|
||||
"selectedRows",
|
||||
selectedRows,
|
||||
"selected",
|
||||
selected
|
||||
);
|
||||
},
|
||||
};
|
||||
|
||||
const getTableDate = (tableData) => {
|
||||
@@ -269,7 +276,6 @@ export default {
|
||||
appraiseId: 0,
|
||||
appraiseStartTime: "",
|
||||
appraiseTag: "",
|
||||
createTime: "",
|
||||
createUser: 0,
|
||||
researchId: 0,
|
||||
researchName: "",
|
||||
@@ -325,7 +331,71 @@ export default {
|
||||
// state.createLoading = false;
|
||||
});
|
||||
};
|
||||
|
||||
//搜索评估信息接口
|
||||
const searchInvist = () => {
|
||||
let objsearch = {
|
||||
assessmentName: state.inputV1,
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
releaseStatus: "",
|
||||
searchEndTime: "",
|
||||
searchStartTime: "",
|
||||
};
|
||||
api
|
||||
.queryAssessmentDetailList(objsearch)
|
||||
.then((res) => {
|
||||
if (res.status === 200) {
|
||||
console.log("获取搜索的评估信息", res.data.data);
|
||||
let arr = res.data.data.rows;
|
||||
if (
|
||||
arr.length === 0 &&
|
||||
res.data.data.total > 0 &&
|
||||
state.currentPage > 1
|
||||
) {
|
||||
state.currentPage = state.currentPage - 1;
|
||||
getAllInvistText();
|
||||
}
|
||||
getTableDate(arr);
|
||||
state.tableDataTotal = Number(res.data.data.total);
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取全部评估信息接口失败", err);
|
||||
});
|
||||
};
|
||||
//重置评估信息
|
||||
const resetInvist = () => {
|
||||
state.inputV1 = "";
|
||||
let objreset = {
|
||||
assessmentName: state.inputV1,
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
releaseStatus: "",
|
||||
searchEndTime: "",
|
||||
searchStartTime: "",
|
||||
};
|
||||
api
|
||||
.queryAssessmentDetailList(objreset)
|
||||
.then((res) => {
|
||||
if (res.status === 200) {
|
||||
console.log("获取重置后的评估信息", res.data.data);
|
||||
let arr = res.data.data.rows;
|
||||
if (
|
||||
arr.length === 0 &&
|
||||
res.data.data.total > 0 &&
|
||||
state.currentPage > 1
|
||||
) {
|
||||
state.currentPage = state.currentPage - 1;
|
||||
getAllInvistText();
|
||||
}
|
||||
getTableDate(arr);
|
||||
state.tableDataTotal = Number(res.data.data.total);
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取重置的评估信息接口失败", err);
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
// createInvist();
|
||||
getAllInvistText();
|
||||
@@ -338,6 +408,8 @@ export default {
|
||||
rowSelection,
|
||||
createInvist,
|
||||
getAllInvistText,
|
||||
searchInvist,
|
||||
resetInvist,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">投票名称：</span>
|
||||
<span style="margin-right: 3px">任务名称：</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
@@ -65,7 +65,7 @@
|
||||
</button>
|
||||
<div :style="{ display: creVote ? 'block' : 'none' }">
|
||||
<div class="fileTigan">
|
||||
<span style="color: #388be1">传过来的name</span>
|
||||
<span style="color: #388be1">{{voteStemName}}</span>
|
||||
<div class="delBox" @click="delBox()"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -197,6 +197,7 @@ export default {
|
||||
ascriptionId: "",
|
||||
voteStemId: "",
|
||||
voteId:"",
|
||||
voteStemName:"",
|
||||
});
|
||||
const closeDrawer = () => {
|
||||
ctx.emit("update:addvoteVisible", false);
|
||||
@@ -213,6 +214,7 @@ export default {
|
||||
state.creVote = data.creVote;
|
||||
state.ascriptionId = data.ascriptionId;
|
||||
state.voteStemId = data.voteStemId;
|
||||
state.voteStemName = data.voteStemName;
|
||||
console.log("222", state.creVote);
|
||||
console.log("333", state.ascriptionId);
|
||||
};
|
||||
|
||||
@@ -36,6 +36,10 @@
|
||||
<button class="cjtpbtn" @click="addQue()">创建题干</button>
|
||||
</div>
|
||||
<div class="queBox" v-for="(q, index) in questions" :key="index">
|
||||
<div class="delBtn" v-if="questions.length > 1">
|
||||
<img src="@/assets/images/projectadd/delete.png" alt="" />
|
||||
<div class="btnText">删除题干</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
@@ -44,7 +48,9 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">题干</span>
|
||||
<span style="margin-right: 3px"
|
||||
>{{ q.stemTit }}{{ index + 1 }}</span
|
||||
>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
@@ -55,7 +61,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="option" v-for="(o, index) in q.options" :key="index">
|
||||
<div class="main_item">
|
||||
<div class="mainoptions">
|
||||
<div class="signbox">
|
||||
<div class="sign">
|
||||
<img
|
||||
@@ -63,24 +69,29 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">{{ o.title }}</span>
|
||||
<span style="margin-right: 3px">{{ o.title }}{{index+1}}</span>
|
||||
</div>
|
||||
<div class="optionbox">
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
v-model:value="o.opvalue"
|
||||
style="width: 424px; height: 32px"
|
||||
/>
|
||||
<a-button v-if="o.opvalue == ''" type="link"
|
||||
>+ 上传图片</a-button
|
||||
>
|
||||
<a-button v-else type="link">删除</a-button>
|
||||
<button v-if="q.options.length > 2" class="delbtn" :key="index" @click="delOpt(q.options)">
|
||||
删除
|
||||
</button>
|
||||
</div>
|
||||
<a-button type="link">+ 上传图片</a-button>
|
||||
<!-- <input class="file-upload" type="file" accept="image/*" name="picture"/> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main_item">
|
||||
<div class="signbox"></div>
|
||||
<div class="btnbox" @click="addOpt(q.options)">
|
||||
<div class="tjxxbtn"><div class="btntext">添加选项</div></div>
|
||||
<div class="btnbox">
|
||||
<div class="tjxxbtn" @click="addOpt(q.options)">
|
||||
<div class="btntext">添加选项</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -112,14 +123,15 @@ export default {
|
||||
creVote: true,
|
||||
questions: [
|
||||
{
|
||||
stemTit: "题干",
|
||||
inputV: "",
|
||||
options: [
|
||||
{
|
||||
title: "选项1",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
{
|
||||
title: "选项2",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
],
|
||||
@@ -129,14 +141,15 @@ export default {
|
||||
|
||||
const addQue = () => {
|
||||
state.questions.push({
|
||||
stemTit: "题干",
|
||||
inputV: "",
|
||||
options: [
|
||||
{
|
||||
title: "选项1",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
{
|
||||
title: "选项2",
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
},
|
||||
],
|
||||
@@ -145,10 +158,16 @@ export default {
|
||||
const addOpt = (value) => {
|
||||
console.log(value);
|
||||
value.push({
|
||||
title: "选项" + (value.length + 1 * 1),
|
||||
// title: "选项" + (value.length + 1 * 1),
|
||||
title: "选项",
|
||||
opvalue: "",
|
||||
});
|
||||
};
|
||||
const delOpt = (value) => {
|
||||
console.log('gys', value);
|
||||
// delete value[0]
|
||||
value.pop()
|
||||
}
|
||||
|
||||
const closeDrawer = () => {
|
||||
ctx.emit("update:crevoteVisible", false);
|
||||
@@ -159,15 +178,21 @@ export default {
|
||||
|
||||
//创建题干接口
|
||||
const createQueTit = () => {
|
||||
if (!state.questions[0].inputV) {
|
||||
if (state.inputV1 == "") {
|
||||
message.destroy();
|
||||
return message.info("请输入题干");
|
||||
return message.info("请输入投票名称");
|
||||
}
|
||||
// if (!state.questions.inputV) {
|
||||
// message.destroy();
|
||||
// return message.info("请输入题干");
|
||||
// }
|
||||
// if (!state.questions.optins.opvalue) {
|
||||
// message.destroy();
|
||||
// return message.info("请输入选项");
|
||||
// }
|
||||
console.log(state.questions[0].inputV);
|
||||
console.log("111111", state.questions);
|
||||
// console.log('22222',state.questions.inputV);
|
||||
// console.log('333333',state.questions.options);
|
||||
let obj = [
|
||||
{
|
||||
ascriptionId: 0,
|
||||
@@ -176,7 +201,7 @@ export default {
|
||||
{
|
||||
createUser: 0,
|
||||
optionId: 0,
|
||||
optionName: "",
|
||||
optionName: state.questions[0].options[0].opvalue,
|
||||
optionOrderNum: "",
|
||||
optionPictureAddress: "",
|
||||
stem: "",
|
||||
@@ -190,21 +215,22 @@ export default {
|
||||
updateUser: 0,
|
||||
voteStemFlag: "",
|
||||
voteStemId: 0,
|
||||
voteStemName: "",
|
||||
voteStemName: state.questions[0].inputV,
|
||||
},
|
||||
];
|
||||
api
|
||||
.createOptionMessage(obj)
|
||||
.then((res) => {
|
||||
console.log("创建成功", res);
|
||||
console.log('res.data.data[0].ascriptionId',res.data.data[0].ascriptionId);
|
||||
console.log('res.data.data[0].voteStemId',res.data.data[0].voteStemId);
|
||||
// console.log('res.data.data[0].ascriptionId',res.data.data[0].ascriptionId);
|
||||
// console.log('res.data.data[0].voteStemId',res.data.data[0].voteStemId);
|
||||
// console.log('state.questions[0].inputV',state.questions[0].inputV);
|
||||
message.success("创建成功");
|
||||
//获取题干信息
|
||||
let objstem = {
|
||||
stemId: res.data.data[0].ascriptionId,
|
||||
ascriptionId: res.data.data[0].voteStemId,
|
||||
}
|
||||
};
|
||||
api
|
||||
.queryStemByStemId(objstem)
|
||||
.then((res) => {
|
||||
@@ -217,7 +243,8 @@ export default {
|
||||
let stemData = {
|
||||
creVote: state.creVote,
|
||||
ascriptionId: res.data.data[0].ascriptionId,
|
||||
voteStemId:res.data.data[0].voteStemId
|
||||
voteStemId: res.data.data[0].voteStemId,
|
||||
voteStemName: state.questions[0].inputV,
|
||||
};
|
||||
ctx.emit("getData", stemData);
|
||||
closeDrawer();
|
||||
@@ -232,6 +259,7 @@ export default {
|
||||
closeDrawer,
|
||||
addQue,
|
||||
addOpt,
|
||||
delOpt,
|
||||
createQueTit,
|
||||
};
|
||||
},
|
||||
@@ -274,6 +302,76 @@ export default {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 32px;
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
margin-right: 5px;
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.btnbox {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.mainoptions {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 32px;
|
||||
.signbox {
|
||||
width: 120px;
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
padding-top: 5px;
|
||||
margin-right: 5px;
|
||||
.sign {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.optionbox {
|
||||
.btnbox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.delbtn {
|
||||
border: none;
|
||||
color: #4ea6ff;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.queBox {
|
||||
border: 1px solid #e8e8e8;
|
||||
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
|
||||
padding-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
.delBtn {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
border: 1px solid #4ea6ff;
|
||||
border-radius: 8px;
|
||||
color: #4ea6ff;
|
||||
background-color: #fff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.main_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -358,6 +456,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main_btns {
|
||||
height: 72px;
|
||||
width: 100%;
|
||||
|
||||
@@ -149,6 +149,7 @@
|
||||
<script>
|
||||
import { toRefs, reactive, onMounted, onUnmounted } from "vue";
|
||||
import EntryScores from "./EntryScores.vue";
|
||||
import * as api from "../../api/index";
|
||||
export default {
|
||||
name: "FaceManage",
|
||||
components: { EntryScores },
|
||||
@@ -157,6 +158,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
ProjectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
@@ -359,8 +364,33 @@ export default {
|
||||
const showopen = () => {
|
||||
state.open = true;
|
||||
};
|
||||
|
||||
//获取任务管理列表
|
||||
const getManageList = () => {
|
||||
let obj = {
|
||||
name: "",
|
||||
pageNo: 0,
|
||||
pageSize: 0,
|
||||
projectTaskId: props.ProjectTaskId,
|
||||
status: 0,
|
||||
};
|
||||
console.log('9999999999999',obj.projectTaskId);
|
||||
api
|
||||
.taskStudentList(obj)
|
||||
.then((res) => {
|
||||
console.log('获取任务管理列表成功', res);
|
||||
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取任务列表失败",err)
|
||||
})
|
||||
};
|
||||
|
||||
let timer;
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
getManageList()
|
||||
},1000)
|
||||
timer = setInterval(() => {
|
||||
state.open = false;
|
||||
}, 3000);
|
||||
@@ -380,6 +410,7 @@ export default {
|
||||
showdoneModal,
|
||||
closedoneModal,
|
||||
showopen,
|
||||
getManageList,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -21,8 +21,8 @@
|
||||
<img src="../../assets/images/studentimg/character.png" />
|
||||
</div>
|
||||
<div class="stumation">
|
||||
<div class="stuname">王明</div>
|
||||
<div class="stugangw">产研部门 - 产品经理</div>
|
||||
<div class="stuname">{{ userName }}</div>
|
||||
<div class="stugangw">{{ deptName }} - {{ jobName }}</div>
|
||||
</div>
|
||||
<div class="sortbox">
|
||||
<div class="sortname">进度排名</div>
|
||||
@@ -42,8 +42,8 @@
|
||||
<div class="sortbox" style="margin-left: 34px">
|
||||
<div class="sortname">完成必修</div>
|
||||
<div class="sortnub">
|
||||
<span class="nub1">3</span>
|
||||
<span class="total">/10</span>
|
||||
<span class="nub1">{{ currentReqCnt }}</span>
|
||||
<span class="total">/{{ totalReqCnt }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider
|
||||
@@ -57,12 +57,12 @@
|
||||
<div class="sortbox" style="margin-left: 34px">
|
||||
<div class="sortname">已修证书</div>
|
||||
<div class="sortnub">
|
||||
<span class="nub1">1</span>
|
||||
<span class="nub1">{{ certCnt }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secondrow">
|
||||
<div class="rowleft">产品经理管理 - 腾飞班1</div>
|
||||
<div class="rowleft">{{ name }}</div>
|
||||
<div class="rowbox" @click="showProMess">
|
||||
<div class="shuom">说明</div>
|
||||
<div><img src="../../assets/images/studentimg/chak.png" /></div>
|
||||
@@ -82,13 +82,13 @@
|
||||
<div></div>
|
||||
</template>
|
||||
<a-collapse-panel
|
||||
v-for="(value, index) in stageList"
|
||||
:key="index"
|
||||
:header="value.text"
|
||||
v-for="value in stageList"
|
||||
:key="value.stageId"
|
||||
:header="value.stageName"
|
||||
>
|
||||
<div
|
||||
class="rowclass"
|
||||
v-for="(item, key) in value.children"
|
||||
v-for="(item, key) in value.taskProcessList"
|
||||
:key="key"
|
||||
>
|
||||
<div class="leftclass">
|
||||
@@ -119,6 +119,8 @@
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: item.course === '投票'
|
||||
? require('../../assets/images/leveladd/tou.png')
|
||||
: item.course === '评估'
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: null
|
||||
"
|
||||
/>
|
||||
@@ -154,6 +156,7 @@
|
||||
<script>
|
||||
import { reactive, toRefs } from "vue";
|
||||
import ProMess from "./ProMess.vue";
|
||||
import { studentProcess } from "../../api/indexProjStu";
|
||||
export default {
|
||||
name: "SeeStu",
|
||||
components: { ProMess },
|
||||
@@ -162,16 +165,32 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
checkStuId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
projectId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
},
|
||||
},
|
||||
setup(props, ctx) {
|
||||
const state = reactive({
|
||||
userName: null, //用户名
|
||||
deptName: null, //部门
|
||||
jobName: null, //岗位
|
||||
certCnt: null, //已修证书
|
||||
name: null, //路径图名称
|
||||
totalReqCnt: null, //累计必修数
|
||||
currentReqCnt: null, //完成必修数
|
||||
Provisible: false,
|
||||
showDown: true,
|
||||
showDown1: false,
|
||||
stageList: [
|
||||
{
|
||||
text: "阶段1腾飞班阶段1",
|
||||
children: [
|
||||
stageName: "阶段1腾飞班阶段1",
|
||||
stageId: 1,
|
||||
taskProcessList: [
|
||||
{
|
||||
course: "在线",
|
||||
name: "如何成为一个产品经理",
|
||||
@@ -199,36 +218,6 @@ export default {
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
text: "阶段2腾飞班阶段2",
|
||||
children: [
|
||||
{
|
||||
course: "考试",
|
||||
name: "如何成为一个产品经理",
|
||||
complete: "已完成",
|
||||
},
|
||||
{
|
||||
course: "案例",
|
||||
name: "如何成为一个产品经理",
|
||||
complete: "已完成",
|
||||
},
|
||||
{
|
||||
course: "外链",
|
||||
name: "如何成为一个产品经理",
|
||||
complete: "已完成",
|
||||
},
|
||||
{
|
||||
course: "讨论",
|
||||
name: "如何成为一个产品经理",
|
||||
complete: "未完成",
|
||||
},
|
||||
{
|
||||
course: "测评",
|
||||
name: "如何成为一个产品经理",
|
||||
complete: "未完成",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
stageListActive: 0,
|
||||
});
|
||||
@@ -241,6 +230,9 @@ export default {
|
||||
};
|
||||
const afterVisibleChange = (bool) => {
|
||||
console.log("state", bool);
|
||||
if (bool == true) {
|
||||
check();
|
||||
}
|
||||
};
|
||||
const changeDown = () => {
|
||||
state.showDown = !state.showDown;
|
||||
@@ -248,6 +240,88 @@ export default {
|
||||
const changeDown1 = () => {
|
||||
state.showDown1 = !state.showDown1;
|
||||
};
|
||||
const taskProcessList = (tableData) => {
|
||||
let data = tableData;
|
||||
let array = [];
|
||||
data.map((value) => {
|
||||
let obj = {
|
||||
course:
|
||||
value.type == 1
|
||||
? "在线"
|
||||
: value.type == 2
|
||||
? "面授"
|
||||
: value.type == 3
|
||||
? "案例"
|
||||
: value.type == 4
|
||||
? "作业"
|
||||
: value.type == 5
|
||||
? "考试"
|
||||
: value.type == 6
|
||||
? "直播"
|
||||
: value.type == 7
|
||||
? "外链"
|
||||
: value.type == 8
|
||||
? "讨论"
|
||||
: value.type == 9
|
||||
? "活动"
|
||||
: value.type == 10
|
||||
? "测评"
|
||||
: value.type == 11
|
||||
? "评估"
|
||||
: value.type == 12
|
||||
? "投票"
|
||||
: "-",
|
||||
name: value.name,
|
||||
complete:
|
||||
value.status == -1
|
||||
? "未开始"
|
||||
: value.status == 1
|
||||
? "已完成"
|
||||
: value.status == 0
|
||||
? "未完成"
|
||||
: "-",
|
||||
flag: value.flag == 0 ? "选修" : "必修",
|
||||
currentRatio: value.currentRatio,
|
||||
routerTaskId: value.routerTaskId,
|
||||
};
|
||||
array.push(obj);
|
||||
});
|
||||
return array;
|
||||
};
|
||||
const setStageList = (tableData) => {
|
||||
let data = tableData;
|
||||
let array = [];
|
||||
data.map((value) => {
|
||||
let obj = {
|
||||
stageName: value.stageName,
|
||||
stageId: value.stageId,
|
||||
taskProcessList: taskProcessList(value.taskProcessList),
|
||||
};
|
||||
array.push(obj);
|
||||
});
|
||||
state.stageList = array;
|
||||
};
|
||||
const check = () => {
|
||||
let obj = {
|
||||
projectId: 37,
|
||||
studentId: 3,
|
||||
};
|
||||
studentProcess(obj).then((res) => {
|
||||
console.log("查看了学员", res.data.data);
|
||||
let result = res.data.data;
|
||||
state.userName = result.userInfoBo.userName;
|
||||
state.deptName = result.userInfoBo.deptName;
|
||||
state.jobName = result.userInfoBo.jobName;
|
||||
state.certCnt = result.certCnt == null ? 0 : result.certCnt;
|
||||
state.name = result.name;
|
||||
state.currentReqCnt = result.currentReqCnt;
|
||||
state.totalReqCnt = result.totalReqCnt;
|
||||
if (result.stageProcessList.length > 0) {
|
||||
setStageList(result.stageProcessList);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
afterVisibleChange,
|
||||
@@ -255,6 +329,9 @@ export default {
|
||||
showProMess,
|
||||
changeDown,
|
||||
changeDown1,
|
||||
check,
|
||||
setStageList,
|
||||
taskProcessList,
|
||||
// change,
|
||||
};
|
||||
},
|
||||
|
||||
@@ -65,6 +65,24 @@
|
||||
<div class="right1">清空</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="chooseLeft">
|
||||
<div class="boeTree">
|
||||
<a-tree-select
|
||||
v-model:value="valueSelectboe"
|
||||
style="width: 240px; border-radius: 4px"
|
||||
dropdownClassName="changetreedropdownboe"
|
||||
:dropdown-style="{
|
||||
maxHeight: '600px',
|
||||
overflow: 'auto',
|
||||
}"
|
||||
placeholder="BOE组织树"
|
||||
allow-clear
|
||||
tree-default-expand-all
|
||||
:tree-data="treeData"
|
||||
>
|
||||
<template #suffixIcon></template>
|
||||
</a-tree-select>
|
||||
</div>
|
||||
<div class="tabb" style="margin-top: 16px">
|
||||
<a-table
|
||||
style="border: 1px solid #f2f6fe"
|
||||
@@ -72,11 +90,10 @@
|
||||
:data-source="tabledata"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
expandRowByClick="true"
|
||||
:scroll="{ x: 500 }"
|
||||
@expand="expandTable"
|
||||
:pagination="false"
|
||||
:row-selection="{
|
||||
columnWidth: 30,
|
||||
columnWidth: 20,
|
||||
selectedRowKeys: selectedRowKeys,
|
||||
onChange: onSelectChange,
|
||||
}"
|
||||
@@ -94,6 +111,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="添加组织" force-render>
|
||||
<div
|
||||
@@ -101,36 +119,14 @@
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="tab2">
|
||||
<div class="t1">
|
||||
<div class="organize">选择组织：</div>
|
||||
<div class="select">
|
||||
<a-tree-select
|
||||
v-model:value="valueSelect"
|
||||
style="width: 200px"
|
||||
dropdownClassName="changetreedropdown"
|
||||
:dropdown-style="{
|
||||
maxHeight: '400px',
|
||||
overflow: 'auto',
|
||||
}"
|
||||
placeholder="请输入组织名称"
|
||||
allow-clear
|
||||
tree-default-expand-all
|
||||
:tree-data="treeData"
|
||||
>
|
||||
</a-tree-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t1">
|
||||
<div class="organize">姓名：</div>
|
||||
<div class="nameinp">
|
||||
<div class="namee">组织：</div>
|
||||
<a-input
|
||||
v-model:value="nameadd"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入姓名"
|
||||
v-model:value="com"
|
||||
style="width: 230px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入组织"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 选完后出现下面 -->
|
||||
<div class="searchdown">
|
||||
<div class="btns">
|
||||
<div class="btn1">
|
||||
<div class="img1">
|
||||
@@ -149,6 +145,34 @@
|
||||
<div class="wz">重置</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="t1">
|
||||
<div class="organize">姓名：</div>
|
||||
<a-input
|
||||
v-model:value="nameadd"
|
||||
style="width: 200px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入姓名"
|
||||
/>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="boeTree">
|
||||
<a-tree-select
|
||||
v-model:value="valueSelectboe2"
|
||||
style="width: 240px; border-radius: 4px"
|
||||
dropdownClassName="changetreedropdownboe"
|
||||
:dropdown-style="{
|
||||
maxHeight: '600px',
|
||||
overflow: 'auto',
|
||||
}"
|
||||
placeholder="BOE组织树"
|
||||
allow-clear
|
||||
tree-default-expand-all
|
||||
:tree-data="treeData2"
|
||||
>
|
||||
<template #suffixIcon></template>
|
||||
</a-tree-select>
|
||||
</div>
|
||||
<!-- 选完后出现下面 -->
|
||||
<!-- <div class="searchdown">
|
||||
<div class="tabb" style="margin-top: 16px">
|
||||
<a-table
|
||||
style="border: 1px solid #f2f6fe"
|
||||
@@ -177,7 +201,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="3" tab="受众关联">
|
||||
@@ -284,204 +308,19 @@
|
||||
<span class="allclear">全部清除</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="selecteds"
|
||||
:style="{ 'max-height': screenHeight - 235 + 'px' }"
|
||||
style="overflow-y: auto"
|
||||
>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李大明
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
<div class="chose">
|
||||
李二明
|
||||
<div class="line"></div>
|
||||
<div class="tit">快速选人</div>
|
||||
<div class="selecteds">
|
||||
<!-- 遍历生成 -->
|
||||
<div class="chose" v-for="item in choosepeople" :key="item.id">
|
||||
{{ item.name }}
|
||||
<div class="ch"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="tit">添加组织</div>
|
||||
<div class="line"></div>
|
||||
<div class="tit">受众关联</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnn">
|
||||
@@ -521,9 +360,12 @@ export default {
|
||||
value: [], //级联选择框
|
||||
choosevalue: null, //受众选择
|
||||
valueSelect: null, //树形选择
|
||||
valueSelectboe: null, //boe树形选择
|
||||
valueSelectboe2: null, //boe树形选择
|
||||
name: "",
|
||||
nameadd: "",
|
||||
nameaddd: "",
|
||||
com: "",
|
||||
treeData: [
|
||||
{
|
||||
title: "京东方",
|
||||
@@ -691,69 +533,236 @@ export default {
|
||||
],
|
||||
},
|
||||
],
|
||||
treeData2: [
|
||||
{
|
||||
title: "京东方",
|
||||
value: "京东方",
|
||||
children: [
|
||||
{
|
||||
title: "产研部",
|
||||
value: "产研部",
|
||||
children: [
|
||||
{
|
||||
title: "产品部",
|
||||
value: "产品部",
|
||||
},
|
||||
{
|
||||
title: "研究部",
|
||||
value: "研究部",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "二级标题",
|
||||
value: "二级标题",
|
||||
children: [
|
||||
{
|
||||
title: "三级标题",
|
||||
value: "三级标题",
|
||||
children: [
|
||||
{
|
||||
title: "四级标题",
|
||||
value: "四级标题",
|
||||
children: [
|
||||
{
|
||||
title: "五级标题",
|
||||
value: "五级标题",
|
||||
children: [
|
||||
{
|
||||
title: "六级标题",
|
||||
value: "六级标题",
|
||||
children: [
|
||||
{
|
||||
title: "七级标题",
|
||||
value: "七级标题",
|
||||
children: [
|
||||
{
|
||||
title: "八级标题",
|
||||
value: "八级标题",
|
||||
children: [
|
||||
{
|
||||
title: "九级标题",
|
||||
value: "九级标题",
|
||||
children: [
|
||||
{
|
||||
title: "十级标题",
|
||||
value: "十级标题",
|
||||
children: [
|
||||
{
|
||||
title: "十一级标题",
|
||||
value: "十一级标题",
|
||||
children: [
|
||||
{
|
||||
title: "十二级标题",
|
||||
value: "十二级标题",
|
||||
children: [
|
||||
{
|
||||
title:
|
||||
"十三级标题十三级标题十三级标题十三级标题",
|
||||
value: "十三级标题",
|
||||
children: [
|
||||
{
|
||||
title:
|
||||
"十四级标题",
|
||||
value:
|
||||
"十四级标题",
|
||||
children: [
|
||||
{
|
||||
title:
|
||||
"十五级标题",
|
||||
value:
|
||||
"十五级标题",
|
||||
children: [
|
||||
{
|
||||
title:
|
||||
"十六级标题",
|
||||
value:
|
||||
"十六级标题",
|
||||
children:
|
||||
[
|
||||
{
|
||||
title:
|
||||
"十七级标题",
|
||||
value:
|
||||
"十七级标题",
|
||||
children:
|
||||
[
|
||||
{
|
||||
title:
|
||||
"十八级标题",
|
||||
value:
|
||||
"十八级标题",
|
||||
children:
|
||||
[
|
||||
{
|
||||
title:
|
||||
"十九级标题",
|
||||
value:
|
||||
"十九级标题",
|
||||
children:
|
||||
[
|
||||
{
|
||||
title:
|
||||
"二十级标题二十级标题",
|
||||
value:
|
||||
"二十级标题二十级标题",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "人力资源部",
|
||||
value: "人力资源部",
|
||||
children: [
|
||||
{
|
||||
title: "人事部",
|
||||
value: "人事部",
|
||||
},
|
||||
{
|
||||
title: "行政部",
|
||||
value: "行政部",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
tabledata: [
|
||||
{
|
||||
key: 1,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
name: "小刘",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 5,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 7,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
{
|
||||
key: 9,
|
||||
name: "小李",
|
||||
bum: "产研部",
|
||||
numb: "000000",
|
||||
guishu: "",
|
||||
guishu: "产品部",
|
||||
},
|
||||
],
|
||||
tablecolumns: [
|
||||
@@ -761,7 +770,7 @@ export default {
|
||||
title: "姓名",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
width: 30,
|
||||
// width: 30,
|
||||
align: "left",
|
||||
className: "h",
|
||||
},
|
||||
@@ -769,7 +778,7 @@ export default {
|
||||
title: "工号",
|
||||
dataIndex: "numb",
|
||||
key: "numb",
|
||||
width: 35,
|
||||
// width: 30,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
@@ -777,7 +786,7 @@ export default {
|
||||
title: "归属组织",
|
||||
dataIndex: "guishu",
|
||||
key: "guishu",
|
||||
width: 30,
|
||||
// width: 30,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
@@ -785,7 +794,7 @@ export default {
|
||||
title: "部门",
|
||||
dataIndex: "bum",
|
||||
key: "bum",
|
||||
width: 40,
|
||||
// width: 30,
|
||||
align: "center",
|
||||
className: "h",
|
||||
},
|
||||
@@ -998,6 +1007,52 @@ export default {
|
||||
label: "人力资源hrbp",
|
||||
},
|
||||
],
|
||||
choosepeople: [
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
{
|
||||
id: 1,
|
||||
name: "李明",
|
||||
},
|
||||
],
|
||||
});
|
||||
const closeDrawer = () => {
|
||||
state.activeKey = "1";
|
||||
@@ -1234,6 +1289,26 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.chooseLeft {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.boeTree {
|
||||
margin-top: 20px;
|
||||
width: 300px;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
.ant-select {
|
||||
.ant-select-selector {
|
||||
border-radius: 8px;
|
||||
height: 40px;
|
||||
.ant-select-selection-placeholder {
|
||||
color: #409eff;
|
||||
margin-left: 72px !important;
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tabb {
|
||||
.ant-table-thead > tr > th {
|
||||
background-color: rgba(240, 246, 252, 1);
|
||||
@@ -1280,49 +1355,32 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
// margin-top: 10px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.nameinp {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
.namee {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.t1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.organize {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ant-select-dropdown {
|
||||
min-width: 800px !important;
|
||||
}
|
||||
.ant-select {
|
||||
border-radius: 8px !important;
|
||||
// background-color: red;
|
||||
}
|
||||
.ant-cascader {
|
||||
width: 264px;
|
||||
height: 40px;
|
||||
border-radius: 8px !important;
|
||||
.ant-select-selector {
|
||||
height: 100%;
|
||||
}
|
||||
.ant-select-selection-search-input {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.searchdown {
|
||||
.btns {
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
// margin-top: -10px;
|
||||
.btn1 {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
@@ -1357,6 +1415,47 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.organize {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.ant-select-dropdown {
|
||||
min-width: 800px !important;
|
||||
}
|
||||
.ant-select {
|
||||
border-radius: 8px !important;
|
||||
// background-color: red;
|
||||
}
|
||||
.ant-cascader {
|
||||
width: 264px;
|
||||
height: 40px;
|
||||
border-radius: 8px !important;
|
||||
.ant-select-selector {
|
||||
height: 100%;
|
||||
}
|
||||
.ant-select-selection-search-input {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.boeTree {
|
||||
margin-top: 20px;
|
||||
width: 300px;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
.ant-select {
|
||||
.ant-select-selector {
|
||||
border-radius: 8px;
|
||||
height: 40px;
|
||||
.ant-select-selection-placeholder {
|
||||
color: #409eff;
|
||||
margin-left: 72px !important;
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1416,10 +1515,25 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.line {
|
||||
width: 90%;
|
||||
height: 1px;
|
||||
background-color: #e8e8e8;
|
||||
margin-left: 12px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tit {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-top: 12px;
|
||||
margin-left: 32px;
|
||||
}
|
||||
.selecteds {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-left: 32px;
|
||||
height: 200px;
|
||||
overflow-y: hidden;
|
||||
.chose {
|
||||
width: 64px;
|
||||
height: 24px;
|
||||
@@ -1490,4 +1604,18 @@ export default {
|
||||
width: 7px !important;
|
||||
}
|
||||
}
|
||||
.changetreedropdownboe {
|
||||
width: 240px !important;
|
||||
border-radius: 5px;
|
||||
min-height: 600px !important;
|
||||
.ant-select-tree-list-scrollbar {
|
||||
width: 5px !important;
|
||||
.ant-select-tree-list-scrollbar-thumb {
|
||||
background-color: #4ea6ff !important;
|
||||
}
|
||||
}
|
||||
.ant-select-tree-indent-unit {
|
||||
width: 7px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -119,6 +119,10 @@ export default {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -115,6 +115,10 @@ export default {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -134,6 +134,10 @@ export default {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
projectTaskId: {
|
||||
type: Number,
|
||||
default: null,
|
||||
}
|
||||
},
|
||||
|
||||
setup(props, ctx) {
|
||||
|
||||
@@ -147,6 +147,7 @@
|
||||
v-model:value="pathName"
|
||||
maxlength="20"
|
||||
style="border-radius: 4px"
|
||||
placeholder="请输入学习路径名称"
|
||||
/>
|
||||
<div class="showcount">{{ pathName.length }}/20</div>
|
||||
</div>
|
||||
@@ -187,7 +188,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="inname">路径图背景</div>
|
||||
<div class="in">
|
||||
<div class="in learnBg">
|
||||
<!-- <img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" /> -->
|
||||
@@ -195,18 +196,12 @@
|
||||
@click="chooseImg(item)"
|
||||
v-for="item in imgData"
|
||||
:key="item.key"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
class="learnBgItem"
|
||||
:style="{
|
||||
border:
|
||||
learnPathBg === item.id
|
||||
? '2px solid rgba(78, 166, 255, 1)'
|
||||
: '2px solid rgba(78, 166, 255, 0)',
|
||||
: '1px solid #ccc',
|
||||
'background-image': 'url(' + item.source + ')',
|
||||
}"
|
||||
>
|
||||
@@ -268,6 +263,7 @@
|
||||
v-model:value="pathName"
|
||||
maxlength="20"
|
||||
style="border-radius: 4px"
|
||||
placeholder="请输入学习路径名称"
|
||||
/>
|
||||
<div class="showcount">{{ pathName.length }}/20</div>
|
||||
</div>
|
||||
@@ -308,26 +304,20 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="inname">路径图背景</div>
|
||||
<div class="in">
|
||||
<div class="in learnBg">
|
||||
<!-- <img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" />
|
||||
<img class="im" src="../../assets/px.jpg" /> -->
|
||||
<div
|
||||
@click="chooseImg(item)"
|
||||
@click="chooseImg2(item)"
|
||||
v-for="item in imgData"
|
||||
:key="item.key"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
"
|
||||
class="learnBgItem"
|
||||
:style="{
|
||||
border:
|
||||
learnPathBg2 === item.id
|
||||
? '2px solid rgba(78, 166, 255, 1)'
|
||||
: '2px solid rgba(78, 166, 255, 0)',
|
||||
: '1px solid #ccc',
|
||||
'background-image': 'url(' + item.source + ')',
|
||||
}"
|
||||
>
|
||||
@@ -440,17 +430,17 @@
|
||||
<span>您确定要复制此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="delete_exit">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="delete_exit">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 停用路径弹窗 -->
|
||||
<!-- 结束路径弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="stopModal"
|
||||
:footer="null"
|
||||
@@ -467,20 +457,24 @@
|
||||
<div class="close_exit" @click="closeStopModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<span>您确定要停用此路径吗</span>
|
||||
<!-- <span>您确定要停用此路径吗</span> -->
|
||||
<span>是否结束项目</span>
|
||||
<div class="back">
|
||||
（项目结束后学员将无法继续学习，此操作不可逆）
|
||||
</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeStopModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeStopModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="stopLearnPath">确定</div>
|
||||
<div class="del_btn btn2" @click="stopLearnPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 删除路径弹窗 -->
|
||||
<!-- 结束路径弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="deleteModal"
|
||||
:footer="null"
|
||||
@@ -500,11 +494,11 @@
|
||||
<span>您确定要删除此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeDeleteModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeDeleteModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="deleteLearnPath">确定</div>
|
||||
<div class="del_btn btn2" @click="deleteLearnPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -530,11 +524,11 @@
|
||||
<span>您确定要启用此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="delete_exit">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="delete_exit">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -561,11 +555,11 @@
|
||||
<div class="back">（路径撤回后学员进度保留，发布后可继续学习）</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="closeBackModal">取消</div>
|
||||
<div class="del_btn btn1" @click="closeBackModal">
|
||||
<div class="btnText" >取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="recallPath">确定</div>
|
||||
<div class="del_btn btn2" @click="recallPath">
|
||||
<div class="btnText" >确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -634,6 +628,14 @@ export default {
|
||||
id: 3,
|
||||
source: require("../../assets/images/leveladd/3.png"),
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
source: require("../../assets/images/leveladd/2.png"),
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
source: require("../../assets/images/leveladd/3.png"),
|
||||
},
|
||||
],
|
||||
learnPathBg: null, //创建路径选择的路径图背景
|
||||
learnPathBg2: null, //编辑路径选择的路径图背景
|
||||
@@ -752,12 +754,12 @@ export default {
|
||||
state.editPathId = null;
|
||||
};
|
||||
const chooseImg = (item) => {
|
||||
console.log(item);
|
||||
// console.log(item);
|
||||
state.learnPathBg = item.id;
|
||||
};
|
||||
const chooseImg2 = (id) => {
|
||||
console.log(id);
|
||||
state.learnPathBg2 = id;
|
||||
const chooseImg2 = (item) => {
|
||||
// console.log(item);
|
||||
state.learnPathBg2 = item.id;
|
||||
};
|
||||
//发布弹窗
|
||||
const showPub = (routerId) => {
|
||||
@@ -820,15 +822,15 @@ export default {
|
||||
const closeCopyModal = () => {
|
||||
state.copyModal = false;
|
||||
};
|
||||
//显示停用窗口
|
||||
//显示结束窗口
|
||||
const showStopModal = () => {
|
||||
state.stopModal = true;
|
||||
};
|
||||
//关闭停用窗口
|
||||
//关闭结束窗口
|
||||
const closeStopModal = () => {
|
||||
state.stopModal = false;
|
||||
};
|
||||
//确认停用
|
||||
//确认结束
|
||||
const stopLearnPath = () => {
|
||||
let obj = {
|
||||
routerId: state.stopPathId,
|
||||
@@ -916,7 +918,7 @@ export default {
|
||||
: value.status === 1
|
||||
? "已发布"
|
||||
: value.status === -1
|
||||
? "已停用"
|
||||
? "已结束"
|
||||
: "-",
|
||||
creater: value.createName ? value.createName : "-",
|
||||
pubtime: value.publishTime
|
||||
@@ -1141,20 +1143,7 @@ export default {
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option
|
||||
value="停用"
|
||||
label="停用"
|
||||
style="padding-left:35px"
|
||||
>
|
||||
<div
|
||||
onClick={() => {
|
||||
state.stopPathId = text.record.id;
|
||||
showStopModal();
|
||||
}}
|
||||
>
|
||||
停用
|
||||
</div>
|
||||
</a-select-option>
|
||||
|
||||
<a-select-option
|
||||
value="删除"
|
||||
label="删除"
|
||||
@@ -1207,13 +1196,27 @@ export default {
|
||||
>
|
||||
撤回
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option
|
||||
value="结束"
|
||||
label="结束"
|
||||
style="padding-left:35px"
|
||||
>
|
||||
<div
|
||||
onClick={() => {
|
||||
state.stopPathId = text.record.id;
|
||||
showStopModal();
|
||||
}}
|
||||
>
|
||||
结束
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
)}
|
||||
{text.record.state === "已停用" ? (
|
||||
{text.record.state === "已结束" ? (
|
||||
<div>
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||
@@ -1233,6 +1236,7 @@ export default {
|
||||
复制
|
||||
</div>
|
||||
</a-select-option>
|
||||
{/**
|
||||
<a-select-option
|
||||
value="启用"
|
||||
label="启用"
|
||||
@@ -1246,6 +1250,7 @@ export default {
|
||||
启用
|
||||
</div>
|
||||
</a-select-option>
|
||||
*/}
|
||||
|
||||
<a-select-option
|
||||
value="删除"
|
||||
@@ -1629,10 +1634,10 @@ export default {
|
||||
.in {
|
||||
margin-left: 14px;
|
||||
width: 81%;
|
||||
height: 110px;
|
||||
// height: 110px;
|
||||
// background-color: red;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
// justify-content: space-between;
|
||||
.im {
|
||||
border-radius: 8px;
|
||||
width: 140px;
|
||||
@@ -1640,6 +1645,21 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.learnBg{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 110px;
|
||||
.learnBgItem{
|
||||
border-radius: 8px;
|
||||
width: 136px;
|
||||
height: 106px;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
margin-bottom: 20px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.info {
|
||||
width: 78%;
|
||||
|
||||
@@ -116,43 +116,48 @@
|
||||
<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">{{routerInfoOverview.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">{{routerInfoOverview.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">{{routerInfoOverview.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">{{routerInfoOverview.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">{{routerInfoOverview.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">{{routerInfoOverview.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="stage1">阶段1</div>
|
||||
<div class="stage2">阶段2</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>
|
||||
<div class="stagesecond">
|
||||
<div class="staname">阶段名称：</div>
|
||||
@@ -163,7 +168,7 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.completeCourseRatio"
|
||||
:width="140"
|
||||
/>
|
||||
<div class="protext">课程完成率</div>
|
||||
@@ -172,7 +177,7 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.completeExamRatio"
|
||||
:width="140"
|
||||
/>
|
||||
<div class="protext">考试通过率</div>
|
||||
@@ -181,26 +186,26 @@
|
||||
<a-progress
|
||||
type="dashboard"
|
||||
gapDegree="0"
|
||||
:percent="50"
|
||||
:percent="chapterOverviewList.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">{{chapterOverviewList.totalTaskCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">阶段任务总数</span>
|
||||
<a-progress :percent="50" style="width: 369px" />
|
||||
<span class="textpro">关卡任务总数</span>
|
||||
<a-progress :percent="chapterOverviewList.totalTaskCnt" style="width: 369px" />
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 206px">5</div>
|
||||
<div class="pronub" style="margin-left: 206px">{{chapterOverviewList.totalReqCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">必修课</span>
|
||||
<a-progress :percent="25" style="width: 369px" />
|
||||
<a-progress :percent="chapterOverviewList.totalReqCnt" style="width: 369px" />
|
||||
</div>
|
||||
<div class="pronub" style="margin-left: 142px">1</div>
|
||||
<div class="pronub" style="margin-left: 142px">{{chapterOverviewList.totalOptCnt}}</div>
|
||||
<div class="proright1">
|
||||
<span class="textpro">选修课</span>
|
||||
<a-progress :percent="5" style="width: 369px" />
|
||||
<a-progress :percent="chapterOverviewList.totalOptCnt" style="width: 369px" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -301,11 +306,11 @@
|
||||
<a-collapse-panel
|
||||
v-for="(value, index) in taskSyllabus"
|
||||
:key="index"
|
||||
:header="value.text"
|
||||
:header="value.name"
|
||||
>
|
||||
<div
|
||||
class="course"
|
||||
v-for="(item, key) in value.children"
|
||||
v-for="(item, key) in value.taskList"
|
||||
:key="key"
|
||||
>
|
||||
<!-- :style="{width:item.course==='在线'?'28px':
|
||||
@@ -323,29 +328,29 @@
|
||||
>
|
||||
<img
|
||||
:src="
|
||||
item.course === '在线'
|
||||
item.type === 1
|
||||
? require('../../assets/images/leveladd/zai.png')
|
||||
: item.course === '面授'
|
||||
: type === 2
|
||||
? require('../../assets/images/leveladd/mian.png')
|
||||
: item.course === '案例'
|
||||
: item.type === 3
|
||||
? require('../../assets/images/leveladd/an.png')
|
||||
: item.course === '作业'
|
||||
: item.type === 4
|
||||
? require('../../assets/images/leveladd/zuo.png')
|
||||
: item.course === '考试'
|
||||
: item.type === 5
|
||||
? require('../../assets/images/leveladd/kao.png')
|
||||
: item.course === '直播'
|
||||
: item.type === 6
|
||||
? require('../../assets/images/leveladd/zhi.png')
|
||||
: item.course === '外链'
|
||||
: item.type === 7
|
||||
? require('../../assets/images/leveladd/wai.png')
|
||||
: item.course === '讨论'
|
||||
: item.type === 8
|
||||
? require('../../assets/images/leveladd/tao.png')
|
||||
: item.course === '活动'
|
||||
: item.type === 9
|
||||
? require('../../assets/images/leveladd/huo.png')
|
||||
: item.course === '测评'
|
||||
: item.type === 10
|
||||
? require('../../assets/images/leveladd/ce.png')
|
||||
: item.course === '评估'
|
||||
: item.type === 11
|
||||
? require('../../assets/images/leveladd/diao.png')
|
||||
: item.course === '投票'
|
||||
: item.type === 12
|
||||
? require('../../assets/images/leveladd/tou.png')
|
||||
: null
|
||||
"
|
||||
@@ -353,17 +358,17 @@
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="iconame">「{{ item.course }}」</div>
|
||||
<div class="iconame">「{{checkType(item.type)}}」</div>
|
||||
<div class="icontext">{{ item.name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="type">
|
||||
<div
|
||||
:class="
|
||||
item.classify == '必修' ? 'typename1' : 'typename'
|
||||
item.flag ? 'typename1' : 'typename'
|
||||
"
|
||||
>
|
||||
{{ item.classify }}
|
||||
{{ item.flag ? "必修" : "选修" }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="time">
|
||||
@@ -548,6 +553,9 @@
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="4" tab="设置">
|
||||
<div class="split"></div>
|
||||
|
||||
<a-tabs>
|
||||
<a-tab-pane key="1" tab="基本信息">
|
||||
<div class="sametab">
|
||||
<div class="Gcon">
|
||||
<div class="pad"></div>
|
||||
@@ -705,8 +713,53 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></a-tab-pane
|
||||
</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 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>
|
||||
<a-modal
|
||||
style="padding: 0"
|
||||
@@ -883,10 +936,15 @@
|
||||
<!-- 作业管理抽屉 -->
|
||||
<work-manage v-model:Wvisible="Wvisible" />
|
||||
</div>
|
||||
<!-- 加载动画 -->
|
||||
<div class="aeLoading" :style="{ display: addLoading ? 'flex' : 'none' }">
|
||||
<a-spin :spinning="addLoading" tip="添加中..." />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { ref, reactive, toRefs } from "vue";
|
||||
import { ref, reactive, toRefs,onMounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import AddStu from "../../components/drawers/AddLevelAddStu";
|
||||
import ImpStu from "../../components/drawers/AddLevelImportStu";
|
||||
import CheckStu from "../../components/drawers/CheckStu";
|
||||
@@ -901,6 +959,9 @@ import WorkManage from "../../components/drawers/WorkManage";
|
||||
import * as api from "../../api/index1";
|
||||
import { storage } from "../../api/storage";
|
||||
|
||||
import { getRouterOverview } from "@/api/indexLearningPath";
|
||||
import { GetRouterDetail } from "@/api/indexTask";
|
||||
|
||||
export default {
|
||||
name: "LevelAdd",
|
||||
components: {
|
||||
@@ -926,11 +987,27 @@ export default {
|
||||
AddSvisible: false, //添加学员抽屉
|
||||
AddImpStuvisible: false, //导入学员抽屉
|
||||
CheckStuvisible: false, //学员管理的查看抽屉
|
||||
addLoading:false, // 加载动画
|
||||
choosedStageId:1, // 选择的阶段id
|
||||
twobtn: true,
|
||||
number: true,
|
||||
twobtnn: false,
|
||||
inputbox: false,
|
||||
Wvisible: false, //作业管理
|
||||
docList:[
|
||||
{
|
||||
name:'测试文档1.doc',
|
||||
src:"",
|
||||
},
|
||||
{
|
||||
name:'测试文档2.doc',
|
||||
src:"",
|
||||
},
|
||||
{
|
||||
name:'测试文档3.doc',
|
||||
src:"",
|
||||
}
|
||||
], // 共享文档列表
|
||||
huodModal: false,
|
||||
zhibModal: false,
|
||||
projectNameListt: [
|
||||
@@ -1009,8 +1086,8 @@ export default {
|
||||
//任务大纲列表
|
||||
taskSyllabus: [
|
||||
{
|
||||
text: "关卡1 初级产品经理",
|
||||
children: [
|
||||
name: "关卡1 初级产品经理",
|
||||
taskList: [
|
||||
{
|
||||
course: "在线",
|
||||
name: "时间管理",
|
||||
@@ -1019,95 +1096,11 @@ export default {
|
||||
total: 50, //总人数
|
||||
complete: 20, //完成人数
|
||||
percent: 40,
|
||||
},
|
||||
{
|
||||
course: "直播",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-12 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "面授",
|
||||
name: "管理面授课",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 80, //总人数
|
||||
complete: 0, //完成人数
|
||||
percent: 0,
|
||||
},
|
||||
{
|
||||
course: "活动",
|
||||
name: "管理活动",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 40, //完成人数
|
||||
percent: 80,
|
||||
},
|
||||
{
|
||||
course: "作业",
|
||||
name: "管理者作业",
|
||||
classify: "选修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 30, //完成人数
|
||||
percent: 60,
|
||||
},
|
||||
{
|
||||
course: "考试",
|
||||
name: "管理者考试",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 50, //完成人数
|
||||
percent: 100,
|
||||
},
|
||||
routerTaskId:0,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
text: "关卡2 中级产品经理",
|
||||
children: [
|
||||
{
|
||||
course: "讨论",
|
||||
name: "时间管理",
|
||||
classify: "选修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 20, //完成人数
|
||||
percent: 40,
|
||||
},
|
||||
{
|
||||
course: "测评",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "评估",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
{
|
||||
course: "投票",
|
||||
name: "管理直播间",
|
||||
classify: "必修",
|
||||
beginTime: "2022-09-16 14:03",
|
||||
total: 50, //总人数
|
||||
complete: 10, //完成人数
|
||||
percent: 20,
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
|
||||
],
|
||||
activeKey: ref("1"),
|
||||
value: ref(" "),
|
||||
@@ -1115,7 +1108,9 @@ export default {
|
||||
nubvalue2: ref("1"),
|
||||
nubvalue3: ref("4"),
|
||||
nubvalue1: ref("4"),
|
||||
fileList:ref([]),
|
||||
checked2: false,
|
||||
docChecked:true,
|
||||
currentPage: 1,
|
||||
tableDataTotal: 100,
|
||||
pageSize: 10,
|
||||
@@ -1238,6 +1233,36 @@ export default {
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
const levelList = reactive({
|
||||
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,
|
||||
},
|
||||
stageList: [ // 阶段列表
|
||||
{
|
||||
stageId:1,
|
||||
stage:"阶段一"
|
||||
},
|
||||
{
|
||||
stageId:2,
|
||||
stage:"阶段二"
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
// console.log("store", state.routerId);
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
@@ -1451,6 +1476,9 @@ export default {
|
||||
|
||||
const changeTabs = (e) => {
|
||||
console.log("切换tabs", e, state.routerId);
|
||||
if(e == 2) {
|
||||
myGetRouterDetail()
|
||||
}
|
||||
//学员管理
|
||||
if (e == 3) {
|
||||
getStudent();
|
||||
@@ -1474,9 +1502,91 @@ export default {
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
const checkType = (type) => {
|
||||
let typeRules = [
|
||||
"",
|
||||
"在线",
|
||||
"面授",
|
||||
"案例",
|
||||
"作业",
|
||||
"考试",
|
||||
"直播",
|
||||
"外链",
|
||||
"讨论",
|
||||
"活动",
|
||||
"测评",
|
||||
"评估",
|
||||
"投票",
|
||||
];
|
||||
return typeRules[type];
|
||||
}
|
||||
|
||||
//学员管理------------------------------------------------
|
||||
|
||||
onMounted(() => {
|
||||
state.addLoading = true;
|
||||
getOverview()
|
||||
})
|
||||
|
||||
// 获取项目概览
|
||||
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)
|
||||
}).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);
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
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} 文件上传失败.`);
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
...toRefs(levelList),
|
||||
selectProjectName,
|
||||
selectProjectName2,
|
||||
selectProjectName3,
|
||||
@@ -1505,6 +1615,8 @@ export default {
|
||||
closehuodModal,
|
||||
closezhibModal,
|
||||
changeTabs,
|
||||
checkType,
|
||||
handleChange
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -1590,6 +1702,11 @@ export default {
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
.docListStyle {
|
||||
display: flex;
|
||||
width: 300px !important;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.del_btnbox {
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
|
||||
@@ -32,17 +32,48 @@
|
||||
>
|
||||
<div class="items1">
|
||||
<div class="boxs_left">
|
||||
<div class="script">
|
||||
<span style="font-size: 12px; color: #ffffff">说明</span>
|
||||
<a-popover placement="topLeft" trigger="click">
|
||||
<template #content>
|
||||
<div style="width: 130px">
|
||||
{{ element.remark ? element.remark : "暂无说明" }}
|
||||
</div>
|
||||
</template>
|
||||
<template #title>
|
||||
<span>关卡说明</span>
|
||||
</template>
|
||||
<div class="script">
|
||||
<span style="font-size: 12px; color: #ffffff"
|
||||
>说明</span
|
||||
>
|
||||
</div>
|
||||
</a-popover>
|
||||
|
||||
<div class="imgIcon"></div>
|
||||
</div>
|
||||
<div class="boxs_right">
|
||||
<div class="imgIcon"></div>
|
||||
<div class="imgIcon" @click="deleteChapter(element.chapterId)"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="items2">
|
||||
<div class="nname">{{ element.name }}</div>
|
||||
<a-popover
|
||||
placement="topLeft"
|
||||
v-if="element.name.length > 10"
|
||||
>
|
||||
<template #content>
|
||||
<div style="width: 130px">
|
||||
{{ element.name }}
|
||||
</div>
|
||||
</template>
|
||||
<!-- <template #title>
|
||||
<span>关卡说明</span>
|
||||
</template> -->
|
||||
<div class="nname">
|
||||
{{ element.name }}
|
||||
</div>
|
||||
</a-popover>
|
||||
<div class="nname" v-if="element.name.length <= 10">
|
||||
{{ element.name }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="itemle">
|
||||
<div class="tit">{{ item.remark }}</div>
|
||||
@@ -1278,6 +1309,7 @@ export default {
|
||||
const getDetail = () => {
|
||||
GetRouterDetail(state.routerId)
|
||||
.then((res) => {
|
||||
console.log("res.data.data.chapterList", res.data.data.chapterList);
|
||||
state.level = res.data.data.chapterList;
|
||||
if (state.level.length > 0) {
|
||||
dataAssignment(state.level[0].chapterId);
|
||||
@@ -1680,6 +1712,17 @@ export default {
|
||||
showDrawerAddVote(id, eleId);
|
||||
}
|
||||
};
|
||||
//删除关卡
|
||||
const deleteChapter=(chapterId)=>{
|
||||
let obj={
|
||||
chapterId:chapterId
|
||||
}
|
||||
api.deleteChapter(obj).then(res=>{
|
||||
console.log('删除关卡成功',res)
|
||||
}).catch(err=>{
|
||||
console.log('删除关卡失败',err)
|
||||
})
|
||||
}
|
||||
return {
|
||||
...toRefs(state),
|
||||
// tableDataFunc,
|
||||
@@ -1720,6 +1763,7 @@ export default {
|
||||
showDeleteModal,
|
||||
decideType,
|
||||
updateTableData,
|
||||
deleteChapter,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -2115,9 +2159,7 @@ export default {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.chosen {
|
||||
// background-color: pink;
|
||||
}
|
||||
|
||||
.ghost {
|
||||
// background-color: red;
|
||||
opacity: 0 !important;
|
||||
@@ -2154,28 +2196,34 @@ export default {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.imgIcon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url(@/assets/images/leveladd/edit.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.boxs_right {
|
||||
.imgIcon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background-image: url(@/assets/images/leveladd/z1.png);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url(@/assets/images/leveladd/delete.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.items2 {
|
||||
.nname {
|
||||
width: 100px;
|
||||
width: 140px;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
font-weight: bold;
|
||||
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
-webkit-line-clamp: 2;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,13 +58,13 @@
|
||||
/>
|
||||
</div>
|
||||
<div style="display: flex; margin-bottom: 20px">
|
||||
<div class="btnn btn1">
|
||||
<div class="btnn btn1" @click="searchSubmit">
|
||||
<div class="search"></div>
|
||||
<div class="btnText" v-on:click="searchSubmit">搜索</div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
<div class="btn btn2">
|
||||
<div class="btn btn2" @click="searchReset">
|
||||
<div class="search"></div>
|
||||
<div class="btnText" v-on:click="searchReset">重置</div>
|
||||
<div class="btnText">重置</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -816,11 +816,11 @@
|
||||
<span>您确定要复制此路径吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="delete_exit">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="delete_exit">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -849,11 +849,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="closeStopModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="finishProject">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -879,11 +879,11 @@
|
||||
<span>您确定要删除此项目吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="closeDeleteModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="deleteProject">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -909,11 +909,11 @@
|
||||
<span>您确定要存为模版吗</span>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="closeStartModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="templateProject">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -960,11 +960,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalMain">
|
||||
<div class="projectname">产品经理上升路径</div>
|
||||
<!-- <div class="projecttime">
|
||||
<span class="timeti">路径时间：</span
|
||||
><span class="timeme">2022/08/01-2022/08/30</span>
|
||||
</div> -->
|
||||
<div class="projectname">{{ releaseProjectName }}</div>
|
||||
<div class="projecttime" v-if="releaseProjectTime">
|
||||
<span class="timeti">项目时间：</span
|
||||
><span class="timeme">{{ releaseProjectTime }}</span>
|
||||
</div>
|
||||
<div class="projectbox">
|
||||
<div class="promessage">
|
||||
<div class="messageme">项目信息</div>
|
||||
@@ -1014,11 +1014,11 @@
|
||||
<div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn1">
|
||||
<div class="btnText" @click="delete_exit">取消</div>
|
||||
<div class="del_btn btn1" @click="closeBackModal">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="del_btn btn2">
|
||||
<div class="btnText" @click="delete_exit">确定</div>
|
||||
<div class="del_btn btn2" @click="recallProject">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1080,8 +1080,19 @@ export default {
|
||||
|
||||
currentEditChildrensProjectId: "",
|
||||
dcProjectID: "",
|
||||
|
||||
currentPage: 1, //当前页
|
||||
tableDataTotal: -1, //学习路径列表总数
|
||||
pageSize: 10, //每页10条数据
|
||||
|
||||
projectStudentsNum: 0, //发布弹窗-学员人数
|
||||
releaseProjectId: null, //发布的项目id
|
||||
releaseProjectName: null, //发布的项目名称
|
||||
releaseProjectTime: null, //发布的项目时间
|
||||
recallProjectId: null, //撤回的项目id
|
||||
finishProjectId: null, //结束的项目id
|
||||
deleteProjectId: null, //删除的项目id
|
||||
templateProjectId: null, //存为模版的项目id
|
||||
});
|
||||
// 数据接入 - start -
|
||||
const router = useRouter();
|
||||
@@ -1146,13 +1157,17 @@ export default {
|
||||
endTime = "";
|
||||
status = null;
|
||||
managerid = "";
|
||||
state.currentPage = 1;
|
||||
getTableDate();
|
||||
};
|
||||
|
||||
|
||||
const searchSubmit = () => {
|
||||
console.log("点击了搜索");
|
||||
state.currentPage = 1;
|
||||
const obj = {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
beginTime: beginTime,
|
||||
endTime: endTime,
|
||||
status: status,
|
||||
@@ -1354,6 +1369,7 @@ export default {
|
||||
state.doublepro = false;
|
||||
message.destroy();
|
||||
message.success("创建成功");
|
||||
state.currentPage = 1;
|
||||
getTableDate();
|
||||
}
|
||||
})
|
||||
@@ -1598,6 +1614,7 @@ export default {
|
||||
state.doublesonpro = false;
|
||||
message.destroy();
|
||||
message.success("创建成功");
|
||||
state.currentPage = 1;
|
||||
getTableDate();
|
||||
}
|
||||
})
|
||||
@@ -1743,9 +1760,37 @@ export default {
|
||||
state.eddoublesonpro = false;
|
||||
};
|
||||
|
||||
//打开发布弹窗
|
||||
const showProjectPub = (object) => {
|
||||
state.projectPub = true;
|
||||
state.releaseProjectId = object.projectId;
|
||||
state.releaseProjectName = object.name;
|
||||
state.releaseProjectTime = object.time;
|
||||
console.log("object", object);
|
||||
//获取学员总数
|
||||
let obj = {
|
||||
pageNo: 0,
|
||||
pageSize: 0,
|
||||
projectId: object.projectId,
|
||||
};
|
||||
api
|
||||
.projectStudent(obj)
|
||||
.then((res) => {
|
||||
if (res.status === 200) {
|
||||
// console.log("res", res.data);
|
||||
state.projectStudentsNum = res.data.data.total
|
||||
? res.data.data.total
|
||||
: 0;
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("获取学员人数失败", err);
|
||||
});
|
||||
//获取阶段及任务总数
|
||||
};
|
||||
//确认发布项目
|
||||
const releaseProject = () => {
|
||||
console.log('点击发布')
|
||||
console.log("点击发布");
|
||||
let obj = {
|
||||
projectId: state.releaseProjectId,
|
||||
};
|
||||
@@ -1755,37 +1800,129 @@ export default {
|
||||
console.log("发布成功", res);
|
||||
message.destroy();
|
||||
message.success("发布成功");
|
||||
state.projectPub = false
|
||||
getTableDate()
|
||||
state.projectPub = false;
|
||||
getTableDate();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("发布失败", err);
|
||||
});
|
||||
};
|
||||
//发布弹窗
|
||||
const showProjectPub = (projectId) => {
|
||||
state.projectPub = true;
|
||||
state.releaseProjectId = projectId;
|
||||
console.log('projectId',projectId)
|
||||
//获取学员总数
|
||||
//关闭发布弹窗
|
||||
const closeProjectPub = () => {
|
||||
state.projectPub = false;
|
||||
};
|
||||
//打开撤回弹窗
|
||||
const showBackModal = (projectId) => {
|
||||
state.backModal = true;
|
||||
state.recallProjectId = projectId;
|
||||
};
|
||||
//确认撤回发布
|
||||
const recallProject = () => {
|
||||
let obj = {
|
||||
pageNo: 0,
|
||||
pageSize: 0,
|
||||
projectId: projectId,
|
||||
projectId: state.recallProjectId,
|
||||
type: 0,
|
||||
};
|
||||
api.projectStudent(obj).then(res=>{
|
||||
if (res.status === 200) {
|
||||
console.log("res", res.data);
|
||||
state.projectStudentsNum = res.data.data.total;
|
||||
}
|
||||
}).catch(err=>{
|
||||
console.log('获取学员人数失败',err)
|
||||
api
|
||||
.handleProject(obj)
|
||||
.then((res) => {
|
||||
console.log("撤回成功", res);
|
||||
message.destroy();
|
||||
message.success("撤回成功");
|
||||
state.backModal = false;
|
||||
getTableDate();
|
||||
})
|
||||
//获取阶段及任务总数
|
||||
.catch((err) => {
|
||||
console.log("撤回失败", err);
|
||||
});
|
||||
};
|
||||
//关闭撤回弹窗
|
||||
const closeBackModal = () => {
|
||||
state.backModal = false;
|
||||
};
|
||||
//打开结束弹窗
|
||||
const showStopModal = (projectId) => {
|
||||
state.stopModal = true;
|
||||
state.finishProjectId = projectId;
|
||||
};
|
||||
//确认结束
|
||||
const finishProject = () => {
|
||||
let obj = {
|
||||
projectId: state.finishProjectId,
|
||||
type: -1,
|
||||
};
|
||||
api
|
||||
.handleProject(obj)
|
||||
.then((res) => {
|
||||
console.log("结束成功", res);
|
||||
message.destroy();
|
||||
message.success("已结束");
|
||||
state.stopModal = false;
|
||||
getTableDate();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("结束失败", err);
|
||||
});
|
||||
};
|
||||
//关闭结束弹窗
|
||||
const closeStopModal = () => {
|
||||
state.stopModal = false;
|
||||
};
|
||||
//打开删除弹窗
|
||||
const showDeleteModal = (projectId) => {
|
||||
state.deleteModal = true;
|
||||
state.deleteProjectId = projectId;
|
||||
};
|
||||
//确认删除
|
||||
const deleteProject = () => {
|
||||
let obj = {
|
||||
projectId: state.deleteProjectId,
|
||||
type: -2,
|
||||
};
|
||||
api
|
||||
.handleProject(obj)
|
||||
.then((res) => {
|
||||
console.log("删除成功", res);
|
||||
message.destroy();
|
||||
message.success("删除成功");
|
||||
state.deleteModal = false;
|
||||
getTableDate();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("删除失败", err);
|
||||
});
|
||||
};
|
||||
//关闭删除弹窗
|
||||
const closeDeleteModal = () => {
|
||||
state.deleteModal = false;
|
||||
};
|
||||
//打开存为模版弹窗
|
||||
const showStartModal = (projectId) => {
|
||||
state.startModal = true;
|
||||
state.templateProjectId = projectId;
|
||||
};
|
||||
//确认存为模版
|
||||
const templateProject = () => {
|
||||
let obj = {
|
||||
projectId: state.templateProjectId,
|
||||
type: 1,
|
||||
};
|
||||
api
|
||||
.handleProject(obj)
|
||||
.then((res) => {
|
||||
console.log("模版保存成功", res);
|
||||
message.destroy();
|
||||
message.success("模版保存成功");
|
||||
state.startModal = false;
|
||||
getTableDate();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log("模版保存失败", err);
|
||||
});
|
||||
};
|
||||
//关闭存为模版弹窗
|
||||
const closeStartModal = () => {
|
||||
state.startModal = false;
|
||||
};
|
||||
|
||||
//撤回
|
||||
|
||||
|
||||
// 数据接入 - end -
|
||||
|
||||
@@ -1802,9 +1939,6 @@ console.log('获取学员人数失败',err)
|
||||
|
||||
// 获取项目列表信息
|
||||
let tableData = ref([]);
|
||||
let currentPage = ref(1);
|
||||
let tableDataTotal = ref("");
|
||||
let pageSize = ref(10);
|
||||
|
||||
const columns = ref([
|
||||
{
|
||||
@@ -1841,17 +1975,17 @@ console.log('获取学员人数失败',err)
|
||||
? "草稿"
|
||||
: value.record.status == 1 &&
|
||||
Number(value.record.beginTime) <
|
||||
Math.ceil(new Date().getTime / 1000)
|
||||
Math.ceil(new Date().getTime() / 1000)
|
||||
? "进行中"
|
||||
: value.record.status == 1 &&
|
||||
Number(value.record.beginTime) >
|
||||
Math.ceil(new Date().getTime / 1000) &&
|
||||
Math.ceil(new Date().getTime() / 1000) &&
|
||||
value.record.type !== 1 &&
|
||||
value.record.type !== 2
|
||||
? "未开始"
|
||||
: value.record.status == 2
|
||||
? "未开始"
|
||||
: "已结束"}
|
||||
: value.record.status == -1
|
||||
? "已结束"
|
||||
: "-"}
|
||||
</div>
|
||||
);
|
||||
},
|
||||
@@ -1995,7 +2129,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2181,7 +2315,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2296,7 +2430,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2448,7 +2582,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2559,7 +2693,21 @@ console.log('获取学员人数失败',err)
|
||||
{value.record.status === 0 ? (
|
||||
<span
|
||||
onClick={() => {
|
||||
showProjectPub(value.record.projectId);
|
||||
console.log("value.record", value.record);
|
||||
let beginTime = value.record.beginTime
|
||||
? toDate(value.record.beginTime, "Y/M/D")
|
||||
: "";
|
||||
let endTime = value.record.beginTime
|
||||
? toDate(value.record.endTime, "Y/M/D")
|
||||
: "";
|
||||
let time =
|
||||
beginTime && endTime ? beginTime + "-" + endTime : "";
|
||||
let obj = {
|
||||
projectId: value.record.projectId,
|
||||
name: value.record.name,
|
||||
time: time,
|
||||
};
|
||||
showProjectPub(obj);
|
||||
}}
|
||||
style="cursor:pointer"
|
||||
class="operation3"
|
||||
@@ -2589,7 +2737,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2598,7 +2746,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="存为模版" label="存为模版">
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
showStartModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
存为模版
|
||||
@@ -2620,7 +2768,7 @@ console.log('获取学员人数失败',err)
|
||||
) : value.record.status === 1 ||
|
||||
(value.record.status == 1 &&
|
||||
Number(value.record.beginTime) >
|
||||
Math.ceil(new Date().getTime / 1000)) ? (
|
||||
Math.ceil(new Date().getTime() / 1000)) ? (
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
@@ -2639,7 +2787,7 @@ console.log('获取学员人数失败',err)
|
||||
</a-select-option>
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
showStartModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
存为模版
|
||||
@@ -2648,7 +2796,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="结束" label="结束">
|
||||
<div
|
||||
onClick={() => {
|
||||
showStopModal();
|
||||
showStopModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
结束
|
||||
@@ -2657,7 +2805,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="撤回" label="撤回">
|
||||
<div
|
||||
onClick={() => {
|
||||
showBackModal();
|
||||
showBackModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
撤回
|
||||
@@ -2686,7 +2834,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="存为模版" label="存为模版">
|
||||
<div
|
||||
onClick={() => {
|
||||
showStartModal();
|
||||
showStartModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
存为模版
|
||||
@@ -2704,7 +2852,7 @@ console.log('获取学员人数失败',err)
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
showDeleteModal();
|
||||
showDeleteModal(value.record.projectId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
@@ -2738,20 +2886,28 @@ console.log('获取学员人数失败',err)
|
||||
|
||||
const getTableDate = (pagedata) => {
|
||||
let obj = {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
pageNo: state.currentPage,
|
||||
pageSize: state.pageSize,
|
||||
};
|
||||
api
|
||||
.getProjectList(pagedata ? pagedata : obj)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.status == 200 && res.data.code == 200) {
|
||||
tableDataTotal.value = Number(res.data.data.total);
|
||||
state.tableDataTotal = Number(res.data.data.total);
|
||||
let data = res.data.data.rows;
|
||||
// let data = state.tableData;
|
||||
if (
|
||||
data.length === 0 &&
|
||||
res.data.data.total > 0 &&
|
||||
state.currentPage > 1
|
||||
) {
|
||||
state.currentPage = state.currentPage - 1;
|
||||
getTableDate();
|
||||
}
|
||||
console.log("1266", data);
|
||||
data.map((value) => {
|
||||
console.log("value %o", value);
|
||||
// console.log("value %o", value);
|
||||
if (value.type == 1) {
|
||||
value.children = value.subList;
|
||||
value.key = value.projectId;
|
||||
@@ -2766,14 +2922,14 @@ console.log('获取学员人数失败',err)
|
||||
data2.paraentName = value.name + "/" + data.name;
|
||||
data2.isbj = "class";
|
||||
});
|
||||
console.log("lalallalaa", data);
|
||||
// console.log("lalallalaa", data);
|
||||
} else {
|
||||
data.paraentName = value.name;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
console.log("map-value", value.subList, value.children);
|
||||
// console.log("map-value", value.subList, value.children);
|
||||
});
|
||||
tableData.value = data;
|
||||
console.log("tableData", tableData);
|
||||
@@ -2788,10 +2944,10 @@ console.log('获取学员人数失败',err)
|
||||
// 翻页
|
||||
const changePagination = (page) => {
|
||||
console.log(page);
|
||||
currentPage.value = page;
|
||||
state.currentPage = page;
|
||||
let pagedata = {
|
||||
pageNo: page,
|
||||
pageSize: 10,
|
||||
pageSize: state.pageSize,
|
||||
};
|
||||
getTableDate(pagedata);
|
||||
// getLearnPath();
|
||||
@@ -2826,30 +2982,7 @@ console.log('获取学员人数失败',err)
|
||||
const closeCopyModal = () => {
|
||||
state.copyModal = false;
|
||||
};
|
||||
const showStopModal = () => {
|
||||
state.stopModal = true;
|
||||
};
|
||||
const closeStopModal = () => {
|
||||
state.stopModal = false;
|
||||
};
|
||||
const showDeleteModal = () => {
|
||||
state.deleteModal = true;
|
||||
};
|
||||
const closeDeleteModal = () => {
|
||||
state.deleteModal = false;
|
||||
};
|
||||
const showStartModal = () => {
|
||||
state.startModal = true;
|
||||
};
|
||||
const closeStartModal = () => {
|
||||
state.startModal = false;
|
||||
};
|
||||
const showBackModal = () => {
|
||||
state.backModal = true;
|
||||
};
|
||||
const closeBackModal = () => {
|
||||
state.backModal = false;
|
||||
};
|
||||
|
||||
const showProjOwner = () => {
|
||||
state.ProjOwnervisible = true;
|
||||
};
|
||||
@@ -2862,9 +2995,7 @@ console.log('获取学员人数失败',err)
|
||||
const showProjManage = () => {
|
||||
state.ProjManagevisible = true;
|
||||
};
|
||||
const closeProjectPub = () => {
|
||||
state.projectPub = false;
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
selectProjectName,
|
||||
@@ -2895,9 +3026,6 @@ console.log('获取学员人数失败',err)
|
||||
closeProjectPub,
|
||||
|
||||
tableData,
|
||||
currentPage,
|
||||
tableDataTotal,
|
||||
pageSize,
|
||||
columns,
|
||||
createStoreyProject,
|
||||
classifyList,
|
||||
@@ -2964,6 +3092,10 @@ console.log('获取学员人数失败',err)
|
||||
closeeditModal3,
|
||||
releaseProject,
|
||||
showProjectPub,
|
||||
recallProject,
|
||||
finishProject,
|
||||
deleteProject,
|
||||
templateProject,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -3725,8 +3857,9 @@ console.log('获取学员人数失败',err)
|
||||
color: rgba(79, 81, 86, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
margin-left: 62px;
|
||||
// margin-left: 62px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
.projecttime {
|
||||
margin-left: 221px;
|
||||
|
||||
@@ -1326,7 +1326,16 @@ export default {
|
||||
// console.log("22222", res.data.data.stageList);
|
||||
let leng = res.data.data.stageList.length;
|
||||
if (leng > 0) {
|
||||
//获取任务列表
|
||||
//后加选择了阶段id
|
||||
// if(state.chooseStageId!==null){
|
||||
// let final = res.data.data.stageList.find((item)=>item.id==state.chooseStageId)
|
||||
// getTableData(final)
|
||||
// }else{
|
||||
// //获取任务列表
|
||||
// let arr = res.data.data.stageList[0].taskList;
|
||||
// console.log("任务列表", arr);
|
||||
// getTableData(arr);
|
||||
// }
|
||||
let arr = res.data.data.stageList[0].taskList;
|
||||
console.log("任务列表", arr);
|
||||
getTableData(arr);
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -60,7 +60,9 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, defineComponent, toRefs } from "vue";
|
||||
import { reactive, defineComponent, toRefs, onMounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import * as api from "@/api/indexLibrary"
|
||||
const columns1 = [
|
||||
{
|
||||
title: "模版名称",
|
||||
@@ -107,7 +109,7 @@ export default defineComponent({
|
||||
tableData1: [
|
||||
{
|
||||
key: "1",
|
||||
name: "管理者进阶-腾飞班Z1",
|
||||
name: "测试模板1",
|
||||
status: "已发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
@@ -115,29 +117,14 @@ export default defineComponent({
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
name: "管理者进阶-腾飞班Z2",
|
||||
status: "已发布",
|
||||
creator: "毛继禹",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
},
|
||||
{
|
||||
key: "3",
|
||||
name: "管理者进阶-腾飞班Z3",
|
||||
status: "已发布",
|
||||
creator: "毛继禹",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
},
|
||||
{
|
||||
key: "4",
|
||||
name: "管理者进阶-腾飞班Z4",
|
||||
name: "测试模板2",
|
||||
status: "未发布",
|
||||
creator: "毛继禹",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
},
|
||||
}
|
||||
],
|
||||
// state
|
||||
});
|
||||
const getTableDate1 = () => {
|
||||
let data = state.tableData1;
|
||||
@@ -150,7 +137,7 @@ export default defineComponent({
|
||||
{value.status === "已发布" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops2">
|
||||
<router-link to="/libraryadd">
|
||||
<router-link to="/taskpage">
|
||||
<div class="jc">
|
||||
查看{" "}
|
||||
<span style="color:#E9E9E9;margin-left:15px;">|</span>
|
||||
@@ -158,7 +145,9 @@ export default defineComponent({
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
<div class="jc">撤回</div>
|
||||
<div class="jc"
|
||||
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
|
||||
>撤回</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
@@ -167,7 +156,8 @@ export default defineComponent({
|
||||
{value.status === "未发布" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
<div class="jc">
|
||||
<div class="jc"
|
||||
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
|
||||
发布
|
||||
<span style="color:#E9E9E9;margin-left:15px;">|</span>
|
||||
</div>
|
||||
@@ -181,7 +171,9 @@ export default defineComponent({
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
<div class="jc">删除</div>
|
||||
<div class="jc"
|
||||
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
|
||||
>删除</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
@@ -195,9 +187,57 @@ export default defineComponent({
|
||||
state.tableData = data;
|
||||
};
|
||||
getTableDate1();
|
||||
|
||||
onMounted(() => {
|
||||
getLibraryList();
|
||||
})
|
||||
const getLibraryList = () => {
|
||||
let obj = {
|
||||
"beginTime": 0,
|
||||
"endTime": 0,
|
||||
"name": "",
|
||||
"pageNo": 0,
|
||||
"pageSize": 0,
|
||||
"status": 0
|
||||
}
|
||||
api.templateList(obj).then((res) =>{
|
||||
console.log(res);
|
||||
let resData = res.data.data.rows
|
||||
if(resData.length) {
|
||||
for(let i in resData) {
|
||||
state.tableData1[i].id = i+1;
|
||||
state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
|
||||
state.tableData1[i].status = resData[i].status ? "已发布":"未发布" ;
|
||||
state.tableData1[i].name = resData[i].name;
|
||||
state.tableData1[i].creator = resData[i].createName;
|
||||
state.tableData1[i].stutime = resData[i].publishTime;
|
||||
state.tableData1[i].operation = "operation";
|
||||
|
||||
}
|
||||
|
||||
} else {
|
||||
message.warning("获取的列表数据为空值")
|
||||
}
|
||||
}).catch((error) => {
|
||||
message.error(`获取模板列表失败`+error)
|
||||
});
|
||||
};
|
||||
const templateHadler = (obj) => {
|
||||
api.templateHadle(obj).then((res) => {
|
||||
if(res.data.success) {
|
||||
message.success(`模板操作成功`)
|
||||
getLibraryList();
|
||||
}
|
||||
}).catch((error) => {
|
||||
message.error(`模板操作失败`+error)
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
columns1,
|
||||
templateHadler,
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
@@ -70,7 +70,6 @@
|
||||
animation="1000"
|
||||
@start="onStart"
|
||||
@end="onEnd"
|
||||
:list="draggableList"
|
||||
>
|
||||
<template #item="{ element }">
|
||||
<div class="item" :key="element.id">
|
||||
@@ -78,6 +77,17 @@
|
||||
</div>
|
||||
</template>
|
||||
</draggable>
|
||||
<div id="qrcode" style="display:flex;flex-direction: column;">
|
||||
<div>下载二维码</div>
|
||||
<qrcode-vue
|
||||
:value="qrcodeUrl"
|
||||
:size="qrcodeSize"
|
||||
style="width: 200px;height: 200px"
|
||||
></qrcode-vue>
|
||||
</div>
|
||||
<div @click="downloadQr(200)">下载200</div>
|
||||
<div @click="downloadQr(400)">下载400</div>
|
||||
<div @click="downloadQr(800)">下载800</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -93,6 +103,8 @@ import * as api from "../../api/index1";
|
||||
// }
|
||||
import { useRouter } from "vue-router";
|
||||
import draggable from "vuedraggable";
|
||||
import QrcodeVue from "qrcode.vue";
|
||||
import html2canvas from "html2canvas";
|
||||
export default {
|
||||
name: "SystemManage",
|
||||
components: {
|
||||
@@ -100,6 +112,7 @@ export default {
|
||||
// LoadingOutlined,
|
||||
// PlusOutlined,
|
||||
draggable,
|
||||
QrcodeVue,
|
||||
},
|
||||
setup() {
|
||||
const state = reactive({
|
||||
@@ -135,6 +148,8 @@ export default {
|
||||
name: "拖拽六",
|
||||
},
|
||||
],
|
||||
qrcodeUrl: "https://www.baidu.com/",
|
||||
qrcodeSize:800,
|
||||
});
|
||||
|
||||
const showDrawer = () => {
|
||||
@@ -214,6 +229,80 @@ export default {
|
||||
const golearningpath = () => {
|
||||
router.push({ path: "/learningpath", params: { id: 1 } });
|
||||
};
|
||||
|
||||
//下载二维码图片
|
||||
const downloadQr = (num) => {
|
||||
console.log("num", num);
|
||||
state.qrcodeSize=num
|
||||
let filename = `${new Date().getTime()}.png`;
|
||||
let canvas=document.getElementsByTagName('canvas')[0]
|
||||
let imageUrl = canvas.toDataURL("image/png")
|
||||
|
||||
let canvasBox = document.createElement('canvas');
|
||||
let ctx = canvasBox.getContext("2d");
|
||||
var img = new Image();
|
||||
// 需要添加文字的图片
|
||||
img.src = imageUrl;
|
||||
// 等待图片加载完成
|
||||
img.onload = function(){
|
||||
// 将图片添加到canvas
|
||||
ctx.drawImage(img, 0, 0, 1240, 2208)
|
||||
// 设置字体
|
||||
ctx.font = "73px 微软雅黑 bolder"
|
||||
// 设置字体颜色
|
||||
ctx.fillStyle = "#955f17"
|
||||
ctx.textAlign = "center"
|
||||
// 添加文字和位置
|
||||
ctx.fillText("微信名", 621, 1050);
|
||||
|
||||
// 导出为图片
|
||||
let url = canvasBox.toDataURL("image/png")
|
||||
let a = document.createElement("a");
|
||||
a.style.display = "none";
|
||||
a.download = filename;
|
||||
a.href = url;
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
}
|
||||
|
||||
|
||||
// let a = document.createElement("a");
|
||||
// a.style.display = "none";
|
||||
// a.download = filename;
|
||||
// a.href = imageUrl;
|
||||
// document.body.appendChild(a);
|
||||
// a.click();
|
||||
|
||||
|
||||
html2canvas(document.querySelector("#qrcode"), {
|
||||
useCORS: true, //支持图片跨域
|
||||
}).then((canvas) => {
|
||||
// var extra_canvas = document.createElement("canvas");
|
||||
// extra_canvas.setAttribute('width',num);
|
||||
// extra_canvas.setAttribute('height',num);
|
||||
// var ctx = extra_canvas.getContext('2d');
|
||||
// ctx.drawImage(canvas,0,0,num,num);
|
||||
// let filename = `${new Date().getTime()}.png`;
|
||||
// var imageUrl = extra_canvas.toDataURL("image/png",1.0);
|
||||
|
||||
console.log('canvas',canvas, canvas.width,canvas.style.width)
|
||||
|
||||
// // let ctx = canvas.getContext('2d');
|
||||
// // ctx.drawImage(canvas,0,0,canvas.width, canvas.height);
|
||||
// // canvas.width=num
|
||||
// // canvas.height=num
|
||||
// // canvas.style.width=num+'px'
|
||||
// // canvas.style.height=num+'px'
|
||||
// let filename = `${new Date().getTime()}.png`;
|
||||
// let imageUrl = canvas.toDataURL("image/png");
|
||||
// let a = document.createElement("a");
|
||||
// a.style.display = "none";
|
||||
// a.download = filename;
|
||||
// a.href = imageUrl;
|
||||
// document.body.appendChild(a);
|
||||
// a.click();
|
||||
});
|
||||
};
|
||||
return {
|
||||
...toRefs(state),
|
||||
showDrawer,
|
||||
@@ -221,6 +310,7 @@ export default {
|
||||
handleChange,
|
||||
beforeUpload,
|
||||
golearningpath,
|
||||
downloadQr,
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -228,6 +318,7 @@ export default {
|
||||
<style lang="scss">
|
||||
.systemManage {
|
||||
width: 100%;
|
||||
|
||||
.ant-input-textarea-show-count {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user