mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-18 07:16:46 +08:00
feat:修改课程管理的tabs切换问题以及学习记录详情的高
This commit is contained in:
李晓鸽
@@ -294,19 +294,20 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
<a-input
|
||||
v-model:value="value6"
|
||||
maxlength="90"
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入课程名称"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value6.length }}/90</span
|
||||
>
|
||||
</div>
|
||||
<span style="margin-right: 14px">课程名称</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
<a-input
|
||||
v-model:value="value6"
|
||||
maxlength="90"
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入课程名称"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value6.length }}/90</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -374,20 +375,10 @@
|
||||
</div>
|
||||
</a-upload>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
<a-input
|
||||
v-model:value="value7"
|
||||
maxlength="50"
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入目标人群"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value7.length }}/50</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="i3_bottom">
|
||||
<span style="color: #999ba3"
|
||||
>高宽比为16:9 (如:800*450) png或jpg图片</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -400,19 +391,20 @@
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
<a-input
|
||||
v-model:value="value8"
|
||||
maxlength="200"
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入课程价值"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value8.length }}/200</span
|
||||
>
|
||||
</div>
|
||||
<span style="margin-right: 14px">目标人群</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
<a-input
|
||||
v-model:value="value7"
|
||||
maxlength="50"
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入目标人群"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value7.length }}/50</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -429,6 +421,11 @@
|
||||
style="width: 440px; height: 40px; border-radius: 8px"
|
||||
placeholder="请输入课程价值"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value8.length }}/200</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -522,6 +519,11 @@
|
||||
style="width: 440px; height: 100px; border-radius: 8px"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value11.length }}/150</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -536,11 +538,6 @@
|
||||
src="@/assets/images/coursewareManage/enclosure.png"
|
||||
alt=""
|
||||
/>
|
||||
<div class="inp_num">
|
||||
<span style="color: #c7cbd2"
|
||||
>{{ value11.length }}/150</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<span style="color: #4ea6ff">添加附件</span>
|
||||
</div>
|
||||
@@ -724,10 +721,10 @@
|
||||
</div>
|
||||
<a-tabs
|
||||
class="b_menu"
|
||||
v-model:activeKey="activeKey"
|
||||
v-model:activeKey="faceManageTab"
|
||||
size="large"
|
||||
:tabBarStyle="{ marginLeft: '10px' }"
|
||||
@change="coursemanageTabsChange"
|
||||
@change="faceManageChange"
|
||||
>
|
||||
<a-tab-pane key="1" tab="报名管理">
|
||||
<div class="b_menunav">
|
||||
@@ -839,7 +836,7 @@
|
||||
@ok="closeModal"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="modalStyle detailModal"
|
||||
wrapClassName="modalStyle coursewareDetail"
|
||||
width="80%"
|
||||
>
|
||||
<div class="modalHeader">
|
||||
@@ -2318,7 +2315,7 @@ export default defineComponent({
|
||||
valueC: "",
|
||||
selectedRowKeys: [],
|
||||
|
||||
activeKey: "1",
|
||||
faceManageTab: "1",
|
||||
});
|
||||
const fileList = ref([]);
|
||||
const loading = ref(false);
|
||||
@@ -2363,19 +2360,15 @@ export default defineComponent({
|
||||
{value.status === "已审核" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
{value.courseform === "线上" ? (
|
||||
<div class="jc" style={{ width: "30px" }}></div>
|
||||
) : (
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops2">
|
||||
<div
|
||||
@@ -2485,19 +2478,15 @@ export default defineComponent({
|
||||
{value.status === "待审核" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
{value.courseform === "线上" ? (
|
||||
<div class="jc" style={{ width: "30px" }}></div>
|
||||
) : (
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops1">
|
||||
<div class="jc" style={{ width: "30px" }}></div>
|
||||
@@ -2552,19 +2541,15 @@ export default defineComponent({
|
||||
{value.status === "未提交" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
{value.courseform === "线上" ? (
|
||||
<div class="jc" style={{ width: "30px" }}></div>
|
||||
) : (
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops2">
|
||||
<div class="jc" style={{ width: "30px" }}>
|
||||
@@ -2576,46 +2561,6 @@ export default defineComponent({
|
||||
复制
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableSelect">
|
||||
<div class="ops4">
|
||||
<a-select
|
||||
style="width: 50px;margin-top:2px;margin-left:15px"
|
||||
value="授权"
|
||||
// options={state.projectNameList}
|
||||
dropdownClassName="tabledropdown"
|
||||
>
|
||||
<a-select-option value="权限名单" label="权限名单">
|
||||
<div
|
||||
onClick={() => {
|
||||
state.gpm_hs = true;
|
||||
}}
|
||||
>
|
||||
权限名单
|
||||
</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 class="ops5">
|
||||
<div class="jc" style="margin-left:22px">
|
||||
删除
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div></div>
|
||||
@@ -2623,19 +2568,15 @@ export default defineComponent({
|
||||
{value.status === "审核未通过" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops1">
|
||||
{value.courseform === "线上" ? (
|
||||
<div class="jc" style={{ width: "30px" }}></div>
|
||||
) : (
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
)}
|
||||
<div
|
||||
class="jc"
|
||||
style={{ width: "30px" }}
|
||||
onClick={() => {
|
||||
state.stm_hs = true;
|
||||
}}
|
||||
>
|
||||
开课
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops2">
|
||||
<div class="jc" style={{ width: "30px" }}>
|
||||
@@ -2699,7 +2640,6 @@ export default defineComponent({
|
||||
state.tableData = datas;
|
||||
};
|
||||
getTableDate();
|
||||
|
||||
const getTableDate2 = () => {
|
||||
let data2 = state.tableData7;
|
||||
data2.map((value) => {
|
||||
@@ -2763,7 +2703,6 @@ export default defineComponent({
|
||||
state.tableData = data2;
|
||||
};
|
||||
getTableDate2();
|
||||
|
||||
const getTableDate3 = () => {
|
||||
let datas = state.tableData6;
|
||||
datas.map((value) => {
|
||||
@@ -2821,7 +2760,6 @@ export default defineComponent({
|
||||
state.tableData = datas;
|
||||
};
|
||||
getTableDate3();
|
||||
|
||||
const getTableDate4 = () => {
|
||||
let data2 = state.tableData7;
|
||||
data2.map((value) => {
|
||||
@@ -2882,7 +2820,6 @@ export default defineComponent({
|
||||
state.tableData = data2;
|
||||
};
|
||||
getTableDate4();
|
||||
|
||||
const onftvalue = ref();
|
||||
const options1 = ref([
|
||||
{
|
||||
@@ -2953,8 +2890,7 @@ export default defineComponent({
|
||||
};
|
||||
const om_exit = () => {
|
||||
state.om_1 = false;
|
||||
// console.log("点击关闭");
|
||||
state.activeKey = "1";
|
||||
state.faceManageTab = "1";
|
||||
};
|
||||
const ckxq_hs = () => {
|
||||
state.om_ckxq = true;
|
||||
@@ -3001,10 +2937,10 @@ export default defineComponent({
|
||||
state.selectedRowKeys = selectedRowKeys;
|
||||
};
|
||||
|
||||
const coursemanageTabsChange = (e) => {
|
||||
// console.log("eee", e);
|
||||
state.activeKey = e;
|
||||
const faceManageChange = (e) => {
|
||||
state.faceManageTab = e;
|
||||
};
|
||||
|
||||
return {
|
||||
onftvalue,
|
||||
current,
|
||||
@@ -3046,7 +2982,7 @@ export default defineComponent({
|
||||
agreestudy_exit,
|
||||
rejectstudy_exit,
|
||||
onSelectChange,
|
||||
coursemanageTabsChange,
|
||||
faceManageChange,
|
||||
};
|
||||
},
|
||||
});
|
||||
@@ -3060,7 +2996,6 @@ export default defineComponent({
|
||||
// color: #4EA6FF !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
.courseManage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -3284,7 +3219,6 @@ export default defineComponent({
|
||||
margin-left: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.mb_right {
|
||||
width: 50%;
|
||||
.mbl_items {
|
||||
@@ -3468,7 +3402,6 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.selectonlineface {
|
||||
z-index: 999;
|
||||
width: 679px;
|
||||
@@ -3560,33 +3493,15 @@ export default defineComponent({
|
||||
justify-content: center;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.cstm_items {
|
||||
display: flex;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
align-items: center;
|
||||
margin-bottom: 23px;
|
||||
.signbox {
|
||||
.b_sub {
|
||||
width: 440px;
|
||||
margin-left: 110px;
|
||||
.bs_header {
|
||||
display: flex;
|
||||
justify-content: end;
|
||||
width: 100px;
|
||||
margin-right: 6px;
|
||||
.sign {
|
||||
margin-top: -5px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
.b_input {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
.upload_box {
|
||||
justify-content: space-between;
|
||||
.b_right {
|
||||
display: flex;
|
||||
}
|
||||
.inp_num {
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bl_detail {
|
||||
@@ -3694,6 +3609,7 @@ export default defineComponent({
|
||||
}
|
||||
.b_input {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
.upload_box {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
@@ -3703,6 +3619,11 @@ export default defineComponent({
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.inp_num {
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.items_fj {
|
||||
@@ -3741,7 +3662,6 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//QR
|
||||
.ant-modal {
|
||||
.ant-modal-content {
|
||||
@@ -3835,7 +3755,6 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//recordgrade
|
||||
.ant-modal {
|
||||
.ant-modal-content {
|
||||
@@ -4136,7 +4055,6 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//onlinemanage faceteachmanage ftsturecord givepower schooltime studentsmanage
|
||||
.modalStyle {
|
||||
.ant-modal {
|
||||
@@ -4670,18 +4588,8 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailModal {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
.ant-modal {
|
||||
height: 350px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.ant-modal-content {
|
||||
height: 350px !important;
|
||||
}
|
||||
.coursewareDetail .ant-modal {
|
||||
height: 320px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user