feat:查看学员,查看权修改

This commit is contained in:
岳佳鑫
2022-10-25 12:02:25 +08:00
parent 684cad4d1a
commit 4c5ad8824f
5 changed files with 335 additions and 211 deletions

View File

@@ -71,7 +71,7 @@
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 900, y: 560 }" :scroll="{ x: 900 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -324,7 +324,7 @@ export default {
height: 100%; height: 100%;
// background-color: #bfa; // background-color: #bfa;
// overflow-y: auto; overflow-y: auto;
.endtime { .endtime {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;

View File

@@ -69,7 +69,7 @@
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500}"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -148,7 +148,7 @@
:data-source="tabledata1" :data-source="tabledata1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -229,7 +229,7 @@
:data-source="tabledata2" :data-source="tabledata2"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{

View File

@@ -17,7 +17,9 @@
</div> </div>
<div class="main"> <div class="main">
<div class="stuinfor"> <div class="stuinfor">
<div class="portrait"><img src="../../assets/images/studentimg/character.png"/></div> <div class="portrait">
<img src="../../assets/images/studentimg/character.png" />
</div>
<div class="stumation"> <div class="stumation">
<div class="stuname">王明</div> <div class="stuname">王明</div>
<div class="stugangw">产研部门 - 产品经理</div> <div class="stugangw">产研部门 - 产品经理</div>
@@ -29,7 +31,14 @@
<span class="total">/10</span> <span class="total">/10</span>
</div> </div>
</div> </div>
<a-divider type="vertical" style="height: 49px;margin-left: 34px; background-color: rgba(170, 166, 166, 0.3)" /> <a-divider
type="vertical"
style="
height: 49px;
margin-left: 34px;
background-color: rgba(170, 166, 166, 0.3);
"
/>
<div class="sortbox" style="margin-left: 34px"> <div class="sortbox" style="margin-left: 34px">
<div class="sortname">完成必修</div> <div class="sortname">完成必修</div>
<div class="sortnub"> <div class="sortnub">
@@ -37,7 +46,14 @@
<span class="total">/10</span> <span class="total">/10</span>
</div> </div>
</div> </div>
<a-divider type="vertical" style="height: 49px;margin-left: 34px; background-color: rgba(170, 166, 166, 0.3)" /> <a-divider
type="vertical"
style="
height: 49px;
margin-left: 34px;
background-color: rgba(170, 166, 166, 0.3);
"
/>
<div class="sortbox" style="margin-left: 34px"> <div class="sortbox" style="margin-left: 34px">
<div class="sortname">已修证书</div> <div class="sortname">已修证书</div>
<div class="sortnub"> <div class="sortnub">
@@ -49,77 +65,171 @@
<div class="rowleft">产品经理管理 - 腾飞班1</div> <div class="rowleft">产品经理管理 - 腾飞班1</div>
<div class="rowbox" @click="showProMess"> <div class="rowbox" @click="showProMess">
<div class="shuom">说明</div> <div class="shuom">说明</div>
<div><img src="../../assets/images/studentimg/chak.png"/></div> <div><img src="../../assets/images/studentimg/chak.png" /></div>
</div> </div>
</div> </div>
<div class="mainbox"> <div class="mainbox">
<div class="rowtitle"> <div class="rowtitle" @click="changeDown">
<div class="titleimg"><img src="../../assets/images/studentimg/open.png"/></div> <div class="titleimg">
<img
:src="
showDown
? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png')
"
/>
</div>
<div class="titletext">阶段1 腾飞班阶段1</div> <div class="titletext">阶段1 腾飞班阶段1</div>
</div> </div>
<div :style="{ display: showDown ? 'block' : 'none' }">
<div class="rowclass"> <div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/zai.png"/></div> <div><img src="../../assets/images/leveladd/zai.png" /></div>
<div class="text1">在线</div> <div class="text1">在线</div>
<div class="text2">如何成为一个产品经理</div> <div class="text2">如何成为一个产品经理</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"><img src="../../assets/images/studentimg/complete.png"/></div> <div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div> <div class="altext">已完成</div>
</div> </div>
</div> </div>
<div class="rowclass"> <div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/zhi.png"/></div> <div><img src="../../assets/images/leveladd/zhi.png" /></div>
<div class="text1">直播</div> <div class="text1">直播</div>
<div class="text2">管理者播课</div> <div class="text2">管理者播课</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"><img src="../../assets/images/studentimg/complete.png"/></div> <div class="alimg">
<img src="../../assets/images/studentimg/complete.png" />
</div>
<div class="altext">已完成</div> <div class="altext">已完成</div>
</div> </div>
</div> </div>
<div class="rowclass"> <div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/mian.png"/></div> <div><img src="../../assets/images/leveladd/mian.png" /></div>
<div class="text1">面授</div> <div class="text1">面授</div>
<div class="text2">管理面授课</div> <div class="text2">管理面授课</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div> <div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div> <div class="altext">未完成</div>
</div> </div>
</div> </div>
<div class="rowclass"> <div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/huo.png"/></div> <div><img src="../../assets/images/leveladd/huo.png" /></div>
<div class="text1">活动</div> <div class="text1">活动</div>
<div class="text2">管理者活动</div> <div class="text2">管理者活动</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div> <div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div> <div class="altext">未完成</div>
</div> </div>
</div> </div>
<div class="rowclass"> <div class="rowclass">
<div class="leftclass"> <div class="leftclass">
<div><img src="../../assets/images/leveladd/zuo.png"/></div> <div><img src="../../assets/images/leveladd/zuo.png" /></div>
<div class="text1">作业</div> <div class="text1">作业</div>
<div class="text2">管理者作业</div> <div class="text2">管理者作业</div>
</div> </div>
<div class="alreadyclass"> <div class="alreadyclass">
<div class="alimg"><img src="../../assets/images/studentimg/notice.png"/></div> <div class="alimg">
<img src="../../assets/images/studentimg/notice.png" />
</div>
<div class="altext">未完成</div> <div class="altext">未完成</div>
</div> </div>
</div> </div>
</div> </div>
<div class="mainbox" style="margin-top: 15px; height: 56px"> </div>
<div class="rowtitle"> <div class="mainbox">
<div class="titleimg"><img src="../../assets/images/studentimg/close.png"/></div> <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 class="titletext">阶段2 腾飞班阶段2</div>
</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">关闭</button> <button class="btn2">关闭</button>
@@ -144,6 +254,8 @@ export default {
setup(props, ctx) { setup(props, ctx) {
const state = reactive({ const state = reactive({
Provisible: false, Provisible: false,
showDown: true,
showDown1: false,
}); });
const closeDrawer = () => { const closeDrawer = () => {
ctx.emit("update:Seevisible", false); ctx.emit("update:Seevisible", false);
@@ -155,12 +267,19 @@ export default {
const afterVisibleChange = (bool) => { const afterVisibleChange = (bool) => {
console.log("state", bool); console.log("state", bool);
}; };
const changeDown = () => {
state.showDown = !state.showDown;
};
const changeDown1 = () => {
state.showDown1 = !state.showDown1;
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
showProMess, showProMess,
changeDown,
changeDown1,
// change, // change,
}; };
}, },
@@ -192,6 +311,7 @@ export default {
align-items: center; align-items: center;
// background-color: red; // background-color: red;
margin-bottom: 20px; margin-bottom: 20px;
flex-shrink: 0;
.headerTitle { .headerTitle {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@@ -203,6 +323,8 @@ export default {
.main { .main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto;
padding-bottom: 80px;
.stuinfor { .stuinfor {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -238,7 +360,7 @@ export default {
justify-content: center; justify-content: center;
margin-top: 7px; margin-top: 7px;
.nub1 { .nub1 {
color: #0060FF; color: #0060ff;
font-size: 22px; font-size: 22px;
} }
.total { .total {
@@ -274,7 +396,7 @@ export default {
} }
} }
.mainbox { .mainbox {
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);
@@ -339,6 +461,7 @@ export default {
width: 100%; width: 100%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background-color: #fff;
left: 0; left: 0;
display: flex; display: flex;
align-items: center; align-items: center;

View File

@@ -72,7 +72,7 @@
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -156,7 +156,7 @@
:data-source="tabledata1" :data-source="tabledata1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500}"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -246,7 +246,7 @@
:data-source="tabledata2" :data-source="tabledata2"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500, y: 560 }" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -1073,7 +1073,7 @@ export default {
} }
.main { .main {
display: flex; display: flex;
// height: 80%; //height: 80%;
margin-bottom: 72px; margin-bottom: 72px;
overflow-y: auto; overflow-y: auto;
.left { .left {
@@ -1274,7 +1274,8 @@ export default {
// bottom: 20px; // bottom: 20px;
.ant-pagination-item, .ant-pagination-item,
.ant-pagination-prev, .ant-pagination-prev,
.ant-pagination-next { .ant-pagination-next,
.ant-pagination-options {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }

View File

@@ -542,7 +542,7 @@
:data-source="tabledata" :data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 1400, y: 350 }" :scroll="{ x: 1400 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -2358,7 +2358,7 @@ export default {
title: "姓名", title: "姓名",
dataIndex: "name", dataIndex: "name",
key: "name", key: "name",
width: 50, width: 30,
align: "left", align: "left",
className: "h", className: "h",
// scopedSlots: { customRender: "action" }, //引入的插槽 // scopedSlots: { customRender: "action" }, //引入的插槽
@@ -2395,7 +2395,7 @@ export default {
title: "部门", title: "部门",
dataIndex: "bum", dataIndex: "bum",
key: "bum", key: "bum",
width: 40, width: 50,
align: "center", align: "center",
className: "h", className: "h",
}, },
@@ -2403,7 +2403,7 @@ export default {
title: "岗位", title: "岗位",
dataIndex: "gangw", dataIndex: "gangw",
key: "gangw", key: "gangw",
width: 40, width: 50,
align: "center", align: "center",
className: "h", className: "h",
}, },
@@ -2411,7 +2411,7 @@ export default {
title: "所属小组", title: "所属小组",
dataIndex: "group", dataIndex: "group",
key: "group", key: "group",
width: 40, width: 50,
align: "center", align: "center",
className: "h", className: "h",
}, },