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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/drawers/MemberList.vue
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;

6
src/components/drawers/QueryRight.vue
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="{

515
src/components/drawers/SeeStu.vue
View File

@@ -17,109 +17,219 @@
</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">
<div class="stumation"> <img src="../../assets/images/studentimg/character.png" />
<div class="stuname">王明</div> </div>
<div class="stugangw">产研部门 - 产品经理</div> <div class="stumation">
<div class="stuname">王明</div>
<div class="stugangw">产研部门 - 产品经理</div>
</div>
<div class="sortbox">
<div class="sortname">进度排名</div>
<div class="sortnub">
<span class="nub1">2</span>
<span class="total">/10</span>
</div> </div>
<div class="sortbox"> </div>
<div class="sortname">进度排名</div> <a-divider
<div class="sortnub"> type="vertical"
<span class="nub1">2</span> style="
<span class="total">/10</span> height: 49px;
</div> margin-left: 34px;
background-color: rgba(170, 166, 166, 0.3);
"
/>
<div class="sortbox" style="margin-left: 34px">
<div class="sortname">完成必修</div>
<div class="sortnub">
<span class="nub1">3</span>
<span class="total">/10</span>
</div> </div>
<a-divider type="vertical" style="height: 49px;margin-left: 34px; background-color: rgba(170, 166, 166, 0.3)" /> </div>
<div class="sortbox" style="margin-left: 34px"> <a-divider
<div class="sortname">完成必修</div> type="vertical"
<div class="sortnub"> style="
<span class="nub1">3</span> height: 49px;
<span class="total">/10</span> margin-left: 34px;
</div> background-color: rgba(170, 166, 166, 0.3);
</div> "
<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">
<span class="nub1">1</span> <span class="nub1">1</span>
</div>
</div> </div>
</div>
</div> </div>
<div class="secondrow"> <div class="secondrow">
<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">
<div class="titletext">阶段1 腾飞班阶段1</div> <img
:src="
showDown
? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png')
"
/>
</div>
<div class="titletext">阶段1 腾飞班阶段1</div>
</div>
<div :style="{ display: showDown ? '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>
<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/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">
<div class="altext">已完成</div> <img src="../../assets/images/studentimg/complete.png" />
</div> </div>
<div class="altext">已完成</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/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/complete.png"/></div> <div class="alimg">
<div class="altext">已完成</div> <img src="../../assets/images/studentimg/notice.png" />
</div> </div>
<div class="altext">未完成</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/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">
<div class="altext">未完成</div> <img src="../../assets/images/studentimg/notice.png" />
</div> </div>
<div class="altext">未完成</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/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">
<div class="altext">未完成</div> <img src="../../assets/images/studentimg/notice.png" />
</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 class="altext">未完成</div>
</div>
</div> </div>
</div>
</div> </div>
<div class="mainbox" style="margin-top: 15px; height: 56px"> <div class="mainbox">
<div class="rowtitle"> <div class="rowtitle" @click="changeDown1">
<div class="titleimg"><img src="../../assets/images/studentimg/close.png"/></div> <div class="titleimg">
<div class="titletext">阶段2 腾飞班阶段2</div> <img
:src="
showDown1
? require('../../assets/images/studentimg/open.png')
: require('../../assets/images/studentimg/close.png')
"
/>
</div> </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">关闭</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;
@@ -201,144 +321,147 @@ export default {
} }
} }
.main { .main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.stuinfor { overflow-y: auto;
display: flex; padding-bottom: 80px;
align-items: center; .stuinfor {
height: 133px; display: flex;
margin-top: 20px; align-items: center;
margin-right: 37px; height: 133px;
background-image: url("../../assets/images/studentimg/bgimg.png"); margin-top: 20px;
background-repeat: no-repeat; margin-right: 37px;
background-position: right; background-image: url("../../assets/images/studentimg/bgimg.png");
.stumation { background-repeat: no-repeat;
margin-left: 24px; background-position: right;
.stuname { .stumation {
color: #333333; margin-left: 24px;
font-size: 18px; .stuname {
} color: #333333;
.stugangw { font-size: 18px;
color: #999999;
font-size: 16px;
margin-top: 7px;
}
} }
.sortbox { .stugangw {
display: flex; color: #999999;
flex-direction: column;
justify-content: center;
margin-left: 114px;
.sortname {
color: #666660;
font-size: 14px;
}
.sortnub {
display: flex;
justify-content: center;
margin-top: 7px;
.nub1 {
color: #0060FF;
font-size: 22px;
}
.total {
color: #999999;
font-size: 22px;
}
}
}
}
.secondrow {
margin-top: 32px;
display: flex;
.rowleft {
color: rgba(51, 51, 51, 1);
font-size: 16px; font-size: 16px;
} margin-top: 7px;
.rowbox { }
width: 64px; }
height: 24px; .sortbox {
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 114px;
.sortname {
color: #666660;
font-size: 14px;
}
.sortnub {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; margin-top: 7px;
margin-left: 24px; .nub1 {
border: 1px solid rgba(64, 158, 255, 1); color: #0060ff;
background: rgba(64, 158, 255, 0.1); font-size: 22px;
cursor: pointer;
.shuom {
color: rgba(64, 158, 255, 1);
font-size: 14px;
line-height: 20px;
margin-right: 5px;
} }
} .total {
} color: #999999;
.mainbox { font-size: 22px;
height: 463px; }
}
}
}
.secondrow {
margin-top: 32px;
display: flex;
.rowleft {
color: rgba(51, 51, 51, 1);
font-size: 16px;
}
.rowbox {
width: 64px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 24px;
border: 1px solid rgba(64, 158, 255, 1);
background: rgba(64, 158, 255, 0.1);
cursor: pointer;
.shuom {
color: rgba(64, 158, 255, 1);
font-size: 14px;
line-height: 20px;
margin-right: 5px;
}
}
}
.mainbox {
// 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 { .rowtitle {
height: 56px; height: 56px;
background: rgba(240, 246, 252, 1); background: rgba(240, 246, 252, 1);
display: flex; display: flex;
align-items: center; align-items: center;
.titleimg { .titleimg {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-left: 23px; margin-left: 23px;
} }
.titletext { .titletext {
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-left: 16px; margin-left: 16px;
} }
} }
.rowclass { .rowclass {
height: 81px; height: 81px;
border-bottom: 1px solid rgba(221, 238, 255, 1); border-bottom: 1px solid rgba(221, 238, 255, 1);
display: flex;
justify-content: space-between;
align-items: center;
.leftclass {
display: flex; display: flex;
justify-content: space-between; margin-left: 25px;
align-items: center; align-items: center;
.leftclass { .text1 {
display: flex; color: #000000;
margin-left: 25px; font-size: 14px;
align-items: center; font-weight: 500;
.text1 { margin-left: 25px;
color: #000000;
font-size: 14px;
font-weight: 500;
margin-left: 25px;
}
.text2 {
color: rgba(51, 51, 51, 0.8);
font-size: 14px;
margin-left: 65px;
}
} }
.alreadyclass { .text2 {
display: flex; color: rgba(51, 51, 51, 0.8);
margin-right: 57px; font-size: 14px;
.alimg { margin-left: 65px;
height: 16px;
width: 16px;
}
.altext {
color: rgba(56, 125, 247, 1);
font-size: 14px;
margin-left: 16px;
}
} }
}
.alreadyclass {
display: flex;
margin-right: 57px;
.alimg {
height: 16px;
width: 16px;
}
.altext {
color: rgba(56, 125, 247, 1);
font-size: 14px;
margin-left: 16px;
}
}
} }
} }
} }
.btnn { .btnn {
height: 72px; height: 72px;
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;

11
src/components/drawers/StuAdd.vue
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;
} }
} }

10
src/views/projectcenter/TaskPage.vue
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",
}, },