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

feat:合并

Browse Source
This commit is contained in:
李晓鸽
2022-10-11 18:44:46 +08:00
parent 866d114b2a 96d65663fc
commit cfe60c4eb8
12 changed files with 1580 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -45,6 +45,7 @@ LevelAddDetail.vue:创建关卡页面
ProjectManage.vue:项目页面
ProjectAdd.vue:创建项目页面
TaskPage.vue:任务页面
TaskAdd.vue:创建任务页面
TemplateLibrary.vue:模板页面
```

BIN
src/assets/images/coursewareManage/gan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 352 B

BIN
src/assets/images/coursewareManage/reset0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 486 B

BIN
src/assets/images/coursewareManage/reset1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 598 B

BIN
src/assets/images/projectadd/delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 306 B

BIN
src/assets/images/projectadd/delete1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 269 B

BIN
src/assets/images/projectadd/keep.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/images/projectadd/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 246 B

491
src/views/courselibrary/CoursewareManage.vue
View File

@@ -580,19 +580,20 @@
<div class="gpm_inputbtn">
<a-input
v-model:value="value"
style="width: 270px; height: 40px; border-radius: 8px;margin-right: 14px;"
style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
placeholder="请输入姓名"
/>
<div class="gpm_btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="gpm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
</div>
<div class="gpm_notice">
<div class="th_icon"><div class="th_text">i</div></div>
<div class="th_icon"></div>
<div class="textarea">已选择 <span style="color: #4EA6FF;">1</span> 项</div>
<div class="textarea"><span style="color:#999BA3;">列表选项总计：</span><span>5条</span></div>
</div>
@@ -628,7 +629,7 @@
</template>
</a-table>
</div>
</div>
</div>
<!--操作授权页面 -->
@@ -665,12 +666,12 @@
<div class="btnText">搜索</div>
</div>
<div class="stm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
<div class="stm_btn btn3" style="width: 130px;">
<div class="search"></div>
<div class="btnText" @click="createkk">新建开课</div>
<div class="stm_btn3 btn3" >
<div class="add"></div>
<div class="btnText" @click="createkk"><span style="color:#ffffff;">新建开课</span> </div>
</div>
</div>
<div class="stm_table">
@@ -707,10 +708,7 @@
<!--开课页面 -->
<!--新建开课页面 -->
<div
class="createschooltime"
:style="{ display: cstm_hs ? 'block' : 'none' }"
>
<div class="createschooltime" :style="{ display: cstm_hs ? 'block' : 'none' }">
<div class="cst_header"></div>
<div class="cst_main">
<div class="cstm_header">
@@ -864,7 +862,7 @@
<div class="btnText">搜索</div>
</div>
<div class="stmm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
</div>
@@ -915,7 +913,6 @@
</div>
</div>
</div>
</div>
<!--新建开课学员管理页面页面 -->
</div>
</template>
@@ -1580,38 +1577,180 @@ export default defineComponent({
const getTableDate = () => {
let data = state.tableData;
// data.map((value) => {
// value.operation = (
// // value.courseform === '面授' ?
// <div class="op_box">
// <div class="operation">
// <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
// <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
// <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
// <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
// <span class={value.status === '待审核' ? "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
// <span style={{ "margin-left": "25px" }} class="more">
// <span>授权</span>
// <div class="moreArrow"></div>
// <div class="moreItems">
// <span style="color:#4EA6FF;">权限名单</span>
// <div class="mitems1">归属权</div>
// <div class="mitems2">管理权</div>
// <div class="mitems3">查看权</div>
// </div>
// </span>
// <span
// style={{ "margin-left": "21px", "margin-right": "30px" }}
// class="more"
// >
// <span>更多</span>
// <div class="moreArrow"></div>
// <div class="moreItems"></div>
// </span>
// </div>
// </div>
// );
// });
data.map((value) => {
{
//单层项目
value.operation = (
<div class="operation">
<div class="nSelect">
{value.status === "已审核" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<router-link to="/leveladd">
<div class="jc">管理</div>
</router-link>
<div class="jc">复制</div>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="授权"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option value="权限名单" label="权限名单">
<div>权限名单</div>
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
}}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="更多"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option
value="复制"
label="复制"
style="padding-left:35px"
>
<div>复制</div>
</a-select-option>
<a-select-option
value="取消"
label="取消"
style="padding-left:35px"
>
<div
onClick={() => {
console.log("点击了");
}}
>
取消
</div>
</a-select-option>
</a-select>
</div>
) : (
<div></div>
)}
{value.status === "待审核" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">撤回</div>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="授权"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option value="权限名单" label="权限名单">
<div>权限名单</div>
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
}}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
</div>
) : (
<div></div>
)}
{value.status === "未提交" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">编辑</div>
<div class="jc">复制</div>
</div>
) : (
<div></div>
)}
{value.status === "审核未通过" ? (
<div class="nselect">
<router-link to="/leveladd">
<div class="jc">开课</div>
</router-link>
<div class="jc">编辑</div>
<div class="jc">复制</div>
<a-select
style="width: 50px;margin-top:2px;margin-left:25px"
value="授权"
// options={state.projectNameList}
dropdownClassName="tabledropdown"
>
<a-select-option value="权限名单" label="权限名单">
<div>权限名单</div>
</a-select-option>
<a-select-option value="归属权" label="归属权">
<div
onClick={() => {
console.log("点击了");
}}
>
归属权
</div>
</a-select-option>
<a-select-option value="查看权" label="查看权">
<div>查看权</div>
</a-select-option>
<a-select-option value="管理权" label="管理权">
<div>管理权</div>
</a-select-option>
</a-select>
<div class="jc">删除</div>
</div>
) : (
<div></div>
)}
</div>
</div>
);
}
});
state.tableData = data;
};
getTableDate();
@@ -2207,48 +2346,72 @@ export default defineComponent({
.op_box {
display: flex;
justify-content: right;
.opacation {
font-size: 14px;
font-weight: 400;
color: #4ea6ff;
// line-height: 36px;
.activecls {
display: inline-block;
}
.errorCls {
display: none;
}
.more {
position: relative;
.moreArrow {
width: 13px;
height: 7px;
display: inline-block;
background-image: url("@/assets/images/navtop/down.png");
background-size: 100%;
margin: 2px;
margin-left: 7px;
}
.moreItems {
width: 80px;
// height: 70px;
display: none;
background: #ffffff;
box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
border-radius: 3px;
border: 0px solid #dcdcdc;
align-items: center;
position: absolute;
left: 0px;
top: 18px;
z-index: 9999 !important;
// .opacation {
// font-size: 14px;
// font-weight: 400;
// color: #4ea6ff;
// // line-height: 36px;
// .activecls {
// display: inline-block;
// }
// .errorCls {
// display: none;
// }
// .more {
// position: relative;
// .moreArrow {
// width: 13px;
// height: 7px;
// display: inline-block;
// background-image: url("@/assets/images/navtop/down.png");
// background-size: 100%;
// margin: 2px;
// margin-left: 7px;
// }
// .moreItems {
// width: 80px;
// // height: 70px;
// display: none;
// background: #ffffff;
// box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
// border-radius: 3px;
// border: 0px solid #dcdcdc;
// align-items: center;
// position: absolute;
// left: 0px;
// top: 18px;
// z-index: 9999 !important;
// }
// }
// .more:hover .moreArrow {
// background-image: url("@/assets/images/navtop/up.png");
// }
// .more:hover .moreItems {
// display: block;
// }
// }
}
.operation {
display: flex;
justify-content: right;
.nSelect {
.nselect {
display: flex;
.jc {
color: #4ea6ff;
font-size: 14px;
margin-left: 20px;
}
}
.more:hover .moreArrow {
background-image: url("@/assets/images/navtop/up.png");
}
.more:hover .moreItems {
display: block;
}
.tableSelect {
margin-right: 20px;
display: flex;
align-items: center;
justify-content: right;
.g1 {
color: #4ea6ff;
font-size: 14px;
}
}
}
@@ -2499,32 +2662,82 @@ export default defineComponent({
background-size: 100% 100%;
}
}
.b_sub {
.gpm_inputbtn{
width: 90%;
margin: 20px auto;
display: flex;
margin-bottom: 10px;
.bs_type {
color: #999ba3;
.gpm_btn {
width: 100px;
height: 40px;
margin-right: 14px;
background: #ffffff;
border: 1px solid #4EA6FF;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
color: #4EA6FF;
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.bs_left {
color: #999ba3;
margin-left: 35px;
.btn1 {
.search {
width: 15px;
height: 17px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.bs_right {
color: #4f5156;
.btn2 {
.reset {
width: 16px;
height: 18px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn1:hover {
background: #4EA6FF;
.search {
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: #4EA6FF;
.reset {
background-image: url("@/assets/images/coursewareManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
}
.b_menu {
width: calc(100%);
}
.b_menunav {
.gpm_notice{
display: flex;
margin-top: 20px;
margin-bottom: 20px;
.bm_select {
margin-right: 20px;
background: rgba(78,166,255,0.25);
border: 1px solid #4EA6FF;
width: 90%;
height: 62px;
margin:20px auto;
align-items: center;
line-height: 64px;
.th_icon{
width: 16px;
height: 16px;
background-image: url(@/assets/images/coursewareManage/gan.png);
background-size: 100% 100%;
margin: auto 13px auto 37px;
}
.bm_input {
margin-right: 20px;
.textarea{
margin-right: 33px;
}
}
.gpm_table{
@@ -2605,52 +2818,64 @@ export default defineComponent({
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
margin-right: 6px;
background-image: url("@/assets/images/coursewareManage/search1.png");
}
}
.btn2 {
.search {
.reset {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
margin-right: 5px;
margin-right: 6px;
background-image: url("@/assets/images/coursewareManage/reset1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
background: #4EA6FF;
.search {
background-image: url("../../assets/images/courseManage/search0.png");
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
background: #4EA6FF;
.reset {
background-image: url("@/assets/images/coursewareManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
}
.stm_btn3{
width: 130px;
height: 40px;
border: 1px solid #4EA6FF;
background-color: #4EA6FF;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
.btn3 {
.add {
width: 17px;
height: 18px;
background-image: url("@/assets/images/coursewareManage/add0.png");
background-size: 100% 100%;
margin-right: 6px;
}
}
}
.stm_table{
width: 90%;
margin:30px auto;
@@ -2891,13 +3116,15 @@ export default defineComponent({
.search {
width: 15px;
height: 17px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.btn2 {
.search {
.reset {
width: 16px;
height: 18px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
@@ -2912,7 +3139,7 @@ export default defineComponent({
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
.reset {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {

1208
src/views/projectcenter/TaskAdd.vue Normal file
View File

File diff suppressed because it is too large Load Diff

21
src/views/projectcenter/TaskPage.vue
View File

@@ -20,7 +20,7 @@
<div class="end">
<div style="margin-top: 20px;margin-left: 10px">
<img class="endimg" src="../../assets/images/leveladd/more.png"/>
<div class="tableSelect" style="margin-left: 10px">
<div class="tableSelect" style="margin-left: 10px;margin-right: 20px">
<a-select
style="width: 50px; color: #7096E3"
value="更多"
@@ -40,12 +40,11 @@
</div>
</div>
<div class="end">
<div style="margin-top: 20px;margin-left: 10px">
<div style="margin-top: 20px;margin-left: 10px;margin-right:30px">
<img class="ending" src="../../assets/images/leveladd/back.png" />
<span class="endtext" style="color:#4EA6FF">返回</span>
</div>
</div>
</div>
</div>
<div class="split"></div>
@@ -258,10 +257,11 @@
width: 100%;
display: flex;
flex-direction: column;
position: relative;
//position: relative;
.header {
width: 100%;
display: flex;
flex-wrap: wrap;
.box {
border: 12px solid #E7F2FF;
margin: 16px 0 16px 19px;
@@ -270,12 +270,13 @@
}
.imgfor {
display: flex;
flex: 1;
flex-direction: column;
margin-top: 38px;
//margin-left: 15px;
margin-left: 15px;
//float: left;
position: absolute;
left: 210px;
//position: absolute;
//left: 210px;
.forz {
font-size: 16px;
color: #363636;
@@ -289,9 +290,9 @@
}
.right {
display: flex;
position: absolute;
right: 10px;
top: 5px;
//position: absolute;
//right: 10px;
//top: 5px;
//float: right;
.end {
border-left: 1px solid #E8EFFA;

1
src/views/research/ResearchAdd.vue
View File

@@ -278,6 +278,7 @@
margin-bottom: 14px;
.btn {
display: flex;
margin-bottom: 20px;
justify-content: center;
cursor: pointer;
}