mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-09 02:46:45 +08:00
feat:增加删除修改关卡及阶段并自动刷新列表
This commit is contained in:
@@ -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-10 11:41:52
|
||||
* @LastEditTime: 2022-11-17 15:41:45
|
||||
* @FilePath: /fe-manage/src/api/index1.js
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
|
||||
@@ -1,4 +1,14 @@
|
||||
/*
|
||||
* @Author: lixg lixg@dongwu-inc.com
|
||||
* @Date: 2022-11-09 09:26:26
|
||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||
* @LastEditTime: 2022-11-17 21:20:05
|
||||
* @FilePath: /fe-manage/src/api/indexStage.js
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import http from "./config";
|
||||
|
||||
//添加阶段
|
||||
export const editStage = (obj) => http.post('/admin/project/editStage', obj);
|
||||
export const editStage = (obj) => http.post('/admin/project/editStage', obj);
|
||||
// 删除阶段
|
||||
export const deleteStage = (obj) => http.delete('/admin/project/deleteStage',{params:obj});
|
||||
BIN
src/assets/images/leveladd/edit1.png
Normal file
BIN
src/assets/images/leveladd/edit1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 B |
@@ -437,6 +437,17 @@ textarea {
|
||||
}
|
||||
}
|
||||
|
||||
.ant-modal{
|
||||
.modalHeader{
|
||||
background: linear-gradient(180deg, rgba(103,64,255,0.2) 0%, rgba(166,168,255,0) 100%) !important;
|
||||
}
|
||||
.top{
|
||||
background: linear-gradient(180deg, rgba(103,64,255,0.2) 0%, rgba(166,168,255,0) 100%) !important;
|
||||
}
|
||||
.del_header{
|
||||
background: linear-gradient(180deg, rgba(103,64,255,0.2) 0%, rgba(166,168,255,0) 100%) !important;
|
||||
}
|
||||
}
|
||||
//弹窗--------------------------------------------------------
|
||||
|
||||
//loading--------------------------------------------------------
|
||||
|
||||
@@ -273,6 +273,58 @@ export default {
|
||||
},
|
||||
];
|
||||
}
|
||||
if (
|
||||
n.indexOf("/coursereviewed") !== -1 ||
|
||||
n.indexOf("/CourseReiewed") !== -1
|
||||
) {
|
||||
state.list = [
|
||||
{
|
||||
name: "审核管理",
|
||||
},
|
||||
{
|
||||
name: "已审核课程",
|
||||
},
|
||||
];
|
||||
}
|
||||
if (
|
||||
n.indexOf("/coursereviewedn") !== -1 ||
|
||||
n.indexOf("/CourseReiewedN") !== -1
|
||||
) {
|
||||
state.list = [
|
||||
{
|
||||
name: "审核管理",
|
||||
},
|
||||
{
|
||||
name: "待审核课程",
|
||||
},
|
||||
];
|
||||
}
|
||||
if (
|
||||
n.indexOf("/projectreviewed") !== -1 ||
|
||||
n.indexOf("/ProjectReviewed") !== -1
|
||||
) {
|
||||
state.list = [
|
||||
{
|
||||
name: "审核管理",
|
||||
},
|
||||
{
|
||||
name: "已审核项目",
|
||||
},
|
||||
];
|
||||
}
|
||||
if (
|
||||
n.indexOf("/projectreviewedn") !== -1 ||
|
||||
n.indexOf("/ProjectReviewedN") !== -1
|
||||
) {
|
||||
state.list = [
|
||||
{
|
||||
name: "审核管理",
|
||||
},
|
||||
{
|
||||
name: "待审核项目",
|
||||
},
|
||||
];
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
@@ -180,7 +180,7 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 3px">培训体系:</span>
|
||||
<span style="margin-right: 3px">培训分类:</span>
|
||||
</div>
|
||||
<div class="btnbox">
|
||||
<a-input
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
circle: selectedKeys[0] === 'sub10-3' ? false : true,
|
||||
}"
|
||||
></span>
|
||||
<router-link to="/projecreviewedn">待审核项目</router-link>
|
||||
<router-link to="/projectreviewedn">待审核项目</router-link>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="sub10-4">
|
||||
<span
|
||||
@@ -71,7 +71,7 @@
|
||||
circle: selectedKeys[0] === 'sub10-4' ? false : true,
|
||||
}"
|
||||
></span>
|
||||
<router-link to="/projecreviewed">已审核项目</router-link>
|
||||
<router-link to="/projectreviewed">已审核项目</router-link>
|
||||
</a-menu-item>
|
||||
</a-sub-menu>
|
||||
|
||||
@@ -307,13 +307,13 @@ export default {
|
||||
pagename: "已审核课程",
|
||||
},
|
||||
{
|
||||
href: "/projectviewedn",
|
||||
href: "/projectreviewedn",
|
||||
openKeys: "sub10",
|
||||
selectedKeys: "sub10-3",
|
||||
pagename: "待审核项目",
|
||||
},
|
||||
{
|
||||
href: "/projectviewed",
|
||||
href: "/projectrrviewed",
|
||||
openKeys: "sub10",
|
||||
selectedKeys: "sub10-4",
|
||||
pagename: "已审核项目",
|
||||
|
||||
@@ -1,458 +1,40 @@
|
||||
<!--
|
||||
* @Author: lixg lixg@dongwu-inc.com
|
||||
* @Date: 2022-11-09 09:26:26
|
||||
* @LastEditors: lixg lixg@dongwu-inc.com
|
||||
* @LastEditTime: 2022-11-17 16:27:22
|
||||
* @FilePath: /fe-manage/src/views/courselibrary/CourseManage.vue
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
-->
|
||||
<!-- 课件管理页面 -->
|
||||
<template>
|
||||
<div class="courseManage">
|
||||
<!-- 搜索框及按钮 -->
|
||||
<div class="filter">
|
||||
<div class="filterItems">
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="projectName"
|
||||
style="width: 270px"
|
||||
placeholder="请输入项目名称"
|
||||
:options="projectNameList"
|
||||
@change="selectProjectName"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
</div>
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="projectName"
|
||||
style="width: 270px"
|
||||
placeholder="请输入项目经理"
|
||||
:options="projectNameList"
|
||||
@change="selectProjectName"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
</div>
|
||||
<div class="select">
|
||||
<a-select
|
||||
v-model:value="projectName"
|
||||
style="width: 270px"
|
||||
placeholder="请选择状态"
|
||||
:options="projectNameList"
|
||||
@change="selectProjectName"
|
||||
allowClear
|
||||
showSearch
|
||||
></a-select>
|
||||
</div>
|
||||
<div class="select">
|
||||
<a-date-picker
|
||||
v-model="selectTime"
|
||||
type="date"
|
||||
placeholder="创建时间"
|
||||
style="width: 270px"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btns">
|
||||
<div class="btn btn1">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">搜索</div>
|
||||
</div>
|
||||
<div class="btn btn2">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">重置</div>
|
||||
</div>
|
||||
<div class="btn btn3">
|
||||
<div class="search"></div>
|
||||
<div class="btnText">创建项目</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 搜索框及按钮 -->
|
||||
<!-- 表格 -->
|
||||
<div class="tableBox">
|
||||
<a-table
|
||||
:columns="columns"
|
||||
:data-source="tableData"
|
||||
:loading="tableDataTotal === -1 ? true : false"
|
||||
:scroll="{ x: 700, y: 800 }"
|
||||
expandRowByClick="true"
|
||||
@expand="expandTable"
|
||||
:pagination="{
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: true,
|
||||
hideOnSinglePage: true,
|
||||
pageSizeOptions: [],
|
||||
pageSize: pageSize,
|
||||
current: currentPage,
|
||||
total: tableDataTotal,
|
||||
onChange: (page, pageSize) => {
|
||||
currentPage = page;
|
||||
// console.log('page', page)
|
||||
// 加翻页查找代码
|
||||
// this.setState({
|
||||
// currentPage: page,
|
||||
// }, () => {
|
||||
// this.getMilitaryDeployment()
|
||||
// })
|
||||
},
|
||||
}"
|
||||
/>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<iframe
|
||||
id="iframe"
|
||||
style="width:100%l;height:100%"
|
||||
src="https://u-pre.boe.com/pc/iframe/course/coursewares"
|
||||
name="myframe"
|
||||
></iframe>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs, onMounted, ref } from "vue";
|
||||
const columns = [
|
||||
{
|
||||
title: "项目名称",
|
||||
dataIndex: "projectName",
|
||||
key: "projectName",
|
||||
width: 280,
|
||||
// align: "center",
|
||||
ellipsis: true,
|
||||
// scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
// customRender: (text, record) => {
|
||||
// console.log(text, record);
|
||||
// return <span>{text.text}</span>;
|
||||
// },
|
||||
},
|
||||
{
|
||||
title: "项目经理",
|
||||
dataIndex: "manager",
|
||||
key: "manager",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "状态",
|
||||
dataIndex: "state",
|
||||
// width: "30%",
|
||||
key: "state",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建人",
|
||||
dataIndex: "creater",
|
||||
// width: "30%",
|
||||
key: "creater",
|
||||
width: 100,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "创建时间",
|
||||
dataIndex: "time",
|
||||
key: "time",
|
||||
width: 180,
|
||||
align: "center",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "opacation",
|
||||
key: "opacation",
|
||||
width: 300,
|
||||
align: "center",
|
||||
},
|
||||
];
|
||||
const rowSelection = ref({
|
||||
checkStrictly: false,
|
||||
onChange: (selectedRowKeys, selectedRows) => {
|
||||
console.log(
|
||||
`selectedRowKeys: ${selectedRowKeys}`,
|
||||
"selectedRows: ",
|
||||
selectedRows
|
||||
);
|
||||
},
|
||||
onSelect: (record, selected, selectedRows) => {
|
||||
console.log(record, selected, selectedRows);
|
||||
},
|
||||
onSelectAll: (selected, selectedRows, changeRows) => {
|
||||
console.log(selected, selectedRows, changeRows);
|
||||
},
|
||||
});
|
||||
import { reactive, toRefs, onMounted } from "vue";
|
||||
|
||||
export default {
|
||||
name: "CourseManage",
|
||||
|
||||
setup() {
|
||||
const state = reactive({
|
||||
projectNameList: [
|
||||
{
|
||||
id: 1,
|
||||
value: "项目一",
|
||||
label: "项目一",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
value: "项目二",
|
||||
label: "项目二",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
value: "项目三",
|
||||
label: "项目三",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
value: "项目四",
|
||||
label: "项目四",
|
||||
},
|
||||
],
|
||||
projectName: null,
|
||||
selectTime: null,
|
||||
|
||||
tableData: [
|
||||
{
|
||||
key: 1,
|
||||
projectName:
|
||||
"管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1管理者进阶1",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: 5,
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: 7,
|
||||
projectName:
|
||||
"管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 8,
|
||||
projectName: "管理者进阶8",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 6,
|
||||
projectName: "管理者进阶6",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 2,
|
||||
projectName: "管理者进阶2",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 3,
|
||||
projectName: "管理者进阶3",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
hasChildren: true,
|
||||
children: [
|
||||
{
|
||||
key: 35,
|
||||
projectName: "管理者进阶35",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
children: [
|
||||
{
|
||||
key: 37,
|
||||
projectName: "管理者进阶37",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 38,
|
||||
projectName: "管理者进阶38",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 36,
|
||||
projectName: "管理者进阶36",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶4",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶5",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
{
|
||||
key: 4,
|
||||
projectName: "管理者进阶",
|
||||
manager: "黄华 刘俊",
|
||||
state: "草稿",
|
||||
creater: "毛继禹",
|
||||
time: "2022-07-20 14:00:03",
|
||||
},
|
||||
],
|
||||
currentPage: 1,
|
||||
tableDataTotal: 20,
|
||||
pageSize: 10,
|
||||
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
// console.log("执行");
|
||||
});
|
||||
const selectProjectName = (value, index) => {
|
||||
console.log("value", value, index);
|
||||
};
|
||||
const expandTable = (e, a) => {
|
||||
console.log("惦记了");
|
||||
console.log("e", e, a);
|
||||
};
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
columns,
|
||||
rowSelection,
|
||||
selectProjectName,
|
||||
expandTable,
|
||||
|
||||
};
|
||||
},
|
||||
};
|
||||
@@ -463,99 +45,6 @@ export default {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.filter {
|
||||
margin-left: 38px;
|
||||
margin-right: 38px;
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.filterItems {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
.select {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.btns {
|
||||
display: flex;
|
||||
// flex-wrap: wrap;
|
||||
.btn {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: rgba(64, 158, 255, 0);
|
||||
border-radius: 8px;
|
||||
border: 1px solid rgba(64, 158, 255, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 14px;
|
||||
flex-shrink: 0;
|
||||
.search {
|
||||
background-size: 100%;
|
||||
}
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: rgba(64, 158, 255, 1);
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.btn1 {
|
||||
.search {
|
||||
width: 15px;
|
||||
height: 17px;
|
||||
background-image: url("../../assets/images/courseManage/search1.png");
|
||||
}
|
||||
}
|
||||
.btn2 {
|
||||
.search {
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
background-image: url("../../assets/images/courseManage/reset1.png");
|
||||
}
|
||||
}
|
||||
.btn3 {
|
||||
margin-right: 0px;
|
||||
.search {
|
||||
width: 17px;
|
||||
height: 18px;
|
||||
background-image: url("../../assets/images/courseManage/add1.png");
|
||||
}
|
||||
}
|
||||
.btn1:hover {
|
||||
background: rgba(64, 158, 255, 1);
|
||||
.search {
|
||||
background-image: url("../../assets/images/courseManage/search0.png");
|
||||
}
|
||||
.btnText {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.btn2:hover {
|
||||
background: rgba(64, 158, 255, 1);
|
||||
.search {
|
||||
background-image: url("../../assets/images/courseManage/reset0.png");
|
||||
}
|
||||
.btnText {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.btn3:hover {
|
||||
background: rgba(64, 158, 255, 1);
|
||||
.search {
|
||||
background-image: url("../../assets/images/courseManage/add0.png");
|
||||
}
|
||||
.btnText {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tableBox {
|
||||
margin: 20px 38px 30px;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -458,7 +458,7 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">内容分类</span>
|
||||
<span style="margin-right: 14px">课程分类</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="select i6_input">
|
||||
@@ -1738,7 +1738,7 @@ const columns1 = [
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "内容分类",
|
||||
title: "课程分类",
|
||||
width: 130,
|
||||
dataIndex: "content",
|
||||
key: "1",
|
||||
@@ -3438,10 +3438,6 @@ courseownervisible:false,
|
||||
},
|
||||
]);
|
||||
const options2 = ref([
|
||||
{
|
||||
value: "value2",
|
||||
label: "请选择内容分类",
|
||||
},
|
||||
{
|
||||
value: "leadership",
|
||||
label: "领导力",
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -261,7 +261,7 @@
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">培训体系</div>
|
||||
<div class="inname">培训分类</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
@@ -675,7 +675,7 @@ export default {
|
||||
levels = key;
|
||||
};
|
||||
|
||||
// 培训体系
|
||||
// 培训分类
|
||||
const classifyList4 = ref([
|
||||
{ value: 1, label: "集团级" },
|
||||
{ value: 2, label: "组织级" },
|
||||
@@ -748,7 +748,7 @@ export default {
|
||||
managerId: "请选择项目经理",
|
||||
sourceBelongId: "请选择资源归属",
|
||||
level: "请填写项目级别",
|
||||
systemId: "请填写项目培训体系",
|
||||
systemId: "请填写项目培训分类",
|
||||
boeFlag: "请选择是否BOE实施",
|
||||
};
|
||||
|
||||
|
||||
@@ -478,11 +478,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="set_content">
|
||||
<div class="setc_name"><span>培训体系:</span></div>
|
||||
<div class="setc_name"><span>培训分类:</span></div>
|
||||
<div class="setc_main">
|
||||
<a-select
|
||||
v-model:value="formData.systemId"
|
||||
placeholder="请选择培训体系"
|
||||
placeholder="请选择培训分类"
|
||||
:size="large" :bordered="isEdit" :disabled="!isEdit"
|
||||
style="width: 200px;color: #999999;" :options="systemOptions"
|
||||
></a-select>
|
||||
|
||||
@@ -247,7 +247,7 @@
|
||||
class="nameimg"
|
||||
src="../../assets/images/basicinfo/asterisk.png"
|
||||
/>
|
||||
<div class="inname">培训体系</div>
|
||||
<div class="inname">培训分类</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select
|
||||
@@ -359,7 +359,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { reactive, toRefs, ref } from "vue";
|
||||
import { reactive, toRefs, ref, onUnmounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import dayjs from "dayjs";
|
||||
@@ -716,7 +716,7 @@ export default {
|
||||
levels = key;
|
||||
};
|
||||
|
||||
// 培训体系
|
||||
// 培训分类
|
||||
const classifyList4 = ref([
|
||||
{ value: 1, label: "集团级" },
|
||||
{ value: 2, label: "组织级" },
|
||||
@@ -1021,6 +1021,9 @@ export default {
|
||||
}
|
||||
};
|
||||
|
||||
onUnmounted(() => {
|
||||
storage.remove("projectAddId");
|
||||
});
|
||||
return {
|
||||
...toRefs(state),
|
||||
projectName,
|
||||
|
||||
@@ -1024,6 +1024,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 创建项目提示框 -->
|
||||
<a-modal
|
||||
v-model:visible="reminderModal"
|
||||
:footer="null"
|
||||
:closable="closeBack"
|
||||
wrapClassName="CopyModal"
|
||||
centered="true"
|
||||
>
|
||||
<div class="delete">
|
||||
<div class="del_header"></div>
|
||||
<div class="del_main">
|
||||
<div class="header">
|
||||
<div class="icon"></div>
|
||||
<span>温馨提示</span>
|
||||
<div class="close_exit" @click="closeReminderModal"></div>
|
||||
</div>
|
||||
<div class="body">
|
||||
<div style="margin-left:60px;margin-right:60px">请您根据自身需求选择对应项目类别,多层项目与单层项目操作不同,层级不同</div>
|
||||
</div>
|
||||
<div class="del_btnbox">
|
||||
<div class="del_btn btn2" @click="okReminderModal">
|
||||
<div class="btnText">好的</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
|
||||
|
||||
<!-- 归属权抽屉 -->
|
||||
<proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
|
||||
<!-- 授权名单抽屉 -->
|
||||
@@ -1032,6 +1061,9 @@
|
||||
<proj-check-ship v-model:ProjCheckvisible="ProjCheckvisible" />
|
||||
<!-- 管理权抽屉 -->
|
||||
<proj-manage-ship v-model:ProjManagevisible="ProjManagevisible" />
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@@ -1069,6 +1101,7 @@ export default {
|
||||
projectPub: false, //发布弹窗
|
||||
backModal: false, //撤回弹窗
|
||||
closeBack: false, //撤回弹窗关闭图标
|
||||
reminderModal:false,//温馨提示弹窗
|
||||
ProjOwnervisible: false,
|
||||
ProjPvisible: false,
|
||||
ProjCheckvisible: false,
|
||||
@@ -3038,7 +3071,8 @@ export default {
|
||||
};
|
||||
|
||||
const showModal1 = () => {
|
||||
state.estabish = true;
|
||||
|
||||
state.reminderModal=true
|
||||
};
|
||||
const closeModal1 = () => {
|
||||
state.estabish = false;
|
||||
@@ -3067,6 +3101,14 @@ export default {
|
||||
state.ProjManagevisible = true;
|
||||
};
|
||||
|
||||
const closeReminderModal=()=>{
|
||||
state.reminderModal=false
|
||||
|
||||
}
|
||||
const okReminderModal=()=>{
|
||||
state.reminderModal=false
|
||||
state.estabish = true;
|
||||
}
|
||||
return {
|
||||
...toRefs(state),
|
||||
selectProjectName,
|
||||
@@ -3168,6 +3210,8 @@ export default {
|
||||
deleteProject,
|
||||
templateProject,
|
||||
copyProject,
|
||||
closeReminderModal,
|
||||
okReminderModal,
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
@@ -154,7 +154,7 @@
|
||||
<div class="name">
|
||||
<div class="namebox">
|
||||
<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
|
||||
<div class="inname">培训体系</div>
|
||||
<div class="inname">培训分类</div>
|
||||
</div>
|
||||
<div class="in select">
|
||||
<a-select :getPopupContainer="
|
||||
@@ -529,7 +529,7 @@ export default {
|
||||
levels = key;
|
||||
};
|
||||
|
||||
// 培训体系
|
||||
// 培训分类
|
||||
const classifyList4 = ref([
|
||||
{ value: 1, label: "集团级" },
|
||||
{ value: 2, label: "组织级" },
|
||||
@@ -602,7 +602,7 @@ export default {
|
||||
managerId: "请选择项目经理",
|
||||
sourceBelongId: "请选择资源归属",
|
||||
level: "请填写项目级别",
|
||||
systemId: "请填写项目培训体系",
|
||||
systemId: "请填写项目培训分类",
|
||||
boeFlag: "请选择是否BOE实施"
|
||||
};
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -2034,7 +2034,7 @@ export default {
|
||||
sourceBelong: null, //资源归属
|
||||
remark: null, //项目说明
|
||||
level: null, //项目级别
|
||||
systemId: null, //培训体系
|
||||
systemId: null, //培训分类
|
||||
picUrl: null,
|
||||
parentId: null,
|
||||
});
|
||||
@@ -2413,79 +2413,17 @@ export default {
|
||||
};
|
||||
|
||||
//学员管理列表操作
|
||||
const studentData = () => {
|
||||
let arr = state.tabledata;
|
||||
console.log(arr, "学员管理");
|
||||
arr.map((value) => {
|
||||
value.operation = (
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
class="studentopea1"
|
||||
onClick={() => {
|
||||
if (value.excellent === false) {
|
||||
state.canclestu = true;
|
||||
console.log("youxiu", value.studentId);
|
||||
state.changeGoods.push(value.studentId);
|
||||
} else if (value.excellent === true) {
|
||||
state.canclestu1 = true;
|
||||
console.log("youxiu", value.studentId);
|
||||
state.changeGoods.push(value.studentId);
|
||||
}
|
||||
}}
|
||||
>
|
||||
{value.excellent ? "取消优秀" : "优秀学员"}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="studentopea2"
|
||||
onClick={() => {
|
||||
state.Seevisible = true;
|
||||
console.log(value.studentId, "点击了查看");
|
||||
state.checkStuId = value.studentId;
|
||||
}}
|
||||
>
|
||||
查看
|
||||
</div>
|
||||
<div class="studentSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="换组" label="换组">
|
||||
<div
|
||||
onClick={() => {
|
||||
state.Changevisible = true;
|
||||
}}
|
||||
>
|
||||
换组
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
console.log("点击了111", value.studentId);
|
||||
showDeleteOne(value.studentId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
});
|
||||
state.tabledata = arr;
|
||||
};
|
||||
studentData();
|
||||
// const studentData = () => {
|
||||
// let arr = state.tabledata;
|
||||
// console.log(arr, "学员管理");
|
||||
// arr.map((value) => {
|
||||
// value.operation = (
|
||||
|
||||
// );
|
||||
// });
|
||||
// state.tabledata = arr;
|
||||
// };
|
||||
// studentData();
|
||||
const studentColumns = () => {
|
||||
const tablecolumns = [
|
||||
{
|
||||
@@ -2592,6 +2530,75 @@ export default {
|
||||
// width: 60,
|
||||
align: "center",
|
||||
className: "h",
|
||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||
customRender: (text) => {
|
||||
// console.log(text);
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
class="studentopea1"
|
||||
onClick={() => {
|
||||
if (text.record.excellent === false) {
|
||||
state.canclestu = true;
|
||||
console.log("youxiu", text.record.studentId);
|
||||
state.changeGoods.push(text.record.studentId);
|
||||
} else if (text.record.excellent === true) {
|
||||
state.canclestu1 = true;
|
||||
console.log("youxiu", text.record.studentId);
|
||||
state.changeGoods.push(text.record.studentId);
|
||||
}
|
||||
}}
|
||||
>
|
||||
{text.record.excellent ? "取消优秀" : "优秀学员"}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="studentopea2"
|
||||
onClick={() => {
|
||||
state.Seevisible = true;
|
||||
console.log(text.record.studentId, "点击了查看");
|
||||
state.checkStuId = text.record.studentId;
|
||||
}}
|
||||
>
|
||||
查看
|
||||
</div>
|
||||
<div class="studentSelect">
|
||||
<a-select
|
||||
style="width: 50px"
|
||||
value="更多"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="换组" label="换组">
|
||||
<div
|
||||
onClick={() => {
|
||||
state.Changevisible = true;
|
||||
}}
|
||||
>
|
||||
换组
|
||||
</div>
|
||||
</a-select-option>
|
||||
<a-select-option value="删除" label="删除">
|
||||
<div
|
||||
onClick={() => {
|
||||
// console.log("点击了111", text);
|
||||
showDeleteOne(text.record.studentId);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</div>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)}
|
||||
},
|
||||
];
|
||||
return tablecolumns;
|
||||
@@ -2860,7 +2867,7 @@ export default {
|
||||
if (leng > 0) {
|
||||
let arr = res.data.data.rows;
|
||||
getTableDataList(arr);
|
||||
studentData();
|
||||
// studentData();
|
||||
}
|
||||
});
|
||||
};
|
||||
@@ -3136,7 +3143,7 @@ export default {
|
||||
createG,
|
||||
resetGroupName,
|
||||
searchGroup,
|
||||
studentData,
|
||||
// studentData,
|
||||
cancelyou,
|
||||
cancelcanyou,
|
||||
changePaginationStu,
|
||||
|
||||
Reference in New Issue
Block a user