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

feat:公告 历史公告 更改是否优秀 分页 组员名单对接 组员名单各操作

Browse Source
This commit is contained in:
songwc
2022-11-11 18:14:45 +08:00
parent ee03a13e6e
commit 6690a69d80
7 changed files with 752 additions and 276 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
src/components/drawers/NoticePub.vue
View File

@@ -1,85 +1,159 @@
<!--发布公告-->
<template>
<div class="split"></div>
<div class="noticeTitle">
<div class="notitle"><span class="titlespan">公告</span></div>
<div class="switch"><a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span></div>
<template v-if="noticeChecked">
<p>公告内容</p>
<a-textarea v-model:value="noticeContent" :maxlength="150" placeholder="公告信息最多输入150个字" style="margin-top: -10px;height: 120px;"/>
<div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
</template>
<!-- <div class="split"></div> -->
<div class="noticeTitle">
<!-- <div class="notitle"><span class="titlespan">公告</span></div> -->
<div class="switch">
<a-switch v-model:checked="noticeChecked" size="small" /><span
style="margin-left: 16px"
>开启</span
>
</div>
<template v-if="noticeChecked">
<p>公告内容</p>
<a-textarea
v-model:value="noticeContent"
:maxlength="150"
placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height: 120px"
/>
<div class="publish">
<div class="iconPub"></div>
<div class="btnText" @click="pubNotice">发布</div>
</div>
</template>
</div>
</template>s
<script>
import { reactive,toRefs} from "vue";
import { message } from "ant-design-vue";
import { reactive, toRefs, onMounted } from "vue";
import { getTask } from "../../api/indexTaskadd";
import { editProj } from "../../api/indexTaskadd";
export default {
name: "NoticePub",
setup(){
const state = reactive({
name: "NoticePub",
props: {
projectId: {
type: Number,
default: null,
},
},
setup(props) {
const state = reactive({
noticeChecked: true,
projectInfo: {},
noticeContent: "",
});
return{
const getTaskInfo = () => {
getTask({ projectId: props.projectId }).then((res) => {
console.log("公告获取项目", res.data.data.projectInfo);
state.projectInfo = res.data.data.projectInfo;
});
};
const pubNotice = () => {
if (state.noticeContent == "") {
message.destroy();
return message.warning("请输入公告内容");
} else {
let result = state.projectInfo;
let obj = {
attach: result.attach,
beginTime: result.beginTime,
boeFlag: result.boeFlag,
category: result.category,
courseSyncFlag: result.courseSyncFlag,
endTime: result.endTime,
level: result.level,
manager: result.manager,
managerId: result.managerId,
name: result.name,
notice: state.noticeContent,
noticeFlag: 1,
parentId: result.parentId,
picUrl: result.picUrl,
projectId: result.projectId,
remark: result.remark,
sourceBelongId: result.sourceBelongId,
status: result.status,
systemId: result.systemId,
templateId: result.templateId,
type: result.type,
};
// console.log(result, obj, result.type);
editProj(obj)
.then((res) => {
message.destroy();
message.success("发布成功", res);
state.noticeContent = null;
})
.catch((err) => {
message.destroy();
message.warning("发布失败");
console.log(err);
});
}
};
onMounted(() => {
getTaskInfo();
});
return {
...toRefs(state),
}
}
}
getTaskInfo,
pubNotice,
};
},
};
</script>
<style lang="scss">
.noticeTitle {
margin-left: 32px;
margin-right: 32px;
padding-top: 20px;
.notitle{
height: 55px;
border-bottom:1px solid #ededed;
position: relative;
.titlespan{
font-size: 18px;
position: absolute;
left: 0;
bottom: 0px;
}
}
.switch{
display: flex;
align-items: center;
height: 90px;
}
.publish {
width: 100px;
height:38px;
background: rgb(64, 158, 255);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
float: right;
margin-top: 24px;
margin-bottom: 60px;
margin-right: 20px;
cursor: pointer;
.iconPub {
width: 15px;
height: 15px;
background-image: url(@/assets/images/taskpage/pub0.png);
background-size: 100% 100%;
color: rgb(255, 255, 255);
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgb(255, 255, 255);
line-height: 36px;
margin-left: 5px;
}
}
.noticeTitle {
margin-left: 32px;
margin-right: 32px;
// padding-top: 20px;
.notitle {
height: 55px;
border-bottom: 1px solid #ededed;
position: relative;
.titlespan {
font-size: 18px;
position: absolute;
left: 0;
bottom: 0px;
}
}
.switch {
display: flex;
align-items: center;
height: 90px;
}
.publish {
width: 100px;
height: 38px;
background: rgb(64, 158, 255);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
float: right;
margin-top: 24px;
margin-bottom: 60px;
margin-right: 20px;
cursor: pointer;
.iconPub {
width: 15px;
height: 15px;
background-image: url(@/assets/images/taskpage/pub0.png);
background-size: 100% 100%;
color: rgb(255, 255, 255);
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgb(255, 255, 255);
line-height: 36px;
margin-left: 5px;
}
}
}
</style>