mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 03:46:45 +08:00
专业力必修提交
This commit is contained in:
Pengxiansen
@@ -31,7 +31,6 @@
|
||||
style="width: 181px; height: 40px"
|
||||
placeholder="请选择发布状态"
|
||||
:options="statusValues"
|
||||
@change="selectstatusValue"
|
||||
allowClear
|
||||
></a-select>
|
||||
</div>
|
||||
@@ -63,12 +62,12 @@
|
||||
<a-button
|
||||
type="link"
|
||||
class="table_btn"
|
||||
v-if="record.status !== 1 && checkGrowthPer(record.permissions)"
|
||||
v-if="!record.isPublished && checkGrowthPer(record.permissions)"
|
||||
@click="release(record)"
|
||||
>发布</a-button
|
||||
>
|
||||
<a-button
|
||||
v-if="checkGrowthPer(record.permissions) && record.status == 0"
|
||||
v-if="checkGrowthPer(record.permissions) && !record.isPublished"
|
||||
type="link"
|
||||
class="table_btn"
|
||||
@click="editPath(record)"
|
||||
@@ -77,17 +76,25 @@
|
||||
<a-button type="link" class="table_btn" @click="manage(record)"
|
||||
>管理</a-button
|
||||
>
|
||||
<DropDown v-if="record.permissions.includes('17')" value="授权">
|
||||
<DropDown v-if="record?.permissions?.includes('17')" value="授权">
|
||||
<OwnerTableModelStudent
|
||||
:types="[15, 16, 17]"
|
||||
:id="record.id"
|
||||
:type="17"
|
||||
>权限名单</OwnerTableModelStudent
|
||||
>归属权</OwnerTableModelStudent
|
||||
>
|
||||
<CommonStudent :type="15" :id="record.id" title="查看权"
|
||||
<CommonStudent
|
||||
:type="15"
|
||||
:selectStu="true"
|
||||
:id="record.id"
|
||||
title="查看权"
|
||||
>查看权</CommonStudent
|
||||
>
|
||||
<CommonStudent :type="16" :id="record.id" title="管理权"
|
||||
<CommonStudent
|
||||
:type="16"
|
||||
:id="record.id"
|
||||
:selectStu="true"
|
||||
title="管理权"
|
||||
>管理权</CommonStudent
|
||||
>
|
||||
</DropDown>
|
||||
@@ -102,21 +109,11 @@
|
||||
</a>
|
||||
<template #overlay>
|
||||
<a-menu>
|
||||
<a-menu-item>
|
||||
<a-button type="link" @click="copyData(record)">
|
||||
复制
|
||||
</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="1" v-if="record.status !== 0">
|
||||
<a-menu-item key="1" v-if="record.isPublished">
|
||||
<a-button type="link" @click="withdraw(record)">
|
||||
撤回
|
||||
</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="2" v-if="record.status == 0">
|
||||
<a-button type="link" @click="deleteList(record)">
|
||||
删除
|
||||
</a-button>
|
||||
</a-menu-item>
|
||||
<a-menu-item key="3">
|
||||
<a-button type="link" @click="updateList(record)">
|
||||
修改记录
|
||||
@@ -130,14 +127,14 @@
|
||||
<div class="tableBox">
|
||||
<div class="pa">
|
||||
<a-pagination
|
||||
v-if="tableDataTotal > 1"
|
||||
v-if="total > 1"
|
||||
:showSizeChanger="true"
|
||||
show-quick-jumper
|
||||
:hideOnSinglePage="false"
|
||||
:pageSize="pageSize"
|
||||
:current="pageNo"
|
||||
:current="pageNum"
|
||||
:show-total="(total) => `共 ${total} 条`"
|
||||
:total="tableDataTotal"
|
||||
:total="total"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
class="pagination"
|
||||
@change="changePagination"
|
||||
@@ -426,17 +423,10 @@ export default {
|
||||
},
|
||||
setup() {
|
||||
onMounted(() => {
|
||||
// if(state.organizationId == '' || state.organizationId == null){
|
||||
// state.organizationId = '6998568205187026945'
|
||||
// }
|
||||
// 掉接口
|
||||
// listDatas()
|
||||
listDatas();
|
||||
});
|
||||
const trueFalse = (per, i) => {
|
||||
if (per) {
|
||||
return (per + "").split(",").some((t) => t == i);
|
||||
}
|
||||
};
|
||||
|
||||
const store = useStore();
|
||||
const router = useRouter();
|
||||
const state = reactive({
|
||||
@@ -472,20 +462,10 @@ export default {
|
||||
bandLists: [],
|
||||
statusValue: null,
|
||||
loadingList: false,
|
||||
tableDataTotal: 10,
|
||||
pageNo: 1,
|
||||
total: 10,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
dataList: [
|
||||
{
|
||||
organizationName:'organizationName',
|
||||
positionName:'positionName',
|
||||
name: 'name',
|
||||
bandCodes:'bandCodes',
|
||||
status:"0",
|
||||
createName:'createName',
|
||||
permissions:'5,,,9'
|
||||
}
|
||||
],
|
||||
dataList: [],
|
||||
});
|
||||
const closePub = () => {
|
||||
state.pub = false;
|
||||
@@ -516,15 +496,6 @@ export default {
|
||||
{ value: "0", label: "未发布" },
|
||||
]);
|
||||
const columns = ref([
|
||||
// {
|
||||
// title: '序号',
|
||||
// width: 60,
|
||||
// align: 'center',
|
||||
// ellipsis: true,
|
||||
// customRender: ({record,text,index}) =>{
|
||||
// return index + 1
|
||||
// }
|
||||
// },
|
||||
{
|
||||
title: "归属组织",
|
||||
dataIndex: "organizationName",
|
||||
@@ -543,29 +514,23 @@ export default {
|
||||
},
|
||||
{
|
||||
title: "任职资格等级",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
width: 120,
|
||||
align: "center",
|
||||
ellipsis: true,
|
||||
},
|
||||
{
|
||||
title: "Band职级",
|
||||
dataIndex: "bandCodes",
|
||||
key: "bandCodes",
|
||||
dataIndex: "qualsLevelDesr",
|
||||
key: "qualsLevelDesr",
|
||||
width: 120,
|
||||
align: "center",
|
||||
ellipsis: true,
|
||||
},
|
||||
|
||||
{
|
||||
title: "状态",
|
||||
dataIndex: "status",
|
||||
key: "status",
|
||||
dataIndex: "isPublished",
|
||||
key: "isPublished",
|
||||
width: 100,
|
||||
align: "center",
|
||||
ellipsis: true,
|
||||
customRender: ({ record }) => {
|
||||
if (record.status == "0") {
|
||||
return record.isPublished ? "已发布" : "未发布";
|
||||
if (record.isPublished == "0") {
|
||||
return "未发布";
|
||||
} else {
|
||||
return "已发布";
|
||||
@@ -573,7 +538,7 @@ export default {
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "创建人",
|
||||
title: "归属人",
|
||||
dataIndex: "createName",
|
||||
key: "createName",
|
||||
width: 60,
|
||||
@@ -594,24 +559,28 @@ export default {
|
||||
const listDatas = async () => {
|
||||
state.loadingList = true;
|
||||
let params = {
|
||||
pageNo: state.pageNo,
|
||||
pageNum: state.pageNum,
|
||||
pageSize: state.pageSize,
|
||||
status: state.statusValue,
|
||||
isPublished: state.statusValue,
|
||||
organizationId: state.organizationId, //组织
|
||||
positionIdList: state.statusPostMaps.map((item) => item.id), //岗位
|
||||
bandIdList: state.statusRank, //职级
|
||||
};
|
||||
await listData(params).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
state.dataList = res.data.data.rows;
|
||||
state.tableDataTotal = res.data.data.total;
|
||||
// 临时权限
|
||||
state.dataList = res.data.data.records.map((item) => {
|
||||
item.permissions = "15,16,17";
|
||||
return item;
|
||||
});
|
||||
state.total = res.data.data.total;
|
||||
state.loadingList = false;
|
||||
}
|
||||
});
|
||||
};
|
||||
const searchList = () => {
|
||||
store.commit("setShouInclude", ["growthpath"]);
|
||||
state.pageNo = 1;
|
||||
state.pageNum = 1;
|
||||
listDatas();
|
||||
};
|
||||
const resetList = () => {
|
||||
@@ -621,12 +590,12 @@ export default {
|
||||
state.statusPostMaps = [];
|
||||
state.statusPost = null;
|
||||
state.statusRank = [];
|
||||
state.pageNo = 1;
|
||||
state.pageNum = 1;
|
||||
store.commit("setShouInclude", []);
|
||||
listDatas();
|
||||
};
|
||||
const changePagination = (page, pageSize) => {
|
||||
state.pageNo = page;
|
||||
state.pageNum = page;
|
||||
state.pageSize = pageSize;
|
||||
listDatas();
|
||||
};
|
||||
@@ -660,6 +629,7 @@ export default {
|
||||
}
|
||||
state.bg_check = true;
|
||||
});
|
||||
state.bg_check = true;
|
||||
};
|
||||
// 确定
|
||||
const confirm = () => {
|
||||
@@ -755,22 +725,6 @@ export default {
|
||||
},
|
||||
});
|
||||
};
|
||||
//复制
|
||||
const copyData = (record) => {
|
||||
getCopyData({ growId: record.id }).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
state.editId = res.data.data.id;
|
||||
state.statusPosts = res.data.data.positionId;
|
||||
state.organCreateId = res.data.data.organizationId;
|
||||
state.statusOffices = res.data.data.qualsLevelCode;
|
||||
state.courseNum = res.data.data.electiveNum;
|
||||
state.pathWays = res.data.data.remark;
|
||||
state.originGrowId = res.data.data.originGrowId;
|
||||
state.band = res.data.data.bandCodes;
|
||||
}
|
||||
state.bg_check = true;
|
||||
});
|
||||
};
|
||||
//撤回
|
||||
const withdraw = (record) => {
|
||||
dialog({
|
||||
@@ -789,23 +743,6 @@ export default {
|
||||
},
|
||||
});
|
||||
};
|
||||
const deleteList = (record) => {
|
||||
dialog({
|
||||
content: "是否删除？",
|
||||
ok: () => {
|
||||
handleGrowth({
|
||||
growId: record.id,
|
||||
type: -2,
|
||||
}).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
message.success("删除成功");
|
||||
state.pageNo = 1;
|
||||
listDatas();
|
||||
}
|
||||
});
|
||||
},
|
||||
});
|
||||
};
|
||||
const updateList = (record) => {
|
||||
console.log(record, "record");
|
||||
state.Avisible = true;
|
||||
@@ -820,16 +757,13 @@ export default {
|
||||
resetList,
|
||||
changePagination,
|
||||
statusValues,
|
||||
trueFalse,
|
||||
of_exit,
|
||||
confirm,
|
||||
editPath,
|
||||
release,
|
||||
manage,
|
||||
deleteList,
|
||||
updateList,
|
||||
withdraw,
|
||||
copyData,
|
||||
closePub,
|
||||
releaseLearnPath,
|
||||
};
|
||||
@@ -872,16 +806,15 @@ export default {
|
||||
|
||||
.projecttime {
|
||||
margin-left: 221px;
|
||||
font-size: 14px;
|
||||
|
||||
.timeti {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.timeme {
|
||||
color: rgba(79, 81, 86, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
@@ -901,10 +834,10 @@ export default {
|
||||
);
|
||||
border-radius: 10px;
|
||||
margin-right: 7px;
|
||||
font-size: 14px;
|
||||
|
||||
.messageme {
|
||||
color: rgba(255, 182, 78, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
margin-top: 17px;
|
||||
margin-left: 30px;
|
||||
@@ -912,7 +845,6 @@ export default {
|
||||
|
||||
.messagege {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
@@ -926,10 +858,9 @@ export default {
|
||||
rgba(240, 248, 254, 1)
|
||||
);
|
||||
border-radius: 10px;
|
||||
|
||||
font-size: 14px;
|
||||
.messageme1 {
|
||||
color: rgba(78, 166, 255, 1);
|
||||
font-size: 14px;
|
||||
line-height: 36px;
|
||||
margin-top: 17px;
|
||||
margin-left: 30px;
|
||||
@@ -937,7 +868,6 @@ export default {
|
||||
|
||||
.messagege1 {
|
||||
color: rgba(153, 155, 163, 1);
|
||||
font-size: 14px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
@@ -1071,118 +1001,116 @@ export default {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.grow_con {
|
||||
.grow_list {
|
||||
margin-left: 24px;
|
||||
.grow_list {
|
||||
.grow_btn {
|
||||
margin-bottom: 16px;
|
||||
.grow_btn {
|
||||
margin-bottom: 16px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.grow_btn_left {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.grow_btn_left {
|
||||
display: flex;
|
||||
.btn1 {
|
||||
width: 70px;
|
||||
height: 31px;
|
||||
border-radius: 5px;
|
||||
background-color: #578afc;
|
||||
box-sizing: border-box;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 31px;
|
||||
}
|
||||
.btnns2 {
|
||||
margin-left: 10px;
|
||||
width: 70px;
|
||||
height: 31px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #578afc;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
color: #578afc;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 31px;
|
||||
}
|
||||
.btn1 {
|
||||
width: 70px;
|
||||
height: 31px;
|
||||
border-radius: 5px;
|
||||
background-color: #578afc;
|
||||
box-sizing: border-box;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 31px;
|
||||
}
|
||||
.grow_btn_right {
|
||||
display: flex;
|
||||
margin-right: 61px;
|
||||
.btn1 {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: #4ea6ff;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 14px;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
.search {
|
||||
width: 17px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
background-image: url("../../assets/images/courseManage/add0.png");
|
||||
}
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.btnns2 {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #65a4f8;
|
||||
margin-left: 25px;
|
||||
box-sizing: border-box;
|
||||
color: #65a4f8;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
line-height: 40px;
|
||||
}
|
||||
.btnns2 {
|
||||
margin-left: 10px;
|
||||
width: 70px;
|
||||
height: 31px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #578afc;
|
||||
background-color: #ffffff;
|
||||
box-sizing: border-box;
|
||||
color: #578afc;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 31px;
|
||||
}
|
||||
}
|
||||
.grow_table {
|
||||
margin: 0 24px 16px 0;
|
||||
.table_btn {
|
||||
margin-right: 8px;
|
||||
.grow_btn_right {
|
||||
display: flex;
|
||||
margin-right: 61px;
|
||||
.btn1 {
|
||||
padding: 0px 26px 0px 26px;
|
||||
height: 38px;
|
||||
background: #4ea6ff;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 14px;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
.search {
|
||||
width: 17px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
background-image: url("../../assets/images/courseManage/add0.png");
|
||||
}
|
||||
.btnText {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
line-height: 36px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.tableBox {
|
||||
padding-bottom: 20px;
|
||||
margin: 20px 38px 30px;
|
||||
::v-deep .ant-select {
|
||||
.btnns2 {
|
||||
width: 130px;
|
||||
height: 40px;
|
||||
background: #ffffff;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #65a4f8;
|
||||
margin-left: 25px;
|
||||
box-sizing: border-box;
|
||||
color: #65a4f8;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.grow_table {
|
||||
margin: 0 24px 16px 0;
|
||||
.table_btn {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.tableBox {
|
||||
padding-bottom: 20px;
|
||||
margin: 20px 38px 30px;
|
||||
::v-deep .ant-select {
|
||||
min-height: 32px;
|
||||
.ant-select-selector {
|
||||
min-height: 32px;
|
||||
.ant-select-selector {
|
||||
min-height: 32px;
|
||||
}
|
||||
.ant-select-selection-item {
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
::v-deep .ant-pagination-options .ant-select-arrow {
|
||||
display: block;
|
||||
}
|
||||
::v-deep .ant-select-dropdown {
|
||||
display: inline-block;
|
||||
}
|
||||
::v-deep .ant-select-selection-item {
|
||||
margin-left: 3px;
|
||||
}
|
||||
::v-deep .ant-pagination-options-size-changer.ant-select {
|
||||
width: 92px;
|
||||
}
|
||||
.pa {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.ant-select-selection-item {
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
::v-deep .ant-pagination-options .ant-select-arrow {
|
||||
display: block;
|
||||
}
|
||||
::v-deep .ant-select-dropdown {
|
||||
display: inline-block;
|
||||
}
|
||||
::v-deep .ant-select-selection-item {
|
||||
margin-left: 3px;
|
||||
}
|
||||
::v-deep .ant-pagination-options-size-changer.ant-select {
|
||||
width: 92px;
|
||||
}
|
||||
.pa {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user