|
|
@@ -2,126 +2,8 @@
|
|
|
<div class="pb_content">
|
|
|
<div class="pb_content_body" style="position: relative; margin: 0">
|
|
|
<div class="right">
|
|
|
- <div class="stepBg">
|
|
|
- <div class="stepTop">
|
|
|
- <div v-if="steps == 1" class="first" @click="navSteps(1)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/first.png" alt />
|
|
|
- </div>
|
|
|
- <div>填写基本信息</div>
|
|
|
- </div>
|
|
|
- <div v-else class="firstNo" @click="navSteps(1)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/firstNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>填写基本信息</div>
|
|
|
- </div>
|
|
|
- <div v-show="cidType === 0" class="secondNo">
|
|
|
- <div v-if="steps == 2" class="newSteps second" @click="navSteps(2)">
|
|
|
- <div style="margin: 5px 10px 0 0; width: 2rem">
|
|
|
- <img src="../../../assets/icon/second.png" alt />
|
|
|
- </div>
|
|
|
- <div>选择课程框架</div>
|
|
|
- </div>
|
|
|
- <div v-else class="newSteps secondNo" @click="navSteps(2)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/secondNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>选择课程框架</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="steps == 3" class="third" @click="navSteps(3)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/third.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传课程内容</div>
|
|
|
- </div>
|
|
|
- <div v-else class="thirdNo" @click="navSteps(3)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/thirdNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传课程内容</div>
|
|
|
- </div>
|
|
|
- <div v-if="steps == 4" class="four">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/four.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传完成</div>
|
|
|
- </div>
|
|
|
- <div v-else class="fourNo">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/fourNo.png" alt />
|
|
|
- </div>
|
|
|
- <div>上传完成</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="stepsBottom" v-if="steps == 3 && unitJson[unitIndex].easy != 1">
|
|
|
- <div class="navTop">辅助导航</div>
|
|
|
- <div class="navBottom">
|
|
|
- <div class="navTask" :class="{
|
|
|
- isNavTask: isClickColor > 0 && isClickColor == tIndex + 1,
|
|
|
- }" v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
|
|
|
- .taskJson" :key="tIndex" @click="goToTask(tIndex)">
|
|
|
- <div>任务{{ tIndex + 1 }}</div>
|
|
|
- <div>
|
|
|
- <el-tooltip effect="light" :content="t.task" placement="top">
|
|
|
- <span>{{ t.task }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length > 1">
|
|
|
- <div class="chapter_upload_up" style="width: 15px; height: 15px" @click.stop="taskMove(1, tIndex)">
|
|
|
- </div>
|
|
|
- <div class="chapter_upload_down" style="width: 15px; height: 15px; margin: 2px 0 0"
|
|
|
- @click.stop="taskMove(2, tIndex)"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
|
|
|
<div style="width: 100%; height: 100%; overflow: auto" ref="stepBox">
|
|
|
- <div class="courseTop">
|
|
|
- <div class="stepsNav">
|
|
|
- <h3 class="info_title" v-if="steps == 1">填写基本信息</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 2">请选择课程框架</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 3">上传课程内容</h3>
|
|
|
- <h3 class="info_title" v-if="steps == 4">上传课程</h3>
|
|
|
- <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 15px">
|
|
|
- <el-breadcrumb-item :to="{
|
|
|
- path:
|
|
|
- '/course?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org +
|
|
|
- '&role=' +
|
|
|
- role,
|
|
|
- }">课程管理</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item>
|
|
|
- <span style="color: rgb(15, 126, 255)">添加课程</span>
|
|
|
- </el-breadcrumb-item>
|
|
|
- </el-breadcrumb>
|
|
|
- <el-button type="primary" @click="pasteTask" size="small"
|
|
|
- v-if="steps == 3 && (!cid || (cid && (userid == courseUserid || role == '1')))"
|
|
|
- style="margin-left: 20px;">智能粘贴</el-button>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div v-if="steps == 1 || steps == 2 || steps == 3" class="stepsWord">
|
|
|
- {{
|
|
|
- steps == 1
|
|
|
- ? "第一步"
|
|
|
- : steps == 2
|
|
|
- ? "第二步"
|
|
|
- : steps == 3
|
|
|
- ? cidType === 0
|
|
|
- ? "第三步"
|
|
|
- : "第二步"
|
|
|
- : ""
|
|
|
- }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="rightBox" v-if="this.steps == 1" @mousewheel="scrollChange">
|
|
|
<div class="updateMask" :style="{
|
|
|
height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
|
|
|
@@ -250,33 +132,11 @@
|
|
|
:key="tcIndex">{{ getClassC(tc) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="flex: 0.5 1 0%; margin: 0; width: 180px"
|
|
|
- v-if="courseUserid != '' ? (courseUserid == userid || role == '1') : true">
|
|
|
- <div class="bInfo_title">协同编辑</div>
|
|
|
- <div class="addPeople" @click="openMember" style="background: #6b92c9">
|
|
|
- 添加协同成员
|
|
|
- </div>
|
|
|
- <div v-if="checkboxList3.length" style="
|
|
|
- max-width: 100%;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- margin-top: 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #6e6e6e;
|
|
|
- cursor: pointer;
|
|
|
- " @click="checkBoolean = !checkBoolean">
|
|
|
- <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
|
|
|
- checkBoolean
|
|
|
- ? checkboxList3
|
|
|
- : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
|
|
|
- v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px" v-if="false">
|
|
|
<div class="right_title">课程简要描述</div>
|
|
|
<div style="width: 95%; padding: 15px 0px 15px 20px">
|
|
|
<div style="width: 55%">
|
|
|
@@ -288,108 +148,10 @@
|
|
|
"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div style="width: 95%; margin: 15px auto">
|
|
|
- <el-switch
|
|
|
- v-model="isTeacherSee"
|
|
|
- active-text="允许给其他老师查看"
|
|
|
- style="padding-bottom: 30px"
|
|
|
- ></el-switch>
|
|
|
- </div>-->
|
|
|
- <div style="width: 95%; padding: 15px 0px 15px 20px">
|
|
|
- <el-switch v-model="isTeacherSee" active-text="是否公开此课程" style="padding-bottom: 30px"></el-switch>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px">
|
|
|
- <div class="right_title">目标管理</div>
|
|
|
- <div style="margin: 15px auto; padding: 0 0 0 20px">
|
|
|
- <div style="
|
|
|
- border: 1px solid #e5e5e5;
|
|
|
- width: 95%;
|
|
|
- min-height: 600px;
|
|
|
- margin-top: 30px;
|
|
|
- box-shadow: 3px 1px 15px 3px #e0e0e0;
|
|
|
- ">
|
|
|
- <div class="e_add_top">
|
|
|
- <div class="e_add_title">
|
|
|
- <el-button type="primary" size="small" @click="dialogVisiblemb = true">添加</el-button>
|
|
|
- <el-button type="primary" size="small" @click="deleteEva()">清除</el-button>
|
|
|
- <!-- <span>当前使用目标管理</span>
|
|
|
- <span>{{ eTitle ? eTitle : "请添加目标" }}</span>
|
|
|
- <img
|
|
|
- src="../../../assets/line.png"
|
|
|
- class="cru_line"
|
|
|
- style="
|
|
|
- width: 125px;
|
|
|
- height: 20px;
|
|
|
- bottom: -10px;
|
|
|
- left: 155px;
|
|
|
- "
|
|
|
- /> -->
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- ">
|
|
|
- <!-- <el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="dialogVisiblemb = true"
|
|
|
- >添加目标管理</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- @click="deleteEva()"
|
|
|
- >清除内容</el-button
|
|
|
- > -->
|
|
|
- <!-- <div class="e_add_delete" @click="deleteEva()">
|
|
|
- <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="evalua == ''">
|
|
|
- <div class="noneBox">
|
|
|
- <img src="../../../assets/icon/isNoMessage.png" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="e_add_content" v-else>
|
|
|
- <div class="e_add_list_pbox">
|
|
|
- <div class="e_add_list_pbox_title">
|
|
|
- <span class="type_title">切换模式</span>
|
|
|
- <div class="type_content">
|
|
|
- <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
|
|
|
- <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
|
|
|
- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="e_add_list_pbox_content">
|
|
|
- <Mind :showBar="false" :mindData="data" v-show="typeMode == 1"></Mind>
|
|
|
- <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
|
|
|
- <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%" v-if="typeMode == 3">
|
|
|
- </SeeBoard>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="rightBox" v-if="this.steps == 2">
|
|
|
<div class="basic_box" style="padding: 20px 30px 0px !important; box-sizing: border-box">
|
|
|
- <!-- <div
|
|
|
- style="
|
|
|
- color: #b8b8b8;
|
|
|
- background: #fff;
|
|
|
- width: 26%;
|
|
|
- height: 40px;
|
|
|
- border-radius: 15px;
|
|
|
- padding-left: 20px;
|
|
|
- line-height: 40px;
|
|
|
- font-size: 17px;
|
|
|
- box-shadow: 0px 1px 2px 2px #e0e0e0;
|
|
|
- "
|
|
|
- >-->
|
|
|
<div class="right_title" style="border: none; margin: 0; padding: 0">
|
|
|
请选择合适的课程模板
|
|
|
</div>
|
|
|
@@ -3525,141 +3287,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- navSteps(s) {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.cidType == 0) {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid && this.role != '1') {
|
|
|
- // this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (s == 1) {
|
|
|
- this.steps = 1;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- if (s == 2) {
|
|
|
- this.steps = 2;
|
|
|
- }
|
|
|
- if (s == 3) {
|
|
|
- this.cTemplate = this.templateC.content;
|
|
|
- this.dialogVisible2 = false;
|
|
|
- this.steps = 3;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 1000);
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid && this.role != '1') {
|
|
|
- // this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (s == 1) {
|
|
|
- this.steps = 1;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- if (s == 3) {
|
|
|
- this.cTemplate = this.templateC.content;
|
|
|
- this.dialogVisible2 = false;
|
|
|
- this.steps = 3;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 1000);
|
|
|
- }
|
|
|
- }
|
|
|
- this.$refs.stepBox.scrollTop = 0;
|
|
|
- },
|
|
|
nextSteps() {
|
|
|
- if (this.cidType == 1) {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.courseName != "") {
|
|
|
- this.steps = 3;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 1000);
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid && this.role != '1') {
|
|
|
- // this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (this.steps == 3) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- this.addWork();
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid && this.role != '1') {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.courseName != "") {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid && this.role != '1') {
|
|
|
- // this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- this.steps++;
|
|
|
- } else {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (this.steps == 2) {
|
|
|
- if (this.templateC.id != "" || this.templateC.id != undefined) {
|
|
|
- this.cTemplate = this.templateC.content;
|
|
|
- }
|
|
|
- this.dialogVisible2 = false;
|
|
|
- this.steps++;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 1000);
|
|
|
- } else if (this.steps == 3) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
if (this.courseName == "") {
|
|
|
this.$message.error("请将信息填写完整");
|
|
|
return;
|
|
|
@@ -3680,8 +3309,6 @@ export default {
|
|
|
this.steps++;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
this.$refs.stepBox.scrollTop = 0;
|
|
|
},
|
|
|
unitSet(i) {
|
|
|
@@ -9286,12 +8913,13 @@ ol {
|
|
|
}
|
|
|
|
|
|
.rightBox {
|
|
|
- width: calc(100% - 20px);
|
|
|
+ width: calc(100% - 40px);
|
|
|
background: rgb(255, 255, 255);
|
|
|
border-radius: 10px;
|
|
|
overflow: auto;
|
|
|
- height: calc(100% - 130px);
|
|
|
+ height: calc(100% - 80px);
|
|
|
position: relative;
|
|
|
+ margin: 20px auto 0;
|
|
|
}
|
|
|
|
|
|
.e_add_top {
|
