diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue index 49c82cfc..947cf3c7 100644 --- a/src/views/projectcenter/ProjectManage.vue +++ b/src/views/projectcenter/ProjectManage.vue @@ -107,6 +107,28 @@ + +
- + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要复制此路径吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 是否结束项目 +
（项目结束后学员将无法继续学习，此操作不可逆）
+
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要删除此项目吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 您确定要存为模板吗 +
+
+
+
取消
+
+
+
确定
+
+
+
+
+ + + +
+
+
+
+
+ 提示 +
+
+
+ 是否撤回项目 +
（项目撤回后学员进度保留，发布后可继续学习）
+
+
+
+
取消
+
+
+
确定
+
+
+
+
+ @@ -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 { 基础信息 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 @@ -988,7 +1173,9 @@ export default { - 复制 + { + showCopyModal(); + }}>复制 ) : value.state === "已结束" ? ( @@ -1028,8 +1215,12 @@ export default { - 复制 - 删除 + { + showCopyModal(); + }}>复制 + { + showDeleteModal(); + }}>删除 ) : (
@@ -1087,10 +1278,14 @@ export default { dropdownClassName="tabledropdown" > -
复制
+
{ + showCopyModal(); + }}>复制
 -
删除
+
{ + showDeleteModal(); + }}>删除
 @@ -1136,7 +1331,9 @@ export default { 创建班级 - 复制 + { + showCopyModal(); + }}>复制 ) : item.state === "已结束" ? (
@@ -1175,8 +1372,12 @@ export default {
- 复制 - 删除 + { + showCopyModal(); + }}>复制 + { + showDeleteModal(); + }}>删除 ) : (
@@ -1231,13 +1432,19 @@ export default { dropdownClassName="tabledropdown" > -
复制
+
{ + showCopyModal(); + }}>复制
 -
删除
+
{ + showDeleteModal(); + }}>删除
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1282,7 +1489,9 @@ export default { - 复制 + { + showCopyModal(); + }}>复制
-
撤回
+
{ + showBackModal(); + }}>撤回
 -
结束
+
{ + showStopModal(); + }}>结束
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1342,8 +1557,12 @@ export default {
- 复制 - 复制 + { + showCopyModal(); + }}>复制 + { + showCopyModal(); + }}>复制
-
删除
+
{ + showDeleteModal(); + }}>删除
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1400,7 +1623,9 @@ export default {
- 复制 + { + showCopyModal(); + }}>复制
-
结束
+
{ + showStopModal(); + }}>结束
 -
撤回
+
{ + showBackModal(); + }}>撤回
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1476,13 +1707,19 @@ export default { dropdownClassName="tabledropdown" > -
复制
+
{ + showCopyModal(); + }}>复制
 -
删除
+
{ + showDeleteModal(); + }}>删除
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1527,7 +1764,9 @@ export default {
- 复制 + { + showCopyModal(); + }}>复制
-
撤回
+
{ + showBackModal(); + }}>撤回
 -
结束
+
{ + showStopModal(); + }}>结束
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1587,7 +1832,9 @@ export default {
- 复制 + { + showCopyModal(); + }}>复制
-
删除
+
{ + showDeleteModal(); + }}>删除
 -
结束
+
{ + showStopModal(); + }}>结束
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1647,7 +1900,9 @@ export default {
- 复制 + { + showCopyModal(); + }}>复制
-
撤回
+
{ + showBackModal(); + }}>撤回
 -
结束
+
{ + showStopModal(); + }}>结束
 -
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1722,7 +1983,9 @@ export default { {value.state === "草稿" ? ( 发布 ) : ( - 复制 + { + showCopyModal(); + }}>复制 )}
{value.state === "草稿" ? ( @@ -1733,19 +1996,23 @@ export default { dropdownClassName="tabledropdown" > -
复制
+
{ + showCopyModal(); + }}>复制
{ - console.log("点击了"); - }} + showDeleteModal(); + }} > 删除
-
存为模板
+
{ + showStartModal(); + }}>存为模板
 基础信息 @@ -1759,19 +2026,23 @@ export default { dropdownClassName="tabledropdown" > -
存为模板
+
{ + showStartModal(); + }}>存为模板
{ - console.log("点击了"); - }} + showStopModal(); + }} > 结束
-
撤回
+
{ + showBackModal(); + }}>撤回
 基础信息 @@ -1785,13 +2056,15 @@ export default { dropdownClassName="tabledropdown" > -
存为模板
+
{ + showStartModal(); + }}>存为模板
{ - 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; + } + } + } + } + } + } + } +}