feat:讨论活动的修改接口对接,添加关卡的编辑

This commit is contained in:
岳佳鑫
2022-11-02 18:00:31 +08:00
parent 2fb92ee77a
commit d986680eae
7 changed files with 247 additions and 184 deletions

View File

@@ -10,4 +10,4 @@ export const getDiscussDetail = (obj) => http.post('/discuss/getDiscussDetail',
export const deleteDiscuss = (obj) => http.post('/discuss/deleteDiscuss', { params: obj }); export const deleteDiscuss = (obj) => http.post('/discuss/deleteDiscuss', { params: obj });
//修改讨论接口 //修改讨论接口
export const updateDiscuss = (obj) => http.post('/discuss/updateDiscuss', { params: obj }); export const updateDiscuss = (obj) => http.post('/discuss/updateDiscuss', obj );

View File

@@ -1,8 +1,14 @@
import http from "./config"; import http from "./config";
//新建或编辑关卡 //新建关卡
export const editChapter = (obj) => http.post('/admin/router/editChapter', obj, { export const editChapter = (obj) => http.post('/admin/router/editChapter', obj, {
headers: { headers: {
'token': '123' 'token': '123'
} }
});
//编辑关卡
export const updateChapter = (obj) => http.post('/admin/router/editChapter', obj, {
headers: {
'token': '123'
}
}); });

View File

@@ -71,6 +71,12 @@
</div> </div>
<div class="main_item"> <div class="main_item">
<div class="signbox"> <div class="signbox">
<div class="sign">
<img
src="@/assets/images/coursewareManage/asterisk.png"
alt=""
/>
</div>
<span style="margin-right: 3px">活动时间</span> <span style="margin-right: 3px">活动时间</span>
</div> </div>
<div class="btnbox"> <div class="btnbox">
@@ -284,8 +290,9 @@ export default {
//创建活动 //创建活动
const createActivity = () => { const createActivity = () => {
if(!state.inputV1) return message.warning("请输入活动名称"); if(!state.inputV1) return message.warning("请输入活动名称");
if(!state.inputV2) return message.warning("请输入活动时长");
if(!state.textV1) return message.warning("请输入活动公告"); if(!state.textV1) return message.warning("请输入活动公告");
if(!state.time) return message.warning("请输入活动时间");
if(!state.inputV2) return message.warning("请输入活动时长");
if(!state.inputV3) return message.warning("请输入活动地址"); if(!state.inputV3) return message.warning("请输入活动地址");
let startTime = toDate(new Date(state.time[0].$d).getTime() / 1000, "Y-M-D"); let startTime = toDate(new Date(state.time[0].$d).getTime() / 1000, "Y-M-D");
let endTime = toDate(new Date(state.time[1].$d).getTime() / 1000, "Y-M-D"); let endTime = toDate(new Date(state.time[1].$d).getTime() / 1000, "Y-M-D");

View File

@@ -3,7 +3,7 @@
:visible="Provisible" :visible="Provisible"
class="drawerStyle promess" class="drawerStyle promess"
placement="right" placement="right"
width="50%" width="70%"
@after-visible-change="afterVisibleChange" @after-visible-change="afterVisibleChange"
> >
<div class="drawerMain"> <div class="drawerMain">
@@ -75,7 +75,7 @@ export default {
} }
} }
.drawerMain { .drawerMain {
min-width: 434px; min-width: 600px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
overflow-x: scroll; overflow-x: scroll;
display: flex; display: flex;

View File

@@ -69,178 +69,74 @@
</div> </div>
</div> </div>
<div class="mainbox"> <div class="mainbox">
<div class="rowtitle" @click="changeDown"> <a-collapse v-model:activeKey="stageListActive" >
<div class="titleimg"> <template #expandIcon="{ isActive }">
<img <img style="margin-right: 20px"
:src=" :src="
showDown isActive
? require('../../assets/images/studentimg/open.png') ? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png') : require('../../assets/images/studentimg/close.png')
" " />
/> <div></div>
</div> </template>
<div class="titletext">阶段1 腾飞班阶段1</div> <a-collapse-panel v-for="(value, index) in stageList" :key="index" :header="value.text">
</div> <div class="rowclass" v-for="(item, key) in value.children" :key="key">
<div :style="{ display: showDown ? 'block' : 'none' }"> <div class="leftclass">
<div class="rowclass"> <div><img :src="
<div class="leftclass"> item.course === '在线'
<div><img src="../../assets/images/leveladd/zai.png" /></div> ? require('../../assets/images/leveladd/zai.png')
<div class="text1">在线</div> : item.course === '面授'
<div class="text2">如何成为一个产品经理</div> ? require('../../assets/images/leveladd/mian.png')
</div> : item.course === '案例'
<div class="alreadyclass"> ? require('../../assets/images/leveladd/an.png')
<div class="alimg"> : item.course === '作业'
<img src="../../assets/images/studentimg/complete.png" /> ? require('../../assets/images/leveladd/zuo.png')
: item.course === '考试'
? require('../../assets/images/leveladd/kao.png')
: item.course === '直播'
? require('../../assets/images/leveladd/zhi.png')
: item.course === '外链'
? require('../../assets/images/leveladd/wai.png')
: item.course === '讨论'
? require('../../assets/images/leveladd/tao.png')
: item.course === '活动'
? require('../../assets/images/leveladd/huo.png')
: item.course === '测评'
? require('../../assets/images/leveladd/ce.png')
: item.course === '调研'
? require('../../assets/images/leveladd/diao.png')
: item.course === '投票'
? require('../../assets/images/leveladd/tou.png')
: null
" /></div>
<div class="text1">{{item.course}}</div>
<div class="text2">{{item.name}}</div>
</div> </div>
<div class="altext">已完成</div> <div class="alreadyclass">
</div> <div class="alimg">
</div> <img :src="
<div class="rowclass"> item.complete === '已完成'
<div class="leftclass"> ? require('../../assets/images/studentimg/complete.png')
<div><img src="../../assets/images/leveladd/zhi.png" /></div> : require('../../assets/images/studentimg/notice.png')
<div class="text1">直播</div> "/>
<div class="text2">管理者播课</div> </div>
</div> <div class="altext">{{item.complete}}</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div> </div>
<div class="altext">已完成</div> </div>
</div> </a-collapse-panel>
</div> </a-collapse>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/mian.png" /></div>
<div class="text1">面授</div>
<div class="text2">管理面授课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/huo.png" /></div>
<div class="text1">活动</div>
<div class="text2">管理者活动</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zuo.png" /></div>
<div class="text1">作业</div>
<div class="text2">管理者作业</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
</div>
</div>
<div class="mainbox">
<div class="rowtitle" @click="changeDown1">
<div class="titleimg">
<img
:src="
showDown1
? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png')
"
/>
</div>
<div class="titletext">阶段2 腾飞班阶段2</div>
</div>
<div :style="{ display: showDown1 ? 'block' : 'none' }">
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zai.png" /></div>
<div class="text1">在线</div>
<div class="text2">如何成为一个产品经理</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zhi.png" /></div>
<div class="text1">直播</div>
<div class="text2">管理者播课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/mian.png" /></div>
<div class="text1">面授</div>
<div class="text2">管理面授课</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/huo.png" /></div>
<div class="text1">活动</div>
<div class="text2">管理者活动</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
<div class="rowclass">
<div class="leftclass">
<div><img src="../../assets/images/leveladd/zuo.png" /></div>
<div class="text1">作业</div>
<div class="text2">管理者作业</div>
</div>
<div class="alreadyclass">
<div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="btnn"> <div class="btnn">
<button class="btn2" @click="closeDrawer">关闭</button> <button class="btn2" @click="closeDrawer">关闭</button>
</div> </div>
</div> </div>
</a-drawer>
<pro-mess v-model:Provisible="Provisible" /> <pro-mess v-model:Provisible="Provisible" />
</a-drawer>
</template> </template>
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs} from "vue";
import ProMess from "./ProMess.vue"; import ProMess from "./ProMess.vue";
export default { export default {
name: "SeeStu", name: "SeeStu",
@@ -256,6 +152,69 @@ export default {
Provisible: false, Provisible: false,
showDown: true, showDown: true,
showDown1: false, showDown1: false,
stageList: [
{
text: "阶段1腾飞班阶段1",
children: [
{
course: "在线",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "直播",
name: "管理直播课",
complete: "已完成",
},
{
course: "面授",
name: "管理面授课",
complete: "未完成",
},
{
course: "活动",
name: "管理活动",
complete: "未完成",
},
{
course: "作业",
name: "管理者作业",
complete: "未完成",
},
],
},
{
text: "阶段2腾飞班阶段2",
children: [
{
course: "考试",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "案例",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "外链",
name: "如何成为一个产品经理",
complete: "已完成",
},
{
course: "讨论",
name: "如何成为一个产品经理",
complete: "未完成",
},
{
course: "测评",
name: "如何成为一个产品经理",
complete: "未完成",
},
],
},
],
stageListActive: 0,
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Seevisible", false); ctx.emit("update:Seevisible", false);
@@ -286,7 +245,7 @@ export default {
}; };
</script> </script>
<style scoped lang="scss" > <style lang="scss" >
.seestu { .seestu {
.ant-drawer-content-wrapper { .ant-drawer-content-wrapper {
// max-width: 1000px; // max-width: 1000px;
@@ -399,24 +358,33 @@ export default {
// height: 463px; // height: 463px;
margin-right: 37px; margin-right: 37px;
margin-top: 32px; margin-top: 32px;
border: 1px solid rgba(221, 238, 255, 1); //border: 1px solid rgba(221, 238, 255, 1);
border-radius: 6px; //border-radius: 6px;
.rowtitle { .ant-collapse {
height: 56px; background-color: #FFFFFF;
background: rgba(240, 246, 252, 1); border: 0;
}
.ant-collapse-content > .ant-collapse-content-box {
padding: 0;
border: 0;
}
.ant-collapse > .ant-collapse-item {
border: 1px solid rgba(221, 238, 255, 1);
border-radius: 6px;
margin-bottom: 15px;
border-bottom: 0px;
}
.ant-collapse-content {
border-top: 0;
}
.ant-collapse-header {
display: flex; display: flex;
align-items: center; align-items: center;
.titleimg { height: 56px;
width: 20px; background-color: rgba(240, 246, 252, 1);
height: 20px; font-size: 16px;
margin-left: 23px; color: rgba(51, 51, 51, 1);
} font-weight: 500;
.titletext {
color: rgba(51, 51, 51, 1);
font-size: 16px;
font-weight: 500;
margin-left: 16px;
}
} }
.rowclass { .rowclass {
height: 81px; height: 81px;

View File

@@ -817,9 +817,10 @@ export default {
isactive: -1, isactive: -1,
isActive: false, isActive: false,
projectChecked: null, //项目单选框 projectChecked: null, //项目单选框
updateChapterID: null, //修改关卡id
}); });
//新建或编辑关卡 //新建关卡
const editChapter = () => { const editChapter = () => {
if(!state.value1) return message.warning("请输入关卡名称"); if(!state.value1) return message.warning("请输入关卡名称");
let obj = { let obj = {
@@ -845,6 +846,25 @@ export default {
console.log("创建失败", err); console.log("创建失败", err);
}); });
} }
//编辑关卡
const updateChapter = () => {
let obj = {
chapterId: state.updateChapterID,
name: "",
remark:"",
routerId: 0,
};
api
.updateChapter(obj)
.then((res) => {
console.log("修改成功",res);
message.success("修改成功");
})
.catch((err) => {
console.log("修改失败",err);
})
};
const showDrawer = () => { const showDrawer = () => {
state.visible = true; state.visible = true;
}; };
@@ -973,7 +993,9 @@ export default {
<span style="color:#4EA6FF;margin-right:25px;cursor:pointer"> <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
编辑 编辑
</span> </span>
<span style="color:#4EA6FF;cursor:pointer">删除</span> <span style="color:#4EA6FF;cursor:pointer" onClick={() => {
updateChapter();
}}>删除</span>
</div> </div>
</div> </div>
); );
@@ -1204,6 +1226,7 @@ export default {
delete_exit, delete_exit,
drawertableColumns, drawertableColumns,
editChapter, editChapter,
updateChapter,
}; };
}, },
}; };

View File

@@ -1052,6 +1052,31 @@ export default {
console.log("删除失败", err); console.log("删除失败", err);
}); });
}; };
//编辑讨论
const editDiscuss = () => {
let obj = {
createTime: "",
createUser: 0,
discussExplain: "",
discussFlag: "",
discussId: 0,
discussName: "",
discussSettings: "",
discussTag: "",
projectId: 0,
updateTime: "",
updateUser: 0
};
apidiscuss
.updateDiscuss(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除活动 //删除活动
const deleteActivity = () => { const deleteActivity = () => {
let obj = { let obj = {
@@ -1070,6 +1095,38 @@ export default {
console.log("删除失败", err); console.log("删除失败", err);
}); });
}; };
//编辑活动
const editActivity = () => {
let obj = {
activityAddress: "",
activityDuration: "",
activityEndTime: "",
activityExplain: "",
activityFlag: "",
activityId: 0,
activityName: "",
activityNotice: "",
activityStartTime: "",
activityTag: "",
afterSignIn: "",
beforeSignIn: "",
createTime: "",
createUser: 0,
signOutTime: "",
standardSettings: "",
updateTime: "",
updateUser: 0,
};
apiactivity
.updateActivity(obj)
.then((res) => {
console.log("更新成功", res);
message.success("更新成功");
})
.catch((err) => {
console.log("更新失败", err);
});
};
//删除测评测试 //删除测评测试
const deleteEvalText = () => { const deleteEvalText = () => {
let obj = { let obj = {
@@ -1234,8 +1291,10 @@ export default {
getTask, getTask,
deleteLiveBroadcast, deleteLiveBroadcast,
deleteDiscuss, deleteDiscuss,
editDiscuss,
deleteEvalText, deleteEvalText,
deleteActivity, deleteActivity,
editActivity,
deleteInvistText, deleteInvistText,
}; };
}, },