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

feat:合并

Browse Source
This commit is contained in:
岳佳鑫
2022-10-22 11:54:39 +08:00
parent a11bd39bfd
commit be3467e00b
1 changed files with 476 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

522
src/views/projectcenter/ProjectManage.vue
View File

@@ -107,6 +107,28 @@
</a-table>
</div>
<!-- 表格 -->
<!-- 无项目 -->
<div class="tableBox" style="display: none">
<div
class="taskbox"
@click="showModal1"
style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
>
<div class="leftt">
<img src="../../assets/images/taskpage/left2.png" />
</div>
<div class="photo">
<img src="../../assets/images/projectadd/nopro.png" />
</div>
<div class="rightt">
<img src="../../assets/images/taskpage/right2.png" />
</div>
<div class="centerbox" style="color: rgba(78, 166, 255, 1)">
创建项目
</div>
<div class="centermain">点击创建项目任务</div>
</div>
</div>
<!-- 创建子项目弹窗 -->
<div>
<a-modal
@@ -519,7 +541,158 @@
</a-modal>
</div>
<!-- 创建多层子项目弹窗 -->
<!-- 复制路径弹窗 -->
<a-modal
v-model:visible="copyModal"
:footer="null"
:closable="closeCopy"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeCopyModal"></div>
</div>
<div class="body">
<span>您确定要复制此路径吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 结束项目弹窗 -->
<a-modal
v-model:visible="stopModal"
:footer="null"
:closable="closeStop"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeStopModal"></div>
</div>
<div class="body">
<span>是否结束项目</span>
<div class="back">（项目结束后学员将无法继续学习，此操作不可逆）</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 删除项目弹窗 -->
<a-modal
v-model:visible="deleteModal"
:footer="null"
:closable="closeDelete"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeDeleteModal"></div>
</div>
<div class="body">
<span>您确定要删除此项目吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 存为模板弹窗 -->
<a-modal
v-model:visible="startModal"
:footer="null"
:closable="closeStart"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeStartModal"></div>
</div>
<div class="body">
<span>您确定要存为模板吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 撤回路径弹窗 -->
<a-modal
v-model:visible="backModal"
:footer="null"
:closable="closeBack"
wrapClassName="CopyModal"
centered="true"
>
<div class="delete">
<div class="del_header"></div>
<div class="del_main">
<div class="header">
<div class="icon"></div>
<span>提示</span>
<div class="close_exit" @click="closeBackModal"></div>
</div>
<div class="body">
<span>是否撤回项目</span>
<div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div>
</div>
</div>
</a-modal>
<!-- 归属权抽屉 -->
<proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
<!-- 授权名单抽屉 -->
@@ -867,6 +1040,16 @@ export default {
estabish: false,
doublepro: false,
doublesonpro: false,
copyModal: false, //复制弹窗
closeCopy: false, //复制弹窗关闭图标
stopModal: false, //停用弹窗
closeStop: false, //停用弹窗关闭图标
deleteModal: false, //删除弹窗
closeDelete: false, //删除弹窗关闭图标
startModal: false, //启用弹窗
closeStart: false, //启用弹窗关闭图标
backModal: false, //撤回弹窗
closeBack: false, //撤回弹窗关闭图标
ProjOwnervisible: false,
ProjPvisible: false,
});
@@ -946,7 +1129,9 @@ export default {
<router-link to="/taskpage">基础信息</router-link>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
</a-select>
</div>
@@ -988,7 +1173,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<span class="more"></span>
</div>
) : value.state === "已结束" ? (
@@ -1028,8 +1215,12 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="more">删除</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<span class="more" onClick={() => {
showDeleteModal();
}}>删除</span>
</div>
) : (
<div></div>
@@ -1087,10 +1278,14 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="复制" label="复制">
<div>复制</div>
<div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option>
<a-select-option value="删除" label="删除">
<div>删除</div>
<div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option>
</a-select>
</div>
@@ -1136,7 +1331,9 @@ export default {
<router-link to="/classadd" class="operation3">
创建班级
</router-link>
<span class="more">复制</span>
<span class="more" onClick={() => {
showCopyModal();
}}>复制</span>
</div>
) : item.state === "已结束" ? (
<div class="operation">
@@ -1175,8 +1372,12 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="more">删除</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<span class="more" onClick={() => {
showDeleteModal();
}}>删除</span>
</div>
) : (
<div></div>
@@ -1231,13 +1432,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="复制" label="复制">
<div>复制</div>
<div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option>
<a-select-option value="删除" label="删除">
<div>删除</div>
<div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1282,7 +1489,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1291,13 +1500,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="撤回" label="撤回">
<div>撤回</div>
<div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option>
<a-select-option value="结束" label="结束">
<div>结束</div>
<div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1342,8 +1557,12 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1352,10 +1571,14 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="删除" label="删除">
<div>删除</div>
<div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1400,7 +1623,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1409,13 +1634,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="结束" label="结束">
<div>结束</div>
<div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option>
<a-select-option value="撤回" label="撤回">
<div>撤回</div>
<div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1476,13 +1707,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="复制" label="复制">
<div>复制</div>
<div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option>
<a-select-option value="删除" label="删除">
<div>删除</div>
<div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1527,7 +1764,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1536,13 +1775,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="撤回" label="撤回">
<div>撤回</div>
<div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option>
<a-select-option value="结束" label="结束">
<div>结束</div>
<div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1587,7 +1832,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1596,13 +1843,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="删除" label="删除">
<div>删除</div>
<div onClick={() => {
showDeleteModal();
}}>删除</div>
</a-select-option>
<a-select-option value="结束" label="结束">
<div>结束</div>
<div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1647,7 +1900,9 @@ export default {
</a-select-option>
</a-select>
</div>
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
<div class="tableSelect">
<a-select
style="width: 50px"
@@ -1656,13 +1911,19 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="撤回" label="撤回">
<div>撤回</div>
<div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option>
<a-select-option value="结束" label="结束">
<div>结束</div>
<div onClick={() => {
showStopModal();
}}>结束</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1722,7 +1983,9 @@ export default {
{value.state === "草稿" ? (
<span class="operation3">发布</span>
) : (
<span class="operation3">复制</span>
<span class="operation3" onClick={() => {
showCopyModal();
}}>复制</span>
)}
<div class="tableSelect">
{value.state === "草稿" ? (
@@ -1733,19 +1996,23 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="复制" label="复制">
<div>复制</div>
<div onClick={() => {
showCopyModal();
}}>复制</div>
</a-select-option>
<a-select-option value="删除" label="删除">
<div
onClick={() => {
console.log("点击了");
showDeleteModal();
}}
>
删除
</div>
</a-select-option>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1759,19 +2026,23 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="结束" label="结束">
<div
onClick={() => {
console.log("点击了");
showStopModal();
}}
>
结束
</div>
</a-select-option>
<a-select-option value="撤回" label="撤回">
<div>撤回</div>
<div onClick={() => {
showBackModal();
}}>撤回</div>
</a-select-option>
<a-select-option value="基础信息" label="基础信息">
<router-link to="/taskpage">基础信息</router-link>
@@ -1785,12 +2056,14 @@ export default {
dropdownClassName="tabledropdown"
>
<a-select-option value="存为模板" label="存为模板">
<div>存为模板</div>
<div onClick={() => {
showStartModal();
}}>存为模板</div>
</a-select-option>
<a-select-option value="删除" label="删除">
<div
onClick={() => {
console.log("点击了");
showDeleteModal();
}}
>
删除
@@ -1841,6 +2114,36 @@ export default {
const closeModal3 = () => {
state.doublesonpro = false;
};
const showCopyModal = () => {
state.copyModal = true;
};
const closeCopyModal = () => {
state.copyModal = false;
};
const showStopModal = () => {
state.stopModal = true;
};
const closeStopModal = () => {
state.stopModal = false;
};
const showDeleteModal = () => {
state.deleteModal = true;
};
const closeDeleteModal = () => {
state.deleteModal = false;
};
const showStartModal = () => {
state.startModal = true;
};
const closeStartModal = () => {
state.startModal = false;
};
const showBackModal = () => {
state.backModal = true;
};
const closeBackModal = () => {
state.backModal = false;
};
const showProjOwner = () => {
state.ProjOwnervisible = true;
};
@@ -1860,6 +2163,16 @@ export default {
closeModal2,
showModal3,
closeModal3,
showCopyModal,
closeCopyModal,
showStopModal,
closeStopModal,
showDeleteModal,
closeDeleteModal,
showStartModal,
closeStartModal,
showBackModal,
closeBackModal,
getTableDate,
showProjOwner,
showProjPrower,
@@ -2315,4 +2628,115 @@ export default {
}
}
}
.CopyModal {
.ant-modal {
width: 424px !important;
height: 258px !important;
.ant-modal-content {
width: 424px !important;
height: 258px !important;
.ant-modal-body {
width: 424px !important;
height: 258px !important;
padding: 0 !important;
.delete {
z-index: 999;
width: 424px;
height: 258px;
background: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
border-radius: 4px;
// position: absolute;
// left: 50%;
// top: 10%;
// transform: translate(-50%, -50%);
.del_header {
position: absolute;
width: calc(100%);
height: 68px;
background: linear-gradient(
rgba(78, 166, 255, 0.2) 0%,
rgba(78, 166, 255, 0) 100%
);
}
.del_main {
width: 100%;
position: relative;
.header {
display: flex;
align-items: center;
padding-top: 20px;
padding-left: 26px;
font-size: 16px;
.icon {
width: 16px;
height: 16px;
margin-right: 10px;
background-image: url(@/assets/images/coursewareManage/QR.png);
background-size: 100% 100%;
}
.close_exit {
position: absolute;
right: 42px;
cursor: pointer;
width: 20px;
height: 20px;
background-image: url(@/assets/images/coursewareManage/close.png);
background-size: 100% 100%;
}
}
.body {
width: 100%;
margin: 34px auto 56px auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
// background-color: red;
position: relative;
.back {
position: absolute;
top: 30px;
font-size: 12px;
font-weight: 400;
color: #666666;
}
}
.del_btnbox {
display: flex;
margin: 30px auto;
justify-content: center;
.del_btn {
width: 100px;
height: 40px;
background: rgba(64, 158, 255, 0);
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;
}
}
.btn1 {
border: 1px solid rgba(64, 158, 255, 1);
color: #4ea6ff;
margin-right: 14px;
}
.btn2 {
background-color: #4ea6ff;
color: #ffffff;
}
}
}
}
}
}
}
}
</style>