|
|
@@ -1,8701 +1,8576 @@
|
|
|
<template>
|
|
|
- <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="cidttt === 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 && type == 2" class="four">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/five.png" alt style="width:33px" />
|
|
|
- </div>
|
|
|
- <div>项目进展</div>
|
|
|
- </div>
|
|
|
- <div v-else-if="type == 2" class="fourNo" @click="navSteps(4)">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/fiveNo.png" alt style="width:33px" />
|
|
|
- </div>
|
|
|
- <div>项目进展</div>
|
|
|
- </div>
|
|
|
- <div v-if="steps == 5" 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">
|
|
|
- <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>
|
|
|
- <el-tooltip effect="light" :content="t.task" placement="top">
|
|
|
- <div>{{ t.task }}</div>
|
|
|
- </el-tooltip>
|
|
|
- </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>
|
|
|
- <h3 class="info_title" v-if="steps == 5">上传项目</h3>
|
|
|
- <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 15px">
|
|
|
- <!-- /studentCourse -->
|
|
|
- <el-breadcrumb-item :to="{
|
|
|
- path:
|
|
|
- fpath + '?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&org=' +
|
|
|
- org,
|
|
|
- }">{{
|
|
|
- orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1 ? "师生项目" :
|
|
|
- "学生项目"
|
|
|
-}}</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item>
|
|
|
- <span style="color: rgb(15, 126, 255)">添加项目</span>
|
|
|
- </el-breadcrumb-item>
|
|
|
- </el-breadcrumb>
|
|
|
- </div>
|
|
|
- <div v-if="steps == 1 || steps == 2 || steps == 3" class="stepsWord">
|
|
|
- {{
|
|
|
- steps == 1
|
|
|
- ? "第一步"
|
|
|
- : steps == 2
|
|
|
- ? "第二步"
|
|
|
- : steps == 3
|
|
|
- ? (cidttt === 0 ? "第三步" : "第二步")
|
|
|
- : ""
|
|
|
- }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="rightBox" v-if="this.steps == 1">
|
|
|
- <!-- <div class="updateMask" :style="{ height: rightBoxHeight + 'px' }" v-if="cid && userid != courseUserid">
|
|
|
- </div> -->
|
|
|
- <div class="whiteBg">
|
|
|
- <!-- :class="{ updateTips: cid && userid != courseUserid }" -->
|
|
|
- <div class="right_title">
|
|
|
- 项目基本信息
|
|
|
- </div>
|
|
|
- <div class="basic_box">
|
|
|
- <div class="big_box">
|
|
|
- <div class="left_first">
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <div class="bInfo_title" style="margin-bottom: 15px">
|
|
|
- <!-- <span style="color: red">*</span> -->
|
|
|
- 项目名称
|
|
|
- </div>
|
|
|
- <div style="display: flex; margin-right: 20px">
|
|
|
- <img src="../../../assets/icon/projectName.png" alt style="margin-right: 8px" />
|
|
|
- <input type="text" placeholder="请输入项目名称" class="binfo_input" v-model="courseName" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="both">
|
|
|
- <div class="choose">
|
|
|
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
- <span>{{ item.name }}</span>
|
|
|
- <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0">
|
|
|
- <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
|
|
|
- item1.name
|
|
|
- }}</el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- <div v-else style="font-size: 14px; margin-left: -8px">
|
|
|
- 暂无
|
|
|
+ <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 class="subjectBox" v-if="false">
|
|
|
- <div class="bInfo_title">
|
|
|
- 添加主题
|
|
|
- </div>
|
|
|
- <div class="subjectList">
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="subjectBtn">+ 添加</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="whiteBg" style="border-radius: 0">
|
|
|
- <div class="right_first">
|
|
|
- <div class="right_title">上传封面与成员</div>
|
|
|
-
|
|
|
- <div style="
|
|
|
- padding: 0 0 50px 20px;
|
|
|
- display: flex;
|
|
|
- align-items: baseline;
|
|
|
- justify-content: flex-start;
|
|
|
- margin: 0 auto;
|
|
|
- ">
|
|
|
- <div>
|
|
|
- <div class="bInfo_title" style="margin-top: 0 !important">
|
|
|
- 项目封面
|
|
|
- </div>
|
|
|
- <div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
|
|
|
- <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
- </div>
|
|
|
- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
|
|
|
- v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
|
|
|
- :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
|
|
|
- :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-flow: row nowrap;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: baseline;
|
|
|
- margin: 0 30px;
|
|
|
- ">
|
|
|
- <!-- <div style="margin: 0 80px">
|
|
|
- <div class="bInfo_title">
|
|
|
- 选择项目成员
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="addPeople"
|
|
|
- @click="addPP"
|
|
|
- v-if="this.checkboxList.length == 0"
|
|
|
- >添加成员</div>
|
|
|
- <div class="addPeople" @click="addPP" v-else>已添加，点击查看</div>
|
|
|
- </div>-->
|
|
|
- <!-- <div style="margin: 0 30px 0 0">
|
|
|
- <div class="bInfo_title">添加班级</div>
|
|
|
- <div class="addPeople" @click="dialogVisibleClass = true">
|
|
|
- 添加班级
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div style="flex: 0.5 1 0%; margin: 0" v-if="courseUserid != '' ? courseUserid == userid : true">
|
|
|
- <div class="bInfo_title">协同编辑</div>
|
|
|
- <div class="addPeople" @click="dialogVisibleMember = true" style="background: #6b92c9">
|
|
|
- 添加协同成员
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
- <div class="right_title">项目简要描述</div>
|
|
|
- <div style="width: 95%; margin: 15px auto">
|
|
|
- <div style="width: 55%">
|
|
|
- <textarea rows="8" class="binfo_input" cols v-model="courseText"></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%; margin: 15px auto">
|
|
|
- <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" v-if="false">
|
|
|
- <div class="right_title">目标管理</div>
|
|
|
- <div style="margin: 15px auto; padding: 0 0 0 20px">
|
|
|
- <div style="
|
|
|
- width: 100%%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-content: center;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-flow: row nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- width: 100%;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- position: relative;
|
|
|
- ">
|
|
|
- <!-- <div style="margin-right: 15px; min-width: 120px">
|
|
|
- 请选择评价指标
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-select
|
|
|
- v-model="evalua"
|
|
|
- placeholder="请选择体系"
|
|
|
- @change="checkEva"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(e, eIndex) in evaJuri"
|
|
|
- :key="eIndex"
|
|
|
- :label="e.title"
|
|
|
- :value="e.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </div> -->
|
|
|
- <!-- <div
|
|
|
- @click="openT"
|
|
|
- class="addPeople"
|
|
|
- style="
|
|
|
- background: #6b92c9;
|
|
|
- margin: 0 0 0 15px;
|
|
|
- position: absolute;
|
|
|
- right: 23%;
|
|
|
- "
|
|
|
- >
|
|
|
- 前往设置目标管理
|
|
|
- </div> -->
|
|
|
- <div class="e_box">
|
|
|
- <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
|
|
|
- <div class="e_card_picture">
|
|
|
- <img src="../../../assets/e_picture.png" />
|
|
|
- </div>
|
|
|
- <div class="e_card_name">
|
|
|
- <span>{{ item.title }}</span>
|
|
|
- </div>
|
|
|
- <!-- <div class="e_card_time">
|
|
|
- <span>{{ item.time }}</span>
|
|
|
- </div> -->
|
|
|
- <div class="e_card_btn">
|
|
|
- <span @click="checkEva(item.id)">导入</span>
|
|
|
- <!-- <span @click="openT">前往设置</span> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="addEva" @click="openT">
|
|
|
- <img src="../../../assets/icon/addEva.png" alt="" />
|
|
|
- </div>
|
|
|
- <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
|
|
|
- 暂无数据
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="evalua" style="
|
|
|
- border: 1px solid #e5e5e5;
|
|
|
- width: 95%;
|
|
|
- margin-top: 30px;
|
|
|
- box-shadow: 3px 1px 15px 3px #e0e0e0;
|
|
|
- ">
|
|
|
- <div class="e_add_top">
|
|
|
- <div class="e_add_title">
|
|
|
- <span>当前使用目标管理</span>
|
|
|
- <span>{{ eTitle }}</span>
|
|
|
- <img src="../../../assets/line.png" class="cru_line" style="
|
|
|
- width: 125px;
|
|
|
- height: 20px;
|
|
|
- bottom: -10px;
|
|
|
- left: 155px;
|
|
|
- " />
|
|
|
- <!-- <el-input
|
|
|
- v-model="eTitle"
|
|
|
- placeholder="请输入名称"
|
|
|
- @change="setMindData"
|
|
|
- ></el-input>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="e_add_content">
|
|
|
- <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>
|
|
|
- </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>
|
|
|
- <div class="wordbox">
|
|
|
- <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
|
|
|
- <div class="wordPic">
|
|
|
- <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="
|
|
|
- margin-top: 10px;
|
|
|
- line-height: 19px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0 20px;
|
|
|
- ">
|
|
|
- {{ aa.title }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="wordTeacher" @click="checkTemplate2()">
|
|
|
- <div class="wordPic">
|
|
|
- <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="
|
|
|
- margin-top: 10px;
|
|
|
- line-height: 19px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0 20px;
|
|
|
- ">
|
|
|
- 新建项目
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="wordTeacher" @click="checkTemplate1()">
|
|
|
- <div class="wordPic">
|
|
|
- <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="
|
|
|
- margin-top: 10px;
|
|
|
- line-height: 19px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0 20px;
|
|
|
- ">
|
|
|
- 我的项目
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="rightBox" v-if="this.steps == 3" ref="rightboxR">
|
|
|
- <div class="basic_box">
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- position: sticky;
|
|
|
- top: 0;
|
|
|
- background: #fff;
|
|
|
- z-index: 99;
|
|
|
- width: 100%;
|
|
|
- padding: 0 20px 0 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- ">
|
|
|
- <div class="cru_selectBox">
|
|
|
- <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
|
|
|
- :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
|
|
|
- 第{{ index + 1 }}阶段
|
|
|
- </div>
|
|
|
- <img src="../../../assets/line.png" class="cru_line" :style="{
|
|
|
- left: offsetLetfPx + 'px',
|
|
|
- }" />
|
|
|
- </div>
|
|
|
- <div class="addStageImg" @click="addunit()">
|
|
|
- <img src="../../../assets/icon/add.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="margin: 0 0 40px 0; padding: 0 20px 0 20px"
|
|
|
- v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
|
|
|
- <div>
|
|
|
- <div class="chapter_contentbox">
|
|
|
- <div>第{{ unitIndex + 1 }}阶段</div>
|
|
|
- <div>
|
|
|
- <input type="text" placeholder="阶段标题" class="binfo_input" v-model="unitJson[unitIndex].dyName" />
|
|
|
- </div>
|
|
|
- <div v-if="unitJson.length > 1" @click="deleteUnit(unitIndex)"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="task_add_title">
|
|
|
- 添加任务
|
|
|
- </div>
|
|
|
- <div class="taskBorder" v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- <div style="font-size: 22px; color: #8e8e8e" :id="'task' + itemTaskIndex">
|
|
|
- 任务{{ itemTaskIndex + 1 }}
|
|
|
- </div>
|
|
|
- <div class="chapter_contentbox" style="
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
- display: flex;
|
|
|
- width: calc(100% - 115px);
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- display: flex;
|
|
|
- margin-bottom: 10px;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- border-left: 6px solid #5699e8;
|
|
|
- height: 20px;
|
|
|
- padding: 0 10px;
|
|
|
- line-height: 22px;
|
|
|
- ">
|
|
|
- 任务名称
|
|
|
+ <div v-else class="firstNo" @click="navSteps(1)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/firstNo.png" alt />
|
|
|
</div>
|
|
|
- <div style="width:auto">
|
|
|
- <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
|
|
|
- v-model="
|
|
|
- unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].task
|
|
|
- " />
|
|
|
+ <div>填写基本信息</div>
|
|
|
+ </div>
|
|
|
+ <div v-show="cidttt === 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>
|
|
|
- <div style="
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- display: flex;
|
|
|
- margin-bottom: 10px;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- height: 20px;
|
|
|
- padding: 0 10px 0 16px;
|
|
|
- line-height: 22px;
|
|
|
- ">
|
|
|
- 负责人
|
|
|
+ <div v-else class="newSteps secondNo" @click="navSteps(2)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/secondNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>选择项目框架</div>
|
|
|
</div>
|
|
|
- <div style="width:auto">
|
|
|
- <!-- <input type="text" placeholder="输入负责人" class="binfo_input" style="border-radius: 4px"
|
|
|
- v-model="
|
|
|
- unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].people
|
|
|
- " /> -->
|
|
|
- <el-select v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].people" placeholder="请选择负责人" clearable filterable>
|
|
|
- <el-option v-for="item in ManAarray" :key="item.userid"
|
|
|
- :label="item.name + (item.type == 1 ? '(老师)' : '(学生)')" :value="item.userid">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ </div>
|
|
|
+ <div v-if="steps == 3" class="third" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/third.png" alt />
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="addPeople" @click="addTcMember(itemTaskIndex)"
|
|
|
- style="background: rgb(107, 146, 201);margin: 0 0 10px 15px;margin-bottom: 10px;width: 100px;">
|
|
|
- {{ unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].tcMember ? '已添加' : '添加协同者' }}
|
|
|
- </div>
|
|
|
+ <div>上传项目内容</div>
|
|
|
</div>
|
|
|
- <div class="remove" v-if="item.taskJson.length > 1" @click="deleteTask(itemTaskIndex)"
|
|
|
- style="position: absolute; right: 55px"></div>
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- display: flex;
|
|
|
- margin-top: 10px;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- height: 20px;
|
|
|
- padding-left: 16px;
|
|
|
- line-height: 22px;
|
|
|
- ">
|
|
|
- 任务完成时间
|
|
|
+ <div v-else class="thirdNo" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/thirdNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传项目内容</div>
|
|
|
</div>
|
|
|
- <div style="margin-left:20px">
|
|
|
- <el-date-picker v-model="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].time"
|
|
|
- type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
- </el-date-picker>
|
|
|
+ <div v-if="steps == 4 && type == 2" class="four">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/five.png" alt style="width:33px" />
|
|
|
+ </div>
|
|
|
+ <div>项目进展</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- margin: 0 0 20px 0;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- width: 70.5% !important;
|
|
|
- ">
|
|
|
- <div class="lineTitle">任务描述</div>
|
|
|
- <div class="line"></div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <editor-bar style="width: 90% !important; margin: 0;height: 500px;" class="ed_s"
|
|
|
- placeholder="请输入任务描述" v-model="
|
|
|
- unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].taskDetail
|
|
|
- " @change="change"></editor-bar>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="basic_box" v-if="false" style="
|
|
|
- margin: 0;
|
|
|
- min-height: 0;
|
|
|
- width: 90% !important;
|
|
|
- paddint-top: 10px !important;
|
|
|
- ">
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- margin: 0 0 20px 0;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- ">
|
|
|
- <div class="lineTitle">资源上传</div>
|
|
|
- <div class="line"></div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="add_chapters_box" v-if="
|
|
|
- itemTask.chapterData &&
|
|
|
- itemTask.chapterData.length == 0
|
|
|
- " style="height: 185px"></div>
|
|
|
- <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
- <div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id"
|
|
|
- @click="
|
|
|
- getChapterData(
|
|
|
- $event,
|
|
|
- unitIndex,
|
|
|
- index,
|
|
|
- index1,
|
|
|
- item1.type
|
|
|
- )
|
|
|
- ">
|
|
|
- <div class="chapter_upload_t" style="width: 100%"></div>
|
|
|
- <div class="chapter_upload_o" style="
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- ">
|
|
|
- <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
|
|
|
- <div v-if="item1.type == 2" class="chapter_upload_l_i1"></div>
|
|
|
- <div v-if="
|
|
|
- item1.type == 3 ||
|
|
|
- item1.type == 9 ||
|
|
|
- item1.type == 6 ||
|
|
|
- item1.type == 7
|
|
|
- " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
|
|
|
- <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
|
|
|
+ <div v-else-if="type == 2" class="fourNo" @click="navSteps(4)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/fiveNo.png" alt style="width:33px" />
|
|
|
</div>
|
|
|
- <div class="chapter_upload_ic" style="
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- width: 45px;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- ">
|
|
|
- <div class="chapter_upload_ic_l"></div>
|
|
|
- <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
|
|
|
- deleteChapterData(
|
|
|
- $event,
|
|
|
- unitIndex,
|
|
|
- index,
|
|
|
- index1,
|
|
|
- itemTaskIndex
|
|
|
- )
|
|
|
- ">
|
|
|
- <div></div>
|
|
|
- </div>
|
|
|
+ <div>项目进展</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="steps == 5" class="four">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/four.png" alt />
|
|
|
</div>
|
|
|
- <div class="chapter_upload_n">
|
|
|
- <input v-if="
|
|
|
- item1.type == 2 ||
|
|
|
- item1.type == 3 ||
|
|
|
- item1.type == 9 ||
|
|
|
- item1.type == 7
|
|
|
- " :placeholder="item1.name" @change="
|
|
|
- updataVideoT(
|
|
|
- $event,
|
|
|
- unitIndex,
|
|
|
- chapterIndex,
|
|
|
- index1
|
|
|
- )
|
|
|
-" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- minwidth: 215px;
|
|
|
- z-index: 99;
|
|
|
- font-size: 14px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " />
|
|
|
- <input :placeholder="item1.name" v-if="item1.type == 6" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
|
|
|
- <input :placeholder="
|
|
|
- item1.title ? item1.title : '链接'
|
|
|
- " v-if="item1.type == 8" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
|
|
|
- <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
- <div class="chapter_upload_up" @click="
|
|
|
- upCd($event, unitIndex, index, index1)
|
|
|
- "></div>
|
|
|
- <div class="chapter_upload_down" @click="
|
|
|
- downCd($event, unitIndex, index, index1)
|
|
|
- "></div>
|
|
|
- </div>
|
|
|
+ <div>上传完成</div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="fourNo">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/fourNo.png" alt />
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div>上传完成</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="add_info_box">
|
|
|
- <button class="info_btn" @click="addImg($event)">
|
|
|
- 添加教学视频
|
|
|
- <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
|
|
|
- capture="camera" v-if="inputShow" @change="
|
|
|
- beforeUpload2($event, unitIndex, 2, itemTaskIndex)
|
|
|
- " />
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="addImg($event)">
|
|
|
- 添加教学附件
|
|
|
- <input type="file"
|
|
|
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
- style="display: none" v-if="inputShow" @change="
|
|
|
- beforeUpload2($event, unitIndex, 3, itemTaskIndex)
|
|
|
- " />
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="addAttText(itemTaskIndex)">
|
|
|
- 添加图文
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="openLine(itemTaskIndex)">
|
|
|
- 添加链接
|
|
|
- </button>
|
|
|
</div>
|
|
|
- <div v-if="
|
|
|
- unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].proVisible
|
|
|
- " class="mask">
|
|
|
- <div class="progressBox">
|
|
|
- <div class="lbox">
|
|
|
- <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ <div class="stepsBottom" v-if="steps == 3">
|
|
|
+ <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>
|
|
|
+ <el-tooltip effect="light" :content="t.task" placement="top">
|
|
|
+ <div>{{ t.task }}</div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <el-progress :text-inside="true" :stroke-width="20" :percentage="
|
|
|
- unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].progress
|
|
|
- ? unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].progress
|
|
|
- : 0
|
|
|
- " style="width: 80%"></el-progress>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="toolChoose" style="padding: 0 0 30px 30px">
|
|
|
- <div class="tools" style="margin-top:20px">
|
|
|
- <div class="leftTools" style="
|
|
|
- width: 95%;
|
|
|
- padding: 0 0 15px 0;
|
|
|
- border-bottom: 1px solid #efefef;
|
|
|
- margin-bottom: 15px;
|
|
|
- " v-for="(itemTool, toolIndex) in itemTask.toolArray" :key="toolIndex">
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: flex-start;
|
|
|
- position: relative;
|
|
|
- ">
|
|
|
- <div style="margin-right: 20px; font-weight: bold">
|
|
|
- 步骤 {{ toolIndex + 1 }} ：
|
|
|
- </div>
|
|
|
- <div class="chooseWho" style="padding-bottom: 0;">
|
|
|
- <span v-if="itemTool.tool == 1">
|
|
|
- 电子白板
|
|
|
- </span>
|
|
|
- <span v-if="itemTool.tool == 3">
|
|
|
- 思维导图
|
|
|
- </span>
|
|
|
- <span v-if="itemTool.tool == 6">
|
|
|
- 协同文档
|
|
|
- </span>
|
|
|
- <span v-if="itemTool.tool == 15">
|
|
|
- 问答工具
|
|
|
- </span>
|
|
|
- <span v-if="itemTool.tool == 48">
|
|
|
- 表格
|
|
|
- </span>
|
|
|
- <span v-if="itemTool.tool == 51">
|
|
|
- 学习资源
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
|
|
|
- v-if="itemTask.toolArray.length > 0" style="position: absolute; right: 55px"></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>
|
|
|
+ <h3 class="info_title" v-if="steps == 5">上传项目</h3>
|
|
|
+ <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-top: 15px">
|
|
|
+ <!-- /studentCourse -->
|
|
|
+ <el-breadcrumb-item :to="{
|
|
|
+ path:
|
|
|
+ fpath + '?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org,
|
|
|
+ }">{{ orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1 ? "师生项目" : "学生项目" }}
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <span style="color: rgb(15, 126, 255)">添加项目</span>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
</div>
|
|
|
- <div v-if="itemTool.tool != 51">
|
|
|
- <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
|
|
|
- style="margin: 20px 0 0;resize: none; width: 71.5% !important"
|
|
|
- v-model="itemTool.toolDetail"></textarea>
|
|
|
+ <div v-if="steps == 1 || steps == 2 || steps == 3" class="stepsWord">
|
|
|
+ {{ steps == 1 ? "第一步" : steps == 2 ? "第二步" : steps == 3 ? (cidttt === 0 ? "第三步" : "第二步") : "" }}
|
|
|
</div>
|
|
|
- <div style="margin-top:10px">
|
|
|
- <div class="tool" v-if="itemTool.tool == 1">
|
|
|
- <div class="whiteBIcon" @click="openToolFun(1, itemTaskIndex, toolIndex)">
|
|
|
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
- <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" v-if="this.steps == 1">
|
|
|
+ <!-- <div class="updateMask" :style="{ height: rightBoxHeight + 'px' }" v-if="cid && userid != courseUserid">
|
|
|
+ </div> -->
|
|
|
+ <div class="whiteBg">
|
|
|
+ <!-- :class="{ updateTips: cid && userid != courseUserid }" -->
|
|
|
+ <div class="right_title">
|
|
|
+ 项目基本信息
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="tool" v-if="itemTool.tool == 3">
|
|
|
- <div class="whiteBIcon" @click="openToolFun(3, itemTaskIndex, toolIndex)">
|
|
|
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
- <div style="margin: 5px 0">思维导图</div>
|
|
|
+ <div class="basic_box">
|
|
|
+ <div class="big_box">
|
|
|
+ <div class="left_first">
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <div class="bInfo_title" style="margin-bottom: 15px">
|
|
|
+ <!-- <span style="color: red">*</span> -->
|
|
|
+ 项目名称
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; margin-right: 20px">
|
|
|
+ <img src="../../../assets/icon/projectName.png" alt style="margin-right: 8px" />
|
|
|
+ <input type="text" placeholder="请输入项目名称" class="binfo_input" v-model="courseName" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="both">
|
|
|
+ <div class="choose">
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0">
|
|
|
+ <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{ item1.name }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <div v-else style="font-size: 14px; margin-left: -8px">
|
|
|
+ 暂无
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="subjectBox" v-if="false">
|
|
|
+ <div class="bInfo_title">
|
|
|
+ 添加主题
|
|
|
+ </div>
|
|
|
+ <div class="subjectList">
|
|
|
+ </div>
|
|
|
+ <div class="subjectBtn">+ 添加</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="tool" v-if="itemTool.tool == 6">
|
|
|
- <div class="whiteBIcon" @click="openToolFun(6, itemTaskIndex, toolIndex)">
|
|
|
- <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
- <div style="margin: 5px 0">协同文档</div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="border-radius: 0">
|
|
|
+ <div class="right_first">
|
|
|
+ <div class="right_title">上传封面与成员</div>
|
|
|
+ <div style="
|
|
|
+ padding: 0 0 50px 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: baseline;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 0 auto;
|
|
|
+ ">
|
|
|
+ <div>
|
|
|
+ <div class="bInfo_title" style="margin-top: 0 !important">
|
|
|
+ 项目封面
|
|
|
+ </div>
|
|
|
+ <div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
|
|
|
+ <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture" v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1" :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
|
|
|
+ :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: baseline;
|
|
|
+ margin: 0 30px;
|
|
|
+ ">
|
|
|
+ <!-- <div style="margin: 0 80px">
|
|
|
+ <div class="bInfo_title">
|
|
|
+ 选择项目成员
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="addPeople"
|
|
|
+ @click="addPP"
|
|
|
+ v-if="this.checkboxList.length == 0"
|
|
|
+ >添加成员</div>
|
|
|
+ <div class="addPeople" @click="addPP" v-else>已添加，点击查看</div>
|
|
|
+ </div>-->
|
|
|
+ <!-- <div style="margin: 0 30px 0 0">
|
|
|
+ <div class="bInfo_title">添加班级</div>
|
|
|
+ <div class="addPeople" @click="dialogVisibleClass = true">
|
|
|
+ 添加班级
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div style="flex: 0.5 1 0%; margin: 0" v-if="courseUserid != '' ? courseUserid == userid : true">
|
|
|
+ <div class="bInfo_title">协同编辑</div>
|
|
|
+ <div class="addPeople" @click="dialogVisibleMember = true" style="background: #6b92c9">
|
|
|
+ 添加协同成员
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="tool" v-if="itemTool.tool == 15">
|
|
|
- <div class="whiteBIcon" @click="openToolFun(15, itemTaskIndex, toolIndex)">
|
|
|
- <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
- <div style="margin: 5px 0">问答工具</div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="right_title">项目简要描述</div>
|
|
|
+ <div style="width: 95%; margin: 15px auto">
|
|
|
+ <div style="width: 55%">
|
|
|
+ <textarea rows="8" class="binfo_input" cols v-model="courseText"></textarea>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="tool" v-if="itemTool.tool == 48">
|
|
|
- <div class="whiteBIcon" @click="openToolFun(48, itemTaskIndex, toolIndex)">
|
|
|
- <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
- <div style="margin: 5px 0">表格</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%; margin: 15px auto">
|
|
|
+ <el-switch v-model="isTeacherSee" active-text="是否公开此项目" style="padding-bottom: 30px"></el-switch>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-if="itemTool.tool == 51">
|
|
|
- <!-- <div>
|
|
|
- <video-player v-if="itemTool.toolData.type == 2" class="video-player vjs-custom-skin"
|
|
|
- :playsinline="true" :options="itemTool.toolData.src" @play="onPlayerPlay($event)"
|
|
|
- style="width: 100%; height: 100%;"></video-player>
|
|
|
- <iframe v-if="itemTool.toolData.type == 3"
|
|
|
- style="width: 100%; height: 650px; border: none" :src="itemTool.toolData.src"></iframe>
|
|
|
- <pdf v-if="itemTool.toolData.type == 9" :pdfUrl="itemTool.toolData.url"
|
|
|
- style="width: 100%; height: 650px; overflow: auto">
|
|
|
- </pdf>
|
|
|
- <div v-if="itemTool.toolData.type == 6" style="
|
|
|
- box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
- width: 100%;
|
|
|
- margin: 0 auto;
|
|
|
- background: #f1f1f1;
|
|
|
- ">
|
|
|
- <div class="texttitle">查看文档</div>
|
|
|
- <el-form class="textBox">
|
|
|
- <el-form-item class="textTitle">
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px" v-if="false">
|
|
|
+ <div class="right_title">目标管理</div>
|
|
|
+ <div style="margin: 15px auto; padding: 0 0 0 20px">
|
|
|
+ <div style="
|
|
|
+ width: 100%%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-content: center;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ ">
|
|
|
<div style="
|
|
|
- font-size: 22px;
|
|
|
- max-height: 100px;
|
|
|
- overflow: auto;
|
|
|
- ">
|
|
|
- {{ itemTool.toolData.name }}
|
|
|
+ display: flex;
|
|
|
+ flex-flow: row nowrap;
|
|
|
+ align-items: flex-start;
|
|
|
+ width: 100%;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <!-- <div style="margin-right: 15px; min-width: 120px">
|
|
|
+ 请选择评价指标
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-select
|
|
|
+ v-model="evalua"
|
|
|
+ placeholder="请选择体系"
|
|
|
+ @change="checkEva"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(e, eIndex) in evaJuri"
|
|
|
+ :key="eIndex"
|
|
|
+ :label="e.title"
|
|
|
+ :value="e.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div
|
|
|
+ @click="openT"
|
|
|
+ class="addPeople"
|
|
|
+ style="
|
|
|
+ background: #6b92c9;
|
|
|
+ margin: 0 0 0 15px;
|
|
|
+ position: absolute;
|
|
|
+ right: 23%;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 前往设置目标管理
|
|
|
+ </div> -->
|
|
|
+ <div class="e_box">
|
|
|
+ <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
|
|
|
+ <div class="e_card_picture">
|
|
|
+ <img src="../../../assets/e_picture.png" />
|
|
|
+ </div>
|
|
|
+ <div class="e_card_name">
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="e_card_time">
|
|
|
+ <span>{{ item.time }}</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="e_card_btn">
|
|
|
+ <span @click="checkEva(item.id)">导入</span>
|
|
|
+ <!-- <span @click="openT">前往设置</span> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="addEva" @click="openT">
|
|
|
+ <img src="../../../assets/icon/addEva.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-form-item>
|
|
|
- <div v-html="itemTool.toolData.url" class="textContent"></div>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <iframe v-if="itemTool.toolData.type == 8"
|
|
|
- style="width: 100%; height: 650px; border: none" :src="itemTool.toolData.src"></iframe>
|
|
|
- </div> -->
|
|
|
- <div class="vedioTaskBox">
|
|
|
- <div class="box_course" :class="'box_course' + itemTaskIndex + toolIndex" v-if="
|
|
|
- itemTool.toolData.length > 0
|
|
|
- ">
|
|
|
- <div class="wheel" v-if="
|
|
|
- itemTool.toolData[itemTool.sourceIndex].type == 2
|
|
|
- ">
|
|
|
- <div class="workd_media" style="height: 100%">
|
|
|
- <video-player class="video-player vjs-custom-skin" :playsinline="true"
|
|
|
- :options="itemTool.toolData[itemTool.sourceIndex].src"
|
|
|
- @play="onPlayerPlay($event)" style="width: 99%; height: 100%;"></video-player>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 6" style="
|
|
|
- box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
- width: 99%;
|
|
|
- background: #f1f1f1;
|
|
|
- height: 650px;
|
|
|
- ">
|
|
|
- <div class="texttitle">查看文档</div>
|
|
|
- <el-form class="textBox">
|
|
|
- <el-form-item class="textTitle">
|
|
|
- <div style="
|
|
|
- font-size: 22px;
|
|
|
- max-height: 100px;
|
|
|
- overflow: auto;
|
|
|
- ">
|
|
|
- {{ itemTool.toolData[itemTool.sourceIndex].name }}
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <div v-html="itemTool.toolData[itemTool.sourceIndex].url" class="textContent"></div>
|
|
|
- </el-form>
|
|
|
</div>
|
|
|
- <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 3"
|
|
|
- style="height: 650px; width: 99%;">
|
|
|
- <iframe style="width: 100%; height: 100%; border: none"
|
|
|
- :src="itemTool.toolData[itemTool.sourceIndex].src"></iframe>
|
|
|
+ <div v-if="evalua" style="
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ width: 95%;
|
|
|
+ margin-top: 30px;
|
|
|
+ box-shadow: 3px 1px 15px 3px #e0e0e0;
|
|
|
+ ">
|
|
|
+ <div class="e_add_top">
|
|
|
+ <div class="e_add_title">
|
|
|
+ <span>当前使用目标管理</span>
|
|
|
+ <span>{{ eTitle }}</span>
|
|
|
+ <img src="../../../assets/line.png" class="cru_line" style="
|
|
|
+ width: 125px;
|
|
|
+ height: 20px;
|
|
|
+ bottom: -10px;
|
|
|
+ left: 155px;
|
|
|
+ " />
|
|
|
+ <!-- <el-input
|
|
|
+ v-model="eTitle"
|
|
|
+ placeholder="请输入名称"
|
|
|
+ @change="setMindData"
|
|
|
+ ></el-input>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="e_add_content">
|
|
|
+ <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 class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 8"
|
|
|
- style="height: 650px; width: 99%;">
|
|
|
- <iframe style="width: 100%; height: 100%; border: none"
|
|
|
- :src="itemTool.toolData[itemTool.sourceIndex].src"></iframe>
|
|
|
+ </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>
|
|
|
+ <div class="wordbox">
|
|
|
+ <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ margin-top: 10px;
|
|
|
+ line-height: 19px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 20px;
|
|
|
+ ">
|
|
|
+ {{ aa.title }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 9"
|
|
|
- style="height: 650px; width: 99%;">
|
|
|
- <pdf :pdfUrl="itemTool.toolData[itemTool.sourceIndex].url"
|
|
|
- style="width: 100%; height: 100%; overflow: auto">
|
|
|
- </pdf>
|
|
|
+ <div class="wordTeacher" @click="checkTemplate2()">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ margin-top: 10px;
|
|
|
+ line-height: 19px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 20px;
|
|
|
+ ">
|
|
|
+ 新建项目
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="vedioList" :class="'vedioList' + itemTaskIndex + toolIndex" v-if="
|
|
|
- itemTool.toolData.length > 0
|
|
|
- ">
|
|
|
- <div class="navTitile">内容列表：</div>
|
|
|
- <div class="navBox">
|
|
|
- <div>
|
|
|
- <div class="vedioTimeBox" v-for="(chapter, cIndex) in itemTool.toolData"
|
|
|
- :key="cIndex + '1'" @click="setChapterIndex(itemTool, cIndex)">
|
|
|
- <div class="vedioName" :class="{ isClickNav: itemTool.sourceIndex == cIndex }">
|
|
|
- {{ chapter.type == 8 ? chapter.title : chapter.name }}
|
|
|
- </div>
|
|
|
+ <div class="wordTeacher" @click="checkTemplate1()">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/wordMub.png" alt />
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ margin-top: 10px;
|
|
|
+ line-height: 19px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 20px;
|
|
|
+ ">
|
|
|
+ 我的项目
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 10px 30px 0" v-if="itemTool.toolData[itemTool.sourceIndex]">
|
|
|
- <el-button
|
|
|
- v-if="(itemTool.toolData[itemTool.sourceIndex].type == 3 || itemTool.toolData[itemTool.sourceIndex].type == 9)"
|
|
|
- type="primary"
|
|
|
- @click="checkFileFull(itemTool.toolData[itemTool.sourceIndex].type, itemTool.toolData[itemTool.sourceIndex].src)">全屏查看</el-button>
|
|
|
- <el-button
|
|
|
- v-if="(itemTool.toolData[itemTool.sourceIndex].type == 3 || itemTool.toolData[itemTool.sourceIndex].type == 9)"
|
|
|
- type="primary"
|
|
|
- @click="downloadFile(itemTool.toolData[itemTool.sourceIndex].src)">文件下载</el-button>
|
|
|
- <el-button v-if="itemTool.toolData[itemTool.sourceIndex].type == 8" type="primary"
|
|
|
- @click="openLineS(itemTool.toolData[itemTool.sourceIndex].src)">打开链接
|
|
|
- </el-button>
|
|
|
- <el-button v-if="itemTool.toolData[itemTool.sourceIndex].type == 6" type="primary"
|
|
|
- @click="checkFileFull(itemTool.toolData[itemTool.sourceIndex].type, itemTool.toolData[itemTool.sourceIndex])">全屏查看</el-button>
|
|
|
- <el-button type="primary"
|
|
|
- @click="editSourceUpadte(itemTaskIndex, toolIndex)">资源编辑</el-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <div v-if="itemTool.toolPhoto.length" style="margin-top:10px" class="toolimg_box">
|
|
|
- <div class="toolimg" v-for="(photo, pIndex) in itemTool.toolPhoto" :key="pIndex"
|
|
|
- :class="{ answerWidth: photo.type == 3 }">
|
|
|
- <img v-if="photo.type == 1" :src="photo.content" alt="" @click="previewImg(photo.content)">
|
|
|
- <div class="answerBg" v-if="photo.type == 3">
|
|
|
- <!-- <div>{{ w.sName }}</div> -->
|
|
|
- <el-tooltip class="item" effect="light" :content="photo.content" placement="top">
|
|
|
- <div class="answerContent">
|
|
|
- {{ photo.content }}
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" v-if="this.steps == 3" ref="rightboxR">
|
|
|
+ <div class="basic_box">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 99;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ ">
|
|
|
+ <div class="cru_selectBox">
|
|
|
+ <div v-for="(item, index) in unitJson" :key="index" class="cru_select" :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
|
|
|
+ 第{{ index + 1 }}阶段
|
|
|
+ </div>
|
|
|
+ <img src="../../../assets/line.png" class="cru_line" :style="{
|
|
|
+ left: offsetLetfPx + 'px',
|
|
|
+ }" />
|
|
|
+ </div>
|
|
|
+ <div class="addStageImg" @click="addunit()">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
</div>
|
|
|
- </el-tooltip>
|
|
|
</div>
|
|
|
- <img v-if="photo.type == 10" src="../../../assets/icon/isWord.png" alt=""
|
|
|
- @click="openTable(photo.content)">
|
|
|
- <img class="deleteImg" src="../../../assets/deleteworks.png" v-if="
|
|
|
- photo.userid == userid
|
|
|
- " @click.stop="deleteWorks(photo.id)" alt />
|
|
|
- <div class="comment">
|
|
|
- <div class="worksName">
|
|
|
- <div>{{ photo.username }}</div>
|
|
|
- </div>
|
|
|
+ <div style="margin: 0 0 40px 0; padding: 0 20px 0 20px" v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
|
|
|
+ <div>
|
|
|
+ <div class="chapter_contentbox">
|
|
|
+ <div>第{{ unitIndex + 1 }}阶段</div>
|
|
|
+ <div>
|
|
|
+ <input type="text" placeholder="阶段标题" class="binfo_input" v-model="unitJson[unitIndex].dyName" />
|
|
|
+ </div>
|
|
|
+ <div v-if="unitJson.length > 1" @click="deleteUnit(unitIndex)"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="task_add_title">
|
|
|
+ 添加任务
|
|
|
+ </div>
|
|
|
+ <div class="taskBorder" v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <div style="font-size: 22px; color: #8e8e8e" :id="'task' + itemTaskIndex">
|
|
|
+ 任务{{ itemTaskIndex + 1 }}
|
|
|
+ </div>
|
|
|
+ <div class="chapter_contentbox" style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ width: calc(100% - 115px);
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ border-left: 6px solid #5699e8;
|
|
|
+ height: 20px;
|
|
|
+ padding: 0 10px;
|
|
|
+ line-height: 22px;
|
|
|
+ ">
|
|
|
+ 任务名称
|
|
|
+ </div>
|
|
|
+ <div style="width:auto">
|
|
|
+ <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px" v-model="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].task
|
|
|
+ " />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ height: 20px;
|
|
|
+ padding: 0 10px 0 16px;
|
|
|
+ line-height: 22px;
|
|
|
+ ">
|
|
|
+ 负责人
|
|
|
+ </div>
|
|
|
+ <div style="width:auto">
|
|
|
+ <!-- <input type="text" placeholder="输入负责人" class="binfo_input" style="border-radius: 4px"
|
|
|
+ v-model="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].people
|
|
|
+ " /> -->
|
|
|
+ <el-select v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].people" placeholder="请选择负责人" clearable filterable>
|
|
|
+ <el-option v-for="item in ManAarray" :key="item.userid" :label="item.name + (item.type == 1 ? '(老师)' : '(学生)')" :value="item.userid">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="addPeople" @click="addTcMember(itemTaskIndex)" style="background: rgb(107, 146, 201);margin: 0 0 10px 15px;margin-bottom: 10px;width: 100px;">
|
|
|
+ {{ unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].tcMember ? '已添加' : '添加协同者' }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="remove" v-if="item.taskJson.length > 1" @click="deleteTask(itemTaskIndex)" style="position: absolute; right: 55px"></div>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ margin-top: 10px;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ height: 20px;
|
|
|
+ padding-left: 16px;
|
|
|
+ line-height: 22px;
|
|
|
+ ">
|
|
|
+ 任务完成时间
|
|
|
+ </div>
|
|
|
+ <div style="margin-left:20px">
|
|
|
+ <el-date-picker v-model="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].time" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ width: 70.5% !important;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle">任务描述</div>
|
|
|
+ <div class="line"></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <editor-bar style="width: 90% !important; margin: 0;height: 500px;" class="ed_s" placeholder="请输入任务描述" v-model="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].taskDetail
|
|
|
+ " @change="change"></editor-bar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="basic_box" v-if="false" style="
|
|
|
+ margin: 0;
|
|
|
+ min-height: 0;
|
|
|
+ width: 90% !important;
|
|
|
+ paddint-top: 10px !important;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle">资源上传</div>
|
|
|
+ <div class="line"></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="add_chapters_box" v-if="
|
|
|
+ itemTask.chapterData &&
|
|
|
+ itemTask.chapterData.length == 0
|
|
|
+ " style="height: 185px"></div>
|
|
|
+ <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
+ <div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id" @click="
|
|
|
+ getChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ item1.type
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_t" style="width: 100%"></div>
|
|
|
+ <div class="chapter_upload_o" style="
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
|
|
|
+ <div v-if="item1.type == 2" class="chapter_upload_l_i1">
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 9 ||
|
|
|
+ item1.type == 6 ||
|
|
|
+ item1.type == 7
|
|
|
+ " class="chapter_upload_l_i5" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic" style="
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ width: 45px;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_ic_l"></div>
|
|
|
+ <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
|
|
|
+ deleteChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ itemTaskIndex
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_n">
|
|
|
+ <input v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 9 ||
|
|
|
+ item1.type == 7
|
|
|
+ " :placeholder="item1.name" @change="
|
|
|
+ updataVideoT(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ chapterIndex,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ " style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ minwidth: 215px;
|
|
|
+ z-index: 99;
|
|
|
+ font-size: 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " />
|
|
|
+ <input :placeholder="item1.name" v-if="item1.type == 6" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
|
|
|
+ <input :placeholder="
|
|
|
+ item1.title ? item1.title : '链接'
|
|
|
+ " v-if="item1.type == 8" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
|
|
|
+ <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
+ <div class="chapter_upload_up" @click="
|
|
|
+ upCd($event, unitIndex, index, index1)
|
|
|
+ "></div>
|
|
|
+ <div class="chapter_upload_down" @click="
|
|
|
+ downCd($event, unitIndex, index, index1)
|
|
|
+ "></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add_info_box">
|
|
|
+ <button class="info_btn" @click="addImg($event)">
|
|
|
+ 添加教学视频
|
|
|
+ <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo"
|
|
|
+ style="display: none" capture="camera" v-if="inputShow" @change="
|
|
|
+ beforeUpload2($event, unitIndex, 2, itemTaskIndex)
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="addImg($event)">
|
|
|
+ 添加教学附件
|
|
|
+ <input type="file"
|
|
|
+ accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
+ style="display: none" v-if="inputShow" @change="
|
|
|
+ beforeUpload2($event, unitIndex, 3, itemTaskIndex)
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="addAttText(itemTaskIndex)">
|
|
|
+ 添加图文
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="openLine(itemTaskIndex)">
|
|
|
+ 添加链接
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible
|
|
|
+ " class="mask">
|
|
|
+ <div class="progressBox">
|
|
|
+ <div class="lbox">
|
|
|
+ <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ </div>
|
|
|
+ <el-progress :text-inside="true" :stroke-width="20" :percentage="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress
|
|
|
+ ? unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress
|
|
|
+ : 0
|
|
|
+ " style="width: 80%"></el-progress>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolChoose" style="padding: 0 0 30px 30px">
|
|
|
+ <div class="tools" style="margin-top:20px">
|
|
|
+ <div class="leftTools" style="
|
|
|
+ width: 95%;
|
|
|
+ padding: 0 0 15px 0;
|
|
|
+ border-bottom: 1px solid #efefef;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ " v-for="(itemTool, toolIndex) in itemTask.toolArray" :key="toolIndex">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div style="margin-right: 20px; font-weight: bold">
|
|
|
+ 步骤 {{ toolIndex + 1 }} ：
|
|
|
+ </div>
|
|
|
+ <div class="chooseWho" style="padding-bottom: 0;">
|
|
|
+ <span v-if="itemTool.tool == 1">
|
|
|
+ 电子白板
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 3">
|
|
|
+ 思维导图
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 6">
|
|
|
+ 协同文档
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 15">
|
|
|
+ 问答工具
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 48">
|
|
|
+ 表格
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 51">
|
|
|
+ 学习资源
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 52">
|
|
|
+ 文本
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 53">
|
|
|
+ 文档上传
|
|
|
+ </span>
|
|
|
+ <span v-if="itemTool.tool == 54">
|
|
|
+ 拍照上传
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)" v-if="itemTask.toolArray.length > 0" style="position: absolute; right: 55px"></div>
|
|
|
+ </div>
|
|
|
+ <div v-if="itemTool.tool != 51">
|
|
|
+ <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input" style="margin: 20px 0 0;resize: none; width: 71.5% !important" v-model="itemTool.toolDetail"></textarea>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top:10px">
|
|
|
+ <div class="tool" v-if="itemTool.tool == 1">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(1, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
+ <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 3">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(3, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维导图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 6">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(6, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
+ <div style="margin: 5px 0">协同文档</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 15">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(15, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
+ <div style="margin: 5px 0">问答工具</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 48">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(48, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
+ <div style="margin: 5px 0">表格</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 52" style="position:relative">
|
|
|
+ <div class="whiteBIcon" @click="openToolFun(52, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/text.png" alt />
|
|
|
+ <div style="margin: 5px 0">文本</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 53" style="position:relative">
|
|
|
+ <div class="whiteBIcon" @click="addImg($event)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/file.png" alt />
|
|
|
+ <div style="margin: 5px 0">文档上传</div>
|
|
|
+ <input type="file" accept="application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document" capture="camera" style="display: none" @change="beforeUploadCC($event, 1, itemTaskIndex, toolIndex, 53)"
|
|
|
+ />
|
|
|
+ <div v-if="itemTool.proVisible" class="mask">
|
|
|
+ <div class="lbox2">
|
|
|
+ <img src="../../../assets/loading.gif" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="itemTool.tool == 54" style="position:relative">
|
|
|
+ <div class="whiteBIcon" @click="addImg($event)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/photo.png" alt />
|
|
|
+ <div style="margin: 5px 0">拍照上传</div>
|
|
|
+ <input type="file" accept="image/*" capture="camera" style="display: none" @change="beforeUploadCC($event, 2, itemTaskIndex, toolIndex, 54)"
|
|
|
+ />
|
|
|
+ <div v-if="itemTool.proVisible" class="mask">
|
|
|
+ <div class="lbox2">
|
|
|
+ <img src="../../../assets/loading.gif" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="itemTool.tool == 51">
|
|
|
+ <div class="vedioTaskBox">
|
|
|
+ <div class="box_course" :class="'box_course' + itemTaskIndex + toolIndex" v-if="
|
|
|
+ itemTool.toolData.length > 0
|
|
|
+ ">
|
|
|
+ <div class="wheel" v-if="
|
|
|
+ itemTool.toolData[itemTool.sourceIndex].type == 2
|
|
|
+ ">
|
|
|
+ <div class="workd_media" style="height: 100%">
|
|
|
+ <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="itemTool.toolData[itemTool.sourceIndex].src" @play="onPlayerPlay($event)" style="width: 99%; height: 100%;"></video-player>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 6" style="
|
|
|
+ box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
+ width: 99%;
|
|
|
+ background: #f1f1f1;
|
|
|
+ height: 650px;
|
|
|
+ ">
|
|
|
+ <div class="texttitle">查看文档</div>
|
|
|
+ <el-form class="textBox">
|
|
|
+ <el-form-item class="textTitle">
|
|
|
+ <div style="
|
|
|
+ font-size: 22px;
|
|
|
+ max-height: 100px;
|
|
|
+ overflow: auto;
|
|
|
+ ">
|
|
|
+ {{ itemTool.toolData[itemTool.sourceIndex].name }}
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <div v-html="itemTool.toolData[itemTool.sourceIndex].url" class="textContent"></div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 3" style="height: 650px; width: 99%;">
|
|
|
+ <iframe style="width: 100%; height: 100%; border: none" :src="itemTool.toolData[itemTool.sourceIndex].src" security="restricted" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" ></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 8" style="height: 650px; width: 99%;">
|
|
|
+ <iframe style="width: 100%; height: 100%; border: none" :src="itemTool.toolData[itemTool.sourceIndex].src" security="restricted" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" ></iframe>
|
|
|
+ </div>
|
|
|
+ <div class="wheel" v-if="itemTool.toolData[itemTool.sourceIndex].type == 9" style="height: 650px; width: 99%;">
|
|
|
+ <pdf :pdfUrl="itemTool.toolData[itemTool.sourceIndex].url" style="width: 100%; height: 100%; overflow: auto">
|
|
|
+ </pdf>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="vedioList" :class="'vedioList' + itemTaskIndex + toolIndex" v-if="
|
|
|
+ itemTool.toolData.length > 0
|
|
|
+ ">
|
|
|
+ <div class="navTitile">内容列表：</div>
|
|
|
+ <div class="navBox">
|
|
|
+ <div>
|
|
|
+ <div class="vedioTimeBox" v-for="(chapter, cIndex) in itemTool.toolData" :key="cIndex + '1'" @click="setChapterIndex(itemTool, cIndex)">
|
|
|
+ <div class="vedioName" :class="{ isClickNav: itemTool.sourceIndex == cIndex }">
|
|
|
+ {{ chapter.type == 8 ? chapter.title : chapter.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 10px 0 0" v-if="itemTool.toolData[itemTool.sourceIndex]">
|
|
|
+ <el-button v-if="(itemTool.toolData[itemTool.sourceIndex].type == 3 || itemTool.toolData[itemTool.sourceIndex].type == 9)" type="primary" @click="checkFileFull(itemTool.toolData[itemTool.sourceIndex].type, itemTool.toolData[itemTool.sourceIndex].src)">全屏查看</el-button>
|
|
|
+ <el-button v-if="(itemTool.toolData[itemTool.sourceIndex].type == 3 || itemTool.toolData[itemTool.sourceIndex].type == 9)" type="primary" @click="downloadFile(itemTool.toolData[itemTool.sourceIndex].src)">文件下载</el-button>
|
|
|
+ <el-button v-if="itemTool.toolData[itemTool.sourceIndex].type == 8" type="primary" @click="openLineS(itemTool.toolData[itemTool.sourceIndex].src)">打开链接
|
|
|
+ </el-button>
|
|
|
+ <el-button v-if="itemTool.toolData[itemTool.sourceIndex].type == 6" type="primary" @click="checkFileFull(itemTool.toolData[itemTool.sourceIndex].type, itemTool.toolData[itemTool.sourceIndex])">全屏查看</el-button>
|
|
|
+ <el-button type="primary" @click="editSourceUpadte(itemTaskIndex, toolIndex)">资源编辑</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="itemTool.toolPhoto.length" style="margin-top:10px" class="toolimg_box">
|
|
|
+ <div class="toolimg" v-for="(photo, pIndex) in itemTool.toolPhoto" :key="pIndex" :class="{ answerWidth: photo.type == 3 }">
|
|
|
+ <img v-if="photo.type == 1" :src="photo.content" alt="" @click="previewImg(photo.content)">
|
|
|
+ <div class="answerBg" v-if="photo.type == 3">
|
|
|
+ <!-- <div>{{ w.sName }}</div> -->
|
|
|
+ <el-tooltip class="item" effect="light" :content="photo.content" placement="top">
|
|
|
+ <div class="answerContent">
|
|
|
+ {{ photo.content }}
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <img v-if="photo.type == 10" src="../../../assets/icon/isWord.png" alt="" @click="openTable(photo.content)">
|
|
|
+ <img v-if="photo.type == 4" src="../../../assets/icon/isWord.png" alt="" @click="openFile(photo.content)">
|
|
|
+ <img v-if="photo.type == 12" src="../../../assets/icon/isWord.png" alt="" @click="openText(photo.content)">
|
|
|
+ <img class="deleteImg" src="../../../assets/deleteworks.png" v-if="
|
|
|
+ photo.userid == userid
|
|
|
+ " @click.stop="deleteWorks(photo.id)" alt />
|
|
|
+ <div class="comment">
|
|
|
+ <div class="worksName">
|
|
|
+ <div>{{ photo.username }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="addToolFunBox">
|
|
|
+ <div class="addToolFun" @click="addToolFunD(itemTaskIndex)">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加工具</div>
|
|
|
+ </div>
|
|
|
+ <div class="addToolFun" @click="addSourceFunD(itemTaskIndex)">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加资源</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="funBlock" style="padding: 0">
|
|
|
+ <div class="fold" @click="fold(itemTaskIndex, $event, 1)">
|
|
|
+ <div>折叠</div>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="../../../assets/icon/fold.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
|
|
|
+ <div>展开</div>
|
|
|
+ <div class="arrow">
|
|
|
+ <img src="../../../assets/icon/expand.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="addTaskBorder" @click="addTaskBorder">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/addHw.png" alt />
|
|
|
+ <span>添加任务</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="addToolFunBox">
|
|
|
- <div class="addToolFun" @click="addToolFunD(itemTaskIndex)">
|
|
|
- <div class="addToolImg">
|
|
|
- <img src="../../../assets/icon/add.png" alt />
|
|
|
- </div>
|
|
|
- <div>添加工具</div>
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" v-if="steps == 4">
|
|
|
+ <div class="proMan">
|
|
|
+ <div class="title"><img src="../../../assets/icon/task.png" alt />任务进展甘特图</div>
|
|
|
+ <ganChart :Json="unitJson" v-if="steps == 4"></ganChart>
|
|
|
</div>
|
|
|
- <div class="addToolFun" @click="addSourceFunD(itemTaskIndex)">
|
|
|
- <div class="addToolImg">
|
|
|
- <img src="../../../assets/icon/add.png" alt />
|
|
|
- </div>
|
|
|
- <div>添加资源</div>
|
|
|
+ <div class="proMan">
|
|
|
+ <div class="title"><img src="../../../assets/icon/proMan.png" alt />负责人看板</div>
|
|
|
+ <proMan :Json="unitJson" :ManAarray="teacherJuri2"></proMan>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="funBlock" style="padding: 0">
|
|
|
- <div class="fold" @click="fold(itemTaskIndex, $event, 1)">
|
|
|
- <div>折叠</div>
|
|
|
- <div class="arrow">
|
|
|
- <img src="../../../assets/icon/fold.png" alt />
|
|
|
- </div>
|
|
|
+ <div style="
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ border-radius: 10px;
|
|
|
+ " v-if="steps == 5">
|
|
|
+ <div class="basic_box_success">
|
|
|
+ <div class="right_img">
|
|
|
+ <img src="../../../assets/icon/right.png" alt />
|
|
|
+ </div>
|
|
|
+ <div style="font-weight: bold">成功</div>
|
|
|
+ <!-- <div>您的项目编号</div>
|
|
|
+ <div class="number">{{ number }}</div>-->
|
|
|
+ <!-- <div class="success_button">
|
|
|
+ <div class="look_course" @click="isNoFinsh">
|
|
|
+ 邀请老师协同编辑
|
|
|
+ </div>
|
|
|
+ <div class="attend_others" @click="goCourse">预览项目</div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
|
|
|
- <div>展开</div>
|
|
|
- <div class="arrow">
|
|
|
- <img src="../../../assets/icon/expand.png" alt />
|
|
|
- </div>
|
|
|
+ <div class="info_btnBox">
|
|
|
+ <button class="info_btn" v-if="steps == 1" @click="
|
|
|
+ goTo(fpath + '?userid=' + userid + '&oid=' + oid + '&org=' + org)
|
|
|
+ ">
|
|
|
+ 返回项目
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" v-if="steps > 1 && steps != 6" @click="lastSteps">
|
|
|
+ {{ steps == 5 ? "返回首页" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" v-if="steps < 5" @click="nextSteps">
|
|
|
+ {{ (steps == 4 && type == 2) || (steps == 3 && type != 2) ? "确认上传" : "下一步" }}
|
|
|
+ </button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="addTaskBorder" @click="addTaskBorder">
|
|
|
- <div>
|
|
|
- <img src="../../../assets/icon/addHw.png" alt />
|
|
|
- <span>添加任务</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="rightBox" v-if="steps == 4">
|
|
|
- <div class="proMan">
|
|
|
- <div class="title"><img src="../../../assets/icon/task.png" alt />任务进展甘特图</div>
|
|
|
- <ganChart :Json="unitJson" v-if="steps == 4"></ganChart>
|
|
|
- </div>
|
|
|
- <div class="proMan">
|
|
|
- <div class="title"><img src="../../../assets/icon/proMan.png" alt />负责人看板</div>
|
|
|
- <proMan :Json="unitJson" :ManAarray="teacherJuri2"></proMan>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
- width: calc(100% - 20px);
|
|
|
- background: rgb(255, 255, 255);
|
|
|
- border-radius: 10px;
|
|
|
- " v-if="steps == 5">
|
|
|
- <div class="basic_box_success">
|
|
|
- <div class="right_img">
|
|
|
- <img src="../../../assets/icon/right.png" alt />
|
|
|
- </div>
|
|
|
- <div style="font-weight: bold">成功</div>
|
|
|
- <!-- <div>您的项目编号</div>
|
|
|
- <div class="number">{{ number }}</div>-->
|
|
|
- <!-- <div class="success_button">
|
|
|
- <div class="look_course" @click="isNoFinsh">
|
|
|
- 邀请老师协同编辑
|
|
|
- </div>
|
|
|
- <div class="attend_others" @click="goCourse">预览项目</div>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="info_btnBox">
|
|
|
- <button class="info_btn" v-if="steps == 1" @click="
|
|
|
- goTo(fpath + '?userid=' + userid + '&oid=' + oid + '&org=' + org)
|
|
|
- ">
|
|
|
- 返回项目
|
|
|
- </button>
|
|
|
- <button class="info_btn" v-if="steps > 1 && steps != 6" @click="lastSteps">
|
|
|
- {{ steps == 5 ? "返回首页" : "上一步" }}
|
|
|
- </button>
|
|
|
- <button class="info_btn" v-if="steps < 5" @click="nextSteps">
|
|
|
- {{ (steps == 4 && type == 2) || (steps == 3 && type != 2) ? "确认上传" : "下一步" }}
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-dialog title="提示" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose"
|
|
|
- class="dialog_diy2 customWidth">
|
|
|
- <div>请复制该链接邀请协同编辑</div>
|
|
|
- <div>http://www.boomyon.com/index-zhang.com</div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary">复制链接分享</el-button>
|
|
|
- <el-button @click="dialogVisible = false">取消</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true"
|
|
|
- width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
|
|
|
- <el-form>
|
|
|
- <el-form-item label="文档标题">
|
|
|
- <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div>文档简介</div>
|
|
|
- <editor-bar v-model="tdetail" @change="change"></editor-bar>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible1 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
|
|
|
- <el-button type="primary" @click="upWord" v-else>修 改</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <el-form>
|
|
|
- <el-form-item label="文档标题">
|
|
|
- <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div>文档内容</div>
|
|
|
- <editor-bar v-model="cTemplate" @change="change"></editor-bar>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="clearChoose">取 消</el-button>
|
|
|
- <el-button type="primary" @click="wordNext()">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <el-form>
|
|
|
- <el-form-item label="文本标题">
|
|
|
- <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div>富文本内容</div>
|
|
|
- <editor-bar v-model="AttText.text" @change="change"></editor-bar>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="clearAttText">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy lineCss">
|
|
|
- <el-form>
|
|
|
- <el-form-item label="标题" :label-width="formLabelWidth">
|
|
|
- <span>
|
|
|
- <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
|
|
|
- </span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="链接" :label-width="formLabelWidth">
|
|
|
- <span>
|
|
|
- <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
|
|
|
- </span>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="clearLine">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加项目成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%"
|
|
|
- :before-close="handleClose" class="addNewPP customWidth">
|
|
|
- <div class="people">
|
|
|
- <div class="people_top">
|
|
|
- <div class="people_nav">选择成员</div>
|
|
|
- <div class="people_top_right">
|
|
|
- <div class="people_search">
|
|
|
- <el-input style="height: 100%" placeholder="搜索成员名称" v-model="searchPeople"></el-input>
|
|
|
- <div class="search_img" @click="searchStudent">
|
|
|
- <img src="../../../assets/icon/search.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-checkbox-group v-model="checkboxList" class="people_name">
|
|
|
- <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{
|
|
|
- item.name ? item.name :
|
|
|
- "暂无学生可选"
|
|
|
- }}</el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible3 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddPP">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="400px" height="80%"
|
|
|
- :before-close="handleClose" class="addNewPP">
|
|
|
- <div class="people" style="height: 300px">
|
|
|
- <div class="people_top">
|
|
|
- <div class="people_nav">选择班级</div>
|
|
|
- </div>
|
|
|
- <el-checkbox-group v-model="checkboxList2" class="people_name">
|
|
|
- <div v-for="(item, index) in grade" :key="item.id">
|
|
|
- <el-checkbox :label="item.id">
|
|
|
- {{ item.name ? item.name : "暂无班级可选" }}
|
|
|
- </el-checkbox>
|
|
|
- <div>
|
|
|
- <span>{{ index }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-checkbox-group>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleClass = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddClass">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
|
|
|
- :before-close="handleClose" class="addNewPP customWidth">
|
|
|
- <div class="people">
|
|
|
- <div class="people_top">
|
|
|
- <div class="people_top_right">
|
|
|
- <div class="people_search">
|
|
|
- <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
|
|
|
- <div class="search_img" @click="getTeacher">
|
|
|
- <img src="../../../assets/icon/search.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="people_nav">选择成员</div>
|
|
|
- </div>
|
|
|
- <div class="t_j_box" style="padding: 20px 0 0 25px;width: calc(100% - 45px);margin-left: 25px;">
|
|
|
- <span>姓名</span>
|
|
|
- <span>身份</span>
|
|
|
- <span>账号</span>
|
|
|
- <span>学校</span>
|
|
|
- </div>
|
|
|
- <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length">
|
|
|
- <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
|
|
|
- <div class="t_j_box">
|
|
|
- <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
|
|
|
- <span>{{ item.name ? item.name : "暂无姓名" }}</span>
|
|
|
- </el-tooltip>
|
|
|
- <span>{{ item.type == '1' ? '老师' : '学生' }}</span>
|
|
|
- <el-tooltip placement="top" :content="item.username">
|
|
|
- <span>{{ item.username }}</span>
|
|
|
- </el-tooltip>
|
|
|
- <el-tooltip placement="top" :content="item.school">
|
|
|
- <span>{{ item.school }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleMember = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加协同者" :visible.sync="dialogVisibleTcMember" :append-to-body="true" width="25%" height="80%"
|
|
|
- :before-close="handleClose" class="addNewPP customWidth">
|
|
|
- <div class="people">
|
|
|
- <div class="people_top">
|
|
|
- <!-- <div class="people_top_right">
|
|
|
- <div class="people_search">
|
|
|
- <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
|
|
|
- <div class="search_img" @click="getTeacher">
|
|
|
- <img src="../../../assets/icon/search.png" alt />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div class="people_nav">选择成员</div>
|
|
|
- </div>
|
|
|
- <div class="t_j_box" style="padding: 20px 0 0 25px;width: calc(100% - 45px);margin-left: 25px;">
|
|
|
- <span>姓名</span>
|
|
|
- <span>身份</span>
|
|
|
- <span>账号</span>
|
|
|
- <span>学校</span>
|
|
|
- </div>
|
|
|
- <el-checkbox-group v-model="tcMember" class="people_name" v-if="ManAarray.length">
|
|
|
- <el-checkbox v-for="item in ManAarray" :key="item.userid" :label="item.userid">
|
|
|
- <div class="t_j_box">
|
|
|
- <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
|
|
|
- <span>{{ item.name ? item.name : "暂无姓名" }}</span>
|
|
|
- </el-tooltip>
|
|
|
- <span>{{ item.type == '1' ? '老师' : '学生' }}</span>
|
|
|
- <el-tooltip placement="top" :content="item.username">
|
|
|
- <span>{{ item.username }}</span>
|
|
|
- </el-tooltip>
|
|
|
- <el-tooltip placement="top" :content="item.school">
|
|
|
- <span>{{ item.school }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- </el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleTcMember = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="isAddPPTcTeacher">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <div class="a_add_title" style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- ">
|
|
|
- <div style="margin-right: 20px; font-size: 20px">标题:</div>
|
|
|
- <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
|
|
|
- </div>
|
|
|
- <div class="a_addBox">
|
|
|
- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
|
|
|
- <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
|
|
|
- <div class="a_add_head">
|
|
|
- <div>
|
|
|
- {{ index1 + 1 + "、" }}
|
|
|
- <el-input class="a_add_head_input" v-model="askJson.askJson[index1].askstitle" placeholder="请输入题目...">
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- <div class="a_add_head_div">
|
|
|
- <el-button type="primary" size="small" @click="addAskList()">添加</el-button>
|
|
|
- <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="a_add_body">
|
|
|
- <div class="a_add_input">
|
|
|
- <el-input v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex"
|
|
|
- v-model="askJson.askJson[index1].checkList[checkIndex]" placeholder="请输入选项..."
|
|
|
- style="width: 150px; margin: 10px 10px 0 0"></el-input>
|
|
|
- </div>
|
|
|
- <div class="a_add_body_div">
|
|
|
- <el-button style="margin: 10px 0px 0 0" type="primary" size="small"
|
|
|
- @click="addcheckList(askJson.askJson[index1])">添加</el-button>
|
|
|
- <el-button type="primary" size="small" style="margin: 10px 0 0 10px"
|
|
|
- @click="deletecheckList(askJson.askJson[index1])" v-if="askJson.askJson[index1].askItem != 1">删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible5 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addAsk">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <!-- <div class="a_add_title" style="
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- ">
|
|
|
- <div style="margin-right: 20px; font-size: 20px">标题:</div>
|
|
|
- <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
|
|
|
- </div> -->
|
|
|
- <div class="a_addBox">
|
|
|
- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
|
|
|
- <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
|
|
|
- <div class="a_add_checkType">
|
|
|
- <span :class="{ active: testJson.testJson[index1].type == '1' }"
|
|
|
- @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
|
|
|
- <span :class="{ active: testJson.testJson[index1].type == '2' }"
|
|
|
- @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
|
|
|
- </div>
|
|
|
- <div class="a_add_head">
|
|
|
- <div>
|
|
|
- {{ index1 + 1 + "、" }}
|
|
|
- <el-input class="a_add_head_input" v-model="testJson.testJson[index1].teststitle"
|
|
|
- placeholder="请输入题目...">
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- <div class="a_add_head_div">
|
|
|
- <el-button type="primary" size="small" @click="addTestList()">添加</el-button>
|
|
|
- <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="a_add_body">
|
|
|
- <div class="a_add_input a_add_input_choice">
|
|
|
- <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1">
|
|
|
- <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
|
|
|
- .testItem" :key="checkIndex" :label="checkIndex">
|
|
|
- <el-input v-model="testJson.testJson[index1].checkList[checkIndex]" placeholder="请输入选项..."
|
|
|
- style="width: 300px; margin-right: 10px"></el-input>
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <el-checkbox-group v-model="testJson.testJson[index1].answer"
|
|
|
- v-if="testJson.testJson[index1].type == '2'">
|
|
|
- <el-checkbox v-for="(item2, checkIndex) in testJson.testJson[index1]
|
|
|
- .testItem" :key="checkIndex" :label="checkIndex">
|
|
|
- <el-input v-model="testJson.testJson[index1].checkList[checkIndex]" placeholder="请输入选项..."
|
|
|
- style="width: 300px; margin-right: 10px"></el-input>
|
|
|
- </el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
- </div>
|
|
|
- <div class="a_add_body_div">
|
|
|
- <el-button type="primary" size="small" @click="addTcheckList(testJson.testJson[index1])">添加</el-button>
|
|
|
- <el-button type="primary" size="small" @click="deleteTcheckList(testJson.testJson[index1])"
|
|
|
- v-if="testJson.testJson[index1].testItem != 1">删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleChoice = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addTest">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <div class="a_add_title" style="
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: center;
|
|
|
- ">
|
|
|
- <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
|
|
|
- <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible8 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addAnswer">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <div class="a_add_title" style="
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: center;
|
|
|
- ">
|
|
|
- <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
|
|
|
- <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addMp3Answer">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="500px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <div class="fileCss" style="padding-top: 20px">
|
|
|
- <div>
|
|
|
- <button class="info_btn" @click="addImg($event)">
|
|
|
- 选择本地文件
|
|
|
- <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-button @click="getAllBanner" v-if="isSysPic == false && cover.length == 0">选择系统文件</el-button>
|
|
|
- <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
|
|
|
- <img :src="cover[0].url" alt="" />
|
|
|
- <div class="deletePic" @click="deleteSysPic">
|
|
|
- <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="fileCss">
|
|
|
- <div>选择本地文件</div>
|
|
|
- <div>选择系统文件</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="choosePicVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="710px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div class="cru_selectBox" style="margin: 0">
|
|
|
- <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
|
|
|
- 绘画
|
|
|
- </div>
|
|
|
- <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
|
|
|
- 科技
|
|
|
- </div>
|
|
|
- <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
|
|
|
- 人文
|
|
|
- </div>
|
|
|
- <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
|
|
|
- 艺术
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="sysPicBox">
|
|
|
- <div v-for="(sys, sysIndex) in sysPic" :key="sysIndex" class="sysPic">
|
|
|
- <img :src="sys.poster" alt="" @click="chooseSysPic(sys.poster)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="sysPicVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="选择填空" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px"
|
|
|
- :before-close="handleClose" class="dialog_diy dialog_diy3">
|
|
|
- <div v-if="selectJson">
|
|
|
- <div class="select_box1" v-if="selectSteps == 1">
|
|
|
- <div class="select_box1_img">
|
|
|
- <div class="select_box1_title">
|
|
|
- <span>上传题目图片</span><span>提示：请将题目以图片的方式上传</span>
|
|
|
- </div>
|
|
|
- <div class="select_box1_add_img">
|
|
|
- <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
|
|
|
- <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
|
|
|
- <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="isSysPic" v-else>
|
|
|
- <img :src="selectJson.url" alt="" />
|
|
|
- <div class="deletePic" @click="deleteSelectPic">
|
|
|
- <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="select_box1_select">
|
|
|
- <div class="select_box1_title">
|
|
|
- <span>添加选项</span><span>提示：请输入题目选项</span>
|
|
|
- </div>
|
|
|
- <div class="select_box1_select_box">
|
|
|
- <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex"
|
|
|
- v-model="selectJson.select[checkIndex]" placeholder="请输入选项..."
|
|
|
- style="width: 150px; margin: 10px 10px 0 0"></el-input>
|
|
|
- <div class="select_box1_select_box_add">
|
|
|
- <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
|
|
|
- 添加</el-button>
|
|
|
- <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)"
|
|
|
- v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="selectSteps == 2">
|
|
|
- <div class="select_box2">
|
|
|
- <div class="select_box2_title">设置答案</div>
|
|
|
- <div class="select_box2_box">
|
|
|
- <div class="select_box2_img">
|
|
|
- <img :src="selectJson.url" alt="" />
|
|
|
- </div>
|
|
|
- <div class="select_box2_answer">
|
|
|
- <div class="select_answer_title">根据题目选择对应答案</div>
|
|
|
- <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
|
|
|
- <span>{{ checkIndex + 1 }}、</span>
|
|
|
- <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
|
|
|
- <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
|
|
|
- <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
|
|
|
- <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div style="background: #fff; padding: 15px; box-sizing: border-box">
|
|
|
- <div style="font-size: 18px; color: #a9a9a9">请输入学生评价指标:</div>
|
|
|
- <div class="pjCss" style="width: 100%">
|
|
|
- <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
|
|
|
- <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
|
|
|
- <span style="min-width: 100px; text-align: right">学生评价指标：</span>
|
|
|
- <input type="input" v-model="eItem.value" placeholder="填写评价名称" />
|
|
|
- <div class="remove" @click="deletRateList(eIndex)"></div>
|
|
|
- <div style="width: 100%; display: flex">
|
|
|
- <span style="min-width: 100px; text-align: right">评星等级：</span>
|
|
|
- <el-rate v-model="eItem.score" disabled></el-rate>
|
|
|
- </div>
|
|
|
- <div class="elist_inptu_text" style="align-items: flex-start">
|
|
|
- <span style="min-width: 100px; text-align: right">描述：</span>
|
|
|
- <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写评价描述"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="addToolFunBox">
|
|
|
- <div class="addToolFun" @click="addRateList()">
|
|
|
- <div class="addToolImg">
|
|
|
- <img src="../../../assets/icon/add.png" alt />
|
|
|
- </div>
|
|
|
- <div>添加</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleRate = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addRateAnswer">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="连词成句设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
|
|
|
- :before-close="handleClose" class="dialog_diy dialog_diy3">
|
|
|
- <div>
|
|
|
- <div class="sentenBox">
|
|
|
- <div class="addSen" @click="addSt">添加题目</div>
|
|
|
- <div v-for="(st, stIndex) in sentenceList" :key="stIndex" style="padding-bottom: 20px">
|
|
|
- <div class="sentenTopBox">
|
|
|
- <div class="sentenTop">
|
|
|
- <div>题目设置</div>
|
|
|
- <div>
|
|
|
- <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle"></el-input>
|
|
|
+ <el-dialog title="提示" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
|
|
|
+ <div>请复制该链接邀请协同编辑</div>
|
|
|
+ <div>http://www.boomyon.com/index-zhang.com</div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary">复制链接分享</el-button>
|
|
|
+ <el-button @click="dialogVisible = false">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true" width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="文档标题">
|
|
|
+ <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div>文档简介</div>
|
|
|
+ <editor-bar v-model="tdetail" @change="change"></editor-bar>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible1 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
|
|
|
+ <el-button type="primary" @click="upWord" v-else>修 改</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="文档标题">
|
|
|
+ <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div>文档内容</div>
|
|
|
+ <editor-bar v-model="cTemplate" @change="change"></editor-bar>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="clearChoose">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="wordNext()">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="文本标题">
|
|
|
+ <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div>富文本内容</div>
|
|
|
+ <editor-bar v-model="AttText.text" @change="change"></editor-bar>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="clearAttText">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy lineCss">
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="标题" :label-width="formLabelWidth">
|
|
|
+ <span>
|
|
|
+ <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
|
|
|
+ </span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="链接" :label-width="formLabelWidth">
|
|
|
+ <span>
|
|
|
+ <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
|
|
|
+ </span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="clearLine">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加项目成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%" :before-close="handleClose" class="addNewPP customWidth">
|
|
|
+ <div class="people">
|
|
|
+ <div class="people_top">
|
|
|
+ <div class="people_nav">选择成员</div>
|
|
|
+ <div class="people_top_right">
|
|
|
+ <div class="people_search">
|
|
|
+ <el-input style="height: 100%" placeholder="搜索成员账号" v-model="searchPeople"></el-input>
|
|
|
+ <div class="search_img" @click="searchStudent">
|
|
|
+ <img src="../../../assets/icon/search.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div @click="addSen(stIndex)">添加</div>
|
|
|
- </div>
|
|
|
- <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
|
|
|
+ <el-checkbox-group v-model="checkboxList" class="people_name">
|
|
|
+ <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{ item.name ? item.name : "暂无学生可选" }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="cardList">
|
|
|
- <div v-if="st.addSentence.length > 0" class="cardBox">
|
|
|
- <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex"
|
|
|
- @click="setRightAnswer(s, stIndex, sIndex)">
|
|
|
- <el-tooltip class="item" effect="light" :content="s" placement="top">
|
|
|
- <div>{{ s }}</div>
|
|
|
- </el-tooltip>
|
|
|
- <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
|
|
|
- <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
- </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible3 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddPP">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="400px" height="80%" :before-close="handleClose" class="addNewPP">
|
|
|
+ <div class="people" style="height: 300px">
|
|
|
+ <div class="people_top">
|
|
|
+ <div class="people_nav">选择班级</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="card">
|
|
|
- <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
|
|
|
- </div>
|
|
|
+ <el-checkbox-group v-model="checkboxList2" class="people_name">
|
|
|
+ <div v-for="(item, index) in grade" :key="item.id">
|
|
|
+ <el-checkbox :label="item.id">
|
|
|
+ {{ item.name ? item.name : "暂无班级可选" }}
|
|
|
+ </el-checkbox>
|
|
|
+ <div>
|
|
|
+ <span>{{ index }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-checkbox-group>
|
|
|
</div>
|
|
|
- <div class="rightCardBox">
|
|
|
- <div>正确顺序</div>
|
|
|
- <div class="rightCardList">
|
|
|
- <div v-if="st.rightAnswer.length > 0" class="cardBox">
|
|
|
- <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
|
|
|
- <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
|
|
|
- <el-tooltip class="item" effect="light" :content="r" placement="top">
|
|
|
- <div>{{ r }}</div>
|
|
|
- </el-tooltip>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleClass = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddClass">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%" :before-close="handleClose" class="addNewPP customWidth">
|
|
|
+ <div class="people">
|
|
|
+ <div class="people_top">
|
|
|
+ <div class="people_top_right">
|
|
|
+ <div class="people_search">
|
|
|
+ <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
|
|
|
+ <div class="search_img" @click="getTeacher">
|
|
|
+ <img src="../../../assets/icon/search.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div>{{ rIndex + 1 }}</div>
|
|
|
- </div>
|
|
|
+ <div class="people_nav">选择成员</div>
|
|
|
</div>
|
|
|
- <div class="card" v-if="st.rightAnswer.length == 0">
|
|
|
- <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
|
|
|
+ <div class="t_j_box" style="padding: 20px 0 0 25px;width: calc(100% - 45px);margin-left: 25px;">
|
|
|
+ <span>姓名</span>
|
|
|
+ <span>身份</span>
|
|
|
+ <span>账号</span>
|
|
|
+ <span>学校</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleSentence = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addSentenceTool">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <el-form>
|
|
|
- <!-- <el-form-item label="文本标题">
|
|
|
- <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
|
|
|
- </el-form-item> -->
|
|
|
- <div>表格内容</div>
|
|
|
- <Table v-model="tableJson.text" @change="change"></Table>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleTable = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addTableJson">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="查看表格" :visible.sync="dialogVisibleTable2" :append-to-body="true" width="95%"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <el-form>
|
|
|
- <div class="cont" v-html="tableJson.text"></div>
|
|
|
- </el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div class="groupBox">
|
|
|
- <div v-if="groupJson.group" class="groupContent">
|
|
|
- <div class="groupTitle">请设置小组数量</div>
|
|
|
- <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
|
|
|
- <span class="groupn">组{{ index + 1 }}名称:</span>
|
|
|
- <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px;"></el-input>
|
|
|
- <div class="groupBtn">
|
|
|
- <el-button type="primary" size="small" @click="addGroup(index)">
|
|
|
- 添加</el-button>
|
|
|
- <el-button type="primary" size="small" @click="deleteGroup(index)"
|
|
|
- v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
|
|
|
+ <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length">
|
|
|
+ <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
|
|
|
+ <div class="t_j_box">
|
|
|
+ <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
|
|
|
+ <span>{{ item.name ? item.name : "暂无姓名" }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <span>{{ item.type == '1' ? '老师' : '学生' }}</span>
|
|
|
+ <el-tooltip placement="top" :content="item.username">
|
|
|
+ <span>{{ item.username }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip placement="top" :content="item.school">
|
|
|
+ <span>{{ item.school }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="groupContent">
|
|
|
- <div class="groupTitle">请设置每组人数数量</div>
|
|
|
- <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
|
|
|
- style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
|
|
|
- <el-input-number v-model="groupJson.number" :controls="false" :min="2" :max="10"
|
|
|
- placeholder="2-10人以内"></el-input-number>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleGroup = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addGroupJson">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加工具" :visible.sync="dialogVisibleTool" :append-to-body="true" width="600px"
|
|
|
- :before-close="handleClose" class="dialog_diy addToolsDia">
|
|
|
- <div class="toolChoose" style="padding: 0 0 30px 30px">
|
|
|
- <div class="tools">
|
|
|
- <div class="leftTools" style="
|
|
|
- width: 95%;
|
|
|
- padding: 0 0 15px 0;
|
|
|
- border-bottom: 1px solid #efefef;
|
|
|
- margin-bottom: 15px;
|
|
|
- ">
|
|
|
-
|
|
|
- <div style="min-height: 163px">
|
|
|
- <div class="toolSort">
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="addToolFun(1)">
|
|
|
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
- <div style="margin: 5px 0">电子白板</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tool" v-if="false">
|
|
|
- <div class="whiteBIcon" @click="addToolFun(6)">
|
|
|
- <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
- <div style="margin: 5px 0">协同文档</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="addToolFun(3)">
|
|
|
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
- <div style="margin: 5px 0">思维导图</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="addToolFun(48)">
|
|
|
- <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
- <div style="margin: 5px 0">表格</div>
|
|
|
- </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleMember = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加协同者" :visible.sync="dialogVisibleTcMember" :append-to-body="true" width="25%" height="80%" :before-close="handleClose" class="addNewPP customWidth">
|
|
|
+ <div class="people">
|
|
|
+ <div class="people_top">
|
|
|
+ <!-- <div class="people_top_right">
|
|
|
+ <div class="people_search">
|
|
|
+ <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
|
|
|
+ <div class="search_img" @click="getTeacher">
|
|
|
+ <img src="../../../assets/icon/search.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="people_nav">选择成员</div>
|
|
|
</div>
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="addToolFun(15)">
|
|
|
- <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
- <div style="margin: 5px 0">问答工具</div>
|
|
|
- </div>
|
|
|
+ <div class="t_j_box" style="padding: 20px 0 0 25px;width: calc(100% - 45px);margin-left: 25px;">
|
|
|
+ <span>姓名</span>
|
|
|
+ <span>身份</span>
|
|
|
+ <span>账号</span>
|
|
|
+ <span>学校</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <el-checkbox-group v-model="tcMember" class="people_name" v-if="ManAarray.length">
|
|
|
+ <el-checkbox v-for="item in ManAarray" :key="item.userid" :label="item.userid">
|
|
|
+ <div class="t_j_box">
|
|
|
+ <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
|
|
|
+ <span>{{ item.name ? item.name : "暂无姓名" }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <span>{{ item.type == '1' ? '老师' : '学生' }}</span>
|
|
|
+ <el-tooltip placement="top" :content="item.username">
|
|
|
+ <span>{{ item.username }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ <el-tooltip placement="top" :content="item.school">
|
|
|
+ <span>{{ item.school }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible4 = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
|
|
|
- </span> -->
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="添加资源" :visible.sync="dialogVisibleSource" :append-to-body="true" width="700px"
|
|
|
- :before-close="handleClose" class="dialog_diy addToolsDia">
|
|
|
- <div class="toolChoose">
|
|
|
- <div class="tools">
|
|
|
- <div class="leftTools" style="
|
|
|
- width: 100%;
|
|
|
- ">
|
|
|
-
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleTcMember = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="isAddPPTcTeacher">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px" :before-close="handleClose" class="dialog_diy">
|
|
|
<div>
|
|
|
- <div class="basic_box">
|
|
|
- <div>
|
|
|
- <div class="add_chapters_box" v-if="
|
|
|
- sourcesData.length == 0
|
|
|
- " style="height: 185px"></div>
|
|
|
- <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
- <div class="chapter_upload" v-for="(item, index) in sourcesData" :key="index" @click="
|
|
|
- getChapterData2(
|
|
|
- $event,
|
|
|
- index,
|
|
|
- item.type
|
|
|
- )
|
|
|
- ">
|
|
|
- <div class="chapter_upload_t" style="width: 100%"></div>
|
|
|
- <div class="chapter_upload_o" style="
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- ">
|
|
|
- <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
|
|
|
- <div v-if="item.type == 2" class="chapter_upload_l_i1"></div>
|
|
|
- <div v-if="
|
|
|
- item.type == 3 ||
|
|
|
- item.type == 9 ||
|
|
|
- item.type == 6 ||
|
|
|
- item.type == 7
|
|
|
- " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
|
|
|
- <div v-if="item.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
|
|
|
- </div>
|
|
|
- <div class="chapter_upload_ic" style="
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- width: 45px;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- ">
|
|
|
- <div class="chapter_upload_ic_l"></div>
|
|
|
- <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
|
|
|
- deleteChapterData2(
|
|
|
- $event,
|
|
|
- index,
|
|
|
- )
|
|
|
+ <div class="a_add_title" style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
">
|
|
|
- <div></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="chapter_upload_n">
|
|
|
- <input v-if="
|
|
|
- item.type == 2 ||
|
|
|
- item.type == 3 ||
|
|
|
- item.type == 9 ||
|
|
|
- item.type == 7
|
|
|
- " :placeholder="item.name" @change="
|
|
|
- updataVideoT2(
|
|
|
- $event,
|
|
|
- index
|
|
|
- )
|
|
|
-" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- minwidth: 215px;
|
|
|
- z-index: 99;
|
|
|
- font-size: 14px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " />
|
|
|
- <input :placeholder="item.name" v-if="item.type == 6" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " readonly="true" @click="selectAttText2(index)" />
|
|
|
- <input :placeholder="
|
|
|
- item.title ? item.title : '链接'
|
|
|
- " v-if="item.type == 8" style="
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- width: 80%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- " readonly="true" @click="selectLine2(index)" />
|
|
|
- <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
- <div class="chapter_upload_up" @click="
|
|
|
- upCd2($event, index)
|
|
|
- "></div>
|
|
|
- <div class="chapter_upload_down" @click="
|
|
|
- downCd2($event, index)
|
|
|
- "></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="add_info_box">
|
|
|
- <button class="info_btn" @click="addImg($event)">
|
|
|
- 添加教学视频
|
|
|
- <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
|
|
|
- capture="camera" v-if="inputShow" @change="
|
|
|
- beforeUpload3($event, 2)
|
|
|
- " />
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="addImg($event)">
|
|
|
- 添加教学附件
|
|
|
- <input type="file"
|
|
|
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
- style="display: none" v-if="inputShow" @change="
|
|
|
- beforeUpload3($event, 3)
|
|
|
- " />
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="addAttText()">
|
|
|
- 添加图文
|
|
|
- </button>
|
|
|
- <button class="info_btn" @click="openLine()">
|
|
|
- 添加链接
|
|
|
- </button>
|
|
|
+ <div style="margin-right: 20px; font-size: 20px">标题:</div>
|
|
|
+ <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
|
|
|
</div>
|
|
|
- <div v-if="proVisible" class="mask">
|
|
|
- <div class="progressBox">
|
|
|
- <div class="lbox">
|
|
|
- <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ <div class="a_addBox">
|
|
|
+ <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
|
|
|
+ <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
|
|
|
+ <div class="a_add_head">
|
|
|
+ <div>
|
|
|
+ {{ index1 + 1 + "、" }}
|
|
|
+ <el-input class="a_add_head_input" v-model="askJson.askJson[index1].askstitle" placeholder="请输入题目...">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head_div">
|
|
|
+ <el-button type="primary" size="small" @click="addAskList()">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body">
|
|
|
+ <div class="a_add_input">
|
|
|
+ <el-input v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex" v-model="askJson.askJson[index1].checkList[checkIndex]" placeholder="请输入选项..." style="width: 150px; margin: 10px 10px 0 0"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body_div">
|
|
|
+ <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addcheckList(askJson.askJson[index1])">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" style="margin: 10px 0 0 10px" @click="deletecheckList(askJson.askJson[index1])" v-if="askJson.askJson[index1].askItem != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress"
|
|
|
- style="width: 80%"></el-progress>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisibleSource = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addSourceData">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="查看文档" :visible.sync="fullDialogVisible" :append-to-body="true" width="100%"
|
|
|
- :before-close="handleClose" :show-close="false" class="dialog_diy full_diy" :class="{ full_diy2: fulltype == 9 }">
|
|
|
- <div slot="title" class="header-title">
|
|
|
- <div style="color: #fff">查看文档</div>
|
|
|
- <div @click="fullDialogVisible = false" style="
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top: 20px;
|
|
|
- right: 20px;
|
|
|
- color: #fff;
|
|
|
- ">
|
|
|
- 退出全屏
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="height: 100%">
|
|
|
- <iframe v-if="fulltype == 3" style="width: 100%; height: 100%; border: none" :src="fullUrl"></iframe>
|
|
|
- <pdf v-else-if="fulltype == 9" :pdfUrl="fullUrl" style="width: 100%; height: 100%; overflow: auto"></pdf>
|
|
|
- <div class="wheel" v-if="fulltype == 6" style="
|
|
|
- box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
- width: 100%;
|
|
|
- background: #f1f1f1;
|
|
|
- ">
|
|
|
- <div class="texttitle" style="width: 100%; box-sizing: border-box">
|
|
|
- 查看文档
|
|
|
- </div>
|
|
|
- <el-form class="textBox" style="height: 90%">
|
|
|
- <el-form-item class="textTitle">
|
|
|
- <div style="font-size: 22px; max-height: 100px; overflow: auto">
|
|
|
- {{ fullUrl.name }}
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
|
|
|
- <div v-html="fullUrl.url" class="textContent" style="height: auto"></div>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <div slot="footer">
|
|
|
- <el-button @click="fullDialogVisible = false">关 闭</el-button>
|
|
|
- </div> -->
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="问答" :visible.sync="answerDialogVisible" :append-to-body="true" width="800px"
|
|
|
- :before-close="handleClose" class="dialog_diy">
|
|
|
- <div>
|
|
|
- <div style="
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: column;
|
|
|
- position: relative;
|
|
|
- ">
|
|
|
- <div class="queTop" style="padding: 20px 0 20px 0">
|
|
|
- <div class="question">
|
|
|
- <img src="../../../assets/icon/question.png" alt />
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible5 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addAsk">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <!-- <div class="a_add_title" style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div style="margin-right: 20px; font-size: 20px">标题:</div>
|
|
|
+ <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
|
|
|
+ </div> -->
|
|
|
+ <div class="a_addBox">
|
|
|
+ <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
|
|
|
+ <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
|
|
|
+ <div class="a_add_checkType">
|
|
|
+ <span :class="{ active: testJson.testJson[index1].type == '1' }" @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
|
|
|
+ <span :class="{ active: testJson.testJson[index1].type == '2' }" @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head">
|
|
|
+ <div>
|
|
|
+ {{ index1 + 1 + "、" }}
|
|
|
+ <el-input class="a_add_head_input" v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目...">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head_div">
|
|
|
+ <el-button type="primary" size="small" @click="addTestList()">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body">
|
|
|
+ <div class="a_add_input a_add_input_choice">
|
|
|
+ <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1">
|
|
|
+ <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
|
|
|
+ .testItem" :key="checkIndex" :label="checkIndex">
|
|
|
+ <el-input v-model="testJson.testJson[index1].checkList[checkIndex]" placeholder="请输入选项..." style="width: 300px; margin-right: 10px"></el-input>
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <el-checkbox-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == '2'">
|
|
|
+ <el-checkbox v-for="(item2, checkIndex) in testJson.testJson[index1]
|
|
|
+ .testItem" :key="checkIndex" :label="checkIndex">
|
|
|
+ <el-input v-model="testJson.testJson[index1].checkList[checkIndex]" placeholder="请输入选项..." style="width: 300px; margin-right: 10px"></el-input>
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body_div">
|
|
|
+ <el-button type="primary" size="small" @click="addTcheckList(testJson.testJson[index1])">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="deleteTcheckList(testJson.testJson[index1])" v-if="testJson.testJson[index1].testItem != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="queTitle">
|
|
|
- <div style="width: 90px; min-width: 90px">提问：</div>
|
|
|
- <div>{{ answerQ }}</div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleChoice = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addTest">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div class="a_add_title" style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
|
|
|
+ <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="ediBottom">
|
|
|
- <textarea rows="6" class="binfo_input" cols style="width: 95%; height: 120px"
|
|
|
- v-model="questionAnswer"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div slot="footer">
|
|
|
- <el-button @click="answerDialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="addQuestion">提 交</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible8 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addAnswer">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div class="a_add_title" style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
|
|
|
+ <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addMp3Answer">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div class="fileCss" style="padding-top: 20px">
|
|
|
+ <div>
|
|
|
+ <button class="info_btn" @click="addImg($event)">
|
|
|
+ 选择本地文件
|
|
|
+ <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button @click="getAllBanner" v-if="isSysPic == false && cover.length == 0">选择系统文件</el-button>
|
|
|
+ <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
|
|
|
+ <img :src="cover[0].url" alt="" />
|
|
|
+ <div class="deletePic" @click="deleteSysPic">
|
|
|
+ <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fileCss">
|
|
|
+ <div>选择本地文件</div>
|
|
|
+ <div>选择系统文件</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="choosePicVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="710px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div class="cru_selectBox" style="margin: 0">
|
|
|
+ <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
|
|
|
+ 绘画
|
|
|
+ </div>
|
|
|
+ <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
|
|
|
+ 科技
|
|
|
+ </div>
|
|
|
+ <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
|
|
|
+ 人文
|
|
|
+ </div>
|
|
|
+ <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
|
|
|
+ 艺术
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sysPicBox">
|
|
|
+ <div v-for="(sys, sysIndex) in sysPic" :key="sysIndex" class="sysPic">
|
|
|
+ <img :src="sys.poster" alt="" @click="chooseSysPic(sys.poster)" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="sysPicVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="选择填空" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px" :before-close="handleClose" class="dialog_diy dialog_diy3">
|
|
|
+ <div v-if="selectJson">
|
|
|
+ <div class="select_box1" v-if="selectSteps == 1">
|
|
|
+ <div class="select_box1_img">
|
|
|
+ <div class="select_box1_title">
|
|
|
+ <span>上传题目图片</span><span>提示：请将题目以图片的方式上传</span>
|
|
|
+ </div>
|
|
|
+ <div class="select_box1_add_img">
|
|
|
+ <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
|
|
|
+ <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
|
|
|
+ <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isSysPic" v-else>
|
|
|
+ <img :src="selectJson.url" alt="" />
|
|
|
+ <div class="deletePic" @click="deleteSelectPic">
|
|
|
+ <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_box1_select">
|
|
|
+ <div class="select_box1_title">
|
|
|
+ <span>添加选项</span><span>提示：请输入题目选项</span>
|
|
|
+ </div>
|
|
|
+ <div class="select_box1_select_box">
|
|
|
+ <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex" v-model="selectJson.select[checkIndex]" placeholder="请输入选项..." style="width: 150px; margin: 10px 10px 0 0"></el-input>
|
|
|
+ <div class="select_box1_select_box_add">
|
|
|
+ <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
|
|
|
+ 添加</el-button>
|
|
|
+ <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)" v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="selectSteps == 2">
|
|
|
+ <div class="select_box2">
|
|
|
+ <div class="select_box2_title">设置答案</div>
|
|
|
+ <div class="select_box2_box">
|
|
|
+ <div class="select_box2_img">
|
|
|
+ <img :src="selectJson.url" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="select_box2_answer">
|
|
|
+ <div class="select_answer_title">根据题目选择对应答案</div>
|
|
|
+ <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
|
|
|
+ <span>{{ checkIndex + 1 }}、</span>
|
|
|
+ <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
|
|
|
+ <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
|
|
|
+ <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
|
|
|
+ <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div style="background: #fff; padding: 15px; box-sizing: border-box">
|
|
|
+ <div style="font-size: 18px; color: #a9a9a9">请输入学生评价指标:</div>
|
|
|
+ <div class="pjCss" style="width: 100%">
|
|
|
+ <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
|
|
|
+ <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
|
|
|
+ <span style="min-width: 100px; text-align: right">学生评价指标：</span>
|
|
|
+ <input type="input" v-model="eItem.value" placeholder="填写评价名称" />
|
|
|
+ <div class="remove" @click="deletRateList(eIndex)"></div>
|
|
|
+ <div style="width: 100%; display: flex">
|
|
|
+ <span style="min-width: 100px; text-align: right">评星等级：</span>
|
|
|
+ <el-rate v-model="eItem.score" disabled></el-rate>
|
|
|
+ </div>
|
|
|
+ <div class="elist_inptu_text" style="align-items: flex-start">
|
|
|
+ <span style="min-width: 100px; text-align: right">描述：</span>
|
|
|
+ <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写评价描述"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="addToolFunBox">
|
|
|
+ <div class="addToolFun" @click="addRateList()">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleRate = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addRateAnswer">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="连词成句设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
|
|
|
+ <div>
|
|
|
+ <div class="sentenBox">
|
|
|
+ <div class="addSen" @click="addSt">添加题目</div>
|
|
|
+ <div v-for="(st, stIndex) in sentenceList" :key="stIndex" style="padding-bottom: 20px">
|
|
|
+ <div class="sentenTopBox">
|
|
|
+ <div class="sentenTop">
|
|
|
+ <div>题目设置</div>
|
|
|
+ <div>
|
|
|
+ <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle"></el-input>
|
|
|
+ </div>
|
|
|
+ <div @click="addSen(stIndex)">添加</div>
|
|
|
+ </div>
|
|
|
+ <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="cardList">
|
|
|
+ <div v-if="st.addSentence.length > 0" class="cardBox">
|
|
|
+ <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex" @click="setRightAnswer(s, stIndex, sIndex)">
|
|
|
+ <el-tooltip class="item" effect="light" :content="s" placement="top">
|
|
|
+ <div>{{ s }}</div>
|
|
|
+ </el-tooltip>
|
|
|
+ <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
|
|
|
+ <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card">
|
|
|
+ <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rightCardBox">
|
|
|
+ <div>正确顺序</div>
|
|
|
+ <div class="rightCardList">
|
|
|
+ <div v-if="st.rightAnswer.length > 0" class="cardBox">
|
|
|
+ <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
|
|
|
+ <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
|
|
|
+ <el-tooltip class="item" effect="light" :content="r" placement="top">
|
|
|
+ <div>{{ r }}</div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div>{{ rIndex + 1 }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card" v-if="st.rightAnswer.length == 0">
|
|
|
+ <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleSentence = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addSentenceTool">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <!-- <el-form-item label="文本标题">
|
|
|
+ <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
|
|
|
+ </el-form-item> -->
|
|
|
+ <div>表格内容</div>
|
|
|
+ <Table v-model="tableJson.text" @change="change"></Table>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleTable = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addTableJson">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="查看表格" :visible.sync="dialogVisibleTable2" :append-to-body="true" width="95%" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <div class="cont" v-html="tableJson.text"></div>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div class="groupBox">
|
|
|
+ <div v-if="groupJson.group" class="groupContent">
|
|
|
+ <div class="groupTitle">请设置小组数量</div>
|
|
|
+ <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
|
|
|
+ <span class="groupn">组{{ index + 1 }}名称:</span>
|
|
|
+ <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px;"></el-input>
|
|
|
+ <div class="groupBtn">
|
|
|
+ <el-button type="primary" size="small" @click="addGroup(index)">
|
|
|
+ 添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="deleteGroup(index)" v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="groupContent">
|
|
|
+ <div class="groupTitle">请设置每组人数数量</div>
|
|
|
+ <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
|
|
|
+ style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
|
|
|
+ <el-input-number v-model="groupJson.number" :controls="false" :min="2" :max="10" placeholder="2-10人以内"></el-input-number>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleGroup = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addGroupJson">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加工具" :visible.sync="dialogVisibleTool" :append-to-body="true" width="600px" :before-close="handleClose" class="dialog_diy addToolsDia">
|
|
|
+ <div class="toolChoose" style="padding: 0 0 30px 30px">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="
|
|
|
+ width: 95%;
|
|
|
+ padding: 0 0 15px 0;
|
|
|
+ border-bottom: 1px solid #efefef;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ ">
|
|
|
+ <div style="min-height: 163px">
|
|
|
+ <div class="toolSort">
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(1)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
+ <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool" v-if="false">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(6)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
+ <div style="margin: 5px 0">协同文档</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(3)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维导图</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(48)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
+ <div style="margin: 5px 0">表格</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(15)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
+ <div style="margin: 5px 0">问答工具</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(52)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/text.png" alt />
|
|
|
+ <div style="margin: 5px 0">文本</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(53)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/file.png" alt />
|
|
|
+ <div style="margin: 5px 0">文档上传</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addToolFun(54)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/photo.png" alt />
|
|
|
+ <div style="margin: 5px 0">拍照上传</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible4 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
|
|
|
+ </span> -->
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加资源" :visible.sync="dialogVisibleSource" :append-to-body="true" width="700px" :before-close="handleClose" class="dialog_diy addToolsDia">
|
|
|
+ <div class="toolChoose">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="
|
|
|
+ width: 100%;
|
|
|
+ ">
|
|
|
+ <div>
|
|
|
+ <div class="basic_box">
|
|
|
+ <div>
|
|
|
+ <div class="add_chapters_box" v-if="
|
|
|
+ sourcesData.length == 0
|
|
|
+ " style="height: 185px"></div>
|
|
|
+ <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
+ <div class="chapter_upload" v-for="(item, index) in sourcesData" :key="index" @click="
|
|
|
+ getChapterData2(
|
|
|
+ $event,
|
|
|
+ index,
|
|
|
+ item.type
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_t" style="width: 100%"></div>
|
|
|
+ <div class="chapter_upload_o" style="
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
|
|
|
+ <div v-if="item.type == 2" class="chapter_upload_l_i1"></div>
|
|
|
+ <div v-if="
|
|
|
+ item.type == 3 ||
|
|
|
+ item.type == 9 ||
|
|
|
+ item.type == 6 ||
|
|
|
+ item.type == 7
|
|
|
+ " class="chapter_upload_l_i5" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic" style="
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ width: 45px;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_ic_l"></div>
|
|
|
+ <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
|
|
|
+ deleteChapterData2(
|
|
|
+ $event,
|
|
|
+ index,
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_n">
|
|
|
+ <input v-if="
|
|
|
+ item.type == 2 ||
|
|
|
+ item.type == 3 ||
|
|
|
+ item.type == 9 ||
|
|
|
+ item.type == 7
|
|
|
+ " :placeholder="item.name" @change="
|
|
|
+ updataVideoT2(
|
|
|
+ $event,
|
|
|
+ index
|
|
|
+ )
|
|
|
+ " style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ minwidth: 215px;
|
|
|
+ z-index: 99;
|
|
|
+ font-size: 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " />
|
|
|
+ <input :placeholder="item.name" v-if="item.type == 6" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="selectAttText2(index)" />
|
|
|
+ <input :placeholder="
|
|
|
+ item.title ? item.title : '链接'
|
|
|
+ " v-if="item.type == 8" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="selectLine2(index)" />
|
|
|
+ <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
+ <div class="chapter_upload_up" @click="
|
|
|
+ upCd2($event, index)
|
|
|
+ "></div>
|
|
|
+ <div class="chapter_upload_down" @click="
|
|
|
+ downCd2($event, index)
|
|
|
+ "></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add_info_box">
|
|
|
+ <button class="info_btn" @click="addImg($event)">
|
|
|
+ 添加教学视频
|
|
|
+ <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo"
|
|
|
+ style="display: none" capture="camera" v-if="inputShow" @change="
|
|
|
+ beforeUpload3($event, 2)
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="addImg($event)">
|
|
|
+ 添加教学附件
|
|
|
+ <input type="file"
|
|
|
+ accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
|
+ style="display: none" v-if="inputShow" @change="
|
|
|
+ beforeUpload3($event, 3)
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="addAttText()">
|
|
|
+ 添加图文
|
|
|
+ </button>
|
|
|
+ <button class="info_btn" @click="openLine()">
|
|
|
+ 添加链接
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div v-if="proVisible" class="mask">
|
|
|
+ <div class="progressBox">
|
|
|
+ <div class="lbox">
|
|
|
+ <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ </div>
|
|
|
+ <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleSource = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addSourceData">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="查看文档" :visible.sync="fullDialogVisible" :append-to-body="true" width="100%" :before-close="handleClose" :show-close="false" class="dialog_diy full_diy" :class="{ full_diy2: fulltype == 9 }">
|
|
|
+ <div slot="title" class="header-title">
|
|
|
+ <div style="color: #fff">查看文档</div>
|
|
|
+ <div @click="fullDialogVisible = false" style="
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ right: 20px;
|
|
|
+ color: #fff;
|
|
|
+ ">
|
|
|
+ 退出全屏
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 100%">
|
|
|
+ <iframe v-if="fulltype == 3" style="width: 100%; height: 100%; border: none" :src="fullUrl"></iframe>
|
|
|
+ <pdf v-else-if="fulltype == 9" :pdfUrl="fullUrl" style="width: 100%; height: 100%; overflow: auto">
|
|
|
+ </pdf>
|
|
|
+ <div class="wheel" v-if="fulltype == 6" style="
|
|
|
+ box-shadow: 0 0 6px 1px #f2f2f2;
|
|
|
+ width: 100%;
|
|
|
+ background: #f1f1f1;
|
|
|
+ ">
|
|
|
+ <div class="texttitle" style="width: 100%; box-sizing: border-box">
|
|
|
+ 查看文档
|
|
|
+ </div>
|
|
|
+ <el-form class="textBox" style="height: 90%">
|
|
|
+ <el-form-item class="textTitle">
|
|
|
+ <div style="font-size: 22px; max-height: 100px; overflow: auto">
|
|
|
+ {{ fullUrl.name }}
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
|
|
|
+ <div v-html="fullUrl.url" class="textContent" style="height: auto"></div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div slot="footer">
|
|
|
+ <el-button @click="fullDialogVisible = false">关 闭</el-button>
|
|
|
+ </div> -->
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="问答" :visible.sync="answerDialogVisible" :append-to-body="true" width="800px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: column;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div class="queTop" style="padding: 20px 0 20px 0">
|
|
|
+ <div class="question">
|
|
|
+ <img src="../../../assets/icon/question.png" alt />
|
|
|
+ </div>
|
|
|
+ <div class="queTitle">
|
|
|
+ <div style="width: 90px; min-width: 90px">提问：</div>
|
|
|
+ <div>{{ answerQ }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ediBottom">
|
|
|
+ <textarea rows="6" class="binfo_input" cols style="width: 95%; height: 120px" v-model="questionAnswer"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div slot="footer">
|
|
|
+ <el-button @click="answerDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addQuestion">提 交</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="文件预览" :visible.sync="dialogVisibleFile" width="50%" :before-close="handleClose" class="dialog_diy" :class="{ fullStyle: full }">
|
|
|
+ <div slot="title" class="header-title">
|
|
|
+ <div style="color: #fff">文件预览</div>
|
|
|
+ <div style="position: absolute; top: 19px; right: 50px">
|
|
|
+ <img src="../../../assets/full.png" style="height: 16px; cursor: pointer" alt="" @click="full = !full" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto" :class="{ fullStyle: full }"></pdf>
|
|
|
+ <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"></iframe>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加文本" :visible.sync="dialogVisibleText" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <div>文本内容</div>
|
|
|
+ <TextT v-model="tableJson.text" @change="change" v-if="dialogVisibleText"></TextT>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleText = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addText">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="上传文本" :visible.sync="dialogVisibleText3" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <div>文本内容</div>
|
|
|
+ <TextT v-model="tableJson.text" @change="change" v-if="dialogVisibleText3"></TextT>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleText3 = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addTextJson">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="查看文本" :visible.sync="dialogVisibleText2" :append-to-body="true" width="500px" :before-close="handleClose" class="dialog_diy">
|
|
|
+ <el-form>
|
|
|
+ <div class="cont" v-html="tableJson.text"></div>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleText2 = false">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import "../../../common/aws-sdk-2.235.1.min.js";
|
|
|
import $ from "jquery";
|
|
|
import EditorBar from "../../../components/tools/wangEnduit";
|
|
|
import Table from "../../../components/tools/table";
|
|
|
+import TextT from "../../../components/tools/text";
|
|
|
import Mind from "../../tools/jsmind2";
|
|
|
import Sunburst from "../../tools/sunburst";
|
|
|
import SeeBoard from "../../tools/seeBoard";
|
|
|
import proMan from "../components/proMan.vue"
|
|
|
import ganChart from "../components/ganChart.vue"
|
|
|
import pdf from "../components/vpdf";
|
|
|
+import * as imageConversion from "image-conversion";
|
|
|
export default {
|
|
|
- components: { EditorBar, Mind, Sunburst, SeeBoard, Table, proMan, ganChart, pdf },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- checkAll: false,
|
|
|
- chooseType: 1,
|
|
|
- checkedCities: [],
|
|
|
- isIndeterminate: true,
|
|
|
- isSysPic: false,
|
|
|
- steps: 1,
|
|
|
- nbOrder: 0,
|
|
|
- courseId: "",
|
|
|
- chapToolsType: 0,
|
|
|
- chapTools: [
|
|
|
- {
|
|
|
- tools: [],
|
|
|
- toolDetail: "",
|
|
|
- },
|
|
|
- ],
|
|
|
- line: "",
|
|
|
- lineTitle: "",
|
|
|
- sysPic: [],
|
|
|
- sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
|
|
|
- isPushTitleList: [],
|
|
|
- lineCount: 0,
|
|
|
- lineType: 0,
|
|
|
- chapCount: 0,
|
|
|
- courseName: "",
|
|
|
- isTeacherSee: true,
|
|
|
- courseText: "",
|
|
|
- formLabelWidth: "100px",
|
|
|
- choosePicVisible: false,
|
|
|
- sysPicVisible: false,
|
|
|
- uploadLoading1: false,
|
|
|
- noneBtnImg: false,
|
|
|
- updateBoolean2: false,
|
|
|
- unitIndex: 0,
|
|
|
- taskCount: 0,
|
|
|
- dialogVisible: false,
|
|
|
- dialogVisible1: false,
|
|
|
- dialogVisible2: false,
|
|
|
- dialogVisible3: false,
|
|
|
- dialogVisible4: false,
|
|
|
- dialogVisible5: false,
|
|
|
- dialogVisible6: false,
|
|
|
- dialogVisible7: false,
|
|
|
- dialogVisible8: false,
|
|
|
- dialogVisible9: false,
|
|
|
- dialogVisibleClass: false,
|
|
|
- dialogVisibleMember: false,
|
|
|
- dialogVisibleTcMember: false,
|
|
|
- dialogVisibleMp3: false,
|
|
|
- dialogVisibleSelect: false,
|
|
|
- dialogVisibleSentence: false,
|
|
|
- dialogVisibleRate: false,
|
|
|
- dialogVisibleChoice: false,
|
|
|
- dialogVisibleTool: false,
|
|
|
- dialogVisibleSource: false,
|
|
|
- answerDialogVisible: false,
|
|
|
- isClickColor: 0,
|
|
|
- publicTool: 0,
|
|
|
- searchPeople: "",
|
|
|
- searchTN: "",
|
|
|
- tcMember: "",
|
|
|
- userid: this.$route.query.userid,
|
|
|
- oid: this.$route.query.oid,
|
|
|
- org: this.$route.query.org,
|
|
|
- type: this.$route.query.type,
|
|
|
- cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
|
|
|
- orgArray: ["150e3120-9195-11ed-b13d-005056b86db5"],
|
|
|
- oidArray: [],
|
|
|
- dialogVisibleTable: false,
|
|
|
- dialogVisibleTable2: false,
|
|
|
- tableJson: { text: "" },
|
|
|
- cover: [], //项目封面
|
|
|
- myWord: [],
|
|
|
- evaJuri: [],
|
|
|
- evalua: "",
|
|
|
- targetArray: [],
|
|
|
- eTitle: "",
|
|
|
- eJson: {},
|
|
|
- fid: "", //一级
|
|
|
- sid: "", //二级
|
|
|
- tid: "", //二级
|
|
|
- typeMode: 1,
|
|
|
- eJSONNum: 0,
|
|
|
- data: {
|
|
|
- meta: {
|
|
|
- name: "example",
|
|
|
- author: "dd@163.com",
|
|
|
- version: "0.2",
|
|
|
- },
|
|
|
- format: "node_array",
|
|
|
- data: [{ id: "root", isroot: true, topic: "" }],
|
|
|
- },
|
|
|
- askJson: {
|
|
|
- askCount: 1,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- },
|
|
|
- testJson: {},
|
|
|
- selectJson: {},
|
|
|
- rateJson: [],
|
|
|
- unitJson2: [],
|
|
|
- unitJson: [
|
|
|
- {
|
|
|
- dyName: "", //单元标题
|
|
|
- chapterInfo: [
|
|
|
- {
|
|
|
- isread: false,
|
|
|
- chapterid: this.guid(),
|
|
|
- title: "",
|
|
|
- courseName: "",
|
|
|
- taskJson: [
|
|
|
- {
|
|
|
- task: "",
|
|
|
- people: "",
|
|
|
- time: "",
|
|
|
- taskDetail: "",
|
|
|
- chapterData: [],
|
|
|
- toolText: "",
|
|
|
- toolChoose: [
|
|
|
- {
|
|
|
- tool: [],
|
|
|
- toolDetail: "",
|
|
|
- toolType: 0,
|
|
|
- askCount: 1,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- },
|
|
|
- ],
|
|
|
- toolArray: [],
|
|
|
- isShowTools: false,
|
|
|
- askCount: 1,
|
|
|
- isFold: 0,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
- homeworkList: [],
|
|
|
+ components: {
|
|
|
+ EditorBar,
|
|
|
+ Mind,
|
|
|
+ Sunburst,
|
|
|
+ SeeBoard,
|
|
|
+ Table,
|
|
|
+ proMan,
|
|
|
+ ganChart,
|
|
|
+ pdf,
|
|
|
+ TextT
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ checkAll: false,
|
|
|
+ chooseType: 1,
|
|
|
+ checkedCities: [],
|
|
|
+ isIndeterminate: true,
|
|
|
+ isSysPic: false,
|
|
|
+ steps: 1,
|
|
|
+ nbOrder: 0,
|
|
|
+ courseId: "",
|
|
|
+ chapToolsType: 0,
|
|
|
+ chapTools: [{
|
|
|
+ tools: [],
|
|
|
+ toolDetail: "",
|
|
|
+ }, ],
|
|
|
+ line: "",
|
|
|
+ lineTitle: "",
|
|
|
+ sysPic: [],
|
|
|
+ sentenceList: [{
|
|
|
+ sentenceTitle: "",
|
|
|
+ addSentence: [],
|
|
|
+ rightAnswer: []
|
|
|
+ }],
|
|
|
+ isPushTitleList: [],
|
|
|
+ lineCount: 0,
|
|
|
+ lineType: 0,
|
|
|
+ chapCount: 0,
|
|
|
+ courseName: "",
|
|
|
+ isTeacherSee: true,
|
|
|
+ courseText: "",
|
|
|
+ formLabelWidth: "100px",
|
|
|
+ choosePicVisible: false,
|
|
|
+ sysPicVisible: false,
|
|
|
+ uploadLoading1: false,
|
|
|
+ noneBtnImg: false,
|
|
|
+ updateBoolean2: false,
|
|
|
+ unitIndex: 0,
|
|
|
+ taskCount: 0,
|
|
|
+ dialogVisible: false,
|
|
|
+ dialogVisible1: false,
|
|
|
+ dialogVisible2: false,
|
|
|
+ dialogVisible3: false,
|
|
|
+ dialogVisible4: false,
|
|
|
+ dialogVisible5: false,
|
|
|
+ dialogVisible6: false,
|
|
|
+ dialogVisible7: false,
|
|
|
+ dialogVisible8: false,
|
|
|
+ dialogVisible9: false,
|
|
|
+ dialogVisibleClass: false,
|
|
|
+ dialogVisibleMember: false,
|
|
|
+ dialogVisibleTcMember: false,
|
|
|
+ dialogVisibleMp3: false,
|
|
|
+ dialogVisibleSelect: false,
|
|
|
+ dialogVisibleSentence: false,
|
|
|
+ dialogVisibleRate: false,
|
|
|
+ dialogVisibleChoice: false,
|
|
|
+ dialogVisibleTool: false,
|
|
|
+ dialogVisibleSource: false,
|
|
|
+ answerDialogVisible: false,
|
|
|
+ dialogVisibleFile: false,
|
|
|
+ dialogVisibleText:false,
|
|
|
+ dialogVisibleText2:false,
|
|
|
+ dialogVisibleText3:false,
|
|
|
+ showPDF: "",
|
|
|
+ pptImgUrl: "",
|
|
|
+ full:false,
|
|
|
+ isClickColor: 0,
|
|
|
+ publicTool: 0,
|
|
|
+ searchPeople: "",
|
|
|
+ searchTN: "",
|
|
|
+ tcMember: "",
|
|
|
+ userid: this.$route.query.userid,
|
|
|
+ oid: this.$route.query.oid,
|
|
|
+ org: this.$route.query.org,
|
|
|
+ type: this.$route.query.type,
|
|
|
+ cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
|
|
|
+ orgArray: ["150e3120-9195-11ed-b13d-005056b86db5"],
|
|
|
+ oidArray: [],
|
|
|
+ dialogVisibleTable: false,
|
|
|
+ dialogVisibleTable2: false,
|
|
|
+ tableJson: {
|
|
|
+ text: ""
|
|
|
+ },
|
|
|
+ cover: [], //项目封面
|
|
|
+ myWord: [],
|
|
|
+ evaJuri: [],
|
|
|
+ evalua: "",
|
|
|
+ targetArray: [],
|
|
|
+ eTitle: "",
|
|
|
+ eJson: {},
|
|
|
+ fid: "", //一级
|
|
|
+ sid: "", //二级
|
|
|
+ tid: "", //二级
|
|
|
+ typeMode: 1,
|
|
|
+ eJSONNum: 0,
|
|
|
+ data: {
|
|
|
+ meta: {
|
|
|
+ name: "example",
|
|
|
+ author: "dd@163.com",
|
|
|
+ version: "0.2",
|
|
|
},
|
|
|
- ],
|
|
|
- itemCount: 1,
|
|
|
- fileList1: [],
|
|
|
- video: [],
|
|
|
- testData: [],
|
|
|
- pData: [],
|
|
|
- templateArray: [],
|
|
|
+ format: "node_array",
|
|
|
+ data: [{
|
|
|
+ id: "root",
|
|
|
+ isroot: true,
|
|
|
+ topic: ""
|
|
|
+ }],
|
|
|
},
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- studentJuri: [],
|
|
|
- teacherJuri: [],
|
|
|
- teacherJuri2: [],
|
|
|
- checkboxList: [],
|
|
|
- checkboxList2: [],
|
|
|
- checkboxList3: [],
|
|
|
- number: "",
|
|
|
- tTitle: "",
|
|
|
- tdetail: "",
|
|
|
- templateC: {},
|
|
|
- AttText: {},
|
|
|
- AttTextType: 0,
|
|
|
- AttTextIndex: 0,
|
|
|
- cTemplate: "",
|
|
|
- CourseType: [],
|
|
|
- CourseTypeJson: {},
|
|
|
- courseTypeId: [],
|
|
|
- courseTypeSon: [],
|
|
|
- clearArray: [],
|
|
|
- loading: false,
|
|
|
- toolType: 0,
|
|
|
- inputShow: true,
|
|
|
- toolIndex: 0,
|
|
|
- cidType: 0,
|
|
|
- cidttt: 1,
|
|
|
- answerQ: "",
|
|
|
- questionAnswer: "",
|
|
|
- grade: [],
|
|
|
- courseUserid: "",
|
|
|
- timer: null,
|
|
|
- checkId: "",
|
|
|
- isDelete: 1,
|
|
|
- addindex: 0,
|
|
|
- selectSteps: 1,
|
|
|
- groupJson: {},
|
|
|
- dialogVisibleGroup: false,
|
|
|
- fpath: "",
|
|
|
- ManAarray: [],
|
|
|
- proVisible: false,
|
|
|
- progress: 0,
|
|
|
- playerOptions: {
|
|
|
- playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
|
|
|
- autoplay: false, //如果true,浏览器准备好时开始回放。
|
|
|
- muted: false, // 默认情况下将会消除任何音频。
|
|
|
- loop: false, // 导致视频一结束就重新开始。
|
|
|
- preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
|
|
- language: "zh-CN",
|
|
|
- aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
|
|
- fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
|
|
- sources: [
|
|
|
- {
|
|
|
- type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
|
|
|
- src: "", //url地址require("../../assets/media/aaa.mp4")
|
|
|
- },
|
|
|
- ],
|
|
|
- // poster: require("../../assets/tu31.png"), //你的封面地址
|
|
|
- // poster: dataRes.imgUrl, //你的封面地址
|
|
|
- notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
|
|
|
- controlBar: {
|
|
|
- timeDivider: true, //当前时间和持续时间的分隔符
|
|
|
- durationDisplay: true, //显示持续时间
|
|
|
- remainingTimeDisplay: false, //是否显示剩余时间功能
|
|
|
- fullscreenToggle: true, //全屏按钮
|
|
|
- },
|
|
|
- },
|
|
|
- sourcesData: [],
|
|
|
- fullDialogVisible: false,
|
|
|
- fulltype: "",
|
|
|
- fullUrl: "",
|
|
|
- editSourceType: 1,
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- rightBoxHeight: function () {
|
|
|
- return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 100;
|
|
|
- },
|
|
|
- offsetLetfPx: function () {
|
|
|
- //addnum可以直接在模板语法里面用，相当于data内的值
|
|
|
- return (
|
|
|
- $(".cru_select")[this.unitIndex] &&
|
|
|
- $(".cru_select")[this.unitIndex].offsetLeft
|
|
|
- );
|
|
|
+ askJson: {
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ testJson: {},
|
|
|
+ selectJson: {},
|
|
|
+ rateJson: [],
|
|
|
+ unitJson2: [],
|
|
|
+ unitJson: [{
|
|
|
+ dyName: "", //单元标题
|
|
|
+ chapterInfo: [{
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [{
|
|
|
+ task: "",
|
|
|
+ people: "",
|
|
|
+ time: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [{
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ }, ],
|
|
|
+ toolArray: [],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 0,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ checkJson: [{
|
|
|
+ checkCount: [],
|
|
|
+ checkPerent: []
|
|
|
+ }],
|
|
|
+ homeworkList: [],
|
|
|
+ }, ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ }, ],
|
|
|
+ }, ],
|
|
|
+ studentJuri: [],
|
|
|
+ teacherJuri: [],
|
|
|
+ teacherJuri2: [],
|
|
|
+ checkboxList: [],
|
|
|
+ checkboxList2: [],
|
|
|
+ checkboxList3: [],
|
|
|
+ number: "",
|
|
|
+ tTitle: "",
|
|
|
+ tdetail: "",
|
|
|
+ templateC: {},
|
|
|
+ AttText: {},
|
|
|
+ AttTextType: 0,
|
|
|
+ AttTextIndex: 0,
|
|
|
+ cTemplate: "",
|
|
|
+ CourseType: [],
|
|
|
+ CourseTypeJson: {},
|
|
|
+ courseTypeId: [],
|
|
|
+ courseTypeSon: [],
|
|
|
+ clearArray: [],
|
|
|
+ loading: false,
|
|
|
+ toolType: 0,
|
|
|
+ inputShow: true,
|
|
|
+ toolIndex: 0,
|
|
|
+ cidType: 0,
|
|
|
+ cidttt: 1,
|
|
|
+ answerQ: "",
|
|
|
+ questionAnswer: "",
|
|
|
+ grade: [],
|
|
|
+ courseUserid: "",
|
|
|
+ timer: null,
|
|
|
+ checkId: "",
|
|
|
+ isDelete: 1,
|
|
|
+ addindex: 0,
|
|
|
+ selectSteps: 1,
|
|
|
+ groupJson: {},
|
|
|
+ dialogVisibleGroup: false,
|
|
|
+ fpath: "",
|
|
|
+ ManAarray: [],
|
|
|
+ proVisible: false,
|
|
|
+ progress: 0,
|
|
|
+ playerOptions: {
|
|
|
+ playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
|
|
|
+ autoplay: false, //如果true,浏览器准备好时开始回放。
|
|
|
+ muted: false, // 默认情况下将会消除任何音频。
|
|
|
+ loop: false, // 导致视频一结束就重新开始。
|
|
|
+ preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
|
|
|
+ language: "zh-CN",
|
|
|
+ aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
|
|
|
+ fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
|
|
|
+ sources: [{
|
|
|
+ type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目 || "video/ogg"|| "video/webm"
|
|
|
+ src: "", //url地址require("../../assets/media/aaa.mp4")
|
|
|
+ }, ],
|
|
|
+ // poster: require("../../assets/tu31.png"), //你的封面地址
|
|
|
+ // poster: dataRes.imgUrl, //你的封面地址
|
|
|
+ notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
|
|
|
+ controlBar: {
|
|
|
+ timeDivider: true, //当前时间和持续时间的分隔符
|
|
|
+ durationDisplay: true, //显示持续时间
|
|
|
+ remainingTimeDisplay: false, //是否显示剩余时间功能
|
|
|
+ fullscreenToggle: true, //全屏按钮
|
|
|
+ },
|
|
|
+ },
|
|
|
+ sourcesData: [],
|
|
|
+ fullDialogVisible: false,
|
|
|
+ fulltype: "",
|
|
|
+ fullUrl: "",
|
|
|
+ editSourceType: 1,
|
|
|
+ };
|
|
|
},
|
|
|
- getVideo() { //此处不需要携带参数
|
|
|
- return function (url) {
|
|
|
- var d = JSON.parse(JSON.stringify(this.playerOptions));
|
|
|
- d.sources[0].src = url
|
|
|
- return d
|
|
|
- }
|
|
|
+ computed: {
|
|
|
+ rightBoxHeight: function() {
|
|
|
+ return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 100;
|
|
|
+ },
|
|
|
+ offsetLetfPx: function() {
|
|
|
+ //addnum可以直接在模板语法里面用，相当于data内的值
|
|
|
+ return (
|
|
|
+ $(".cru_select")[this.unitIndex] &&
|
|
|
+ $(".cru_select")[this.unitIndex].offsetLeft
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getVideo() { //此处不需要携带参数
|
|
|
+ return function(url) {
|
|
|
+ var d = JSON.parse(JSON.stringify(this.playerOptions));
|
|
|
+ d.sources[0].src = url
|
|
|
+ return d
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
- watch: {
|
|
|
- unitIndex(newValue, oldValue) {
|
|
|
- if (this.isDelete == 2) {
|
|
|
- this.isDelete = 1;
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.cid != "") {
|
|
|
- let _unitIndex = oldValue;
|
|
|
- if (
|
|
|
- JSON.stringify(this.unitJson2[_unitIndex]) ==
|
|
|
- JSON.stringify(this.unitJson[_unitIndex])
|
|
|
- ) {
|
|
|
- this.$refs.rightboxR.scrollTop = 0;
|
|
|
- return;
|
|
|
- }
|
|
|
- let cPan = 1;
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
- (ele) => {
|
|
|
- return ele.value != "";
|
|
|
+ watch: {
|
|
|
+ unitIndex(newValue, oldValue) {
|
|
|
+ if (this.isDelete == 2) {
|
|
|
+ this.isDelete = 1;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.cid != "") {
|
|
|
+ let _unitIndex = oldValue;
|
|
|
+ if (
|
|
|
+ JSON.stringify(this.unitJson2[_unitIndex]) ==
|
|
|
+ JSON.stringify(this.unitJson[_unitIndex])
|
|
|
+ ) {
|
|
|
+ this.$refs.rightboxR.scrollTop = 0;
|
|
|
+ return;
|
|
|
}
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- this.unitIndex = oldValue;
|
|
|
- this.isDelete = 2
|
|
|
- return;
|
|
|
- }
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- if (this.addindex != i) {
|
|
|
- delete this.unitJson[i].isUpdate;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$refs.rightboxR.scrollTop = 0;
|
|
|
- this.addindex = -1;
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
- uid: this.userid,
|
|
|
- unitIndex: _unitIndex,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "updateStudentWorkNew4", params)
|
|
|
- .then((res) => {
|
|
|
- // this.$message({
|
|
|
- // message: "修改成功",
|
|
|
- // type: "success",
|
|
|
- // });
|
|
|
- // this.courseId = this.cid;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleCheckAllChange(val) {
|
|
|
- this.checkedCities = val ? cityOptions : [];
|
|
|
- this.isIndeterminate = false;
|
|
|
- },
|
|
|
- handleCheckedCitiesChange(value) {
|
|
|
- let checkedCount = value.length;
|
|
|
- this.checkAll = checkedCount === this.cities.length;
|
|
|
- this.isIndeterminate =
|
|
|
- checkedCount > 0 && checkedCount < this.cities.length;
|
|
|
- },
|
|
|
- addHw(e) {
|
|
|
- var el = e.currentTarget;
|
|
|
- el.getElementsByTagName("input")[0].click();
|
|
|
- },
|
|
|
- change(val) {
|
|
|
- console.log(val);
|
|
|
- },
|
|
|
- change2(val) {
|
|
|
- console.log(val);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- handleClose(done) {
|
|
|
- done();
|
|
|
- },
|
|
|
-
|
|
|
- imgChange1(file, fileList, type, itemTaskIndex) {
|
|
|
- if (type == 1) {
|
|
|
- var _tmp = this.cover;
|
|
|
- } else if (
|
|
|
- type == 2 ||
|
|
|
- type == 3 ||
|
|
|
- type == 6 ||
|
|
|
- type == 7 ||
|
|
|
- type == 8
|
|
|
- ) {
|
|
|
- var _tmp =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .chapterData;
|
|
|
- } else if (type == 4) {
|
|
|
- var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
|
|
|
- } else {
|
|
|
- var _tmp =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .homeworkList;
|
|
|
- }
|
|
|
- this.noneBtnImg = _tmp.length >= 1;
|
|
|
- },
|
|
|
- goTo(path) {
|
|
|
- this.$router.push(path);
|
|
|
- },
|
|
|
- guid() {
|
|
|
- var _num,
|
|
|
- i,
|
|
|
- _guid = "";
|
|
|
- for (i = 0; i < 32; i++) {
|
|
|
- _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
|
|
|
- _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
|
|
|
- if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
|
|
|
- //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
|
|
|
- _guid += "-";
|
|
|
- }
|
|
|
- }
|
|
|
- return _guid;
|
|
|
- },
|
|
|
- lastSteps() {
|
|
|
- if (this.steps == 5) {
|
|
|
- this.goTo(
|
|
|
- this.fpath + "?userid=" +
|
|
|
- this.userid +
|
|
|
- "&oid=" +
|
|
|
- this.oid +
|
|
|
- "&org=" +
|
|
|
- this.org
|
|
|
- );
|
|
|
- } else {
|
|
|
- if (this.cidttt == 0) {
|
|
|
- this.steps--;
|
|
|
- if (this.steps == 1) {
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.steps == 3) {
|
|
|
- this.steps = 1;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- if (this.steps == 4) {
|
|
|
- this.steps--;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- navSteps(s) {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.cidttt == 0) {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
+ let cPan = 1;
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
+ (ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ this.unitIndex = oldValue;
|
|
|
+ this.isDelete = 2
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ if (this.addindex != i) {
|
|
|
+ delete this.unitJson[i].isUpdate;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs.rightboxR.scrollTop = 0;
|
|
|
+ this.addindex = -1;
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
+ uid: this.userid,
|
|
|
+ unitIndex: _unitIndex,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateStudentWorkNew4", params)
|
|
|
+ .then((res) => {
|
|
|
+ // this.$message({
|
|
|
+ // message: "修改成功",
|
|
|
+ // type: "success",
|
|
|
+ // });
|
|
|
+ // this.courseId = this.cid;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
}
|
|
|
- }
|
|
|
- this.setMan();
|
|
|
- }
|
|
|
- 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);
|
|
|
- }
|
|
|
- if (s == 4 && this.cidType == 0) {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- } else if (s == 4) {
|
|
|
- let cPan = 1;
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleCheckAllChange(val) {
|
|
|
+ this.checkedCities = val ? cityOptions : [];
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ },
|
|
|
+ handleCheckedCitiesChange(value) {
|
|
|
+ let checkedCount = value.length;
|
|
|
+ this.checkAll = checkedCount === this.cities.length;
|
|
|
+ this.isIndeterminate =
|
|
|
+ checkedCount > 0 && checkedCount < this.cities.length;
|
|
|
+ },
|
|
|
+ addHw(e) {
|
|
|
+ var el = e.currentTarget;
|
|
|
+ el.getElementsByTagName("input")[0].click();
|
|
|
+ },
|
|
|
+ change(val) {
|
|
|
+ console.log(val);
|
|
|
+ },
|
|
|
+ change2(val) {
|
|
|
+ console.log(val);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ imgChange1(file, fileList, type, itemTaskIndex) {
|
|
|
+ if (type == 1) {
|
|
|
+ var _tmp = this.cover;
|
|
|
+ } else if (
|
|
|
+ type == 2 ||
|
|
|
+ type == 3 ||
|
|
|
+ type == 6 ||
|
|
|
+ type == 7 ||
|
|
|
+ type == 8
|
|
|
) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
- i
|
|
|
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
- return ele.value != "";
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- this.steps = 4;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (this.steps == 1) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- this.addWork();
|
|
|
- } else {
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- // this.updateWork2();
|
|
|
- this.updateWork();
|
|
|
+ var _tmp =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .chapterData;
|
|
|
+ } else if (type == 4) {
|
|
|
+ var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
|
|
|
} else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- this.setMan();
|
|
|
- }
|
|
|
- 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);
|
|
|
- }
|
|
|
- if (s == 4 && this.cidType == 0) {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- } else if (s == 4) {
|
|
|
- let cPan = 1;
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
- i
|
|
|
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
- return ele.value != "";
|
|
|
- });
|
|
|
- }
|
|
|
+ var _tmp =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .homeworkList;
|
|
|
}
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- this.steps = 4;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$refs.stepBox.scrollTop = 0;
|
|
|
- this.setVHeight();
|
|
|
- },
|
|
|
- nextSteps() {
|
|
|
- if (this.cidttt == 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.updateWork2();
|
|
|
- this.updateWork();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
+ this.noneBtnImg = _tmp.length >= 1;
|
|
|
+ },
|
|
|
+ goTo(path) {
|
|
|
+ this.$router.push(path);
|
|
|
+ },
|
|
|
+ guid() {
|
|
|
+ var _num,
|
|
|
+ i,
|
|
|
+ _guid = "";
|
|
|
+ for (i = 0; i < 32; i++) {
|
|
|
+ _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
|
|
|
+ _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
|
|
|
+ if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
|
|
|
+ //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
|
|
|
+ _guid += "-";
|
|
|
+ }
|
|
|
}
|
|
|
- } else {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.setMan();
|
|
|
- } else if (this.steps == 3) {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
+ return _guid;
|
|
|
+ },
|
|
|
+ lastSteps() {
|
|
|
+ if (this.steps == 5) {
|
|
|
+ this.goTo(
|
|
|
+ this.fpath + "?userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org
|
|
|
+ );
|
|
|
} else {
|
|
|
- this.addWork();
|
|
|
- if (this.type != 2) {
|
|
|
- this.steps = 5
|
|
|
- } else {
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
+ if (this.cidttt == 0) {
|
|
|
+ this.steps--;
|
|
|
+ if (this.steps == 1) {
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.steps == 3) {
|
|
|
+ this.steps = 1;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ if (this.steps == 4) {
|
|
|
+ this.steps--;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- } else {
|
|
|
+ },
|
|
|
+ navSteps(s) {
|
|
|
if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- if (this.type != 2) {
|
|
|
- this.steps = 5
|
|
|
- } else {
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- } else if (this.steps == 4) {
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- 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.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
}
|
|
|
- this.steps++;
|
|
|
- } else {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.setMan();
|
|
|
- } 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.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
+ if (this.cidttt == 0) {
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.setMan();
|
|
|
+ }
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ if (s == 4 && this.cidType == 0) {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else if (s == 4) {
|
|
|
+ let cPan = 1;
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[i].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
+ i
|
|
|
+ ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps = 4;
|
|
|
+ }
|
|
|
} else {
|
|
|
- this.addWork();
|
|
|
- if (this.type != 2) {
|
|
|
- this.steps = 5
|
|
|
- } else {
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ // this.updateWork2();
|
|
|
+ this.updateWork();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.setMan();
|
|
|
+ }
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ if (s == 4 && this.cidType == 0) {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else if (s == 4) {
|
|
|
+ let cPan = 1;
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[i].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
+ i
|
|
|
+ ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps = 4;
|
|
|
+ }
|
|
|
}
|
|
|
- } else {
|
|
|
- if (this.courseName == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
- return;
|
|
|
+ this.$refs.stepBox.scrollTop = 0;
|
|
|
+ this.setVHeight();
|
|
|
+ },
|
|
|
+ nextSteps() {
|
|
|
+ if (this.cidttt == 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.updateWork2();
|
|
|
+ this.updateWork();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.setMan();
|
|
|
+ } else if (this.steps == 3) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ this.addWork();
|
|
|
+ if (this.type != 2) {
|
|
|
+ this.steps = 5
|
|
|
+ } else {
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ if (this.type != 2) {
|
|
|
+ this.steps = 5
|
|
|
+ } else {
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (this.steps == 4) {
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps++
|
|
|
+ }
|
|
|
} else {
|
|
|
- if (this.type != 2) {
|
|
|
- this.steps = 5
|
|
|
- } else {
|
|
|
- this.steps++;
|
|
|
- }
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.courseName != "") {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.steps++;
|
|
|
+ } else {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.setMan();
|
|
|
+ } 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.courseName == "") {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ this.addWork();
|
|
|
+ if (this.type != 2) {
|
|
|
+ this.steps = 5
|
|
|
+ } else {
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请将信息填写完整");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ if (this.type != 2) {
|
|
|
+ this.steps = 5
|
|
|
+ } else {
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (this.steps == 4) {
|
|
|
+ if (this.userid != this.courseUserid) {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps++
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- } else if (this.steps == 4) {
|
|
|
- if (this.userid != this.courseUserid) {
|
|
|
- this.updateWork2();
|
|
|
- } else {
|
|
|
- this.updateWork();
|
|
|
- }
|
|
|
- this.steps++
|
|
|
- }
|
|
|
- }
|
|
|
- this.$refs.stepBox.scrollTop = 0;
|
|
|
- this.setVHeight();
|
|
|
- },
|
|
|
- unitSet(i) {
|
|
|
- this.unitIndex = i;
|
|
|
- // this.$refs.rightboxR.scrollTop = 0;
|
|
|
- this.setVHeight();
|
|
|
- },
|
|
|
- time() {
|
|
|
- if (!this.now) {
|
|
|
- this.now = new Date().getTime();
|
|
|
- return true;
|
|
|
- } else {
|
|
|
- let time = new Date().getTime();
|
|
|
- if (time - this.now > 3000) {
|
|
|
- this.now = time;
|
|
|
- return true;
|
|
|
- } else {
|
|
|
- return false;
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- deleteUnit(i) {
|
|
|
- var _this = this;
|
|
|
- if (_this.time()) {
|
|
|
- _this
|
|
|
- .$confirm("确定删除此单元吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.isDelete = 2;
|
|
|
- // _this.unitIndex = _this.unitIndex - 1;
|
|
|
- _this.deleteWork(_this.unitJson[i].chapterInfo[0].chapterid);
|
|
|
- // _this.$message.success("删除成功");
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- deleteWork(chapid) {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- chapters: JSON.stringify(this.unitJson),
|
|
|
- uid: this.userid,
|
|
|
- chapid: chapid,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteStudentWork", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "删除成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.unitJson.splice(this.unitIndex, 1);
|
|
|
- this.deleteStudentToolS(this.unitIndex)
|
|
|
- this.unitIndex = this.unitIndex - 1;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- deleteTool(itemTaskIndex, i) {
|
|
|
- // var _this = this;
|
|
|
- // if (_this.time()) {
|
|
|
- // _this
|
|
|
- // .$confirm("确定删除此工具吗?", "提示", {
|
|
|
- // confirmButtonText: "确定",
|
|
|
- // cancelButtonText: "取消",
|
|
|
- // type: "warning",
|
|
|
- // })
|
|
|
- // .then(() => {
|
|
|
- // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose.splice(i, 1);
|
|
|
- // _this.$message.success("删除成功");
|
|
|
- // })
|
|
|
- // .catch(() => {
|
|
|
- // return;
|
|
|
- // });
|
|
|
- // }
|
|
|
- var _this = this;
|
|
|
- _this
|
|
|
- .$confirm("确定删除此步骤吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolArray.splice(i, 1);
|
|
|
- this.deleteStudentToolSTT(itemTaskIndex, i)
|
|
|
- _this.$message.success("删除成功");
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- },
|
|
|
- deleteStudentToolSTT(task, tool) {
|
|
|
- let params = [{
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: task,
|
|
|
- tool: tool,
|
|
|
- }]
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteStudentToolSTT", params)
|
|
|
- .then((res) => {
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- deleteStudentToolST(task) {
|
|
|
- let params = [{
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: task,
|
|
|
- }]
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteStudentToolST", params)
|
|
|
- .then((res) => {
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- deleteStudentToolS() {
|
|
|
- let params = [{
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- }]
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteStudentToolS", params)
|
|
|
- .then((res) => {
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- deleteSentence(i) {
|
|
|
- var _this = this;
|
|
|
- if (_this.time()) {
|
|
|
- _this
|
|
|
- .$confirm("确定删除此题目吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.sentenceList.splice(i, 1);
|
|
|
- _this.$message.success("删除成功");
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- deleteS(s, i, j) {
|
|
|
- this.sentenceList[i].addSentence.splice(j, 1);
|
|
|
- if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
|
|
|
- var a = this.sentenceList[i].rightAnswer.indexOf(s);
|
|
|
- this.sentenceList[i].rightAnswer.splice(a, 1);
|
|
|
- }
|
|
|
- },
|
|
|
- openT() {
|
|
|
- window.parent.postMessage({ tools: "25" }, "*");
|
|
|
- },
|
|
|
- deleteTask(i) {
|
|
|
- var _this = this;
|
|
|
- if (_this.time()) {
|
|
|
- _this
|
|
|
- .$confirm("确定删除此任务吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(
|
|
|
- i,
|
|
|
- 1
|
|
|
- );
|
|
|
- this.deleteStudentToolST(i);
|
|
|
- _this.$message.success("删除成功");
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- handlePictureCardPreview(file) {
|
|
|
- this.dialogImageUrl = file.url;
|
|
|
- },
|
|
|
- clean(i, c) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
|
|
|
- },
|
|
|
- handle_remove1(file, fileList, type) {
|
|
|
- var _tmp = this.cover;
|
|
|
- for (var i = 0, len = _tmp.length; i < len; i++) {
|
|
|
- if (_tmp[i].uid == file.uid) {
|
|
|
- _tmp.splice(i, 1);
|
|
|
- break;
|
|
|
- }
|
|
|
- this.cover = _tmp;
|
|
|
- }
|
|
|
- this.noneBtnImg = _tmp.length >= 1;
|
|
|
- this.isSysPic = false;
|
|
|
- },
|
|
|
- addImg(e) {
|
|
|
- var el = e.currentTarget;
|
|
|
- el.getElementsByTagName("input")[0].click();
|
|
|
- e.target.value = "";
|
|
|
- },
|
|
|
- addChaptersTools(i) {
|
|
|
- this.chapTools = [
|
|
|
- {
|
|
|
- tools: [],
|
|
|
- toolDetail: "",
|
|
|
- },
|
|
|
- ];
|
|
|
- this.chapCount = i;
|
|
|
- this.dialogVisible4 = true;
|
|
|
- },
|
|
|
- isNoFinsh() {
|
|
|
- this.$message.warning("功能正在开发中");
|
|
|
- },
|
|
|
- addAttText(i) {
|
|
|
- this.AttText = {
|
|
|
- title: "",
|
|
|
- text: "",
|
|
|
- };
|
|
|
- // this.taskCount = i;
|
|
|
- this.AttTextType = 0;
|
|
|
- this.$forceUpdate();
|
|
|
- this.dialogVisible6 = true;
|
|
|
- },
|
|
|
- openLine(i) {
|
|
|
- this.line = "";
|
|
|
- this.lineTitle = "";
|
|
|
- // this.lineCount = i;
|
|
|
- this.lineType = 0;
|
|
|
- this.$forceUpdate();
|
|
|
- this.dialogVisible7 = true;
|
|
|
- },
|
|
|
- beforeUpload1(event, type) {
|
|
|
- const loading = this.openLoading();
|
|
|
- var file = event.target.files[0];
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
-
|
|
|
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
- var _this = this;
|
|
|
-
|
|
|
- if (file) {
|
|
|
- var params = {
|
|
|
- Key:
|
|
|
- file.name.split(".")[0] +
|
|
|
- new Date().getTime() +
|
|
|
- "." +
|
|
|
- file.name.split(".")[file.name.split(".").length - 1],
|
|
|
- ContentType: file.type,
|
|
|
- Body: file,
|
|
|
- "Access-Control-Allow-Credentials": "*",
|
|
|
- ACL: "public-read",
|
|
|
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
- var options = {
|
|
|
- partSize: 2048 * 1024 * 1024,
|
|
|
- queueSize: 2,
|
|
|
- leavePartsOnError: true,
|
|
|
- };
|
|
|
- bucket
|
|
|
- .upload(params, options)
|
|
|
- .on("httpUploadProgress", function (evt) {
|
|
|
- //这里可以写进度条
|
|
|
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
- })
|
|
|
- .send(function (err, data) {
|
|
|
- loading.close();
|
|
|
- if (err) {
|
|
|
-
|
|
|
- _this.$message.error("上传失败");
|
|
|
+ this.$refs.stepBox.scrollTop = 0;
|
|
|
+ this.setVHeight();
|
|
|
+ },
|
|
|
+ unitSet(i) {
|
|
|
+ this.unitIndex = i;
|
|
|
+ // this.$refs.rightboxR.scrollTop = 0;
|
|
|
+ this.setVHeight();
|
|
|
+ },
|
|
|
+ time() {
|
|
|
+ if (!this.now) {
|
|
|
+ this.now = new Date().getTime();
|
|
|
+ return true;
|
|
|
} else {
|
|
|
- _this.cover.push({
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
- });
|
|
|
- _this.imgChange1(null, null, 1, null);
|
|
|
- _this.choosePicVisible = false;
|
|
|
- console.log(data.Location);
|
|
|
+ let time = new Date().getTime();
|
|
|
+ if (time - this.now > 3000) {
|
|
|
+ this.now = time;
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- beforeUploadSelect(event, type) {
|
|
|
- const loading = this.openLoading();
|
|
|
- var file = event.target.files[0];
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
-
|
|
|
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
- var _this = this;
|
|
|
-
|
|
|
- if (file) {
|
|
|
- var params = {
|
|
|
- Key:
|
|
|
- file.name.split(".")[0] +
|
|
|
- new Date().getTime() +
|
|
|
- "." +
|
|
|
- file.name.split(".")[file.name.split(".").length - 1],
|
|
|
- ContentType: file.type,
|
|
|
- Body: file,
|
|
|
- "Access-Control-Allow-Credentials": "*",
|
|
|
- ACL: "public-read",
|
|
|
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
- var options = {
|
|
|
- partSize: 2048 * 1024 * 1024,
|
|
|
- queueSize: 2,
|
|
|
- leavePartsOnError: true,
|
|
|
- };
|
|
|
- bucket
|
|
|
- .upload(params, options)
|
|
|
- .on("httpUploadProgress", function (evt) {
|
|
|
- //这里可以写进度条
|
|
|
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
- })
|
|
|
- .send(function (err, data) {
|
|
|
- loading.close();
|
|
|
- if (err) {
|
|
|
- _this.$message.error("上传失败");
|
|
|
- } else {
|
|
|
- _this.selectJson.url = data.Location;
|
|
|
- console.log(data.Location);
|
|
|
+ },
|
|
|
+ deleteUnit(i) {
|
|
|
+ var _this = this;
|
|
|
+ if (_this.time()) {
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此单元吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.isDelete = 2;
|
|
|
+ // _this.unitIndex = _this.unitIndex - 1;
|
|
|
+ _this.deleteWork(_this.unitJson[i].chapterInfo[0].chapterid);
|
|
|
+ // _this.$message.success("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- chooseSysPic(p) {
|
|
|
- this.cover.push({
|
|
|
- name: "系统图片.png",
|
|
|
- url: p,
|
|
|
- });
|
|
|
- this.imgChange1(null, null, 1, null);
|
|
|
- this.isSysPic = true;
|
|
|
- this.sysPicVisible = false;
|
|
|
- },
|
|
|
- beforeUpload(data) {
|
|
|
-
|
|
|
- this.uploadLoading1 = true;
|
|
|
- var file = data.file;
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
-
|
|
|
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
- var _this = this;
|
|
|
-
|
|
|
- if (file) {
|
|
|
- var params = {
|
|
|
- Key:
|
|
|
- file.name.split(".")[0] +
|
|
|
- new Date().getTime() +
|
|
|
- "." +
|
|
|
- file.name.split(".")[file.name.split(".").length - 1],
|
|
|
- ContentType: file.type,
|
|
|
- Body: file,
|
|
|
- "Access-Control-Allow-Credentials": "*",
|
|
|
- ACL: "public-read",
|
|
|
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
- var options = {
|
|
|
- partSize: 2048 * 1024 * 1024,
|
|
|
- queueSize: 2,
|
|
|
- leavePartsOnError: true,
|
|
|
- };
|
|
|
- bucket
|
|
|
- .upload(params, options)
|
|
|
- .on("httpUploadProgress", function (evt) {
|
|
|
- //这里可以写进度条
|
|
|
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
- })
|
|
|
- .send(function (err, data) {
|
|
|
- _this.uploadLoading1 = false;
|
|
|
- if (err) {
|
|
|
-
|
|
|
- _this.$message.error("上传失败");
|
|
|
- } else {
|
|
|
- //上传成功处理
|
|
|
- _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
- });
|
|
|
- _this.imgChange();
|
|
|
- console.log(data.Location);
|
|
|
+ },
|
|
|
+ deleteWork(chapid) {
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ chapters: JSON.stringify(this.unitJson),
|
|
|
+ uid: this.userid,
|
|
|
+ chapid: chapid,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteStudentWork", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.unitJson.splice(this.unitIndex, 1);
|
|
|
+ this.deleteStudentToolS(this.unitIndex)
|
|
|
+ this.unitIndex = this.unitIndex - 1;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteTool(itemTaskIndex, i) {
|
|
|
+ // var _this = this;
|
|
|
+ // if (_this.time()) {
|
|
|
+ // _this
|
|
|
+ // .$confirm("确定删除此工具吗?", "提示", {
|
|
|
+ // confirmButtonText: "确定",
|
|
|
+ // cancelButtonText: "取消",
|
|
|
+ // type: "warning",
|
|
|
+ // })
|
|
|
+ // .then(() => {
|
|
|
+ // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose.splice(i, 1);
|
|
|
+ // _this.$message.success("删除成功");
|
|
|
+ // })
|
|
|
+ // .catch(() => {
|
|
|
+ // return;
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ var _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此步骤吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolArray.splice(i, 1);
|
|
|
+ this.deleteStudentToolSTT(itemTaskIndex, i)
|
|
|
+ _this.$message.success("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteStudentToolSTT(task, tool) {
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: task,
|
|
|
+ tool: tool,
|
|
|
+ }]
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteStudentToolSTT", params)
|
|
|
+ .then((res) => {})
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteStudentToolST(task) {
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: task,
|
|
|
+ }]
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteStudentToolST", params)
|
|
|
+ .then((res) => {})
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteStudentToolS() {
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ }]
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteStudentToolS", params)
|
|
|
+ .then((res) => {})
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteSentence(i) {
|
|
|
+ var _this = this;
|
|
|
+ if (_this.time()) {
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此题目吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.sentenceList.splice(i, 1);
|
|
|
+ _this.$message.success("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- onExceed() {
|
|
|
- this.$message.error("项目封面仅支持上传一张，请删除后再进行上传");
|
|
|
- },
|
|
|
- beforeUpload2(event, unitIndex, type, itemTaskIndex) {
|
|
|
- // const loading = this.openLoading();
|
|
|
- var file = event.target.files[0];
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
-
|
|
|
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
- var _this = this;
|
|
|
- if (type == 3) {
|
|
|
- var b = [
|
|
|
- "DOC",
|
|
|
- "DOCX",
|
|
|
- "DOCM",
|
|
|
- "DOTM",
|
|
|
- "DOTX",
|
|
|
- "PPTX",
|
|
|
- "PPSX",
|
|
|
- "PPT",
|
|
|
- "PPS",
|
|
|
- "PPTM",
|
|
|
- "POTM",
|
|
|
- "PPAM",
|
|
|
- "POTX",
|
|
|
- "PPSM",
|
|
|
- ];
|
|
|
- if (
|
|
|
- b.indexOf(
|
|
|
- file.name
|
|
|
- .split(".")
|
|
|
- [file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
- ) != -1
|
|
|
- ) {
|
|
|
- if (file.size / 1024 / 1024 > 10) {
|
|
|
- this.$message.error("上传文件大于10兆,请重新选择文件！");
|
|
|
- this.inputShow = true;
|
|
|
-
|
|
|
- // loading.close();
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (
|
|
|
- file.name
|
|
|
- .split(".")
|
|
|
- [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
- ) {
|
|
|
- if (file.size / 1024 / 1024 > 5) {
|
|
|
- this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
|
|
|
- this.inputShow = true;
|
|
|
-
|
|
|
- // loading.close();
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.inputShow = false;
|
|
|
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].progress = 0;
|
|
|
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].proVisible = true;
|
|
|
- if (file) {
|
|
|
- var params = {
|
|
|
- Key:
|
|
|
- file.name.split(".")[0] +
|
|
|
- new Date().getTime() +
|
|
|
- "." +
|
|
|
- file.name.split(".")[file.name.split(".").length - 1],
|
|
|
- ContentType: file.type,
|
|
|
- Body: file,
|
|
|
- "Access-Control-Allow-Credentials": "*",
|
|
|
- ACL: "public-read",
|
|
|
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
- var options = {
|
|
|
- partSize: 2048 * 1024 * 1024,
|
|
|
- queueSize: 2,
|
|
|
- leavePartsOnError: true,
|
|
|
- };
|
|
|
- bucket
|
|
|
- .upload(params, options)
|
|
|
- .on("httpUploadProgress", function (evt) {
|
|
|
- //这里可以写进度条
|
|
|
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ },
|
|
|
+ deleteS(s, i, j) {
|
|
|
+ this.sentenceList[i].addSentence.splice(j, 1);
|
|
|
+ if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
|
|
|
+ var a = this.sentenceList[i].rightAnswer.indexOf(s);
|
|
|
+ this.sentenceList[i].rightAnswer.splice(a, 1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openT() {
|
|
|
+ window.parent.postMessage({
|
|
|
+ tools: "25"
|
|
|
+ }, "*");
|
|
|
+ },
|
|
|
+ deleteTask(i) {
|
|
|
+ var _this = this;
|
|
|
+ if (_this.time()) {
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此任务吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(
|
|
|
+ i,
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ this.deleteStudentToolST(i);
|
|
|
+ _this.$message.success("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handlePictureCardPreview(file) {
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ },
|
|
|
+ clean(i, c) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
|
|
|
+ },
|
|
|
+ handle_remove1(file, fileList, type) {
|
|
|
+ var _tmp = this.cover;
|
|
|
+ for (var i = 0, len = _tmp.length; i < len; i++) {
|
|
|
+ if (_tmp[i].uid == file.uid) {
|
|
|
+ _tmp.splice(i, 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ this.cover = _tmp;
|
|
|
+ }
|
|
|
+ this.noneBtnImg = _tmp.length >= 1;
|
|
|
+ this.isSysPic = false;
|
|
|
+ },
|
|
|
+ addImg(e) {
|
|
|
+ var el = e.currentTarget;
|
|
|
+ el.getElementsByTagName("input")[0].click();
|
|
|
+ e.target.value = "";
|
|
|
+ },
|
|
|
+ addChaptersTools(i) {
|
|
|
+ this.chapTools = [{
|
|
|
+ tools: [],
|
|
|
+ toolDetail: "",
|
|
|
+ }, ];
|
|
|
+ this.chapCount = i;
|
|
|
+ this.dialogVisible4 = true;
|
|
|
+ },
|
|
|
+ isNoFinsh() {
|
|
|
+ this.$message.warning("功能正在开发中");
|
|
|
+ },
|
|
|
+ addAttText(i) {
|
|
|
+ this.AttText = {
|
|
|
+ title: "",
|
|
|
+ text: "",
|
|
|
+ };
|
|
|
+ // this.taskCount = i;
|
|
|
+ this.AttTextType = 0;
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisible6 = true;
|
|
|
+ },
|
|
|
+ openLine(i) {
|
|
|
+ this.line = "";
|
|
|
+ this.lineTitle = "";
|
|
|
+ // this.lineCount = i;
|
|
|
+ this.lineType = 0;
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisible7 = true;
|
|
|
+ },
|
|
|
+ beforeUpload1(event, type) {
|
|
|
+ const loading = this.openLoading();
|
|
|
+ var file = event.target.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
+ }
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ loading.close();
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ _this.cover.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ });
|
|
|
+ _this.imgChange1(null, null, 1, null);
|
|
|
+ _this.choosePicVisible = false;
|
|
|
+ console.log(data.Location);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeUploadSelect(event, type) {
|
|
|
+ const loading = this.openLoading();
|
|
|
+ var file = event.target.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
+ }
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ loading.close();
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ _this.selectJson.url = data.Location;
|
|
|
+ console.log(data.Location);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chooseSysPic(p) {
|
|
|
+ this.cover.push({
|
|
|
+ name: "系统图片.png",
|
|
|
+ url: p,
|
|
|
+ });
|
|
|
+ this.imgChange1(null, null, 1, null);
|
|
|
+ this.isSysPic = true;
|
|
|
+ this.sysPicVisible = false;
|
|
|
+ },
|
|
|
+ beforeUpload(data) {
|
|
|
+ this.uploadLoading1 = true;
|
|
|
+ var file = data.file;
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
+ }
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ _this.uploadLoading1 = false;
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ //上传成功处理
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ });
|
|
|
+ _this.imgChange();
|
|
|
+ console.log(data.Location);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onExceed() {
|
|
|
+ this.$message.error("项目封面仅支持上传一张，请删除后再进行上传");
|
|
|
+ },
|
|
|
+ beforeUpload2(event, unitIndex, type, itemTaskIndex) {
|
|
|
+ // const loading = this.openLoading();
|
|
|
+ var file = event.target.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
+ }
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ if (type == 3) {
|
|
|
+ var b = [
|
|
|
+ "DOC",
|
|
|
+ "DOCX",
|
|
|
+ "DOCM",
|
|
|
+ "DOTM",
|
|
|
+ "DOTX",
|
|
|
+ "PPTX",
|
|
|
+ "PPSX",
|
|
|
+ "PPT",
|
|
|
+ "PPS",
|
|
|
+ "PPTM",
|
|
|
+ "POTM",
|
|
|
+ "PPAM",
|
|
|
+ "POTX",
|
|
|
+ "PPSM",
|
|
|
+ ];
|
|
|
+ if (
|
|
|
+ b.indexOf(
|
|
|
+ file.name
|
|
|
+ .split(".")[file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
+ ) != -1
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 10) {
|
|
|
+ this.$message.error("上传文件大于10兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ file.name
|
|
|
+ .split(".")[file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 5) {
|
|
|
+ this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = false;
|
|
|
_this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].progress = parseInt((evt.loaded * 80) / evt.total);
|
|
|
- })
|
|
|
- .send(function (err, data) {
|
|
|
- // loading.close();
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 0;
|
|
|
_this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].progress = 100;
|
|
|
- setTimeout(() => {
|
|
|
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
itemTaskIndex
|
|
|
- ].proVisible = false;
|
|
|
- _this.$forceUpdate();
|
|
|
- }, 1000);
|
|
|
- _this.inputShow = true;
|
|
|
- if (err) {
|
|
|
-
|
|
|
- _this.$message.error("上传失败");
|
|
|
- } else {
|
|
|
- if (type == 2 || type == 3) {
|
|
|
-
|
|
|
- if (data.Location.split(".")[data.Location.split(".").length - 1].toLocaleUpperCase() == "PDF") {
|
|
|
- type = 9
|
|
|
+ ].proVisible = true;
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = parseInt((evt.loaded * 80) / evt.total);
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ // loading.close();
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 100;
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible = false;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }, 1000);
|
|
|
+ _this.inputShow = true;
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ if (type == 2 || type == 3) {
|
|
|
+ if (data.Location.split(".")[data.Location.split(".").length - 1].toLocaleUpperCase() == "PDF") {
|
|
|
+ type = 9
|
|
|
+ }
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ type: type,
|
|
|
+ });
|
|
|
+ _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
+ } else if (type == 4) {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].fileList1.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ });
|
|
|
+ _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
+ } else if (type == 5) {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].homeworkList.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ });
|
|
|
+ _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
+ }
|
|
|
+ console.log(data.Location);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getVideo2(url) {
|
|
|
+ var d = JSON.parse(JSON.stringify(this.playerOptions));
|
|
|
+ d.sources[0].src = url
|
|
|
+ return d
|
|
|
+ },
|
|
|
+ beforeUpload3(event, type) {
|
|
|
+ // const loading = this.openLoading();
|
|
|
+ var file = event.target.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
}
|
|
|
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData.push({
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
- type: type,
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ if (type == 3) {
|
|
|
+ var b = [
|
|
|
+ "DOC",
|
|
|
+ "DOCX",
|
|
|
+ "DOCM",
|
|
|
+ "DOTM",
|
|
|
+ "DOTX",
|
|
|
+ "PPTX",
|
|
|
+ "PPSX",
|
|
|
+ "PPT",
|
|
|
+ "PPS",
|
|
|
+ "PPTM",
|
|
|
+ "POTM",
|
|
|
+ "PPAM",
|
|
|
+ "POTX",
|
|
|
+ "PPSM",
|
|
|
+ ];
|
|
|
+ if (
|
|
|
+ b.indexOf(
|
|
|
+ file.name
|
|
|
+ .split(".")[file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
+ ) != -1
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 10) {
|
|
|
+ this.$message.error("上传文件大于10兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ file.name
|
|
|
+ .split(".")[file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 5) {
|
|
|
+ this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _this.inputShow = false;
|
|
|
+ _this.progress = 0;
|
|
|
+ _this.proVisible = true;
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ _this.progress = parseInt((evt.loaded * 80) / evt.total);
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ // loading.close();
|
|
|
+ _this.progress = 100;
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.proVisible = false;
|
|
|
+ // _this.dialogVisibleSource = false;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }, 1000);
|
|
|
+ _this.inputShow = true;
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ if (type == 2 || type == 3) {
|
|
|
+ var src = ''
|
|
|
+ if (data.Location.split(".")[data.Location.split(".").length - 1].toLocaleUpperCase() == "PDF") {
|
|
|
+ type = 9
|
|
|
+ }
|
|
|
+ if (type == 2) {
|
|
|
+ src = _this.getVideo2(data.Location)
|
|
|
+ } else if (type == 3) {
|
|
|
+ src = "https://view.officeapps.live.com/op/view.aspx?src=" +
|
|
|
+ data.Location;
|
|
|
+ } else {
|
|
|
+ src = data.Location;
|
|
|
+ }
|
|
|
+ // _this.unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolArray.push({
|
|
|
+ // tool: 51,
|
|
|
+ // toolDetail: "",
|
|
|
+ // toolPhoto: "",
|
|
|
+ // toolEdit: false,
|
|
|
+ // toolId: _this.guid(),
|
|
|
+ // toolData: {
|
|
|
+ // name: file.name,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: file.uid,
|
|
|
+ // type: type,
|
|
|
+ // src: src,
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ _this.sourcesData.push({
|
|
|
+ name: file.name,
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ type: type,
|
|
|
+ src: src,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ console.log(data.Location);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async beforeUploadCC(event, type, task, toolindex, tool) {
|
|
|
+ // this.$message.success('进入上传')
|
|
|
+ var file = "";
|
|
|
+ file = event.target.files[0];
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+ var bucket = new window.AWS.S3({
|
|
|
+ params: {
|
|
|
+ Bucket: "ccrb"
|
|
|
+ }
|
|
|
+ }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = 0;
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].proVisible = true;
|
|
|
+ var b = [
|
|
|
+ "DOC",
|
|
|
+ "DOCX",
|
|
|
+ "DOCM",
|
|
|
+ "DOTM",
|
|
|
+ "DOTX",
|
|
|
+ "PPTX",
|
|
|
+ "PPSX",
|
|
|
+ "PPT",
|
|
|
+ "PPS",
|
|
|
+ "PPTM",
|
|
|
+ "POTM",
|
|
|
+ "PPAM",
|
|
|
+ "POTX",
|
|
|
+ "PPSM",
|
|
|
+ ];
|
|
|
+ var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
|
|
|
+ var photoA = [
|
|
|
+ "BMP",
|
|
|
+ "GIF",
|
|
|
+ "PNG",
|
|
|
+ "JPGE",
|
|
|
+ "JPG",
|
|
|
+ "TIF",
|
|
|
+ "PCX",
|
|
|
+ "TGA",
|
|
|
+ "EXIF",
|
|
|
+ "FPX",
|
|
|
+ "SVG",
|
|
|
+ "APNG",
|
|
|
+ ];
|
|
|
+ if (
|
|
|
+ photoA.indexOf(
|
|
|
+ file.name
|
|
|
+ .split(".")[file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
+ ) != -1 &&
|
|
|
+ type != 4
|
|
|
+ ) {
|
|
|
+ // const blob = await imageConversion.compress(file, 0.8)
|
|
|
+ file = await this.pngToWhiteBg(file);
|
|
|
+ const blob = await imageConversion.compressAccurately(file, 256);
|
|
|
+ // const blob = await imageConversion.compressAccurately(file, {type:file.type});
|
|
|
+ file = new File([blob], file.name, {
|
|
|
+ type: file.type
|
|
|
});
|
|
|
- _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
- } else if (type == 4) {
|
|
|
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].fileList1.push({
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
+ }
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key: file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ // partSize: 2048 * 1024 * 1024,
|
|
|
+ partSize: 1024 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function(evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = parseInt((evt.loaded * 80) / evt.total);
|
|
|
+ })
|
|
|
+ .send(function(err, data) {
|
|
|
+ // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = 100;
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].proVisible = false;
|
|
|
+ }, 1000);
|
|
|
+ if (err) {
|
|
|
+ var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ a.splice(a.length - 1, a.length);
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ // _this.$message.success('上传成功')
|
|
|
+ var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
|
|
|
+ var c = [
|
|
|
+ "AVI",
|
|
|
+ "NAVI",
|
|
|
+ "MPEG",
|
|
|
+ "ASF",
|
|
|
+ "MOV",
|
|
|
+ "WMV",
|
|
|
+ "3GP",
|
|
|
+ "RM",
|
|
|
+ "RMVB",
|
|
|
+ "FLV",
|
|
|
+ "F4V",
|
|
|
+ "H.264",
|
|
|
+ "H.265",
|
|
|
+ "REAL VIDEO",
|
|
|
+ "MKV",
|
|
|
+ "WebM",
|
|
|
+ "HDDVD",
|
|
|
+ "MP4",
|
|
|
+ "MPG",
|
|
|
+ "M4V",
|
|
|
+ "MGV",
|
|
|
+ "OGV",
|
|
|
+ "QTM",
|
|
|
+ "STR",
|
|
|
+ "AMC",
|
|
|
+ "DVX",
|
|
|
+ "EVO",
|
|
|
+ "DAT",
|
|
|
+ "OGG",
|
|
|
+ "OGM",
|
|
|
+ ];
|
|
|
+ if (type == 1) {
|
|
|
+ _this.addCourseWorksS(tool, 4, data.Location, task, toolindex);
|
|
|
+ } else if (type == 2) {
|
|
|
+ _this.addCourseWorksS(tool, 1, data.Location, task, toolindex);
|
|
|
+ }
|
|
|
+ console.log(data.Location);
|
|
|
+ // _this.$message.success('上传成功'+data.Location)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pngToWhiteBg(file) {
|
|
|
+ const _file = file;
|
|
|
+ let read = new FileReader();
|
|
|
+ read.readAsDataURL(file); // 文件转base64
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ read.onload = (e) => {
|
|
|
+ let img = new Image();
|
|
|
+ img.src = e.target.result;
|
|
|
+ img.onload = async () => {
|
|
|
+ // 生成canvas
|
|
|
+ let canvas = document.createElement("canvas");
|
|
|
+ let context = canvas.getContext("2d");
|
|
|
+ // 绘制图片到canvas上
|
|
|
+ canvas.width = img.width;
|
|
|
+ canvas.height = img.height;
|
|
|
+ // 在canvas绘制前填充白色背景
|
|
|
+ context.fillStyle = "#fff";
|
|
|
+ context.fillRect(0, 0, canvas.width, canvas.height);
|
|
|
+ context.drawImage(img, 0, 0);
|
|
|
+ let base64 = canvas.toDataURL(file["type"], 1);
|
|
|
+ let newFile = this.dataUrlToFile(base64, _file);
|
|
|
+ resolve(newFile);
|
|
|
+ };
|
|
|
+ };
|
|
|
+ });
|
|
|
+ },
|
|
|
+ dataUrlToFile(dataurl, file) {
|
|
|
+ let arr = dataurl.split(","),
|
|
|
+ mime = arr[0].match(/:(.*?);/)[1],
|
|
|
+ bstr = atob(arr[1]),
|
|
|
+ n = bstr.length,
|
|
|
+ u8arr = new Uint8Array(n);
|
|
|
+ while (n--) {
|
|
|
+ u8arr[n] = bstr.charCodeAt(n);
|
|
|
+ }
|
|
|
+ // return new Blob([u8arr], { type: mime });
|
|
|
+ return new File([new Blob([u8arr], {
|
|
|
+ type: mime
|
|
|
+ })], file.name, {
|
|
|
+ type: mime,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addunit() {
|
|
|
+ if (this.cid != "") {
|
|
|
+ let _unitIndex = this.unitIndex;
|
|
|
+ let cPan = 1;
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
+ (ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.unitJson.push({
|
|
|
+ dyName: "", //单元标题
|
|
|
+ isUpdate: 1,
|
|
|
+ chapterInfo: [{
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [{
|
|
|
+ task: "",
|
|
|
+ people: "",
|
|
|
+ time: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [{
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ }, ],
|
|
|
+ toolArray: [],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 0,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ checkJson: [{
|
|
|
+ checkCount: [],
|
|
|
+ checkPerent: []
|
|
|
+ }],
|
|
|
+ homeworkList: [],
|
|
|
+ }, ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ }, ],
|
|
|
+ });
|
|
|
+ this.addindex = this.unitJson.length - 1;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.unitIndex = this.unitJson.length - 1;
|
|
|
+ this.unitSet(this.unitIndex);
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
+ addToolFun(tool) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose.push({
|
|
|
+ // tool: [],
|
|
|
+ // toolDetail: "",
|
|
|
+ // toolType: 0,
|
|
|
+ // askCount: 1,
|
|
|
+ // askTitle: "",
|
|
|
+ // askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ // });
|
|
|
+ if (tool == 15) {
|
|
|
+ this.tableJson.text = ''
|
|
|
+ this.dialogVisible8 = true;
|
|
|
+ }else if(tool == 52){
|
|
|
+ this.tableJson.text = ''
|
|
|
+ this.dialogVisibleText = true;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolArray.push({
|
|
|
+ tool: tool,
|
|
|
+ toolDetail: "",
|
|
|
+ toolPhoto: "",
|
|
|
+ toolEdit: false,
|
|
|
+ toolId: this.guid()
|
|
|
});
|
|
|
- _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
- } else if (type == 5) {
|
|
|
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].homeworkList.push({
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisibleTool = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addToolFunD(itemTaskIndex) {
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ this.dialogVisibleTool = true;
|
|
|
+ },
|
|
|
+ addSourceFunD(itemTaskIndex) {
|
|
|
+ this.sourcesData = []
|
|
|
+ this.proVisible = false
|
|
|
+ this.progress = 0
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ this.dialogVisibleSource = true;
|
|
|
+ },
|
|
|
+ setChapterIndex(itemTool, index) {
|
|
|
+ itemTool.sourceIndex = index;
|
|
|
+ this.setVHeight();
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ setVHeight() {
|
|
|
+ this.$nextTick(function() {
|
|
|
+ setTimeout(() => {
|
|
|
+ let task = this.unitJson[this.unitIndex].chapterInfo[0].taskJson
|
|
|
+ for (var j = 0; j < task.length; j++) {
|
|
|
+ let tool = task[j].toolArray
|
|
|
+ for (var z = 0; z < tool.length; z++) {
|
|
|
+ let _tool = tool[z]
|
|
|
+ if (_tool.tool == 51) {
|
|
|
+ var a =
|
|
|
+ document.getElementsByClassName("box_course" + j + z)[0].offsetHeight;
|
|
|
+ document.getElementsByClassName("vedioList" + j + z)[0].style.height =
|
|
|
+ a + "px";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addSourceData() {
|
|
|
+ if (!this.sourcesData.length) {
|
|
|
+ this.$message.error("请上传资源");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.editSourceType == 1) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
+ tool: 51,
|
|
|
+ toolDetail: "",
|
|
|
+ toolPhoto: "",
|
|
|
+ toolEdit: false,
|
|
|
+ toolId: this.guid(),
|
|
|
+ toolData: JSON.parse(JSON.stringify(this.sourcesData)),
|
|
|
+ sourceIndex: 0,
|
|
|
});
|
|
|
- _this.imgChange1(null, null, type, itemTaskIndex);
|
|
|
- }
|
|
|
- console.log(data.Location);
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray[this.toolIndex].toolData = JSON.parse(JSON.stringify(this.sourcesData))
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray[this.toolIndex].sourceIndex = 0
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- getVideo2(url) {
|
|
|
- var d = JSON.parse(JSON.stringify(this.playerOptions));
|
|
|
- d.sources[0].src = url
|
|
|
- return d
|
|
|
- },
|
|
|
- beforeUpload3(event, type) {
|
|
|
- // const loading = this.openLoading();
|
|
|
- var file = event.target.files[0];
|
|
|
- var credentials = {
|
|
|
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
- secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
- }; //秘钥形式的登录上传
|
|
|
- window.AWS.config.update(credentials);
|
|
|
- window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
-
|
|
|
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
- var _this = this;
|
|
|
- if (type == 3) {
|
|
|
- var b = [
|
|
|
- "DOC",
|
|
|
- "DOCX",
|
|
|
- "DOCM",
|
|
|
- "DOTM",
|
|
|
- "DOTX",
|
|
|
- "PPTX",
|
|
|
- "PPSX",
|
|
|
- "PPT",
|
|
|
- "PPS",
|
|
|
- "PPTM",
|
|
|
- "POTM",
|
|
|
- "PPAM",
|
|
|
- "POTX",
|
|
|
- "PPSM",
|
|
|
- ];
|
|
|
- if (
|
|
|
- b.indexOf(
|
|
|
- file.name
|
|
|
- .split(".")
|
|
|
- [file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
- ) != -1
|
|
|
- ) {
|
|
|
- if (file.size / 1024 / 1024 > 10) {
|
|
|
- this.$message.error("上传文件大于10兆,请重新选择文件！");
|
|
|
- this.inputShow = true;
|
|
|
-
|
|
|
- // loading.close();
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (
|
|
|
- file.name
|
|
|
- .split(".")
|
|
|
- [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
- ) {
|
|
|
- if (file.size / 1024 / 1024 > 5) {
|
|
|
- this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
|
|
|
- this.inputShow = true;
|
|
|
-
|
|
|
- // loading.close();
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- _this.inputShow = false;
|
|
|
- _this.progress = 0;
|
|
|
- _this.proVisible = true;
|
|
|
- if (file) {
|
|
|
- var params = {
|
|
|
- Key:
|
|
|
- file.name.split(".")[0] +
|
|
|
- new Date().getTime() +
|
|
|
- "." +
|
|
|
- file.name.split(".")[file.name.split(".").length - 1],
|
|
|
- ContentType: file.type,
|
|
|
- Body: file,
|
|
|
- "Access-Control-Allow-Credentials": "*",
|
|
|
- ACL: "public-read",
|
|
|
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
- var options = {
|
|
|
- partSize: 2048 * 1024 * 1024,
|
|
|
- queueSize: 2,
|
|
|
- leavePartsOnError: true,
|
|
|
- };
|
|
|
- bucket
|
|
|
- .upload(params, options)
|
|
|
- .on("httpUploadProgress", function (evt) {
|
|
|
- //这里可以写进度条
|
|
|
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
- _this.progress = parseInt((evt.loaded * 80) / evt.total);
|
|
|
- })
|
|
|
- .send(function (err, data) {
|
|
|
- // loading.close();
|
|
|
- _this.progress = 100;
|
|
|
- setTimeout(() => {
|
|
|
- _this.proVisible = false;
|
|
|
- // _this.dialogVisibleSource = false;
|
|
|
- _this.$forceUpdate();
|
|
|
- }, 1000);
|
|
|
- _this.inputShow = true;
|
|
|
- if (err) {
|
|
|
-
|
|
|
- _this.$message.error("上传失败");
|
|
|
+ this.editSourceType = 1
|
|
|
+ this.sourcesData = []
|
|
|
+ this.dialogVisibleSource = false
|
|
|
+ this.setVHeight();
|
|
|
+ },
|
|
|
+ openToolFun(tool, taskCount, i) {
|
|
|
+ if (tool == 48) {
|
|
|
+ this.taskCount = taskCount
|
|
|
+ this.toolIndex = i
|
|
|
+ this.dialogVisibleTable = true;
|
|
|
+ } else if (tool == 15) {
|
|
|
+ this.taskCount = taskCount
|
|
|
+ this.toolIndex = i
|
|
|
+ this.answerQ = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount].toolArray[i].answerQ))
|
|
|
+ this.answerDialogVisible = true;
|
|
|
+ } else if (tool == 52) {
|
|
|
+ this.taskCount = taskCount
|
|
|
+ this.toolIndex = i
|
|
|
+ this.tableJson.text = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount].toolArray[i].text))
|
|
|
+ this.dialogVisibleText3 = true;
|
|
|
} else {
|
|
|
- if (type == 2 || type == 3) {
|
|
|
- var src = ''
|
|
|
- if (data.Location.split(".")[data.Location.split(".").length - 1].toLocaleUpperCase() == "PDF") {
|
|
|
- type = 9
|
|
|
- }
|
|
|
- if (type == 2) {
|
|
|
- src = _this.getVideo2(data.Location)
|
|
|
- } else if (type == 3) {
|
|
|
- src = "https://view.officeapps.live.com/op/view.aspx?src=" +
|
|
|
- data.Location;
|
|
|
- } else {
|
|
|
- src = data.Location;
|
|
|
- }
|
|
|
- // _this.unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolArray.push({
|
|
|
- // tool: 51,
|
|
|
- // toolDetail: "",
|
|
|
- // toolPhoto: "",
|
|
|
- // toolEdit: false,
|
|
|
- // toolId: _this.guid(),
|
|
|
- // toolData: {
|
|
|
- // name: file.name,
|
|
|
- // url: data.Location,
|
|
|
- // uid: file.uid,
|
|
|
- // type: type,
|
|
|
- // src: src,
|
|
|
- // }
|
|
|
- // });
|
|
|
-
|
|
|
- _this.sourcesData.push(
|
|
|
- {
|
|
|
- name: file.name,
|
|
|
- url: data.Location,
|
|
|
- uid: file.uid,
|
|
|
- type: type,
|
|
|
- src: src,
|
|
|
- }
|
|
|
- )
|
|
|
- }
|
|
|
- console.log(data.Location);
|
|
|
+ window.parent.postMessage({
|
|
|
+ tools: tool + 's',
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: taskCount,
|
|
|
+ tool: i,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- addunit() {
|
|
|
- if (this.cid != "") {
|
|
|
- let _unitIndex = this.unitIndex;
|
|
|
- let cPan = 1;
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
- (ele) => {
|
|
|
- return ele.value != "";
|
|
|
- }
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- this.unitJson.push({
|
|
|
- dyName: "", //单元标题
|
|
|
- isUpdate: 1,
|
|
|
- chapterInfo: [
|
|
|
- {
|
|
|
- isread: false,
|
|
|
- chapterid: this.guid(),
|
|
|
- title: "",
|
|
|
- courseName: "",
|
|
|
- taskJson: [
|
|
|
- {
|
|
|
+ },
|
|
|
+ previewImg(url) {
|
|
|
+ this.$hevueImgPreview(url);
|
|
|
+ },
|
|
|
+ openTable(content) {
|
|
|
+ this.tableJson.text = JSON.parse(content)
|
|
|
+ this.dialogVisibleTable2 = true
|
|
|
+ },
|
|
|
+ addTaskBorder() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
|
|
|
task: "",
|
|
|
people: "",
|
|
|
time: "",
|
|
|
taskDetail: "",
|
|
|
chapterData: [],
|
|
|
toolText: "",
|
|
|
- toolChoose: [
|
|
|
- {
|
|
|
+ toolChoose: [{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- },
|
|
|
- ],
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ }, ],
|
|
|
toolArray: [],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
isFold: 0,
|
|
|
askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ checkJson: [{
|
|
|
+ checkCount: [],
|
|
|
+ checkPerent: []
|
|
|
+ }],
|
|
|
homeworkList: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- itemCount: 1,
|
|
|
- fileList1: [],
|
|
|
- video: [],
|
|
|
- testData: [],
|
|
|
- pData: [],
|
|
|
- templateArray: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- });
|
|
|
- this.addindex = this.unitJson.length - 1;
|
|
|
- setTimeout(() => {
|
|
|
- this.unitIndex = this.unitJson.length - 1;
|
|
|
- this.unitSet(this.unitIndex);
|
|
|
- }, 0);
|
|
|
- },
|
|
|
- addToolFun(tool) {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose.push({
|
|
|
- // tool: [],
|
|
|
- // toolDetail: "",
|
|
|
- // toolType: 0,
|
|
|
- // askCount: 1,
|
|
|
- // askTitle: "",
|
|
|
- // askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- // });
|
|
|
- if (tool == 15) {
|
|
|
- this.dialogVisible8 = true;
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolArray.push({
|
|
|
- tool: tool,
|
|
|
- toolDetail: "",
|
|
|
- toolPhoto: "",
|
|
|
- toolEdit: false,
|
|
|
- toolId: this.guid()
|
|
|
- });
|
|
|
- this.$forceUpdate();
|
|
|
- this.dialogVisibleTool = false;
|
|
|
- }
|
|
|
- },
|
|
|
- addToolFunD(itemTaskIndex) {
|
|
|
- this.taskCount = itemTaskIndex;
|
|
|
- this.dialogVisibleTool = true;
|
|
|
- },
|
|
|
- addSourceFunD(itemTaskIndex) {
|
|
|
- this.sourcesData = []
|
|
|
- this.proVisible = false
|
|
|
- this.progress = 0
|
|
|
- this.taskCount = itemTaskIndex;
|
|
|
- this.dialogVisibleSource = true;
|
|
|
- },
|
|
|
- setChapterIndex(itemTool, index) {
|
|
|
- itemTool.sourceIndex = index;
|
|
|
- this.setVHeight();
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- setVHeight() {
|
|
|
- this.$nextTick(function () {
|
|
|
- setTimeout(() => {
|
|
|
- let task = this.unitJson[this.unitIndex].chapterInfo[0].taskJson
|
|
|
- for (var j = 0; j < task.length; j++) {
|
|
|
- let tool = task[j].toolArray
|
|
|
- for (var z = 0; z < tool.length; z++) {
|
|
|
- let _tool = tool[z]
|
|
|
- if (_tool.tool == 51) {
|
|
|
- var a =
|
|
|
- document.getElementsByClassName("box_course" + j + z)[0].offsetHeight;
|
|
|
- document.getElementsByClassName("vedioList" + j + z)[0].style.height =
|
|
|
- a + "px";
|
|
|
- }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ add(e, i) {
|
|
|
+ var el = e.currentTarget;
|
|
|
+ el.getElementsByTagName("input")[0].click();
|
|
|
+ },
|
|
|
+ fold(i, e, type) {
|
|
|
+ var a = e.currentTarget.parentElement.parentElement;
|
|
|
+ var b = e.currentTarget.parentElement;
|
|
|
+ if (type == 1) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
|
|
|
+ a.className += " smallTaskBorder";
|
|
|
+ b.className += " funBlockTop";
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
|
|
|
+ a.className = "taskBorder";
|
|
|
+ b.className = "funBlock";
|
|
|
}
|
|
|
- }
|
|
|
- }, 0);
|
|
|
- })
|
|
|
- },
|
|
|
- addSourceData() {
|
|
|
- if (!this.sourcesData.length) {
|
|
|
- this.$message.error("请上传资源");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.editSourceType == 1) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
- tool: 51,
|
|
|
- toolDetail: "",
|
|
|
- toolPhoto: "",
|
|
|
- toolEdit: false,
|
|
|
- toolId: this.guid(),
|
|
|
- toolData: JSON.parse(JSON.stringify(this.sourcesData)),
|
|
|
- sourceIndex: 0,
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray[this.toolIndex].toolData = JSON.parse(JSON.stringify(this.sourcesData))
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray[this.toolIndex].sourceIndex = 0
|
|
|
- }
|
|
|
-
|
|
|
- this.editSourceType = 1
|
|
|
- this.sourcesData = []
|
|
|
- this.dialogVisibleSource = false
|
|
|
- this.setVHeight();
|
|
|
- },
|
|
|
- openToolFun(tool, taskCount, i) {
|
|
|
- if (tool == 48) {
|
|
|
- this.taskCount = taskCount
|
|
|
- this.toolIndex = i
|
|
|
- this.dialogVisibleTable = true;
|
|
|
- } else if (tool == 15) {
|
|
|
- this.taskCount = taskCount
|
|
|
- this.toolIndex = i
|
|
|
- this.answerQ = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount].toolArray[i].answerQ))
|
|
|
- this.answerDialogVisible = true;
|
|
|
- } else {
|
|
|
- window.parent.postMessage(
|
|
|
- {
|
|
|
- tools: tool + 's',
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: taskCount,
|
|
|
- tool: i,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- }
|
|
|
- },
|
|
|
- previewImg(url) {
|
|
|
- this.$hevueImgPreview(url);
|
|
|
- },
|
|
|
- openTable(content) {
|
|
|
- this.tableJson.text = JSON.parse(content)
|
|
|
- this.dialogVisibleTable2 = true
|
|
|
- },
|
|
|
- addTaskBorder() {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
|
|
|
- task: "",
|
|
|
- people: "",
|
|
|
- time: "",
|
|
|
- taskDetail: "",
|
|
|
- chapterData: [],
|
|
|
- toolText: "",
|
|
|
- toolChoose: [
|
|
|
- {
|
|
|
- tool: [],
|
|
|
- toolDetail: "",
|
|
|
- toolType: 0,
|
|
|
- askCount: 1,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- },
|
|
|
- ],
|
|
|
- toolArray: [],
|
|
|
- isShowTools: false,
|
|
|
- askCount: 1,
|
|
|
- isFold: 0,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
- homeworkList: [],
|
|
|
- });
|
|
|
- },
|
|
|
- add(e, i) {
|
|
|
- var el = e.currentTarget;
|
|
|
- el.getElementsByTagName("input")[0].click();
|
|
|
- },
|
|
|
- fold(i, e, type) {
|
|
|
- var a = e.currentTarget.parentElement.parentElement;
|
|
|
- var b = e.currentTarget.parentElement;
|
|
|
- if (type == 1) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
|
|
|
- a.className += " smallTaskBorder";
|
|
|
- b.className += " funBlockTop";
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
|
|
|
- a.className = "taskBorder";
|
|
|
- b.className = "funBlock";
|
|
|
- }
|
|
|
- console.log(e);
|
|
|
- },
|
|
|
- deleteHomeworkBox(unitIndex, index, i) {
|
|
|
- this.unitJson[unitIndex].chapterInfo[index].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].homeworkList.splice(i, 1);
|
|
|
- },
|
|
|
- getStudent() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- cu: "",
|
|
|
- cn: this.searchPeople,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectStudentAdd", params)
|
|
|
- .then((res) => {
|
|
|
- this.studentJuri = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.isLoading = false;
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- onPlayerPlay() { },
|
|
|
- getTeacher() {
|
|
|
- let params = {
|
|
|
- // oid:
|
|
|
- // this.org && this.org != "undefined" && this.org != "null"
|
|
|
- // ? this.org
|
|
|
- // : this.oid,
|
|
|
- oid: this.oid,
|
|
|
- cu: "",
|
|
|
- cn: this.searchTN,
|
|
|
- };
|
|
|
-
|
|
|
- this.ajax
|
|
|
- .get(
|
|
|
- this.$store.state.api +
|
|
|
- (this.org && this.org != "undefined" && this.org != "null"
|
|
|
- ? "selectUserByOidS"
|
|
|
- : "selectUserByOidS"),
|
|
|
- params
|
|
|
- )
|
|
|
- .then((res) => {
|
|
|
- let teacherJuri = res.data[0];
|
|
|
- this.teacherJuri2 = JSON.parse(JSON.stringify(res.data[0]))
|
|
|
- for (var i = 0; i < teacherJuri.length; i++) {
|
|
|
- if (teacherJuri[i].userid == this.userid) {
|
|
|
- this.ManAarray.push(teacherJuri[i])
|
|
|
- teacherJuri.splice(i, 1);
|
|
|
- break;
|
|
|
+ console.log(e);
|
|
|
+ },
|
|
|
+ deleteHomeworkBox(unitIndex, index, i) {
|
|
|
+ this.unitJson[unitIndex].chapterInfo[index].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].homeworkList.splice(i, 1);
|
|
|
+ },
|
|
|
+ getStudent() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ cu: "",
|
|
|
+ cn: this.searchPeople,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectStudentAdd", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.studentJuri = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onPlayerPlay() {},
|
|
|
+ getTeacher() {
|
|
|
+ let params = {
|
|
|
+ // oid:
|
|
|
+ // this.org && this.org != "undefined" && this.org != "null"
|
|
|
+ // ? this.org
|
|
|
+ // : this.oid,
|
|
|
+ oid: this.oid,
|
|
|
+ cu: "",
|
|
|
+ cn: this.searchTN,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(
|
|
|
+ this.$store.state.api +
|
|
|
+ (this.org && this.org != "undefined" && this.org != "null" ?
|
|
|
+ "selectUserByOidS" :
|
|
|
+ "selectUserByOidS"),
|
|
|
+ params
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let teacherJuri = res.data[0];
|
|
|
+ this.teacherJuri2 = JSON.parse(JSON.stringify(res.data[0]))
|
|
|
+ for (var i = 0; i < teacherJuri.length; i++) {
|
|
|
+ if (teacherJuri[i].userid == this.userid) {
|
|
|
+ // this.ManAarray.push(teacherJuri[i])
|
|
|
+ teacherJuri.splice(i, 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.teacherJuri = teacherJuri;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ setMan() {
|
|
|
+ // let teacherJuri = this.teacherJuri2;
|
|
|
+ this.ManAarray = []
|
|
|
+ if(this.checkboxList3.indexOf(this.courseUserid) == -1){
|
|
|
+ this.checkboxList3.push(this.courseUserid)
|
|
|
}
|
|
|
- }
|
|
|
- this.teacherJuri = teacherJuri;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- setMan() {
|
|
|
- let teacherJuri = this.teacherJuri2;
|
|
|
- this.ManAarray = []
|
|
|
- for (var i = 0; i < teacherJuri.length; i++) {
|
|
|
- if (teacherJuri[i].userid == this.userid && this.userid == this.courseUserid) {
|
|
|
- this.ManAarray.push(teacherJuri[i])
|
|
|
- } else if (this.checkboxList3.indexOf(teacherJuri[i].userid) != -1) {
|
|
|
- this.ManAarray.push(teacherJuri[i])
|
|
|
- } else if (this.courseUserid == teacherJuri[i].userid && this.userid != this.courseUserid) {
|
|
|
- this.ManAarray.push(teacherJuri[i])
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- searchStudent() {
|
|
|
- this.getStudent();
|
|
|
- },
|
|
|
- //获取班级列表
|
|
|
- getClass() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectClassBySchool", params)
|
|
|
- .then((res) => {
|
|
|
- this.grade = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.isLoading = false;
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- getChapterData(e, i, j, ic, type) {
|
|
|
- e.stopPropagation();
|
|
|
- this.updataC = true;
|
|
|
- this.icc = ic;
|
|
|
- if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
|
|
|
- console.log("还不能下载图片喔");
|
|
|
- }
|
|
|
- },
|
|
|
- getChapterData2(e, ic, type) {
|
|
|
- e.stopPropagation();
|
|
|
- this.updataC = true;
|
|
|
- this.icc = ic;
|
|
|
- if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
|
|
|
- console.log("还不能下载图片喔");
|
|
|
- }
|
|
|
- },
|
|
|
- deleteChapterData(e, i, j, ic, taskI) {
|
|
|
- e.stopPropagation();
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
|
|
|
- },
|
|
|
- deleteChapterData2(e, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- this.sourcesData.splice(ic, 1);
|
|
|
- },
|
|
|
- updataVideoT(e, i, j, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic
|
|
|
- ].name = e.target.value;
|
|
|
- },
|
|
|
- updataVideoT2(e, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- this.sourcesData[
|
|
|
- ic
|
|
|
- ].name = e.target.value;
|
|
|
- },
|
|
|
- upCd(e, i, j, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- if (ic == 0) {
|
|
|
- return;
|
|
|
- }
|
|
|
- var a =
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic - 1
|
|
|
- ];
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic - 1
|
|
|
- ] =
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic
|
|
|
- ];
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
|
|
|
- a;
|
|
|
- },
|
|
|
- downCd(e, i, j, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- if (ic == this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData.length - 1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- var a =
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic + 1
|
|
|
- ];
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic + 1
|
|
|
- ] =
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
- ic
|
|
|
- ];
|
|
|
- this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
|
|
|
- a;
|
|
|
- },
|
|
|
-
|
|
|
- upCd2(e, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- if (ic == 0) {
|
|
|
- return;
|
|
|
- }
|
|
|
- var a = this.sourcesData[ic - 1];
|
|
|
- this.sourcesData[ic - 1] = this.sourcesData[ic];
|
|
|
- this.sourcesData[ic] = a;
|
|
|
- },
|
|
|
- downCd2(e, ic) {
|
|
|
- e.stopPropagation();
|
|
|
- if (ic == this.sourcesData.length - 1) {
|
|
|
- return;
|
|
|
- }
|
|
|
- var a = this.sourcesData[ic + 1];
|
|
|
- this.sourcesData[ic + 1] = this.sourcesData[ic];
|
|
|
- this.sourcesData[ic] = a;
|
|
|
- },
|
|
|
- addWork() {
|
|
|
- let cPan = 1;
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- if (
|
|
|
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
|
|
|
- ) {
|
|
|
+ let params = {
|
|
|
+ uid: this.checkboxList3.join(","),
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(
|
|
|
+ this.$store.state.api + "getAllUserById",
|
|
|
+ params
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let teacherJuri = res.data[0];
|
|
|
+ this.ManAarray = teacherJuri;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ searchStudent() {
|
|
|
+ this.getStudent();
|
|
|
+ },
|
|
|
+ //获取班级列表
|
|
|
+ getClass() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectClassBySchool", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.grade = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getChapterData(e, i, j, ic, type) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.updataC = true;
|
|
|
+ this.icc = ic;
|
|
|
+ if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
|
|
|
+ console.log("还不能下载图片喔");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getChapterData2(e, ic, type) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.updataC = true;
|
|
|
+ this.icc = ic;
|
|
|
+ if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
|
|
|
+ console.log("还不能下载图片喔");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteChapterData(e, i, j, ic, taskI) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
|
|
|
+ },
|
|
|
+ deleteChapterData2(e, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.sourcesData.splice(ic, 1);
|
|
|
+ },
|
|
|
+ updataVideoT(e, i, j, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic
|
|
|
+ ].name = e.target.value;
|
|
|
+ },
|
|
|
+ updataVideoT2(e, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ this.sourcesData[
|
|
|
+ ic
|
|
|
+ ].name = e.target.value;
|
|
|
+ },
|
|
|
+ upCd(e, i, j, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (ic == 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a =
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic - 1
|
|
|
+ ];
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic - 1
|
|
|
+ ] =
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic
|
|
|
+ ];
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
|
|
|
+ a;
|
|
|
+ },
|
|
|
+ downCd(e, i, j, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (ic == this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData.length - 1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a =
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic + 1
|
|
|
+ ];
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic + 1
|
|
|
+ ] =
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
|
|
|
+ ic
|
|
|
+ ];
|
|
|
+ this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
|
|
|
+ a;
|
|
|
+ },
|
|
|
+ upCd2(e, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (ic == 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = this.sourcesData[ic - 1];
|
|
|
+ this.sourcesData[ic - 1] = this.sourcesData[ic];
|
|
|
+ this.sourcesData[ic] = a;
|
|
|
+ },
|
|
|
+ downCd2(e, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (ic == this.sourcesData.length - 1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = this.sourcesData[ic + 1];
|
|
|
+ this.sourcesData[ic + 1] = this.sourcesData[ic];
|
|
|
+ this.sourcesData[ic] = a;
|
|
|
+ },
|
|
|
+ addWork() {
|
|
|
+ let cPan = 1;
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[i].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
|
|
|
+ ) {
|
|
|
+ for (
|
|
|
+ var z = 0; z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length; z++
|
|
|
+ ) {
|
|
|
+ if (!this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
|
|
|
+ .length
|
|
|
+ ) {
|
|
|
+ this.$message.error("请把工具添加完整");
|
|
|
+ cPan = 2;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
+ i
|
|
|
+ ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ if (this.steps != 3) {
|
|
|
+ this.steps--;
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ delete this.unitJson[i].isUpdate;
|
|
|
+ }
|
|
|
+ let params = [{
|
|
|
+ uid: this.userid,
|
|
|
+ title: this.courseName.replace(/%/g, "%25"),
|
|
|
+ brief: this.courseText.replace(/%/g, "%25"),
|
|
|
+ cover: this.cover.length > 0 ?
|
|
|
+ JSON.stringify(this.cover) : JSON.stringify([{
|
|
|
+ name: "noBanner.jpg",
|
|
|
+ url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/noBanner1656409780264.jpg",
|
|
|
+ uid: 1656409780264,
|
|
|
+ status: "success",
|
|
|
+ }, ]),
|
|
|
+ evaId: this.evalua,
|
|
|
+ astudent: this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
|
|
|
+ see: this.isTeacherSee == true ? 1 : 0,
|
|
|
+ chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
+ template: this.cTemplate != "undefined" ? this.cTemplate : "",
|
|
|
+ courseType: JSON.stringify(this.courseTypeId),
|
|
|
+ ateacher: this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCourseWorkNew22", params)
|
|
|
+ .then((res) => {
|
|
|
+ console.log(this.steps);
|
|
|
+ if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
|
|
|
+ this.$message({
|
|
|
+ message: "新增成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.number = res.data.ordernumber;
|
|
|
+ this.courseId = res.data.courseId;
|
|
|
+ this.cid = res.data.courseId;
|
|
|
+ this.courseUserid = this.userid;
|
|
|
+ this.islogin = true;
|
|
|
+ this.selectCourseDetail();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goCourse() {
|
|
|
+ window.parent.postMessage({
|
|
|
+ cid: this.courseId,
|
|
|
+ type: "1"
|
|
|
+ }, "*");
|
|
|
+ },
|
|
|
+ updateWork2() {
|
|
|
+ let _unitIndex = this.unitIndex;
|
|
|
+ let cPan = 1;
|
|
|
for (
|
|
|
- var z = 0;
|
|
|
- z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
|
|
|
- z++
|
|
|
+ var j = 0; j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length; j++
|
|
|
) {
|
|
|
- if (
|
|
|
- !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
|
|
|
- .length
|
|
|
- ) {
|
|
|
- this.$message.error("请把工具添加完整");
|
|
|
- cPan = 2;
|
|
|
- break;
|
|
|
- }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
+ (ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
- i
|
|
|
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
- return ele.value != "";
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (cPan == 2) {
|
|
|
- if (this.steps != 3) {
|
|
|
- this.steps--;
|
|
|
- }
|
|
|
- return;
|
|
|
- }
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- delete this.unitJson[i].isUpdate;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- title: this.courseName.replace(/%/g, "%25"),
|
|
|
- brief: this.courseText.replace(/%/g, "%25"),
|
|
|
- cover:
|
|
|
- this.cover.length > 0
|
|
|
- ? JSON.stringify(this.cover)
|
|
|
- : JSON.stringify([
|
|
|
- {
|
|
|
- name: "noBanner.jpg",
|
|
|
- url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/noBanner1656409780264.jpg",
|
|
|
- uid: 1656409780264,
|
|
|
- status: "success",
|
|
|
- },
|
|
|
- ]),
|
|
|
- evaId: this.evalua,
|
|
|
- astudent:
|
|
|
- this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
|
|
|
- see: this.isTeacherSee == true ? 1 : 0,
|
|
|
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
- template: this.cTemplate != "undefined" ? this.cTemplate : "",
|
|
|
- courseType: JSON.stringify(this.courseTypeId),
|
|
|
- ateacher:
|
|
|
- this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorkNew22", params)
|
|
|
- .then((res) => {
|
|
|
- console.log(this.steps);
|
|
|
- if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
|
|
|
- this.$message({
|
|
|
- message: "新增成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- }
|
|
|
- this.number = res.data.ordernumber;
|
|
|
- this.courseId = res.data.courseId;
|
|
|
- this.cid = res.data.courseId;
|
|
|
- this.courseUserid = this.userid;
|
|
|
- this.islogin = true;
|
|
|
- this.selectCourseDetail();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- goCourse() {
|
|
|
- window.parent.postMessage({ cid: this.courseId, type: "1" }, "*");
|
|
|
- },
|
|
|
- updateWork2() {
|
|
|
- let _unitIndex = this.unitIndex;
|
|
|
- let cPan = 1;
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
|
|
|
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
|
|
|
- (ele) => {
|
|
|
- return ele.value != "";
|
|
|
- }
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- if (this.steps != 3) {
|
|
|
- if (this.type == 2 && this.steps == 5) {
|
|
|
- this.steps == 3;
|
|
|
- } else {
|
|
|
- this.steps--;
|
|
|
- }
|
|
|
- }
|
|
|
- return;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- chapters: JSON.stringify(this.unitJson),
|
|
|
- uid: this.userid,
|
|
|
- unitIndex: _unitIndex,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "updateStudentWorkNew4", params)
|
|
|
- .then((res) => {
|
|
|
- if (this.steps != 1 && this.steps != 2 && this.steps != 3 && this.steps != 4) {
|
|
|
- this.$message({
|
|
|
- message: "修改成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- }
|
|
|
- this.courseId = this.cid;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- updateWork() {
|
|
|
- let cPan = 1;
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- for (
|
|
|
- var j = 0;
|
|
|
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
|
|
|
- j++
|
|
|
- ) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务名称");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写负责人");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- // if (
|
|
|
- // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
- // ) {
|
|
|
- // this.$message.error("请填写任务完成时间");
|
|
|
- // cPan = 2
|
|
|
- // break;
|
|
|
- // }
|
|
|
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
- i
|
|
|
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
- return ele.value != "";
|
|
|
+ if (cPan == 2) {
|
|
|
+ if (this.steps != 3) {
|
|
|
+ if (this.type == 2 && this.steps == 5) {
|
|
|
+ this.steps == 3;
|
|
|
+ } else {
|
|
|
+ this.steps--;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ chapters: JSON.stringify(this.unitJson),
|
|
|
+ uid: this.userid,
|
|
|
+ unitIndex: _unitIndex,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateStudentWorkNew4", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (this.steps != 1 && this.steps != 2 && this.steps != 3 && this.steps != 4) {
|
|
|
+ this.$message({
|
|
|
+ message: "修改成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.courseId = this.cid;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updateWork() {
|
|
|
+ let cPan = 1;
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ for (
|
|
|
+ var j = 0; j < this.unitJson[i].chapterInfo[0].taskJson.length; j++
|
|
|
+ ) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].task
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务名称");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].people
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写负责人");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[i].chapterInfo[0].taskJson[j].time
|
|
|
+ // ) {
|
|
|
+ // this.$message.error("请填写任务完成时间");
|
|
|
+ // cPan = 2
|
|
|
+ // break;
|
|
|
+ // }
|
|
|
+ if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
|
|
|
+ i
|
|
|
+ ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
|
|
|
+ return ele.value != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (cPan == 2) {
|
|
|
+ if (this.steps != 3) {
|
|
|
+ this.steps--;
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
+ delete this.unitJson[i].isUpdate;
|
|
|
+ }
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ title: this.courseName.replace(/%/g, "%25"),
|
|
|
+ brief: this.courseText.replace(/%/g, "%25"),
|
|
|
+ cover: this.cover.length > 0 ?
|
|
|
+ JSON.stringify(this.cover) : JSON.stringify([{
|
|
|
+ name: "noBanner.jpg",
|
|
|
+ url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/noBanner1656409780264.jpg",
|
|
|
+ uid: 1656409780264,
|
|
|
+ status: "success",
|
|
|
+ }, ]),
|
|
|
+ evaId: this.evalua,
|
|
|
+ astudent: this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
|
|
|
+ see: this.isTeacherSee == true ? 1 : 0,
|
|
|
+ chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
+ template: this.myWord != "undefined" ? this.myWord : [],
|
|
|
+ uid: this.userid,
|
|
|
+ courseType: JSON.stringify(this.courseTypeId),
|
|
|
+ ateacher: this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateStudentWorkNew22", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (this.steps != 1 && this.steps != 2 && this.steps != 3 && this.steps != 4) {
|
|
|
+ if (this.cidttt == 1) {
|
|
|
+ this.$message({
|
|
|
+ message: "修改成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "新增成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.number = this.nbOrder;
|
|
|
+ this.courseId = this.cid;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ guid() {
|
|
|
+ var _num,
|
|
|
+ i,
|
|
|
+ _guid = "";
|
|
|
+ for (i = 0; i < 32; i++) {
|
|
|
+ _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
|
|
|
+ _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
|
|
|
+ if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
|
|
|
+ //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
|
|
|
+ _guid += "-";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return _guid;
|
|
|
+ },
|
|
|
+ insertWord() {
|
|
|
+ this.dialogVisible1 = true;
|
|
|
+ this.updateBoolean2 = false;
|
|
|
+ this.tTitle = "";
|
|
|
+ this.tdetail = "";
|
|
|
+ },
|
|
|
+ addWord() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
|
|
|
+ name: this.tTitle,
|
|
|
+ content: this.tdetail,
|
|
|
+ uid: this.guid(),
|
|
|
});
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (cPan == 2) {
|
|
|
- if (this.steps != 3) {
|
|
|
- this.steps--;
|
|
|
- }
|
|
|
- return;
|
|
|
- }
|
|
|
- for (var i = 0; i < this.unitJson.length; i++) {
|
|
|
- delete this.unitJson[i].isUpdate;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- title: this.courseName.replace(/%/g, "%25"),
|
|
|
- brief: this.courseText.replace(/%/g, "%25"),
|
|
|
- cover:
|
|
|
- this.cover.length > 0
|
|
|
- ? JSON.stringify(this.cover)
|
|
|
- : JSON.stringify([
|
|
|
- {
|
|
|
- name: "noBanner.jpg",
|
|
|
- url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/noBanner1656409780264.jpg",
|
|
|
- uid: 1656409780264,
|
|
|
- status: "success",
|
|
|
- },
|
|
|
- ]),
|
|
|
- evaId: this.evalua,
|
|
|
- astudent:
|
|
|
- this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
|
|
|
- see: this.isTeacherSee == true ? 1 : 0,
|
|
|
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
|
|
|
- template: this.myWord != "undefined" ? this.myWord : [],
|
|
|
- uid: this.userid,
|
|
|
- courseType: JSON.stringify(this.courseTypeId),
|
|
|
- ateacher:
|
|
|
- this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "updateStudentWorkNew22", params)
|
|
|
- .then((res) => {
|
|
|
- if (this.steps != 1 && this.steps != 2 && this.steps != 3 && this.steps != 4) {
|
|
|
- if (this.cidttt == 1) {
|
|
|
- this.$message({
|
|
|
- message: "修改成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
+ this.dialogVisible1 = false;
|
|
|
+ },
|
|
|
+ upWord() {},
|
|
|
+ selectWord(uid, i, c) {
|
|
|
+ this.dialogVisible1 = true;
|
|
|
+ this.updateBoolean2 = true;
|
|
|
+ if (
|
|
|
+ uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
|
|
|
+ ) {
|
|
|
+ this.tTitle =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
|
|
|
+ this.tdetail =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isAddPP() {
|
|
|
+ if (this.checkboxList.length > 0) {
|
|
|
+ this.$message({
|
|
|
+ message: "添加成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.dialogVisible3 = false;
|
|
|
} else {
|
|
|
- this.$message({
|
|
|
- message: "新增成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
+ this.$message({
|
|
|
+ message: "请添加项目成员",
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
}
|
|
|
- }
|
|
|
- this.number = this.nbOrder;
|
|
|
- this.courseId = this.cid;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- guid() {
|
|
|
- var _num,
|
|
|
- i,
|
|
|
- _guid = "";
|
|
|
- for (i = 0; i < 32; i++) {
|
|
|
- _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
|
|
|
- _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
|
|
|
- if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
|
|
|
- //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
|
|
|
- _guid += "-";
|
|
|
- }
|
|
|
- }
|
|
|
- return _guid;
|
|
|
- },
|
|
|
- insertWord() {
|
|
|
- this.dialogVisible1 = true;
|
|
|
- this.updateBoolean2 = false;
|
|
|
- this.tTitle = "";
|
|
|
- this.tdetail = "";
|
|
|
- },
|
|
|
- addWord() {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
|
|
|
- name: this.tTitle,
|
|
|
- content: this.tdetail,
|
|
|
- uid: this.guid(),
|
|
|
- });
|
|
|
- this.dialogVisible1 = false;
|
|
|
- },
|
|
|
- upWord() { },
|
|
|
- selectWord(uid, i, c) {
|
|
|
- this.dialogVisible1 = true;
|
|
|
- this.updateBoolean2 = true;
|
|
|
- if (
|
|
|
- uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
|
|
|
- ) {
|
|
|
- this.tTitle =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
|
|
|
- this.tdetail =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
|
|
|
- }
|
|
|
- },
|
|
|
- isAddPP() {
|
|
|
- if (this.checkboxList.length > 0) {
|
|
|
- this.$message({
|
|
|
- message: "添加成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.dialogVisible3 = false;
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: "请添加项目成员",
|
|
|
- type: "error",
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- isAddClass() {
|
|
|
- this.dialogVisibleClass = false;
|
|
|
- },
|
|
|
- isAddPPTeacher() {
|
|
|
- this.dialogVisibleMember = false;
|
|
|
- },
|
|
|
- isAddPPTcTeacher() {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember = this.tcMember
|
|
|
- this.dialogVisibleTcMember = false;
|
|
|
- },
|
|
|
- addTcMember(index) {
|
|
|
- this.taskCount = index
|
|
|
- // this.searchTN = ""
|
|
|
- this.tcMember = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember : []
|
|
|
- // this.getTeacher();
|
|
|
- this.dialogVisibleTcMember = true;
|
|
|
- },
|
|
|
- getTemplate() {
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "getCourseTemplateT", "")
|
|
|
- .then((res) => {
|
|
|
- this.templateArray = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => { });
|
|
|
- },
|
|
|
- clearChoose() {
|
|
|
- this.clearArray.splice(this.templateC.id, 1);
|
|
|
- this.dialogVisible2 = false;
|
|
|
- },
|
|
|
- clearAttText() {
|
|
|
- this.AttText = {
|
|
|
- title: "",
|
|
|
- text: "",
|
|
|
- };
|
|
|
- this.dialogVisible6 = false;
|
|
|
- },
|
|
|
- clearLine() {
|
|
|
- this.line = "";
|
|
|
- this.dialogVisible7 = false;
|
|
|
- },
|
|
|
- checkTemplate(res) {
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm("确定选择此模板吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.unitJson = JSON.parse(res.chapters);
|
|
|
- _this.steps++;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 1000);
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- },
|
|
|
- checkTemplate1(w) {
|
|
|
- this.steps++;
|
|
|
- },
|
|
|
- checkTemplate2() {
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm("确定选择空模板吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.unitJson = [
|
|
|
- {
|
|
|
- dyName: "", //单元标题
|
|
|
- chapterInfo: [
|
|
|
- {
|
|
|
- isread: false,
|
|
|
- chapterid: this.guid(),
|
|
|
- title: "",
|
|
|
- courseName: "",
|
|
|
- taskJson: [
|
|
|
- {
|
|
|
- task: "",
|
|
|
- people: "",
|
|
|
- time: "",
|
|
|
- taskDetail: "",
|
|
|
- chapterData: [],
|
|
|
- toolText: "",
|
|
|
- toolChoose: [
|
|
|
- {
|
|
|
- tool: [],
|
|
|
- toolDetail: "",
|
|
|
- toolType: 0,
|
|
|
- askCount: 1,
|
|
|
- askTitle: "",
|
|
|
- askJson: [
|
|
|
- { askstitle: "", askItem: 1, checkList: [] },
|
|
|
- ],
|
|
|
- },
|
|
|
- ],
|
|
|
- toolArray: [],
|
|
|
- isShowTools: false,
|
|
|
- askCount: 1,
|
|
|
- isFold: 0,
|
|
|
- askTitle: "",
|
|
|
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
- checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
- homeworkList: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- itemCount: 1,
|
|
|
- fileList1: [],
|
|
|
- video: [],
|
|
|
- testData: [],
|
|
|
- pData: [],
|
|
|
- templateArray: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- ];
|
|
|
- this.steps++;
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- },
|
|
|
- wordNext() {
|
|
|
- this.dialogVisible2 = false;
|
|
|
- },
|
|
|
- isAddOrUpdateAttText() {
|
|
|
- if (this.AttTextType == 0) {
|
|
|
- this.addAttTextMessage();
|
|
|
- } else {
|
|
|
- this.updateAttText();
|
|
|
- }
|
|
|
- },
|
|
|
- isAddOrUpdateLine() {
|
|
|
- if (!this.lineTitle) {
|
|
|
- this.$message.error("请填写链接标题");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.lineType == 0) {
|
|
|
- this.addLine();
|
|
|
- } else {
|
|
|
- this.updateLine();
|
|
|
- }
|
|
|
- },
|
|
|
- addAttTextMessage() {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].chapterData.push({
|
|
|
- // name: this.AttText.title,
|
|
|
- // url: this.AttText.text,
|
|
|
- // type: 6,
|
|
|
- // });
|
|
|
- // this.imgChange1(null, null, 6, this.taskCount);
|
|
|
- // this.dialogVisible6 = false;
|
|
|
-
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
- // tool: 51,
|
|
|
- // toolDetail: "",
|
|
|
- // toolPhoto: "",
|
|
|
- // toolEdit: false,
|
|
|
- // toolId: this.guid(),
|
|
|
- // toolData: {
|
|
|
- // name: this.AttText.title,
|
|
|
- // url: this.AttText.text,
|
|
|
- // type: 6,
|
|
|
- // }
|
|
|
- // });
|
|
|
- this.sourcesData.push({
|
|
|
- name: this.AttText.title,
|
|
|
- url: this.AttText.text,
|
|
|
- type: 6,
|
|
|
- })
|
|
|
- this.dialogVisible6 = false;
|
|
|
- // this.dialogVisibleSource = false;
|
|
|
- },
|
|
|
- selectAttText(itemTaskIndex, i) {
|
|
|
- this.AttText.title =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData[i].name;
|
|
|
- this.AttText.text =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData[i].url;
|
|
|
- this.taskCount = itemTaskIndex;
|
|
|
- this.AttTextIndex = i;
|
|
|
- this.AttTextType = 1;
|
|
|
- this.dialogVisible6 = true;
|
|
|
- },
|
|
|
- selectAttText2(i) {
|
|
|
- this.AttText.title =
|
|
|
- this.sourcesData[i].name;
|
|
|
- this.AttText.text =
|
|
|
- this.sourcesData[i].url;
|
|
|
- this.AttTextIndex = i;
|
|
|
- this.AttTextType = 1;
|
|
|
- this.dialogVisible6 = true;
|
|
|
- },
|
|
|
- updateAttText() {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].chapterData[this.AttTextIndex].name = this.AttText.title;
|
|
|
-
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].chapterData[this.AttTextIndex].url = this.AttText.text;
|
|
|
-
|
|
|
- this.sourcesData[this.AttTextIndex].name = this.AttText.title;
|
|
|
- this.sourcesData[this.AttTextIndex].url = this.AttText.text;
|
|
|
-
|
|
|
- this.dialogVisible6 = false;
|
|
|
- },
|
|
|
-
|
|
|
- addLine() {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.lineCount
|
|
|
- // ].chapterData.push({
|
|
|
- // name: "链接",
|
|
|
- // title: this.lineTitle,
|
|
|
- // url: this.line,
|
|
|
- // type: 8,
|
|
|
- // });
|
|
|
- // this.imgChange1(null, null, 8, this.lineCount);
|
|
|
- // this.dialogVisible7 = false;
|
|
|
- let src = ''
|
|
|
- if (this.line.indexOf("https://") == -1 && this.line.indexOf("http://") == -1) {
|
|
|
- src = "https://" + this.line;
|
|
|
- } else {
|
|
|
- src = this.line;
|
|
|
- }
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
- // tool: 51,
|
|
|
- // toolDetail: "",
|
|
|
- // toolPhoto: "",
|
|
|
- // toolEdit: false,
|
|
|
- // toolId: this.guid(),
|
|
|
- // toolData: {
|
|
|
- // name: "链接",
|
|
|
- // // title: this.lineTitle,
|
|
|
- // url: this.line,
|
|
|
- // src: src,
|
|
|
- // type: 8,
|
|
|
- // }
|
|
|
- // });
|
|
|
- this.sourcesData.push(
|
|
|
- {
|
|
|
- name: "链接",
|
|
|
- title: this.lineTitle,
|
|
|
- url: this.line,
|
|
|
- src: src,
|
|
|
- type: 8,
|
|
|
- }
|
|
|
- )
|
|
|
- this.dialogVisible7 = false;
|
|
|
- // this.dialogVisibleSource = false;
|
|
|
- },
|
|
|
- selectLine(itemTaskIndex, i) {
|
|
|
- this.line =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData[i].url;
|
|
|
- this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData[i].title
|
|
|
- ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .chapterData[i].title
|
|
|
- : "";
|
|
|
- this.taskCount = itemTaskIndex;
|
|
|
- this.lineCount = i;
|
|
|
- this.lineType = 1;
|
|
|
- this.dialogVisible7 = true;
|
|
|
- },
|
|
|
- selectLine2(i) {
|
|
|
- this.line =
|
|
|
- this.sourcesData[i].url;
|
|
|
- this.lineTitle = this.sourcesData[i].title
|
|
|
- ? this.sourcesData[i].title
|
|
|
- : "";
|
|
|
- this.lineCount = i;
|
|
|
- this.lineType = 1;
|
|
|
- this.dialogVisible7 = true;
|
|
|
- },
|
|
|
- updateLine() {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].chapterData[this.lineCount].url = this.line;
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].chapterData[this.lineCount].title = this.lineTitle;
|
|
|
-
|
|
|
- if (!this.lineTitle) {
|
|
|
- this.$message.error("请填写链接标题");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- this.sourcesData[this.lineCount].url = this.line;
|
|
|
- this.sourcesData[this.lineCount].title = this.lineTitle;
|
|
|
-
|
|
|
- this.dialogVisible7 = false;
|
|
|
- },
|
|
|
- addPP() {
|
|
|
- this.dialogVisible3 = true;
|
|
|
- },
|
|
|
- goTo(path) {
|
|
|
- this.$router.push(path);
|
|
|
- },
|
|
|
- openTools(itemTaskIndex, i, toolIndex) {
|
|
|
- this.toolIndex = toolIndex;
|
|
|
- this.taskCount = itemTaskIndex;
|
|
|
- if (i == 4) {
|
|
|
- if (toolIndex == null) {
|
|
|
- var a =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .chapterData;
|
|
|
- for (var i = 0; i < a.length; i++) {
|
|
|
- if (a[i].url == 4 && a[i].askJson.askTitle != "") {
|
|
|
- this.askJson =
|
|
|
+ },
|
|
|
+ isAddClass() {
|
|
|
+ this.dialogVisibleClass = false;
|
|
|
+ },
|
|
|
+ isAddPPTeacher() {
|
|
|
+ this.dialogVisibleMember = false;
|
|
|
+ },
|
|
|
+ isAddPPTcTeacher() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember = this.tcMember
|
|
|
+ this.dialogVisibleTcMember = false;
|
|
|
+ },
|
|
|
+ addTcMember(index) {
|
|
|
+ this.taskCount = index
|
|
|
+ // this.searchTN = ""
|
|
|
+ this.tcMember = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].tcMember : []
|
|
|
+ // this.getTeacher();
|
|
|
+ this.dialogVisibleTcMember = true;
|
|
|
+ },
|
|
|
+ getTemplate() {
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "getCourseTemplateT", "")
|
|
|
+ .then((res) => {
|
|
|
+ this.templateArray = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ },
|
|
|
+ clearChoose() {
|
|
|
+ this.clearArray.splice(this.templateC.id, 1);
|
|
|
+ this.dialogVisible2 = false;
|
|
|
+ },
|
|
|
+ clearAttText() {
|
|
|
+ this.AttText = {
|
|
|
+ title: "",
|
|
|
+ text: "",
|
|
|
+ };
|
|
|
+ this.dialogVisible6 = false;
|
|
|
+ },
|
|
|
+ clearLine() {
|
|
|
+ this.line = "";
|
|
|
+ this.dialogVisible7 = false;
|
|
|
+ },
|
|
|
+ checkTemplate(res) {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定选择此模板吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson = JSON.parse(res.chapters);
|
|
|
+ _this.steps++;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkTemplate1(w) {
|
|
|
+ this.steps++;
|
|
|
+ },
|
|
|
+ checkTemplate2() {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定选择空模板吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson = [{
|
|
|
+ dyName: "", //单元标题
|
|
|
+ chapterInfo: [{
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [{
|
|
|
+ task: "",
|
|
|
+ people: "",
|
|
|
+ time: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [{
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }, ],
|
|
|
+ }, ],
|
|
|
+ toolArray: [],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 0,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: []
|
|
|
+ }],
|
|
|
+ checkJson: [{
|
|
|
+ checkCount: [],
|
|
|
+ checkPerent: []
|
|
|
+ }],
|
|
|
+ homeworkList: [],
|
|
|
+ }, ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ }, ],
|
|
|
+ }, ];
|
|
|
+ this.steps++;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ wordNext() {
|
|
|
+ this.dialogVisible2 = false;
|
|
|
+ },
|
|
|
+ isAddOrUpdateAttText() {
|
|
|
+ if (this.AttTextType == 0) {
|
|
|
+ this.addAttTextMessage();
|
|
|
+ } else {
|
|
|
+ this.updateAttText();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isAddOrUpdateLine() {
|
|
|
+ if (!this.lineTitle) {
|
|
|
+ this.$message.error("请填写链接标题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.lineType == 0) {
|
|
|
+ this.addLine();
|
|
|
+ } else {
|
|
|
+ this.updateLine();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addAttTextMessage() {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].chapterData.push({
|
|
|
+ // name: this.AttText.title,
|
|
|
+ // url: this.AttText.text,
|
|
|
+ // type: 6,
|
|
|
+ // });
|
|
|
+ // this.imgChange1(null, null, 6, this.taskCount);
|
|
|
+ // this.dialogVisible6 = false;
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
+ // tool: 51,
|
|
|
+ // toolDetail: "",
|
|
|
+ // toolPhoto: "",
|
|
|
+ // toolEdit: false,
|
|
|
+ // toolId: this.guid(),
|
|
|
+ // toolData: {
|
|
|
+ // name: this.AttText.title,
|
|
|
+ // url: this.AttText.text,
|
|
|
+ // type: 6,
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ this.sourcesData.push({
|
|
|
+ name: this.AttText.title,
|
|
|
+ url: this.AttText.text,
|
|
|
+ type: 6,
|
|
|
+ })
|
|
|
+ this.dialogVisible6 = false;
|
|
|
+ // this.dialogVisibleSource = false;
|
|
|
+ },
|
|
|
+ selectAttText(itemTaskIndex, i) {
|
|
|
+ this.AttText.title =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData[i].name;
|
|
|
+ this.AttText.text =
|
|
|
this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].chapterData[i].askJson;
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData[i].url;
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ this.AttTextIndex = i;
|
|
|
+ this.AttTextType = 1;
|
|
|
+ this.dialogVisible6 = true;
|
|
|
+ },
|
|
|
+ selectAttText2(i) {
|
|
|
+ this.AttText.title =
|
|
|
+ this.sourcesData[i].name;
|
|
|
+ this.AttText.text =
|
|
|
+ this.sourcesData[i].url;
|
|
|
+ this.AttTextIndex = i;
|
|
|
+ this.AttTextType = 1;
|
|
|
+ this.dialogVisible6 = true;
|
|
|
+ },
|
|
|
+ updateAttText() {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].chapterData[this.AttTextIndex].name = this.AttText.title;
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].chapterData[this.AttTextIndex].url = this.AttText.text;
|
|
|
+ this.sourcesData[this.AttTextIndex].name = this.AttText.title;
|
|
|
+ this.sourcesData[this.AttTextIndex].url = this.AttText.text;
|
|
|
+ this.dialogVisible6 = false;
|
|
|
+ },
|
|
|
+ addLine() {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.lineCount
|
|
|
+ // ].chapterData.push({
|
|
|
+ // name: "链接",
|
|
|
+ // title: this.lineTitle,
|
|
|
+ // url: this.line,
|
|
|
+ // type: 8,
|
|
|
+ // });
|
|
|
+ // this.imgChange1(null, null, 8, this.lineCount);
|
|
|
+ // this.dialogVisible7 = false;
|
|
|
+ let src = ''
|
|
|
+ if (this.line.indexOf("https://") == -1 && this.line.indexOf("http://") == -1) {
|
|
|
+ src = "https://" + this.line;
|
|
|
+ } else {
|
|
|
+ src = this.line;
|
|
|
}
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.askJson = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex]
|
|
|
- )
|
|
|
- );
|
|
|
- }
|
|
|
- this.dialogVisible5 = true;
|
|
|
- } else if (i == 45) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson
|
|
|
- ) {
|
|
|
- this.testJson = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].testJson
|
|
|
- )
|
|
|
- );
|
|
|
- } else {
|
|
|
- var testJson = {
|
|
|
- testCount: 1,
|
|
|
- testTitle: "",
|
|
|
- testJson: [
|
|
|
- {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
|
|
|
+ // tool: 51,
|
|
|
+ // toolDetail: "",
|
|
|
+ // toolPhoto: "",
|
|
|
+ // toolEdit: false,
|
|
|
+ // toolId: this.guid(),
|
|
|
+ // toolData: {
|
|
|
+ // name: "链接",
|
|
|
+ // // title: this.lineTitle,
|
|
|
+ // url: this.line,
|
|
|
+ // src: src,
|
|
|
+ // type: 8,
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ this.sourcesData.push({
|
|
|
+ name: "链接",
|
|
|
+ title: this.lineTitle,
|
|
|
+ url: this.line,
|
|
|
+ src: src,
|
|
|
+ type: 8,
|
|
|
+ })
|
|
|
+ this.dialogVisible7 = false;
|
|
|
+ // this.dialogVisibleSource = false;
|
|
|
+ },
|
|
|
+ selectLine(itemTaskIndex, i) {
|
|
|
+ this.line =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData[i].url;
|
|
|
+ this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData[i].title ?
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .chapterData[i].title :
|
|
|
+ "";
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ this.lineCount = i;
|
|
|
+ this.lineType = 1;
|
|
|
+ this.dialogVisible7 = true;
|
|
|
+ },
|
|
|
+ selectLine2(i) {
|
|
|
+ this.line =
|
|
|
+ this.sourcesData[i].url;
|
|
|
+ this.lineTitle = this.sourcesData[i].title ?
|
|
|
+ this.sourcesData[i].title :
|
|
|
+ "";
|
|
|
+ this.lineCount = i;
|
|
|
+ this.lineType = 1;
|
|
|
+ this.dialogVisible7 = true;
|
|
|
+ },
|
|
|
+ updateLine() {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].chapterData[this.lineCount].url = this.line;
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].chapterData[this.lineCount].title = this.lineTitle;
|
|
|
+ if (!this.lineTitle) {
|
|
|
+ this.$message.error("请填写链接标题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.sourcesData[this.lineCount].url = this.line;
|
|
|
+ this.sourcesData[this.lineCount].title = this.lineTitle;
|
|
|
+ this.dialogVisible7 = false;
|
|
|
+ },
|
|
|
+ addPP() {
|
|
|
+ this.dialogVisible3 = true;
|
|
|
+ },
|
|
|
+ goTo(path) {
|
|
|
+ this.$router.push(path);
|
|
|
+ },
|
|
|
+ openTools(itemTaskIndex, i, toolIndex) {
|
|
|
+ this.toolIndex = toolIndex;
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ if (i == 4) {
|
|
|
+ if (toolIndex == null) {
|
|
|
+ var a =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .chapterData;
|
|
|
+ for (var i = 0; i < a.length; i++) {
|
|
|
+ if (a[i].url == 4 && a[i].askJson.askTitle != "") {
|
|
|
+ this.askJson =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData[i].askJson;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.askJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.dialogVisible5 = true;
|
|
|
+ } else if (i == 45) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].testJson
|
|
|
+ ) {
|
|
|
+ this.testJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].testJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var testJson = {
|
|
|
+ testCount: 1,
|
|
|
+ testTitle: "",
|
|
|
+ testJson: [{
|
|
|
+ teststitle: "",
|
|
|
+ testItem: 1,
|
|
|
+ checkList: [],
|
|
|
+ answer: [],
|
|
|
+ type: "1",
|
|
|
+ }, ],
|
|
|
+ };
|
|
|
+ this.testJson = testJson;
|
|
|
+ }
|
|
|
+ this.dialogVisibleChoice = true;
|
|
|
+ } else if (i == 47) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].sentenceList
|
|
|
+ ) {
|
|
|
+ this.sentenceList = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].sentenceList
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var sentenceList = [{
|
|
|
+ sentenceTitle: "",
|
|
|
+ addSentence: [],
|
|
|
+ rightAnswer: []
|
|
|
+ }, ];
|
|
|
+ this.sentenceList = sentenceList;
|
|
|
+ }
|
|
|
+ this.dialogVisibleSentence = true;
|
|
|
+ } else if (i == 48) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].tableJson
|
|
|
+ ) {
|
|
|
+ this.tableJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tableJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var tableJson = {
|
|
|
+ text: ""
|
|
|
+ };
|
|
|
+ this.tableJson = tableJson;
|
|
|
+ }
|
|
|
+ this.dialogVisibleTable = true;
|
|
|
+ } else if (i == 49) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].groupJson
|
|
|
+ ) {
|
|
|
+ this.groupJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].groupJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var groupJson = {
|
|
|
+ group: [{
|
|
|
+ name: '第1组'
|
|
|
+ }],
|
|
|
+ number: undefined,
|
|
|
+ islock: 1
|
|
|
+ };
|
|
|
+ this.groupJson = groupJson;
|
|
|
+ }
|
|
|
+ this.dialogVisibleGroup = true;
|
|
|
+ } else if (i == 15) {
|
|
|
+ this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].answerQ ?
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].answerQ
|
|
|
+ )
|
|
|
+ ) :
|
|
|
+ "";
|
|
|
+ this.dialogVisible8 = true;
|
|
|
+ } else if (i == 40) {
|
|
|
+ this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].rateJson ?
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].rateJson
|
|
|
+ )
|
|
|
+ ) : [{
|
|
|
+ detail: "",
|
|
|
+ score: 5,
|
|
|
+ value: ""
|
|
|
+ }]; //{detail:"",score:5,value:""}
|
|
|
+ this.selectSteps = 1;
|
|
|
+ this.dialogVisibleRate = true;
|
|
|
+ } else if (i == 42) {
|
|
|
+ this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].answerQ ?
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].answerQ
|
|
|
+ )
|
|
|
+ ) :
|
|
|
+ "";
|
|
|
+ this.dialogVisibleMp3 = true;
|
|
|
+ } else if (i == 41) {
|
|
|
+ this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].selectJson ?
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].selectJson
|
|
|
+ )
|
|
|
+ ) : {
|
|
|
+ url: "",
|
|
|
+ select: [],
|
|
|
+ answer: []
|
|
|
+ };
|
|
|
+ this.selectSteps = 1;
|
|
|
+ this.dialogVisibleSelect = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ chapAddTools(i) {
|
|
|
+ if (this.chapTools[0].tools.length == 0) {
|
|
|
+ this.chapTools[0].tools.push(i);
|
|
|
+ } else {
|
|
|
+ if (this.chapTools[0].tools.indexOf(i) != -1) {
|
|
|
+ this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
|
|
|
+ } else {
|
|
|
+ this.chapTools[0].tools.push(i);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ addChaptersDataTools() {
|
|
|
+ if (this.chapTools[0].tools.indexOf(4) != -1) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.chapCount
|
|
|
+ ].chapterData.push({
|
|
|
+ name: this.chapTools[0].toolDetail,
|
|
|
+ url: this.chapTools[0].tools,
|
|
|
+ type: 7,
|
|
|
+ askJson: this.askJson,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.chapCount
|
|
|
+ ].chapterData.push({
|
|
|
+ name: this.chapTools[0].toolDetail,
|
|
|
+ url: this.chapTools[0].tools,
|
|
|
+ type: 7,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.imgChange1(null, null, 7, this.chapCount);
|
|
|
+ this.dialogVisible4 = false;
|
|
|
+ },
|
|
|
+ addTools(i, itemTaskIndex, toolIndex) {
|
|
|
+ // if (
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ // .toolChoose[toolIndex].tool.length == 0
|
|
|
+ // ) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.push(i);
|
|
|
+ // } else {
|
|
|
+ // if (
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
+ // ) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.splice(
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
+ // 1
|
|
|
+ // );
|
|
|
+ // } else {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.push(i);
|
|
|
+ // }
|
|
|
+ // console.log(
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ // .toolChoose[toolIndex].tool
|
|
|
+ // );
|
|
|
+ // }
|
|
|
+ if (i == 4) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].askJson.askTitle == "" ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].askJson[0].askstitle == "" ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].askJson[0].checkList < 2
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 4, toolIndex);
|
|
|
+ // this.$message({
|
|
|
+ // message: "请填写完整问卷内容",
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 45) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].testJson ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 45, toolIndex);
|
|
|
+ // this.$message({
|
|
|
+ // message: "请填写完整问卷内容",
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 47) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].sentenceList ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 47, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 48) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].tableJson
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 48, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 49) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].groupJson
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 49, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 15) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].answerQ ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].answerQ == ""
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 15, toolIndex);
|
|
|
+ // this.$message({
|
|
|
+ // message: "请填写问答内容",
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 40) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].rateJson ||
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].rateJson.length
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 40, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 41) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].selectJson ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].selectJson.url == "" ||
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].selectJson.select.length ||
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].selectJson.answer.length
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 41, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 42) {
|
|
|
+ if (!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].answerQ ||
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].answerQ == ""
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 42, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].tool.length > 0
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
+ ) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool.splice(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ // this.$message({
|
|
|
+ // message: "每个工具只能添加一个",
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool = [];
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool.push(i);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].tool.push(i);
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ addAskList() {
|
|
|
+ this.askJson.askJson.push({
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: [],
|
|
|
+ });
|
|
|
+ this.askJson.askCount++;
|
|
|
+ },
|
|
|
+ addTestList() {
|
|
|
+ this.testJson.testJson.push({
|
|
|
teststitle: "",
|
|
|
testItem: 1,
|
|
|
checkList: [],
|
|
|
answer: [],
|
|
|
type: "1",
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- this.testJson = testJson;
|
|
|
- }
|
|
|
-
|
|
|
- this.dialogVisibleChoice = true;
|
|
|
- } else if (i == 47) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].sentenceList
|
|
|
- ) {
|
|
|
- this.sentenceList = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].sentenceList
|
|
|
- )
|
|
|
- );
|
|
|
- } else {
|
|
|
- var sentenceList = [
|
|
|
- { sentenceTitle: "", addSentence: [], rightAnswer: [] },
|
|
|
- ];
|
|
|
- this.sentenceList = sentenceList;
|
|
|
- }
|
|
|
- this.dialogVisibleSentence = true;
|
|
|
- } else if (i == 48) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].tableJson
|
|
|
- ) {
|
|
|
- this.tableJson = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tableJson
|
|
|
- )
|
|
|
- );
|
|
|
- } else {
|
|
|
- var tableJson = { text: "" };
|
|
|
- this.tableJson = tableJson;
|
|
|
- }
|
|
|
- this.dialogVisibleTable = true;
|
|
|
- } else if (i == 49) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].groupJson
|
|
|
- ) {
|
|
|
- this.groupJson = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].groupJson
|
|
|
- )
|
|
|
- );
|
|
|
- } else {
|
|
|
- var groupJson = { group: [{ name: '第1组' }], number: undefined, islock: 1 };
|
|
|
- this.groupJson = groupJson;
|
|
|
- }
|
|
|
- this.dialogVisibleGroup = true;
|
|
|
- } else if (i == 15) {
|
|
|
- this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].answerQ
|
|
|
- ? JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].answerQ
|
|
|
- )
|
|
|
- )
|
|
|
- : "";
|
|
|
- this.dialogVisible8 = true;
|
|
|
- } else if (i == 40) {
|
|
|
- this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].rateJson
|
|
|
- ? JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].rateJson
|
|
|
- )
|
|
|
- )
|
|
|
- : [{ detail: "", score: 5, value: "" }]; //{detail:"",score:5,value:""}
|
|
|
- this.selectSteps = 1;
|
|
|
- this.dialogVisibleRate = true;
|
|
|
- } else if (i == 42) {
|
|
|
- this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].answerQ
|
|
|
- ? JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].answerQ
|
|
|
- )
|
|
|
- )
|
|
|
- : "";
|
|
|
- this.dialogVisibleMp3 = true;
|
|
|
- } else if (i == 41) {
|
|
|
- this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].selectJson
|
|
|
- ? JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].selectJson
|
|
|
- )
|
|
|
- )
|
|
|
- : { url: "", select: [], answer: [] };
|
|
|
- this.selectSteps = 1;
|
|
|
- this.dialogVisibleSelect = true;
|
|
|
- }
|
|
|
- },
|
|
|
- chapAddTools(i) {
|
|
|
- if (this.chapTools[0].tools.length == 0) {
|
|
|
- this.chapTools[0].tools.push(i);
|
|
|
- } else {
|
|
|
- if (this.chapTools[0].tools.indexOf(i) != -1) {
|
|
|
- this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
|
|
|
- } else {
|
|
|
- this.chapTools[0].tools.push(i);
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addChaptersDataTools() {
|
|
|
- if (this.chapTools[0].tools.indexOf(4) != -1) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.chapCount
|
|
|
- ].chapterData.push({
|
|
|
- name: this.chapTools[0].toolDetail,
|
|
|
- url: this.chapTools[0].tools,
|
|
|
- type: 7,
|
|
|
- askJson: this.askJson,
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.chapCount
|
|
|
- ].chapterData.push({
|
|
|
- name: this.chapTools[0].toolDetail,
|
|
|
- url: this.chapTools[0].tools,
|
|
|
- type: 7,
|
|
|
- });
|
|
|
- }
|
|
|
- this.imgChange1(null, null, 7, this.chapCount);
|
|
|
- this.dialogVisible4 = false;
|
|
|
- },
|
|
|
- addTools(i, itemTaskIndex, toolIndex) {
|
|
|
- // if (
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].tool.length == 0
|
|
|
- // ) {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
- // } else {
|
|
|
- // if (
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
- // ) {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.splice(
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
- // 1
|
|
|
- // );
|
|
|
- // } else {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
- // }
|
|
|
- // console.log(
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].tool
|
|
|
- // );
|
|
|
- // }
|
|
|
- if (i == 4) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson.askTitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson[0].askstitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson[0].checkList < 2
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 4, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写完整问卷内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 45) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 45, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写完整问卷内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 47) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].sentenceList ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 47, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 48) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].tableJson
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 48, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 49) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].groupJson
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 49, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 15) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ == ""
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 15, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写问答内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 40) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].rateJson ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].rateJson.length
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 40, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 41) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.url == "" ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.select.length ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.answer.length
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 41, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 42) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ == ""
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 42, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
+ });
|
|
|
+ this.testJson.testCount++;
|
|
|
+ },
|
|
|
+ deleteAskList(index) {
|
|
|
+ this.askJson.askJson.splice(index, 1);
|
|
|
+ this.askJson.askCount--;
|
|
|
+ },
|
|
|
+ deleteTestList(index) {
|
|
|
+ this.testJson.testJson.splice(index, 1);
|
|
|
+ this.testJson.testCount--;
|
|
|
+ },
|
|
|
+ addcheckList(json) {
|
|
|
+ json.checkList.length++;
|
|
|
+ json.askItem++;
|
|
|
+ },
|
|
|
+ deletecheckList(json) {
|
|
|
+ json.checkList.length--;
|
|
|
+ json.askItem--;
|
|
|
+ },
|
|
|
+ addTcheckList(json) {
|
|
|
+ json.checkList.length++;
|
|
|
+ json.testItem++;
|
|
|
+ },
|
|
|
+ deleteTcheckList(json) {
|
|
|
+ json.checkList.length--;
|
|
|
+ json.testItem--;
|
|
|
+ },
|
|
|
+ checkTestType(type, json) {
|
|
|
+ json.type = type;
|
|
|
+ json.answer = [];
|
|
|
+ },
|
|
|
+ addSelectList(json) {
|
|
|
+ json.select.push("");
|
|
|
+ json.answer.push("");
|
|
|
+ },
|
|
|
+ deleteSelectList(json) {
|
|
|
+ // json.select.length--;
|
|
|
+ // json.answer.length--;
|
|
|
+ json.select.splice(json.select.length - 1, 1);
|
|
|
+ json.answer.splice(json.answer.length - 1, 1);
|
|
|
+ },
|
|
|
+ addAsk() {
|
|
|
+ if (this.askJson.askTitle === "") {
|
|
|
+ this.$message.error("标题不能为空！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var aj = this.askJson.askJson;
|
|
|
+ var b = 1;
|
|
|
+ for (var i = 0; i < aj.length; i++) {
|
|
|
+ if (aj[i].askstitle === "") {
|
|
|
+ var a = 1;
|
|
|
+ for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
+ const element = aj[i].checkList[index] ?
|
|
|
+ aj[i].checkList[index] :
|
|
|
+ "";
|
|
|
+ if (element != "") {
|
|
|
+ b++;
|
|
|
+ this.$message.error("填写了选项，题目不能为空！");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ a++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (b == 1) {
|
|
|
+ this.$message.error("至少填写一个问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (aj[i].askstitle != "") {
|
|
|
+ for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
+ const element = aj[i].checkList[index] ?
|
|
|
+ aj[i].checkList[index] :
|
|
|
+ "";
|
|
|
+ var index = 0;
|
|
|
+ for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
+ var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
+ if (checkC != "") {
|
|
|
+ index++;
|
|
|
+ } else {
|
|
|
+ this.$message.error("选项不能为空！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ b++;
|
|
|
+ if (index < 2) {
|
|
|
+ this.$message.error("填写了的题目，选项至少要有两项！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.askJson.askJson = this.askJson.askJson.filter((el) => {
|
|
|
+ var elc = el.checkList.filter((element) => {
|
|
|
+ return element != "";
|
|
|
+ });
|
|
|
+ return el.askstitle != "" && elc.length != 0;
|
|
|
+ });
|
|
|
+ if (!this.dialogVisible4) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex] = this.askJson;
|
|
|
+ }
|
|
|
+ this.dialogVisible5 = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 4
|
|
|
+ ) {
|
|
|
+ this.addTools(4, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addTest() {
|
|
|
+ // if (this.testJson.testTitle === "") {
|
|
|
+ // this.$message.error("标题不能为空！");
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ var aj = this.testJson.testJson;
|
|
|
+ var b = 1;
|
|
|
+ for (var i = 0; i < aj.length; i++) {
|
|
|
+ if (aj[i].teststitle === "") {
|
|
|
+ var a = 1;
|
|
|
+ for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
+ const element = aj[i].checkList[index] ?
|
|
|
+ aj[i].checkList[index] :
|
|
|
+ "";
|
|
|
+ if (element != "") {
|
|
|
+ b++;
|
|
|
+ this.$message.error("填写了选项，题目不能为空！");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ a++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (b == 1) {
|
|
|
+ this.$message.error("至少填写一个问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (aj[i].teststitle != "") {
|
|
|
+ for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
+ const element = aj[i].checkList[index] ?
|
|
|
+ aj[i].checkList[index] :
|
|
|
+ "";
|
|
|
+ var index = 0;
|
|
|
+ for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
+ var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
+ if (checkC != "") {
|
|
|
+ index++;
|
|
|
+ } else {
|
|
|
+ this.$message.error("选项不能为空！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ b++;
|
|
|
+ if (index < 2) {
|
|
|
+ this.$message.error("填写了的题目，选项至少要有两项！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ (aj[i].type == "2" && !aj[i].answer.length) ||
|
|
|
+ (aj[i].type == "1" && aj[i].answer !== 0 && !aj[i].answer)
|
|
|
+ ) {
|
|
|
+ this.$message.error("有题目未选择答案请选择答案");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.testJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
+ var elc = el.checkList.filter((element) => {
|
|
|
+ return element != "";
|
|
|
+ });
|
|
|
+ return el.teststitle != "" && elc.length != 0;
|
|
|
+ });
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].testJson = this.testJson;
|
|
|
+ this.dialogVisibleChoice = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 45
|
|
|
+ ) {
|
|
|
+ this.addTools(45, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addAnswer() {
|
|
|
+ if (this.answerQ == "") {
|
|
|
+ this.$message.error("请输入您想要问的问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // this.taskCount
|
|
|
+ // ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolArray.push({
|
|
|
+ tool: 15,
|
|
|
+ toolDetail: "",
|
|
|
+ toolPhoto: "",
|
|
|
+ toolEdit: false,
|
|
|
+ toolId: this.guid(),
|
|
|
+ answerQ: this.answerQ
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisibleTool = false;
|
|
|
+ this.dialogVisible8 = false;
|
|
|
+ // if (
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ // .toolChoose[this.toolIndex].tool != 15
|
|
|
+ // ) {
|
|
|
+ // this.addTools(15, this.taskCount, this.toolIndex);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ addText() {
|
|
|
+ if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
|
|
|
+ this.$message.error("请填写信息！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].tool.length > 0
|
|
|
- ) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
- ) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.splice(
|
|
|
this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
- 1
|
|
|
- );
|
|
|
- } else {
|
|
|
- // this.$message({
|
|
|
- // message: "每个工具只能添加一个",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool = [];
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.push(i);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.push(i);
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addAskList() {
|
|
|
- this.askJson.askJson.push({
|
|
|
- askstitle: "",
|
|
|
- askItem: 1,
|
|
|
- checkList: [],
|
|
|
- });
|
|
|
- this.askJson.askCount++;
|
|
|
- },
|
|
|
- addTestList() {
|
|
|
- this.testJson.testJson.push({
|
|
|
- teststitle: "",
|
|
|
- testItem: 1,
|
|
|
- checkList: [],
|
|
|
- answer: [],
|
|
|
- type: "1",
|
|
|
- });
|
|
|
- this.testJson.testCount++;
|
|
|
- },
|
|
|
- deleteAskList(index) {
|
|
|
- this.askJson.askJson.splice(index, 1);
|
|
|
- this.askJson.askCount--;
|
|
|
- },
|
|
|
- deleteTestList(index) {
|
|
|
- this.testJson.testJson.splice(index, 1);
|
|
|
- this.testJson.testCount--;
|
|
|
- },
|
|
|
- addcheckList(json) {
|
|
|
- json.checkList.length++;
|
|
|
- json.askItem++;
|
|
|
- },
|
|
|
- deletecheckList(json) {
|
|
|
- json.checkList.length--;
|
|
|
- json.askItem--;
|
|
|
- },
|
|
|
- addTcheckList(json) {
|
|
|
- json.checkList.length++;
|
|
|
- json.testItem++;
|
|
|
- },
|
|
|
- deleteTcheckList(json) {
|
|
|
- json.checkList.length--;
|
|
|
- json.testItem--;
|
|
|
- },
|
|
|
- checkTestType(type, json) {
|
|
|
- json.type = type;
|
|
|
- json.answer = [];
|
|
|
- },
|
|
|
- addSelectList(json) {
|
|
|
- json.select.push("");
|
|
|
- json.answer.push("");
|
|
|
- },
|
|
|
- deleteSelectList(json) {
|
|
|
- // json.select.length--;
|
|
|
- // json.answer.length--;
|
|
|
- json.select.splice(json.select.length - 1, 1);
|
|
|
- json.answer.splice(json.answer.length - 1, 1);
|
|
|
- },
|
|
|
- addAsk() {
|
|
|
- if (this.askJson.askTitle === "") {
|
|
|
- this.$message.error("标题不能为空！");
|
|
|
- return;
|
|
|
- }
|
|
|
- var aj = this.askJson.askJson;
|
|
|
- var b = 1;
|
|
|
- for (var i = 0; i < aj.length; i++) {
|
|
|
- if (aj[i].askstitle === "") {
|
|
|
- var a = 1;
|
|
|
- for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- if (element != "") {
|
|
|
- b++;
|
|
|
- this.$message.error("填写了选项，题目不能为空！");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- a++;
|
|
|
+ this.taskCount
|
|
|
+ ].toolArray.push({
|
|
|
+ tool: 52,
|
|
|
+ toolDetail: "",
|
|
|
+ toolPhoto: "",
|
|
|
+ toolEdit: false,
|
|
|
+ toolId: this.guid(),
|
|
|
+ text: this.tableJson.text
|
|
|
+ });
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisibleTool = false;
|
|
|
+ this.dialogVisibleText = false;
|
|
|
+ // if (
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ // .toolChoose[this.toolIndex].tool != 15
|
|
|
+ // ) {
|
|
|
+ // this.addTools(15, this.taskCount, this.toolIndex);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ addMp3Answer() {
|
|
|
+ if (this.answerQ == "") {
|
|
|
+ this.$message.error("请输入您想要回答的问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
+ this.dialogVisibleMp3 = false;
|
|
|
+ },
|
|
|
+ addRateAnswer() {
|
|
|
+ var a = 1;
|
|
|
+ for (var i = 0; i < this.rateJson.length; i++) {
|
|
|
+ if (this.rateJson[i].value == "") {
|
|
|
+ a = 2;
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- if (b == 1) {
|
|
|
- this.$message.error("至少填写一个问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (aj[i].askstitle != "") {
|
|
|
- for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- var index = 0;
|
|
|
- for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
- if (checkC != "") {
|
|
|
- index++;
|
|
|
- } else {
|
|
|
- this.$message.error("选项不能为空！");
|
|
|
+ if (a == 2) {
|
|
|
+ this.$message.error("请把评价信息填写完整");
|
|
|
return;
|
|
|
- }
|
|
|
}
|
|
|
- b++;
|
|
|
- if (index < 2) {
|
|
|
- this.$message.error("填写了的题目，选项至少要有两项！");
|
|
|
- return;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].rateJson = this.rateJson;
|
|
|
+ this.dialogVisibleRate = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 40
|
|
|
+ ) {
|
|
|
+ this.addTools(40, this.taskCount, this.toolIndex);
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.askJson.askJson = this.askJson.askJson.filter((el) => {
|
|
|
- var elc = el.checkList.filter((element) => {
|
|
|
- return element != "";
|
|
|
- });
|
|
|
- return el.askstitle != "" && elc.length != 0;
|
|
|
- });
|
|
|
- if (!this.dialogVisible4) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex] = this.askJson;
|
|
|
- }
|
|
|
- this.dialogVisible5 = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 4
|
|
|
- ) {
|
|
|
- this.addTools(4, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addTest() {
|
|
|
- // if (this.testJson.testTitle === "") {
|
|
|
- // this.$message.error("标题不能为空！");
|
|
|
- // return;
|
|
|
- // }
|
|
|
- var aj = this.testJson.testJson;
|
|
|
- var b = 1;
|
|
|
- for (var i = 0; i < aj.length; i++) {
|
|
|
- if (aj[i].teststitle === "") {
|
|
|
- var a = 1;
|
|
|
- for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- if (element != "") {
|
|
|
- b++;
|
|
|
- this.$message.error("填写了选项，题目不能为空！");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- a++;
|
|
|
+ },
|
|
|
+ addSelectAnswer() {
|
|
|
+ if (this.selectJson.url == "") {
|
|
|
+ this.$message.error("请上传题目");
|
|
|
+ return;
|
|
|
}
|
|
|
- }
|
|
|
- if (b == 1) {
|
|
|
- this.$message.error("至少填写一个问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (aj[i].teststitle != "") {
|
|
|
- for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- var index = 0;
|
|
|
- for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
- if (checkC != "") {
|
|
|
- index++;
|
|
|
- } else {
|
|
|
- this.$message.error("选项不能为空！");
|
|
|
+ if (!this.selectJson.select.length) {
|
|
|
+ this.$message.error("请添加选项");
|
|
|
return;
|
|
|
- }
|
|
|
}
|
|
|
- b++;
|
|
|
- if (index < 2) {
|
|
|
- this.$message.error("填写了的题目，选项至少要有两项！");
|
|
|
- return;
|
|
|
+ if (!this.selectJson.answer.length) {
|
|
|
+ this.$message.error("请设置答案");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = 1;
|
|
|
+ for (var i = 0; i < this.selectJson.answer.length; i++) {
|
|
|
+ if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
|
|
|
+ a = 2;
|
|
|
+ }
|
|
|
}
|
|
|
+ if (a == 2) {
|
|
|
+ this.$message.error("请设置答案");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].selectJson = this.selectJson;
|
|
|
+ this.dialogVisibleSelect = false;
|
|
|
if (
|
|
|
- (aj[i].type == "2" && !aj[i].answer.length) ||
|
|
|
- (aj[i].type == "1" && aj[i].answer !== 0 && !aj[i].answer)
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 41
|
|
|
) {
|
|
|
- this.$message.error("有题目未选择答案请选择答案");
|
|
|
- return;
|
|
|
+ this.addTools(41, this.taskCount, this.toolIndex);
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.testJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
- var elc = el.checkList.filter((element) => {
|
|
|
- return element != "";
|
|
|
- });
|
|
|
- return el.teststitle != "" && elc.length != 0;
|
|
|
- });
|
|
|
-
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].testJson = this.testJson;
|
|
|
-
|
|
|
- this.dialogVisibleChoice = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 45
|
|
|
- ) {
|
|
|
- this.addTools(45, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addAnswer() {
|
|
|
- if (this.answerQ == "") {
|
|
|
- this.$message.error("请输入您想要问的问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // this.taskCount
|
|
|
- // ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
-
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolArray.push({
|
|
|
- tool: 15,
|
|
|
- toolDetail: "",
|
|
|
- toolPhoto: "",
|
|
|
- toolEdit: false,
|
|
|
- toolId: this.guid(),
|
|
|
- answerQ: this.answerQ
|
|
|
- });
|
|
|
- this.$forceUpdate();
|
|
|
- this.dialogVisibleTool = false;
|
|
|
- this.dialogVisible8 = false;
|
|
|
- // if (
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- // .toolChoose[this.toolIndex].tool != 15
|
|
|
- // ) {
|
|
|
- // this.addTools(15, this.taskCount, this.toolIndex);
|
|
|
- // }
|
|
|
- },
|
|
|
- addMp3Answer() {
|
|
|
- if (this.answerQ == "") {
|
|
|
- this.$message.error("请输入您想要回答的问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
- this.dialogVisibleMp3 = false;
|
|
|
- },
|
|
|
- addRateAnswer() {
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.rateJson.length; i++) {
|
|
|
- if (this.rateJson[i].value == "") {
|
|
|
- a = 2;
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("请把评价信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].rateJson = this.rateJson;
|
|
|
- this.dialogVisibleRate = false;
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 40
|
|
|
- ) {
|
|
|
- this.addTools(40, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addSelectAnswer() {
|
|
|
- if (this.selectJson.url == "") {
|
|
|
- this.$message.error("请上传题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.select.length) {
|
|
|
- this.$message.error("请添加选项");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.answer.length) {
|
|
|
- this.$message.error("请设置答案");
|
|
|
- return;
|
|
|
- }
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.selectJson.answer.length; i++) {
|
|
|
- if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
|
|
|
- a = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("请设置答案");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].selectJson = this.selectJson;
|
|
|
- this.dialogVisibleSelect = false;
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 41
|
|
|
- ) {
|
|
|
- this.addTools(41, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- nextSelectSteps() {
|
|
|
- if (this.selectJson.url == "") {
|
|
|
- this.$message.error("请上传题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.select.length) {
|
|
|
- this.$message.error("请添加选项");
|
|
|
- return;
|
|
|
- }
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.selectJson.select.length; i++) {
|
|
|
- if (!this.selectJson.select[i]) {
|
|
|
- a = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("添加的选项不能为空");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.selectSteps++;
|
|
|
- },
|
|
|
- selectCourseDetail() {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- console.log("这是新增项目");
|
|
|
- this.cidttt = 0
|
|
|
- } else {
|
|
|
- this.cidType = 1;
|
|
|
- let params = {
|
|
|
- cid: this.cid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "select_student_course_detail2", params)
|
|
|
- .then((res) => {
|
|
|
- this.loading = true;
|
|
|
- this.unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
- for (var j in this.unitJson) {
|
|
|
- for (var i in this.unitJson[j].chapterInfo) {
|
|
|
- this.unitJson[j].chapterInfo[i].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose = this.unitJson[j].chapterInfo[i].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose
|
|
|
- ? this.unitJson[j].chapterInfo[i].taskJson[this.taskCount]
|
|
|
- .toolChoose
|
|
|
- : [];
|
|
|
- for (var k in this.unitJson[j].chapterInfo[i].taskJson) {
|
|
|
- let _chapterData = [];
|
|
|
- for (var c in this.unitJson[j].chapterInfo[i].taskJson[k]
|
|
|
- .chapterData) {
|
|
|
- if (
|
|
|
- this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[c]
|
|
|
- ) {
|
|
|
- _chapterData.push(
|
|
|
- this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[
|
|
|
- c
|
|
|
- ]
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- this.unitJson[j].chapterInfo[i].taskJson[k].chapterData =
|
|
|
- _chapterData;
|
|
|
+ },
|
|
|
+ nextSelectSteps() {
|
|
|
+ if (this.selectJson.url == "") {
|
|
|
+ this.$message.error("请上传题目");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.selectJson.select.length) {
|
|
|
+ this.$message.error("请添加选项");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = 1;
|
|
|
+ for (var i = 0; i < this.selectJson.select.length; i++) {
|
|
|
+ if (!this.selectJson.select[i]) {
|
|
|
+ a = 2;
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
- this.courseName = res.data[0][0].title;
|
|
|
- this.courseText = res.data[0][0].brief;
|
|
|
- this.evalua = res.data[0][0].evaId;
|
|
|
- this.cover = JSON.parse(res.data[0][0].cover);
|
|
|
- this.noneBtnImg = this.cover.length >= 1;
|
|
|
- // this.checkboxList =
|
|
|
- // res.data[0][0].course_student.length > 0
|
|
|
- // ? JSON.parse(res.data[0][0].course_student)
|
|
|
- // : [];
|
|
|
- this.checkboxList2 = res.data[0][0].juri
|
|
|
- ? res.data[0][0].juri.split(",")
|
|
|
- : [];
|
|
|
- this.checkboxList3 = res.data[0][0].course_teacher
|
|
|
- ? res.data[0][0].course_teacher.split(",")
|
|
|
- : [];
|
|
|
- // this.isTeacherSee =
|
|
|
- // res.data[0][0].is_teacher_look == 0 ? true : false;
|
|
|
- this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
|
|
|
- this.myWord = res.data[0][0].template;
|
|
|
- this.templateC.id = "123";
|
|
|
- this.courseUserid = res.data[0][0].userid;
|
|
|
- this.nbOrder = res.data[0][0].ordernumber;
|
|
|
- for (var i = 0; i < res.data[1].length; i++) {
|
|
|
- this.courseTypeId.push(res.data[1][i].typeid);
|
|
|
+ if (a == 2) {
|
|
|
+ this.$message.error("添加的选项不能为空");
|
|
|
+ return;
|
|
|
}
|
|
|
+ this.selectSteps++;
|
|
|
+ },
|
|
|
+ selectCourseDetail() {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ console.log("这是新增项目");
|
|
|
+ this.cidttt = 0
|
|
|
+ } else {
|
|
|
+ this.cidType = 1;
|
|
|
+ let params = {
|
|
|
+ cid: this.cid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "select_student_course_detail2", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.loading = true;
|
|
|
+ this.unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
+ for (var j in this.unitJson) {
|
|
|
+ for (var i in this.unitJson[j].chapterInfo) {
|
|
|
+ this.unitJson[j].chapterInfo[i].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose = this.unitJson[j].chapterInfo[i].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose ?
|
|
|
+ this.unitJson[j].chapterInfo[i].taskJson[this.taskCount]
|
|
|
+ .toolChoose : [];
|
|
|
+ for (var k in this.unitJson[j].chapterInfo[i].taskJson) {
|
|
|
+ let _chapterData = [];
|
|
|
+ for (var c in this.unitJson[j].chapterInfo[i].taskJson[k]
|
|
|
+ .chapterData) {
|
|
|
+ if (
|
|
|
+ this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[c]
|
|
|
+ ) {
|
|
|
+ _chapterData.push(
|
|
|
+ this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[
|
|
|
+ c
|
|
|
+ ]
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.unitJson[j].chapterInfo[i].taskJson[k].chapterData =
|
|
|
+ _chapterData;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.courseName = res.data[0][0].title;
|
|
|
+ this.courseText = res.data[0][0].brief;
|
|
|
+ this.evalua = res.data[0][0].evaId;
|
|
|
+ this.cover = JSON.parse(res.data[0][0].cover);
|
|
|
+ this.noneBtnImg = this.cover.length >= 1;
|
|
|
+ // this.checkboxList =
|
|
|
+ // res.data[0][0].course_student.length > 0
|
|
|
+ // ? JSON.parse(res.data[0][0].course_student)
|
|
|
+ // : [];
|
|
|
+ this.checkboxList2 = res.data[0][0].juri ?
|
|
|
+ res.data[0][0].juri.split(",") : [];
|
|
|
+ this.checkboxList3 = res.data[0][0].course_teacher ?
|
|
|
+ res.data[0][0].course_teacher.split(",") : [];
|
|
|
+ // this.isTeacherSee =
|
|
|
+ // res.data[0][0].is_teacher_look == 0 ? true : false;
|
|
|
+ this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
|
|
|
+ this.myWord = res.data[0][0].template;
|
|
|
+ this.templateC.id = "123";
|
|
|
+ this.courseUserid = res.data[0][0].userid;
|
|
|
+ this.nbOrder = res.data[0][0].ordernumber;
|
|
|
+ for (var i = 0; i < res.data[1].length; i++) {
|
|
|
+ this.courseTypeId.push(res.data[1][i].typeid);
|
|
|
+ }
|
|
|
+ console.log(this.courseTypeId);
|
|
|
+ // if (this.timer) clearInterval(this.timer);
|
|
|
+ if (this.timer) clearTimeout(this.timer);
|
|
|
+ this.timer = null;
|
|
|
+ // this.timer = setInterval(() => {
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ // }, 5000);
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ }, 0);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ seleteCourseUpdate() {
|
|
|
+ let params = {
|
|
|
+ cid: this.cid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "select_student_course_detail", params)
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res.data[2]);
|
|
|
+ let unitJson = this.unitJson
|
|
|
+ let works = res.data[2]
|
|
|
+ for (var i = 0; i < unitJson.length; i++) {
|
|
|
+ let task = unitJson[i].chapterInfo[0].taskJson
|
|
|
+ for (var j = 0; j < task.length; j++) {
|
|
|
+ var tool = task[j].toolArray
|
|
|
+ for (var z = 0; z < tool.length; z++) {
|
|
|
+ let _tool = tool[z]
|
|
|
+ _tool.toolPhoto = []
|
|
|
+ for (var k = 0; k < works.length; k++) {
|
|
|
+ let _work = works[k]
|
|
|
+ if (_work.stage == i && _work.task == j && _work.tool == z && _work.atool == _tool.tool) {
|
|
|
+ _tool.toolPhoto.push(_work);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ if (this.timer) {
|
|
|
+ clearTimeout(this.timer)
|
|
|
+ this.timer = null
|
|
|
+ }
|
|
|
+ this.timer = setTimeout(() => {
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
|
|
|
+ let params = [{
|
|
|
+ cid: this.cid,
|
|
|
+ chapters: JSON.stringify(this.unitJson),
|
|
|
+ uid: this.userid,
|
|
|
+ chapid: chapid,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "restoreStudentWork", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "恢复成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ unitJson.splice(chapindex, 0, unitJson2[chapindex]);
|
|
|
+ this.unitJson = unitJson;
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.unitIndex != unitIndex2) {
|
|
|
+ this.isDelete = 2;
|
|
|
+ this.unitIndex = unitIndex2;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ this.timer = setTimeout(() => {
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getTypeName() {
|
|
|
console.log(this.courseTypeId);
|
|
|
- // if (this.timer) clearInterval(this.timer);
|
|
|
- if (this.timer) clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- // this.timer = setInterval(() => {
|
|
|
-
|
|
|
- this.seleteCourseUpdate();
|
|
|
-
|
|
|
- // }, 5000);
|
|
|
this.$forceUpdate();
|
|
|
+ },
|
|
|
+ selectType() {
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectStudentType")
|
|
|
+ .then((res) => {
|
|
|
+ this.CourseType = res.data;
|
|
|
+ for (var i = 0; i < res.data[0].length; i++) {
|
|
|
+ if (!this.cid) {
|
|
|
+ this.courseTypeId[res.data[0][i].id] = "";
|
|
|
+ }
|
|
|
+ for (var j = 0; j < res.data[1].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
+ if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.selectTypeByOid();
|
|
|
+ this.selectTypeByOrg();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectTypeByOid() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectStudentTypeByOid", params)
|
|
|
+ .then((res) => {
|
|
|
+ for (var i = 0; i < res.data[0].length; i++) {
|
|
|
+ for (var j = 0; j < res.data[1].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
+ if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectTypeByOrg() {
|
|
|
+ let params = {
|
|
|
+ oid: this.org,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectStudentTypeByOid", params)
|
|
|
+ .then((res) => {
|
|
|
+ for (var i = 0; i < res.data[0].length; i++) {
|
|
|
+ for (var j = 0; j < res.data[1].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
+ if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].unshift(res.data[1][j]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ OtherMb(type) {
|
|
|
+ this.typeMode = type;
|
|
|
setTimeout(() => {
|
|
|
- this.checkEva(this.evalua);
|
|
|
+ this.checkEva(this.checkId);
|
|
|
}, 0);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- seleteCourseUpdate() {
|
|
|
- let params = {
|
|
|
- cid: this.cid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "select_student_course_detail", params)
|
|
|
- .then((res) => {
|
|
|
- console.log(res.data[2]);
|
|
|
- let unitJson = this.unitJson
|
|
|
- let works = res.data[2]
|
|
|
- for (var i = 0; i < unitJson.length; i++) {
|
|
|
- let task = unitJson[i].chapterInfo[0].taskJson
|
|
|
- for (var j = 0; j < task.length; j++) {
|
|
|
- var tool = task[j].toolArray
|
|
|
- for (var z = 0; z < tool.length; z++) {
|
|
|
- let _tool = tool[z]
|
|
|
- _tool.toolPhoto = []
|
|
|
-
|
|
|
- for (var k = 0; k < works.length; k++) {
|
|
|
- let _work = works[k]
|
|
|
- if (_work.stage == i && _work.task == j && _work.tool == z && _work.atool == _tool.tool) {
|
|
|
- _tool.toolPhoto.push(_work);
|
|
|
- }
|
|
|
+ },
|
|
|
+ checkEva(id) {
|
|
|
+ this.selectEva();
|
|
|
+ this.evalua = id;
|
|
|
+ this.checkId = id;
|
|
|
+ if (this.evalua != "") {
|
|
|
+ for (var i = 0; i < this.evaJuri.length; i++) {
|
|
|
+ if (this.evalua == this.evaJuri[i].id) {
|
|
|
+ this.eTitle = this.evaJuri[i].title;
|
|
|
+ this.eJson = JSON.parse(this.evaJuri[i].content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.data.data = [];
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.setMindData();
|
|
|
+ }, 500);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectEva() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectAllEvaluation", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.evaJuri = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ setMindData() {
|
|
|
+ let targetArray = [];
|
|
|
+ this.data.data = [];
|
|
|
+ this.data.data.push({
|
|
|
+ id: "root",
|
|
|
+ isroot: true,
|
|
|
+ topic: this.eTitle
|
|
|
+ });
|
|
|
+ let _eJson = Object.keys(this.eJson);
|
|
|
+ let _e = this.eJson;
|
|
|
+ for (let i = 0; i < _eJson.length; i++) {
|
|
|
+ let element = _e[_eJson[i]];
|
|
|
+ this.data.data.push({
|
|
|
+ id: element.id,
|
|
|
+ parentid: "root",
|
|
|
+ topic: element.name,
|
|
|
+ });
|
|
|
+ // targetArray.push({
|
|
|
+ // id: element.id,
|
|
|
+ // parentid: "root",
|
|
|
+ // name: element.name,
|
|
|
+ // });
|
|
|
+ targetArray.push({
|
|
|
+ value: element.name,
|
|
|
+ label: element.name,
|
|
|
+ children: []
|
|
|
+ });
|
|
|
+ let _eJsonc = Object.keys(element.child);
|
|
|
+ let _e2 = element.child;
|
|
|
+ for (let j = 0; j < _eJsonc.length; j++) {
|
|
|
+ let _ec = _e2[_eJsonc[j]];
|
|
|
+ this.data.data.push({
|
|
|
+ id: _ec.id,
|
|
|
+ parentid: element.id,
|
|
|
+ topic: _ec.name,
|
|
|
+ });
|
|
|
+ // targetArray.push({
|
|
|
+ // id: _ec.id,
|
|
|
+ // parentid: element.id,
|
|
|
+ // name: _ec.name,
|
|
|
+ // });
|
|
|
+ targetArray[i].children.push({
|
|
|
+ value: _ec.name,
|
|
|
+ label: _ec.name,
|
|
|
+ children: []
|
|
|
+ });
|
|
|
+ let _eJsonz = Object.keys(_ec.child);
|
|
|
+ let _e3 = _ec.child;
|
|
|
+ for (let z = 0; z < _eJsonz.length; z++) {
|
|
|
+ let _ez = _e3[_eJsonz[z]];
|
|
|
+ this.data.data.push({
|
|
|
+ id: _ez.id,
|
|
|
+ parentid: _ec.id,
|
|
|
+ topic: _ez.name,
|
|
|
+ });
|
|
|
+ // targetArray.push({
|
|
|
+ // id: _ez.id,
|
|
|
+ // parentid: _ec.id,
|
|
|
+ // name: _ez.name,
|
|
|
+ // });
|
|
|
+ targetArray[i].children[j].children.push({
|
|
|
+ value: _ez.name,
|
|
|
+ label: _ez.name,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.targetArray = targetArray;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ /*添加评价 */
|
|
|
+ addEList(index, tIndex) {
|
|
|
+ this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList ?
|
|
|
+ this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
|
|
|
+ value: "",
|
|
|
+ detail: "",
|
|
|
+ score: 5,
|
|
|
+ }) :
|
|
|
+ (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [{
|
|
|
+ value: "",
|
|
|
+ detail: "",
|
|
|
+ score: 5
|
|
|
+ }, ]);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ forceUpdate() {
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ deletEList(index, tIndex, eIndex) {
|
|
|
+ this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.splice(
|
|
|
+ eIndex,
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ getChoosePic(t) {
|
|
|
+ this.chooseType = t;
|
|
|
+ this.getAllBanner();
|
|
|
+ },
|
|
|
+ getAllBanner() {
|
|
|
+ this.sysPicVisible = true;
|
|
|
+ let params = {
|
|
|
+ t: this.chooseType,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectAllBanner", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.sysPic = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteSysPic() {
|
|
|
+ this.cover = [];
|
|
|
+ this.isSysPic = false;
|
|
|
+ },
|
|
|
+ deleteSelectPic() {
|
|
|
+ this.selectJson.url = "";
|
|
|
+ },
|
|
|
+ setEListStar() {
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ deletRateList(i) {
|
|
|
+ this.rateJson.splice(i, 1);
|
|
|
+ },
|
|
|
+ addRateList() {
|
|
|
+ this.rateJson.push({
|
|
|
+ detail: "",
|
|
|
+ score: 5,
|
|
|
+ value: ""
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addSt() {
|
|
|
+ this.sentenceList.push({
|
|
|
+ sentenceTitle: "",
|
|
|
+ addSentence: [],
|
|
|
+ rightAnswer: [],
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addSen(i) {
|
|
|
+ this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
|
|
|
+ // this.isPushTitleList.push(this.sentenceTitle);
|
|
|
+ this.sentenceList[i].sentenceTitle = "";
|
|
|
+ },
|
|
|
+ setRightAnswer(s, i, j) {
|
|
|
+ if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
|
|
|
+ this.sentenceList[i].rightAnswer.push(s);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ returnCard(r, i, j) {
|
|
|
+ this.sentenceList[i].rightAnswer.splice(j, 1);
|
|
|
+ },
|
|
|
+ addSentenceTool() {
|
|
|
+ for (var i = 0; i < this.sentenceList.length; i++) {
|
|
|
+ if (this.sentenceList[i].rightAnswer.length == 0) {
|
|
|
+ this.$message.error("请将信息填写完整！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.sentenceList[i].addSentence.length !=
|
|
|
+ this.sentenceList[i].rightAnswer.length
|
|
|
+ ) {
|
|
|
+ this.$message.error("请将信息填写完整！");
|
|
|
+ return;
|
|
|
}
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- if (this.timer) {
|
|
|
- clearTimeout(this.timer)
|
|
|
- this.timer = null
|
|
|
- }
|
|
|
- this.timer = setTimeout(() => {
|
|
|
- this.seleteCourseUpdate();
|
|
|
- }, 1000);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- chapters: JSON.stringify(this.unitJson),
|
|
|
- uid: this.userid,
|
|
|
- chapid: chapid,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "restoreStudentWork", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "恢复成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- unitJson.splice(chapindex, 0, unitJson2[chapindex]);
|
|
|
- this.unitJson = unitJson;
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- if (this.unitIndex != unitIndex2) {
|
|
|
- this.isDelete = 2;
|
|
|
- this.unitIndex = unitIndex2;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
|
|
|
+ this.sentenceList = [{
|
|
|
+ sentenceTitle: "",
|
|
|
+ addSentence: [],
|
|
|
+ rightAnswer: []
|
|
|
+ }, ];
|
|
|
+ this.dialogVisibleSentence = false;
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool = [];
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].tool.push(i);
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 47
|
|
|
+ ) {
|
|
|
+ this.addTools(47, this.taskCount, this.toolIndex);
|
|
|
}
|
|
|
- }, 0);
|
|
|
- this.timer = setTimeout(() => {
|
|
|
- this.seleteCourseUpdate();
|
|
|
- }, 1000);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- getTypeName() {
|
|
|
- console.log(this.courseTypeId);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- selectType() {
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectStudentType")
|
|
|
- .then((res) => {
|
|
|
- this.CourseType = res.data;
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- if (!this.cid) {
|
|
|
- this.courseTypeId[res.data[0][i].id] = "";
|
|
|
+ },
|
|
|
+ addTableJson() {
|
|
|
+ if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
|
|
|
+ this.$message.error("请填写信息！");
|
|
|
+ return;
|
|
|
}
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
- }
|
|
|
+ let params = [{
|
|
|
+ uid: this.userid,
|
|
|
+ cid: this.courseId,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: this.taskCount,
|
|
|
+ tool: this.toolIndex,
|
|
|
+ content: JSON.stringify(this.tableJson.text).replaceAll(/%/g, "%25"),
|
|
|
+ type: 10,
|
|
|
+ atool: 48,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "提交成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ this.dialogVisibleTable = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("提交失败");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addTextJson() {
|
|
|
+ if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
|
|
|
+ this.$message.error("请填写信息！");
|
|
|
+ return;
|
|
|
}
|
|
|
- }
|
|
|
- this.selectTypeByOid();
|
|
|
- this.selectTypeByOrg();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- selectTypeByOid() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectStudentTypeByOid", params)
|
|
|
- .then((res) => {
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
+ let params = [{
|
|
|
+ uid: this.userid,
|
|
|
+ cid: this.courseId,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: this.taskCount,
|
|
|
+ tool: this.toolIndex,
|
|
|
+ content: JSON.stringify(this.tableJson.text).replaceAll(/%/g, "%25"),
|
|
|
+ type: 12,
|
|
|
+ atool: 52,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "提交成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.tableJson.text = ""
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ this.dialogVisibleText3 = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("提交失败");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goToTask(i) {
|
|
|
+ document.getElementsByClassName("rightBox")[0].scrollTop =
|
|
|
+ document.getElementsByClassName("taskBorder")[i].offsetTop - 100;
|
|
|
+ this.isClickColor = i + 1;
|
|
|
+ },
|
|
|
+ addGroup(i) {
|
|
|
+ // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
|
|
|
+ this.groupJson.group.push({
|
|
|
+ name: "第" + (this.groupJson.group.length + 1) + "组"
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deleteGroup(i) {
|
|
|
+ this.groupJson.group.splice(i, 1)
|
|
|
+ },
|
|
|
+ addGroupJson() {
|
|
|
+ for (var i = 0; i < this.groupJson.group.length; i++) {
|
|
|
+ if (!this.groupJson.group[i].name) {
|
|
|
+ this.$message.error("请将信息填写完整！");
|
|
|
+ return;
|
|
|
}
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- selectTypeByOrg() {
|
|
|
- let params = {
|
|
|
- oid: this.org,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectStudentTypeByOid", params)
|
|
|
- .then((res) => {
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- this.CourseTypeJson[res.data[0][i].id].unshift(res.data[1][j]);
|
|
|
- }
|
|
|
+ if (!this.groupJson.number) {
|
|
|
+ this.$message.error("请将信息填写完整！");
|
|
|
+ return;
|
|
|
}
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- OtherMb(type) {
|
|
|
- this.typeMode = type;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- },
|
|
|
- checkEva(id) {
|
|
|
- this.selectEva();
|
|
|
- this.evalua = id;
|
|
|
- this.checkId = id;
|
|
|
- if (this.evalua != "") {
|
|
|
- for (var i = 0; i < this.evaJuri.length; i++) {
|
|
|
- if (this.evalua == this.evaJuri[i].id) {
|
|
|
- this.eTitle = this.evaJuri[i].title;
|
|
|
- this.eJson = JSON.parse(this.evaJuri[i].content);
|
|
|
- }
|
|
|
- }
|
|
|
- this.data.data = [];
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- this.setMindData();
|
|
|
- }, 500);
|
|
|
- }
|
|
|
- },
|
|
|
- selectEva() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectAllEvaluation", params)
|
|
|
- .then((res) => {
|
|
|
- this.evaJuri = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- setMindData() {
|
|
|
- let targetArray = [];
|
|
|
- this.data.data = [];
|
|
|
- this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
|
|
|
- let _eJson = Object.keys(this.eJson);
|
|
|
- let _e = this.eJson;
|
|
|
- for (let i = 0; i < _eJson.length; i++) {
|
|
|
- let element = _e[_eJson[i]];
|
|
|
- this.data.data.push({
|
|
|
- id: element.id,
|
|
|
- parentid: "root",
|
|
|
- topic: element.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: element.id,
|
|
|
- // parentid: "root",
|
|
|
- // name: element.name,
|
|
|
- // });
|
|
|
- targetArray.push({
|
|
|
- value: element.name,
|
|
|
- label: element.name,
|
|
|
- children: []
|
|
|
- });
|
|
|
- let _eJsonc = Object.keys(element.child);
|
|
|
- let _e2 = element.child;
|
|
|
- for (let j = 0; j < _eJsonc.length; j++) {
|
|
|
- let _ec = _e2[_eJsonc[j]];
|
|
|
- this.data.data.push({
|
|
|
- id: _ec.id,
|
|
|
- parentid: element.id,
|
|
|
- topic: _ec.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: _ec.id,
|
|
|
- // parentid: element.id,
|
|
|
- // name: _ec.name,
|
|
|
- // });
|
|
|
- targetArray[i].children.push({
|
|
|
- value: _ec.name,
|
|
|
- label: _ec.name,
|
|
|
- children: []
|
|
|
- });
|
|
|
- let _eJsonz = Object.keys(_ec.child);
|
|
|
- let _e3 = _ec.child;
|
|
|
- for (let z = 0; z < _eJsonz.length; z++) {
|
|
|
- let _ez = _e3[_eJsonz[z]];
|
|
|
- this.data.data.push({
|
|
|
- id: _ez.id,
|
|
|
- parentid: _ec.id,
|
|
|
- topic: _ez.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: _ez.id,
|
|
|
- // parentid: _ec.id,
|
|
|
- // name: _ez.name,
|
|
|
- // });
|
|
|
- targetArray[i].children[j].children.push({
|
|
|
- value: _ez.name,
|
|
|
- label: _ez.name,
|
|
|
- });
|
|
|
- }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].groupJson = JSON.parse(JSON.stringify(this.groupJson));
|
|
|
+ this.dialogVisibleGroup = false;
|
|
|
+ this.groupJson = {};
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 49
|
|
|
+ ) {
|
|
|
+ this.addTools(49, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteWorks(id) {
|
|
|
+ this.$confirm("确定删除此作业吗？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ let params = [{
|
|
|
+ id: id,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteCourseWorkS", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络异常");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ openLineS(url) {
|
|
|
+ window.open(url);
|
|
|
+ },
|
|
|
+ checkFileFull(type, url) {
|
|
|
+ this.fullDialogVisible = true;
|
|
|
+ this.fulltype = type;
|
|
|
+ this.fullUrl = url;
|
|
|
+ },
|
|
|
+ downloadFile(url) {
|
|
|
+ let _url = "";
|
|
|
+ if (
|
|
|
+ url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
|
|
|
+ ) {
|
|
|
+ _url = url.split(
|
|
|
+ "https://view.officeapps.live.com/op/view.aspx?src="
|
|
|
+ )[1];
|
|
|
+ } else {
|
|
|
+ _url = url;
|
|
|
+ }
|
|
|
+ const x = new XMLHttpRequest();
|
|
|
+ x.open("GET", _url, true);
|
|
|
+ x.responseType = "blob";
|
|
|
+ x.onload = function(e) {
|
|
|
+ // const url = window.URL.createObjectURL(x.response);
|
|
|
+ // const a = document.createElement("a");
|
|
|
+ // a.href = url;
|
|
|
+ // a.target = "_blank";
|
|
|
+ // a.download = url;
|
|
|
+ // a.click();
|
|
|
+ // a.remove();
|
|
|
+ let content = x.response;
|
|
|
+ let elink = document.createElement("a");
|
|
|
+ elink.download = decodeURI(
|
|
|
+ _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
|
|
|
+ );
|
|
|
+ elink.style.display = "none";
|
|
|
+ let blob = new Blob([content]);
|
|
|
+ elink.href = URL.createObjectURL(blob);
|
|
|
+ document.body.appendChild(elink);
|
|
|
+ elink.click();
|
|
|
+ document.body.removeChild(elink);
|
|
|
+ };
|
|
|
+ x.send();
|
|
|
+ },
|
|
|
+ editSourceUpadte(taskCount, index) {
|
|
|
+ this.taskCount = taskCount
|
|
|
+ this.toolIndex = index
|
|
|
+ this.editSourceType = 2
|
|
|
+ this.sourcesData = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .toolArray[index].toolData))
|
|
|
+ this.dialogVisibleSource = true
|
|
|
+ },
|
|
|
+ addQuestion() {
|
|
|
+ let params = [{
|
|
|
+ uid: this.userid,
|
|
|
+ cid: this.courseId,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: this.taskCount,
|
|
|
+ tool: this.toolIndex,
|
|
|
+ content: this.questionAnswer.replaceAll(/%/g, "%25"),
|
|
|
+ type: 3,
|
|
|
+ atool: 15,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "提交成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.questionAnswer = ""
|
|
|
+ this.answerDialogVisible = false;
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("提交失败");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addCourseWorksS(tool, type, content, task, toolindex) {
|
|
|
+ let params = [{
|
|
|
+ uid: this.userid,
|
|
|
+ cid: this.courseId,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: task,
|
|
|
+ tool: toolindex,
|
|
|
+ content: content,
|
|
|
+ type: type,
|
|
|
+ atool: tool,
|
|
|
+ }, ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "提交成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("提交失败");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openFile(f) {
|
|
|
+ this.pptImgUrl = "";
|
|
|
+ var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
|
|
|
+ if (
|
|
|
+ a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
|
|
|
+ -1
|
|
|
+ ) {
|
|
|
+ this.pptImgUrl =
|
|
|
+ "https://view.officeapps.live.com/op/view.aspx?src=" + f;
|
|
|
+ this.showPDF = false;
|
|
|
+ this.dialogVisibleFile = true;
|
|
|
+ } else if (
|
|
|
+ f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
|
|
|
+ ) {
|
|
|
+ this.pptImgUrl = f;
|
|
|
+ this.showPDF = true;
|
|
|
+ this.dialogVisibleFile = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openText(f){
|
|
|
+ this.tableJson.text = JSON.parse(f)
|
|
|
+ this.dialogVisibleText2 = true
|
|
|
}
|
|
|
- }
|
|
|
- this.targetArray = targetArray;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- /*添加评价 */
|
|
|
- addEList(index, tIndex) {
|
|
|
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList
|
|
|
- ? this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
|
|
|
- value: "",
|
|
|
- detail: "",
|
|
|
- score: 5,
|
|
|
- })
|
|
|
- : (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [
|
|
|
- { value: "", detail: "", score: 5 },
|
|
|
- ]);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- forceUpdate() {
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- deletEList(index, tIndex, eIndex) {
|
|
|
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.splice(
|
|
|
- eIndex,
|
|
|
- 1
|
|
|
- );
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- getChoosePic(t) {
|
|
|
- this.chooseType = t;
|
|
|
- this.getAllBanner();
|
|
|
- },
|
|
|
- getAllBanner() {
|
|
|
- this.sysPicVisible = true;
|
|
|
- let params = {
|
|
|
- t: this.chooseType,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectAllBanner", params)
|
|
|
- .then((res) => {
|
|
|
- this.sysPic = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- deleteSysPic() {
|
|
|
- this.cover = [];
|
|
|
- this.isSysPic = false;
|
|
|
- },
|
|
|
- deleteSelectPic() {
|
|
|
- this.selectJson.url = "";
|
|
|
},
|
|
|
- setEListStar() {
|
|
|
- this.$forceUpdate();
|
|
|
+ beforeDestroy() {
|
|
|
+ clearTimeout(this.timer);
|
|
|
+ this.timer = null;
|
|
|
},
|
|
|
- deletRateList(i) {
|
|
|
- this.rateJson.splice(i, 1);
|
|
|
+ beforeRouteLeave(to, from, next) {
|
|
|
+ clearTimeout(this.timer);
|
|
|
+ this.timer = null;
|
|
|
+ next();
|
|
|
},
|
|
|
- addRateList() {
|
|
|
- this.rateJson.push({ detail: "", score: 5, value: "" });
|
|
|
- },
|
|
|
- addSt() {
|
|
|
- this.sentenceList.push({
|
|
|
- sentenceTitle: "",
|
|
|
- addSentence: [],
|
|
|
- rightAnswer: [],
|
|
|
- });
|
|
|
- },
|
|
|
- addSen(i) {
|
|
|
- this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
|
|
|
- // this.isPushTitleList.push(this.sentenceTitle);
|
|
|
- this.sentenceList[i].sentenceTitle = "";
|
|
|
- },
|
|
|
- setRightAnswer(s, i, j) {
|
|
|
- if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
|
|
|
- this.sentenceList[i].rightAnswer.push(s);
|
|
|
- }
|
|
|
- },
|
|
|
- returnCard(r, i, j) {
|
|
|
- this.sentenceList[i].rightAnswer.splice(j, 1);
|
|
|
- },
|
|
|
- addSentenceTool() {
|
|
|
- for (var i = 0; i < this.sentenceList.length; i++) {
|
|
|
- if (this.sentenceList[i].rightAnswer.length == 0) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (
|
|
|
- this.sentenceList[i].addSentence.length !=
|
|
|
- this.sentenceList[i].rightAnswer.length
|
|
|
- ) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
|
|
|
- this.sentenceList = [
|
|
|
- { sentenceTitle: "", addSentence: [], rightAnswer: [] },
|
|
|
- ];
|
|
|
- this.dialogVisibleSentence = false;
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool = [];
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 47
|
|
|
- ) {
|
|
|
- this.addTools(47, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addTableJson() {
|
|
|
- if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
|
|
|
- this.$message.error("请填写信息！");
|
|
|
- return;
|
|
|
- }
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.courseId,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolIndex,
|
|
|
- content: JSON.stringify(this.tableJson.text).replaceAll(/%/g, "%25"),
|
|
|
- type: 10,
|
|
|
- atool: 48,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.seleteCourseUpdate();
|
|
|
- this.dialogVisibleTable = false;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("提交失败");
|
|
|
- console.error(err);
|
|
|
+ beforeRouteEnter(to, from, next) {
|
|
|
+ next(vm => {
|
|
|
+ vm.fpath = from.path
|
|
|
});
|
|
|
-
|
|
|
- },
|
|
|
- goToTask(i) {
|
|
|
- document.getElementsByClassName("rightBox")[0].scrollTop =
|
|
|
- document.getElementsByClassName("taskBorder")[i].offsetTop - 100;
|
|
|
- this.isClickColor = i + 1;
|
|
|
- },
|
|
|
- addGroup(i) {
|
|
|
- // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
|
|
|
- this.groupJson.group.push({ name: "第" + (this.groupJson.group.length + 1) + "组" });
|
|
|
- },
|
|
|
- deleteGroup(i) {
|
|
|
- this.groupJson.group.splice(i, 1)
|
|
|
- },
|
|
|
- addGroupJson() {
|
|
|
- for (var i = 0; i < this.groupJson.group.length; i++) {
|
|
|
- if (!this.groupJson.group[i].name) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (!this.groupJson.number) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].groupJson = JSON.parse(JSON.stringify(this.groupJson));
|
|
|
- this.dialogVisibleGroup = false;
|
|
|
- this.groupJson = {};
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 49
|
|
|
- ) {
|
|
|
- this.addTools(49, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
},
|
|
|
- deleteWorks(id) {
|
|
|
- this.$confirm("确定删除此作业吗？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- id: id,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "deleteCourseWorkS", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "删除成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.seleteCourseUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络异常");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => { });
|
|
|
- },
|
|
|
- openLineS(url) {
|
|
|
- window.open(url);
|
|
|
- },
|
|
|
- checkFileFull(type, url) {
|
|
|
- this.fullDialogVisible = true;
|
|
|
- this.fulltype = type;
|
|
|
- this.fullUrl = url;
|
|
|
- },
|
|
|
- downloadFile(url) {
|
|
|
- let _url = "";
|
|
|
- if (
|
|
|
- url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
|
|
|
- ) {
|
|
|
- _url = url.split(
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src="
|
|
|
- )[1];
|
|
|
- } else {
|
|
|
- _url = url;
|
|
|
- }
|
|
|
- const x = new XMLHttpRequest();
|
|
|
- x.open("GET", _url, true);
|
|
|
- x.responseType = "blob";
|
|
|
- x.onload = function (e) {
|
|
|
- // const url = window.URL.createObjectURL(x.response);
|
|
|
- // const a = document.createElement("a");
|
|
|
- // a.href = url;
|
|
|
- // a.target = "_blank";
|
|
|
- // a.download = url;
|
|
|
- // a.click();
|
|
|
- // a.remove();
|
|
|
- let content = x.response;
|
|
|
- let elink = document.createElement("a");
|
|
|
- elink.download = decodeURI(
|
|
|
- _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
|
|
|
- );
|
|
|
- elink.style.display = "none";
|
|
|
- let blob = new Blob([content]);
|
|
|
- elink.href = URL.createObjectURL(blob);
|
|
|
- document.body.appendChild(elink);
|
|
|
- elink.click();
|
|
|
- document.body.removeChild(elink);
|
|
|
- };
|
|
|
- x.send();
|
|
|
- },
|
|
|
- editSourceUpadte(taskCount, index) {
|
|
|
- this.taskCount = taskCount
|
|
|
- this.toolIndex = index
|
|
|
- this.editSourceType = 2
|
|
|
- this.sourcesData = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
|
|
|
- .toolArray[index].toolData))
|
|
|
- this.dialogVisibleSource = true
|
|
|
- },
|
|
|
- addQuestion() {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- uid: this.userid,
|
|
|
- cid: this.courseId,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: this.taskCount,
|
|
|
- tool: this.toolIndex,
|
|
|
- content: this.questionAnswer.replaceAll(/%/g, "%25"),
|
|
|
- type: 3,
|
|
|
- atool: 15,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "addCourseWorksS", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "提交成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.questionAnswer = ""
|
|
|
- this.answerDialogVisible = false;
|
|
|
- this.seleteCourseUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("提交失败");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
+ created() {
|
|
|
+ this.getStudent();
|
|
|
+ this.getTeacher();
|
|
|
+ this.getClass();
|
|
|
+ this.getTemplate();
|
|
|
+ this.selectType();
|
|
|
+ this.selectEva();
|
|
|
+ this.loading = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.selectCourseDetail();
|
|
|
+ this.selectEva();
|
|
|
+ }, 500);
|
|
|
},
|
|
|
- },
|
|
|
- beforeDestroy() {
|
|
|
- clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- },
|
|
|
- beforeRouteLeave(to, from, next) {
|
|
|
- clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- next();
|
|
|
- },
|
|
|
- beforeRouteEnter(to, from, next) {
|
|
|
- next(vm => {
|
|
|
- vm.fpath = from.path
|
|
|
- });
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getStudent();
|
|
|
- this.getTeacher();
|
|
|
- this.getClass();
|
|
|
- this.getTemplate();
|
|
|
- this.selectType();
|
|
|
- this.selectEva();
|
|
|
- this.loading = false;
|
|
|
- setTimeout(() => {
|
|
|
- this.selectCourseDetail();
|
|
|
- this.selectEva();
|
|
|
- }, 500);
|
|
|
- },
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
<style scoped>
|
|
|
@media screen and (max-width: 1280px) {
|
|
|
- .mbCss {
|
|
|
- flex-direction: column !important;
|
|
|
- }
|
|
|
-
|
|
|
- .pjCss {
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-
|
|
|
- .evaCss {
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
+ .mbCss {
|
|
|
+ flex-direction: column !important;
|
|
|
+ }
|
|
|
+ .pjCss {
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
+ .evaCss {
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__header {
|
|
|
- background: #3c3c3c !important;
|
|
|
- padding: 15px 20px;
|
|
|
+ background: #3c3c3c !important;
|
|
|
+ padding: 15px 20px;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__title {
|
|
|
- color: #fff;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__headerbtn {
|
|
|
- top: 19px;
|
|
|
+ top: 19px;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
|
|
|
- color: #fff;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
- color: #fff;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy>>>.el-dialog__body,
|
|
|
.dialog_diy>>>.el-dialog__footer {
|
|
|
- background: #fafafa;
|
|
|
+ background: #fafafa;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy3>>>.el-dialog__body,
|
|
|
.dialog_diy3>>>.el-dialog__footer {
|
|
|
- background: #eee !important;
|
|
|
+ background: #eee !important;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy3>>>.el-dialog__body {
|
|
|
- padding: 20px 20px;
|
|
|
+ padding: 20px 20px;
|
|
|
}
|
|
|
-
|
|
|
.left {
|
|
|
- border-right: 1px solid rgb(60, 94, 143);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- min-height: 600px;
|
|
|
- width: 385px;
|
|
|
- height: 80%;
|
|
|
+ border-right: 1px solid rgb(60, 94, 143);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ min-height: 600px;
|
|
|
+ width: 385px;
|
|
|
+ height: 80%;
|
|
|
}
|
|
|
-
|
|
|
.tips {
|
|
|
- color: rgb(128, 128, 128);
|
|
|
- font-size: 12px;
|
|
|
- width: 270px;
|
|
|
- margin: 40px;
|
|
|
+ color: rgb(128, 128, 128);
|
|
|
+ font-size: 12px;
|
|
|
+ width: 270px;
|
|
|
+ margin: 40px;
|
|
|
}
|
|
|
-
|
|
|
.pb_content {
|
|
|
- height: 100% !important;
|
|
|
- /* margin: 0 20px 0 20px; */
|
|
|
+ height: 100% !important;
|
|
|
+ /* margin: 0 20px 0 20px; */
|
|
|
}
|
|
|
-
|
|
|
.pb_content_body {
|
|
|
- width: 100% !important;
|
|
|
- height: 100%;
|
|
|
+ width: 100% !important;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.info_solid {
|
|
|
- width: 270px;
|
|
|
- height: 30px;
|
|
|
- border-left: 1px solid #bdbdbd;
|
|
|
- margin: 10px 0px 10px 30px;
|
|
|
+ width: 270px;
|
|
|
+ height: 30px;
|
|
|
+ border-left: 1px solid #bdbdbd;
|
|
|
+ margin: 10px 0px 10px 30px;
|
|
|
}
|
|
|
-
|
|
|
.info_steps {
|
|
|
- width: 270px;
|
|
|
- font-size: 0.875rem;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ width: 270px;
|
|
|
+ font-size: 0.875rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.info_steps span:nth-child(1) {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- background: rgba(0, 0, 0, 0.38);
|
|
|
- display: block;
|
|
|
- color: #fff;
|
|
|
- border-radius: 40px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background: rgba(0, 0, 0, 0.38);
|
|
|
+ display: block;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 40px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
-
|
|
|
.steps_active {
|
|
|
- background: #3d67bc !important;
|
|
|
+ background: #3d67bc !important;
|
|
|
}
|
|
|
-
|
|
|
.info_steps span:nth-child(2) {
|
|
|
- margin-left: 5px;
|
|
|
+ margin-left: 5px;
|
|
|
}
|
|
|
-
|
|
|
.right {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- overflow: hidden;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
.basic_box {
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
- padding: 0 20px 0 20px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 20px 0 20px;
|
|
|
}
|
|
|
-
|
|
|
.basic_box_success {
|
|
|
- width: 100%;
|
|
|
- min-height: 455px;
|
|
|
- padding: 50px 0;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #bfbfbf;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 455px;
|
|
|
+ padding: 50px 0;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #bfbfbf;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.info_title {
|
|
|
- font-size: 1.5em;
|
|
|
- margin-right: 25px;
|
|
|
- /* margin: 20px 30px 20px 30px; */
|
|
|
+ font-size: 1.5em;
|
|
|
+ margin-right: 25px;
|
|
|
+ /* margin: 20px 30px 20px 30px; */
|
|
|
}
|
|
|
-
|
|
|
.bInfo_title {
|
|
|
- text-align: left;
|
|
|
- margin: 10px 0;
|
|
|
+ text-align: left;
|
|
|
+ margin: 10px 0;
|
|
|
}
|
|
|
-
|
|
|
.small_title {
|
|
|
- font-size: 14px;
|
|
|
- line-height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 40px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_beizhu {
|
|
|
- font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
- float: right;
|
|
|
- color: rgb(128, 128, 128);
|
|
|
- margin-top: 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ float: right;
|
|
|
+ color: rgb(128, 128, 128);
|
|
|
+ margin-top: 5px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_uploadBox1 {
|
|
|
- text-align: left;
|
|
|
- background-color: rgb(242, 242, 242);
|
|
|
- width: 100%;
|
|
|
- height: 67px;
|
|
|
- padding: 0px 15px;
|
|
|
- border-radius: 8px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
+ text-align: left;
|
|
|
+ background-color: rgb(242, 242, 242);
|
|
|
+ width: 100%;
|
|
|
+ height: 67px;
|
|
|
+ padding: 0px 15px;
|
|
|
+ border-radius: 8px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.chapter_add {
|
|
|
- width: 100%;
|
|
|
- height: 32px;
|
|
|
- margin-top: 15px;
|
|
|
- cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+ height: 32px;
|
|
|
+ margin-top: 15px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.chapter_add_l {
|
|
|
- margin-left: 5px;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- float: left;
|
|
|
- border: 1px solid #aaa;
|
|
|
- color: #aaa;
|
|
|
- border-radius: 50%;
|
|
|
- font-size: 25px;
|
|
|
- text-align: center;
|
|
|
+ margin-left: 5px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ float: left;
|
|
|
+ border: 1px solid #aaa;
|
|
|
+ color: #aaa;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 25px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.chapter_add_r {
|
|
|
- font-size: 18px;
|
|
|
- height: 40px;
|
|
|
- line-height: 30px;
|
|
|
- text-indent: 10px;
|
|
|
- color: #aaa;
|
|
|
+ font-size: 18px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 30px;
|
|
|
+ text-indent: 10px;
|
|
|
+ color: #aaa;
|
|
|
}
|
|
|
-
|
|
|
.chapter_add_r span {
|
|
|
- font-size: 12px;
|
|
|
- color: rgb(204, 204, 204);
|
|
|
+ font-size: 12px;
|
|
|
+ color: rgb(204, 204, 204);
|
|
|
}
|
|
|
-
|
|
|
.chapter_add_input {
|
|
|
- display: none;
|
|
|
+ display: none;
|
|
|
}
|
|
|
-
|
|
|
.line {
|
|
|
- width: 85%;
|
|
|
- margin: 0 auto;
|
|
|
- border-top: 1px solid #e5e5e5;
|
|
|
- margin-top: 20px;
|
|
|
+ width: 85%;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-top: 1px solid #e5e5e5;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
.info_btnBox {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-evenly;
|
|
|
- margin: 10px 0 10px 0;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ margin: 10px 0 10px 0;
|
|
|
}
|
|
|
-
|
|
|
.info_btn,
|
|
|
.teacherWord {
|
|
|
- color: #fff;
|
|
|
- background-color: #0f7eff;
|
|
|
- padding: 8px 24px;
|
|
|
- font-size: 0.9375rem;
|
|
|
- box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
|
|
|
- 0px 3px 1px -2px rgb(0 0 0 / 12%);
|
|
|
- min-width: 64px;
|
|
|
- font-weight: 500;
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- border: none;
|
|
|
- cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #0f7eff;
|
|
|
+ padding: 8px 24px;
|
|
|
+ font-size: 0.9375rem;
|
|
|
+ box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);
|
|
|
+ min-width: 64px;
|
|
|
+ font-weight: 500;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.teacherWord {
|
|
|
- width: 105px !important;
|
|
|
- text-align: center !important;
|
|
|
- line-height: 36px !important;
|
|
|
- padding: 0 !important;
|
|
|
- font-size: 14px !important;
|
|
|
- margin: 10px 0 !important;
|
|
|
+ width: 105px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ line-height: 36px !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ margin: 10px 0 !important;
|
|
|
}
|
|
|
-
|
|
|
.wordTeacher {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- width: 20%;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- margin: 30px 30px 0 10px;
|
|
|
- background: #fff;
|
|
|
- position: relative;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 25px 0px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 30px 30px 0 10px;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 25px 0px;
|
|
|
}
|
|
|
-
|
|
|
.wordPic {
|
|
|
- margin: 0 auto;
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
- cursor: pointer;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.deleteWord {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- position: absolute;
|
|
|
- right: 5px;
|
|
|
- top: -15px;
|
|
|
- cursor: pointer;
|
|
|
- display: none;
|
|
|
- z-index: 999;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ top: -15px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: none;
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
-
|
|
|
.wordPic>img,
|
|
|
.deleteWord>img,
|
|
|
.addToolImg>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.info_btn:hover {
|
|
|
- background-color: #4f7cd5 !important;
|
|
|
+ background-color: #4f7cd5 !important;
|
|
|
}
|
|
|
-
|
|
|
.cru_selectBox {
|
|
|
- display: flex;
|
|
|
- margin: 24px 0 10px;
|
|
|
- flex-wrap: nowrap;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: auto;
|
|
|
- position: relative;
|
|
|
- height: 47px;
|
|
|
+ display: flex;
|
|
|
+ margin: 24px 0 10px;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: auto;
|
|
|
+ position: relative;
|
|
|
+ height: 47px;
|
|
|
}
|
|
|
-
|
|
|
.cru_selectBox::-webkit-scrollbar {
|
|
|
- /*滚动条整体样式*/
|
|
|
- width: 6px;
|
|
|
- /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
- height: 6px;
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 6px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 6px;
|
|
|
}
|
|
|
-
|
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
|
|
.cru_selectBox::-webkit-scrollbar-track {
|
|
|
- border-radius: 10px;
|
|
|
- background-color: #eee;
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: #eee;
|
|
|
}
|
|
|
-
|
|
|
/*定义滑块 内阴影+圆角*/
|
|
|
.cru_selectBox::-webkit-scrollbar-thumb {
|
|
|
- border-radius: 10px;
|
|
|
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
- background-color: rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
-
|
|
|
.cru_line {
|
|
|
- position: absolute;
|
|
|
- bottom: 0px;
|
|
|
- transition: all 0.5s;
|
|
|
- left: 0px;
|
|
|
- width: 125px;
|
|
|
- margin-left: -25px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ transition: all 0.5s;
|
|
|
+ left: 0px;
|
|
|
+ width: 125px;
|
|
|
+ margin-left: -25px;
|
|
|
}
|
|
|
-
|
|
|
.cru_select {
|
|
|
- font-size: 21px;
|
|
|
- margin-right: 37px;
|
|
|
- margin-left: 5px;
|
|
|
- cursor: pointer;
|
|
|
- color: #a6a6a6;
|
|
|
+ font-size: 21px;
|
|
|
+ margin-right: 37px;
|
|
|
+ margin-left: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #a6a6a6;
|
|
|
}
|
|
|
-
|
|
|
.cru_selected {
|
|
|
- color: #0b7fc2 !important;
|
|
|
+ color: #0b7fc2 !important;
|
|
|
}
|
|
|
-
|
|
|
.chapter_contentbox {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-top: 15px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_contentbox>div:nth-child(1) {
|
|
|
- /* width: 150px; */
|
|
|
- margin: 0px;
|
|
|
- /* font-size: 2em; */
|
|
|
- color: black;
|
|
|
- display: block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- /* font-weight: 600; */
|
|
|
- margin-right: 20px;
|
|
|
- font-size: 18px;
|
|
|
+ /* width: 150px; */
|
|
|
+ margin: 0px;
|
|
|
+ /* font-size: 2em; */
|
|
|
+ color: black;
|
|
|
+ display: block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ /* font-weight: 600; */
|
|
|
+ margin-right: 20px;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_contentbox>div:nth-child(2) {
|
|
|
- width: 380px;
|
|
|
+ width: 380px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_contentbox>div:nth-child(3),
|
|
|
.remove {
|
|
|
- background-image: url("../../../assets/remove.png");
|
|
|
- cursor: pointer;
|
|
|
- opacity: 0.5;
|
|
|
- width: 40px !important;
|
|
|
- height: 50px;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: 5px 10px;
|
|
|
+ background-image: url("../../../assets/remove.png");
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 0.5;
|
|
|
+ width: 40px !important;
|
|
|
+ height: 50px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: 5px 10px;
|
|
|
}
|
|
|
-
|
|
|
.remove1 {
|
|
|
- background-image: url("../../../assets/remove1.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: 5px 10px;
|
|
|
- width: 40px;
|
|
|
- height: 50px;
|
|
|
- cursor: pointer;
|
|
|
+ background-image: url("../../../assets/remove1.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: 5px 10px;
|
|
|
+ width: 40px;
|
|
|
+ height: 50px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.binfo_input {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- width: 100%;
|
|
|
- margin: 0;
|
|
|
- /* padding: 15px 14px; */
|
|
|
- padding: 8px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- box-sizing: content-box;
|
|
|
- background: none;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- font-size: 18px;
|
|
|
+ font: inherit;
|
|
|
+ color: currentColor;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ /* padding: 15px 14px; */
|
|
|
+ padding: 8px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ box-sizing: content-box;
|
|
|
+ background: none;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
-
|
|
|
.binfo_input:focus-visible {
|
|
|
- border: 1px solid rgba(61, 103, 188);
|
|
|
+ border: 1px solid rgba(61, 103, 188);
|
|
|
}
|
|
|
-
|
|
|
.time {
|
|
|
- display: flex;
|
|
|
- margin: 35px 0 80px 0;
|
|
|
+ display: flex;
|
|
|
+ margin: 35px 0 80px 0;
|
|
|
}
|
|
|
-
|
|
|
.chapter_btnbox {
|
|
|
- width: 160px;
|
|
|
- border-radius: 5px;
|
|
|
- border: 2px dashed gray;
|
|
|
- display: flex;
|
|
|
- padding: 8px 50px;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin: 30px auto 0;
|
|
|
- cursor: pointer;
|
|
|
+ width: 160px;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 2px dashed gray;
|
|
|
+ display: flex;
|
|
|
+ padding: 8px 50px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 30px auto 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.icon_add {
|
|
|
- position: relative;
|
|
|
- width: 24px;
|
|
|
- padding-top: 20px;
|
|
|
- border-radius: 100%;
|
|
|
- border-width: 2px;
|
|
|
- border-style: solid;
|
|
|
- border-color: gray;
|
|
|
+ position: relative;
|
|
|
+ width: 24px;
|
|
|
+ padding-top: 20px;
|
|
|
+ border-radius: 100%;
|
|
|
+ border-width: 2px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: gray;
|
|
|
}
|
|
|
-
|
|
|
.icon_add i:nth-child(1) {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- height: 60%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- border-width: 1px;
|
|
|
- border-style: solid;
|
|
|
- border-color: inherit;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ height: 60%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ border-width: 1px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: inherit;
|
|
|
}
|
|
|
-
|
|
|
.icon_add i:nth-child(2) {
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- width: 60%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- border-width: 1px;
|
|
|
- border-style: solid;
|
|
|
- border-color: inherit;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ width: 60%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ border-width: 1px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: inherit;
|
|
|
}
|
|
|
-
|
|
|
.chapter_btn_w {
|
|
|
- font-size: 0.9375rem;
|
|
|
- font-weight: bold;
|
|
|
- color: gray;
|
|
|
- margin-left: 20px;
|
|
|
+ font-size: 0.9375rem;
|
|
|
+ font-weight: bold;
|
|
|
+ color: gray;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
-
|
|
|
.disUoloadSty>>>.el-icon-plus {
|
|
|
- display: none !important;
|
|
|
- /* 上传按钮隐藏 */
|
|
|
+ display: none !important;
|
|
|
+ /* 上传按钮隐藏 */
|
|
|
}
|
|
|
-
|
|
|
.imgLeft {
|
|
|
- margin: 15px 0;
|
|
|
+ margin: 15px 0;
|
|
|
}
|
|
|
-
|
|
|
.add_info_box {
|
|
|
- margin: 20px 0;
|
|
|
+ margin: 20px 0;
|
|
|
}
|
|
|
-
|
|
|
.add_info_box button {
|
|
|
- margin: 0 10px 10px 0;
|
|
|
+ margin: 0 10px 10px 0;
|
|
|
}
|
|
|
-
|
|
|
.add_chapters_box {
|
|
|
- text-align: left;
|
|
|
- background-color: rgb(232 234 237);
|
|
|
- width: 100%;
|
|
|
- padding: 0px 15px;
|
|
|
- border-radius: 15px;
|
|
|
- font-size: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- padding: 0 10px 5px 10px;
|
|
|
- height: 185px;
|
|
|
- overflow-y: auto;
|
|
|
- overflow-x: hidden;
|
|
|
+ text-align: left;
|
|
|
+ background-color: rgb(232 234 237);
|
|
|
+ width: 100%;
|
|
|
+ padding: 0px 15px;
|
|
|
+ border-radius: 15px;
|
|
|
+ font-size: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 10px 5px 10px;
|
|
|
+ height: 185px;
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
}
|
|
|
-
|
|
|
.homework_box {
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- flex-wrap: wrap;
|
|
|
- margin: 15px 0 0 0;
|
|
|
- flex-direction: column;
|
|
|
- align-content: flex-start;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin: 15px 0 0 0;
|
|
|
+ flex-direction: column;
|
|
|
+ align-content: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.course_homework {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- margin: 0 10px 0 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
}
|
|
|
-
|
|
|
.course_homework>>>.el-input__inner {
|
|
|
- width: 140px;
|
|
|
- margin-left: 15px;
|
|
|
+ width: 140px;
|
|
|
+ margin-left: 15px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_move {
|
|
|
- position: relative;
|
|
|
- background-color: #fff;
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- top: 0px;
|
|
|
- left: 0px;
|
|
|
- border: 1px solid #eee;
|
|
|
- border-radius: 5px;
|
|
|
- transition: width 2s;
|
|
|
- -moz-transition: width 2s;
|
|
|
- -webkit-transition: width 2s;
|
|
|
- -o-transition: width 2s;
|
|
|
+ position: relative;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 5px;
|
|
|
+ transition: width 2s;
|
|
|
+ -moz-transition: width 2s;
|
|
|
+ -webkit-transition: width 2s;
|
|
|
+ -o-transition: width 2s;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_l_i {
|
|
|
- background-image: url("../../../assets/icon.png");
|
|
|
- background-position: 3px -165px;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- margin: 10px auto 0 auto;
|
|
|
+ background-image: url("../../../assets/icon.png");
|
|
|
+ background-position: 3px -165px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 10px auto 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.left_first {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
}
|
|
|
-
|
|
|
.right_first {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- margin-top: 15px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
-
|
|
|
.right_title {
|
|
|
- height: 30px;
|
|
|
- padding: 15px 0 15px 20px;
|
|
|
- border-bottom: 1px solid #f2f2f2;
|
|
|
- font-size: 1.5em;
|
|
|
- font-weight: bold;
|
|
|
- color: #0f7eff;
|
|
|
- margin: 0 auto;
|
|
|
+ height: 30px;
|
|
|
+ padding: 15px 0 15px 20px;
|
|
|
+ border-bottom: 1px solid #f2f2f2;
|
|
|
+ font-size: 1.5em;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #0f7eff;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.people {
|
|
|
- border: 1px solid rgb(229 229 229);
|
|
|
- height: 495px;
|
|
|
- border-radius: 5px;
|
|
|
- width: 100%;
|
|
|
- overflow: auto;
|
|
|
+ border: 1px solid rgb(229 229 229);
|
|
|
+ height: 495px;
|
|
|
+ border-radius: 5px;
|
|
|
+ width: 100%;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.people_top {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
- /* justify-content: space-between; */
|
|
|
- /* align-items: center; */
|
|
|
- flex-direction: column;
|
|
|
- padding: 10px 25px 0;
|
|
|
- box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ /* justify-content: space-between; */
|
|
|
+ /* align-items: center; */
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 10px 25px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.people_nav,
|
|
|
.people_top_right {
|
|
|
- /* padding: 20px 0 0 20px; */
|
|
|
+ /* padding: 20px 0 0 20px; */
|
|
|
}
|
|
|
-
|
|
|
.people_top_right {
|
|
|
- height: 40px;
|
|
|
- margin-bottom: 10px;
|
|
|
+ height: 40px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.people_search {
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.people_search>>>.el-input__inner {
|
|
|
- /* height: 25px; */
|
|
|
- width: 95%;
|
|
|
+ /* height: 25px; */
|
|
|
+ width: 95%;
|
|
|
}
|
|
|
-
|
|
|
.search_img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: absolute;
|
|
|
- right: 30px;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
}
|
|
|
-
|
|
|
.search_img>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.people_name {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- padding: 10px 0 0 25px;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ padding: 10px 0 0 25px;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.people_name>>>.el-checkbox {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.people_name>>>.el-checkbox__label {
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- width: 100%;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.right_img {
|
|
|
- width: 150px;
|
|
|
- height: 150px;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.right_img>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.number {
|
|
|
- margin-top: 20px;
|
|
|
- color: #4aa6ff;
|
|
|
- text-decoration: underline;
|
|
|
+ margin-top: 20px;
|
|
|
+ color: #4aa6ff;
|
|
|
+ text-decoration: underline;
|
|
|
}
|
|
|
-
|
|
|
.success_button {
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
- margin: 5% 0 auto;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: center;
|
|
|
+ display: flex;
|
|
|
+ text-align: center;
|
|
|
+ margin: 5% 0 auto;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.look_course {
|
|
|
- margin-right: 40px;
|
|
|
- background: #3d67bc;
|
|
|
- width: 200px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
+ margin-right: 40px;
|
|
|
+ background: #3d67bc;
|
|
|
+ width: 200px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.attend_others {
|
|
|
- width: 250px;
|
|
|
- background: #4fb13c;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
+ width: 250px;
|
|
|
+ background: #4fb13c;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.dialog_diy2>>>.el-dialog__body {
|
|
|
- text-align: center;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.write_togother {
|
|
|
- position: absolute;
|
|
|
- right: 45px;
|
|
|
- display: flex;
|
|
|
- top: 5%;
|
|
|
+ position: absolute;
|
|
|
+ right: 45px;
|
|
|
+ display: flex;
|
|
|
+ top: 5%;
|
|
|
}
|
|
|
-
|
|
|
.write_people {
|
|
|
- font-size: 14px;
|
|
|
- line-height: 50px;
|
|
|
- padding-right: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 50px;
|
|
|
+ padding-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.end_write {
|
|
|
- background: #3d67bc;
|
|
|
- color: #fff;
|
|
|
- width: 100px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
+ background: #3d67bc;
|
|
|
+ color: #fff;
|
|
|
+ width: 100px;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload {
|
|
|
- height: 50px;
|
|
|
- margin-top: 12px;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- min-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ margin-top: 12px;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 50px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_t {
|
|
|
- background-color: #fff;
|
|
|
- position: absolute;
|
|
|
- height: 100%;
|
|
|
- top: 0px;
|
|
|
- left: 0px;
|
|
|
- border-radius: 40px;
|
|
|
- box-sizing: border-box;
|
|
|
- box-shadow: 0 0 3px 3px #dfdfdf;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ height: 100%;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ border-radius: 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-shadow: 0 0 3px 3px #dfdfdf;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_o {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ic {
|
|
|
- height: 30px;
|
|
|
- float: right;
|
|
|
+ height: 30px;
|
|
|
+ float: right;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ic_l {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- float: left;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ float: left;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ic_l div {
|
|
|
- width: 30px;
|
|
|
- height: 35px;
|
|
|
- background: url("../../../assets/icon/icon.png");
|
|
|
+ width: 30px;
|
|
|
+ height: 35px;
|
|
|
+ background: url("../../../assets/icon/icon.png");
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ic_r {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- float: left;
|
|
|
- margin-left: 0px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 0px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ic_r div {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- background-image: url("../../../assets/delete.png");
|
|
|
- background-size: 100% 100%;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ background-image: url("../../../assets/delete.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_n {
|
|
|
- display: flex;
|
|
|
- text-indent: 10px;
|
|
|
- text-decoration: none;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- width: 55%;
|
|
|
- margin-left: 10px;
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 2px;
|
|
|
+ display: flex;
|
|
|
+ text-indent: 10px;
|
|
|
+ text-decoration: none;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 55%;
|
|
|
+ margin-left: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 2px;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_l_i1 {
|
|
|
- background-image: url("../../../assets/icon/video.png");
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- background-size: 100% 100%;
|
|
|
+ background-image: url("../../../assets/icon/video.png");
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_l_i5 {
|
|
|
- background-image: url("../../../assets/icon/word.png");
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- background-size: 100% 100%;
|
|
|
+ background-image: url("../../../assets/icon/word.png");
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_l_i8 {
|
|
|
- background-image: url("../../../assets/icon/line.png");
|
|
|
- width: 24px;
|
|
|
- height: 24px;
|
|
|
- background-size: 100% 100%;
|
|
|
+ background-image: url("../../../assets/icon/line.png");
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ background-size: 100% 100%;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_ud {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- margin-left: 5px;
|
|
|
- justify-content: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-left: 5px;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_up {
|
|
|
- background-image: url("../../../assets/icon/up.png");
|
|
|
- width: 17px;
|
|
|
- height: 15px;
|
|
|
- background-size: 100% 100%;
|
|
|
- cursor: pointer;
|
|
|
+ background-image: url("../../../assets/icon/up.png");
|
|
|
+ width: 17px;
|
|
|
+ height: 15px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.chapter_upload_down {
|
|
|
- background-image: url("../../../assets/icon/down.png");
|
|
|
- width: 17px;
|
|
|
- height: 15px;
|
|
|
- margin: 2px auto 0 auto;
|
|
|
- background-size: 100% 100%;
|
|
|
- cursor: pointer;
|
|
|
+ background-image: url("../../../assets/icon/down.png");
|
|
|
+ width: 17px;
|
|
|
+ height: 15px;
|
|
|
+ margin: 2px auto 0 auto;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addWordStyle {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- overflow-x: auto;
|
|
|
- white-space: nowrap;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ overflow-x: auto;
|
|
|
+ white-space: nowrap;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
/* table 样式 */
|
|
|
.cont>>>table {
|
|
|
- border-top: 1px solid #ccc;
|
|
|
- border-left: 1px solid #ccc;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
}
|
|
|
-
|
|
|
.cont>>>table td,
|
|
|
.cont>>>table th {
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- border-right: 1px solid #ccc;
|
|
|
- /* padding: 20px 5px; */
|
|
|
- padding: 10px 10px;
|
|
|
- max-width: 0px;
|
|
|
- vertical-align: baseline;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ /* padding: 20px 5px; */
|
|
|
+ padding: 10px 10px;
|
|
|
+ max-width: 0px;
|
|
|
+ vertical-align: baseline;
|
|
|
}
|
|
|
-
|
|
|
.cont>>>table th {
|
|
|
- border-bottom: 2px solid #ccc;
|
|
|
- text-align: center;
|
|
|
+ border-bottom: 2px solid #ccc;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
/* blockquote 样式 */
|
|
|
.cont>>>blockquote {
|
|
|
- display: block;
|
|
|
- border-left: 8px solid #d0e5f2;
|
|
|
- padding: 5px 10px;
|
|
|
- margin: 10px 0;
|
|
|
- line-height: 1.4;
|
|
|
- font-size: 100%;
|
|
|
- background-color: #f1f1f1;
|
|
|
+ display: block;
|
|
|
+ border-left: 8px solid #d0e5f2;
|
|
|
+ padding: 5px 10px;
|
|
|
+ margin: 10px 0;
|
|
|
+ line-height: 1.4;
|
|
|
+ font-size: 100%;
|
|
|
+ background-color: #f1f1f1;
|
|
|
}
|
|
|
-
|
|
|
/* code 样式 */
|
|
|
.cont>>>code {
|
|
|
- display: inline-block;
|
|
|
- *display: inline;
|
|
|
- *zoom: 1;
|
|
|
- background-color: #f1f1f1;
|
|
|
- border-radius: 3px;
|
|
|
- padding: 3px 5px;
|
|
|
- margin: 0 3px;
|
|
|
+ display: inline-block;
|
|
|
+ *display: inline;
|
|
|
+ *zoom: 1;
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ margin: 0 3px;
|
|
|
}
|
|
|
-
|
|
|
.cont>>>pre code {
|
|
|
- display: block;
|
|
|
+ display: block;
|
|
|
}
|
|
|
-
|
|
|
/* ul ol 样式 */
|
|
|
.cont>>>ul,
|
|
|
ol {
|
|
|
- margin: 10px 0 10px 20px;
|
|
|
+ margin: 10px 0 10px 20px;
|
|
|
}
|
|
|
-
|
|
|
.wordbox {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- cursor: pointer;
|
|
|
- width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.checkword {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- margin: 10px auto 0;
|
|
|
- cursor: pointer;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ margin: 10px auto 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.checkword img {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.stepBg {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background: #fff;
|
|
|
- width: 300px;
|
|
|
- margin: 0 25px 0 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ width: 300px;
|
|
|
+ margin: 0 25px 0 0;
|
|
|
}
|
|
|
-
|
|
|
.stepTop {
|
|
|
- min-width: 300px;
|
|
|
- width: 300px;
|
|
|
- /* border-radius: 10px; */
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: nowrap;
|
|
|
- background: #fff;
|
|
|
- /* top: 18%; */
|
|
|
+ min-width: 300px;
|
|
|
+ width: 300px;
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ background: #fff;
|
|
|
+ /* top: 18%; */
|
|
|
}
|
|
|
-
|
|
|
.stepTop>div {
|
|
|
- height: 80px;
|
|
|
- width: 85%;
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0;
|
|
|
- border-radius: 10px;
|
|
|
+ height: 80px;
|
|
|
+ width: 85%;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px 0;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
-
|
|
|
.first,
|
|
|
.second,
|
|
|
.third,
|
|
|
.four {
|
|
|
- background: #4a83d0;
|
|
|
- height: 90px;
|
|
|
- color: #fff;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ background: #4a83d0;
|
|
|
+ height: 90px;
|
|
|
+ color: #fff;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.first>div:nth-child(1),
|
|
|
.second>div:nth-child(1),
|
|
|
.third>div:nth-child(1),
|
|
|
.four>div:nth-child(1) {
|
|
|
- margin: 5px 10px 0 0;
|
|
|
- width: 2rem;
|
|
|
+ margin: 5px 10px 0 0;
|
|
|
+ width: 2rem;
|
|
|
}
|
|
|
-
|
|
|
.firstNo,
|
|
|
.secondNo,
|
|
|
.thirdNo,
|
|
|
.fourNo {
|
|
|
- background: #e7e7e7;
|
|
|
- color: #adadad;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ background: #e7e7e7;
|
|
|
+ color: #adadad;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.firstNo>div:nth-child(1),
|
|
|
.secondNo>div:nth-child(1),
|
|
|
.thirdNo>div:nth-child(1),
|
|
|
.fourNo>div:nth-child(1) {
|
|
|
- margin: 5px 10px 0 0;
|
|
|
- width: 2rem;
|
|
|
+ margin: 5px 10px 0 0;
|
|
|
+ width: 2rem;
|
|
|
}
|
|
|
-
|
|
|
.uploadWidth>>>.el-upload {
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
- position: relative;
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.addPeople {
|
|
|
- background: #fa6060;
|
|
|
- width: 150px;
|
|
|
- height: 40px;
|
|
|
- color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- text-align: center;
|
|
|
- line-height: 40px;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 20px;
|
|
|
+ background: #fa6060;
|
|
|
+ width: 150px;
|
|
|
+ height: 40px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
.kcImg {
|
|
|
- width: 60px;
|
|
|
- margin-left: 10px;
|
|
|
+ width: 60px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
-
|
|
|
.zyImg {
|
|
|
- width: 55px;
|
|
|
- margin: 0 10px;
|
|
|
+ width: 55px;
|
|
|
+ margin: 0 10px;
|
|
|
}
|
|
|
-
|
|
|
.deleteZy {
|
|
|
- width: 20px;
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- right: 5px;
|
|
|
- cursor: pointer;
|
|
|
+ width: 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ right: 5px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.kcImg>img,
|
|
|
.zyImg>img,
|
|
|
.deleteZy>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.zyBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- background: #67d37d;
|
|
|
- color: #fff;
|
|
|
- width: 210px;
|
|
|
- margin: 20px 20px 0 0;
|
|
|
- border-radius: 10px;
|
|
|
- height: 70px;
|
|
|
- position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ background: #67d37d;
|
|
|
+ color: #fff;
|
|
|
+ width: 210px;
|
|
|
+ margin: 20px 20px 0 0;
|
|
|
+ border-radius: 10px;
|
|
|
+ height: 70px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.upCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.upCss>>>.el-icon-plus {
|
|
|
- position: none !important;
|
|
|
- width: 200px;
|
|
|
- height: 100px;
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border: 1px dashed #ccc;
|
|
|
- min-width: 78px;
|
|
|
- min-height: 100px;
|
|
|
- z-index: 999;
|
|
|
+ position: none !important;
|
|
|
+ width: 200px;
|
|
|
+ height: 100px;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ min-width: 78px;
|
|
|
+ min-height: 100px;
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
-
|
|
|
.upCss>>>.el-upload-list__item-name {
|
|
|
- width: 100px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ width: 100px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.addStageImg {
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- cursor: pointer;
|
|
|
+ min-width: 25px;
|
|
|
+ min-height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addHW {
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- cursor: pointer;
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addStageImg>img,
|
|
|
.addHW>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.addNewPP>>>.el-dialog__body {
|
|
|
- padding: 5px 20px;
|
|
|
+ padding: 5px 20px;
|
|
|
}
|
|
|
-
|
|
|
.isHeight {
|
|
|
- height: 680px;
|
|
|
+ height: 680px;
|
|
|
}
|
|
|
-
|
|
|
.toolChoose {
|
|
|
- display: flex;
|
|
|
- /* width: 100%; */
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ /* width: 100%; */
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.tool {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- width: fit-content;
|
|
|
- margin: 10px 0 10px 0;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ width: fit-content;
|
|
|
+ margin: 10px 0 10px 0;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.tool+.tool {
|
|
|
- margin-right: 45px;
|
|
|
+ margin-right: 45px;
|
|
|
}
|
|
|
-
|
|
|
.whiteBIcon {
|
|
|
- width: 80px;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
+ width: 80px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.whiteBIcon>img,
|
|
|
.toolIcon>img,
|
|
|
.arrow>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.check img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
}
|
|
|
-
|
|
|
.whiteBIcon>img {
|
|
|
- box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
|
|
|
- border-radius: 15px;
|
|
|
+ box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
|
|
|
+ border-radius: 15px;
|
|
|
}
|
|
|
-
|
|
|
.check {
|
|
|
- /* width: 20px;
|
|
|
- height: 20px; */
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0;
|
|
|
+ /* width: 20px;
|
|
|
+ height: 20px; */
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px 0;
|
|
|
}
|
|
|
-
|
|
|
.checkDiv {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.checkDiv span {
|
|
|
- margin-left: 5px;
|
|
|
- color: #858585;
|
|
|
+ margin-left: 5px;
|
|
|
+ color: #858585;
|
|
|
}
|
|
|
-
|
|
|
.customWidth>>>.el-dialog {
|
|
|
- min-width: 500px !important;
|
|
|
+ min-width: 500px !important;
|
|
|
}
|
|
|
-
|
|
|
.a_addBox {
|
|
|
- margin: 10px 0;
|
|
|
- background: #fff;
|
|
|
- padding: 15px;
|
|
|
- max-height: 600px;
|
|
|
- overflow: auto;
|
|
|
+ margin: 10px 0;
|
|
|
+ background: #fff;
|
|
|
+ padding: 15px;
|
|
|
+ max-height: 600px;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.a_add_box {
|
|
|
- border-bottom: 2px solid #eee;
|
|
|
- padding-bottom: 10px;
|
|
|
+ border-bottom: 2px solid #eee;
|
|
|
+ padding-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_head {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- margin: 10px 0;
|
|
|
- font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 10px 0;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_checkType {
|
|
|
- margin-top: 10px;
|
|
|
- display: flex;
|
|
|
- font-size: 16px;
|
|
|
+ margin-top: 10px;
|
|
|
+ display: flex;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_checkType span {
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 0 5px 0;
|
|
|
- cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0 5px 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.a_add_checkType span+span {
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_checkType .active {
|
|
|
- border-bottom: 2px solid #409eff;
|
|
|
- color: #409eff;
|
|
|
+ border-bottom: 2px solid #409eff;
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
-
|
|
|
.a_add_head .a_add_head_input {
|
|
|
- width: 300px;
|
|
|
+ width: 300px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_head .a_add_head_div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
-
|
|
|
.a_add_body {
|
|
|
- display: flex;
|
|
|
- /* align-items: center; */
|
|
|
- align-items: flex-end;
|
|
|
+ display: flex;
|
|
|
+ /* align-items: center; */
|
|
|
+ align-items: flex-end;
|
|
|
}
|
|
|
-
|
|
|
.a_add_input {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.a_add_input_choice {
|
|
|
- flex-direction: column;
|
|
|
- margin-right: 10px;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.a_add_input_choice>>>.el-radio {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: row-reverse;
|
|
|
- margin: 10px 0 0 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
}
|
|
|
-
|
|
|
.a_add_input_choice>>>.el-checkbox {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: row-reverse;
|
|
|
- margin: 10px 0 0 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
}
|
|
|
-
|
|
|
.width100 {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.a_add_input .a_add_persent {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.a_add_persent_div {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.a_add_persent_div span {
|
|
|
- margin: 5px 0;
|
|
|
+ margin: 5px 0;
|
|
|
}
|
|
|
-
|
|
|
.a_add_persent_div span:nth-child(1) {
|
|
|
- width: 30%;
|
|
|
+ width: 30%;
|
|
|
}
|
|
|
-
|
|
|
.a_add_persent_div span:nth-child(2) {
|
|
|
- width: 7%;
|
|
|
+ width: 7%;
|
|
|
}
|
|
|
-
|
|
|
.a_add_persent_div span:nth-child(3) {
|
|
|
- width: 40%;
|
|
|
+ width: 40%;
|
|
|
}
|
|
|
-
|
|
|
.a_add_body_div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- /* flex-direction: column; */
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ /* flex-direction: column; */
|
|
|
}
|
|
|
-
|
|
|
.all_choose {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: flex-start;
|
|
|
- width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: flex-start;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.all_choose>span {
|
|
|
- width: 100px;
|
|
|
- display: block;
|
|
|
- letter-spacing: 14px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ width: 100px;
|
|
|
+ display: block;
|
|
|
+ letter-spacing: 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.all_choose>>>.el-checkbox-group {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- width: 100%;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-content: center;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin-top: 3px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ width: 100%;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-content: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 3px;
|
|
|
}
|
|
|
-
|
|
|
.all_choose>.el-checkbox-group>>>.el-checkbox {
|
|
|
- margin-bottom: 10px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
|
|
|
- min-width: 80px;
|
|
|
- overflow: hidden;
|
|
|
- width: 80px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ min-width: 80px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 80px;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
-
|
|
|
.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label:hover {
|
|
|
- width: auto;
|
|
|
+ width: auto;
|
|
|
}
|
|
|
-
|
|
|
.choose>div:nth-child(3)>span {
|
|
|
- /* letter-spacing: 0 !important; */
|
|
|
+ /* letter-spacing: 0 !important; */
|
|
|
}
|
|
|
-
|
|
|
.choose {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- height: 100%;
|
|
|
- justify-content: space-evenly;
|
|
|
- align-items: flex-start;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ height: 100%;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ align-items: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.both {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- margin: 30px 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 100%;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 30px 0;
|
|
|
}
|
|
|
-
|
|
|
.subjectBox {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ width: 100%;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.subjectList {}
|
|
|
-
|
|
|
.subjectBtn {
|
|
|
- margin-left: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- border: 1px dashed #bfbfbf;
|
|
|
- padding: 2px 5px;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 14px;
|
|
|
- color: #545454;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 1px dashed #bfbfbf;
|
|
|
+ padding: 2px 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #545454;
|
|
|
}
|
|
|
-
|
|
|
.notice>>>.el-dialog {
|
|
|
- width: 500px !important;
|
|
|
- text-align: center;
|
|
|
+ width: 500px !important;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.notice>>>.el-button {
|
|
|
- margin-top: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
.whiteBg {
|
|
|
- background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
-
|
|
|
.chooseWho {
|
|
|
- display: flex;
|
|
|
- width: 380px;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- padding-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ width: 380px;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.chooseWho>div {
|
|
|
- cursor: pointer;
|
|
|
- padding-bottom: 10px;
|
|
|
- font-weight: bold;
|
|
|
+ cursor: pointer;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
-
|
|
|
.isChooseActive {
|
|
|
- color: #3e88f4;
|
|
|
- border-bottom: 2px solid #2f80f3;
|
|
|
+ color: #3e88f4;
|
|
|
+ border-bottom: 2px solid #2f80f3;
|
|
|
}
|
|
|
-
|
|
|
.toolSort {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: flex-start;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.toolSort>div {
|
|
|
- margin-right: 45px;
|
|
|
+ margin-right: 45px;
|
|
|
}
|
|
|
-
|
|
|
.tools {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.leftTools,
|
|
|
.rightTools {
|
|
|
- width: 50%;
|
|
|
+ width: 50%;
|
|
|
}
|
|
|
-
|
|
|
.rightTools {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-around;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-around;
|
|
|
}
|
|
|
-
|
|
|
.firstToolList {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.iconList {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin: 20px 0 5px 0;
|
|
|
- width: 240px;
|
|
|
- min-width: 240px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ margin: 20px 0 5px 0;
|
|
|
+ width: 240px;
|
|
|
+ min-width: 240px;
|
|
|
}
|
|
|
-
|
|
|
.iconTool {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- margin: 15px 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 15px 10px;
|
|
|
}
|
|
|
-
|
|
|
.toolIcon {
|
|
|
- width: 50px;
|
|
|
+ width: 50px;
|
|
|
}
|
|
|
-
|
|
|
.taskBorder {
|
|
|
- border: 1px solid #e1e1e1;
|
|
|
- border-radius: 10px;
|
|
|
- margin-top: 20px;
|
|
|
- min-height: 690px;
|
|
|
- position: relative;
|
|
|
- background: #fbfbfb;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-top: 20px;
|
|
|
+ min-height: 690px;
|
|
|
+ position: relative;
|
|
|
+ background: #fbfbfb;
|
|
|
}
|
|
|
-
|
|
|
.smallTaskBorder {
|
|
|
- height: 170px;
|
|
|
- min-height: 170px !important;
|
|
|
- overflow: hidden;
|
|
|
+ height: 170px;
|
|
|
+ min-height: 170px !important;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
.taskBorder>div {
|
|
|
- padding: 30px 0 10px 30px;
|
|
|
+ padding: 30px 0 10px 30px;
|
|
|
}
|
|
|
-
|
|
|
.addTaskBorder {
|
|
|
- border: 2px solid #e1e1e1;
|
|
|
- border-radius: 10px;
|
|
|
- margin-top: 25px;
|
|
|
- cursor: pointer;
|
|
|
+ border: 2px solid #e1e1e1;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-top: 25px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addTaskBorder>div {
|
|
|
- margin: 0 auto;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.addTaskBorder>div>img {
|
|
|
- width: 100px;
|
|
|
+ width: 100px;
|
|
|
}
|
|
|
-
|
|
|
.addTaskBorder>div>span {
|
|
|
- font-size: 23px;
|
|
|
- color: #dbdbdb;
|
|
|
+ font-size: 23px;
|
|
|
+ color: #dbdbdb;
|
|
|
}
|
|
|
-
|
|
|
.task_add_title {
|
|
|
- margin: 50px 0px 10px;
|
|
|
- font-size: 1.5em;
|
|
|
- font-weight: 700;
|
|
|
- color: #0f7eff;
|
|
|
+ margin: 50px 0px 10px;
|
|
|
+ font-size: 1.5em;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #0f7eff;
|
|
|
}
|
|
|
-
|
|
|
.task_add_title::after {
|
|
|
- content: "提示：建议不要多账户同时编辑同一个任务";
|
|
|
- font-size: 14px;
|
|
|
- margin-left: 5px;
|
|
|
- font-weight: 400;
|
|
|
- color: #ff3a3a;
|
|
|
+ content: "提示：建议不要多账户同时编辑同一个任务";
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 5px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ff3a3a;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
.funBlock {
|
|
|
- display: flex;
|
|
|
- padding: 15px 0;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-end;
|
|
|
- align-items: center;
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- bottom: 35px;
|
|
|
+ display: flex;
|
|
|
+ padding: 15px 0;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ bottom: 35px;
|
|
|
}
|
|
|
-
|
|
|
.fold {
|
|
|
- display: flex;
|
|
|
- margin: 0 10px;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ margin: 0 10px;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.arrow {
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- margin-left: 10px;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
-
|
|
|
.addToolFunBox {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-bottom: 35px;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 35px;
|
|
|
}
|
|
|
-
|
|
|
.addToolFun+.addToolFun {
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
-
|
|
|
.addToolFun {
|
|
|
- display: flex;
|
|
|
- width: 150px;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border: 1px dashed;
|
|
|
- border-radius: 5px;
|
|
|
- height: 50px;
|
|
|
- /* margin: 35px auto 0; */
|
|
|
- cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ width: 150px;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border: 1px dashed;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 50px;
|
|
|
+ /* margin: 35px auto 0; */
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addToolImg {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- margin-right: 20px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ margin-right: 20px;
|
|
|
}
|
|
|
-
|
|
|
.addToolsDia>>>.el-dialog__body {
|
|
|
- padding: 20px;
|
|
|
+ padding: 20px;
|
|
|
}
|
|
|
-
|
|
|
.addToolsDia>>>.el-dialog__body>.toolChoose {
|
|
|
- padding: 0;
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-
|
|
|
.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools {
|
|
|
- padding: 0;
|
|
|
- border-bottom: none;
|
|
|
- margin-bottom: 0;
|
|
|
+ padding: 0;
|
|
|
+ border-bottom: none;
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
-
|
|
|
.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools>.chooseWho {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.lineCss>>>.el-form-item__label {
|
|
|
- width: auto !important;
|
|
|
+ width: auto !important;
|
|
|
}
|
|
|
-
|
|
|
.lineCss>>>.el-form-item__content {
|
|
|
- margin-left: 50px !important;
|
|
|
+ margin-left: 50px !important;
|
|
|
}
|
|
|
-
|
|
|
.newSteps {
|
|
|
- display: flex;
|
|
|
- width: 100% !important;
|
|
|
- height: 80px;
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0;
|
|
|
- border-radius: 10px;
|
|
|
- flex-direction: row;
|
|
|
- align-content: center;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- margin: 0 !important;
|
|
|
+ display: flex;
|
|
|
+ width: 100% !important;
|
|
|
+ height: 80px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px 0;
|
|
|
+ border-radius: 10px;
|
|
|
+ flex-direction: row;
|
|
|
+ align-content: center;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 !important;
|
|
|
}
|
|
|
-
|
|
|
/* 评价样式 */
|
|
|
.elist_css {
|
|
|
- padding-bottom: 60px !important;
|
|
|
+ padding-bottom: 60px !important;
|
|
|
}
|
|
|
-
|
|
|
.elist_title {
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.elist_input {}
|
|
|
-
|
|
|
.elist_input_box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.elist_input_box+.elist_input_box {
|
|
|
- margin-top: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
-
|
|
|
.elist_input .elist_input_box input {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- /* width: 200px; */
|
|
|
- max-width: 200px;
|
|
|
- padding: 8px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- margin: 0 20px 0 0;
|
|
|
+ font: inherit;
|
|
|
+ color: currentColor;
|
|
|
+ /* width: 200px; */
|
|
|
+ max-width: 200px;
|
|
|
+ padding: 8px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 20px 0 0;
|
|
|
}
|
|
|
-
|
|
|
.elist_input .elist_input_box span {
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- color: rgb(82, 82, 82);
|
|
|
- min-width: 80px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ color: rgb(82, 82, 82);
|
|
|
+ min-width: 80px;
|
|
|
}
|
|
|
-
|
|
|
.elist_input .elist_input_box .remove {
|
|
|
- height: 20px;
|
|
|
- width: 20px;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-position: unset;
|
|
|
- margin-left: 5px;
|
|
|
+ height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-position: unset;
|
|
|
+ margin-left: 5px;
|
|
|
}
|
|
|
-
|
|
|
.elist_input_box>>>.el-rate {
|
|
|
- display: flex;
|
|
|
- height: 36px;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ height: 36px;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.elist_input_box .elist_inptu_text {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-top: 10px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
-
|
|
|
.elist_input_box .elist_inptu_text input {
|
|
|
- /* width: 500px; */
|
|
|
- width: 100%;
|
|
|
- max-width: unset;
|
|
|
+ /* width: 500px; */
|
|
|
+ width: 100%;
|
|
|
+ max-width: unset;
|
|
|
}
|
|
|
-
|
|
|
.elist_input_box>>>.el-rate__icon {
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 24px;
|
|
|
}
|
|
|
-
|
|
|
.elist_btn {
|
|
|
- margin-top: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
}
|
|
|
-
|
|
|
.lineTitle {
|
|
|
- margin-top: 15px;
|
|
|
- width: 110px;
|
|
|
+ margin-top: 15px;
|
|
|
+ width: 110px;
|
|
|
}
|
|
|
-
|
|
|
.courseTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- /* width: 100%; */
|
|
|
- width: calc(100% - 20px);
|
|
|
- /* background: rgb(255, 255, 255); */
|
|
|
- /* border-radius: 10px; */
|
|
|
- padding: 20px 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ /* width: 100%; */
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ /* background: rgb(255, 255, 255); */
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ padding: 20px 0;
|
|
|
}
|
|
|
-
|
|
|
.stepsNav {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.stepsWord {
|
|
|
- font-size: 18px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- margin-left: auto;
|
|
|
- background: rgb(15, 126, 255);
|
|
|
- border-radius: 5px;
|
|
|
- padding: 3px 25px;
|
|
|
- box-sizing: border-box;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: auto;
|
|
|
+ background: rgb(15, 126, 255);
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 3px 25px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.rightBox {
|
|
|
- width: calc(100% - 20px);
|
|
|
- background: rgb(255, 255, 255);
|
|
|
- border-radius: 10px;
|
|
|
- overflow: auto;
|
|
|
- height: calc(100% - 130px);
|
|
|
- position: relative;
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ border-radius: 10px;
|
|
|
+ overflow: auto;
|
|
|
+ height: calc(100% - 130px);
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.e_add_top {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 20px 20px 0 20px;
|
|
|
- border-radius: 3px;
|
|
|
- background: #fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 20px 20px 0 20px;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title2 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title2 span {
|
|
|
- width: 40px;
|
|
|
+ width: 40px;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: #b8b8b8;
|
|
|
- font-size: 18px;
|
|
|
- position: relative;
|
|
|
- height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #b8b8b8;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ height: 40px;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title span {
|
|
|
- margin-right: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title .el_input {
|
|
|
- width: 300px;
|
|
|
+ width: 300px;
|
|
|
}
|
|
|
-
|
|
|
.e_add_title>>>.el-input__inner {
|
|
|
- width: 400px;
|
|
|
+ width: 400px;
|
|
|
}
|
|
|
-
|
|
|
.e_add_btn {}
|
|
|
-
|
|
|
.e_add_content {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list {
|
|
|
- background: #fff;
|
|
|
- height: 500px;
|
|
|
- width: 210px;
|
|
|
- position: relative;
|
|
|
- margin: 15px 5px 0 0;
|
|
|
- flex-shrink: 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ background: #fff;
|
|
|
+ height: 500px;
|
|
|
+ width: 210px;
|
|
|
+ position: relative;
|
|
|
+ margin: 15px 5px 0 0;
|
|
|
+ flex-shrink: 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_title {
|
|
|
- font-size: 20px;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 15px 40px;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #eaeaea;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- height: 57px;
|
|
|
- background: #f6f6f6;
|
|
|
+ font-size: 20px;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 15px 40px;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #eaeaea;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 57px;
|
|
|
+ background: #f6f6f6;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_title span {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_title img {
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- width: 25px;
|
|
|
- cursor: pointer;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
+ position: absolute;
|
|
|
+ right: 15px;
|
|
|
+ width: 25px;
|
|
|
+ cursor: pointer;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_body {
|
|
|
- height: calc(100% - 187px);
|
|
|
- overflow: auto;
|
|
|
+ height: calc(100% - 187px);
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_child {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: relative;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 15px 40px;
|
|
|
- text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 15px 40px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_child span {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_child img {
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- width: 21px;
|
|
|
- cursor: pointer;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ width: 21px;
|
|
|
+ cursor: pointer;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_child+.e_add_list_child {
|
|
|
- border-top: 1px solid #eaeaea;
|
|
|
+ border-top: 1px solid #eaeaea;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_child .active {
|
|
|
- color: #409eff;
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_btn {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- height: 50px;
|
|
|
- background: rgb(120, 120, 254);
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
- line-height: 50px;
|
|
|
- cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ height: 50px;
|
|
|
+ background: rgb(120, 120, 254);
|
|
|
+ width: 100%;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_detail {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- height: 130px;
|
|
|
- background: rgb(120, 120, 254);
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ height: 130px;
|
|
|
+ background: rgb(120, 120, 254);
|
|
|
+ width: 100%;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_detail textarea {
|
|
|
- height: 90%;
|
|
|
- width: 95%;
|
|
|
- border: none;
|
|
|
- resize: none;
|
|
|
- outline: none;
|
|
|
- padding: 5px;
|
|
|
- box-sizing: border-box;
|
|
|
+ height: 90%;
|
|
|
+ width: 95%;
|
|
|
+ border: none;
|
|
|
+ resize: none;
|
|
|
+ outline: none;
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_pbox {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_pbox_title {
|
|
|
- height: 50px;
|
|
|
- background: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 20px;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
+ height: 50px;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 20px;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.type_title {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 700;
|
|
|
}
|
|
|
-
|
|
|
.type_content {
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 30px;
|
|
|
}
|
|
|
-
|
|
|
.type_content span+span {
|
|
|
- margin-left: 20px;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
-
|
|
|
.type_content span {
|
|
|
- cursor: pointer;
|
|
|
- padding-bottom: 5px;
|
|
|
- box-sizing: border-box;
|
|
|
+ cursor: pointer;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.type_content .active {
|
|
|
- color: #409eff;
|
|
|
- border-bottom: 2px solid #409eff;
|
|
|
+ color: #409eff;
|
|
|
+ border-bottom: 2px solid #409eff;
|
|
|
}
|
|
|
-
|
|
|
.e_add_list_pbox_content {
|
|
|
- height: calc(100% - 50px);
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: #fff;
|
|
|
+ height: calc(100% - 50px);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
-
|
|
|
.mbCss {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-content: center;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-content: center;
|
|
|
+ align-items: flex-start;
|
|
|
+ justify-content: flex-start;
|
|
|
}
|
|
|
-
|
|
|
.pjCss {
|
|
|
- /* width: 42%; */
|
|
|
- width: calc(100% - 55%);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- margin-top: 1.5%;
|
|
|
+ /* width: 42%; */
|
|
|
+ width: calc(100% - 55%);
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: flex-start;
|
|
|
+ margin-top: 1.5%;
|
|
|
}
|
|
|
-
|
|
|
.e_box {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- max-height: 500px;
|
|
|
- align-items: flex-start;
|
|
|
- overflow: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ max-height: 500px;
|
|
|
+ align-items: flex-start;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.e_card {
|
|
|
- border: 1px solid #ccc;
|
|
|
- background: #fff;
|
|
|
- margin-right: 20px;
|
|
|
- width: 270px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- border-radius: 5px;
|
|
|
- margin-top: 10px;
|
|
|
- text-align: center;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ background: #fff;
|
|
|
+ margin-right: 20px;
|
|
|
+ width: 270px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.e_card_picture {
|
|
|
- margin: 10px 0;
|
|
|
+ margin: 10px 0;
|
|
|
}
|
|
|
-
|
|
|
.e_card_picture>img {
|
|
|
- width: 50px;
|
|
|
+ width: 50px;
|
|
|
}
|
|
|
-
|
|
|
.e_card_name {
|
|
|
- width: 100%;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 10px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
-
|
|
|
.e_card_time {
|
|
|
- width: 100%;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 15px;
|
|
|
- color: #c3c3c3;
|
|
|
- margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #c3c3c3;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.e_card_btn {
|
|
|
- height: 40px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: rgb(244, 244, 244);
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ background: rgb(244, 244, 244);
|
|
|
}
|
|
|
-
|
|
|
.e_card_btn:hover {
|
|
|
- background: rgb(221 221 221);
|
|
|
+ background: rgb(221 221 221);
|
|
|
}
|
|
|
-
|
|
|
.e_card_btn span {
|
|
|
- flex: 1 1 auto;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
+ flex: 1 1 auto;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.addEva {
|
|
|
- border: 1px solid #ccc;
|
|
|
- background: #fff;
|
|
|
- margin-right: 20px;
|
|
|
- width: 270px;
|
|
|
- height: 149px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- border-radius: 5px;
|
|
|
- margin-top: 10px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- justify-content: center;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ background: #fff;
|
|
|
+ margin-right: 20px;
|
|
|
+ width: 270px;
|
|
|
+ height: 149px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.addEva>img {
|
|
|
- width: 50px;
|
|
|
- object-fit: cover;
|
|
|
+ width: 50px;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
-
|
|
|
.uploadFm {
|
|
|
- border: 1px dashed #ccc;
|
|
|
- width: 202px;
|
|
|
- height: 102px;
|
|
|
- position: relative;
|
|
|
- cursor: pointer;
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ width: 202px;
|
|
|
+ height: 102px;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.uploadFm>img {
|
|
|
- position: absolute;
|
|
|
- top: 25px;
|
|
|
- left: 35%;
|
|
|
- width: 50px;
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ left: 35%;
|
|
|
+ width: 50px;
|
|
|
}
|
|
|
-
|
|
|
.fileCss {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
- padding-top: 15px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 15px;
|
|
|
}
|
|
|
-
|
|
|
.sysPicBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-content: flex-start;
|
|
|
- height: 435px;
|
|
|
- overflow: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-content: flex-start;
|
|
|
+ height: 435px;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.sysPic {
|
|
|
- width: 200px;
|
|
|
- height: 115px;
|
|
|
- margin: 0 20px 20px 0;
|
|
|
- cursor: pointer;
|
|
|
+ width: 200px;
|
|
|
+ height: 115px;
|
|
|
+ margin: 0 20px 20px 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.sysPic>img,
|
|
|
.isSysPic>img,
|
|
|
.deletePic>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
}
|
|
|
-
|
|
|
.isSysPic {
|
|
|
- width: 200px;
|
|
|
- height: 115px;
|
|
|
- position: relative;
|
|
|
+ width: 200px;
|
|
|
+ height: 115px;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.deletePic {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- cursor: pointer;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.select_box1 {}
|
|
|
-
|
|
|
.select_box1_img {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 20px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
-
|
|
|
.select_box1_title {
|
|
|
- padding: 0 0 15px 0;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
- margin-bottom: 15px;
|
|
|
+ padding: 0 0 15px 0;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ margin-bottom: 15px;
|
|
|
}
|
|
|
-
|
|
|
.select_box1_title span:nth-child(1) {
|
|
|
- font-size: 16px;
|
|
|
- margin-right: 20px;
|
|
|
- color: #000;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #000;
|
|
|
}
|
|
|
-
|
|
|
.select_box1_title span:nth-child(2) {
|
|
|
- font-size: 14px;
|
|
|
- color: rgb(112, 112, 112);
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgb(112, 112, 112);
|
|
|
}
|
|
|
-
|
|
|
.select_box1_add_img {}
|
|
|
-
|
|
|
.select_box1_select {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.select_box2 {}
|
|
|
-
|
|
|
.select_box2_title {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 5px 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 10px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.select_box2_box {
|
|
|
- display: flex;
|
|
|
- height: 500px;
|
|
|
+ display: flex;
|
|
|
+ height: 500px;
|
|
|
}
|
|
|
-
|
|
|
.select_box2_img {
|
|
|
- width: calc(100% - 310px);
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
+ width: calc(100% - 310px);
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
-
|
|
|
.select_box2_img img {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.select_box2_answer {
|
|
|
- background: #fff;
|
|
|
- margin-left: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- width: 300px;
|
|
|
- overflow: auto;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- padding-top: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ margin-left: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
+ width: 300px;
|
|
|
+ overflow: auto;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.select_box2_answer_box {
|
|
|
- margin: 0 0 10px 0;
|
|
|
- width: 85%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ width: 85%;
|
|
|
}
|
|
|
-
|
|
|
.rate_textarea {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- width: 100%;
|
|
|
- padding: 8px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- margin: 0 20px 0 0;
|
|
|
- resize: none;
|
|
|
+ font: inherit;
|
|
|
+ color: currentColor;
|
|
|
+ width: 100%;
|
|
|
+ padding: 8px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 20px 0 0;
|
|
|
+ resize: none;
|
|
|
}
|
|
|
-
|
|
|
.select_answer_title {
|
|
|
- text-align: left;
|
|
|
- width: 85%;
|
|
|
- margin-bottom: 10px;
|
|
|
- font-size: 18px;
|
|
|
- color: #8e8e8e;
|
|
|
+ text-align: left;
|
|
|
+ width: 85%;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #8e8e8e;
|
|
|
}
|
|
|
-
|
|
|
.mask {
|
|
|
- background-color: rgb(0 0 0 / 30%);
|
|
|
- /* position: fixed; */
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 90;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ background-color: rgb(0 0 0 / 30%);
|
|
|
+ /* position: fixed; */
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 90;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.mask2 {
|
|
|
- position: fixed !important;
|
|
|
- z-index: 999999;
|
|
|
+ position: fixed !important;
|
|
|
+ z-index: 999999;
|
|
|
}
|
|
|
-
|
|
|
.progressBox {
|
|
|
- width: 300px;
|
|
|
- height: 150px;
|
|
|
- background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 0 0 6px 1px #bfbfbf;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
+ width: 300px;
|
|
|
+ height: 150px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+ box-shadow: 0 0 6px 1px #bfbfbf;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
}
|
|
|
-
|
|
|
.progressBox .lbox {
|
|
|
- height: 100px;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ height: 100px;
|
|
|
+ font-size: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.progressBox .lbox img {
|
|
|
- width: 40px;
|
|
|
- margin-right: 20px;
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 20px;
|
|
|
}
|
|
|
-
|
|
|
.progressBox>>>.el-progress-bar__outer {
|
|
|
- background-color: #d1dfff !important;
|
|
|
+ background-color: #d1dfff !important;
|
|
|
}
|
|
|
-
|
|
|
.progressBox .lbox {
|
|
|
- height: 100px;
|
|
|
- font-size: 19px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ height: 100px;
|
|
|
+ font-size: 19px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.progressBox .lbox img {
|
|
|
- width: 40px;
|
|
|
- margin-right: 20px;
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+.mask .lbox2 {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 19px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.mask .lbox2 img {
|
|
|
+ width: 40px;
|
|
|
}
|
|
|
-
|
|
|
.updateTips::after {
|
|
|
- content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
|
|
|
- font-size: 14px;
|
|
|
- margin-left: 20px;
|
|
|
- font-weight: 400;
|
|
|
- color: #ff3a3a;
|
|
|
+ content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ff3a3a;
|
|
|
}
|
|
|
-
|
|
|
.updateMask {
|
|
|
- width: 100%;
|
|
|
- z-index: 3;
|
|
|
- top: 0;
|
|
|
- position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 3;
|
|
|
+ top: 0;
|
|
|
+ position: absolute;
|
|
|
}
|
|
|
-
|
|
|
.t_j_box {
|
|
|
- display: flex;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
-
|
|
|
.t_j_box span:nth-child(1) {
|
|
|
- width: 15%;
|
|
|
- overflow: hidden;
|
|
|
- margin-right: 10px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ width: 15%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 10px;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
-
|
|
|
.t_j_box span:nth-child(2) {
|
|
|
- min-width: 30px;
|
|
|
- margin-right: 10px;
|
|
|
+ min-width: 30px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.t_j_box span:nth-child(3) {
|
|
|
- width: 38%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-right: 10px;
|
|
|
+ width: 38%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.t_j_box span:nth-child(4) {
|
|
|
- width: calc(45% - 60px);
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ width: calc(45% - 60px);
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.sentenBox {
|
|
|
- background: #fff;
|
|
|
- height: 600px;
|
|
|
- overflow: auto;
|
|
|
- background-image: url("../../../assets/icon/conSentences/csBg.png");
|
|
|
- background-position: 102%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 60%;
|
|
|
+ background: #fff;
|
|
|
+ height: 600px;
|
|
|
+ overflow: auto;
|
|
|
+ background-image: url("../../../assets/icon/conSentences/csBg.png");
|
|
|
+ background-position: 102%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 60%;
|
|
|
}
|
|
|
-
|
|
|
.addSen {
|
|
|
- background: #409efe;
|
|
|
- width: 90px;
|
|
|
- color: #fff;
|
|
|
- height: 35px;
|
|
|
- text-align: center;
|
|
|
- line-height: 35px;
|
|
|
- border-radius: 5px;
|
|
|
- float: right;
|
|
|
- margin: 10px 20px 0 0;
|
|
|
- cursor: pointer;
|
|
|
+ background: #409efe;
|
|
|
+ width: 90px;
|
|
|
+ color: #fff;
|
|
|
+ height: 35px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 35px;
|
|
|
+ border-radius: 5px;
|
|
|
+ float: right;
|
|
|
+ margin: 10px 20px 0 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.sentenTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.sentenTop>div:nth-child(2) {
|
|
|
- width: 300px;
|
|
|
- margin: 0 15px;
|
|
|
+ width: 300px;
|
|
|
+ margin: 0 15px;
|
|
|
}
|
|
|
-
|
|
|
.sentenTop>div:nth-child(3) {
|
|
|
- background: #409efe;
|
|
|
- color: #fff;
|
|
|
- width: 65px;
|
|
|
- height: 35px;
|
|
|
- text-align: center;
|
|
|
- line-height: 35px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
+ background: #409efe;
|
|
|
+ color: #fff;
|
|
|
+ width: 65px;
|
|
|
+ height: 35px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 35px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.cardList {
|
|
|
- padding: 30px 0 20px 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #f4f4f4;
|
|
|
- width: 98%;
|
|
|
- margin: 0 auto;
|
|
|
+ padding: 30px 0 20px 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 1px solid #f4f4f4;
|
|
|
+ width: 98%;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.cardBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
- align-content: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
}
|
|
|
-
|
|
|
.isCard,
|
|
|
.isCard1 {
|
|
|
- width: 140px;
|
|
|
- height: 65px;
|
|
|
- text-align: center;
|
|
|
- line-height: 65px;
|
|
|
- font-size: 20px;
|
|
|
- cursor: pointer;
|
|
|
- background-image: url("../../../assets/icon/conSentences/titleBorder.png");
|
|
|
- background-size: cover;
|
|
|
- position: relative;
|
|
|
- z-index: 99;
|
|
|
+ width: 140px;
|
|
|
+ height: 65px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 65px;
|
|
|
+ font-size: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ background-image: url("../../../assets/icon/conSentences/titleBorder.png");
|
|
|
+ background-size: cover;
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
}
|
|
|
-
|
|
|
.isCard1 {
|
|
|
- background-image: url("../../../assets/icon/conSentences/answerBorder.png");
|
|
|
+ background-image: url("../../../assets/icon/conSentences/answerBorder.png");
|
|
|
}
|
|
|
-
|
|
|
.isCard:hover .deleteWord {
|
|
|
- display: block;
|
|
|
+ display: block;
|
|
|
}
|
|
|
-
|
|
|
.isCard>div:nth-child(1),
|
|
|
.isCard1>div:nth-child(1) {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 80%;
|
|
|
- margin: 0 auto;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
-
|
|
|
.card {
|
|
|
- width: 140px;
|
|
|
- height: 65px;
|
|
|
+ width: 140px;
|
|
|
+ height: 65px;
|
|
|
}
|
|
|
-
|
|
|
.card>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.rightCardBox {
|
|
|
- margin: 10px 0 0 10px;
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
}
|
|
|
-
|
|
|
.rightCardBox>div:nth-child(1) {
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
}
|
|
|
-
|
|
|
.cardCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- border-bottom: 3px solid #b4c3d3;
|
|
|
- padding: 0 0 5px 0;
|
|
|
- margin-right: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 3px solid #b4c3d3;
|
|
|
+ padding: 0 0 5px 0;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.cardCss>div:nth-child(2) {
|
|
|
- background: #5b7b9d;
|
|
|
- color: #fff;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- border-radius: 50%;
|
|
|
- text-align: center;
|
|
|
- line-height: 20px;
|
|
|
+ background: #5b7b9d;
|
|
|
+ color: #fff;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 20px;
|
|
|
}
|
|
|
-
|
|
|
.sentenTopBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 55px 0 0 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 85%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 55px 0 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 85%;
|
|
|
}
|
|
|
-
|
|
|
.stepsBottom {
|
|
|
- width: 270px;
|
|
|
- margin-bottom: 20px;
|
|
|
- box-shadow: 0 0 10px 10px #f7f7f7;
|
|
|
- background: #f7f7f7;
|
|
|
+ width: 270px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ box-shadow: 0 0 10px 10px #f7f7f7;
|
|
|
+ background: #f7f7f7;
|
|
|
}
|
|
|
-
|
|
|
.navTop {
|
|
|
- background: #53749b;
|
|
|
- color: #fff;
|
|
|
- height: 40px;
|
|
|
- border-top-left-radius: 15px;
|
|
|
- border-top-right-radius: 15px;
|
|
|
- line-height: 40px;
|
|
|
- padding-left: 15px;
|
|
|
- font-size: 18px;
|
|
|
+ background: #53749b;
|
|
|
+ color: #fff;
|
|
|
+ height: 40px;
|
|
|
+ border-top-left-radius: 15px;
|
|
|
+ border-top-right-radius: 15px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding-left: 15px;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
-
|
|
|
.navBottom {
|
|
|
- background: #6b91b7;
|
|
|
- height: 180px;
|
|
|
- overflow: auto;
|
|
|
- border-bottom-left-radius: 15px;
|
|
|
- border-bottom-right-radius: 15px;
|
|
|
+ background: #6b91b7;
|
|
|
+ height: 180px;
|
|
|
+ overflow: auto;
|
|
|
+ border-bottom-left-radius: 15px;
|
|
|
+ border-bottom-right-radius: 15px;
|
|
|
}
|
|
|
-
|
|
|
.navTask {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 15px 0;
|
|
|
- cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15px 0;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.isNavTask {
|
|
|
- background: #7e9ebd;
|
|
|
+ background: #7e9ebd;
|
|
|
}
|
|
|
-
|
|
|
.navTask>div:nth-child(1) {
|
|
|
- background: #468fe4;
|
|
|
- color: #fff;
|
|
|
- width: 65px;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- text-align: center;
|
|
|
- border-radius: 5px;
|
|
|
- margin: 0 10px 0 15px;
|
|
|
+ background: #468fe4;
|
|
|
+ color: #fff;
|
|
|
+ width: 65px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 0 10px 0 15px;
|
|
|
}
|
|
|
-
|
|
|
.navTask>div:nth-child(2) {
|
|
|
- color: #fff;
|
|
|
- max-width: 130px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ color: #fff;
|
|
|
+ max-width: 130px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.groupBox {}
|
|
|
-
|
|
|
.groupContent+.groupContent {
|
|
|
- margin-top: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
-
|
|
|
.groupTitle {
|
|
|
- font-size: 24px;
|
|
|
- color: rgb(80, 80, 80);
|
|
|
- margin-bottom: 20px;
|
|
|
+ font-size: 24px;
|
|
|
+ color: rgb(80, 80, 80);
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
-
|
|
|
.groupName {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.groupn {
|
|
|
- font-size: 15px;
|
|
|
- margin-right: 10px;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.groupName+.groupName {
|
|
|
- margin-top: 15px;
|
|
|
+ margin-top: 15px;
|
|
|
}
|
|
|
-
|
|
|
.groupBtn {
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
-
|
|
|
.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
|
|
|
- text-align: left;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
-
|
|
|
.toolimg {
|
|
|
- width: 200px;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: rgb(223 218 218) 0px 0px 6px 1px;
|
|
|
- cursor: pointer;
|
|
|
- overflow: hidden;
|
|
|
- position: relative;
|
|
|
+ width: 200px;
|
|
|
+ border-radius: 10px;
|
|
|
+ box-shadow: rgb(223 218 218) 0px 0px 6px 1px;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.toolimg>img {
|
|
|
- width: 100%;
|
|
|
- height: 105px;
|
|
|
- object-fit: contain;
|
|
|
+ width: 100%;
|
|
|
+ height: 105px;
|
|
|
+ object-fit: contain;
|
|
|
}
|
|
|
-
|
|
|
.proMan {
|
|
|
- width: 95%;
|
|
|
- margin: 0 auto;
|
|
|
- padding: 0 0 20px;
|
|
|
- margin-top: 20px;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 0 20px;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
.proMan .title {
|
|
|
- margin-bottom: 10px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.proMan .title img {
|
|
|
- margin-right: 5px;
|
|
|
- height: 17px;
|
|
|
- width: 17px;
|
|
|
+ margin-right: 5px;
|
|
|
+ height: 17px;
|
|
|
+ width: 17px;
|
|
|
}
|
|
|
-
|
|
|
.ed_s>>>.text {
|
|
|
- height: calc(100% - 42px);
|
|
|
+ height: calc(100% - 42px);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
.toolimg_box {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
-
|
|
|
.toolimg {
|
|
|
- margin: 0 20px 20px 0;
|
|
|
+ margin: 0 20px 20px 0;
|
|
|
}
|
|
|
-
|
|
|
.comment {
|
|
|
- background: #f5f5f5;
|
|
|
- /* border-radius: 0 0 15px 15px; */
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
- height: 35px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ /* border-radius: 0 0 15px 15px; */
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ height: 35px;
|
|
|
}
|
|
|
-
|
|
|
.worksName {
|
|
|
- display: flex;
|
|
|
- width: 92%;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- margin: 0 10px;
|
|
|
+ display: flex;
|
|
|
+ width: 92%;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 10px;
|
|
|
}
|
|
|
-
|
|
|
.worksName>div:nth-child(1) {
|
|
|
- width: 48px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
+ width: 48px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
-
|
|
|
.deleteImg {
|
|
|
- width: 25px !important;
|
|
|
- height: 25px !important;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- top: 10px;
|
|
|
- right: 10px;
|
|
|
+ width: 25px !important;
|
|
|
+ height: 25px !important;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ right: 10px;
|
|
|
}
|
|
|
-
|
|
|
.texttitle {
|
|
|
- background: #1e5cc9;
|
|
|
- /* width: 98%; */
|
|
|
- height: 45px;
|
|
|
- color: #fff;
|
|
|
- line-height: 45px;
|
|
|
- padding-left: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
+ background: #1e5cc9;
|
|
|
+ /* width: 98%; */
|
|
|
+ height: 45px;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 45px;
|
|
|
+ padding-left: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.textBox {
|
|
|
- font-size: 20px;
|
|
|
- width: 90%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- margin: 20px auto 0;
|
|
|
+ font-size: 20px;
|
|
|
+ width: 90%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ margin: 20px auto 0;
|
|
|
}
|
|
|
-
|
|
|
.textContent {
|
|
|
- font-size: 18px;
|
|
|
- height: 450px;
|
|
|
- width: 95%;
|
|
|
- overflow: auto;
|
|
|
- line-height: 30px;
|
|
|
+ font-size: 18px;
|
|
|
+ height: 450px;
|
|
|
+ width: 95%;
|
|
|
+ overflow: auto;
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
-
|
|
|
.vedioTaskBox {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.box_course {
|
|
|
- /* width: 60%; */
|
|
|
- width: 81%;
|
|
|
+ /* width: 60%; */
|
|
|
+ width: 81%;
|
|
|
}
|
|
|
-
|
|
|
.wheel {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
-
|
|
|
.vedioList {
|
|
|
- /* background: #f2f2f2; */
|
|
|
- background: #fff;
|
|
|
- border: 1px solid #ececec;
|
|
|
- /* width: 38.8%; */
|
|
|
- width: calc(100% - 83%);
|
|
|
- height: 650px;
|
|
|
- border-radius: 10px;
|
|
|
- overflow: hidden;
|
|
|
+ /* background: #f2f2f2; */
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ececec;
|
|
|
+ /* width: 38.8%; */
|
|
|
+ width: calc(100% - 83%);
|
|
|
+ height: 650px;
|
|
|
+ border-radius: 10px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
.navTitile {
|
|
|
- padding: 0 0px 0 15px;
|
|
|
- background: #1e5cc9;
|
|
|
- color: #fff;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- border-top-left-radius: 10px;
|
|
|
- border-top-right-radius: 10px;
|
|
|
+ padding: 0 0px 0 15px;
|
|
|
+ background: #1e5cc9;
|
|
|
+ color: #fff;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border-top-left-radius: 10px;
|
|
|
+ border-top-right-radius: 10px;
|
|
|
}
|
|
|
-
|
|
|
.navBox {
|
|
|
- background: rgb(255, 255, 255);
|
|
|
- height: calc(100% - 40px);
|
|
|
- padding: 5px 1px 0 1px;
|
|
|
- overflow: auto;
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ padding: 5px 1px 0 1px;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
-
|
|
|
.vedioTimeBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: nowrap;
|
|
|
- position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
-
|
|
|
.vedioName {
|
|
|
- cursor: pointer;
|
|
|
- margin: 0px 0px 10px 5px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0px 0px 10px 5px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
-
|
|
|
.isClickNav {
|
|
|
- color: #499eef;
|
|
|
+ color: #499eef;
|
|
|
}
|
|
|
-
|
|
|
.full_diy>>>.el-dialog {
|
|
|
- margin: 0 !important;
|
|
|
- height: 100%;
|
|
|
- padding: 4px;
|
|
|
+ margin: 0 !important;
|
|
|
+ height: 100%;
|
|
|
+ padding: 4px;
|
|
|
}
|
|
|
-
|
|
|
.full_diy>>>.el-dialog__body {
|
|
|
- height: calc(100% - 100px);
|
|
|
+ height: calc(100% - 100px);
|
|
|
}
|
|
|
-
|
|
|
.full_diy2>>>.el-dialog__body {
|
|
|
- height: calc(100% - 50px);
|
|
|
- padding: 0;
|
|
|
+ height: calc(100% - 50px);
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
.queTop {
|
|
|
- display: flex;
|
|
|
- padding: 20px 0 20px 30px;
|
|
|
- width: 100%;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- border-bottom: 1px solid #eeeeee;
|
|
|
- box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ padding: 20px 0 20px 30px;
|
|
|
+ width: 100%;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: 1px solid #eeeeee;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
.question {
|
|
|
- width: 40px;
|
|
|
- margin-right: 10px;
|
|
|
- margin-top: 7px;
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-top: 7px;
|
|
|
}
|
|
|
-
|
|
|
.queTitle {
|
|
|
- margin-left: 5px;
|
|
|
- font-size: 25px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ margin-left: 5px;
|
|
|
+ font-size: 25px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-
|
|
|
.addEditor {
|
|
|
- width: 100px;
|
|
|
- height: 30px;
|
|
|
- background: #42cda6;
|
|
|
- color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- box-shadow: 1px 3px 6px 1px #bfbfbf;
|
|
|
- cursor: pointer;
|
|
|
+ width: 100px;
|
|
|
+ height: 30px;
|
|
|
+ background: #42cda6;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ box-shadow: 1px 3px 6px 1px #bfbfbf;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
.answerWidth {
|
|
|
- width: 250px !important;
|
|
|
+ width: 250px !important;
|
|
|
}
|
|
|
-
|
|
|
.answerBg {
|
|
|
- background: url("../../../assets/icon/answerBgNew.png") no-repeat;
|
|
|
- background-size: cover;
|
|
|
- width: 100%;
|
|
|
- height: 120px;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- justify-content: center;
|
|
|
+ background: url("../../../assets/icon/answerBgNew.png") no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ width: 100%;
|
|
|
+ height: 120px;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
-
|
|
|
.answerContent {
|
|
|
- /* width: 215px; */
|
|
|
- max-height: 60px;
|
|
|
- word-break: break-all;
|
|
|
- text-align: center;
|
|
|
- /* white-space: nowrap; */
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- /* padding: 23px 0 0; */
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- display: -webkit-box;
|
|
|
- font-size: 15px;
|
|
|
+ /* width: 215px; */
|
|
|
+ max-height: 60px;
|
|
|
+ word-break: break-all;
|
|
|
+ text-align: center;
|
|
|
+ /* white-space: nowrap; */
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ /* padding: 23px 0 0; */
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ display: -webkit-box;
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+.fullStyle>>>.el-dialog__body {
|
|
|
+ height: 100% !important;
|
|
|
+}
|
|
|
+.fullStyle>>>.el-dialog,
|
|
|
+.fullStyle {
|
|
|
+ width: 100% !important;
|
|
|
+ max-width: 100% !important;
|
|
|
+ height: 100% !important;
|
|
|
+ margin: 0 !important;
|
|
|
}
|
|
|
</style>
|
