mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 05:16:45 +08:00
feat：学习路径图新增发布，复制，撤回，启用，停用，删除弹窗，修改条件渲染样式
This commit is contained in:
songwc
@@ -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: 1600 }"
|
:scroll="{ x: 1550 }"
|
||||||
@expand="expandTable"
|
@expand="expandTable"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
/>
|
/>
|
||||||
@@ -90,6 +90,7 @@
|
|||||||
|
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
|
|
||||||
|
<!-- 创建路径弹窗 -->
|
||||||
<a-modal
|
<a-modal
|
||||||
:closable="sh"
|
:closable="sh"
|
||||||
centered="true"
|
centered="true"
|
||||||
@@ -175,6 +176,228 @@
|
|||||||
</div>
|
</div>
|
||||||
</div></a-modal
|
</div></a-modal
|
||||||
>
|
>
|
||||||
|
<!-- 发布弹窗 -->
|
||||||
|
<a-modal
|
||||||
|
v-model:visible="pub"
|
||||||
|
:title="null"
|
||||||
|
:footer="null"
|
||||||
|
:closable="false"
|
||||||
|
wrapClassName="pub"
|
||||||
|
width="679px"
|
||||||
|
height="437px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="modalHeader"
|
||||||
|
style="
|
||||||
|
width: 100%;
|
||||||
|
height: 68px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="headerLeft" style="margin-left: 32px">
|
||||||
|
<span style="width: 15px; height: 15px"
|
||||||
|
><img src="../../assets/images/taskpage/pub.png"
|
||||||
|
/></span>
|
||||||
|
<span
|
||||||
|
class="headerLeftText"
|
||||||
|
style="font-size: 16px; margin-left: 10px"
|
||||||
|
>路径发布</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div style="cursor: pointer; margin-right: 32px" @click="closePub">
|
||||||
|
<img
|
||||||
|
style="width: 22px; height: 22px"
|
||||||
|
src="../../assets/images/basicinfo/close22.png"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modalMain">
|
||||||
|
<div class="projectname">产品经理上升路径</div>
|
||||||
|
<div class="projecttime">
|
||||||
|
<span class="timeti">路径时间：</span
|
||||||
|
><span class="timeme">2022/08/01-2022/08/30</span>
|
||||||
|
</div>
|
||||||
|
<div class="projectbox">
|
||||||
|
<div class="promessage">
|
||||||
|
<div class="messageme">路径信息</div>
|
||||||
|
<div class="messagege">当前路径共0个阶段，0个任务</div>
|
||||||
|
</div>
|
||||||
|
<div class="stumessage">
|
||||||
|
<div class="messageme1">学员信息</div>
|
||||||
|
<div class="messagege1">路径共0名学员</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="send">
|
||||||
|
<a-switch v-model:checked="checked" size="small" />
|
||||||
|
<span class="sendtext">发送路径通知</span>
|
||||||
|
</div>
|
||||||
|
<div class="ckb">
|
||||||
|
<a-checkbox v-model:checked="checkedTeacher"
|
||||||
|
><span class="sendpeo">发给老师</span></a-checkbox
|
||||||
|
>
|
||||||
|
<a-checkbox v-model:checked="checkStu"
|
||||||
|
><span class="sendpeo">发给学员</span></a-checkbox
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="pubtn">
|
||||||
|
<a-button class="pubtn1" @click="closeModal">取消</a-button>
|
||||||
|
<a-button class="pubtn2" @click="closeModal">发布</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
<!-- 复制路径弹窗 -->
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -337,6 +560,20 @@ export default {
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
learnPathBg: null, //选择的路径图背景
|
learnPathBg: null, //选择的路径图背景
|
||||||
|
pub: false, //发布弹窗
|
||||||
|
checked: false, //发布弹窗switch
|
||||||
|
checkedTeacher: false, //发布弹窗勾选
|
||||||
|
checkStu: false, //发布弹窗勾选
|
||||||
|
copyModal: false, //复制弹窗
|
||||||
|
closeCopy: false, //复制弹窗关闭图标
|
||||||
|
stopModal: false, //停用弹窗
|
||||||
|
closeStop: false, //停用弹窗关闭图标
|
||||||
|
deleteModal: false, //删除弹窗
|
||||||
|
closeDelete: false, //删除弹窗关闭图标
|
||||||
|
startModal: false, //启用弹窗
|
||||||
|
closeStart: false, //启用弹窗关闭图标
|
||||||
|
backModal: false, //撤回弹窗
|
||||||
|
closeBack: false, //撤回弹窗关闭图标
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: 100,
|
tableDataTotal: 100,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
@@ -427,6 +664,42 @@ export default {
|
|||||||
console.log(id);
|
console.log(id);
|
||||||
state.learnPathBg = id;
|
state.learnPathBg = id;
|
||||||
};
|
};
|
||||||
|
const showPub = () => {
|
||||||
|
state.pub = true;
|
||||||
|
};
|
||||||
|
const closePub = () => {
|
||||||
|
state.pub = 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 getTableDate = () => {
|
const getTableDate = () => {
|
||||||
let data = state.tableData;
|
let data = state.tableData;
|
||||||
data.map((value) => {
|
data.map((value) => {
|
||||||
@@ -437,7 +710,15 @@ export default {
|
|||||||
<div class="nSelect">
|
<div class="nSelect">
|
||||||
{value.state === "草稿" ? (
|
{value.state === "草稿" ? (
|
||||||
<div class="fb">
|
<div class="fb">
|
||||||
<div class="jc">发布</div>
|
<div
|
||||||
|
style="cursor:pointer"
|
||||||
|
class="jc"
|
||||||
|
onClick={() => {
|
||||||
|
showPub();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
发布
|
||||||
|
</div>
|
||||||
<div class="jc">编辑</div>
|
<div class="jc">编辑</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
@@ -452,7 +733,15 @@ export default {
|
|||||||
)}
|
)}
|
||||||
{value.state === "已停用" ? (
|
{value.state === "已停用" ? (
|
||||||
<div class="fb">
|
<div class="fb">
|
||||||
<div class="jc">复制</div>
|
<div
|
||||||
|
style="cursor:pointer"
|
||||||
|
class="jc"
|
||||||
|
onClick={() => {
|
||||||
|
showCopyModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div></div>
|
<div></div>
|
||||||
@@ -488,33 +777,140 @@ export default {
|
|||||||
<div>管理权</div>
|
<div>管理权</div>
|
||||||
</a-select-option>
|
</a-select-option>
|
||||||
</a-select>
|
</a-select>
|
||||||
<a-select
|
</div>
|
||||||
style="width: 50px;margin-top:2px;margin-left:25px"
|
<div class="tableSelect">
|
||||||
value="更多"
|
{value.state === "草稿" ? (
|
||||||
// options={state.projectNameList}
|
<div>
|
||||||
dropdownClassName="tabledropdown"
|
<a-select
|
||||||
>
|
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||||
<a-select-option
|
value="更多"
|
||||||
value="复制"
|
// options={state.projectNameList}
|
||||||
label="复制"
|
dropdownClassName="tabledropdown"
|
||||||
style="padding-left:35px"
|
|
||||||
>
|
|
||||||
<div>复制</div>
|
|
||||||
</a-select-option>
|
|
||||||
<a-select-option
|
|
||||||
value="取消"
|
|
||||||
label="取消"
|
|
||||||
style="padding-left:35px"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
onClick={() => {
|
|
||||||
console.log("点击了");
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
取消
|
<a-select-option
|
||||||
</div>
|
value="复制"
|
||||||
</a-select-option>
|
label="复制"
|
||||||
</a-select>
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showCopyModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option
|
||||||
|
value="停用"
|
||||||
|
label="停用"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showStopModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
停用
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option
|
||||||
|
value="删除"
|
||||||
|
label="删除"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showDeleteModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div></div>
|
||||||
|
)}
|
||||||
|
{value.state === "已发布" ? (
|
||||||
|
<div>
|
||||||
|
<a-select
|
||||||
|
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||||
|
value="更多"
|
||||||
|
// options={state.projectNameList}
|
||||||
|
dropdownClassName="tabledropdown"
|
||||||
|
>
|
||||||
|
<a-select-option
|
||||||
|
value="复制"
|
||||||
|
label="复制"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showCopyModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
|
||||||
|
<a-select-option
|
||||||
|
value="撤回"
|
||||||
|
label="撤回"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showBackModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
撤回
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div></div>
|
||||||
|
)}
|
||||||
|
{value.state === "已停用" ? (
|
||||||
|
<div>
|
||||||
|
<a-select
|
||||||
|
style="width: 50px;margin-top:2px;margin-right:20px;"
|
||||||
|
value="更多"
|
||||||
|
// options={state.projectNameList}
|
||||||
|
dropdownClassName="tabledropdown"
|
||||||
|
>
|
||||||
|
<a-select-option
|
||||||
|
value="启用"
|
||||||
|
label="启用"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showStartModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
启用
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
|
||||||
|
<a-select-option
|
||||||
|
value="删除"
|
||||||
|
label="删除"
|
||||||
|
style="padding-left:35px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
onClick={() => {
|
||||||
|
showDeleteModal();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</div>
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div></div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
@@ -528,6 +924,18 @@ export default {
|
|||||||
selectProjectName,
|
selectProjectName,
|
||||||
expandTable,
|
expandTable,
|
||||||
handleOut,
|
handleOut,
|
||||||
|
showPub,
|
||||||
|
closePub,
|
||||||
|
showCopyModal,
|
||||||
|
closeCopyModal,
|
||||||
|
showStopModal,
|
||||||
|
closeStopModal,
|
||||||
|
showDeleteModal,
|
||||||
|
closeDeleteModal,
|
||||||
|
showStartModal,
|
||||||
|
closeStartModal,
|
||||||
|
showBackModal,
|
||||||
|
closeBackModal,
|
||||||
tableDataFunc,
|
tableDataFunc,
|
||||||
chooseImg,
|
chooseImg,
|
||||||
};
|
};
|
||||||
@@ -724,6 +1132,253 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.pub {
|
||||||
|
.ant-modal {
|
||||||
|
.ant-modal-body {
|
||||||
|
padding: 0;
|
||||||
|
.modalHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(78, 166, 255, 0.2) 0%,
|
||||||
|
rgba(78, 166, 255, 0) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
|
.modalMain {
|
||||||
|
.projectname {
|
||||||
|
color: rgba(79, 81, 86, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin-left: 62px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.projecttime {
|
||||||
|
margin-left: 221px;
|
||||||
|
.timeti {
|
||||||
|
color: rgba(153, 155, 163, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
.timeme {
|
||||||
|
color: rgba(79, 81, 86, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.projectbox {
|
||||||
|
margin-top: 26px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.promessage {
|
||||||
|
width: 280px;
|
||||||
|
height: 110px;
|
||||||
|
background: linear-gradient(
|
||||||
|
180deg,
|
||||||
|
rgba(254, 243, 221, 1),
|
||||||
|
rgba(255, 250, 240, 1)
|
||||||
|
);
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-right: 7px;
|
||||||
|
.messageme {
|
||||||
|
color: rgba(255, 182, 78, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
.messagege {
|
||||||
|
color: rgba(153, 155, 163, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.stumessage {
|
||||||
|
width: 280px;
|
||||||
|
height: 110px;
|
||||||
|
background: linear-gradient(
|
||||||
|
180deg,
|
||||||
|
rgba(221, 234, 255, 1),
|
||||||
|
rgba(240, 248, 254, 1)
|
||||||
|
);
|
||||||
|
border-radius: 10px;
|
||||||
|
.messageme1 {
|
||||||
|
color: rgba(78, 166, 255, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 36px;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
.messagege1 {
|
||||||
|
color: rgba(153, 155, 163, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.send {
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left: 61px;
|
||||||
|
.sendtext {
|
||||||
|
margin-left: 11px;
|
||||||
|
color: rgba(109, 117, 132, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.ckb {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 62px;
|
||||||
|
.sendpeo {
|
||||||
|
color: rgba(109, 117, 132, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.ant-checkbox-inner {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pubtn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 25px;
|
||||||
|
//margin-bottom: 29px;
|
||||||
|
.pubtn1 {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 16px;
|
||||||
|
margin-bottom: 29px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: rgba(78, 166, 255, 1);
|
||||||
|
font-size: 14px;
|
||||||
|
//line-height: 36px;
|
||||||
|
align-items: center;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
|
}
|
||||||
|
.pubtn2 {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-bottom: 29px;
|
||||||
|
border: 1px solid #409eff;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 14px;
|
||||||
|
align-items: center;
|
||||||
|
//line-height: 36px;
|
||||||
|
background: #409eff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.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: 40px;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.learningPath {
|
.learningPath {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -852,78 +1507,27 @@ export default {
|
|||||||
.nSelect {
|
.nSelect {
|
||||||
.fb {
|
.fb {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
white-space: nowrap;
|
||||||
.jc {
|
.jc {
|
||||||
color: #4ea6ff;
|
color: #4ea6ff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tableSelect {
|
.tableSelect {
|
||||||
margin-right: 20px;
|
// margin-right: 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: right;
|
justify-content: right;
|
||||||
|
white-space: nowrap;
|
||||||
.g1 {
|
.g1 {
|
||||||
color: #4ea6ff;
|
color: #4ea6ff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// .operation {
|
|
||||||
// font-size: 14px;
|
|
||||||
// font-weight: 400;
|
|
||||||
// color: #4ea6ff;
|
|
||||||
// // line-height: 36px;
|
|
||||||
// .operation1 {
|
|
||||||
// margin-left: 21px;
|
|
||||||
// width: 28px;
|
|
||||||
// display: inline-block;
|
|
||||||
// }
|
|
||||||
// .operation3 {
|
|
||||||
// margin-left: 21px;
|
|
||||||
// width: 70px;
|
|
||||||
// display: inline-block;
|
|
||||||
// text-align: center;
|
|
||||||
// }
|
|
||||||
// .more {
|
|
||||||
// width: 50px;
|
|
||||||
// display: inline-block;
|
|
||||||
// margin-left: 21px;
|
|
||||||
// position: relative;
|
|
||||||
// text-align: left;
|
|
||||||
// // z-index: 99999;
|
|
||||||
// .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;
|
|
||||||
// padding: 5px;
|
|
||||||
// display: none;
|
|
||||||
// background: #ffffff;
|
|
||||||
// box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
|
|
||||||
// border-radius: 3px;
|
|
||||||
// border: 0px solid #dcdcdc;
|
|
||||||
// position: absolute;
|
|
||||||
// left: 0px;
|
|
||||||
// top: 28px;
|
|
||||||
// z-index: 100;
|
|
||||||
// text-align: center;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// .more:hover .moreArrow {
|
|
||||||
// background-image: url("../../assets/images/navtop/up.png");
|
|
||||||
// }
|
|
||||||
// .more:hover .moreItems {
|
|
||||||
// display: block;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
.unout {
|
.unout {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -1084,11 +1084,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background: linear-gradient(
|
|
||||||
0deg,
|
|
||||||
rgba(78, 166, 255, 0) 0%,
|
|
||||||
rgba(78, 166, 255, 0.2) 100%
|
|
||||||
);
|
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<div class="headerLeft" style="margin-left: 32px">
|
<div class="headerLeft" style="margin-left: 32px">
|
||||||
@@ -1497,7 +1492,9 @@ export default {
|
|||||||
require("../../assets/images/taskpage/one.png") +
|
require("../../assets/images/taskpage/one.png") +
|
||||||
")",
|
")",
|
||||||
}}
|
}}
|
||||||
>fewfwe</div>
|
>
|
||||||
|
fewfwe
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
} else if (text.record.rank == "2") {
|
} else if (text.record.rank == "2") {
|
||||||
return <div>ggg</div>;
|
return <div>ggg</div>;
|
||||||
@@ -1774,6 +1771,12 @@ export default {
|
|||||||
.pubproject {
|
.pubproject {
|
||||||
.ant-modal {
|
.ant-modal {
|
||||||
.ant-modal-body {
|
.ant-modal-body {
|
||||||
|
.modalHeader {
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(78, 166, 255, 0.2) 0%,
|
||||||
|
rgba(78, 166, 255, 0) 100%
|
||||||
|
);
|
||||||
|
}
|
||||||
padding: 0;
|
padding: 0;
|
||||||
.modalMain {
|
.modalMain {
|
||||||
.projectname {
|
.projectname {
|
||||||
|
|||||||
Reference in New Issue
Block a user