|
|
@@ -0,0 +1,15883 @@
|
|
|
+<template>
|
|
|
+ <div class="pb_content" style="background: #f0f2f5">
|
|
|
+ <div class="pb_content_body" style="position: relative; margin: 0">
|
|
|
+ <div class="right">
|
|
|
+ <div class="courseTop">
|
|
|
+ <div class="stepsNav">
|
|
|
+ <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
+ <el-breadcrumb-item :to="{
|
|
|
+ path:
|
|
|
+ '/course?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role,
|
|
|
+ }">课程管理</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>
|
|
|
+ <span style="color: rgb(15, 126, 255)">添加课程</span>
|
|
|
+ </el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
|
|
|
+ <!-- @mouseenter="stepDisplay(true)"
|
|
|
+ @mouseleave="stepDisplay(false)" -->
|
|
|
+ <div ref="stepBox" class="stepBox">
|
|
|
+ <div class="stepBg" v-if="false">
|
|
|
+ <div :class="{ stepTop: isStepDisplay, stepTop2: !isStepDisplay }">
|
|
|
+ <div v-if="steps > 0 && isStepDisplay" class="first" @click="navSteps(1)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/first.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>填写基本信息</div>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="isStepDisplay" class="firstNo" @click="navSteps(1)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/firstNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>填写基本信息</div>
|
|
|
+ </div>
|
|
|
+ <div class="stepBorder" :class="{ 'border-active': steps > 1 }" v-if="cidType === 0 && isStepDisplay">
|
|
|
+ </div>
|
|
|
+ <!-- <div
|
|
|
+ v-if="steps > 1 && cidType === 0 && isStepDisplay"
|
|
|
+ class="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-if="cidType === 0 && isStepDisplay"
|
|
|
+ class="secondNo"
|
|
|
+ @click="navSteps(2)"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/secondNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>选择课程模板</div>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div
|
|
|
+ v-if="isStepDisplay"
|
|
|
+ class="stepBorder"
|
|
|
+ :class="{ 'border-active': steps > 2 }"
|
|
|
+ ></div> -->
|
|
|
+ <div v-if="steps > 2 && isStepDisplay" class="third" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/third.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传课程内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="isStepDisplay" class="thirdNo" @click="navSteps(3)">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/thirdNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传课程内容</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="isStepDisplay" class="stepBorder" :class="{ 'border-active': steps > 3 }"></div>
|
|
|
+ <div v-if="steps > 3 && isStepDisplay" class="four">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/four.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传完成</div>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="isStepDisplay" class="fourNo">
|
|
|
+ <div>
|
|
|
+ <img src="../../../assets/icon/fourNo.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>上传完成</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" :key="updateKey" ref='scrollContainer' v-if="steps == 1" @mousewheel="scrollChange"
|
|
|
+ style="padding: 0" :style="{
|
|
|
+ height:
|
|
|
+ !isStepDisplay && !isBtnDisplay
|
|
|
+ ? 'calc(100% - 20px)'
|
|
|
+ : 'calc(100% - 100px)',
|
|
|
+ }">
|
|
|
+ <div class="updateMask" :style="{
|
|
|
+ height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
|
|
|
+ }" v-if="cid && userid != courseUserid && role != '1'"></div>
|
|
|
+ <div class="whiteBg" style="background: unset; padding: 0">
|
|
|
+ <div>
|
|
|
+ <div class="basic_box" style="padding: 0">
|
|
|
+ <div class="big_box">
|
|
|
+ <div class="left_first">
|
|
|
+ <div :class="{
|
|
|
+ updateTips:
|
|
|
+ cid && userid != courseUserid && role != '1',
|
|
|
+ }">
|
|
|
+ <div style="width: 100%">
|
|
|
+ <div class="course_input_box">
|
|
|
+ <div class="bb_courseIcon">
|
|
|
+ <img src="../../../assets/icon/new/course.png" />
|
|
|
+ </div>
|
|
|
+ <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName" style="
|
|
|
+ border: 1.5px solid rgb(202, 209, 220);
|
|
|
+ margin: 0px 10px 0px 0px;
|
|
|
+ border-radius: 5px;
|
|
|
+ font-weight: 600;
|
|
|
+ padding: 12px 14px 12px 71px;
|
|
|
+ " />
|
|
|
+ <el-switch v-model="isTeacherSee" active-text="是否公开此课程"
|
|
|
+ style="justify-content: center; width: 200px"></el-switch>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
+ <span>类型</span>
|
|
|
+ <!-- 学科+ 主题+ 未来+ -->
|
|
|
+ <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
|
|
|
+ style="display: flex; align-items: center">
|
|
|
+ <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2"
|
|
|
+ :key="index">
|
|
|
+ <el-radio :label="item.name">{{
|
|
|
+ item.name
|
|
|
+ }}</el-radio>
|
|
|
+ </div>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="both">
|
|
|
+ <div class="choose">
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
+ <span v-if="
|
|
|
+ CourseTypeJson[item.id].length > 0 &&
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
+ : true)
|
|
|
+ ">{{ item.name }}:</span>
|
|
|
+ <el-checkbox-group v-model="courseTypeId" v-if="
|
|
|
+ CourseTypeJson[item.id].length > 0 &&
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
+ : true)
|
|
|
+ ">
|
|
|
+ <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>
|
|
|
+ <div class="right_first">
|
|
|
+ <!-- <div class="ai_box">
|
|
|
+ <div class="ai_content" @click="openAI"><img src="../../../assets/icon/new/ai.png"/><span>AI共创</span></div>
|
|
|
+ </div> -->
|
|
|
+ <div class="c_info_title" style="padding: 0 0 15px; margin: 0 auto 0 0">
|
|
|
+ 上传封面
|
|
|
+ </div>
|
|
|
+ <div style="width: 100%">
|
|
|
+ <div class="uploadFm" @click="choosePicVisible = true" :class="{ uploadFm2: cover.length }">
|
|
|
+ <img src="../../../assets/icon/addPoster.png" alt="" v-if="cover.length == 0" />
|
|
|
+ <img :src="cover[0].url" alt="" class="cover_p" v-else />
|
|
|
+ <div v-if="cover.length == 0">点击添加封面</div>
|
|
|
+ <div class="cover_mask">
|
|
|
+ <img src="../../../assets/icon/new/cover_update.png" /><span
|
|
|
+ style="margin-top: 5px">修改封面</span>
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="background: #fff; margin: 10px 0;padding: 0 0 15px;">
|
|
|
+ <div class="whiteBg" style="border-radius: 0">
|
|
|
+ <div class="c_info_title">
|
|
|
+ 课程权限设置
|
|
|
+ </div>
|
|
|
+ <div class="wb_j_box">
|
|
|
+ <div class="wb_j_box_content">
|
|
|
+ <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
|
|
|
+ (dialogVisibleClass = true),
|
|
|
+ (classSearch = ''),
|
|
|
+ (gradeId = ''),
|
|
|
+ getClass()
|
|
|
+ ">添加班级</button>
|
|
|
+ <div v-if="checkboxList2.length" class="wb_j_box_p_box">
|
|
|
+ <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
|
|
|
+ getClassC(tc) }}</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="wb_j_box_btn" @click="
|
|
|
+ (dialogVisibleClass = true),
|
|
|
+ (classSearch = ''),
|
|
|
+ (gradeId = ''),
|
|
|
+ getClass()
|
|
|
+ ">
|
|
|
+ <div class="wb_j_box_title">授课班级</div>
|
|
|
+ <div class="wb_j_box_btn_c">
|
|
|
+ <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top"
|
|
|
+ v-if="checkboxList2.length" popper-class="text_tooltip2">
|
|
|
+ <div class="wb_j_box_span">
|
|
|
+ {{ getListClassC(checkboxList2) }}
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ <div v-else class="wb_j_box_span">请选择授课班级</div>
|
|
|
+ <div class="wb_j_box_arrow"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="wb_j_box_content">
|
|
|
+ <!-- <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
|
|
|
+ <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
|
|
|
+ <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
|
|
|
+ checkBoolean
|
|
|
+ ? checkboxList3
|
|
|
+ : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
|
|
|
+ v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="wb_j_box_btn" @click="openMember">
|
|
|
+ <div class="wb_j_box_title">协同人员</div>
|
|
|
+ <div class="wb_j_box_btn_c">
|
|
|
+ <el-tooltip effect="dark" :content="getListMan2(checkboxList3)" placement="top"
|
|
|
+ v-if="checkboxList3.length" popper-class="text_tooltip2">
|
|
|
+ <div class="wb_j_box_span">
|
|
|
+ {{ getListMan2(checkboxList3) }}
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ <div v-else class="wb_j_box_span">请选择协同人员</div>
|
|
|
+ <div class="wb_j_box_arrow"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px" v-if="false">
|
|
|
+ <div class="c_info_title">目标管理</div>
|
|
|
+ <div style="margin: 0 auto; padding: 0 20px">
|
|
|
+ <div style="
|
|
|
+ width: 95%;
|
|
|
+ min-height: 200px;
|
|
|
+ border: 1px solid #cad1dc;
|
|
|
+ border-radius: 4px;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div class="e_add_top">
|
|
|
+ <div class="e_add_title">
|
|
|
+ <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()" v-if="evalua">
|
|
|
+ 清除
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">
|
|
|
+ 添加
|
|
|
+ </button>
|
|
|
+ <!-- <span>当前使用目标管理</span>
|
|
|
+ <span>{{ eTitle ? eTitle : "请添加目标" }}</span>
|
|
|
+ <img
|
|
|
+ src="../../../assets/line.png"
|
|
|
+ class="cru_line"
|
|
|
+ style="
|
|
|
+ width: 125px;
|
|
|
+ height: 20px;
|
|
|
+ bottom: -10px;
|
|
|
+ left: 155px;
|
|
|
+ "
|
|
|
+ /> -->
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <!-- <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="dialogVisiblemb = true"
|
|
|
+ >添加目标管理</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="deleteEva()"
|
|
|
+ >清除内容</el-button
|
|
|
+ > -->
|
|
|
+ <!-- <div class="e_add_delete" @click="deleteEva()">
|
|
|
+ <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="evalua == ''">
|
|
|
+ <div class="noneBox">
|
|
|
+ <img src="../../../assets/icon/new/eva_none.png" />
|
|
|
+ <span>请添加目标管理</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="e_add_content" v-else>
|
|
|
+ <div class="e_add_list_pbox">
|
|
|
+ <div class="e_add_list_pbox_title">
|
|
|
+ <span class="type_title">切换模式</span>
|
|
|
+ <div class="type_content">
|
|
|
+ <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
|
|
|
+ <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
|
|
|
+ <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="e_add_list_pbox_content">
|
|
|
+ <Mind :showBar="false" :mindData="data" v-if="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="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;">
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="c_info_title">
|
|
|
+ 课程简要描述
|
|
|
+ <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button>
|
|
|
+ </div>
|
|
|
+ <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
|
|
|
+ <div style="width: calc(100%)">
|
|
|
+ <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText"
|
|
|
+ placeholder="请输入课程简要描述"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;">
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="c_info_title">
|
|
|
+ 补充资料
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" style="margin: 0 20px 0 auto;">上传补充资料</button>
|
|
|
+ </div>
|
|
|
+ <div class="buchong_box">
|
|
|
+ <span>暂时还没有内容，快去添加吧~</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;">
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="c_info_title">
|
|
|
+ 补充描述
|
|
|
+ <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button>
|
|
|
+ </div>
|
|
|
+ <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
|
|
|
+ <div style="width: calc(100%)">
|
|
|
+ <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText2"
|
|
|
+ placeholder="请输入课程补充描述：例如您期望的课程时长、任务数量、任务难度、任务类型等。"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-if="isOutline">
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="c_info_title">
|
|
|
+ 课程大纲
|
|
|
+ <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button>
|
|
|
+ </div>
|
|
|
+ <div class="task_outline">
|
|
|
+ <div class="outline_box" v-for="(item, index) in 3" :key="index">
|
|
|
+ <div class="outline_task">
|
|
|
+ <div class="title">任务{{ index + 1 }}</div>
|
|
|
+ <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px" />
|
|
|
+ </div>
|
|
|
+ <div class="outline_detail">
|
|
|
+ <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
|
|
|
+ placeholder="请输入任务描述"></textarea>
|
|
|
+ <div class="op_box">
|
|
|
+ <div class="op_remark">*可以将需要优化的建议添加在任务描述后，点击“智能优化”，自动进行修改</div>
|
|
|
+ <div class="r_pub_button_op">智能优化</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info_btnBox3">
|
|
|
+ <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
|
|
|
+ goTo(
|
|
|
+ '/course?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 返回课程
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
|
|
|
+ {{ steps == 4 ? "返回课程" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
|
|
|
+ pub_btn_next_img: steps != 3,
|
|
|
+ pub_btn_finish_img: steps == 3,
|
|
|
+ }">
|
|
|
+ {{ steps == 3 ? "确认上传" : !isOutline ? "生成大纲" : "下一步" }}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" v-if="steps == 2" :style="{
|
|
|
+ height:
|
|
|
+ !isStepDisplay && !isBtnDisplay
|
|
|
+ ? 'calc(100% - 40px)'
|
|
|
+ : 'calc(100% - 100px)',
|
|
|
+ }">
|
|
|
+ <div class="basic_box" style="
|
|
|
+ padding: 20px 30px 0px !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: calc(100% - 80px);
|
|
|
+ overflow: auto;
|
|
|
+ background: #fff;
|
|
|
+ ">
|
|
|
+ <!-- <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" @click="checkTemplate2()">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/template_none.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" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/template.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="checkTemplate3()" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/template.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="pasteStage()" v-if="isPasteStage">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/template.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="checkTemplate4()">
|
|
|
+ <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 class="info_btnBox3" style="position: absolute; bottom: 0">
|
|
|
+ <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
|
|
|
+ goTo(
|
|
|
+ '/course?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 返回课程
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
|
|
|
+ {{ steps == 4 ? "返回课程" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
|
|
|
+ pub_btn_next_img: steps != 3,
|
|
|
+ pub_btn_finish_img: steps == 3,
|
|
|
+ }">
|
|
|
+ {{ steps == 3 ? "确认上传" : !isOutline ? "生成大纲" : "下一步" }}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rightBox" v-if="steps == 3" ref="rightboxR" :style="{
|
|
|
+ height:
|
|
|
+ !isStepDisplay && !isBtnDisplay
|
|
|
+ ? 'calc(100% - 40px)'
|
|
|
+ : 'calc(100% - 100px)',
|
|
|
+ }">
|
|
|
+ <div class="rb_c_box">
|
|
|
+ <div class="rb_c_box_left" v-if="steps == 3 && unitJson[unitIndex].easy != 1">
|
|
|
+ <div class="rb_c_nav">
|
|
|
+ <span :class="{ active: stepsNav == 1 }" @click="stepsNav = 1">目录</span>
|
|
|
+ <span :class="{ active: stepsNav == 2 }" @click="stepsNav = 2">AI助手</span>
|
|
|
+ </div>
|
|
|
+ <div class="stepsBottom" v-if="stepsNav == 1">
|
|
|
+ <!-- <div class="navTop">辅助导航</div> -->
|
|
|
+ <div class="navBottom" v-if="courseState == 2">
|
|
|
+ <!-- <div class="navTask noImage" v-if="unitJson[unitIndex].dyName">
|
|
|
+ <div class="nt_taskBox" style="width: 100%;">
|
|
|
+ <div class="nt_taskTitle"
|
|
|
+ style="font-size: 16px;min-width: fit-content;margin-right: 10px;font-weight: 700;">阶段 {{
|
|
|
+ unitIndex + 1 }}</div>
|
|
|
+ <div class="nt_taskName" style="font-size: 16px;font-weight: 700;">
|
|
|
+ <el-tooltip effect="light" :content="unitJson[unitIndex].dyName" placement="top">
|
|
|
+ <span>{{ unitJson[unitIndex].dyName }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
|
|
|
+ .taskJson" :key="tIndex" :class="{
|
|
|
+ dragOverTop:
|
|
|
+ newIndex === tIndex &&
|
|
|
+ typeIndex == 'task-' + tIndex &&
|
|
|
+ oldIndex > tIndex &&
|
|
|
+ dragType == 'task',
|
|
|
+ dragOverBottom:
|
|
|
+ newIndex === tIndex &&
|
|
|
+ typeIndex == 'task-' + tIndex &&
|
|
|
+ oldIndex < tIndex &&
|
|
|
+ dragType == 'task',
|
|
|
+ }">
|
|
|
+ <div @dragstart="dragTaskStart(t, tIndex, 0)" @dragover.prevent="dragTaskOver(tIndex, 0)"
|
|
|
+ @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + tIndex" @click="goToTask(tIndex)"
|
|
|
+ class="navTask" :class="{
|
|
|
+ isNavTask:
|
|
|
+ isClickColor > 0 && isClickColor == tIndex + 1,
|
|
|
+ isNavOpen: t.toolOpen,
|
|
|
+ }">
|
|
|
+ <div @click.stop="taskOpen(tIndex, 0)" class="chapter_upload_open"></div>
|
|
|
+ <div @mousedown="isdrag = 'task-' + tIndex" @mouseup="isdrag = ''"
|
|
|
+ @touchstart="isdrag = 'task-' + tIndex" @touchend="isdrag = ''" style="left: 8px"
|
|
|
+ class="chapter_upload_drag"></div>
|
|
|
+ <div class="nt_taskBox">
|
|
|
+ <div class="nt_taskTitle">任务{{ tIndex + 1 }}：</div>
|
|
|
+ <div class="nt_taskName">
|
|
|
+ <el-tooltip effect="light" :content="t.task ? t.task : '未命名任务'" placement="top">
|
|
|
+ <span>{{ t.task ? t.task : "未命名任务" }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
|
|
|
+ 1
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
|
|
|
+ @click.stop="taskMove(1, tIndex)"></div>
|
|
|
+ <div class="chapter_upload_down" style="width: 25px;height: 25px;"
|
|
|
+ @click.stop="taskMove(2, tIndex)"></div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
|
|
|
+ <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
|
|
|
+ @click="jumpGj(tIndex, toolIndex2)">
|
|
|
+ <div class="gjCss" :class="{
|
|
|
+ isGjCss:
|
|
|
+ toolIndexType == `gj${tIndex}${toolIndex2}`,
|
|
|
+ }">
|
|
|
+ <div>工具{{ toolIndex2 + 1 }}：</div>
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ toolsData[tool.tool[0]] &&
|
|
|
+ toolsData[tool.tool[0]].name
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="navBottom" v-if="courseState == 1">
|
|
|
+ <div v-for="(stage, stageIndex) in unitJson" :key="stageIndex" class="stageBox" :class="{
|
|
|
+ dragOverTop:
|
|
|
+ newIndex === stageIndex &&
|
|
|
+ typeIndex == 'Unit-' + stageIndex &&
|
|
|
+ oldIndex > stageIndex &&
|
|
|
+ dragType == 'Unit',
|
|
|
+ dragOverBottom:
|
|
|
+ newIndex === stageIndex &&
|
|
|
+ typeIndex == 'Unit-' + stageIndex &&
|
|
|
+ oldIndex < stageIndex &&
|
|
|
+ dragType == 'Unit',
|
|
|
+ }">
|
|
|
+ <div @dragstart="dragUnitStart(stage, stageIndex)" @dragover.prevent="dragUnitOver(stageIndex)"
|
|
|
+ @dragend="dragUnitEnd()" :draggable="isdrag == 'unit-' + stageIndex"
|
|
|
+ @click="unitSet2(stageIndex)" class="navStage" :class="{
|
|
|
+ isNavStage: stageIndex == unitIndex,
|
|
|
+ isNavStageOpen: stage.toolOpen,
|
|
|
+ }">
|
|
|
+ <div @mousedown="isdrag = 'unit-' + stageIndex" @mouseup="isdrag = ''"
|
|
|
+ @touchstart="isdrag = 'unit-' + stageIndex" @touchend="isdrag = ''" style="left: 8px"
|
|
|
+ class="chapter_upload_drag"></div>
|
|
|
+ <div class="nt_taskBox">
|
|
|
+ <div class="nt_taskTitle">
|
|
|
+ 第{{ stageIndex + 1 }}阶段：
|
|
|
+ </div>
|
|
|
+ <div class="nt_taskName">
|
|
|
+ <el-tooltip effect="light" :content="stage.dyName ? stage.dyName : '未命名阶段'
|
|
|
+ " placement="top">
|
|
|
+ <span>{{
|
|
|
+ stage.dyName ? stage.dyName : "未命名阶段"
|
|
|
+ }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div @click.stop="unitOpen(stageIndex)" class="chapter_unit_open"></div>
|
|
|
+ </div>
|
|
|
+ <div v-for="(t, tIndex) in unitJson[stageIndex]
|
|
|
+ .chapterInfo[0].taskJson" :key="`${stageIndex}-${tIndex}`" :class="{
|
|
|
+ dragOverTop:
|
|
|
+ newIndex === tIndex &&
|
|
|
+ typeIndex == 'task-' + tIndex &&
|
|
|
+ ((oldIndex > tIndex &&
|
|
|
+ stageIndex == checkUnitIndex) ||
|
|
|
+ (oldIndex == tIndex &&
|
|
|
+ stageIndex == checkUnitIndex &&
|
|
|
+ checkUnitIndex != oldUnitIndex)) &&
|
|
|
+ dragType == 'task',
|
|
|
+ dragOverBottom:
|
|
|
+ newIndex === tIndex &&
|
|
|
+ typeIndex == 'task-' + tIndex &&
|
|
|
+ oldIndex < tIndex &&
|
|
|
+ stageIndex == checkUnitIndex &&
|
|
|
+ dragType == 'task',
|
|
|
+ }" :style="{ display: stage.toolOpen ? 'block' : 'none' }">
|
|
|
+ <div @dragstart="dragTaskStart(t, tIndex, stageIndex)"
|
|
|
+ @dragover.prevent="dragTaskOver(tIndex, stageIndex)" @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + stageIndex + '-' + tIndex
|
|
|
+ " @click="goToTask2(tIndex, stageIndex)" class="navTask" style="padding-left: 12px" :class="{
|
|
|
+ isNavTask:
|
|
|
+ isClickColor > 0 &&
|
|
|
+ isClickColor == tIndex + 1 &&
|
|
|
+ stageIndex == unitIndex,
|
|
|
+ isNavOpen: t.toolOpen,
|
|
|
+ }">
|
|
|
+ <div @click.stop="taskOpen(tIndex, stageIndex)" class="chapter_upload_open"></div>
|
|
|
+ <div @mousedown="
|
|
|
+ isdrag = 'task-' + stageIndex + '-' + tIndex
|
|
|
+ " @mouseup="isdrag = ''" @touchstart="
|
|
|
+ isdrag = 'task-' + stageIndex + '-' + tIndex
|
|
|
+ " @touchend="isdrag = ''" style="left: 20px" class="chapter_upload_drag"></div>
|
|
|
+ <div class="nt_taskBox" style="width: calc(100% - 52px)">
|
|
|
+ <div class="nt_taskTitle">
|
|
|
+ 任务{{ tIndex + 1 }}：
|
|
|
+ </div>
|
|
|
+ <div class="nt_taskName">
|
|
|
+ <el-tooltip effect="light" :content="t.task ? t.task : '未命名任务'" placement="top">
|
|
|
+ <span>{{
|
|
|
+ t.task ? t.task : "未命名任务"
|
|
|
+ }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
|
|
|
+ <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
|
|
|
+ @click="jumpGj2(tIndex, toolIndex2, stageIndex)">
|
|
|
+ <div class="gjCss" :class="{
|
|
|
+ isGjCss:
|
|
|
+ toolIndexType ==
|
|
|
+ `gj${tIndex}${toolIndex2}${stageIndex}`,
|
|
|
+ }">
|
|
|
+ <div>工具{{ toolIndex2 + 1 }}：</div>
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ toolsData[tool.tool[0]] &&
|
|
|
+ toolsData[tool.tool[0]].name
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rb_c_ai_box" v-if="stepsNav == 2">
|
|
|
+ <aiBox></aiBox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="rb_c_box_right">
|
|
|
+ <!-- <div class="rb_c_box_btn">
|
|
|
+ <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="steps == 3">智能粘贴</button>
|
|
|
+ </div> -->
|
|
|
+ <div class="basic_box" ref="unitBox">
|
|
|
+ <div v-if="false" style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ ">
|
|
|
+ <!-- :style="{ maxWidth: (userid == courseUserid || role == '1') ? 'calc(100% - 300px)' : 'calc(100% - 175px)' }" -->
|
|
|
+ <div class="cru_selectBox" :style="{
|
|
|
+ maxWidth: isPasteTask
|
|
|
+ ? 'calc(100% - 335px)'
|
|
|
+ : 'calc(100% - 190px)',
|
|
|
+ }" v-if="courseState == 1">
|
|
|
+ <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
|
|
|
+ :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
|
|
|
+ <!-- item.dyName ? item.dyName : -->
|
|
|
+ <span v-if="
|
|
|
+ unitJson[unitJson.length - 1].easy == 4 ||
|
|
|
+ unitJson[unitJson.length - 1].easy == 6
|
|
|
+ ">{{
|
|
|
+ item.dyName
|
|
|
+ ? item.dyName
|
|
|
+ : "第" + (index + 1) + "阶段"
|
|
|
+ }}</span>
|
|
|
+ <span v-else>{{ "第" + (index + 1) + "阶段" }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="cru_line" :style="{
|
|
|
+ left: offsetLetfPx + 'px',
|
|
|
+ }"></div>
|
|
|
+ </div>
|
|
|
+ <div class="addStageImg" @click="addunit()" v-if="
|
|
|
+ !(unitJson[unitJson.length - 1].easy == 4) &&
|
|
|
+ !(unitJson[unitJson.length - 1].easy == 6) &&
|
|
|
+ courseState == 1
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/new/addStage.png" alt />
|
|
|
+ </div>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="updateCourseState(1)"
|
|
|
+ v-if="courseState == 2" style="margin: 15px 0">
|
|
|
+ 新建阶段
|
|
|
+ </button>
|
|
|
+ <!-- v-if="steps == 3 && (userid == courseUserid || role == '1')" -->
|
|
|
+ <button class="c_pub_button_add" @click="openStageBox" v-show="false" style="margin: 0 0 0 auto">
|
|
|
+ 阶段顺序
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask()"
|
|
|
+ v-if="steps == 3 && isPasteTask" style="margin: 0 0 0 auto">
|
|
|
+ 智能粘贴
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm pub_btn_template_img" @click="openTemplate" :style="{
|
|
|
+ margin: isPasteTask ? '0 0 0 20px' : '0 0 0 auto',
|
|
|
+ }" style="padding: 0 12px">
|
|
|
+ 选择课程模板
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="margin: 0 0 10px 0; padding: 0" v-for="(item, index) in unitJson[unitIndex].chapterInfo"
|
|
|
+ :key="index">
|
|
|
+ <div style="position: relative;
|
|
|
+ background: #fff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 1px 20px 10px;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 10px;">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ " :style="{
|
|
|
+ margin: !item.taskJson[0].isFoldchapter
|
|
|
+ ? '20px 0 10px'
|
|
|
+ : '20px 0 0',
|
|
|
+ }">
|
|
|
+ <div style="margin-bottom: 10px" class="lineTitle">
|
|
|
+ 学习内容
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="add_chapters_box add_c_none" v-if="
|
|
|
+ item.taskJson[0].chapterData &&
|
|
|
+ item.taskJson[0].chapterData.length == 0
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
+ <div @dragstart="
|
|
|
+ dragStart(item1, index1, 0)
|
|
|
+ " @dragover.prevent="
|
|
|
+ dragOver(index1, 0)
|
|
|
+ " @dragend="dragEnd()" :draggable="isdrag ==
|
|
|
+ 'chapter-' + 0 + '-' + index1
|
|
|
+ " class="chapter_upload" v-for="(item1, index1) in item.taskJson[0].chapterData"
|
|
|
+ :key="item1.id" @click="
|
|
|
+ getChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ item1.type
|
|
|
+ )
|
|
|
+ " :class="{
|
|
|
+ dragOverTop2:
|
|
|
+ newIndex === index1 &&
|
|
|
+ typeIndex ==
|
|
|
+ 'chapter-' +
|
|
|
+ 0 +
|
|
|
+ '-' +
|
|
|
+ index1 &&
|
|
|
+ oldIndex > index1 &&
|
|
|
+ dragType == 'drag',
|
|
|
+ dragOverBottom2:
|
|
|
+ newIndex === index1 &&
|
|
|
+ typeIndex ==
|
|
|
+ 'chapter-' +
|
|
|
+ 0 +
|
|
|
+ '-' +
|
|
|
+ index1 &&
|
|
|
+ oldIndex < index1 &&
|
|
|
+ dragType == 'drag',
|
|
|
+ }">
|
|
|
+ <div @mousedown="
|
|
|
+ isdrag =
|
|
|
+ 'chapter-' + 0 + '-' + index1
|
|
|
+ " @mouseup="isdrag = ''" @touchstart="
|
|
|
+ isdrag =
|
|
|
+ 'chapter-' + 0 + '-' + index1
|
|
|
+ " @touchend="isdrag = ''" class="chapter_upload_drag"></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_i2"></div>
|
|
|
+ <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
|
|
|
+ <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_n">
|
|
|
+ <input readonly="true" v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 12 ||
|
|
|
+ item1.type == 13 ||
|
|
|
+ item1.type == 7
|
|
|
+ " :placeholder="item1.name" @click="
|
|
|
+ updataVideoT(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ 0,
|
|
|
+ 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(0, 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(0, index1)" />
|
|
|
+ <input :placeholder="item1.title ? item1.title : '链接'
|
|
|
+ " v-if="item1.type == 14" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="
|
|
|
+ openUpdateSource(0, index1)
|
|
|
+ " />
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic">
|
|
|
+ <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
|
|
|
+ <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
+ <div class="chapter_upload_up" @click="
|
|
|
+ upCd(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ 0,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ "></div>
|
|
|
+ <div class="chapter_upload_down" @click="
|
|
|
+ downCd(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ 0,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ "></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 12 ||
|
|
|
+ item1.type == 13 ||
|
|
|
+ item1.type == 7
|
|
|
+ " @click.stop="
|
|
|
+ updataVideoT(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ 0,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
|
|
|
+ selectAttText(0, index1)
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
|
|
|
+ @click="selectLine(0, index1)">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
|
|
|
+ openUpdateSource(0, index1)
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_r" @click.stop="
|
|
|
+ deleteChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ 0
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add_info_box" style="margin: 10px 0 0">
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
+ 文件
|
|
|
+ <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
|
|
|
+ beforeUpload2(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ 13,
|
|
|
+ 0
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
|
|
|
+ 图文
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
|
|
|
+ 链接
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
|
|
|
+ 代码
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
|
|
|
+ 资源
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ 0
|
|
|
+ ].proVisible
|
|
|
+ " class="mask">
|
|
|
+ <div class="progressBox">
|
|
|
+ <!-- <div id="closePro" class="closeCss">
|
|
|
+ <img src="../../../../assets/icon/close.png" alt />
|
|
|
+ </div> -->
|
|
|
+ <div class="lbox">
|
|
|
+ <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px">
|
|
|
+ <span>{{
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ 0
|
|
|
+ ].isFinishSize
|
|
|
+ }}M</span>
|
|
|
+ /
|
|
|
+ <span>{{
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ 0
|
|
|
+ ].isAllSize
|
|
|
+ }}M</span>
|
|
|
+ </div>
|
|
|
+ <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ 0
|
|
|
+ ].progress
|
|
|
+ ? unitJson[unitIndex].chapterInfo[0]
|
|
|
+ .taskJson[0].progress
|
|
|
+ : 0
|
|
|
+ " style="width: 80%"></el-progress>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_box" v-if="courseState == 1">
|
|
|
+ <div class="chapter_contentbox">
|
|
|
+ <!-- <div>第{{ unitIndex + 1 }}阶段</div> -->
|
|
|
+ <div class="cc_input">
|
|
|
+ <input ref="dyInput" type="text" placeholder="请输入阶段标题" class="binfo_input"
|
|
|
+ v-model="unitJson[unitIndex].dyName" />
|
|
|
+ </div>
|
|
|
+ <div class="remove" v-if="
|
|
|
+ (unitJson.length > 1 || courseState != 2) &&
|
|
|
+ !(unitJson[unitJson.length - 1].easy == 4) &&
|
|
|
+ !(unitJson[unitJson.length - 1].easy == 6)
|
|
|
+ " @click="deleteUnit(unitIndex)"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="!unitJson[unitIndex].easy" style="
|
|
|
+ margin: 50px 0px 10px;
|
|
|
+ font-size: 1.5em;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #0f7eff;
|
|
|
+ ">
|
|
|
+ 添加任务
|
|
|
+ </div> -->
|
|
|
+ <div class="taskBorder" :style="{
|
|
|
+ minHeight: unitJson[unitIndex].easy && 'unset',
|
|
|
+ }" :class="{ smallTaskBorder: itemTask.isFold === 1 }"
|
|
|
+ v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
|
|
|
+ <div style="background: #fff; border-radius: 5px">
|
|
|
+ <div class="taskTitle">任务{{ itemTaskIndex + 1 }}</div>
|
|
|
+ <!-- padding: 20px; -->
|
|
|
+ <div v-if="unitJson[unitIndex].easy != 1">
|
|
|
+ <div :style="{
|
|
|
+ marginBottom:
|
|
|
+ unitJson[unitIndex].easy == 3 ||
|
|
|
+ (unitJson[unitIndex].easy == 5 &&
|
|
|
+ itemTask.taskType == 1)
|
|
|
+ ? '75px'
|
|
|
+ : '0',
|
|
|
+ }">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ margin: 0px 0 20px;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle">任务概述</div>
|
|
|
+ </div>
|
|
|
+ <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0;
|
|
|
+ ">
|
|
|
+ <!-- <div class="cc_title">
|
|
|
+ 任务{{ itemTaskIndex + 1 }}
|
|
|
+ </div> -->
|
|
|
+ <div class="cc_input">
|
|
|
+ <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
|
|
|
+ v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].task
|
|
|
+ " />
|
|
|
+ </div>
|
|
|
+ <div class="remove" v-if="
|
|
|
+ item.taskJson.length > 1 &&
|
|
|
+ (!unitJson[unitIndex].easy ||
|
|
|
+ unitJson[unitIndex].easy == 6)
|
|
|
+ " @click="deleteTask(itemTaskIndex)"></div>
|
|
|
+ <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
|
|
|
+ class="show_taskD show" @click="fold2(itemTaskIndex)"><img
|
|
|
+ src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
|
|
|
+ <div v-else-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" class="show_taskD"
|
|
|
+ @click="fold2(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />展开任务描述
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
|
|
|
+ display: flex;
|
|
|
+ margin: 20px 0;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle">任务描述</div>
|
|
|
+ </div> && !itemTask.isFold2-->
|
|
|
+ <div v-if="
|
|
|
+ easyArray.indexOf(unitJson[unitIndex].easy) ==
|
|
|
+ -1
|
|
|
+ " style="margin-top: 20px" class="op_task_box">
|
|
|
+ <!-- <editor-bar class="addEditor" style="margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].taskDetail
|
|
|
+ " @change="change"></editor-bar> -->
|
|
|
+ <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
|
|
|
+ placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].taskDetail
|
|
|
+ "></textarea>
|
|
|
+ <!-- <textarea rows="6" class="binfo_input" placeholder="请输入任务描述" cols
|
|
|
+ style="width: 70.5% !important; height: 120px" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].taskDetail
|
|
|
+ "></textarea> -->
|
|
|
+ <div class="op_box">
|
|
|
+ <div class="op_remark">*可以将需要优化的建议添加在任务描述后，点击“智能优化”，自动进行修改</div>
|
|
|
+ <div class="r_pub_button_op">智能优化</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].easy == 1 ||
|
|
|
+ (unitJson[unitIndex].easy == 5 &&
|
|
|
+ itemTask.taskType == 2)
|
|
|
+ ">
|
|
|
+ <div>
|
|
|
+ <div class="add_chapters_box add_c_none" v-if="
|
|
|
+ itemTask.chapterData &&
|
|
|
+ itemTask.chapterData.length == 0
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/new/c_none.png" alt />
|
|
|
+ </div>
|
|
|
+ <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
+ <div @dragstart="dragStart(item1, index1, index)" @dragover.prevent="
|
|
|
+ dragOver(index1, itemTaskIndex)
|
|
|
+ " @dragend="dragEnd()" :draggable="isdrag ==
|
|
|
+ 'chapter-' + itemTaskIndex + '-' + index1
|
|
|
+ " class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData"
|
|
|
+ :key="item1.id" @click="
|
|
|
+ getChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ item1.type
|
|
|
+ )
|
|
|
+ " :class="{
|
|
|
+ dragOverTop2:
|
|
|
+ newIndex === index1 &&
|
|
|
+ typeIndex ==
|
|
|
+ 'chapter-' +
|
|
|
+ itemTaskIndex +
|
|
|
+ '-' +
|
|
|
+ index1 &&
|
|
|
+ oldIndex > index1,
|
|
|
+ dragOverBottom2:
|
|
|
+ newIndex === index1 &&
|
|
|
+ typeIndex ==
|
|
|
+ 'chapter-' +
|
|
|
+ itemTaskIndex +
|
|
|
+ '-' +
|
|
|
+ index1 &&
|
|
|
+ oldIndex < index1,
|
|
|
+ }">
|
|
|
+ <div @mousedown="
|
|
|
+ isdrag =
|
|
|
+ 'chapter-' + itemTaskIndex + '-' + index1
|
|
|
+ " @mouseup="isdrag = ''" @touchstart="
|
|
|
+ isdrag =
|
|
|
+ 'chapter-' + itemTaskIndex + '-' + index1
|
|
|
+ " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
|
|
|
+ <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_i2"></div>
|
|
|
+ <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
|
|
|
+ <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_n">
|
|
|
+ <span style="
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgb(109, 109, 109);
|
|
|
+ height: 14px;
|
|
|
+ line-height: 14px;
|
|
|
+ " v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 7
|
|
|
+ ">{{ item1.text }}-</span>
|
|
|
+ <input readonly="true" v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 7
|
|
|
+ " :placeholder="item1.name" @click="
|
|
|
+ updataVideoT(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ itemTaskIndex,
|
|
|
+ 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 || item1.type == 14" style="
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 80%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic">
|
|
|
+ <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
|
|
|
+ <div class="chapter_upload_ud" style="z-index: 99">
|
|
|
+ <div class="chapter_upload_up" @click="
|
|
|
+ upCd(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ itemTaskIndex,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ "></div>
|
|
|
+ <div class="chapter_upload_down" @click="
|
|
|
+ downCd(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ itemTaskIndex,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ "></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="
|
|
|
+ item1.type == 2 ||
|
|
|
+ item1.type == 3 ||
|
|
|
+ item1.type == 12 ||
|
|
|
+ item1.type == 13 ||
|
|
|
+ item1.type == 7
|
|
|
+ " @click.stop="
|
|
|
+ updataVideoT(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ itemTaskIndex,
|
|
|
+ index1
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
|
|
|
+ selectAttText(itemTaskIndex, index1)
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
|
|
|
+ @click="selectLine(itemTaskIndex, index1)">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
|
|
|
+ openUpdateSource(itemTaskIndex, index1)
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ic_r" @click.stop="
|
|
|
+ deleteChapterData(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ index,
|
|
|
+ index1,
|
|
|
+ itemTaskIndex
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="add_info_box" style="margin: 10px 0 0">
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
+ <span style="color: red">*</span>
|
|
|
+ 教学设计
|
|
|
+ <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,
|
|
|
+ unitIndex,
|
|
|
+ 3,
|
|
|
+ itemTaskIndex,
|
|
|
+ '教学设计'
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
+ <span style="color: red">*</span>
|
|
|
+ 教学课件
|
|
|
+ <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,
|
|
|
+ unitIndex,
|
|
|
+ 3,
|
|
|
+ itemTaskIndex,
|
|
|
+ '教学课件'
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
+ 教学视频
|
|
|
+ <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo"
|
|
|
+ style="display: none" v-if="inputShow" @change="
|
|
|
+ beforeUpload3(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ 2,
|
|
|
+ itemTaskIndex,
|
|
|
+ '教学视频'
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
+ 教学音频
|
|
|
+ <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
|
|
|
+ beforeUpload3(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ 2,
|
|
|
+ itemTaskIndex,
|
|
|
+ '教学音频'
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_add_img" @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,
|
|
|
+ unitIndex,
|
|
|
+ 3,
|
|
|
+ itemTaskIndex,
|
|
|
+ '学习单'
|
|
|
+ )
|
|
|
+ " />
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible
|
|
|
+ " class="mask">
|
|
|
+ <div class="progressBox">
|
|
|
+ <!-- <div id="closePro" class="closeCss">
|
|
|
+ <img src="../../../../assets/icon/close.png" alt />
|
|
|
+ </div> -->
|
|
|
+ <div class="lbox">
|
|
|
+ <img src="../../../assets/loading.gif" />上传中，请稍后
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom: 10px">
|
|
|
+ <span>{{
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize
|
|
|
+ }}M</span>
|
|
|
+ /
|
|
|
+ <span>{{
|
|
|
+ unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isAllSize
|
|
|
+ }}M</span>
|
|
|
+ </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>
|
|
|
+ <!-- padding: 20px; -->
|
|
|
+ <div style="
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-top: 15px;
|
|
|
+ ">
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].easy != 3 &&
|
|
|
+ !(
|
|
|
+ unitJson[unitIndex].easy == 5 &&
|
|
|
+ itemTask.taskType == 1
|
|
|
+ )
|
|
|
+ " style="
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ margin: 5px 0 20px;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle clineTitle">
|
|
|
+ {{
|
|
|
+ !unitJson[unitIndex].easy ||
|
|
|
+ unitJson[unitIndex].easy == 6 ||
|
|
|
+ easyArray.indexOf(unitJson[unitIndex].easy) !=
|
|
|
+ -1
|
|
|
+ ? "练习内容"
|
|
|
+ : "评价内容"
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ <!-- <div class="line" style="width: 90%"></div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="
|
|
|
+ unitJson[unitIndex].easy == 6 ||
|
|
|
+ !unitJson[unitIndex].easy
|
|
|
+ " class="toolChoose">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="width: 100%" v-for="(
|
|
|
+ itemTool, toolIndex
|
|
|
+ ) in itemTask.toolChoose" :key="toolIndex">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: baseline;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div style="margin-right: 20px; font-weight: bold"
|
|
|
+ :id="'gj' + itemTaskIndex + '' + toolIndex">
|
|
|
+ 工具 {{ toolIndex + 1 }} ：
|
|
|
+ </div>
|
|
|
+ <div class="chooseWho">
|
|
|
+ <div :class="itemTool.toolType == 0
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 0),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 互动类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 1
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 1),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 思维类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 6
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 6),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 协作类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 2
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 2),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 测评类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 7
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 7),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 评价类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 3
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 3),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 编程类
|
|
|
+ </div>
|
|
|
+ <div :class="itemTool.toolType == 5
|
|
|
+ ? 'isChooseActive'
|
|
|
+ : ''
|
|
|
+ " @click="
|
|
|
+ (itemTool.toolType = 5),
|
|
|
+ (itemTool.isFold3 = false),
|
|
|
+ $forceUpdate()
|
|
|
+ ">
|
|
|
+ 学科类
|
|
|
+ </div>
|
|
|
+ <!-- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
|
|
|
+ " @click="(itemTool.toolType = 4), $forceUpdate()">
|
|
|
+ 其他
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_ud2" style="z-index: 9; margin: 0 0 0 auto" :style="{
|
|
|
+ margin:
|
|
|
+ itemTask.toolChoose.length > 1
|
|
|
+ ? '0px 35px 0px auto'
|
|
|
+ : '0 0 0 auto',
|
|
|
+ }" v-if="itemTask.toolChoose.length > 1">
|
|
|
+ <div class="chapter_upload_up2" @click.stop="
|
|
|
+ upTool(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ itemTaskIndex,
|
|
|
+ toolIndex
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 上移
|
|
|
+ </div>
|
|
|
+ <div class="chapter_upload_down2" @click.stop="
|
|
|
+ downTool(
|
|
|
+ $event,
|
|
|
+ unitIndex,
|
|
|
+ itemTaskIndex,
|
|
|
+ toolIndex
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 下移
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div v-if="!itemTool.isFold3" class="show_toolD show"
|
|
|
+ @click="fold3(itemTaskIndex, toolIndex)"
|
|
|
+ :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
|
|
|
+ src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
|
|
|
+ <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
|
|
|
+ :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
|
|
|
+ src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div> -->
|
|
|
+ <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
|
|
|
+ v-if="itemTask.toolChoose.length > 1" style="
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: -5px;
|
|
|
+ "></div>
|
|
|
+ </div>
|
|
|
+ <!-- v-show="!itemTool.isFold3" -->
|
|
|
+ <div style="min-height: 163px">
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 0">
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div
|
|
|
+ class="whiteBIcon"
|
|
|
+ @click="addTools(8, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img src="../../../assets/icon/secondToolList/library.png" alt />
|
|
|
+ <div style="margin: 5px 0">素材库</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(8) == -1"
|
|
|
+ />
|
|
|
+ <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt /><span>已选择</span></div>
|
|
|
+ </div>
|
|
|
+ </div>-->
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div
|
|
|
+ class="whiteBIcon"
|
|
|
+ @click="addTools(17, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/secondToolList/library.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ <div style="margin: 5px 0">学习资料</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ @click="addTools(17, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(17) == -1"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt
|
|
|
+ v-else
|
|
|
+ />
|
|
|
+ </div>10
|
|
|
+ </div> -->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(10) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(10, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 10, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/time.png" alt />
|
|
|
+ <div style="margin: 5px 0">倒计时</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(10) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(65) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(65, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(65, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
|
|
|
+ <div style="margin: 5px 0">挑人</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(65) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/group.png" alt />
|
|
|
+ <div style="margin: 5px 0">学生分组</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(49) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
|
|
|
+ <div style="margin: 5px 0">交互视频</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(62, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(62) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 1">
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(7) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(7, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(7, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维网格</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(7) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(1) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(1, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 1, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
+ <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(1) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div
|
|
|
+ class="whiteBIcon"
|
|
|
+ @click="addTools(2, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/secondToolList/note.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ <div style="margin: 5px 0">便签</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ @click="addTools(2, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(2) == -1"
|
|
|
+ />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt
|
|
|
+ /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
+ <div style="margin: 5px 0">协同文档</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ @click="addTools(6, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(6) == -1"
|
|
|
+ />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt
|
|
|
+ /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(52) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(52, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 52, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/text.png" alt />
|
|
|
+ <div style="margin: 5px 0">文档</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(52) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(3) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(3, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 3, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维导图</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(3) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(48) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(48, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 48, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
+ <div style="margin: 5px 0">表格</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(48) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 6">
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(49) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(49, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 49, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/group.png" alt />
|
|
|
+ <div style="margin: 5px 0">学生分组</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(49) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 2">
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div
|
|
|
+ class="whiteBIcon"
|
|
|
+ @click="addTools(5, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/thirdToolList/score.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ <div style="margin: 5px 0">量规评分</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ @click="addTools(5, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(5) == -1"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt
|
|
|
+ v-else
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>-->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(4) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(4, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 4, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/ask.png" alt />
|
|
|
+ <div style="margin: 5px 0">问卷调查</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(4) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(45) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(45, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 45, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/choose.png" alt />
|
|
|
+ <div style="margin: 5px 0">选择题</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(45) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(15) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(15, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 15, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
+ <div style="margin: 5px 0">问答</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(15) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(16) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(16, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(16, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/work.png" alt />
|
|
|
+ <div style="margin: 5px 0">作业提交</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(16) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(50) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(50, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(50, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
|
|
|
+ <div style="margin: 5px 0">批量上传</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(50) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/eval.png" alt />
|
|
|
+ <div style="margin: 5px 0">个人评价</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(40) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(41) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(41, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 41, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/select.png" alt />
|
|
|
+ <div style="margin: 5px 0">选择匹配</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(41) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(47) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(47, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 47, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
|
|
|
+ <div style="margin: 5px 0">排序</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(47) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div
|
|
|
+ class="whiteBIcon"
|
|
|
+ @click="openTools(itemTaskIndex, 42, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/thirdToolList/mp3.png"
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ <div style="margin: 5px 0">上传音频</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ @click="addTools(42, itemTaskIndex, toolIndex)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkNo.png"
|
|
|
+ alt
|
|
|
+ v-if="itemTool.tool.indexOf(42) == -1"
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="../../../assets/icon/checkedIs.png"
|
|
|
+ alt
|
|
|
+ v-else
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 3">
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(18) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(18, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(18, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
|
|
|
+ <div style="margin: 5px 0">训练平台</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(18) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(21) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(21, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(21, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/program.png" alt />
|
|
|
+ <div style="margin: 5px 0">
|
|
|
+ AIoT Blockly
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(21) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
|
|
|
+ <div style="margin: 5px 0">AI体验</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(22, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(22) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(23) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(23, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(23, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
|
|
|
+ <div style="margin: 5px 0">AI Python</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(23) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(24) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(24, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(24, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
|
|
|
+ <div style="margin: 5px 0">
|
|
|
+ AI Blockly
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(24) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(32) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(32, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(32, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/code.png" alt />
|
|
|
+ <div style="margin: 5px 0">源码编辑</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(32) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(57) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(57, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 57, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
|
|
|
+ <div style="margin: 5px 0">CocoPi</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(57) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(63) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(63, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(63, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
|
|
|
+ <div style="margin: 5px 0">海龟编程</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(63) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(71) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(71, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(71, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/chatgpt.png" alt />
|
|
|
+ <div style="margin: 5px 0">AI智能体</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(71) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 7">
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(40) != -1,
|
|
|
+ }" @click.stop="
|
|
|
+ addTools(40, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 40, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/eval.png" alt />
|
|
|
+ <div style="margin: 5px 0">个人评价</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(40) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 5">
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(28) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(28, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(28, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/translation.png" alt />
|
|
|
+ <div style="margin: 5px 0">翻译</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(28) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(31) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(31, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(31, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
|
|
|
+ <div style="margin: 5px 0">数字画板</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(31) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(39) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(39, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(39, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
|
|
|
+ <div style="margin: 5px 0">GeoGebra</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(39) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(66) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(66, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(66, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
|
|
|
+ <div style="margin: 5px 0">公式编辑</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(66, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(66) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(67, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/molStr.png" alt />
|
|
|
+ <div style="margin: 5px 0">分子结构</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(67, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(67) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(68) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(68, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ addTools(68, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
|
|
|
+ <div style="margin: 5px 0">时间轴</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(68, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(68) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(69) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(69, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 69, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/english.png" alt />
|
|
|
+ <div style="margin: 5px 0">英语写作</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(69) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(4) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{
|
|
|
+ isToolChoose:
|
|
|
+ itemTool.tool.indexOf(70) != -1,
|
|
|
+ }" @click="
|
|
|
+ addTools(70, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
+ openTools(itemTaskIndex, 70, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/englishVoice.png" alt />
|
|
|
+ <div style="margin: 5px 0">英语口语</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTool.tool.indexOf(70) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/translation.png" alt />
|
|
|
+ <div style="margin: 5px 0">翻译</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(28) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(37, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mohe.png" alt />
|
|
|
+ <div style="margin: 5px 0">魔盒识字</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(37, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(37) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(38, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/24game.png" alt />
|
|
|
+ <div style="margin: 5px 0">24点</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(38, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(38) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
|
|
|
+ <div style="margin: 5px 0">数学画板</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(31) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
|
|
|
+ <div style="margin: 5px 0">GeoGebra</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(39) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(58, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/car.png" alt />
|
|
|
+ <div style="margin: 5px 0">模拟驾驶</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(58, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(58) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(59, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
|
|
|
+ <div style="margin: 5px 0">路径搜索</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(59, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(59) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(60, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
|
|
|
+ <div style="margin: 5px 0">深度学习</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(60, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(60) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(61, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
|
|
|
+ <div style="margin: 5px 0">全历史</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(61, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(61) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="itemTool.toolType == 4">
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(26, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
|
|
|
+ <div style="margin: 5px 0">课程设计</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(26, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(26) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(25, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
|
|
|
+ <div style="margin: 5px 0">目标管理</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(25, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(25) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
|
|
|
+ <div style="margin: 5px 0">汉字宫</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- v-show="!itemTool.isFold3" -->
|
|
|
+ <div class="op_tool_box">
|
|
|
+ <textarea rows="2" v-autoHeight="70" type="text" placeholder="添加工具描述"
|
|
|
+ class="binfo_input" style="
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ width: 100% !important;
|
|
|
+ " v-model="itemTool.toolDetail"></textarea>
|
|
|
+ <div class="op_box">
|
|
|
+ <div class="op_remark">*可以将需要优化的建议添加在工具描述后，点击“智能优化”，自动进行修改</div>
|
|
|
+ <div class="r_pub_button_op">智能优化</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="addToolFun2" @click="addToolFun(itemTaskIndex)">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加工具</div>
|
|
|
+ </div> -->
|
|
|
+ <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)" style="
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 30px;
|
|
|
+ height: 45px;
|
|
|
+ ">
|
|
|
+ 添加工具
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="
|
|
|
+ unitJson[unitIndex].easy == 2 ||
|
|
|
+ unitJson[unitIndex].easy == 4
|
|
|
+ " class="toolChoose" style="padding: 0 0 40px">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="width: 100%" v-for="(
|
|
|
+ itemTool, toolIndex
|
|
|
+ ) in itemTask.toolChoose" :key="toolIndex">
|
|
|
+ <div>
|
|
|
+ <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input" style="
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+ width: 100% !important;
|
|
|
+ " v-model="itemTool.toolDetail"></textarea>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: baseline;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div style="margin-right: 20px; font-weight: bold"
|
|
|
+ :id="'gj' + itemTaskIndex + '' + toolIndex">
|
|
|
+ 工具 {{ toolIndex + 1 }} ：
|
|
|
+ </div>
|
|
|
+ <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
|
|
|
+ v-if="itemTask.toolChoose.length > 1" style="right: 0"></div>
|
|
|
+ </div>
|
|
|
+ <div style="min-height: 163px">
|
|
|
+ <div class="toolSort">
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 1, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
+ <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(1, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(1) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 52, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/text.png" alt />
|
|
|
+ <div style="margin: 5px 0">文档</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(52, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(52) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 3, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维导图</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(3, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(3) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 4, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/ask.png" alt />
|
|
|
+ <div style="margin: 5px 0">问卷调查</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(4, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(4) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 45, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/choose.png" alt />
|
|
|
+ <div style="margin: 5px 0">选择题</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(45, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(45) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 15, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/answer.png" alt />
|
|
|
+ <div style="margin: 5px 0">问答</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(15, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(15) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ addTools(16, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/work.png" alt />
|
|
|
+ <div style="margin: 5px 0">作业提交</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(16, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(16) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 50, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
|
|
|
+ <div style="margin: 5px 0">批量上传</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(50, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(50) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 41, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/select.png" alt />
|
|
|
+ <div style="margin: 5px 0">选择匹配</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(41, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(41) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 47, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
|
|
|
+ <div style="margin: 5px 0">排序</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(47, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(47) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 48, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/fourthToolList/table.png" alt />
|
|
|
+ <div style="margin: 5px 0">表格</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(48, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(48) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="addToolFun" style="margin-bottom: 20px" @click="addToolFun(itemTaskIndex)">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加工具</div>
|
|
|
+ </div> -->
|
|
|
+ <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)"
|
|
|
+ style="margin: 35px auto 20px">
|
|
|
+ 添加工具
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else-if="
|
|
|
+ unitJson[unitIndex].easy == 1 ||
|
|
|
+ (unitJson[unitIndex].easy == 5 &&
|
|
|
+ itemTask.taskType == 2)
|
|
|
+ " class="toolChoose" style="padding: 0 0 40px">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="width: 100%; padding: 0 0 15px 0" v-for="(
|
|
|
+ itemTool, toolIndex
|
|
|
+ ) in itemTask.toolChoose" :key="toolIndex">
|
|
|
+ <div style="min-height: 163px">
|
|
|
+ <div class="toolSort">
|
|
|
+ <div class="tool">
|
|
|
+ <div class="whiteBIcon" @click="
|
|
|
+ openTools(itemTaskIndex, 50, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
|
|
|
+ <div style="margin: 5px 0">批量上传</div>
|
|
|
+ </div>
|
|
|
+ <div class="check" @click="
|
|
|
+ addTools(50, itemTaskIndex, toolIndex)
|
|
|
+ ">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt
|
|
|
+ v-if="itemTool.tool.indexOf(50) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="elist_css" v-if="!(unitJson[unitJson.length - 1].easy == 4)">
|
|
|
+ <div class="elist_title">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ margin: 20px 0;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle clineTitle">评价设置</div>
|
|
|
+ <div class="r_pub_button_op" style="margin-left:auto;">智能优化</div>
|
|
|
+ <!-- <div class="line" style="width: 90%"></div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mbCss">
|
|
|
+ <div class="pjCss" :style="{
|
|
|
+ width: itemTask.isEvaFold
|
|
|
+ ? 'calc(100% - 55%)'
|
|
|
+ : 'calc(100% - 120px)',
|
|
|
+ }">
|
|
|
+ <div v-if="itemTask.eList && itemTask.eList.length" class="elist_input">
|
|
|
+ <div v-for="(eItem, eIndex) in itemTask.eList" :key="eIndex" class="elist_input_box">
|
|
|
+ <span>评价维度：</span>
|
|
|
+ <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].value || '填写评价维度'" placement="top" popper-class="text_tooltip2"> -->
|
|
|
+ <input type="input" v-model="itemTask.eList[eIndex].value" placeholder="填写评价维度" />
|
|
|
+ <!-- </el-tooltip> -->
|
|
|
+ <!-- <span>评星等级：</span>
|
|
|
+ <el-rate v-model="itemTask.eList[eIndex].score" @change="setEListStar()"
|
|
|
+ disabled></el-rate> -->
|
|
|
+ <div class="remove" @click="
|
|
|
+ deletEList(
|
|
|
+ unitIndex,
|
|
|
+ itemTaskIndex,
|
|
|
+ eIndex
|
|
|
+ )
|
|
|
+ "></div>
|
|
|
+ <div class="elist_inptu_text">
|
|
|
+ <span>维度描述：</span>
|
|
|
+ <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].detail || '填写维度描述'" placement="top" popper-class="text_tooltip2"> -->
|
|
|
+ <input type="input" v-model="itemTask.eList[eIndex].detail" placeholder="填写维度描述" />
|
|
|
+ <!-- </el-tooltip> -->
|
|
|
+ </div>
|
|
|
+ <div class="elist_inptu_text" v-if="evalua">
|
|
|
+ <span>目标：</span>
|
|
|
+ <!-- <input type="input" v-model="itemTask.eList[eIndex].target" placeholder="填写维度描述" /> -->
|
|
|
+ <!-- <el-select v-model="itemTask.eList[eIndex].target" placeholder="请选择目标"
|
|
|
+ @change="forceUpdate()">
|
|
|
+ <el-option v-for="(e, eIndex) in targetArray" :key="eIndex" :label="e.name"
|
|
|
+ :value="e.name">
|
|
|
+ </el-option>
|
|
|
+ </el-select> -->
|
|
|
+ <el-cascader :options="targetArray" v-model="itemTask.eList[eIndex].target"
|
|
|
+ :props="{ checkStrictly: true }" :show-all-levels="false" clearable></el-cascader>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="addToolFun" @click="addEList(unitIndex, itemTaskIndex)"
|
|
|
+ style="margin: 35px 35px 0 0">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </div>
|
|
|
+ <div>添加</div>
|
|
|
+ </div> -->
|
|
|
+ <div class="eva_btn_box">
|
|
|
+ <div class="eva_btn_left_box">
|
|
|
+ <button class="c_pub_button_add pub_btn_eval_img"
|
|
|
+ @click="addEList(unitIndex, itemTaskIndex)">
|
|
|
+ 添加
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_add pub_btn_eval_source_img"
|
|
|
+ @click="openEList(unitIndex, itemTaskIndex)">
|
|
|
+ 资源
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <button class="c_pub_button_add" @click="addCET(unitIndex, itemTaskIndex)"
|
|
|
+ v-if="itemTask.eList && itemTask.eList.length">
|
|
|
+ 添加资源模板
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="evalua" style="
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ box-shadow: 3px 1px 15px 3px #e0e0e0;
|
|
|
+ " :style="{
|
|
|
+ width: itemTask.isEvaFold ? '55%' : '116px',
|
|
|
+ }" class="evaCss">
|
|
|
+ <!-- <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;
|
|
|
+ " />
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="e_add_content" style="width: 100%">
|
|
|
+ <div class="e_add_list_pbox" style="width: 100%">
|
|
|
+ <div class="e_add_list_pbox_title">
|
|
|
+ <span class="type_title" v-if="itemTask.isEvaFold">切换模式</span>
|
|
|
+ <div class="type_content" v-if="itemTask.isEvaFold">
|
|
|
+ <span :class="{ active: typeMode == 1 }"
|
|
|
+ @click="OtherMb(1, itemTaskIndex)">目标树</span>
|
|
|
+ <span :class="{ active: typeMode == 2 }"
|
|
|
+ @click="OtherMb(2, itemTaskIndex)">目标罗盘</span>
|
|
|
+ <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span> -->
|
|
|
+ </div>
|
|
|
+ <div v-if="itemTask.isEvaFold" class="show_taskD show" style="margin: 0 0 0 auto"
|
|
|
+ @click="foldEva(itemTaskIndex)">
|
|
|
+ <img src="../../../assets/icon/new/icon-slide.png" />收起目标
|
|
|
+ </div>
|
|
|
+ <div v-else style="margin: 0 0 0 auto" class="show_taskD"
|
|
|
+ @click="foldEva(itemTaskIndex)">
|
|
|
+ <img src="../../../assets/icon/new/icon-slide.png" />展开目标
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="e_add_list_pbox_content" v-if="itemTask.isEvaFold"
|
|
|
+ style="min-height: 200px">
|
|
|
+ <Mind :showBar="false" :mindData="data" style="width: 100%" :jsmindId="unitIndex + '-' + itemTaskIndex + 'mind'
|
|
|
+ " v-if="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 class="funBlock" style="padding: 0">
|
|
|
+ <div class="fold" @click="fold(itemTaskIndex, $event)">
|
|
|
+ <div class="arrow" :class="{ arrowZ: !(itemTask.isFold === 1) }"></div>
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ itemTask.isFold === 1 ? "展开任务" : "收起任务"
|
|
|
+ }}
|
|
|
+ </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>
|
|
|
+ <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
|
|
|
+ <!-- <div>
|
|
|
+ <img src="../../../../assets/icon/new/addStage.png" alt />
|
|
|
+ <span>添加任务</span>
|
|
|
+ </div> -->
|
|
|
+ <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
|
|
|
+ 添加任务
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info_btnBox3">
|
|
|
+ <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
|
|
|
+ goTo(
|
|
|
+ '/course?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 返回课程
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5"
|
|
|
+ @click="lastSteps" style="background: #dbdbdb">
|
|
|
+ {{ steps == 4 ? "返回课程" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
|
|
|
+ pub_btn_next_img: steps != 3,
|
|
|
+ pub_btn_finish_img: steps == 3,
|
|
|
+ }">
|
|
|
+ {{ steps == 3 ? "确认上传" : "下一步" }}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ border-radius: 10px;
|
|
|
+ " v-if="steps == 4">
|
|
|
+ <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: isBtnDisplay, info_btnBox2: !isBtnDisplay }" @mouseenter="btnDisplay(true)"
|
|
|
+ @mouseleave="btnDisplay(false)" v-if="false">
|
|
|
+ <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1 && isBtnDisplay" @click="
|
|
|
+ goTo(
|
|
|
+ '/course?userid=' +
|
|
|
+ userid +
|
|
|
+ '&oid=' +
|
|
|
+ oid +
|
|
|
+ '&org=' +
|
|
|
+ org +
|
|
|
+ '&role=' +
|
|
|
+ role
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ 返回课程
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5 && isBtnDisplay"
|
|
|
+ @click="lastSteps">
|
|
|
+ {{ steps == 4 ? "返回课程" : "上一步" }}
|
|
|
+ </button>
|
|
|
+ <button class="c_pub_button_confirm" v-if="steps < 4 && isBtnDisplay" @click="nextSteps" :class="{
|
|
|
+ pub_btn_next_img: steps != 3,
|
|
|
+ pub_btn_finish_img: steps == 3,
|
|
|
+ }">
|
|
|
+ {{ steps == 3 ? "确认上传" : "下一步" }}
|
|
|
+ </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 ref="fuInput" 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" v-if="dialogVisible6"></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="updateSourcePan ? '修改资源' : '添加资源'" :visible.sync="dialogVisibleSource" :append-to-body="true"
|
|
|
+ width="100%" :before-close="handleClose" class="dialog_diy source_diy">
|
|
|
+ <div>
|
|
|
+ <sourceDialog :sourceData.sync="sourceData" :updateSourcePan="updateSourcePan"></sourceDialog>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleSource = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addSource" v-if="!updateSourcePan">确定</el-button>
|
|
|
+ <el-button type="primary" @click="updateSource" v-else>确定</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="600px" height="80%"
|
|
|
+ :before-close="handleClose" class="addNewPP2">
|
|
|
+ <div class="check_classBox">
|
|
|
+ <div class="check_class_right">
|
|
|
+ <div class="check_class" :class="{ activeX: gradeId == '' }" @click="(gradeId = ''), getClass()">
|
|
|
+ 全部
|
|
|
+ </div>
|
|
|
+ <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
|
|
|
+ <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="(gradeId = item.id), getClass()">
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class="check_class_left">
|
|
|
+ <div class="check_class_all_box">
|
|
|
+ <div class="check_class_left_title">选择班级</div>
|
|
|
+ <div style="display: flex; align-items: center; margin-left: auto">
|
|
|
+ <el-checkbox v-model="checkAll" @change="handleCheckAllChange" class="all_check">全选</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="class_item" style="position:absolute; margin:0" v-if="grade2.length">
|
|
|
+ <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
|
|
|
+ </div> -->
|
|
|
+ <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange"
|
|
|
+ v-if="grade2.length">
|
|
|
+ <div v-for="item in grade2" :key="item.id" class="class_item">
|
|
|
+ <el-checkbox :label="item.id">
|
|
|
+ {{ item.name }}
|
|
|
+ </el-checkbox>
|
|
|
+ </div>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <div v-if="!grade2.length">暂无数据</div>
|
|
|
+ </div>
|
|
|
+ </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" style="display: flex; align-items: center">
|
|
|
+ <div class="check_class_left_title">选择成员</div>
|
|
|
+ <div style="display: flex; align-items: center; margin-left: auto">
|
|
|
+ <el-checkbox v-model="checkAll2" @change="handleCheckAllChange2" class="all_check">全选</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length"
|
|
|
+ @change="InviteChange2">
|
|
|
+ <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>
|
|
|
+ <el-tooltip placement="top" :content="item.username.split('@')[0]">
|
|
|
+ <span>{{ item.username.split('@')[0] }}</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="dialogVisible5" :append-to-body="true" width="800px" :before-close="(done) => {
|
|
|
+ closePan(4);
|
|
|
+ }
|
|
|
+ " class="dialog_diy fullStyle">
|
|
|
+ <div style="height: 100%">
|
|
|
+ <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" style="height: calc(100% - 50px)">
|
|
|
+ <!-- <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_checkType">
|
|
|
+ <span :class="{
|
|
|
+ active:
|
|
|
+ askJson.askJson[index1].type == '1' ||
|
|
|
+ !askJson.askJson[index1].type,
|
|
|
+ }" @click="checkAskType('1', askJson.askJson[index1])">单选题</span>
|
|
|
+ <span :class="{ active: askJson.askJson[index1].type == '2' }"
|
|
|
+ @click="checkAskType('2', askJson.askJson[index1])">多选题</span>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ margin-right: 20px;
|
|
|
+ ">
|
|
|
+ <span style="min-width: fit-content">{{
|
|
|
+ index1 + 1 + "、"
|
|
|
+ }}</span>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
|
|
|
+ v-model="askJson.askJson[index1].askstitle" placeholder="请输入题目" @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ "></textarea>
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn moveBtn2" style="margin: 0 20px 0 0px" v-if="askJson.askCount != 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="askMove(1, index1)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="askMove(2, index1)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head_div">
|
|
|
+ <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="small" @click="addAskList(index1)">添加</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body">
|
|
|
+ <div class="a_add_input" style="flex-direction: column">
|
|
|
+ <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex" style="
|
|
|
+ margin: 20px 10px 0 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div style="margin-right: 10px">选项{{ checkIndex + 1 }}</div>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
|
|
|
+ v-model="askJson.askJson[index1].checkList[checkIndex]" placeholder="请输入选项" style="width: 300px"
|
|
|
+ @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ "></textarea>
|
|
|
+ <div class="moveBtn moveBtn2" style="margin: 0 0px 0 20px"
|
|
|
+ v-if="askJson.askJson[index1].askItem != 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="checkMove(1, index1, checkIndex)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="checkMove(2, index1, checkIndex)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body_div">
|
|
|
+ <el-button type="primary" size="small"
|
|
|
+ @click="addcheckList(askJson.askJson[index1], checkIndex)">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="
|
|
|
+ deletecheckList(askJson.askJson[index1], checkIndex)
|
|
|
+ " v-if="askJson.askJson[index1].askItem != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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="closePan(4)">取 消</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="(done) => {
|
|
|
+ closePan(45);
|
|
|
+ }
|
|
|
+ " class="dialog_diy fullStyle">
|
|
|
+ <div style="height: 100%">
|
|
|
+ <!-- <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" style="height: 100%">
|
|
|
+ <div style="
|
|
|
+ font-size: 16px;
|
|
|
+ color: #c7c7c7;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <!-- 请输入题目内容 -->
|
|
|
+ <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
|
|
|
+ v-if="isPasteChoice">
|
|
|
+ 智能粘贴
|
|
|
+ </button>
|
|
|
+ </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 class="timuUpImg">
|
|
|
+ <div style="display: flex; align-items: center">
|
|
|
+ <span style="min-width: fit-content">{{
|
|
|
+ index1 + 1 + "、"
|
|
|
+ }}</span>
|
|
|
+ <!-- <el-input class="a_add_head_input" v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
|
|
|
+ placeholder="请输入题目">
|
|
|
+ </el-input> -->
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
|
|
|
+ v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目" @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ "></textarea>
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn moveBtn2" v-if="testJson.testCount != 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="testMove(1, index1)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="testMove(2, index1)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="xzUpImg" @click.stop="addImg($event)" style="margin-right: 10px">
|
|
|
+ <img src="../../../assets/icon/xzUpImg.png" alt="" />
|
|
|
+ <input type="file" accept="image/*" style="display: none"
|
|
|
+ @change="beforeUploadTiMu($event, index1)" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_head_div">
|
|
|
+ <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="small" @click="addTestList(index1)">添加</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="timuImgBox" v-if="
|
|
|
+ testJson.testJson[index1].timuList &&
|
|
|
+ testJson.testJson[index1].timuList.length
|
|
|
+ ">
|
|
|
+ <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
|
|
|
+ @click.stop="previewImg(timg.src)">
|
|
|
+ <img :src="timg.src" alt="" />
|
|
|
+ <div class="deleteWord" @click.stop="deleteM(index1, tIndex)">
|
|
|
+ <img src="../../../assets/icon/delete.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </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"
|
|
|
+ @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ ">
|
|
|
+ <div class="radioBox">
|
|
|
+ <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
|
|
|
+ .testItem" :key="checkIndex" :label="checkIndex">
|
|
|
+ <div style="margin-right: 10px">
|
|
|
+ 选项{{ checkIndex + 1 }}
|
|
|
+ </div>
|
|
|
+ <div style="margin-right: 10px; width: 300px" v-if="
|
|
|
+ testJson.testJson[index1].checkList[checkIndex] &&
|
|
|
+ testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ .imgType &&
|
|
|
+ testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ .imgType == 1
|
|
|
+ ">
|
|
|
+ <div class="inImg" @click.stop="
|
|
|
+ previewImg(
|
|
|
+ testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ .src
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <el-image :src="testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ .src
|
|
|
+ " lazy />
|
|
|
+ <!-- <img :src="
|
|
|
+ testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ .src
|
|
|
+ " alt="" /> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ " placeholder="请输入选项" style="width: 300px; margin-right: 10px" @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ "></textarea>
|
|
|
+ <div class="xzUpImg" @click.stop="addImg($event)">
|
|
|
+ <img src="../../../assets/icon/xzUpImg.png" alt="" />
|
|
|
+ <input type="file" accept="image/*" style="display: none"
|
|
|
+ @change="beforeUploadTi($event, index1, checkIndex)" />
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body_div">
|
|
|
+ <el-button type="primary" size="small" @click.stop="
|
|
|
+ addTcheckList(testJson.testJson[index1], checkIndex)
|
|
|
+ ">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click.stop="
|
|
|
+ deleteTcheckList(
|
|
|
+ testJson.testJson[index1],
|
|
|
+ checkIndex
|
|
|
+ )
|
|
|
+ " v-if="testJson.testJson[index1].testItem != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-radio>
|
|
|
+ </div>
|
|
|
+ </el-radio-group>
|
|
|
+ <el-checkbox-group v-model="testJson.testJson[index1].answer"
|
|
|
+ v-if="testJson.testJson[index1].type == '2'" @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ ">
|
|
|
+ <div class="radioBox">
|
|
|
+ <el-checkbox v-for="(item2, checkIndex1) in testJson.testJson[index1]
|
|
|
+ .testItem" :key="checkIndex1" :label="checkIndex1">
|
|
|
+ <div style="margin-right: 10px">
|
|
|
+ 选项{{ checkIndex1 + 1 }}
|
|
|
+ </div>
|
|
|
+ <div style="margin-right: 10px; width: 300px" v-if="
|
|
|
+ testJson.testJson[index1].checkList[checkIndex1] &&
|
|
|
+ testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ .imgType &&
|
|
|
+ testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ .imgType == 1
|
|
|
+ ">
|
|
|
+ <div class="inImg" @click.stop="
|
|
|
+ previewImg(
|
|
|
+ testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ .src
|
|
|
+ )
|
|
|
+ ">
|
|
|
+ <el-image :src="testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ .src
|
|
|
+ " lazy />
|
|
|
+ <!-- <img :src="
|
|
|
+ testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ .src
|
|
|
+ " alt="" /> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ " placeholder="请输入选项" style="width: 300px; margin-right: 10px" @change="() => {
|
|
|
+ $forceUpdate();
|
|
|
+ }
|
|
|
+ "></textarea>
|
|
|
+ <div class="xzUpImg" @click.stop="addImg($event)">
|
|
|
+ <img src="../../../assets/icon/xzUpImg.png" alt="" />
|
|
|
+ <input type="file" accept="image/*" style="display: none"
|
|
|
+ @change="beforeUploadTi($event, index1, checkIndex1)" />
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
|
|
|
+ </div>
|
|
|
+ <div class="a_add_body_div">
|
|
|
+ <el-button type="primary" size="small" @click.stop="
|
|
|
+ addTcheckList(
|
|
|
+ testJson.testJson[index1],
|
|
|
+ checkIndex1
|
|
|
+ )
|
|
|
+ ">添加</el-button>
|
|
|
+ <el-button type="primary" size="small" @click.stop="
|
|
|
+ deleteTcheckList(
|
|
|
+ testJson.testJson[index1],
|
|
|
+ checkIndex1
|
|
|
+ )
|
|
|
+ " v-if="testJson.testJson[index1].testItem != 1">删除
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-checkbox>
|
|
|
+ </div>
|
|
|
+ </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="closePan(45)">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addTest">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加工具" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
|
|
|
+ :before-close="handleClose" class="dialog_diy addToolsDia">
|
|
|
+ <div class="toolChoose">
|
|
|
+ <div class="tools">
|
|
|
+ <div class="leftTools" style="width: 100%; padding: 0 0 15px 0"
|
|
|
+ v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: baseline;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ position: relative;
|
|
|
+ ">
|
|
|
+ <div class="chooseWho">
|
|
|
+ <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
|
|
|
+ 互动类
|
|
|
+ </div>
|
|
|
+ <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
|
|
|
+ 思维类
|
|
|
+ </div>
|
|
|
+ <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
|
|
|
+ 评价类
|
|
|
+ </div>
|
|
|
+ <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
|
|
|
+ 其他
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="min-height: 163px">
|
|
|
+ <div class="toolSort" v-if="chapToolsType == 0">
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(8) != -1 }" @click="chapAddTools(8)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(8)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/library.png" alt />
|
|
|
+ <div style="margin: 5px 0">素材库</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(8) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(8)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="chapToolsType == 1">
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(7) != -1 }" @click="chapAddTools(7)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(7)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维网格</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(7) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(7)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(1) != -1 }" @click="chapAddTools(1)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(1)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
|
|
|
+ <div style="margin: 5px 0">电子白板</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(1) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(1)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(2) != -1 }" @click="chapAddTools(2)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(2)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/note.png" alt />
|
|
|
+ <div style="margin: 5px 0">便签</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(2) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(2)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(6) != -1 }" @click="chapAddTools(6)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(6)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/doc.png" alt />
|
|
|
+ <div style="margin: 5px 0">协同文档</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(6) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(6)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(3) != -1 }" @click="chapAddTools(3)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(3)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
|
|
|
+ <div style="margin: 5px 0">思维导图</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(3) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(3)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(31) != -1 }"
|
|
|
+ @click="chapAddTools(31)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(31)">
|
|
|
+ <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
|
|
|
+ <div style="margin: 5px 0">数学画板</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(31) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(31)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="toolSort" v-if="chapToolsType == 2">
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(5) != -1 }" @click="chapAddTools(5)">
|
|
|
+ <div class="whiteBIcon" @click.stop="chapAddTools(5)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/score.png" alt />
|
|
|
+ <div style="margin: 5px 0">量规评分</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(5) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(5)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(4) != -1 }" @click="chapAddTools(4)">
|
|
|
+ <div class="whiteBIcon" @click.stop="openTools(chapCount, 4, null)">
|
|
|
+ <img src="../../../assets/icon/thirdToolList/ask.png" alt />
|
|
|
+ <div style="margin: 5px 0">问卷调查</div>
|
|
|
+ </div>
|
|
|
+ <div class="noCTool">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="isCTool" v-if="itemTools.tools.indexOf(4) != -1">
|
|
|
+ <img src="../../../assets/icon/new/isToolC.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <!-- <div class="check" @click="chapAddTools(4)">
|
|
|
+ <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
|
|
|
+ <div class="checkDiv" v-else>
|
|
|
+ <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="text" placeholder="添加工具描述" class="binfo_input" style="margin: 20px 0; width: 100% !important"
|
|
|
+ v-model="itemTools.toolDetail" />
|
|
|
+ </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="dialogVisible8" :append-to-body="true" width="500px" :before-close="(done) => {
|
|
|
+ closePan(15);
|
|
|
+ }
|
|
|
+ " 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> -->
|
|
|
+ <textarea rows="1" v-autoHeight="40" type="text" placeholder="请输入您要问的问题" class="binfo_input"
|
|
|
+ style="width: 100% !important; border: 1px solid #dcdfe6" v-model="answerQ"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="closePan(15)">取 消</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="600px"
|
|
|
+ :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 class="spanName">选择本地文件</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div>
|
|
|
+ <el-button @click="getAllBanner" v-if="isSysPic == false">选择系统文件</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 class="spanName">选择系统文件</div>
|
|
|
+ </div> -->
|
|
|
+ <div>
|
|
|
+ <el-button @click="(searchImageValue = courseName), resetImage()"
|
|
|
+ v-if="isSysPic2 == false">选择网络文件</el-button>
|
|
|
+ <div class="isSysPic" v-if="isSysPic2 == 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 class="spanName">选择网络文件</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="fileCss">
|
|
|
+ </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>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div class="people_top_right" style="display: flex; align-items: center">
|
|
|
+ <div style="position: relative; width: 100%">
|
|
|
+ <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue"
|
|
|
+ @keyup.enter.native="resetImage()"></el-input>
|
|
|
+ <div class="search_img" @click="resetImage" style="right: 10px">
|
|
|
+ <img src="../../../assets/icon/search.png" alt />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-button type="primary" size="default" style="margin-left: 10px" @click="changePicture">换一组</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="sysPicBox" v-loading="imageloading">
|
|
|
+ <div class="picNone" v-if="!imageList.length">
|
|
|
+ 请输入关键词搜索图片
|
|
|
+ </div>
|
|
|
+ <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
|
|
|
+ <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="选择匹配" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px" :before-close="(done) => {
|
|
|
+ closePan(41);
|
|
|
+ }
|
|
|
+ " class="dialog_diy dialog_diy3 fullStyle">
|
|
|
+ <div v-if="selectJson" style="height: 100%">
|
|
|
+ <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="" @click="previewImg(selectJson.url)" />
|
|
|
+ <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" style="height: 100%">
|
|
|
+ <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="" @click="previewImg(selectJson.url)" />
|
|
|
+ </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="addToolFun" @click="addRateList()">
|
|
|
+ <div class="addToolImg">
|
|
|
+ <img src="../../../assets/icon/add.png" alt />
|
|
|
+ </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="(done) => {
|
|
|
+ closePan(47);
|
|
|
+ }
|
|
|
+ " class="dialog_diy dialog_diy3 fullStyle">
|
|
|
+ <div style="height: 100%">
|
|
|
+ <div class="sentenBox" style="height: 100%">
|
|
|
+ <div class="addSen" @click="addSt">添加题目</div>
|
|
|
+ <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
|
|
|
+ <div class="sentenTopBox">
|
|
|
+ <div class="sentenTop" :index="stIndex + 1">
|
|
|
+ <div>题目设置</div>
|
|
|
+ <div>
|
|
|
+ <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle" :maxlength="10"></el-input>
|
|
|
+ </div>
|
|
|
+ <div @click="addSen(stIndex)">添加</div>
|
|
|
+ <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
|
|
|
+ </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 class="card" v-else>
|
|
|
+ <img src="../../../assets/icon/conSentences/clickNo.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="closePan(47)">取 消</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> -->
|
|
|
+ <el-button type="primary" @click="addTableJson">上传模板</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="800px"
|
|
|
+ :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="wordJson.text"></editor-bar>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
|
|
|
+ <el-button type="primary" @click="addWordJson">上传模板</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加班级" :visible.sync="dialogVisibleMoreUpload" :append-to-body="true" width="30%"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div style="
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div>班级：</div>
|
|
|
+ <el-select multiple v-model="uploadJson" placeholder="请选择">
|
|
|
+ <el-option v-for="item in classJuri" :key="item.id" :label="item.name" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleMoreUpload = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addMoreUpload">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="设置随机码" :visible.sync="dialogVisibleInvite" :append-to-body="true" width="360px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div style="
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div>随机码：</div>
|
|
|
+ <el-input v-model="icode" style="width: 240px" placeholder="请输入随机码"></el-input>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleInvite = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addInvite">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加预设时间" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <div style="margin-bottom: 20px; color: #999">
|
|
|
+ 提示：点击“+”或“-”修改倒计时时长。
|
|
|
+ </div>
|
|
|
+ <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisiblePreTime = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addPreTime">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="导入目标" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div>
|
|
|
+ <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 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_btn">
|
|
|
+ <span @click="checkEva(item.id, 2)">导入</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="addEva" @click="openT">
|
|
|
+ <img src="../../../assets/icon/addEva.png" alt="" />
|
|
|
+ </div> -->
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ ">
|
|
|
+ <el-button @click="openT" type="primary" size="small">添加目标</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table v-if="evaJuri.length" ref="table" :data="evaJuri" border :fit="true" style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }" :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column label="目标名称" min-width="15" align="center" prop="title">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="username" label="负责人" min-width="15" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="250px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="btnBox">
|
|
|
+ <el-button type="primary" size="small" @click="checkEva(scope.row.id, 2)">导入</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisiblemb = 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)"
|
|
|
+ v-if="groupJson.group.length - 1 == 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 v-model="groupJson.number" style="width: 150px" placeholder="请输入2-10的数字"
|
|
|
+ @change="numberPan"></el-input>
|
|
|
+ </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="dialogVisibleupdataVideoT" :append-to-body="true" width="500px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div style="
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ ">
|
|
|
+ <div style="min-width: fit-content">文件名称：</div>
|
|
|
+ <el-input v-model="line" placeholder="请输入要修改的名称"></el-input>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleupdataVideoT = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="updataVideoC">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="创建作文题目" :visible.sync="englishDialogVisible" :append-to-body="true" width="800px" :before-close="(done) => {
|
|
|
+ closePan(69);
|
|
|
+ }
|
|
|
+ " class="dialog_diy fullStyle fullStyle1">
|
|
|
+ <englishRight :englishList="englishList" :oid="oid" ref="engJson" @setJson="addEnglish"></englishRight>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="englishDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addEnglish">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="选择课程模板" :visible.sync="templateDialog" :append-to-body="true" width="630px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div class="template_box">
|
|
|
+ <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkctJson(aa)"
|
|
|
+ :class="{ wordTeacherA: ctJson.id == aa.id }">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/course_template.png" alt />
|
|
|
+ </div>
|
|
|
+ <el-tooltip effect="dark" :content="aa.title" placement="top">
|
|
|
+ <div style="
|
|
|
+ margin-top: 10px;
|
|
|
+ line-height: 19px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ ">
|
|
|
+ {{ aa.title }}
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ <div class="wordTeacher" @click="checkctJson({ id: 1 })" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'"
|
|
|
+ :class="{ wordTeacherA: ctJson.id == 1 }">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/course_template.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="checkctJson({ id: 2 })" v-if="isPasteStage"
|
|
|
+ :class="{ wordTeacherA: ctJson.id == 2 }">
|
|
|
+ <div class="wordPic">
|
|
|
+ <img src="../../../assets/icon/new/course_template.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>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="templateDialog = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addTemplate(ctJson)">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
|
|
|
+ <el-dialog title="切换阶段顺序" :visible.sync="dialogVisibleStageChange" :append-to-body="true" width="400px"
|
|
|
+ :before-close="handleClose" class="dialog_diy dialog_diyStage">
|
|
|
+ <div class="change_stageBox">
|
|
|
+ <div class="navTask" v-for="(t, tIndex) in unitJson3" :key="tIndex">
|
|
|
+ <div class="nt_taskBox">
|
|
|
+ <div class="nt_taskTitle">第{{ tIndex + 1 }}阶段</div>
|
|
|
+ <div class="nt_taskName">
|
|
|
+ <el-tooltip effect="light" :content="t.dyName" placement="top">
|
|
|
+ <span>{{ t.dyName }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn" v-if="unitJson3.length > 1">
|
|
|
+ <div class="chapter_upload_up" @click.stop="stageMove(1, tIndex)"></div>
|
|
|
+ <div class="chapter_upload_down" @click.stop="stageMove(2, tIndex)"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisibleStageChange = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="updateChange">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加资源模板" :visible.sync="cetBoxDialog" :append-to-body="true" width="400px"
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+ <div class="addTypeChoose" style="justify-content: center">
|
|
|
+ <div style="min-width: 100px">模板名称：</div>
|
|
|
+ <el-input v-model="templateName" style="width: 200px"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="addTypeBox">
|
|
|
+ <div class="addTypeChoose">
|
|
|
+ <div style="min-width: 100px">选择一级分类：</div>
|
|
|
+ <el-select v-model="setTypeJson.one" placeholder="请选择" @change="getTwoType(setTypeJson.one)"
|
|
|
+ style="width: 200px">
|
|
|
+ <el-option v-for="(item, index) in oneJson" :key="index" :label="item.name" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="addTypeChoose" v-if="setTypeJson.one != ''">
|
|
|
+ <div style="min-width: 100px">选择二级分类：</div>
|
|
|
+ <el-select v-model="setTypeJson.two" placeholder="请选择" style="width: 200px">
|
|
|
+ <el-option v-for="(item1, index1) in twoJson" :key="index1" :label="item1.name" :value="item1.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addCETemplate()">确 认</el-button>
|
|
|
+ <el-button @click="close()">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <evaBox :userid="userid" :oid="oid" :org="org" :dialogVisibleEva.sync="evaBoxDialog" @updateEvaJson="updateEvaJson">
|
|
|
+ </evaBox>
|
|
|
+ <EnglishVoice :oid="oid" :org="org" :EnglishVoiceDialog.sync="EnglishVoiceDialog"
|
|
|
+ :englishVoiceJson="englishVoiceJson" @setEnglishVoiceJson="setEnglishVoiceJson"></EnglishVoice>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import "../../../common/aws-sdk-2.235.1.min.js";
|
|
|
+import { tools as toolsData } from "../../../common/tools.js";
|
|
|
+// import "../../../common/aws-sdk-2.99.0.min.js";
|
|
|
+import $ from "jquery";
|
|
|
+import EditorBar from "../../../components/tools/wangEnduit";
|
|
|
+import Table from "../../../components/tools/table";
|
|
|
+import Mind from "../../tools/jsmind2";
|
|
|
+import Time from "../../tools/time.vue";
|
|
|
+import Sunburst from "../../tools/sunburst";
|
|
|
+import SeeBoard from "../../tools/seeBoard";
|
|
|
+import weilaiData from "../components/weilai.js";
|
|
|
+import sourceDialog from "../teacherSource/dialog.vue";
|
|
|
+import interVideo from "../interVideo/index.vue";
|
|
|
+import englishRight from "../components/englishRight.vue";
|
|
|
+import evaBox from "../evaBox/index.vue";
|
|
|
+import EnglishVoice from "../EnglishVoice/index.vue";
|
|
|
+import aiBox from './aiBox.vue'
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ EditorBar,
|
|
|
+ Mind,
|
|
|
+ Time,
|
|
|
+ Sunburst,
|
|
|
+ SeeBoard,
|
|
|
+ Table,
|
|
|
+ sourceDialog,
|
|
|
+ interVideo,
|
|
|
+ englishRight,
|
|
|
+ evaBox,
|
|
|
+ EnglishVoice,
|
|
|
+ aiBox
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ checkAll: false,
|
|
|
+ checkAll2: false,
|
|
|
+ chooseType: 1,
|
|
|
+ checkedCities: [],
|
|
|
+ isIndeterminate: true,
|
|
|
+ isIndeterminate2: true,
|
|
|
+ isSysPic: false,
|
|
|
+ isSysPic2: false,
|
|
|
+ steps: 1,
|
|
|
+ stepsNav: 1,
|
|
|
+ nbOrder: 0,
|
|
|
+ courseId: "",
|
|
|
+ chapToolsType: 0,
|
|
|
+ chapTools: [
|
|
|
+ {
|
|
|
+ tools: [],
|
|
|
+ toolDetail: "",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ line: "",
|
|
|
+ lineTitle: "",
|
|
|
+ sysPic: [],
|
|
|
+ sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
|
|
|
+ sentenceList2: [],
|
|
|
+ isPushTitleList: [],
|
|
|
+ lineCount: 0,
|
|
|
+ lineType: 0,
|
|
|
+ chapCount: 0,
|
|
|
+ courseName: "",
|
|
|
+ isTeacherSee: false,
|
|
|
+ courseText: "",
|
|
|
+ courseText2: "",
|
|
|
+ preTime: 0,
|
|
|
+ formLabelWidth: "100px",
|
|
|
+ choosePicVisible: false,
|
|
|
+ sysPicVisible: false,
|
|
|
+ sysPicVisible2: 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,
|
|
|
+ dialogVisibleMp3: false,
|
|
|
+ dialogVisibleSelect: false,
|
|
|
+ dialogVisibleSentence: false,
|
|
|
+ dialogVisibleRate: false,
|
|
|
+ dialogVisibleChoice: false,
|
|
|
+ dialogVisiblemb: false,
|
|
|
+ dialogVisibleInvite: false,
|
|
|
+ dialogVisibleSource: false,
|
|
|
+ dialogVisibleVideo: false,
|
|
|
+ dialogVisibleStageChange: false,
|
|
|
+ dialogVisibleupdataVideoT: false,
|
|
|
+ englishDialogVisible: false,
|
|
|
+ templateDialog: false,
|
|
|
+ ctJson: {},
|
|
|
+ isClickColor: 1,
|
|
|
+ toolIndexType: "",
|
|
|
+ publicTool: 0,
|
|
|
+ searchPeople: "",
|
|
|
+ searchTN: "",
|
|
|
+ userid: this.$route.query.userid,
|
|
|
+ oid: this.$route.query.oid,
|
|
|
+ org: this.$route.query.org,
|
|
|
+ role: this.$route.query.role,
|
|
|
+ cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
|
|
|
+ dialogVisibleTable: false,
|
|
|
+ dialogVisibleWord: false,
|
|
|
+ tableJson: { text: "" },
|
|
|
+ wordJson: { text: "" },
|
|
|
+ dialogVisibleMoreUpload: false,
|
|
|
+ dialogVisiblePreTime: false,
|
|
|
+ uploadJson: [],
|
|
|
+ classJuri: [],
|
|
|
+ gradeList: [],
|
|
|
+ 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: [] }],
|
|
|
+ },
|
|
|
+ askJson2: {},
|
|
|
+ testJson: {},
|
|
|
+ testJson2: {},
|
|
|
+ selectJson: {},
|
|
|
+ selectJson2: {},
|
|
|
+ rateJson: [],
|
|
|
+ unitJson2: [],
|
|
|
+ unitJson3: [],
|
|
|
+ unitJson: [
|
|
|
+ {
|
|
|
+ dyName: "", //单元标题
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ templateArray: [],
|
|
|
+ studentJuri: [],
|
|
|
+ teacherJuri: [],
|
|
|
+ checkboxList: [],
|
|
|
+ checkboxList2: [],
|
|
|
+ checkboxList3: [],
|
|
|
+ classSearch: "",
|
|
|
+ gradeId: "",
|
|
|
+ number: "",
|
|
|
+ tTitle: "",
|
|
|
+ tdetail: "",
|
|
|
+ templateC: {},
|
|
|
+ AttText: {},
|
|
|
+ AttTextType: 0,
|
|
|
+ AttTextIndex: 0,
|
|
|
+ cTemplate: "",
|
|
|
+ CourseType: [],
|
|
|
+ CourseType1: [],
|
|
|
+ CourseType2: [],
|
|
|
+ CourseTypeJson: {},
|
|
|
+ CourseTypeJson1: {},
|
|
|
+ courseTypeId: [],
|
|
|
+ courseTypeId1: [],
|
|
|
+ courseTypeSon: [],
|
|
|
+ clearArray: [],
|
|
|
+ pTypeCheck: [],
|
|
|
+ pTypeCheckName: [],
|
|
|
+ loading: false,
|
|
|
+ toolType: 0,
|
|
|
+ inputShow: true,
|
|
|
+ inputShow2: true,
|
|
|
+ toolIndex: 0,
|
|
|
+ cidType: 0,
|
|
|
+ answerQ: "",
|
|
|
+ answerQ2: "",
|
|
|
+ grade: [],
|
|
|
+ grade2: [],
|
|
|
+ courseUserid: "",
|
|
|
+ timer: null,
|
|
|
+ timer2: null,
|
|
|
+ pasteTimer: null,
|
|
|
+ checkId: "",
|
|
|
+ isDelete: 1,
|
|
|
+ addindex: 0,
|
|
|
+ selectSteps: 1,
|
|
|
+ groupJson: {},
|
|
|
+ dialogVisibleGroup: false,
|
|
|
+ rightBoxHeight: 0,
|
|
|
+ ManAarray: [],
|
|
|
+ checkBoolean: false,
|
|
|
+ inviteCode: [],
|
|
|
+ inviteId: "",
|
|
|
+ icode: "",
|
|
|
+ easyArray: [2, 4],
|
|
|
+ sourceData: {},
|
|
|
+ updateSourcePan: false,
|
|
|
+ videoJson: {},
|
|
|
+ isBtnDisplay: false,
|
|
|
+ isStepDisplay: false,
|
|
|
+ isPasteStage: false,
|
|
|
+ isPasteTask: false,
|
|
|
+ isPasteChoice: false,
|
|
|
+ imageList: [],
|
|
|
+ imageloading: false,
|
|
|
+ searchImageValue: "",
|
|
|
+ ppage: 1,
|
|
|
+ toolsData: toolsData,
|
|
|
+ oldIndex: 0,
|
|
|
+ dragType: "",
|
|
|
+ oldUnitIndex: 0,
|
|
|
+ oldData: null,
|
|
|
+ newIndex: "",
|
|
|
+ englishList: {},
|
|
|
+ typeIndex: "",
|
|
|
+ courseState: 2,
|
|
|
+ taskJSONa: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ checkUnitIndex: 0,
|
|
|
+ isdrag: "",
|
|
|
+ evaIndex: "",
|
|
|
+ evatIndex: "",
|
|
|
+ evaBoxDialog: false,
|
|
|
+ EnglishVoiceDialog: false,
|
|
|
+ englishVoiceJson: {},
|
|
|
+ cetIndex: "",
|
|
|
+ cettIndex: "",
|
|
|
+ cetBoxDialog: false,
|
|
|
+ templateName: "",
|
|
|
+ setTypeJson: {
|
|
|
+ one: "",
|
|
|
+ two: "",
|
|
|
+ },
|
|
|
+ twoJson: [],
|
|
|
+ oneJson: [],
|
|
|
+ updateKey: 1,
|
|
|
+ isOutline: false
|
|
|
+ };
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ autoHeight: {
|
|
|
+ update(el, binding) {
|
|
|
+ const { value } = binding;
|
|
|
+ if (value && typeof value === "number") {
|
|
|
+ el.style.height = `${value}px`;
|
|
|
+ } else {
|
|
|
+ el.style.height = "auto";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ componentUpdated(el) {
|
|
|
+ el.style.height = `${el.scrollHeight + 25}px`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // rightBoxHeight: function () {
|
|
|
+ // return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
|
|
|
+ // },
|
|
|
+ offsetLetfPx: function () {
|
|
|
+ //addnum可以直接在模板语法里面用，相当于data内的值
|
|
|
+ return (
|
|
|
+ $(".cru_select")[this.unitIndex] &&
|
|
|
+ $(".cru_select")[this.unitIndex].offsetLeft + 5
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getMan2() {
|
|
|
+ return function (people) {
|
|
|
+ let _people = people;
|
|
|
+ let _people2 = "";
|
|
|
+ if (this.ManAarray.length) {
|
|
|
+ for (var i = 0; i < this.ManAarray.length; i++) {
|
|
|
+ if (this.ManAarray[i].userid == people) {
|
|
|
+ _people2 = this.ManAarray[i].name;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (people == this.courseUserid) {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ return this.ManAarray.length ? _people2 : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getListMan2() {
|
|
|
+ return function (list) {
|
|
|
+ let _people2 = [];
|
|
|
+ if (this.ManAarray.length) {
|
|
|
+ for (var j = 0; j < list.length; j++) {
|
|
|
+ let people = list[j];
|
|
|
+ for (var i = 0; i < this.ManAarray.length; i++) {
|
|
|
+ if (
|
|
|
+ this.ManAarray[i].userid == people &&
|
|
|
+ people != this.courseUserid
|
|
|
+ ) {
|
|
|
+ _people2.push(this.ManAarray[i].name);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return this.ManAarray.length ? _people2.join("、") : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
+ isInvite() {
|
|
|
+ return function (cid) {
|
|
|
+ let array = [];
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ array.push(this.inviteCode[i].cid);
|
|
|
+ }
|
|
|
+ return array.indexOf(cid) != -1;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getInviteCodeC() {
|
|
|
+ return function (cid) {
|
|
|
+ let array = [];
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ array.push(this.inviteCode[i].cid);
|
|
|
+ }
|
|
|
+ return this.inviteCode[array.indexOf(cid)].ic;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getClassC() {
|
|
|
+ return function (c) {
|
|
|
+ let _c2 = "";
|
|
|
+ if (this.grade.length) {
|
|
|
+ for (var i = 0; i < this.grade.length; i++) {
|
|
|
+ if (this.grade[i].id == c) {
|
|
|
+ _c2 = this.grade[i].name;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.grade.length ? _c2 : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getListClassC() {
|
|
|
+ return function (list) {
|
|
|
+ let _c2 = [];
|
|
|
+
|
|
|
+ if (this.grade.length) {
|
|
|
+ for (var j = 0; j < list.length; j++) {
|
|
|
+ let c = list[j];
|
|
|
+ for (var i = 0; i < this.grade.length; i++) {
|
|
|
+ if (this.grade[i].id == c) {
|
|
|
+ _c2.push(this.grade[i].name);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.grade.length ? _c2.join("、") : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ unitIndex(newValue, oldValue) {
|
|
|
+ return;
|
|
|
+ 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++
|
|
|
+ ) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[
|
|
|
+ j
|
|
|
+ ].proVisible = false;
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[
|
|
|
+ j
|
|
|
+ ].proVisible2 = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length > 1
|
|
|
+ ) {
|
|
|
+ for (
|
|
|
+ var z = 0;
|
|
|
+ z <
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length;
|
|
|
+ z++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
|
|
|
+ .toolChoose[z].tool.length
|
|
|
+ ) {
|
|
|
+ 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;
|
|
|
+ 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),
|
|
|
+ uid: this.userid,
|
|
|
+ unitIndex: _unitIndex,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateWorkNew4", params)
|
|
|
+ .then((res) => {
|
|
|
+ // this.$message({
|
|
|
+ // message: "修改成功",
|
|
|
+ // type: "success",
|
|
|
+ // });
|
|
|
+ // this.courseId = this.cid;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ steps(newValue, old) {
|
|
|
+ if (newValue == 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++
|
|
|
+ ) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
|
|
|
+ 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 != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = true;
|
|
|
+ if (cPan == 2) {
|
|
|
+ this.steps = old;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.goTo(
|
|
|
+ "/course?userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ tableRowClassName({ row, rowIndex }) {
|
|
|
+ if ((rowIndex + 1) % 2 === 0) {
|
|
|
+ return "even_row";
|
|
|
+ } else {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ this.cetIndex = "";
|
|
|
+ this.cettIndex = "";
|
|
|
+ this.templateName = "";
|
|
|
+ this.cetBoxDialog = false;
|
|
|
+ },
|
|
|
+ openAI() {
|
|
|
+ top.postMessage({ tools: "64" }, "*");
|
|
|
+ },
|
|
|
+ setMan() {
|
|
|
+ // let teacherJuri = this.teacherJuri2;
|
|
|
+ this.ManAarray = [];
|
|
|
+ let _user = JSON.parse(JSON.stringify(this.checkboxList3));
|
|
|
+ if (_user.indexOf(this.userid) == -1) {
|
|
|
+ _user.push(this.userid);
|
|
|
+ }
|
|
|
+ if (_user.indexOf(this.courseUserid) == -1) {
|
|
|
+ _user.push(this.courseUserid);
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ uid: _user.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);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ previewImg(url) {
|
|
|
+ this.$hevueImgPreview(url);
|
|
|
+ },
|
|
|
+ btnDisplay(bool) {
|
|
|
+ this.isBtnDisplay = bool;
|
|
|
+ },
|
|
|
+ stepDisplay(bool) {
|
|
|
+ this.isStepDisplay = bool;
|
|
|
+ },
|
|
|
+ scrollChange() {
|
|
|
+ this.rightBoxHeight = $(".rightBox")[0].scrollHeight - 80;
|
|
|
+ },
|
|
|
+ addHw(e) {
|
|
|
+ var el = e.currentTarget;
|
|
|
+ el.getElementsByTagName("input")[0].click();
|
|
|
+ },
|
|
|
+ change(val) {
|
|
|
+ if (this.dialogVisible1) {
|
|
|
+ this.tdetail = val;
|
|
|
+ } else if (this.dialogVisible6) {
|
|
|
+ this.AttText.text = val;
|
|
|
+ } else if (this.dialogVisible2) {
|
|
|
+ this.cTemplate = val;
|
|
|
+ } else if (this.dialogVisibleTable) {
|
|
|
+ this.tableJson.text = val;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+
|
|
|
+ console.log(val);
|
|
|
+ },
|
|
|
+ change2(val) {
|
|
|
+ console.log(val);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ closePan(tool) {
|
|
|
+ if (tool == 15) {
|
|
|
+ if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
|
|
|
+ this.dialogVisible8 = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ } else if (tool == 4) {
|
|
|
+ if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
|
|
|
+ this.dialogVisible5 = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ } else if (tool == 45) {
|
|
|
+ if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
|
|
|
+ this.dialogVisibleChoice = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ } else if (tool == 41) {
|
|
|
+ if (
|
|
|
+ JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)
|
|
|
+ ) {
|
|
|
+ this.dialogVisibleSelect = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ } else if (tool == 47) {
|
|
|
+ if (
|
|
|
+ JSON.stringify(this.sentenceList) ==
|
|
|
+ JSON.stringify(this.sentenceList2)
|
|
|
+ ) {
|
|
|
+ this.dialogVisibleSentence = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ } else if (tool == 69) {
|
|
|
+ if (
|
|
|
+ JSON.stringify(this.englishList) == JSON.stringify(this.englishList)
|
|
|
+ ) {
|
|
|
+ this.englishDialogVisible = false;
|
|
|
+ } else {
|
|
|
+ this.closeConfirm(tool);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeConfirm(tool) {
|
|
|
+ this.$confirm("是否保存已编辑内容？", "提示", {
|
|
|
+ confirmButtonText: "保存",
|
|
|
+ cancelButtonText: "不保存",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ if (tool == 15) {
|
|
|
+ this.addAnswer();
|
|
|
+ } else if (tool == 4) {
|
|
|
+ this.addAsk();
|
|
|
+ } else if (tool == 45) {
|
|
|
+ this.addTest();
|
|
|
+ } else if (tool == 41) {
|
|
|
+ this.addSelectAnswer();
|
|
|
+ } else if (tool == 47) {
|
|
|
+ this.addSentenceTool();
|
|
|
+ } else if (tool == 69) {
|
|
|
+ this.addEnglish();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ if (tool == 15) {
|
|
|
+ this.dialogVisible8 = false;
|
|
|
+ } else if (tool == 4) {
|
|
|
+ this.dialogVisible5 = false;
|
|
|
+ } else if (tool == 45) {
|
|
|
+ this.dialogVisibleChoice = false;
|
|
|
+ } else if (tool == 41) {
|
|
|
+ this.dialogVisibleSelect = false;
|
|
|
+ } else if (tool == 47) {
|
|
|
+ this.dialogVisibleSentence = false;
|
|
|
+ } else if (tool == 69) {
|
|
|
+ this.englishDialogVisible = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addEnglish(jsonType) {
|
|
|
+ this.englishList.engTitle = this.$refs["engJson"].engList.engTitle;
|
|
|
+ this.englishList.englishText = this.$refs["engJson"].engList.englishText;
|
|
|
+ this.englishList.textJson = this.$refs["engJson"].engList.textJson;
|
|
|
+ if (
|
|
|
+ this.englishList.engTitle == "" ||
|
|
|
+ this.englishList.englishText == ""
|
|
|
+ ) {
|
|
|
+ this.$message.error("请将内容填写完整!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].englishList = this.englishList;
|
|
|
+ this.englishList = {};
|
|
|
+ if (jsonType && jsonType == 1) {
|
|
|
+ this.englishDialogVisible = true;
|
|
|
+ } else {
|
|
|
+ this.englishDialogVisible = false;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 69
|
|
|
+ ) {
|
|
|
+ this.addTools(69, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ imgChange2(i, j) {
|
|
|
+ var _tmp = this.testJson.testJson[i].checkList[j];
|
|
|
+ this.noneBtnImg = _tmp.length >= 1;
|
|
|
+ },
|
|
|
+ imgChange3(i) {
|
|
|
+ var _tmp = this.testJson.testJson[i];
|
|
|
+ this.noneBtnImg = _tmp.length >= 1;
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ },
|
|
|
+ retrunCourse() {
|
|
|
+ this.$confirm("是否保存已编辑内容？", "提示", {
|
|
|
+ confirmButtonText: "保存",
|
|
|
+ cancelButtonText: "不保存",
|
|
|
+ distinguishCancelAndClose: true,
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ // this.addWork();
|
|
|
+ }
|
|
|
+ this.steps = 4;
|
|
|
+ } else {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ this.updateWork2();
|
|
|
+ } else {
|
|
|
+ this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps = 4;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((v) => {
|
|
|
+ console.log(v);
|
|
|
+ if (v == "cancel") {
|
|
|
+ this.goTo(
|
|
|
+ "/course?userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ lastSteps() {
|
|
|
+ if (this.steps == 4) {
|
|
|
+ this.goTo(
|
|
|
+ "/course?userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ // if (this.cidType == 0) {
|
|
|
+ // this.steps--;
|
|
|
+ // if (this.steps == 1) {
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.checkEva(this.checkId);
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.checkEva(this.checkId);
|
|
|
+ // }, 100);
|
|
|
+ // }, 100);
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ if (this.steps == 3) {
|
|
|
+ this.steps = 1;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ navSteps(s) {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.cidType == 0) {
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ // this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // this.updateWork2();
|
|
|
+ } else {
|
|
|
+ // this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (s == 1) {
|
|
|
+ this.steps = 1;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
+ if (s == 2) {
|
|
|
+ this.steps = 2;
|
|
|
+ }
|
|
|
+ if (s == 3) {
|
|
|
+ this.cTemplate = this.templateC.content;
|
|
|
+ this.dialogVisible2 = false;
|
|
|
+ this.steps = 3;
|
|
|
+ this.isClickColor = 1;
|
|
|
+ this.unitJson[
|
|
|
+ this.unitIndex
|
|
|
+ ].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ // this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // this.updateWork2();
|
|
|
+ } else {
|
|
|
+ // this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (s == 1) {
|
|
|
+ this.steps = 1;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
+ if (s == 3) {
|
|
|
+ this.cTemplate = this.templateC.content;
|
|
|
+ this.dialogVisible2 = false;
|
|
|
+ this.steps = 3;
|
|
|
+ this.isClickColor = 1;
|
|
|
+ this.unitJson[
|
|
|
+ this.unitIndex
|
|
|
+ ].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs.stepBox.scrollTop = 0;
|
|
|
+ },
|
|
|
+ nextSteps() {
|
|
|
+ // if (this.cidType == 1) {
|
|
|
+ if (this.steps == 1) {
|
|
|
+ if (this.courseName != "") {
|
|
|
+ if (!this.isOutline) {
|
|
|
+ this.isOutline = true
|
|
|
+ this.$forceUpdate();
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.steps = 3;
|
|
|
+ this.isClickColor = 1;
|
|
|
+ this.unitJson[
|
|
|
+ this.unitIndex
|
|
|
+ ].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ // this.addWork();
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // this.updateWork2();
|
|
|
+ } else {
|
|
|
+ // this.updateWork();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (this.steps == 3) {
|
|
|
+ if (this.cid == "" || this.cid == undefined) {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ // this.addWork();
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (this.courseName == "") {
|
|
|
+ this.$message.error("请补充填写课程名称");
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // this.updateWork2();
|
|
|
+ } else {
|
|
|
+ // this.updateWork();
|
|
|
+ }
|
|
|
+ this.steps++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // } else {
|
|
|
+ // if (this.steps == 1) {
|
|
|
+ // if (this.courseName != "") {
|
|
|
+ // if (this.cid == "" || this.cid == undefined) {
|
|
|
+ // this.addWork();
|
|
|
+ // } else {
|
|
|
+ // if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // // this.updateWork2();
|
|
|
+ // } else {
|
|
|
+ // this.updateWork();
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // this.steps++;
|
|
|
+ // } else {
|
|
|
+ // this.$message.error("请补充填写课程名称");
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // } else if (this.steps == 2) {
|
|
|
+ // if (this.templateC.id != "" || this.templateC.id != undefined) {
|
|
|
+ // this.cTemplate = this.templateC.content;
|
|
|
+ // }
|
|
|
+ // this.dialogVisible2 = false;
|
|
|
+ // this.steps++;
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.checkEva(this.checkId);
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.checkEva(this.checkId);
|
|
|
+ // }, 100);
|
|
|
+ // }, 1000);
|
|
|
+ // } else if (this.steps == 3) {
|
|
|
+ // if (this.cid == "" || this.cid == undefined) {
|
|
|
+ // if (this.courseName == "") {
|
|
|
+ // this.$message.error("请补充填写课程名称");
|
|
|
+ // return;
|
|
|
+ // } else {
|
|
|
+ // this.addWork();
|
|
|
+ // this.steps++;
|
|
|
+ // }
|
|
|
+ // } else {
|
|
|
+ // if (this.courseName == "") {
|
|
|
+ // this.$message.error("请补充填写课程名称");
|
|
|
+ // return;
|
|
|
+ // } else {
|
|
|
+ // if (this.userid != this.courseUserid && this.role != "1") {
|
|
|
+ // this.updateWork2();
|
|
|
+ // } else {
|
|
|
+ // this.updateWork();
|
|
|
+ // }
|
|
|
+ // this.steps++;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ this.$refs.stepBox.scrollTop = 0;
|
|
|
+ },
|
|
|
+ unitSet(i) {
|
|
|
+ if (this.unitIndex == i) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitIndex = i;
|
|
|
+ this.isClickColor = 1;
|
|
|
+
|
|
|
+ // this.$refs.rightboxR.scrollTop = 0;
|
|
|
+ this.$refs.unitBox.scrollTop = 0;
|
|
|
+ },
|
|
|
+ panUnitJson() {
|
|
|
+ let _unitIndex = this.unitIndex;
|
|
|
+ let cPan = 1;
|
|
|
+ for (
|
|
|
+ var j = 0;
|
|
|
+ j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
+ j++
|
|
|
+ ) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[
|
|
|
+ j
|
|
|
+ ].proVisible2 = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length > 1
|
|
|
+ ) {
|
|
|
+ for (
|
|
|
+ var z = 0;
|
|
|
+ z <
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length;
|
|
|
+ z++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
|
|
|
+ z
|
|
|
+ ].tool.length
|
|
|
+ ) {
|
|
|
+ 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 != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return cPan;
|
|
|
+ },
|
|
|
+ unitOpen(i) {
|
|
|
+ if (this.unitJson[i].toolOpen) {
|
|
|
+ this.unitJson[i].toolOpen = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[i].toolOpen = true;
|
|
|
+ }
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ unitSet2(i) {
|
|
|
+ if (this.panUnitJson() == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // if(this.unitJson[i].toolOpen){
|
|
|
+ // this.unitJson[i].toolOpen = false
|
|
|
+ // this.updateWork()
|
|
|
+ // this.$forceUpdate()
|
|
|
+ // return
|
|
|
+ // }else {
|
|
|
+ this.unitJson[i].toolOpen = true;
|
|
|
+ // }
|
|
|
+ this.$forceUpdate();
|
|
|
+ if (this.unitIndex == i) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitIndex = i;
|
|
|
+ this.isClickColor = 1;
|
|
|
+
|
|
|
+ // this.$refs.rightboxR.scrollTop = 0;
|
|
|
+ this.$refs.unitBox.scrollTop = 0;
|
|
|
+ },
|
|
|
+ updateCourseState(i) {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ cid: this.cid,
|
|
|
+ state: i,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateCourseMode", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.courseState = i;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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 (i == 0 && _this.unitJson.length == 1) {
|
|
|
+ _this
|
|
|
+ .$confirm("确定切换成任务模式吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson[i].dyName = "";
|
|
|
+ _this.updateCourseState(2);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ _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 + "deleteWork", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ let task = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson.splice(this.unitIndex, 1);
|
|
|
+ if (this.unitIndex == 0) {
|
|
|
+ this.unitIndex = 0;
|
|
|
+ } else {
|
|
|
+ this.unitIndex = this.unitIndex - 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (JSON.stringify(task) != JSON.stringify(this.taskJSONa)) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson,
|
|
|
+ ...task,
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .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;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteSentence(i) {
|
|
|
+ var _this = this;
|
|
|
+ _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() {
|
|
|
+ top.postMessage({ tools: "25" }, "*");
|
|
|
+ },
|
|
|
+ deleteTask(i) {
|
|
|
+ var _this = this;
|
|
|
+ if (_this.time()) {
|
|
|
+ _this
|
|
|
+ .$confirm(
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length -
|
|
|
+ 1 ==
|
|
|
+ i
|
|
|
+ ? "确定删除此任务吗?"
|
|
|
+ : "切换任务顺序将删除所有工具的提交成果，是否继续此操作？",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ if (i == 0) {
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i + 1
|
|
|
+ ].chapterData = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[i]
|
|
|
+ .chapterData
|
|
|
+ )
|
|
|
+ );
|
|
|
+ }
|
|
|
+ _this.$forceUpdate();
|
|
|
+ _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(
|
|
|
+ i,
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ _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.cover = [];
|
|
|
+ this.noneBtnImg = this.cover.length >= 1;
|
|
|
+ this.isSysPic = false;
|
|
|
+ this.isSysPic2 = false;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs["fuInput"].focus();
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ openLine(i) {
|
|
|
+ this.line = "";
|
|
|
+ this.lineCount = i;
|
|
|
+ this.lineType = 0;
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisible7 = true;
|
|
|
+ },
|
|
|
+ pasteLine(i) {
|
|
|
+ navigator.clipboard
|
|
|
+ .readText()
|
|
|
+ .then((v) => {
|
|
|
+ console.log("获取剪贴板成功：", v);
|
|
|
+ const html = v;
|
|
|
+ const regex = /src="(.*?)"/g;
|
|
|
+ const match = regex.exec(html);
|
|
|
+ if (match && match[1]) {
|
|
|
+ console.log(match[1]);
|
|
|
+ this.$message.success("粘贴成功");
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].chapterData.push({
|
|
|
+ name: "链接",
|
|
|
+ title: "嵌入代码",
|
|
|
+ url: match[1],
|
|
|
+ type: 8,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // console.log("未找到包含 src 属性的 iframe");
|
|
|
+ this.$message.error(
|
|
|
+ "系统没有找到粘贴对象，请首先复制可用于粘贴的链接。"
|
|
|
+ );
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((v) => {
|
|
|
+ console.log("获取剪贴板失败: ", v);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openSource(i) {
|
|
|
+ this.lineCount = i;
|
|
|
+ this.sourceData = {};
|
|
|
+ this.dialogVisibleSource = true;
|
|
|
+ this.updateSourcePan = false;
|
|
|
+ },
|
|
|
+ addSource() {
|
|
|
+ if (!Object.keys(this.sourceData).length) {
|
|
|
+ this.$message.error("请选择要上传的资源");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let keys = Object.keys(this.sourceData);
|
|
|
+ for (var i = 0; i < keys.length; i++) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.lineCount
|
|
|
+ ].chapterData.push({
|
|
|
+ name: "链接",
|
|
|
+ title: this.sourceData[keys[i]].name,
|
|
|
+ url: this.sourceData[keys[i]].url,
|
|
|
+ type: 14,
|
|
|
+ id: keys[i],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisibleSource = false;
|
|
|
+ },
|
|
|
+ updateSource() {
|
|
|
+ if (!Object.keys(this.sourceData).length) {
|
|
|
+ this.$message.error("请选择要上传的资源");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let keys = Object.keys(this.sourceData);
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].chapterData[this.lineCount].url = this.sourceData[keys[0]].url;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].chapterData[this.lineCount].title = this.sourceData[keys[0]].name;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].chapterData[this.lineCount].id = keys[0];
|
|
|
+ this.updateSourcePan = false;
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.dialogVisibleSource = false;
|
|
|
+ },
|
|
|
+ deleteM(i, j) {
|
|
|
+ this.testJson.testJson[i].timuList.splice(j, 1);
|
|
|
+ },
|
|
|
+ beforeUploadTiMu(event, i) {
|
|
|
+ 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 {
|
|
|
+ if (_this.testJson.testJson[i].timuList) {
|
|
|
+ _this.testJson.testJson[i].timuList.push({
|
|
|
+ src: data.Location,
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ _this.testJson.testJson[i].timuList = [];
|
|
|
+ _this.testJson.testJson[i].timuList.push({
|
|
|
+ src: data.Location,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _this.imgChange3(i);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeUploadTi(event, i, j) {
|
|
|
+ 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.testJson.testJson[i].checkList[j] = {};
|
|
|
+ _this.testJson.testJson[i].checkList[j].src = data.Location;
|
|
|
+ _this.testJson.testJson[i].checkList[j].imgType = 1;
|
|
|
+ _this.imgChange2(i, j);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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) {
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ // _this.cover.push({
|
|
|
+ // name: file.name,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: file.uid,
|
|
|
+ // });
|
|
|
+ _this.cover = [
|
|
|
+ {
|
|
|
+ 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 = [];
|
|
|
+ setTimeout(() => {
|
|
|
+ this.cover[0] = {
|
|
|
+ name: "系统图片.png",
|
|
|
+ url: p,
|
|
|
+ };
|
|
|
+ this.imgChange1(null, null, 1, null);
|
|
|
+ this.$forceUpdate();
|
|
|
+ }, 0);
|
|
|
+ this.isSysPic = true;
|
|
|
+ this.isSysPic2 = false;
|
|
|
+ this.sysPicVisible = false;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ chooseSysPic2(p) {
|
|
|
+ this.cover = [];
|
|
|
+ setTimeout(() => {
|
|
|
+ this.cover[0] = {
|
|
|
+ name: "网络图片.png",
|
|
|
+ url: p,
|
|
|
+ };
|
|
|
+ this.imgChange1(null, null, 1, null);
|
|
|
+ this.$forceUpdate();
|
|
|
+ }, 0);
|
|
|
+ this.isSysPic2 = true;
|
|
|
+ this.isSysPic = false;
|
|
|
+ this.sysPicVisible2 = false;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ beforeUpload(data) {
|
|
|
+ this.$refs.upload1.uploadFiles;
|
|
|
+ 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) {
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ _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 > 80) {
|
|
|
+ this.$message.error("上传文件大于80兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ file.name
|
|
|
+ .split(".")
|
|
|
+ [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 80) {
|
|
|
+ this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = false;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 0;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible = true;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize = 0;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ 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 / evt.total) * 100);
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .send(function (err, data) {
|
|
|
+ // loading.close();
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 100;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize =
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isAllSize;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible = false;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }, 1000);
|
|
|
+ _this.inputShow = true;
|
|
|
+ if (err) {
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ if (type == 13) {
|
|
|
+ let _type = 2;
|
|
|
+ var imgA = [
|
|
|
+ "png",
|
|
|
+ "jpg",
|
|
|
+ "jpeg",
|
|
|
+ "bmp",
|
|
|
+ "gif",
|
|
|
+ "webp",
|
|
|
+ "psd",
|
|
|
+ "svg",
|
|
|
+ "tiff",
|
|
|
+ ];
|
|
|
+ var fileA = [
|
|
|
+ "PDF",
|
|
|
+ "DOC",
|
|
|
+ "DOCX",
|
|
|
+ "DOCM",
|
|
|
+ "DOTM",
|
|
|
+ "DOTX",
|
|
|
+ "PPTX",
|
|
|
+ "PPSX",
|
|
|
+ "PPT",
|
|
|
+ "PPS",
|
|
|
+ "PPTM",
|
|
|
+ "POTM",
|
|
|
+ "PPAM",
|
|
|
+ "POTX",
|
|
|
+ "PPSM",
|
|
|
+ "XLSX",
|
|
|
+ "XLS",
|
|
|
+ ];
|
|
|
+ var videoA = [
|
|
|
+ "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 (
|
|
|
+ fileA.indexOf(
|
|
|
+ data.Location.split(".")[
|
|
|
+ data.Location.split(".").length - 1
|
|
|
+ ].toLocaleUpperCase()
|
|
|
+ ) != -1
|
|
|
+ ) {
|
|
|
+ _type = 3;
|
|
|
+ } else if (
|
|
|
+ videoA.indexOf(
|
|
|
+ data.Location.split(".")[
|
|
|
+ data.Location.split(".").length - 1
|
|
|
+ ].toLocaleUpperCase()
|
|
|
+ ) != -1
|
|
|
+ ) {
|
|
|
+ _type = 2;
|
|
|
+ } else if (
|
|
|
+ imgA.indexOf(
|
|
|
+ data.Location.split(".")[
|
|
|
+ data.Location.split(".").length - 1
|
|
|
+ ].toLocaleLowerCase()
|
|
|
+ ) != -1
|
|
|
+ ) {
|
|
|
+ _type = 13;
|
|
|
+ } else {
|
|
|
+ _type = 12;
|
|
|
+ }
|
|
|
+ _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 == 2 || type == 3 || type == 12) {
|
|
|
+ _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);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeUpload3(event, unitIndex, type, itemTaskIndex, string) {
|
|
|
+ // 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 > 80) {
|
|
|
+ this.$message.error("上传文件大于80兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ file.name
|
|
|
+ .split(".")
|
|
|
+ [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
|
|
|
+ ) {
|
|
|
+ if (file.size / 1024 / 1024 > 80) {
|
|
|
+ this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = false;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 0;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible = true;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize = 0;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ 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 / evt.total) * 100);
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .send(function (err, data) {
|
|
|
+ // loading.close();
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].progress = 100;
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isFinishSize =
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].isAllSize;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].proVisible = false;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }, 1000);
|
|
|
+ _this.inputShow = true;
|
|
|
+ if (err) {
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ if (type == 2 || type == 3) {
|
|
|
+ _this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].chapterData.push({
|
|
|
+ name: file.name,
|
|
|
+ // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].chapterData.length+1),
|
|
|
+ url: data.Location,
|
|
|
+ uid: file.uid,
|
|
|
+ type: type,
|
|
|
+ text: string,
|
|
|
+ // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].chapterData.length + 1),
|
|
|
+ });
|
|
|
+ _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);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addunit() {
|
|
|
+ this.unitJson.push({
|
|
|
+ dyName: "", //单元标题
|
|
|
+ isUpdate: 1,
|
|
|
+ easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ 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;
|
|
|
+ setTimeout(() => {
|
|
|
+ console.log(this.$refs.dyInput);
|
|
|
+ this.$refs.dyInput[0].focus();
|
|
|
+ }, 100);
|
|
|
+ this.unitSet(this.unitIndex);
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
+ addToolFun(itemTaskIndex) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose.push({
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addTaskBorder() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1, //任务收起状态
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ });
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ add(e, i) {
|
|
|
+ var el = e.currentTarget;
|
|
|
+ el.getElementsByTagName("input")[0].click();
|
|
|
+ },
|
|
|
+ fold(i, e) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold == 0
|
|
|
+ ) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fold2(i) {
|
|
|
+ if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].isFold2 = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ foldEva(i) {
|
|
|
+ if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isEvaFold) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].isEvaFold = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].isEvaFold = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 500);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ foldC(i) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter
|
|
|
+ ) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].isFoldchapter = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].isFoldchapter = true;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ fold3(i, ti) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti]
|
|
|
+ .isFold3
|
|
|
+ ) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
|
|
|
+ ti
|
|
|
+ ].isFold3 = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
|
|
|
+ ti
|
|
|
+ ].isFold3 = true;
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getTeacher() {
|
|
|
+ let params = {
|
|
|
+ oid:
|
|
|
+ this.org && this.org != "undefined" && this.org != "null"
|
|
|
+ ? this.org
|
|
|
+ : this.oid,
|
|
|
+ cu: "",
|
|
|
+ cn: this.searchTN,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(
|
|
|
+ this.$store.state.api +
|
|
|
+ (this.org && this.org != "undefined" && this.org != "null"
|
|
|
+ ? "selectTeacherAddOrg"
|
|
|
+ : "selectTeacherAdd"),
|
|
|
+ params
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let teacherJuri = res.data[0];
|
|
|
+ for (var i = 0; i < teacherJuri.length; i++) {
|
|
|
+ if (teacherJuri[i].userid == this.userid) {
|
|
|
+ teacherJuri.splice(i, 1);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.teacherJuri = teacherJuri;
|
|
|
+
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.teacherJuri.length; i++) {
|
|
|
+ var gid = this.teacherJuri[i].userid;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList3.length; i++) {
|
|
|
+ var _id = this.checkboxList3[i];
|
|
|
+ if (_check.indexOf(_id) !== -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkAll2 = _check2.length === _check.length;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ searchStudent() {
|
|
|
+ this.getStudent();
|
|
|
+ },
|
|
|
+ selectGrage() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectGrageBySchool", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.gradeList = res.data[0];
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取班级列表
|
|
|
+ getClass() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ gid: this.gradeId,
|
|
|
+ cn: this.classSearch,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (!this.grade.length) {
|
|
|
+ this.grade = res.data[0];
|
|
|
+ }
|
|
|
+ this.grade2 = res.data[0];
|
|
|
+ this.classJuri = res.data[0];
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.grade2.length; i++) {
|
|
|
+ var gid = this.grade2[i].id;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList2.length; i++) {
|
|
|
+ var _id = this.checkboxList2[i];
|
|
|
+ if (_check.indexOf(_id) !== -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkAll = _check2.length === _check.length;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ CourseType2Change(val) {
|
|
|
+ this.pTypeCheck = [];
|
|
|
+ for (var i = 0; i < this.CourseType2.length; i++) {
|
|
|
+ let typeA = this.CourseType2[i];
|
|
|
+ if (val.indexOf(typeA.name) != -1) {
|
|
|
+ this.pTypeCheck.push(...typeA.id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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("还不能下载图片喔");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteChapterData(e, i, j, ic, taskI) {
|
|
|
+ e.stopPropagation();
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此项?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(
|
|
|
+ ic,
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updataVideoT(e, i, j, ic) {
|
|
|
+ // e.stopPropagation();
|
|
|
+ // this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[
|
|
|
+ // ic
|
|
|
+ // ].name = JSON.parse(JSON.stringify(e.target.value));
|
|
|
+ this.line =
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[ic].name;
|
|
|
+ this.taskCount = j;
|
|
|
+ this.lineCount = ic;
|
|
|
+ this.dialogVisibleupdataVideoT = true;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ updataVideoC() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].chapterData[this.lineCount].name = JSON.parse(
|
|
|
+ JSON.stringify(this.line)
|
|
|
+ );
|
|
|
+ this.dialogVisibleupdataVideoT = false;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ upCd(e, i, j, taskCount, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (ic == 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
|
|
|
+ ic - 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ downCd(e, i, j, taskCount, ic) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (
|
|
|
+ ic ==
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
|
|
|
+ 1
|
|
|
+ ) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
|
|
|
+ ic + 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ async upTool(e, i, j, tooli) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (tooli == 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let count1 = await this.getWorksCount(3, i, j, tooli - 1);
|
|
|
+ let count2 = await this.getWorksCount(3, i, j, tooli);
|
|
|
+ if (count1 > 0 || count2 > 0) {
|
|
|
+ this.$confirm(
|
|
|
+ "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
|
|
|
+ tooli - 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async downTool(e, i, j, tooli) {
|
|
|
+ e.stopPropagation();
|
|
|
+ if (
|
|
|
+ tooli ==
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length - 1
|
|
|
+ ) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let count1 = await this.getWorksCount(3, i, j, tooli + 1);
|
|
|
+ let count2 = await this.getWorksCount(3, i, j, tooli);
|
|
|
+ if (count1 > 0 || count2 > 0) {
|
|
|
+ this.$confirm(
|
|
|
+ "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
|
|
|
+ tooli + 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
|
|
|
+ JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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++
|
|
|
+ ) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
|
|
|
+ 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 != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = true;
|
|
|
+
|
|
|
+ if (cPan == 2) {
|
|
|
+ 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,
|
|
|
+ brief: this.courseText,
|
|
|
+ cover:
|
|
|
+ this.cover.length > 0
|
|
|
+ ? JSON.stringify(this.cover)
|
|
|
+ : JSON.stringify([
|
|
|
+ {
|
|
|
+ name: "noBanner.jpg",
|
|
|
+ url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
|
|
|
+ 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),
|
|
|
+ template: this.cTemplate != "undefined" ? this.cTemplate : "",
|
|
|
+ courseType: JSON.stringify(this.courseTypeId),
|
|
|
+ ateacher:
|
|
|
+ this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
+ inviteCode: JSON.stringify(this.inviteCode),
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addWorkNew2", 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;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goCourse() {
|
|
|
+ top.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++
|
|
|
+ ) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[
|
|
|
+ j
|
|
|
+ ].proVisible2 = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length > 1
|
|
|
+ ) {
|
|
|
+ for (
|
|
|
+ var z = 0;
|
|
|
+ z <
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length;
|
|
|
+ z++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
|
|
|
+ z
|
|
|
+ ].tool.length
|
|
|
+ ) {
|
|
|
+ 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 != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = true;
|
|
|
+ if (cPan == 2) {
|
|
|
+ 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 + "updateWorkNew4", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "修改成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.courseId = this.cid;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updateWork3(unitIndex) {
|
|
|
+ let _unitIndex = unitIndex;
|
|
|
+ let cPan = 1;
|
|
|
+ for (
|
|
|
+ var j = 0;
|
|
|
+ j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
+ j++
|
|
|
+ ) {
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[
|
|
|
+ j
|
|
|
+ ].proVisible2 = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length > 1
|
|
|
+ ) {
|
|
|
+ for (
|
|
|
+ var z = 0;
|
|
|
+ z <
|
|
|
+ this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
|
|
|
+ .length;
|
|
|
+ z++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
|
|
|
+ z
|
|
|
+ ].tool.length
|
|
|
+ ) {
|
|
|
+ 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 != "";
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = true;
|
|
|
+ if (cPan == 2) {
|
|
|
+ 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 + "updateWorkNew4", params)
|
|
|
+ .then((res) => {
|
|
|
+ // 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++
|
|
|
+ ) {
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
|
|
|
+ this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
|
|
|
+ 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 != "";
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.inputShow = true;
|
|
|
+ if (cPan == 2) {
|
|
|
+ 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,
|
|
|
+ brief: this.courseText,
|
|
|
+ cover:
|
|
|
+ this.cover.length > 0
|
|
|
+ ? JSON.stringify(this.cover)
|
|
|
+ : JSON.stringify([
|
|
|
+ {
|
|
|
+ name: "noBanner.jpg",
|
|
|
+ url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
|
|
|
+ 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),
|
|
|
+ template: this.myWord != "undefined" ? this.myWord : [],
|
|
|
+ uid: this.userid,
|
|
|
+ courseType: JSON.stringify(this.courseTypeId),
|
|
|
+ ateacher:
|
|
|
+ this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
|
|
|
+ inviteCode: JSON.stringify(this.inviteCode),
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "updateWorkNew2", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
|
|
|
+ if (this.cidType == 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);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ this.setMan();
|
|
|
+ },
|
|
|
+ getTemplate() {
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "getCourseTemplateT", "")
|
|
|
+ .then((res) => {
|
|
|
+ this.templateArray = res.data[0];
|
|
|
+ this.getTemplateOid();
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => { });
|
|
|
+ },
|
|
|
+ getTemplateOid() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "getCourseTemplateTByOid", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data[0].length) {
|
|
|
+ this.templateArray = [...res.data[0], ...this.templateArray];
|
|
|
+ }
|
|
|
+ this.getTemplateOrg();
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => { });
|
|
|
+ },
|
|
|
+ getTemplateOrg() {
|
|
|
+ let params = {
|
|
|
+ oid: this.org,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "getCourseTemplateTByOid", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data[0].length) {
|
|
|
+ this.templateArray = [...res.data[0], ...this.templateArray];
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .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;
|
|
|
+ },
|
|
|
+ openTemplate() {
|
|
|
+ this.ctJson = {};
|
|
|
+ this.templateDialog = true;
|
|
|
+ },
|
|
|
+ checkctJson(json) {
|
|
|
+ if (this.ctJson.id == json.id) {
|
|
|
+ this.ctJson = {};
|
|
|
+ } else {
|
|
|
+ this.ctJson = json;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addTemplate(res) {
|
|
|
+ let _this = this;
|
|
|
+ let _res = [];
|
|
|
+ if (res.id == 1) {
|
|
|
+ _res = [
|
|
|
+ {
|
|
|
+ dyName: "", //单元标题
|
|
|
+ easy: 1,
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.updateCourseState(1);
|
|
|
+ } else if (res.id == 2) {
|
|
|
+ let stageData = [];
|
|
|
+ let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
+ let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
|
|
|
+ if (!iframe && !iframe2) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let copyData = iframe ? iframe.contentWindow.copyData : false;
|
|
|
+ let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
|
|
|
+ if (
|
|
|
+ (!copyData || !copyData.stageData || !copyData.stageData.length) &&
|
|
|
+ (!copyData2 || !copyData2.stageData || !copyData2.stageData.length)
|
|
|
+ ) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ stageData = copyData
|
|
|
+ ? copyData.stageData
|
|
|
+ : copyData2
|
|
|
+ ? copyData2.stageData
|
|
|
+ : [""];
|
|
|
+ for (var i = 0; i < stageData.length; i++) {
|
|
|
+ _res.push({
|
|
|
+ dyName: stageData[i], //单元标题
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.updateCourseState(1);
|
|
|
+ } else if (!Object.keys(res).length) {
|
|
|
+ this.$message.error("请选择模板");
|
|
|
+ retrun;
|
|
|
+ } else {
|
|
|
+ _res = JSON.parse(res.chapters);
|
|
|
+ this.updateCourseState(parseInt(res.state));
|
|
|
+ }
|
|
|
+ _this
|
|
|
+ .$confirm(
|
|
|
+ "确定选择课程模板吗？此操作将删除所有已编辑课程内容。",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ _this.unitJson = _res;
|
|
|
+ _this.updateWork();
|
|
|
+ // _this.steps++;
|
|
|
+ _this.templateDialog = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkTemplate1(w) {
|
|
|
+ this.steps++;
|
|
|
+ },
|
|
|
+ checkTemplate2() {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定选择空模板吗？修改课程时无法重置课程模板。", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitIndex = 0;
|
|
|
+ _this.unitJson = [
|
|
|
+ {
|
|
|
+ dyName: "", //单元标题
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [
|
|
|
+ { askstitle: "", askItem: 1, checkList: [] },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.steps++;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 1000);
|
|
|
+ this.updateWork();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkTemplate3() {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定选择简易模板吗？修改课程时无法重置课程模板。", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitIndex = 0;
|
|
|
+ _this.unitJson = [
|
|
|
+ {
|
|
|
+ dyName: "", //单元标题
|
|
|
+ easy: 1,
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [
|
|
|
+ { askstitle: "", askItem: 1, checkList: [] },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ // this.steps++;
|
|
|
+ this.updateWork();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ checkTemplate4() {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("确定选择未来小学课程设计吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.unitIndex = 0;
|
|
|
+ _this.unitJson = JSON.parse(JSON.stringify(weilaiData));
|
|
|
+ this.steps++;
|
|
|
+ this.updateWork();
|
|
|
+ })
|
|
|
+ .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;
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ },
|
|
|
+ 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.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;
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ },
|
|
|
+ openUpdateSource(itemTaskIndex, i) {
|
|
|
+ this.sourceData = {};
|
|
|
+ let source =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .chapterData[i];
|
|
|
+ this.sourceData[source.id] = {};
|
|
|
+ this.sourceData[source.id].name = source.title;
|
|
|
+ this.sourceData[source.id].url = source.url;
|
|
|
+ this.dialogVisibleSource = true;
|
|
|
+ this.updateSourcePan = true;
|
|
|
+ this.taskCount = itemTaskIndex;
|
|
|
+ this.lineCount = i;
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ 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.askJson2 = JSON.parse(JSON.stringify(this.askJson));
|
|
|
+ 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: [],
|
|
|
+ timuList: [],
|
|
|
+ answer: [],
|
|
|
+ type: "1",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ this.testJson = testJson;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.testJson2 = JSON.parse(JSON.stringify(this.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.sentenceList2 = JSON.parse(JSON.stringify(this.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 == 52) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].wordJson
|
|
|
+ ) {
|
|
|
+ this.wordJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].wordJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var wordJson = { text: "" };
|
|
|
+ this.wordJson = wordJson;
|
|
|
+ }
|
|
|
+ this.dialogVisibleWord = true;
|
|
|
+ // else if (i == 50) {
|
|
|
+ // if (
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ // .toolChoose[toolIndex].uploadJson
|
|
|
+ // ) {
|
|
|
+ // this.uploadJson = JSON.parse(
|
|
|
+ // JSON.stringify(
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ // itemTaskIndex
|
|
|
+ // ].toolChoose[toolIndex].uploadJson
|
|
|
+ // )
|
|
|
+ // );
|
|
|
+ // } else {
|
|
|
+ // var uploadJson = [];
|
|
|
+ // this.uploadJson = uploadJson;
|
|
|
+ // }
|
|
|
+ // this.dialogVisibleMoreUpload = true;
|
|
|
+ // }
|
|
|
+ } else if (i == 10) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].preTime
|
|
|
+ ) {
|
|
|
+ this.preTime = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].preTime
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var preTime = 0;
|
|
|
+ this.preTime = preTime;
|
|
|
+ }
|
|
|
+ this.dialogVisiblePreTime = 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 == 62) {
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].videoJson
|
|
|
+ ) {
|
|
|
+ this.videoJson = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].videoJson
|
|
|
+ )
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ var videoJson = {
|
|
|
+ video: "",
|
|
|
+ setting: [],
|
|
|
+ };
|
|
|
+ this.videoJson = videoJson;
|
|
|
+ }
|
|
|
+ this.dialogVisibleVideo = 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.answerQ2 = JSON.parse(JSON.stringify(this.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.selectJson2 = JSON.parse(JSON.stringify(this.selectJson));
|
|
|
+ this.dialogVisibleSelect = true;
|
|
|
+ } else if (i == 3) {
|
|
|
+ top.postMessage(
|
|
|
+ {
|
|
|
+ tools: "3y",
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: itemTaskIndex,
|
|
|
+ tool: toolIndex,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ } else if (i == 1) {
|
|
|
+ top.postMessage(
|
|
|
+ {
|
|
|
+ tools: "1y",
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: itemTaskIndex,
|
|
|
+ tool: toolIndex,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ } else if (i == 57) {
|
|
|
+ top.postMessage(
|
|
|
+ {
|
|
|
+ tools: "57y",
|
|
|
+ cid: this.cid,
|
|
|
+ stage: this.unitIndex,
|
|
|
+ task: itemTaskIndex,
|
|
|
+ tool: toolIndex,
|
|
|
+ },
|
|
|
+ "*"
|
|
|
+ );
|
|
|
+ } else if (i == 69) {
|
|
|
+ this.englishList = {};
|
|
|
+ this.englishList = this.unitJson[this.unitIndex].chapterInfo[0]
|
|
|
+ .taskJson[itemTaskIndex].toolChoose[toolIndex].englishList
|
|
|
+ ? JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].englishList
|
|
|
+ )
|
|
|
+ )
|
|
|
+ : {};
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.englishDialogVisible = true;
|
|
|
+ } else if (i == 70) {
|
|
|
+ this.englishVoiceJson = {};
|
|
|
+ this.englishVoiceJson = this.unitJson[this.unitIndex].chapterInfo[0]
|
|
|
+ .taskJson[itemTaskIndex].toolChoose[toolIndex].englishVoiceJson
|
|
|
+ ? JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ itemTaskIndex
|
|
|
+ ].toolChoose[toolIndex].englishVoiceJson
|
|
|
+ )
|
|
|
+ )
|
|
|
+ : {
|
|
|
+ time: "",
|
|
|
+ class: "",
|
|
|
+ difficulty: 0,
|
|
|
+ topic: "",
|
|
|
+ isShow: false,
|
|
|
+ eva: 0,
|
|
|
+ aiEva: {
|
|
|
+ isAiEva: false,
|
|
|
+ aiEvaChoose: [],
|
|
|
+ },
|
|
|
+ allfType: [],
|
|
|
+ englishJson: {},
|
|
|
+ };
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.EnglishVoiceDialog = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setEnglishVoiceJson(val) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].englishVoiceJson = JSON.parse(
|
|
|
+ JSON.stringify(val)
|
|
|
+ );
|
|
|
+ this.$forceUpdate();
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 70
|
|
|
+ ) {
|
|
|
+ this.addTools(70, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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 == 69) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].englishList
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 69, toolIndex);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (i == 70) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].englishVoiceJson
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 70, 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 == 50) {
|
|
|
+ // if (
|
|
|
+ // !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ // .toolChoose[toolIndex].uploadJson
|
|
|
+ // ) {
|
|
|
+ // this.openTools(itemTaskIndex, 50, 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 == 62) {
|
|
|
+ if (
|
|
|
+ !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
+ .toolChoose[toolIndex].videoJson
|
|
|
+ ) {
|
|
|
+ this.openTools(itemTaskIndex, 62, 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(index) {
|
|
|
+ this.askJson.askJson.splice(index + 1, 0, {
|
|
|
+ askstitle: "",
|
|
|
+ askItem: 1,
|
|
|
+ checkList: [],
|
|
|
+ });
|
|
|
+ this.askJson.askCount++;
|
|
|
+ },
|
|
|
+ addTestList(index) {
|
|
|
+ this.testJson.testJson.splice(index + 1, 0, {
|
|
|
+ teststitle: "",
|
|
|
+ testItem: 1,
|
|
|
+ checkList: [],
|
|
|
+ timuList: [],
|
|
|
+ answer: [],
|
|
|
+ type: "1",
|
|
|
+ });
|
|
|
+ this.testJson.testCount++;
|
|
|
+ },
|
|
|
+ deleteAskList(index) {
|
|
|
+ if (
|
|
|
+ !this.askJson.askJson[index].askstitle &&
|
|
|
+ this.askJson.askJson[index].askItem == 1 &&
|
|
|
+ !this.askJson.askJson[index].checkList[0]
|
|
|
+ ) {
|
|
|
+ this.askJson.askJson.splice(index, 1);
|
|
|
+ this.askJson.askCount--;
|
|
|
+ } else {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("此操作不可撤销，是否继续？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.askJson.askJson.splice(index, 1);
|
|
|
+ _this.askJson.askCount--;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteTestList(index) {
|
|
|
+ if (
|
|
|
+ !this.testJson.testJson[index].teststitle &&
|
|
|
+ this.testJson.testJson[index].testItem == 1 &&
|
|
|
+ !this.testJson.testJson[index].checkList[0]
|
|
|
+ ) {
|
|
|
+ this.testJson.testJson.splice(index, 1);
|
|
|
+ this.testJson.testCount--;
|
|
|
+ } else {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm("此操作不可撤销，是否继续？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.testJson.testJson.splice(index, 1);
|
|
|
+ _this.testJson.testCount--;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ askMove(type, index) {
|
|
|
+ if (type == 1) {
|
|
|
+ if (index > 0) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
|
|
|
+ let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
|
|
|
+ this.askJson.askJson[index - 1] = b;
|
|
|
+ this.askJson.askJson[index] = a;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (index < this.askJson.askJson.length - 1) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
|
|
|
+ let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
|
|
|
+ this.askJson.askJson[index + 1] = b;
|
|
|
+ this.askJson.askJson[index] = a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ checkMove(type, index, checkIndex) {
|
|
|
+ if (type == 1) {
|
|
|
+ if (checkIndex > 0) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex - 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ let b = JSON.parse(
|
|
|
+ JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
|
|
|
+ );
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex - 1] = b;
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex] = a;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (checkIndex < this.askJson.askJson[index].checkList.length - 1) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex + 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ let b = JSON.parse(
|
|
|
+ JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
|
|
|
+ );
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex + 1] = b;
|
|
|
+ this.askJson.askJson[index].checkList[checkIndex] = a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ testMove(type, index) {
|
|
|
+ if (type == 1) {
|
|
|
+ if (index > 0) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
|
|
|
+ let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
|
|
|
+ this.testJson.testJson[index - 1] = b;
|
|
|
+ this.testJson.testJson[index] = a;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (index < this.testJson.testJson.length - 1) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
|
|
|
+ let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
|
|
|
+ this.testJson.testJson[index + 1] = b;
|
|
|
+ this.testJson.testJson[index] = a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ tcheckMove(type, index, checkIndex) {
|
|
|
+ if (type == 1) {
|
|
|
+ if (checkIndex > 0) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex - 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ let b = JSON.parse(
|
|
|
+ JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
|
|
|
+ );
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex - 1] = b;
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex] = a;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (checkIndex < this.testJson.testJson[index].checkList.length - 1) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex + 1]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ let b = JSON.parse(
|
|
|
+ JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
|
|
|
+ );
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex + 1] = b;
|
|
|
+ this.testJson.testJson[index].checkList[checkIndex] = a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ addcheckList(json, index) {
|
|
|
+ // json.checkList.length++;
|
|
|
+ json.checkList.splice(index + 1, 0, "");
|
|
|
+ json.askItem++;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ deletecheckList(json, index) {
|
|
|
+ // json.checkList.length--;
|
|
|
+ json.checkList.splice(index, 1);
|
|
|
+ json.askItem--;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ addTcheckList(json, index) {
|
|
|
+ // json.checkList.length++;
|
|
|
+ json.checkList.splice(index + 1, 0, "");
|
|
|
+ json.testItem++;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ deleteTcheckList(json, index) {
|
|
|
+ // json.checkList.length--;
|
|
|
+ json.checkList.splice(index, 1);
|
|
|
+ json.testItem--;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ checkTestType(type, json) {
|
|
|
+ json.type = type;
|
|
|
+ setTimeout(() => {
|
|
|
+ json.answer = [];
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ checkAskType(type, json) {
|
|
|
+ json.type = type;
|
|
|
+ // json.checkList = [];
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ 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(`请将题目${i + 1}填写完整。`);
|
|
|
+ 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(`题目${i + 1}选项不能为空！`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
|
|
|
+ let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
|
|
|
+ if (checkC == checkC2) {
|
|
|
+ this.$message.error(
|
|
|
+ `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
+ );
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ b++;
|
|
|
+ if (index < 2) {
|
|
|
+ this.$message.error("每道题目至少需要设置2个选项。");
|
|
|
+ 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 === "" && aj[i].timuList.length == 0) {
|
|
|
+ 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(`请将题目${i + 1}填写完整。`);
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ a++;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (b == 1) {
|
|
|
+ this.$message.error("至少填写一个问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else if (aj[i].teststitle != "" || aj[i].timuList.length > 0) {
|
|
|
+ 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(`题目${i + 1}选项不能为空！`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
|
|
|
+ let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
|
|
|
+ if (checkC == checkC2) {
|
|
|
+ this.$message.error(
|
|
|
+ `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
+ );
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ b++;
|
|
|
+ if (index < 2) {
|
|
|
+ this.$message.error("每道题目至少需要设置2个选项。");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ (aj[i].type == "2" && !aj[i].answer.length) ||
|
|
|
+ (aj[i].type == "1" &&
|
|
|
+ ((typeof aj[i].answer == "object" && !aj[i].answer.length) ||
|
|
|
+ (aj[i].answer !== 0 && !aj[i].answer)))
|
|
|
+ ) {
|
|
|
+ this.$message.error(`请将题目${i + 1}的正确选项设置完整`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var isTestJson = JSON.parse(JSON.stringify(this.testJson));
|
|
|
+ isTestJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
+ var elc = el.checkList.filter((element) => {
|
|
|
+ return element != "";
|
|
|
+ });
|
|
|
+ return (
|
|
|
+ (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
|
|
|
+ );
|
|
|
+ });
|
|
|
+ isTestJson.testCount = isTestJson.testJson.length;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].testJson = isTestJson;
|
|
|
+
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addVideoJson(videoJson) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].videoJson = videoJson;
|
|
|
+
|
|
|
+ this.dialogVisibleVideo = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 62
|
|
|
+ ) {
|
|
|
+ this.addTools(62, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //自动获取剪贴板
|
|
|
+ pasteOption() {
|
|
|
+ let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
+ if (!iframe) {
|
|
|
+ this.$message.error("请使用AI共创生成题目");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let copyData = iframe.contentWindow.copyData;
|
|
|
+ if (!copyData || !copyData.selectData.length) {
|
|
|
+ this.$message.error("请使用AI共创生成题目");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let selectData = copyData.selectData;
|
|
|
+ for (var i = 0; i < selectData.length; i++) {
|
|
|
+ let answer = 0;
|
|
|
+ switch (selectData[i].answer[0]) {
|
|
|
+ case "A":
|
|
|
+ answer = 0;
|
|
|
+ break;
|
|
|
+ case "B":
|
|
|
+ answer = 1;
|
|
|
+ break;
|
|
|
+ case "C":
|
|
|
+ answer = 2;
|
|
|
+ break;
|
|
|
+ case "D":
|
|
|
+ answer = 3;
|
|
|
+ break;
|
|
|
+ case "E":
|
|
|
+ answer = 4;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ this.testJson.testJson.push({
|
|
|
+ teststitle: selectData[i].subject,
|
|
|
+ testItem: selectData[i].options.length,
|
|
|
+ checkList: selectData[i].options,
|
|
|
+ timuList: [],
|
|
|
+ answer: answer,
|
|
|
+ type: "1",
|
|
|
+ });
|
|
|
+ this.testJson.testCount++;
|
|
|
+ }
|
|
|
+ var isTestJson = JSON.parse(JSON.stringify(this.testJson));
|
|
|
+ isTestJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
+ var elc = el.checkList.filter((element) => {
|
|
|
+ return element != "";
|
|
|
+ });
|
|
|
+ return el.teststitle != "" || el.timuList.length > 0 || elc.length != 0;
|
|
|
+ });
|
|
|
+ isTestJson.testCount = isTestJson.testJson.length;
|
|
|
+ if (!isTestJson.testCount) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.testJson = isTestJson;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ pasteTask(taskJson) {
|
|
|
+ let stageTasksData = [];
|
|
|
+ if (taskJson) {
|
|
|
+ stageTasksData = taskJson;
|
|
|
+ } else {
|
|
|
+ let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
+ let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
|
|
|
+ if (!iframe && !iframe2) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let copyData = iframe ? iframe.contentWindow.copyData : false;
|
|
|
+ let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
|
|
|
+ if (
|
|
|
+ (!copyData || !copyData.tasksData || !copyData.tasksData.length) &&
|
|
|
+ (!copyData2 || !copyData2.tasksData || !copyData2.tasksData.length)
|
|
|
+ ) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ stageTasksData = copyData
|
|
|
+ ? copyData.tasksData
|
|
|
+ : copyData2
|
|
|
+ ? copyData2.tasksData
|
|
|
+ : [{ taskName: "", taskDecs: "" }];
|
|
|
+ }
|
|
|
+
|
|
|
+ let taskA = [];
|
|
|
+ let tasks = stageTasksData;
|
|
|
+ for (var j = 0; j < tasks.length; j++) {
|
|
|
+ taskA.push({
|
|
|
+ task: tasks[j].taskName,
|
|
|
+ taskDetail: tasks[j].taskDecs,
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson = taskA;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ pasteStage(stageJson) {
|
|
|
+ let stageData = [];
|
|
|
+ if (stageJson) {
|
|
|
+ stageData = stageJson;
|
|
|
+ } else {
|
|
|
+ let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
+ let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
|
|
|
+ if (!iframe && !iframe2) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let copyData = iframe ? iframe.contentWindow.copyData : false;
|
|
|
+ let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
|
|
|
+ if (
|
|
|
+ (!copyData || !copyData.stageData || !copyData.stageData.length) &&
|
|
|
+ (!copyData2 || !copyData2.stageData || !copyData2.stageData.length)
|
|
|
+ ) {
|
|
|
+ this.$message.error("请使用AI共创生成");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ stageData = copyData
|
|
|
+ ? copyData.stageData
|
|
|
+ : copyData2
|
|
|
+ ? copyData2.stageData
|
|
|
+ : [""];
|
|
|
+ }
|
|
|
+
|
|
|
+ let stage = [];
|
|
|
+ for (var i = 0; i < stageData.length; i++) {
|
|
|
+ stage.push({
|
|
|
+ dyName: stageData[i], //单元标题
|
|
|
+ chapterInfo: [
|
|
|
+ {
|
|
|
+ isread: false,
|
|
|
+ chapterid: this.guid(),
|
|
|
+ title: "",
|
|
|
+ courseName: "",
|
|
|
+ taskJson: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ itemCount: 1,
|
|
|
+ fileList1: [],
|
|
|
+ video: [],
|
|
|
+ testData: [],
|
|
|
+ pData: [],
|
|
|
+ templateArray: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ let _this = this;
|
|
|
+ if (stageJson) {
|
|
|
+ if (!_this.cid) {
|
|
|
+ _this.unitJson = stage;
|
|
|
+ } else {
|
|
|
+ _this.unitIndex = 0;
|
|
|
+ _this.unitJson = stage;
|
|
|
+ _this.updateWork();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this
|
|
|
+ .$confirm(
|
|
|
+ "确定选择智能粘贴模板吗？修改课程时无法重置课程模板。",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ _this.unitIndex = 0;
|
|
|
+ _this.unitJson = stage;
|
|
|
+ // _this.steps++;
|
|
|
+ _this.updateWork();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openStageBox() {
|
|
|
+ this.unitJson3 = JSON.parse(JSON.stringify(this.unitJson));
|
|
|
+ this.dialogVisibleStageChange = true;
|
|
|
+ },
|
|
|
+ updateChange() {
|
|
|
+ this.$confirm(
|
|
|
+ "切换阶段顺序将删除所有工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ this.unitJson = JSON.parse(JSON.stringify(this.unitJson3));
|
|
|
+ this.updateWork();
|
|
|
+ this.dialogVisibleStageChange = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addAnswer() {
|
|
|
+ if (this.answerQ == "") {
|
|
|
+ this.$message.error("请输入您想要问的问题");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
+ 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;
|
|
|
+ } else {
|
|
|
+ for (var z = 0; z < this.selectJson.select.length; z++) {
|
|
|
+ let checkC = this.selectJson.select[z];
|
|
|
+ for (var z2 = z + 1; z2 < this.selectJson.select.length; z2++) {
|
|
|
+ let checkC2 = this.selectJson.select[z2];
|
|
|
+ if (checkC == checkC2) {
|
|
|
+ this.$message.error(
|
|
|
+ `选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
+ );
|
|
|
+ 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) {
|
|
|
+ if (this.oid == '4c686762-1d0a-11ed-8c78-005056b86db5') {
|
|
|
+ this.isTeacherSee = true;
|
|
|
+ }
|
|
|
+ console.log("这是新增课程");
|
|
|
+ this.selectAllType();
|
|
|
+ } else {
|
|
|
+ this.cidType = 1;
|
|
|
+ let params = {
|
|
|
+ cid: this.cid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "select_course_detail", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.loading = true;
|
|
|
+ this.unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
+ this.courseState = res.data[0][0].state;
|
|
|
+ for (var j = 0; j < this.unitJson.length; j++) {
|
|
|
+ for (
|
|
|
+ var k = 0;
|
|
|
+ k < this.unitJson[j].chapterInfo[0].taskJson.length;
|
|
|
+ k++
|
|
|
+ ) {
|
|
|
+ this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
|
|
|
+ .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
|
|
|
+ ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
|
|
|
+ : [];
|
|
|
+ let _chapterData = [];
|
|
|
+ for (
|
|
|
+ var c = 0;
|
|
|
+ c <
|
|
|
+ this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
|
|
|
+ .length;
|
|
|
+ c++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
|
|
|
+ ) {
|
|
|
+ _chapterData.push(
|
|
|
+ this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
|
|
|
+ _chapterData;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$forceUpdate();
|
|
|
+ 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.inviteCode = [];
|
|
|
+ for (var i = 0; i < res.data[2].length; i++) {
|
|
|
+ this.inviteCode.push({
|
|
|
+ cid: res.data[2][i].classid,
|
|
|
+ ic: res.data[2][i].code,
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ 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;
|
|
|
+ // if(this.courseUserid == this.userid){
|
|
|
+ // this.InviteChange(this.checkboxList2)
|
|
|
+ // }
|
|
|
+ this.nbOrder = res.data[0][0].ordernumber;
|
|
|
+ this.courseTypeId = [];
|
|
|
+ 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();
|
|
|
+ this.setMan();
|
|
|
+ this.selectAllType();
|
|
|
+ this.unitJson[
|
|
|
+ this.unitIndex
|
|
|
+ ].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
+ // }, 5000);
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ seleteCourseUpdate() {
|
|
|
+ let params = {
|
|
|
+ cid: this.cid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "select_course_detail", params)
|
|
|
+ .then((res) => {
|
|
|
+ // console.log(this.unitJson);
|
|
|
+ let unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
+ this.unitJson2 = JSON.parse(res.data[0][0].chapters);
|
|
|
+ let _unitJson2 = JSON.parse(JSON.stringify(this.unitJson));
|
|
|
+ let _unitJson = [];
|
|
|
+ let _chapAarry = [];
|
|
|
+ let _unitIndex = JSON.parse(JSON.stringify(this.unitIndex));
|
|
|
+ let _unitIndex2 = JSON.parse(JSON.stringify(this.unitIndex));
|
|
|
+ let index = 1;
|
|
|
+ let chapindex;
|
|
|
+ if (_unitJson2.length > unitJson.length) {
|
|
|
+ for (let c = 0; c < _unitJson2.length; c++) {
|
|
|
+ _chapAarry.push(_unitJson2[c].chapterInfo[0].chapterid);
|
|
|
+ }
|
|
|
+ for (let j = 0; j < unitJson.length; j++) {
|
|
|
+ let count = 0;
|
|
|
+ for (let k = 0; k < _unitJson2.length; k++) {
|
|
|
+ if (
|
|
|
+ unitJson[j].chapterInfo[0].chapterid ==
|
|
|
+ _unitJson2[k].chapterInfo[0].chapterid
|
|
|
+ ) {
|
|
|
+ count++;
|
|
|
+ _chapAarry.splice(
|
|
|
+ _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ _unitJson.push(unitJson[j]);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // if(count === 0){
|
|
|
+ // this.$message.error("您所修改的阶段已经被其他老师删除了");
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ for (let k = 0; k < _unitJson2.length; k++) {
|
|
|
+ if (_unitJson2[k].isUpdate == 1) {
|
|
|
+ _chapAarry.splice(
|
|
|
+ _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
|
|
|
+ 1
|
|
|
+ );
|
|
|
+ _unitJson.push(_unitJson2[k]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(_chapAarry);
|
|
|
+ for (let d = 0; d < _unitJson2.length; d++) {
|
|
|
+ if (
|
|
|
+ _chapAarry.indexOf(_unitJson2[d].chapterInfo[0].chapterid) != -1
|
|
|
+ ) {
|
|
|
+ if (_unitIndex == d) {
|
|
|
+ index = 2;
|
|
|
+ }
|
|
|
+ chapindex = d;
|
|
|
+ // this.$message.error("您所修改的阶段已经被其他老师删除了");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _unitJson = JSON.parse(JSON.stringify(_unitJson2));
|
|
|
+ }
|
|
|
+
|
|
|
+ for (let i = 0; i < unitJson.length; i++) {
|
|
|
+ if (
|
|
|
+ (i < _unitJson.length - 1 || i == _unitJson.length - 1) &&
|
|
|
+ _unitJson[i].chapterInfo[0].chapterid !=
|
|
|
+ unitJson[i].chapterInfo[0].chapterid
|
|
|
+ ) {
|
|
|
+ if (i == _unitJson.length - 1) {
|
|
|
+ // this.unitIndex++
|
|
|
+ _unitIndex2++;
|
|
|
+ }
|
|
|
+ _unitJson.splice(i, 0, unitJson[i]);
|
|
|
+ } else if (i > _unitJson.length - 1) {
|
|
|
+ _unitJson.push(unitJson[i]);
|
|
|
+ } else if (
|
|
|
+ _unitJson[i].chapterInfo[0].chapterid ==
|
|
|
+ unitJson[i].chapterInfo[0].chapterid
|
|
|
+ ) {
|
|
|
+ _unitJson[i] = unitJson[i];
|
|
|
+ }
|
|
|
+ // if (i == _unitIndex) {
|
|
|
+ // continue;
|
|
|
+ // } else
|
|
|
+ }
|
|
|
+
|
|
|
+ if (_chapAarry.length && index != 2) {
|
|
|
+ if (chapindex < _unitIndex) {
|
|
|
+ this.isDelete = 2;
|
|
|
+ // this.unitIndex--;
|
|
|
+ _unitIndex2--;
|
|
|
+ } else if (
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
|
|
|
+ _unitJson[_unitIndex].chapterInfo[0].chapterid
|
|
|
+ ) {
|
|
|
+ this.isDelete = 2;
|
|
|
+ for (let n = 0; n < _unitJson.length; n++) {
|
|
|
+ if (
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
|
|
|
+ _unitJson[n].chapterInfo[0].chapterid
|
|
|
+ ) {
|
|
|
+ // this.unitIndex = n;
|
|
|
+ _unitIndex2 = n;
|
|
|
+ _unitJson[n] = _unitJson2[_unitIndex];
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (index != 2) {
|
|
|
+ // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
|
|
|
+ _unitJson2[_unitIndex];
|
|
|
+ for (
|
|
|
+ var ci = 0;
|
|
|
+ ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
+ ci++
|
|
|
+ ) {
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
|
|
|
+ ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
+ .toolChoose
|
|
|
+ : [];
|
|
|
+ let _chapterData = [];
|
|
|
+ for (
|
|
|
+ var c = 0;
|
|
|
+ c <
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
|
|
|
+ .length;
|
|
|
+ c++
|
|
|
+ ) {
|
|
|
+ if (
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
+ .chapterData[c]
|
|
|
+ ) {
|
|
|
+ _chapterData.push(
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
+ .chapterData[c]
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
|
|
|
+ _chapterData;
|
|
|
+ }
|
|
|
+ _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
|
|
|
+ }
|
|
|
+ if (index == 1) {
|
|
|
+ this.unitJson = _unitJson;
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.unitIndex != _unitIndex2) {
|
|
|
+ this.isDelete = 2;
|
|
|
+ this.unitIndex = _unitIndex2;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ this.timer = setTimeout(() => {
|
|
|
+ this.seleteCourseUpdate();
|
|
|
+ }, 1000);
|
|
|
+ } else if (index == 2) {
|
|
|
+ let _this = this;
|
|
|
+ _this
|
|
|
+ .$confirm(
|
|
|
+ "您所修改的阶段已经被其他老师删除了,需要恢复嘛?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "需要",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ if (_this.time()) {
|
|
|
+ _this.restoreWork(
|
|
|
+ _chapAarry[0],
|
|
|
+ _unitJson,
|
|
|
+ chapindex,
|
|
|
+ _unitJson2,
|
|
|
+ _unitIndex2
|
|
|
+ );
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ _this.unitJson = _unitJson;
|
|
|
+ _this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.unitIndex != _unitIndex2) {
|
|
|
+ this.isDelete = 2;
|
|
|
+ this.unitIndex = _unitIndex2;
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ _this.timer = setTimeout(() => {
|
|
|
+ _this.seleteCourseUpdate();
|
|
|
+ }, 1000);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // 在复制操作之前记录滚动位置
|
|
|
+ const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
|
|
|
+ // 执行复制操作
|
|
|
+ // 复制操作完成后恢复滚动位置
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.$refs.scrollContainer) {
|
|
|
+ this.$refs.scrollContainer.scrollTop = savedScrollPosition;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .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 + "restoreWork", 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);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ selectAllType() {
|
|
|
+ let params = {
|
|
|
+ org: this.org && this.org != "" ? this.org : "",
|
|
|
+ oid: this.oid && this.oid != "" ? this.oid : "",
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectAllType", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
+ res.data[0] = [...res.data[0], ...res.data[4]];
|
|
|
+ }
|
|
|
+ this.CourseType = res.data;
|
|
|
+ this.CourseType2 = [
|
|
|
+ { name: "智见课程", id: [] },
|
|
|
+ { name: "智行课程", id: [] },
|
|
|
+ { name: "智创课程", id: [] },
|
|
|
+ ];
|
|
|
+ for (var cti = 0; cti < res.data[0].length; cti++) {
|
|
|
+ if (
|
|
|
+ res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
|
|
|
+ res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
|
|
|
+ ) {
|
|
|
+ this.CourseType2[0].id.push(res.data[0][cti].id);
|
|
|
+ } else if (
|
|
|
+ res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
|
|
|
+ res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
|
|
|
+ ) {
|
|
|
+ this.CourseType2[1].id.push(res.data[0][cti].id);
|
|
|
+ } else if (
|
|
|
+ res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
|
|
|
+ ) {
|
|
|
+ this.CourseType2[2].id.push(res.data[0][cti].id);
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
|
|
|
+ res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5"
|
|
|
+ ) {
|
|
|
+ res.data[0][cti].name = "年级";
|
|
|
+ } else if (
|
|
|
+ res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" ||
|
|
|
+ res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
|
|
|
+ ) {
|
|
|
+ res.data[0][cti].name = "学科";
|
|
|
+ } else if (
|
|
|
+ res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
|
|
|
+ ) {
|
|
|
+ res.data[0][cti].name = "主题";
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ let _courseTypeId = [];
|
|
|
+ for (var i = 0; i < res.data[0].length; i++) {
|
|
|
+ if (!this.cid) {
|
|
|
+ this.courseTypeId[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+ // if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
+ // }
|
|
|
+ this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
+
|
|
|
+ if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
+ if (res.data[0][i].name == "栏目") {
|
|
|
+ this.CourseType[0][i].name = "主题";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (res.data[2].length == 0 && res.data[3].length == 0) {
|
|
|
+ for (var j = 0; j < res.data[1].length; j++) {
|
|
|
+ if (
|
|
|
+ this.courseTypeId.indexOf(res.data[1][j].id) != -1 &&
|
|
|
+ _courseTypeId.indexOf(res.data[1][j].id) == -1
|
|
|
+ ) {
|
|
|
+ _courseTypeId.push(res.data[1][j].id);
|
|
|
+ }
|
|
|
+ if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (res.data[2].length > 0) {
|
|
|
+ for (var j = 0; j < res.data[2].length; j++) {
|
|
|
+ if (
|
|
|
+ this.courseTypeId.indexOf(res.data[2][j].id) != -1 &&
|
|
|
+ _courseTypeId.indexOf(res.data[2][j].id) == -1
|
|
|
+ ) {
|
|
|
+ _courseTypeId.push(res.data[2][j].id);
|
|
|
+ }
|
|
|
+ if (res.data[0][i].id == res.data[2][j].pid) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (res.data[3].length > 0) {
|
|
|
+ for (var j = 0; j < res.data[3].length; j++) {
|
|
|
+ if (
|
|
|
+ this.courseTypeId.indexOf(res.data[3][j].id) != -1 &&
|
|
|
+ _courseTypeId.indexOf(res.data[3][j].id) == -1
|
|
|
+ ) {
|
|
|
+ _courseTypeId.push(res.data[3][j].id);
|
|
|
+ }
|
|
|
+ if (res.data[0][i].id == res.data[3][j].pid) {
|
|
|
+ this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.courseTypeId = _courseTypeId;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectType() {
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectType")
|
|
|
+ .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] = "";
|
|
|
+ }
|
|
|
+ if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
+ if (res.data[0][i].name == "栏目") {
|
|
|
+ this.CourseType[0][i].name = "主题";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ 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 + "selectTypeByOid", 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 + "selectTypeByOrg", 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]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ OtherMb(type, task) {
|
|
|
+ if (task === 0 || task) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ task
|
|
|
+ ].isEvaFold = true;
|
|
|
+ }
|
|
|
+ this.typeMode = type;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ },
|
|
|
+ openMember() {
|
|
|
+ this.searchTN = "";
|
|
|
+ this.getTeacher();
|
|
|
+ this.dialogVisibleMember = true;
|
|
|
+ },
|
|
|
+ checkEva(id, type) {
|
|
|
+ this.dialogVisiblemb = false;
|
|
|
+ this.selectEva();
|
|
|
+ if (this.evalua != id && type == 2) {
|
|
|
+ this.$message.success("导入成功");
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(id);
|
|
|
+ }, 100);
|
|
|
+ }
|
|
|
+ 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();
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deleteEva() {
|
|
|
+ let _this = this;
|
|
|
+ if (_this.evalua == "") {
|
|
|
+ this.$message.warning("内容已经清空了，请勿重复清空");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ _this
|
|
|
+ .$confirm("确定删除此目标吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ _this.evalua = "";
|
|
|
+ _this.checkId = "";
|
|
|
+ _this.eTitle = "";
|
|
|
+ let _unitJson = _this.unitJson;
|
|
|
+ for (var i = 0; i < _unitJson.length; i++) {
|
|
|
+ let _task = _unitJson[i].chapterInfo[0].taskJson;
|
|
|
+ for (var j = 0; j < _task.length; j++) {
|
|
|
+ let _eList = _task[j].eList;
|
|
|
+ for (var k = 0; k < _eList.length; k++) {
|
|
|
+ delete _eList[k].target;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _this.$forceUpdate();
|
|
|
+ if (_this.cid) {
|
|
|
+ _this.updateWork();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectEva() {
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectAllEvaluation", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.evaJuri = res.data[0];
|
|
|
+ // 在复制操作之前记录滚动位置
|
|
|
+ const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
|
|
|
+ // 执行复制操作
|
|
|
+ // 复制操作完成后恢复滚动位置
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.$refs.scrollContainer) {
|
|
|
+ this.$refs.scrollContainer.scrollTop = savedScrollPosition;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .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();
|
|
|
+ },
|
|
|
+ openEList(index, tIndex) {
|
|
|
+ this.evaIndex = index;
|
|
|
+ this.evatIndex = tIndex;
|
|
|
+ this.evaBoxDialog = true;
|
|
|
+ },
|
|
|
+ addCET(index, tIndex) {
|
|
|
+ this.cetIndex = index;
|
|
|
+ this.cettIndex = tIndex;
|
|
|
+ this.selectAllType1();
|
|
|
+ },
|
|
|
+ addCETemplate() {
|
|
|
+ var array =
|
|
|
+ this.unitJson[this.cetIndex].chapterInfo[0].taskJson[this.cettIndex]
|
|
|
+ .eList;
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ uid: this.userid,
|
|
|
+ n: this.templateName,
|
|
|
+ json: JSON.stringify(array),
|
|
|
+ t: 1,
|
|
|
+ oid: this.oid,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCETShare", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.addTypeByCET(res.data[0][0].id);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addTypeByCET(id) {
|
|
|
+ if (this.setTypeJson.two == "") {
|
|
|
+ this.$message.warning("请选择二级分类，如没有二级分类请前往添加!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let params = {
|
|
|
+ cid: id,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "deleteCETLabel", params)
|
|
|
+ .then((res) => {
|
|
|
+ for (var i = 0; i < 2; i++) {
|
|
|
+ let tid = "";
|
|
|
+ if (i == 0) {
|
|
|
+ tid = this.setTypeJson.one;
|
|
|
+ } else {
|
|
|
+ tid = this.setTypeJson.two;
|
|
|
+ }
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ cid: id,
|
|
|
+ tid: tid,
|
|
|
+ uid: this.userid,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "addCETLabel", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "添加成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.close();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ updateEvaJson(array) {
|
|
|
+ this.unitJson[this.evaIndex].chapterInfo[0].taskJson[
|
|
|
+ this.evatIndex
|
|
|
+ ].eList = array;
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // getClass() {
|
|
|
+ // let params = {
|
|
|
+ // oid: this.oid,
|
|
|
+ // };
|
|
|
+ // this.ajax
|
|
|
+ // .get(this.$store.state.api + "selectClassBySchool", params)
|
|
|
+ // .then((res) => {
|
|
|
+ // this.classJuri = res.data[0];
|
|
|
+ // })
|
|
|
+ // .catch((err) => {
|
|
|
+ // console.error(err);
|
|
|
+ // });
|
|
|
+ // },
|
|
|
+ deleteSysPic() {
|
|
|
+ this.cover = [];
|
|
|
+ this.isSysPic = false;
|
|
|
+ this.isSysPic2 = 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) {
|
|
|
+ if (!this.sentenceList[i].sentenceTitle) {
|
|
|
+ this.$message.error("请填写卡片内容！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.sentenceList[i].sentenceTitle.length > 10) {
|
|
|
+ this.$message.error("卡片内容字数不能超过10位");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.sentenceList[i].addSentence.indexOf(
|
|
|
+ this.sentenceList[i].sentenceTitle
|
|
|
+ ) !== -1
|
|
|
+ ) {
|
|
|
+ this.$message.error("不能添加重复的卡片内容！");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ 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(`请将题目${i + 1}设置完整。`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.sentenceList[i].addSentence.length !=
|
|
|
+ this.sentenceList[i].rightAnswer.length
|
|
|
+ ) {
|
|
|
+ this.$message.error(`请将题目${i + 1}设置完整。`);
|
|
|
+ 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;
|
|
|
+ // }
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].tableJson = this.tableJson;
|
|
|
+ // this.tableJson = [{ text: "" }];
|
|
|
+ // this.dialogVisibleTable = false;
|
|
|
+ this.$message.success("上传成功");
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 48
|
|
|
+ ) {
|
|
|
+ this.addTools(48, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addWordJson() {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].wordJson = this.wordJson;
|
|
|
+ // this.wordJson = [{ text: "" }];
|
|
|
+ // this.dialogVisibleWord = false;
|
|
|
+ this.$message.success("上传成功");
|
|
|
+
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 52
|
|
|
+ ) {
|
|
|
+ this.addTools(52, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addMoreUpload() {
|
|
|
+ if (this.uploadJson.length == 0) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].uploadJson = [];
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].uploadJson = this.uploadJson;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.uploadJson = [];
|
|
|
+ this.dialogVisibleMoreUpload = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 50
|
|
|
+ ) {
|
|
|
+ this.addTools(50, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addPreTime() {
|
|
|
+ if (this.preTime == 0) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].preTime = 0;
|
|
|
+ } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose[this.toolIndex].preTime = this.preTime;
|
|
|
+ }
|
|
|
+ this.preTime = 0;
|
|
|
+ this.dialogVisiblePreTime = false;
|
|
|
+ if (
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .toolChoose[this.toolIndex].tool != 10
|
|
|
+ ) {
|
|
|
+ this.addTools(10, this.taskCount, this.toolIndex);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goToTask(i) {
|
|
|
+ this.toolIndexType = "";
|
|
|
+ if (this.isClickColor == i + 1) {
|
|
|
+ // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ // } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].toolOpen = true;
|
|
|
+ // }
|
|
|
+ this.$forceUpdate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ // } else {
|
|
|
+ document.querySelectorAll(".basic_box")[0].scrollTop =
|
|
|
+ document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
|
|
|
+ this.isClickColor = i + 1;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
|
|
|
+ // }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ taskOpen(i, stageIndex) {
|
|
|
+ if (this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen) {
|
|
|
+ this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = false;
|
|
|
+ } else {
|
|
|
+ this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = true;
|
|
|
+ }
|
|
|
+ // this.updateWork3(stageIndex);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ goToTask2(i, stage) {
|
|
|
+ this.toolIndexType = "";
|
|
|
+ if (this.isClickColor == i + 1 && this.unitIndex == stage) {
|
|
|
+ // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ // } else {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ i
|
|
|
+ ].toolOpen = true;
|
|
|
+ // }
|
|
|
+ this.$forceUpdate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.unitIndex != stage) {
|
|
|
+ if (this.panUnitJson() == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitSet(stage);
|
|
|
+ }
|
|
|
+ // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
|
|
|
+ // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ // } else {
|
|
|
+ document.querySelectorAll(".basic_box")[0].scrollTop =
|
|
|
+ document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
|
|
|
+ this.isClickColor = i + 1;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
|
|
|
+ // }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ taskMove(type, index) {
|
|
|
+ this.$confirm(
|
|
|
+ "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ if (type == 1) {
|
|
|
+ if (index > 0) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ index - 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (
|
|
|
+ index <
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1
|
|
|
+ ) {
|
|
|
+ let a = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ index + 1
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ );
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] =
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ stageMove(type, index) {
|
|
|
+ if (type == 1) {
|
|
|
+ if (index > 0) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.unitJson3[index - 1]));
|
|
|
+ let acid = JSON.parse(
|
|
|
+ JSON.stringify(this.unitJson3[index - 1].chapterInfo[0].chapterid)
|
|
|
+ );
|
|
|
+ let bcid = JSON.parse(
|
|
|
+ JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
|
|
|
+ );
|
|
|
+ this.unitJson3[index - 1] = this.unitJson3[index];
|
|
|
+ this.unitJson3[index] = a;
|
|
|
+ this.unitJson3[index - 1].chapterInfo[0].chapterid = acid;
|
|
|
+ this.unitJson3[index].chapterInfo[0].chapterid = bcid;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (index < this.unitJson3.length - 1) {
|
|
|
+ let a = JSON.parse(JSON.stringify(this.unitJson3[index + 1]));
|
|
|
+ let acid = JSON.parse(
|
|
|
+ JSON.stringify(this.unitJson3[index + 1].chapterInfo[0].chapterid)
|
|
|
+ );
|
|
|
+ let bcid = JSON.parse(
|
|
|
+ JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
|
|
|
+ );
|
|
|
+ this.unitJson3[index + 1] = this.unitJson3[index];
|
|
|
+ this.unitJson3[index] = a;
|
|
|
+ this.unitJson3[index + 1].chapterInfo[0].chapterid = acid;
|
|
|
+ this.unitJson3[index].chapterInfo[0].chapterid = bcid;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ },
|
|
|
+ numberPan() {
|
|
|
+ if (
|
|
|
+ /[^\d]/.test(this.groupJson.number) ||
|
|
|
+ this.groupJson.number < 2 ||
|
|
|
+ this.groupJson.number > 10
|
|
|
+ ) {
|
|
|
+ this.$message.error("请输入2-10的数字");
|
|
|
+ this.groupJson.number = "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ updateTime(preTime) {
|
|
|
+ this.preTime = preTime;
|
|
|
+ },
|
|
|
+ InviteChange(val) {
|
|
|
+ console.log(val);
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.grade2.length; i++) {
|
|
|
+ var gid = this.grade2[i].id;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList2.length; i++) {
|
|
|
+ var _id = this.checkboxList2[i];
|
|
|
+ if (_check.indexOf(_id) !== -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkAll = _check2.length === _check.length;
|
|
|
+ return;
|
|
|
+ let array = JSON.parse(JSON.stringify(val));
|
|
|
+ this.inviteCode = this.inviteCode.filter((el) => {
|
|
|
+ if (val.indexOf(el.cid) != -1) {
|
|
|
+ array.splice(array.indexOf(el.cid), 1);
|
|
|
+ return el;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ for (var i = 0; i < array.length; i++) {
|
|
|
+ this.getInviteCode(array[i]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ InviteChange2(val) {
|
|
|
+ console.log(val);
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.teacherJuri.length; i++) {
|
|
|
+ var gid = this.teacherJuri[i].userid;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList3.length; i++) {
|
|
|
+ var _id = this.checkboxList3[i];
|
|
|
+ if (_check.indexOf(_id) !== -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkAll2 = _check2.length === _check.length;
|
|
|
+ this.setMan();
|
|
|
+ return;
|
|
|
+ let array = JSON.parse(JSON.stringify(val));
|
|
|
+ this.inviteCode = this.inviteCode.filter((el) => {
|
|
|
+ if (val.indexOf(el.cid) != -1) {
|
|
|
+ array.splice(array.indexOf(el.cid), 1);
|
|
|
+ return el;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ for (var i = 0; i < array.length; i++) {
|
|
|
+ this.getInviteCode(array[i]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleCheckAllChange(val) {
|
|
|
+ if (val) {
|
|
|
+ for (var i = 0; i < this.grade2.length; i++) {
|
|
|
+ var gid = this.grade2[i].id;
|
|
|
+ if (this.checkboxList2.indexOf(gid) === -1) {
|
|
|
+ this.checkboxList2.push(gid);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.grade2.length; i++) {
|
|
|
+ var gid = this.grade2[i].id;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList2.length; i++) {
|
|
|
+ var _id = this.checkboxList2[i];
|
|
|
+ if (_check.indexOf(_id) === -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkboxList2 = _check2;
|
|
|
+ }
|
|
|
+ this.isIndeterminate = false;
|
|
|
+ },
|
|
|
+ handleCheckAllChange2(val) {
|
|
|
+ if (val) {
|
|
|
+ for (var i = 0; i < this.teacherJuri.length; i++) {
|
|
|
+ var gid = this.teacherJuri[i].userid;
|
|
|
+ if (this.checkboxList3.indexOf(gid) === -1) {
|
|
|
+ this.checkboxList3.push(gid);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let _check = [];
|
|
|
+ let _check2 = [];
|
|
|
+ for (var i = 0; i < this.teacherJuri.length; i++) {
|
|
|
+ var gid = this.teacherJuri[i].userid;
|
|
|
+ _check.push(gid);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < this.checkboxList3.length; i++) {
|
|
|
+ var _id = this.checkboxList3[i];
|
|
|
+ if (_check.indexOf(_id) === -1) {
|
|
|
+ _check2.push(_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.checkboxList3 = _check2;
|
|
|
+ }
|
|
|
+ this.isIndeterminate2 = false;
|
|
|
+ },
|
|
|
+ async getInviteCode(cid) {
|
|
|
+ let code = this.randomNumber();
|
|
|
+ let params = {
|
|
|
+ code: code,
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ let type = 1;
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
|
|
|
+ type = 2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (type == 2) {
|
|
|
+ this.getInviteCode(cid);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const res = await this.ajax.get(
|
|
|
+ this.$store.state.api + "selectInviteCode2",
|
|
|
+ params
|
|
|
+ );
|
|
|
+ if (
|
|
|
+ res.data.length &&
|
|
|
+ res.data[0].length &&
|
|
|
+ res.data[0][0].courseId != this.cid
|
|
|
+ ) {
|
|
|
+ this.getInviteCode(cid);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let array = [];
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ array.push(this.inviteCode[i].cid);
|
|
|
+ }
|
|
|
+ if (array.indexOf(cid) != -1) {
|
|
|
+ this.inviteCode[array.indexOf(cid)].ic = code;
|
|
|
+ } else {
|
|
|
+ this.inviteCode.push({ cid: cid, ic: code });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ OpenInviteD(cid) {
|
|
|
+ let array = [];
|
|
|
+ this.icode = "";
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ array.push(this.inviteCode[i].cid);
|
|
|
+ }
|
|
|
+ if (array.indexOf(cid) != -1) {
|
|
|
+ this.icode = this.inviteCode[array.indexOf(cid)].ic;
|
|
|
+ }
|
|
|
+ this.inviteId = cid;
|
|
|
+ this.dialogVisibleInvite = true;
|
|
|
+ },
|
|
|
+ addInvite() {
|
|
|
+ let reg = /^[A-Za-z0-9]{4,}$/;
|
|
|
+ if (!reg.test(this.icode)) {
|
|
|
+ this.$message.error("请输入至少四位数字或英文组合的随机码");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let type = 1;
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ if (
|
|
|
+ this.inviteCode[i].cid != this.inviteId &&
|
|
|
+ this.icode == this.inviteCode[i].ic
|
|
|
+ ) {
|
|
|
+ type = 2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (type == 2) {
|
|
|
+ this.$message.error("已有此随机码，不能重复");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ code: this.icode,
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectInviteCode", params)
|
|
|
+ .then((res) => {
|
|
|
+ if (
|
|
|
+ res.data.length &&
|
|
|
+ res.data[0].length &&
|
|
|
+ res.data[0][0].courseId != this.cid
|
|
|
+ ) {
|
|
|
+ this.$message.error("已有此随机码，不能重复");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let array = [];
|
|
|
+ for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
+ array.push(this.inviteCode[i].cid);
|
|
|
+ }
|
|
|
+ if (array.indexOf(this.inviteId) != -1) {
|
|
|
+ this.inviteCode[array.indexOf(this.inviteId)].ic = this.icode;
|
|
|
+ } else {
|
|
|
+ this.inviteCode.push({ cid: this.inviteId, ic: this.icode });
|
|
|
+ }
|
|
|
+ this.icode = "";
|
|
|
+ this.dialogVisibleInvite = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ randomNumber() {
|
|
|
+ // 随机生成两位数
|
|
|
+ // let num = Math.floor(Math.random() * 900) + 100;
|
|
|
+ // 生成 0 到 99 之间的随机整数
|
|
|
+ const randomNumber = Math.floor(Math.random() * 100);
|
|
|
+
|
|
|
+ // 如果随机数小于 10，补上前导零
|
|
|
+ const num =
|
|
|
+ randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();
|
|
|
+
|
|
|
+ // 随机生成两个大写字母
|
|
|
+ let letters = "";
|
|
|
+ let chars2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
|
|
|
+ for (let i = 0; i < 3; i++) {
|
|
|
+ letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
|
|
|
+ }
|
|
|
+
|
|
|
+ // 随机生成两位数字和字母的组合
|
|
|
+ let mix = "";
|
|
|
+ let chars =
|
|
|
+ "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
|
+ for (let i = 0; i < 3; i++) {
|
|
|
+ let char = chars.charAt(Math.floor(Math.random() * chars.length));
|
|
|
+ mix += char;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 随机选择一种类型
|
|
|
+ let type = Math.floor(Math.random() * 3);
|
|
|
+
|
|
|
+ return num;
|
|
|
+
|
|
|
+ // 根据类型输出结果
|
|
|
+ switch (type) {
|
|
|
+ case 0:
|
|
|
+ console.log(num); // 输出两位数
|
|
|
+ return num;
|
|
|
+ case 1:
|
|
|
+ console.log(letters); // 输出两个大写字母
|
|
|
+ return letters;
|
|
|
+ case 2:
|
|
|
+ console.log(mix); // 输出两位数字和字母的组合
|
|
|
+ return mix;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getPaste() {
|
|
|
+ let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
+ let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
|
|
|
+ if (!iframe && !iframe2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let copyData = iframe ? iframe.contentWindow.copyData : false;
|
|
|
+ let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
|
|
|
+ if (copyData && copyData.stageData && copyData.stageData.length) {
|
|
|
+ this.isPasteStage = true;
|
|
|
+ }
|
|
|
+ if (copyData2 && copyData2.stageData && copyData2.stageData.length) {
|
|
|
+ this.isPasteStage = true;
|
|
|
+ }
|
|
|
+ if (copyData && copyData.selectData.length) {
|
|
|
+ this.isPasteChoice = true;
|
|
|
+ }
|
|
|
+ if (copyData && copyData.tasksData && copyData.tasksData.length) {
|
|
|
+ this.isPasteTask = true;
|
|
|
+ }
|
|
|
+ if (copyData2 && copyData2.tasksData && copyData2.tasksData.length) {
|
|
|
+ this.isPasteTask = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ searchImage() {
|
|
|
+ var _this = this;
|
|
|
+ _this.imageList = [];
|
|
|
+ if (!_this.searchImageValue) {
|
|
|
+ _this.sysPicVisible2 = true;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ _this.imageloading = true;
|
|
|
+ _this.ajax
|
|
|
+ .post("https://gpt.cocorobo.cn/search_image", {
|
|
|
+ page: _this.ppage,
|
|
|
+ pagesize: 9,
|
|
|
+ query: _this.searchImageValue,
|
|
|
+ })
|
|
|
+ .then(function (response) {
|
|
|
+ // console.log(response.data.data);
|
|
|
+ var data = response.data.FunctionResponse.result;
|
|
|
+ for (var i = 0; i < data.length; i++) {
|
|
|
+ _this.imageList.push({ url: data[i].thumbnail });
|
|
|
+ }
|
|
|
+ _this.imageloading = false;
|
|
|
+ })
|
|
|
+ .catch(function (error) {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ _this.sysPicVisible2 = true;
|
|
|
+ },
|
|
|
+ changePicture() {
|
|
|
+ this.ppage++;
|
|
|
+ this.searchImage();
|
|
|
+ },
|
|
|
+ resetImage() {
|
|
|
+ this.ppage = 1;
|
|
|
+ this.searchImage();
|
|
|
+ },
|
|
|
+ jumpGj(i, j) {
|
|
|
+ if (i + 1 != this.isClickColor) {
|
|
|
+ this.isClickColor = i + 1;
|
|
|
+ }
|
|
|
+ var a = document.scrollingElement;
|
|
|
+ this.toolIndexType = `gj${i}${j}`;
|
|
|
+ let target = document.querySelector(`#gj${i}${j}`);
|
|
|
+ if (target) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
|
|
|
+ setTimeout(() => {
|
|
|
+ target.scrollIntoView(true);
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
|
|
|
+ j
|
|
|
+ ].isFold3 = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
|
|
|
+ }, 0);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ jumpGj2(i, j, k) {
|
|
|
+ if (this.unitIndex != k) {
|
|
|
+ if (this.panUnitJson() == 2) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unitSet(k);
|
|
|
+ }
|
|
|
+ setTimeout(() => {
|
|
|
+ if (i + 1 != this.isClickColor) {
|
|
|
+ this.isClickColor = i + 1;
|
|
|
+ }
|
|
|
+ var a = document.scrollingElement;
|
|
|
+ this.toolIndexType = `gj${i}${j}${k}`;
|
|
|
+ let target = document.querySelector(`#gj${i}${j}`);
|
|
|
+ if (target) {
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
|
|
|
+ setTimeout(() => {
|
|
|
+ target.scrollIntoView(true);
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
|
|
|
+ j
|
|
|
+ ].isFold3 = false;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
|
|
|
+ }, 0);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
+ dragStart(val, i, j) {
|
|
|
+ console.log(this.taskCount);
|
|
|
+ this.dragType = "drag";
|
|
|
+ this.taskCount = j;
|
|
|
+ this.oldIndex = i;
|
|
|
+ this.oldData = val;
|
|
|
+ },
|
|
|
+ dragOver(i, j) {
|
|
|
+ this.typeIndex = "chapter-" + j + "-" + i;
|
|
|
+ this.newIndex = i;
|
|
|
+ },
|
|
|
+ dragEnd() {
|
|
|
+ if (this.dragType != "drag") {
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ console.log(this.taskCount);
|
|
|
+
|
|
|
+ let newItems = [
|
|
|
+ ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
+ .chapterData,
|
|
|
+ ];
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].chapterData = [...newItems];
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ dragTaskStart(val, i, j) {
|
|
|
+ this.dragType = "task";
|
|
|
+ this.oldIndex = i;
|
|
|
+ this.oldData = val;
|
|
|
+ this.oldUnitIndex = j;
|
|
|
+ },
|
|
|
+ dragTaskOver(i, j) {
|
|
|
+ this.typeIndex = "task-" + i;
|
|
|
+ this.newIndex = i;
|
|
|
+ this.checkUnitIndex = j;
|
|
|
+ },
|
|
|
+ async dragTaskEnd() {
|
|
|
+ if (this.dragType != "task") {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.checkUnitIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.newIndex == this.oldIndex &&
|
|
|
+ this.oldUnitIndex == this.checkUnitIndex
|
|
|
+ ) {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.checkUnitIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let count1 = await this.getWorksCount(
|
|
|
+ 2,
|
|
|
+ this.checkUnitIndex,
|
|
|
+ this.newIndex,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ let count2 = await this.getWorksCount(
|
|
|
+ 2,
|
|
|
+ this.oldUnitIndex,
|
|
|
+ this.oldIndex,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ if (count1 > 0 || count2 > 0) {
|
|
|
+ this.$confirm(
|
|
|
+ "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ if (this.oldUnitIndex != this.checkUnitIndex) {
|
|
|
+ let newItems = [
|
|
|
+ ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ let newItems2 = [
|
|
|
+ ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ newItems2.splice(this.newIndex, 0, this.oldData);
|
|
|
+ this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems,
|
|
|
+ ];
|
|
|
+ this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems2,
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ let newItems = [
|
|
|
+ ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ let chapterData = []
|
|
|
+ if (this.oldIndex == 0) {
|
|
|
+ chapterData = newItems[this.oldIndex].chapterData
|
|
|
+ newItems[this.oldIndex].chapterData = []
|
|
|
+ } else if (this.newIndex == 0) {
|
|
|
+ chapterData = newItems[this.newIndex].chapterData
|
|
|
+ newItems[this.oldIndex].chapterData = []
|
|
|
+ }
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
+ if (this.oldIndex == 0 || this.newIndex == 0) {
|
|
|
+ newItems[0].chapterData = chapterData
|
|
|
+ }
|
|
|
+ this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems,
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.checkUnitIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.checkUnitIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (this.oldUnitIndex != this.checkUnitIndex) {
|
|
|
+ let newItems = [
|
|
|
+ ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ let newItems2 = [
|
|
|
+ ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ newItems2.splice(this.newIndex, 0, this.oldData);
|
|
|
+ this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems,
|
|
|
+ ];
|
|
|
+ this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems2,
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ let newItems = [
|
|
|
+ ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
|
|
|
+ ];
|
|
|
+ let chapterData = []
|
|
|
+ if (this.oldIndex == 0) {
|
|
|
+ chapterData = newItems[this.oldIndex].chapterData
|
|
|
+ newItems[this.oldIndex].chapterData = []
|
|
|
+ } else if (this.newIndex == 0) {
|
|
|
+ chapterData = newItems[this.newIndex].chapterData
|
|
|
+ newItems[this.oldIndex].chapterData = []
|
|
|
+ }
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
+ if (this.oldIndex == 0 || this.newIndex == 0) {
|
|
|
+ newItems[0].chapterData = chapterData
|
|
|
+ }
|
|
|
+ this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
|
|
|
+ ...newItems,
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.checkUnitIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ dragUnitStart(val, i) {
|
|
|
+ this.dragType = "Unit";
|
|
|
+ this.oldIndex = i;
|
|
|
+ this.oldData = val;
|
|
|
+ },
|
|
|
+ dragUnitOver(i) {
|
|
|
+ this.typeIndex = "Unit-" + i;
|
|
|
+ this.newIndex = i;
|
|
|
+ console.log(i, this.unitJson[i].toolOpen);
|
|
|
+ if (!this.unitJson[i].toolOpen && this.dragType == "task") {
|
|
|
+ this.unitJson[i].toolOpen = true;
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async dragUnitEnd() {
|
|
|
+ if (this.dragType != "Unit") {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.newIndex == this.oldIndex) {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let count1 = await this.getWorksCount(1, this.newIndex, 0, 0);
|
|
|
+ let count2 = await this.getWorksCount(1, this.oldIndex, 0, 0);
|
|
|
+ console.log(count1, count2);
|
|
|
+ if (count1 > 0 || count2 > 0) {
|
|
|
+ this.$confirm(
|
|
|
+ "切换阶段顺序将删除所有工具的提交成果，是否继续此操作?",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then(() => {
|
|
|
+ let newItems = [...this.unitJson];
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
+ this.unitJson = [...newItems];
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ let newItems = [...this.unitJson];
|
|
|
+ // 删除老的节点
|
|
|
+ newItems.splice(this.oldIndex, 1);
|
|
|
+ // 在列表中目标位置增加新的节点
|
|
|
+ newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
+ this.unitJson = [...newItems];
|
|
|
+ this.typeIndex = "";
|
|
|
+ this.newIndex = "";
|
|
|
+ this.dragType = "";
|
|
|
+ this.isdrag = "";
|
|
|
+ this.updateWork();
|
|
|
+ this.$forceUpdate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getWorksCount(type, stage, task, tool) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ cid: this.cid,
|
|
|
+ stage: stage,
|
|
|
+ task: task,
|
|
|
+ tool: tool,
|
|
|
+ type: type,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "getCourseWorkCount", params)
|
|
|
+ .then((res) => {
|
|
|
+ let count = res.data[0][0].count;
|
|
|
+ resolve(count);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ resolve(0);
|
|
|
+ this.$message.error("网络不佳");
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getTwoType(id) {
|
|
|
+ this.twoJson = [];
|
|
|
+ var array = this.CourseTypeJson1[
|
|
|
+ "3f8eed32-aba9-11ee-b534-005056b86db5"
|
|
|
+ ].filter((e) => {
|
|
|
+ return e.ppid == id;
|
|
|
+ });
|
|
|
+ this.twoJson = array;
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ ctype() {
|
|
|
+ this.oneJson =
|
|
|
+ this.CourseTypeJson1["3c73702a-aba9-11ee-b534-005056b86db5"];
|
|
|
+ },
|
|
|
+ selectAllType1() {
|
|
|
+ this.CourseType1 = [];
|
|
|
+ this.CourseTypeJson1 = {};
|
|
|
+ this.courseTypeId1 = {};
|
|
|
+ this.$forceUpdate();
|
|
|
+ let params = {
|
|
|
+ org: this.org && this.org != "" ? this.org : "",
|
|
|
+ oid: this.oid && this.oid != "" ? this.oid : "",
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectAllEvaType", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.CourseType1 = res.data;
|
|
|
+ for (var i = 0; i < res.data[0].length; i++) {
|
|
|
+ if (res.data[0][i].id == "3c73702a-aba9-11ee-b534-005056b86db5") {
|
|
|
+ res.data[0][i].name = "一级分类";
|
|
|
+ } else if (
|
|
|
+ res.data[0][i].id == "3f8eed32-aba9-11ee-b534-005056b86db5"
|
|
|
+ ) {
|
|
|
+ res.data[0][i].name = "二级分类";
|
|
|
+ }
|
|
|
+ if (!this.cid) {
|
|
|
+ this.courseTypeId1[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+ if (!this.CourseTypeJson1[res.data[0][i].id]) {
|
|
|
+ this.CourseTypeJson1[res.data[0][i].id] = [];
|
|
|
+ }
|
|
|
+
|
|
|
+ // if (res.data[2].length == 0 && res.data[3].length == 0) {
|
|
|
+ for (var j = 0; j < res.data[1].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
+ this.CourseTypeJson1[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // } else {
|
|
|
+ if (res.data[2].length > 0) {
|
|
|
+ for (var j = 0; j < res.data[2].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[2][j].pid) {
|
|
|
+ this.CourseTypeJson1[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (res.data[3].length > 0) {
|
|
|
+ for (var j = 0; j < res.data[3].length; j++) {
|
|
|
+ if (res.data[0][i].id == res.data[3][j].pid) {
|
|
|
+ this.CourseTypeJson1[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ this.ctype();
|
|
|
+ this.cetBoxDialog = true;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ clearTimeout(this.timer);
|
|
|
+ this.timer = null;
|
|
|
+ clearInterval(this.timer2);
|
|
|
+ this.timer2 = null;
|
|
|
+ clearInterval(this.pasteTimer);
|
|
|
+ this.pasteTimer = null;
|
|
|
+ },
|
|
|
+ beforeRouteLeave(to, from, next) {
|
|
|
+ clearTimeout(this.timer);
|
|
|
+ this.timer = null;
|
|
|
+ clearInterval(this.timer2);
|
|
|
+ this.timer2 = null;
|
|
|
+ clearInterval(this.pasteTimer);
|
|
|
+ this.pasteTimer = null;
|
|
|
+ next();
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getStudent();
|
|
|
+ this.getTeacher();
|
|
|
+ this.getClass();
|
|
|
+ this.selectGrage();
|
|
|
+ this.getTemplate();
|
|
|
+ // this.selectType();
|
|
|
+ this.selectEva();
|
|
|
+ this.loading = false;
|
|
|
+ this.timer2 = setInterval(() => {
|
|
|
+ this.selectEva();
|
|
|
+ }, 5000);
|
|
|
+ this.pasteTimer = setInterval(() => {
|
|
|
+ this.getPaste();
|
|
|
+ }, 1000);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.selectAllType();
|
|
|
+
|
|
|
+ // this.selectCourseDetail();
|
|
|
+ }, 500);
|
|
|
+ let _this = this;
|
|
|
+ window.pasteStage = function (json) {
|
|
|
+ _this.pasteStage(json);
|
|
|
+ };
|
|
|
+ window.pasteTask = function (json) {
|
|
|
+ _this.pasteTask(json);
|
|
|
+ };
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+@media screen and (max-width: 1280px) {
|
|
|
+ .mbCss {
|
|
|
+ flex-direction: column !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pjCss {
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .evaCss {
|
|
|
+ width: 100% !important;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.el-table>>>.even_row {
|
|
|
+ background-color: #f1f1f1 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__header {
|
|
|
+ background: #3c3c3c !important;
|
|
|
+ padding: 15px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn {
|
|
|
+ top: 19px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__body,
|
|
|
+.dialog_diy>>>.el-dialog__footer {
|
|
|
+ background: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy3>>>.el-dialog__body,
|
|
|
+.dialog_diy3>>>.el-dialog__footer {
|
|
|
+ background: #eee !important;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy3>>>.el-dialog__body {
|
|
|
+ padding: 20px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diyStage>>>.el-dialog__body {
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.source_diy>>>.el-dialog {
|
|
|
+ height: 100% !important;
|
|
|
+ margin: 0 auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+.source_diy>>>.el-dialog__body {
|
|
|
+ height: calc(100% - 185px);
|
|
|
+ overflow: auto;
|
|
|
+ background: #e6eaf0;
|
|
|
+}
|
|
|
+
|
|
|
+.source_diy>>>.el-dialog__footer {
|
|
|
+ background: #e6eaf0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.left {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.pb_content {
|
|
|
+ height: 100% !important;
|
|
|
+ /* margin: 0 20px 0 20px; */
|
|
|
+}
|
|
|
+
|
|
|
+.pb_content_body {
|
|
|
+ width: 100% !important;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.info_solid {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.steps_active {
|
|
|
+ background: #3d67bc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.info_steps span:nth-child(2) {
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.right {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.basic_box {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.info_title {
|
|
|
+ font-size: 1.5em;
|
|
|
+ margin-right: 25px;
|
|
|
+ /* margin: 20px 30px 20px 30px; */
|
|
|
+}
|
|
|
+
|
|
|
+.bInfo_title {
|
|
|
+ text-align: left;
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.small_title {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_beizhu {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_add {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_add_r {
|
|
|
+ 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);
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_add_input {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.line {
|
|
|
+ width: 85%;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-top: 1px solid #e5e5e5;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.info_btnBox {
|
|
|
+ width: calc(100%);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ height: 80px;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-top: 2px solid rgb(228, 232, 237);
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.info_btnBox2 {
|
|
|
+ width: calc(100%);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ height: 20px;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-top: 2px solid rgb(228, 232, 237);
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.info_btnBox3 {
|
|
|
+ width: calc(100%);
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding: 0 20px;
|
|
|
+ height: 60px;
|
|
|
+ align-items: center;
|
|
|
+ background: unset;
|
|
|
+ margin: 0 auto;
|
|
|
+ /* border-top: 1px solid rgb(228, 232, 237); */
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.info_btn+.info_btn {
|
|
|
+ margin-left: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.teacherWord {
|
|
|
+ width: 105px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ line-height: 36px !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ font-size: 14px !important;
|
|
|
+ margin: 10px 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.template_box {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.wordTeacher {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 13px;
|
|
|
+ margin: 0 20px 20px 0;
|
|
|
+ background: #f0f4fa;
|
|
|
+ position: relative;
|
|
|
+ border-radius: 5px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border: 1px solid #cad1dc;
|
|
|
+ color: #0e1e33;
|
|
|
+ /* padding: 25px 0px; */
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.wordTeacher::after {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ right: 10px;
|
|
|
+ top: 10px;
|
|
|
+ background-image: url(../../../assets/icon/new/choose_a.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.wordTeacherA::after {
|
|
|
+ background-image: url(../../../assets/icon/new/choose_b.png);
|
|
|
+}
|
|
|
+
|
|
|
+.wordTeacher:nth-child(5n) {
|
|
|
+ margin-right: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.wordPic {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.deleteWord {
|
|
|
+ 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%;
|
|
|
+}
|
|
|
+
|
|
|
+.info_btn:hover {
|
|
|
+ background-color: #4f7cd5 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cru_selectBox {
|
|
|
+ display: flex;
|
|
|
+ margin: 15px 0;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: auto;
|
|
|
+ position: relative;
|
|
|
+ height: 40px;
|
|
|
+ max-width: calc(100% - 175px);
|
|
|
+}
|
|
|
+
|
|
|
+.cru_selectBox::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 6px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滚动条轨道 内阴影+圆角*/
|
|
|
+.cru_selectBox::-webkit-scrollbar-track {
|
|
|
+ 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);
|
|
|
+}
|
|
|
+
|
|
|
+.cru_line {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ transition: all 0.5s;
|
|
|
+ left: 0px;
|
|
|
+ width: 50px;
|
|
|
+ height: 4px;
|
|
|
+ left: 10px;
|
|
|
+ border-radius: 2px;
|
|
|
+ background: #3681fc;
|
|
|
+}
|
|
|
+
|
|
|
+.cru_select {
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-left: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #0e1e33;
|
|
|
+}
|
|
|
+
|
|
|
+.cru_select:hover {
|
|
|
+ color: #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cru_selected {
|
|
|
+ color: #3681fc !important;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_box {
|
|
|
+ margin-top: 10px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px 20px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_contentbox {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ /* margin-top: 15px; */
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_contentbox .cc_title {
|
|
|
+ margin: 0px;
|
|
|
+ color: black;
|
|
|
+ display: block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-size: 18px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 22px;
|
|
|
+ min-width: fit-content;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_contentbox .cc_title::before {
|
|
|
+ content: "";
|
|
|
+ height: 100%;
|
|
|
+ width: 3px;
|
|
|
+ background: #3681fc;
|
|
|
+ border-radius: 3px;
|
|
|
+ opacity: 1;
|
|
|
+ display: block;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_contentbox .cc_input {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.show_taskD {
|
|
|
+ min-width: fit-content;
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #717c8d;
|
|
|
+}
|
|
|
+
|
|
|
+.show_taskD>img {
|
|
|
+ width: 15px;
|
|
|
+ margin-right: 5px;
|
|
|
+ transition: 0.2s all;
|
|
|
+ transform: rotate(-90deg);
|
|
|
+}
|
|
|
+
|
|
|
+.show_taskD.show>img {
|
|
|
+ transform: rotate(0deg);
|
|
|
+}
|
|
|
+
|
|
|
+.show_toolD {
|
|
|
+ min-width: fit-content;
|
|
|
+ margin-left: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #717c8d;
|
|
|
+ /* position: absolute;
|
|
|
+ right: 45px;
|
|
|
+ top: 5px; */
|
|
|
+}
|
|
|
+
|
|
|
+.show_toolD>img {
|
|
|
+ width: 15px;
|
|
|
+ margin-right: 5px;
|
|
|
+ transition: 0.2s all;
|
|
|
+ transform: rotate(-90deg);
|
|
|
+}
|
|
|
+
|
|
|
+.show_toolD.show>img {
|
|
|
+ transform: rotate(0deg);
|
|
|
+}
|
|
|
+
|
|
|
+.remove {
|
|
|
+ background-image: url("../../../assets/icon/new/delete_u.png");
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 0.5;
|
|
|
+ width: 30px;
|
|
|
+ min-width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.remove1 {
|
|
|
+ background-image: url("../../../assets/remove1.png");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: 5px 10px;
|
|
|
+ width: 40px;
|
|
|
+ height: 50px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_input {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 12px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: none;
|
|
|
+ border: none;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ resize: none;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ min-height: 48px;
|
|
|
+ /* border: 1px solid #3682fc00; */
|
|
|
+ border: 1.5px solid #cad1dc;
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_textarea {
|
|
|
+ border: 1.5px solid #cad1dc;
|
|
|
+ font-size: 16px;
|
|
|
+ resize: none;
|
|
|
+ /* background: #f6f6f6; */
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_input:focus-visible {
|
|
|
+ border: 1.5px solid #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.time {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.icon_add {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_btn_w {
|
|
|
+ font-size: 0.9375rem;
|
|
|
+ font-weight: bold;
|
|
|
+ color: gray;
|
|
|
+ margin-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.disUoloadSty>>>.el-icon-plus {
|
|
|
+ display: none !important;
|
|
|
+ /* 上传按钮隐藏 */
|
|
|
+}
|
|
|
+
|
|
|
+.imgLeft {
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.add_info_box {
|
|
|
+ margin: 0 0 0 auto;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.add_info_box button {
|
|
|
+ margin: 0 5px 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.add_info_box2 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.add_info_box2::after {
|
|
|
+ content: "提示：支持上传10M以内的PPT和Word文件、5M以内的Excel文件， PDF文件不限制大小。";
|
|
|
+ color: red;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.add_chapters_box {
|
|
|
+ text-align: left;
|
|
|
+ background-color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 16px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ padding: 0 15px;
|
|
|
+ height: auto;
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+ border: 1px solid #cad1dc;
|
|
|
+}
|
|
|
+
|
|
|
+.add_chapters_box.add_c_none {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.add_c_none>img {
|
|
|
+ width: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.add_chapters_box.add_c_none>span {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ margin: 0 0 5px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.homework_box {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.course_homework>>>.el-input__inner {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i {
|
|
|
+ background-image: url("../../../assets/icon.png");
|
|
|
+ background-position: 3px -165px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 10px auto 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.course_input_box {
|
|
|
+ display: flex;
|
|
|
+ margin-right: 20px;
|
|
|
+ width: 100%;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.course_input_box>.binfo_input {
|
|
|
+ width: calc(100% - 0 - 200px - 20px);
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.bb_courseIcon {
|
|
|
+ width: 57px;
|
|
|
+ height: 45px;
|
|
|
+ background: #f0f4fa;
|
|
|
+ border-radius: 5px 0px 0px 5px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-right: 1.5px solid rgb(202, 209, 220);
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ left: 1.5px;
|
|
|
+}
|
|
|
+
|
|
|
+.bb_courseIcon>img {
|
|
|
+ width: 25px;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.big_box {
|
|
|
+ /* margin-top: 20px; */
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ /* border-bottom: 1px solid #E0E2ED; */
|
|
|
+}
|
|
|
+
|
|
|
+.left_first {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ width: calc(100% - 310px);
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.right_first {
|
|
|
+ width: 300px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ /* border-left: 1px solid #E0E2ED; */
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 20px;
|
|
|
+ flex-direction: column;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_box {
|
|
|
+ width: 204px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 7px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
|
|
|
+ border-radius: 12px;
|
|
|
+ font-weight: 700;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_content>img {
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_info_title {
|
|
|
+ padding: 15px 0 15px 0;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 0 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_info_title::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 3px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0061ff;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.people {
|
|
|
+ border: 1px solid rgb(229 229 229);
|
|
|
+ /* height: 495px; */
|
|
|
+ height: 350px;
|
|
|
+ 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 10px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.people_nav,
|
|
|
+.people_top_right {
|
|
|
+ /* padding: 20px 0 0 20px; */
|
|
|
+}
|
|
|
+
|
|
|
+.people_top_right {
|
|
|
+ height: 40px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.people_search {
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.people_search>>>.el-input__inner {
|
|
|
+ /* height: 25px; */
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.search_img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+.search_img>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.people_name {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ padding: 20px 10px;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.p_box {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.people_name>>>.el-checkbox {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.people_name>>>.el-checkbox__label {
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ width: calc(100%);
|
|
|
+}
|
|
|
+
|
|
|
+.people_name2>>>.el-checkbox__label {
|
|
|
+ width: calc(100% - 130px);
|
|
|
+}
|
|
|
+
|
|
|
+.inviteCode {
|
|
|
+ position: absolute;
|
|
|
+ right: 30px;
|
|
|
+ color: #237ade;
|
|
|
+ top: 0;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.noneInvite {
|
|
|
+ color: #a8a8a8;
|
|
|
+}
|
|
|
+
|
|
|
+.inviteImg {
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ top: 0;
|
|
|
+ width: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.right_img {
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.right_img>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.number {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.attend_others {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.write_togother {
|
|
|
+ position: absolute;
|
|
|
+ right: 45px;
|
|
|
+ display: flex;
|
|
|
+ top: 5%;
|
|
|
+}
|
|
|
+
|
|
|
+.write_people {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload+.chapter_upload {
|
|
|
+ /* margin-top: 15px; */
|
|
|
+ border-top: 1px solid #e7ebf1;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload {
|
|
|
+ height: 45px;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 45px;
|
|
|
+ /* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
|
|
|
+ /* border-radius: 4px; */
|
|
|
+ /* overflow: hidden; */
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_drag {
|
|
|
+ position: absolute;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ left: -9px;
|
|
|
+ background-image: url("../../../assets/icon/new/icon_course_drag.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ z-index: 10;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage>.chapter_upload_drag {
|
|
|
+ background-image: url("../../../assets/icon/new/icon_course_drag_active2.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_t {
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ height: 100%;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_o {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic {
|
|
|
+ margin: 0 15px 0px auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_l {
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_l div {
|
|
|
+ width: 30px;
|
|
|
+ height: 35px;
|
|
|
+ background: url("../../../assets/icon/icon.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_edit {
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_edit div {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background-image: url("../../../assets/icon/new/edit_u.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_r {
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ic_r div {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background-image: url("../../../assets/icon/new/delete_u.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;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i2,
|
|
|
+.chapter_upload_l_i3,
|
|
|
+.chapter_upload_l_i8,
|
|
|
+.chapter_upload_l_i6,
|
|
|
+.chapter_upload_l_i12,
|
|
|
+.chapter_upload_l_i14,
|
|
|
+.chapter_upload_l_i13 {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i2 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_word.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i3 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_video.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i8 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_url.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i14 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_source.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i6 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_picture.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i12 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_word.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_l_i13 {
|
|
|
+ background-image: url("../../../assets/icon/new/u_img.png");
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_noSee {
|
|
|
+ background-image: url("../../../assets/icon/new/u_noUpload.png");
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ud {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ud>.chapter_upload_up {
|
|
|
+ margin-bottom: 0;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_down,
|
|
|
+.chapter_upload_up {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background: #e4eaf2;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up::after,
|
|
|
+.chapter_upload_down::after {
|
|
|
+ content: "";
|
|
|
+ background-image: url("../../../assets/icon/new/downBtn.png");
|
|
|
+ width: 13px;
|
|
|
+ height: 13px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up::after {
|
|
|
+ background-image: url("../../../assets/icon/new/upBtn.png") !important;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up {
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ud2 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_ud2>.chapter_upload_up2 {
|
|
|
+ margin-bottom: 0;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_down2,
|
|
|
+.chapter_upload_up2 {
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color: #717c8d;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up2 {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up2::before,
|
|
|
+.chapter_upload_down2::before {
|
|
|
+ content: "";
|
|
|
+ background-image: url("../../../assets/icon/new/c_down.png");
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload_up2::before {
|
|
|
+ background-image: url("../../../assets/icon/new/c_up.png") !important;
|
|
|
+}
|
|
|
+
|
|
|
+.addWordStyle {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.cont>>>table td,
|
|
|
+.cont>>>table th {
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ /* padding: 20px 5px; */
|
|
|
+ padding: 5px 10px;
|
|
|
+ max-width: 0px;
|
|
|
+ height: 30px;
|
|
|
+ vertical-align: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.cont>>>table th {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+/* code 样式 */
|
|
|
+.cont>>>code {
|
|
|
+ display: inline-block;
|
|
|
+ /* *display: inline; */
|
|
|
+ zoom: 1;
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ margin: 0 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.cont>>>pre code {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* ul ol 样式 */
|
|
|
+.cont>>>ul,
|
|
|
+ol {
|
|
|
+ margin: 10px 0 10px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.wordbox {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.checkword {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ margin: 10px auto 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.checkword img {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.stepBg {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ width: calc(100%);
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.stepBorder {
|
|
|
+ height: 3px !important;
|
|
|
+ background: #cad1dc;
|
|
|
+ width: 100px !important;
|
|
|
+ margin: 0 15px !important;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.border-active {
|
|
|
+ background: #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.border-active::before,
|
|
|
+.border-active::after {
|
|
|
+ border-color: #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.stepBorder::before,
|
|
|
+.stepBorder::after {
|
|
|
+ content: "";
|
|
|
+ width: 9px;
|
|
|
+ height: 9px;
|
|
|
+ background: #ffffff;
|
|
|
+ opacity: 1;
|
|
|
+ border: 2px solid #acb4bf;
|
|
|
+ display: block;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+.stepBorder::after {
|
|
|
+ right: -9px;
|
|
|
+}
|
|
|
+
|
|
|
+.stepTop {
|
|
|
+ width: 100%;
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ background: #fff;
|
|
|
+ /* top: 18%; */
|
|
|
+ height: 80px;
|
|
|
+ border-bottom: 2px solid rgb(228, 232, 237);
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.stepTop2 {
|
|
|
+ width: 100%;
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ background: #fff;
|
|
|
+ /* top: 18%; */
|
|
|
+ height: 20px;
|
|
|
+ border-bottom: 2px solid rgb(228, 232, 237);
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.stepTop>div img {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.stepTop>div {
|
|
|
+ height: 50px;
|
|
|
+ width: 180px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px 0;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.first,
|
|
|
+.second,
|
|
|
+.third,
|
|
|
+.four {
|
|
|
+ background: #3681fc;
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.firstNo,
|
|
|
+.secondNo,
|
|
|
+.thirdNo,
|
|
|
+.fourNo {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.uploadWidth>>>.el-upload {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.kcImg {
|
|
|
+ width: 60px;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.zyImg {
|
|
|
+ width: 55px;
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.deleteZy {
|
|
|
+ width: 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+ right: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.kcImg>img,
|
|
|
+.zyImg>img,
|
|
|
+.deleteZy>img {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list__item-name {
|
|
|
+ width: 100px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list__item .el-icon-close {
|
|
|
+ font-size: 20px;
|
|
|
+ z-index: 9999;
|
|
|
+}
|
|
|
+
|
|
|
+.addStageImg {
|
|
|
+ min-width: 20px;
|
|
|
+ min-height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.addHW {
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.addStageImg>img,
|
|
|
+.addHW>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.addNewPP>>>.el-dialog__body {
|
|
|
+ padding: 5px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.addNewPP>>>.el-dialog {
|
|
|
+ margin-top: 5vh !important;
|
|
|
+}
|
|
|
+
|
|
|
+.addNewPP2>>>.el-dialog__body {
|
|
|
+ padding: 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.addNewPP2>>>.el-dialog {
|
|
|
+ margin-top: 5vh !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isHeight {
|
|
|
+ height: 680px;
|
|
|
+}
|
|
|
+
|
|
|
+.toolChoose {
|
|
|
+ display: flex;
|
|
|
+ /* width: 100%; */
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.tool,
|
|
|
+.isToolChoose {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ width: fit-content;
|
|
|
+ margin: 10px 0 10px 0;
|
|
|
+ align-items: center;
|
|
|
+ border: 2px solid #dbdbdb00;
|
|
|
+ padding: 10px 20px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ /* box-shadow: 0 0 2px 0px #dedede; */
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.tool:hover {
|
|
|
+ border: 2px solid #a5c7ff;
|
|
|
+}
|
|
|
+
|
|
|
+.tool:hover>.noCTool {
|
|
|
+ display: block;
|
|
|
+ opacity: 0.5;
|
|
|
+}
|
|
|
+
|
|
|
+.isToolChoose {
|
|
|
+ border: 2px solid #438aff !important;
|
|
|
+ box-shadow: 0 0 2px 0px #438aff;
|
|
|
+ opacity: 1 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isCTool,
|
|
|
+.noCTool {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ position: absolute;
|
|
|
+ top: -4px;
|
|
|
+ right: -4px;
|
|
|
+}
|
|
|
+
|
|
|
+.noCTool {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.isCTool>img,
|
|
|
+.noCTool>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.tool+.tool {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.whiteBIcon {
|
|
|
+ width: 80px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.whiteBIcon>img,
|
|
|
+.toolIcon>img,
|
|
|
+.arrow>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.check img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.whiteBIcon>img {
|
|
|
+ box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
|
|
|
+ border-radius: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.whiteBIcon>div:nth-child(2) {
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.check {
|
|
|
+ /* width: 20px;
|
|
|
+ height: 20px; */
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.checkDiv {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.checkDiv span {
|
|
|
+ margin-left: 5px;
|
|
|
+ color: #858585;
|
|
|
+}
|
|
|
+
|
|
|
+.customWidth>>>.el-dialog {
|
|
|
+ min-width: 500px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.a_addBox {
|
|
|
+ margin: 10px 0;
|
|
|
+ background: #fff;
|
|
|
+ padding: 15px;
|
|
|
+ /* max-height: 600px; */
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_box {
|
|
|
+ border-bottom: 2px solid #eee;
|
|
|
+ padding-bottom: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_head {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_checkType {
|
|
|
+ margin-top: 10px;
|
|
|
+ display: flex;
|
|
|
+ font-size: 14px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_checkType span {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0 5px 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_checkType span+span {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_checkType .active {
|
|
|
+ border-bottom: 2px solid #409eff;
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_head .a_add_head_input {
|
|
|
+ /* width: 540px; */
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_head .a_add_head_div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_body {
|
|
|
+ display: flex;
|
|
|
+ /* align-items: center; */
|
|
|
+ align-items: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_input {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_input_choice {
|
|
|
+ flex-direction: column;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_input_choice>>>.el-radio {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ margin: 30px 0 0 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_input_choice>>>.el-checkbox {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ margin: 30px 0 0 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.width100 {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_input .a_add_persent {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_persent_div {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_persent_div span {
|
|
|
+ margin: 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_persent_div span:nth-child(1) {
|
|
|
+ width: 30%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_persent_div span:nth-child(2) {
|
|
|
+ width: 7%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_persent_div span:nth-child(3) {
|
|
|
+ width: 40%;
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_body_div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ /* flex-direction: column; */
|
|
|
+ position: absolute;
|
|
|
+ right: -20px;
|
|
|
+ transform: translateX(100%);
|
|
|
+}
|
|
|
+
|
|
|
+.a_add_body_div>>>.el-button--primary {
|
|
|
+ background: #466b99;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+.all_choose {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: flex-start;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.all_choose+.all_choose {
|
|
|
+ /* margin-top: 10px */
|
|
|
+}
|
|
|
+
|
|
|
+.all_choose>span {
|
|
|
+ min-width: fit-content;
|
|
|
+ display: block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.all_choose>.el-checkbox-group>>>.el-checkbox {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.choose>div:nth-child(3)>span {
|
|
|
+ /* letter-spacing: 0 !important; */
|
|
|
+}
|
|
|
+
|
|
|
+.choose {
|
|
|
+ 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: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.notice>>>.el-dialog {
|
|
|
+ width: 500px !important;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.notice>>>.el-button {
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.whiteBg {
|
|
|
+ /* background: #fff; */
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_content {
|
|
|
+ width: calc(100% - 55% - 100px);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_p_box {
|
|
|
+ max-width: calc(100% - 200px);
|
|
|
+ word-break: break-all;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6e6e6e;
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
+
|
|
|
+.chooseWho {
|
|
|
+ display: flex;
|
|
|
+ width: 410px;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.chooseWho>div {
|
|
|
+ cursor: pointer;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.isChooseActive {
|
|
|
+ color: #3e88f4;
|
|
|
+ border-bottom: 2px solid #2f80f3;
|
|
|
+}
|
|
|
+
|
|
|
+.toolSort {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.toolSort>div {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.tools {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.leftTools,
|
|
|
+.rightTools {
|
|
|
+ width: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.leftTools+.leftTools {
|
|
|
+ border-top: 1px solid #dbdbdb;
|
|
|
+ padding-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.rightTools {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-around;
|
|
|
+}
|
|
|
+
|
|
|
+.firstToolList {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.iconTool {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin: 15px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.toolIcon {
|
|
|
+ width: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.taskBorder {
|
|
|
+ /* border: 1px solid #CAD1DC; */
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ min-height: 670px;
|
|
|
+ position: relative;
|
|
|
+ background: #fff;
|
|
|
+ padding: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.smallTaskBorder {
|
|
|
+ height: 405px;
|
|
|
+ min-height: 405px !important;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/* .taskBorder>div {
|
|
|
+ padding: 30px 30px 10px;
|
|
|
+} */
|
|
|
+
|
|
|
+.addTaskBorder {
|
|
|
+ /* border: 2px solid #5E9AFC; */
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-top: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ /* height: 50px;
|
|
|
+ line-height: 50px; */
|
|
|
+ background: #fff;
|
|
|
+ padding: 15px 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* .addTaskBorder>div {
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.addTaskBorder>div>img {
|
|
|
+ width: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.addTaskBorder>div>span {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 10px;
|
|
|
+ color: #5E9AFC;
|
|
|
+} */
|
|
|
+
|
|
|
+.funBlock {
|
|
|
+ display: flex;
|
|
|
+ padding: 15px 0;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ z-index: 9;
|
|
|
+}
|
|
|
+
|
|
|
+.fold {
|
|
|
+ display: flex;
|
|
|
+ margin: 0 20px;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #2b7bff;
|
|
|
+}
|
|
|
+
|
|
|
+.arrow {
|
|
|
+ margin-right: 8px;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ min-width: 16px;
|
|
|
+ min-height: 16px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ background-image: url(../../../assets/icon/new/u_up.png);
|
|
|
+ /* border-left: 7px solid transparent;
|
|
|
+ border-bottom: 7px solid #717C8D;
|
|
|
+ border-top: 0px solid transparent;
|
|
|
+ border-right: 7px solid transparent; */
|
|
|
+ /* box-sizing: border-box; */
|
|
|
+ transition: all 0.3s;
|
|
|
+}
|
|
|
+
|
|
|
+.arrowZ {
|
|
|
+ transform: rotate(180deg);
|
|
|
+}
|
|
|
+
|
|
|
+.addToolFun {
|
|
|
+ display: flex;
|
|
|
+ width: 150px;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border: 2px dashed #cad1dc;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 50px;
|
|
|
+ margin: 35px auto 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolFun2 {
|
|
|
+ display: flex;
|
|
|
+ width: 150px;
|
|
|
+ border: 2px dashed #cad1dc;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 50px;
|
|
|
+ margin: 0 auto 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolFun2>div,
|
|
|
+.addToolFun>div {
|
|
|
+ display: flex;
|
|
|
+ line-height: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolImg {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolsDia>>>.el-dialog__body {
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolsDia>>>.el-dialog__body>.toolChoose {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools {
|
|
|
+ padding: 0;
|
|
|
+ border-bottom: none;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools>.chooseWho {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.lineCss>>>.el-form-item__label {
|
|
|
+ width: auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+.lineCss>>>.el-form-item__content {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+/* 评价样式 */
|
|
|
+.elist_css {
|
|
|
+ padding-bottom: 75px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_title {
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box+.elist_input_box {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input .elist_input_box input {
|
|
|
+ font: inherit;
|
|
|
+ color: currentColor;
|
|
|
+ width: 100%;
|
|
|
+ /* max-width: calc(100% - 385px); */
|
|
|
+ max-width: calc(100% - 150px);
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input .elist_input_box .remove {
|
|
|
+ height: 20px;
|
|
|
+ width: 20px;
|
|
|
+ min-height: 20px;
|
|
|
+ min-width: 20px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-position: unset;
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box>>>.el-rate {
|
|
|
+ display: flex;
|
|
|
+ height: 36px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box .elist_inptu_text {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box .elist_inptu_text input {
|
|
|
+ /* width: 500px; */
|
|
|
+ width: 100%;
|
|
|
+ max-width: unset;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_input_box>>>.el-rate__icon {
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.elist_btn {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.lineTitle {
|
|
|
+ /* margin-top: 15px; */
|
|
|
+ width: 110px;
|
|
|
+ font-size: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.lineTitle::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 3px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0061ff;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.clineTitle::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ min-width: 10px;
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ background: #0061ff;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.courseTop {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.stepsNav {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.stepBox {
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ height: calc(100% - 50px);
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.rightBox {
|
|
|
+ width: calc(100%);
|
|
|
+ background: #f0f2f5;
|
|
|
+ /* border-radius: 10px; */
|
|
|
+ overflow: auto;
|
|
|
+ height: calc(100% - 150px);
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ background: #fff;
|
|
|
+ position: absolute;
|
|
|
+ right: 20px;
|
|
|
+ height: 50px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title2 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title2 span {
|
|
|
+ width: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #b8b8b8;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title span {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title .el_input {
|
|
|
+ width: 300px;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_title>>>.el-input__inner {
|
|
|
+ width: 400px;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_btn {}
|
|
|
+
|
|
|
+.e_add_content {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_title span {
|
|
|
+ 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%);
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_body {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_child span {
|
|
|
+ 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%);
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_child+.e_add_list_child {
|
|
|
+ border-top: 1px solid #eaeaea;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_child .active {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_detail textarea {
|
|
|
+ height: 90%;
|
|
|
+ width: 95%;
|
|
|
+ border: none;
|
|
|
+ resize: none;
|
|
|
+ outline: none;
|
|
|
+ padding: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_list_pbox {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.type_title {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+.type_content {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.type_content span+span {
|
|
|
+ margin-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.type_content span {
|
|
|
+ cursor: pointer;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.type_content .active {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.mbCss {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_box {
|
|
|
+ /* display: flex; */
|
|
|
+ flex-wrap: wrap;
|
|
|
+ max-height: 500px;
|
|
|
+ align-items: flex-start;
|
|
|
+ overflow: auto;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_card_picture {
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.e_card_picture>img {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.e_card_time {
|
|
|
+ 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);
|
|
|
+}
|
|
|
+
|
|
|
+.e_card_btn:hover {
|
|
|
+ background: rgb(221 221 221);
|
|
|
+}
|
|
|
+
|
|
|
+.e_card_btn span {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.addEva>img {
|
|
|
+ width: 50px;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.uploadFm {
|
|
|
+ border: 1px dashed #ccc;
|
|
|
+ width: 100%;
|
|
|
+ height: 140px;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6e6e6e;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.cover_p {
|
|
|
+ width: 100% !important;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.uploadFm2:hover .cover_mask {
|
|
|
+ display: flex !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cover_mask {
|
|
|
+ display: none;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ background: #00000054;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.cover_mask>img {
|
|
|
+ width: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.cover_mask>span {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.uploadFm>img {
|
|
|
+ width: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.fileCss {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ padding-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.fileCss>div {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.fileCss .spanName {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.sysPicBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-content: flex-start;
|
|
|
+ height: 435px;
|
|
|
+ overflow: auto;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.picNone {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 45%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ width: fit-content;
|
|
|
+ color: #9c9c9c;
|
|
|
+}
|
|
|
+
|
|
|
+.sysPic {
|
|
|
+ width: 200px;
|
|
|
+ height: 115px;
|
|
|
+ margin: 0 20px 20px 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.sysPic>img,
|
|
|
+.isSysPic>img,
|
|
|
+.deletePic>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.isSysPic {
|
|
|
+ width: 200px;
|
|
|
+ height: 115px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.deletePic {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box1 {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box1_img {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box1_title span:nth-child(1) {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box1_title span:nth-child(2) {
|
|
|
+ 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;
|
|
|
+ height: calc(100% - 200px);
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2 {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2_title {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2_box {
|
|
|
+ display: flex;
|
|
|
+ height: calc(100% - 30px);
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2_img {
|
|
|
+ width: calc(100% - 310px);
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2_img img {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.select_box2_answer_box {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.select_answer_title {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+ position: relative;
|
|
|
+ color: #6c6c6c;
|
|
|
+}
|
|
|
+
|
|
|
+.progressBox>>>.el-progress-bar__outer {
|
|
|
+ background-color: #d1dfff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.progressBox .lbox {
|
|
|
+ height: 50px;
|
|
|
+ font-size: 19px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #747474;
|
|
|
+}
|
|
|
+
|
|
|
+.progressBox .lbox img {
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.closeCss {
|
|
|
+ position: absolute;
|
|
|
+ top: 8px;
|
|
|
+ right: 8px;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.closeCss>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.updateTips::before {
|
|
|
+ content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ff3a3a;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.updateMask {
|
|
|
+ width: 100%;
|
|
|
+ z-index: 3;
|
|
|
+ top: 0;
|
|
|
+ position: absolute;
|
|
|
+ /* background-color: rgba(0,0,0,.3); */
|
|
|
+}
|
|
|
+
|
|
|
+.t_j_box {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.t_j_box span:nth-child(1) {
|
|
|
+ width: 15%;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 10px;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.t_j_box span:nth-child(2) {
|
|
|
+ width: 30%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.t_j_box span:nth-child(3) {
|
|
|
+ max-width: calc(55% - 20px);
|
|
|
+ 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%;
|
|
|
+}
|
|
|
+
|
|
|
+.sentenBox>.sentenContent {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ width: 97%;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.sentenBox>.sentenContent+.sentenContent {
|
|
|
+ border-top: 1px solid #cbcbcb;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.sentenTop {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.sentenTop::before {
|
|
|
+ content: attr(index);
|
|
|
+ background: #3681fc;
|
|
|
+ border-radius: 50%;
|
|
|
+ color: #fff;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ min-width: 25px;
|
|
|
+ min-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 25px;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.sentenTop>div:nth-child(2) {
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.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;
|
|
|
+}
|
|
|
+
|
|
|
+.rightCardList {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.cardBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ align-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.isCard,
|
|
|
+.isCard1 {
|
|
|
+ width: auto;
|
|
|
+ padding: 0 20px;
|
|
|
+ height: 65px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 65px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ background-image: url("../../../assets/icon/conSentences/titleBorder.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
+}
|
|
|
+
|
|
|
+.isCard1 {
|
|
|
+ background-image: url("../../../assets/icon/conSentences/answerBorder.png");
|
|
|
+}
|
|
|
+
|
|
|
+.isCard:hover .deleteWord {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.isCard>div:nth-child(1),
|
|
|
+.isCard1>div:nth-child(1) {
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.card {
|
|
|
+ width: 140px;
|
|
|
+ height: 65px;
|
|
|
+}
|
|
|
+
|
|
|
+.card>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.rightCardBox {
|
|
|
+ width: 98%;
|
|
|
+ margin: 10px auto 0;
|
|
|
+}
|
|
|
+
|
|
|
+.rightCardBox>div:nth-child(1) {
|
|
|
+ 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; */
|
|
|
+}
|
|
|
+
|
|
|
+.cardCss>div:nth-child(2) {
|
|
|
+ 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%;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_ai_box,
|
|
|
+.stepsBottom {
|
|
|
+ width: 100%;
|
|
|
+ /* box-shadow: 0 0 10px 10px #f7f7f7; */
|
|
|
+ /* background: #f7f7f7; */
|
|
|
+ border-radius: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ /* height: 100%; */
|
|
|
+ height: calc(100% - 55px);
|
|
|
+}
|
|
|
+
|
|
|
+.navTop {
|
|
|
+ background: #53749b;
|
|
|
+ color: #fff;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding-left: 15px;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.navBottom {
|
|
|
+ /* background: #6b91b7; */
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px 10px 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ background: #ffffff;
|
|
|
+ width: 95%;
|
|
|
+ margin: 5px auto 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 5px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage:hover>.chapter_upload_drag {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.navTask:hover>.chapter_upload_drag {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.chapter_upload:hover>.chapter_upload_drag {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ background-image: url(../../../assets/icon/new/icon_stage.png);
|
|
|
+ background-size: 100%;
|
|
|
+ margin-left: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage .chapter_unit_open {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ background-image: url(../../../assets/icon/new/down.png);
|
|
|
+ transform: rotate(-90deg);
|
|
|
+ background-size: 100%;
|
|
|
+ margin-left: 10px;
|
|
|
+ transition: all 0.5s;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStageOpen .chapter_unit_open {
|
|
|
+ transform: rotate(0deg);
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage {
|
|
|
+ background: #0061ff;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage::before {
|
|
|
+ background-image: url(../../../assets/icon/new/icon_stage_a.png);
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage .chapter_unit_open {
|
|
|
+ background-image: url(../../../assets/icon/new/downC.png);
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage .nt_taskName {
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #ffffff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavStage .nt_taskTitle {
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage .nt_taskBox {
|
|
|
+ width: calc(100% - 68px);
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage .nt_taskTitle {
|
|
|
+ color: #060e17;
|
|
|
+ line-height: 25px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.navStage .nt_taskName {
|
|
|
+ max-width: calc(100% - 82px);
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #060e17;
|
|
|
+}
|
|
|
+
|
|
|
+.navTask {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px 10px 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ background: #ffffff;
|
|
|
+ width: 95%;
|
|
|
+ margin: 5px auto 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 5px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.navTask .chapter_upload_open {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ background-image: url(../../../assets/icon/new/icon_arrow.png);
|
|
|
+ background-size: 100%;
|
|
|
+ margin-left: 23px;
|
|
|
+}
|
|
|
+
|
|
|
+.noImage .chapter_upload_open {
|
|
|
+ display: none;
|
|
|
+ background-image: unset !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavOpen .chapter_upload_open {
|
|
|
+ /* background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important; */
|
|
|
+ transform: rotate(90deg);
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask .chapter_upload_open {
|
|
|
+ background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important;
|
|
|
+ transform: rotate(-90deg);
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask.isNavOpen .chapter_upload_open {
|
|
|
+ transform: rotate(0deg);
|
|
|
+}
|
|
|
+
|
|
|
+.dragOverTop {
|
|
|
+ border-top: 2px solid #0061ff !important;
|
|
|
+ border-radius: 0 !important;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.dragOverBottom {
|
|
|
+ border-bottom: 2px solid #0061ff !important;
|
|
|
+ border-radius: 0 !important;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.dragOverTop2 {
|
|
|
+ border-top: 2px solid #0061ff !important;
|
|
|
+ border-radius: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.dragOverBottom2 {
|
|
|
+ border-bottom: 2px solid #0061ff !important;
|
|
|
+ border-radius: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask {
|
|
|
+ /* background: #3681FC; */
|
|
|
+ background: #eef3fb;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask>.chapter_upload_drag {
|
|
|
+ background-image: url(../../../assets/icon/new/icon_course_drag_active.png) !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask .nt_taskName {
|
|
|
+ /* color: #fff !important; */
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #0061ff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.isNavTask .nt_taskTitle {
|
|
|
+ /* color: #AECCFE !important; */
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #0061ff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.navTask .nt_taskBox {
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.navTask .nt_taskTitle {
|
|
|
+ /* color: #717C8D; */
|
|
|
+ color: #060e17;
|
|
|
+ line-height: 25px;
|
|
|
+ font-size: 16px;
|
|
|
+ /* min-width: 66px; */
|
|
|
+}
|
|
|
+
|
|
|
+.navTask .nt_taskName {
|
|
|
+ /* color: #fff; */
|
|
|
+ /* max-width: 130px; */
|
|
|
+ /* width: 100%; */
|
|
|
+ max-width: calc(100% - 66px);
|
|
|
+ font-size: 16px;
|
|
|
+ color: #060e17;
|
|
|
+ /* color: #0E1E33; */
|
|
|
+}
|
|
|
+
|
|
|
+.navTask .nt_taskName span {
|
|
|
+ width: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.gjBox {
|
|
|
+ width: calc(100% - 25px);
|
|
|
+ padding: 0 0 0 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-left: 1px solid #cad1dc;
|
|
|
+ margin-left: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.gjBox>div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.gjBox>div::before {
|
|
|
+ content: "";
|
|
|
+ height: 1px;
|
|
|
+ width: 10px;
|
|
|
+ background: #cad1dc;
|
|
|
+ display: block;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.gjCss {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.isGjCss {
|
|
|
+ color: #0061ff;
|
|
|
+}
|
|
|
+
|
|
|
+.groupBox {}
|
|
|
+
|
|
|
+.groupContent+.groupContent {
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.groupTitle {
|
|
|
+ font-size: 24px;
|
|
|
+ color: rgb(80, 80, 80);
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.groupName {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.groupn {
|
|
|
+ font-size: 15px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.groupName+.groupName {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.groupBtn {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.radioBox>div {
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.radioBox>>>.el-radio__input,
|
|
|
+.radioBox>>>.el-checkbox__inner {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.radioBox>>>.el-radio__label,
|
|
|
+.radioBox>>>.el-checkbox__label {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.inImg {
|
|
|
+ width: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.inImg>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list--picture .el-upload-list__item {
|
|
|
+ height: auto;
|
|
|
+ padding: 10px;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
|
|
|
+ width: 100%;
|
|
|
+ height: 120px;
|
|
|
+ object-fit: contain;
|
|
|
+ background: unset;
|
|
|
+ margin-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss>>>.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.tcMember+.tcMember::before {
|
|
|
+ content: "、";
|
|
|
+}
|
|
|
+
|
|
|
+.xzUpImg {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ min-width: 25px;
|
|
|
+ min-height: 25px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.xzUpImg>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.closeCss {
|
|
|
+ position: absolute;
|
|
|
+ top: 8px;
|
|
|
+ right: 8px;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.closeCss>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.moveBtn {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ width: 55px;
|
|
|
+}
|
|
|
+
|
|
|
+.timuUpImg {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.timuUpImg>div:nth-child(1) {
|
|
|
+ margin-right: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.timuImgBox {
|
|
|
+ margin: 10px 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.timuImg {
|
|
|
+ width: 100px;
|
|
|
+ margin: 5px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.timuImg:hover .deleteWord {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.deleteWord {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ position: absolute;
|
|
|
+ right: -5px;
|
|
|
+ top: -5px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.timuImg>img,
|
|
|
+.deleteWord>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.e_add_delete {
|
|
|
+ cursor: pointer;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.pType_box {
|
|
|
+ margin-top: 30px;
|
|
|
+ align-items: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.noneBox {
|
|
|
+ height: 200px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ /* margin-top: 150px; */
|
|
|
+}
|
|
|
+
|
|
|
+.noneBox>img {
|
|
|
+ width: 95px;
|
|
|
+}
|
|
|
+
|
|
|
+.noneBox>span {
|
|
|
+ margin-top: 10px;
|
|
|
+ color: #717c8d;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_box {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ /* padding: 20px; */
|
|
|
+ box-sizing: border-box;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_box_left {
|
|
|
+ height: 100%;
|
|
|
+ background: #fff;
|
|
|
+ width: 270px;
|
|
|
+ min-width: 270px;
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_box_right {
|
|
|
+ height: 100%;
|
|
|
+ width: calc(100%);
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_box_btn {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ height: 50px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_box_right>.basic_box {
|
|
|
+ /* background: #fff; */
|
|
|
+ border-radius: 0;
|
|
|
+ height: calc(100% - 0px);
|
|
|
+ overflow: auto;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.textarea_css {
|
|
|
+ display: block;
|
|
|
+ resize: none;
|
|
|
+ padding: 10px 15px;
|
|
|
+ line-height: 1.5;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ background-color: #fff;
|
|
|
+ background-image: none;
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
+ border-radius: 4px;
|
|
|
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
+ outline: none;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 46px;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+}
|
|
|
+
|
|
|
+.textarea_css::-webkit-input-placeholder {
|
|
|
+ color: #c0c4cc;
|
|
|
+}
|
|
|
+
|
|
|
+.textarea_css:focus {
|
|
|
+ border-color: #409eff;
|
|
|
+ outline: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.addEditor>>>.text {
|
|
|
+ height: auto;
|
|
|
+ min-height: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.addEditor>>>.w-e-text-container {
|
|
|
+ min-height: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.moveBtn2 {
|
|
|
+ flex-direction: column;
|
|
|
+ width: fit-content;
|
|
|
+ margin: 0 10px 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.moveBtn2 .chapter_upload_down,
|
|
|
+.moveBtn2 .chapter_upload_up {
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.moveBtn2 .chapter_upload_up::after,
|
|
|
+.moveBtn2 .chapter_upload_down::after {
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.fullStyle>>>.el-dialog__body {
|
|
|
+ height: calc(100% - 125px) !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.fullStyle1>>>.el-dialog__body {
|
|
|
+ height: auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+.fullStyle>>>.el-dialog {
|
|
|
+ width: 100% !important;
|
|
|
+ max-width: 100% !important;
|
|
|
+ height: 100% !important;
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.fullStyle {
|
|
|
+ width: 100% !important;
|
|
|
+ max-width: 100% !important;
|
|
|
+ height: 100% !important;
|
|
|
+ margin: 0 auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn {
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ border: 1.5px solid #cad1dc;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn:hover {
|
|
|
+ border: 1.5px solid #0061ff;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_title {
|
|
|
+ background: #f0f4fa;
|
|
|
+ height: 100%;
|
|
|
+ line-height: 40px;
|
|
|
+ width: 90px;
|
|
|
+ text-align: center;
|
|
|
+ color: #060e17;
|
|
|
+ border-right: 1.5px solid #cad1dc;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn_c {
|
|
|
+ width: calc(100% - 90px);
|
|
|
+ padding: 0 35px 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_span {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-wrap: break-word;
|
|
|
+ color: #717c8d;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_arrow {
|
|
|
+ content: "";
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url(../../../assets/icon/new/u_arrow.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ position: absolute;
|
|
|
+ right: 12px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+.check_classBox {
|
|
|
+ height: 400px;
|
|
|
+ display: flex;
|
|
|
+ border-top: 1.5px solid #e7ebf1;
|
|
|
+ border-bottom: 1.5px solid #e7ebf1;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class_right {
|
|
|
+ width: 130px;
|
|
|
+ border-right: 1px solid #e7ebf1;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 15px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class {
|
|
|
+ width: 85%;
|
|
|
+ border-radius: 5px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ cursor: pointer;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class.activeX {
|
|
|
+ background: #e0eafb;
|
|
|
+ color: #3681fc;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class+.check_class {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class_left {
|
|
|
+ background: #fafafa;
|
|
|
+ width: calc(100% - 130px);
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class_all_box {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.all_check {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 2px 0 0;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.all_check>>>.el-checkbox__label {
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class_left_title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+.check_class_item {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ height: calc(100% - 45px);
|
|
|
+ overflow: auto;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: flex-start;
|
|
|
+ align-content: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.class_item:first-child {
|
|
|
+ /* margin: 0 15px 15px 67px; */
|
|
|
+}
|
|
|
+
|
|
|
+.class_item {
|
|
|
+ margin: 0 15px 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.class_item:hover>>>.el-checkbox__label {
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.class_item>>>.el-checkbox__label {
|
|
|
+ color: #0e1e33;
|
|
|
+}
|
|
|
+
|
|
|
+.class_item:hover>>>.el-checkbox__inner {
|
|
|
+ border-color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.class_item>>>.el-checkbox,
|
|
|
+.class_item>>>.el-checkbox__input {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.taskTitle {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+.taskTitle:after {
|
|
|
+ content: "";
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ background: #cad1dc;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ margin: 15px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.eva_btn_box {
|
|
|
+ margin: 20px 0px 0 0;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.eva_btn_left_box {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.addTypeChoose {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.addTypeBox {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.addTypeChoose {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.buchong_box {
|
|
|
+ background: #E0EAFB66;
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ min-height: 50px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.outline {
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.task_outline {
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.outline_box+.outline_box {
|
|
|
+ margin: 30px 0 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.outline_task {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.outline_task .title {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ min-width: 80px;
|
|
|
+}
|
|
|
+
|
|
|
+.op_task_box,
|
|
|
+.op_tool_box,
|
|
|
+.outline_detail {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.op_task_box:hover .op_box,
|
|
|
+.op_tool_box:hover .op_box,
|
|
|
+.outline_detail:hover .op_box {
|
|
|
+ display: flex
|
|
|
+}
|
|
|
+
|
|
|
+.op_box {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 10px;
|
|
|
+ display: none;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+.op_box .op_remark {
|
|
|
+ color: #8E8E8E;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_nav {
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ margin: 15px auto 0;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_nav span {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_nav span+span {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.rb_c_nav span.active {
|
|
|
+ color: #0061FF
|
|
|
+}
|
|
|
+</style>
|
SanHQin
