@focus-teach/ui 1.0.0

package/.history/packages/question-drawer/src/index_20230615100957.vue

@@ -0,0 +1,1730 @@
+<!--右侧题目题库抽屉-->
+<template>
+  <div class="question-drawer">
+    <ft-drawer>
+      <ft-tabs
+        :options="
+          examPointEnableFlag == 1 && examPointList && examPointList.length > 0
+            ? tabListWithPoint
+            : tabList
+        "
+        :activeName="activeTab"
+        @click="tabClick"
+      ></ft-tabs>
+      <div class="cascader course" v-show="activeTab == 'course'">
+        <ft-cascader
+          :options="materialsGradesList"
+          :value.sync="currentMaterials"
+          @change="changeMaterials"
+        ></ft-cascader>
+        <ft-cascader
+          :options="courseCascaderList"
+          :value.sync="currentCourse"
+          :props="{
+            value: 'courseId',
+            label: 'courseName',
+            children: 'courses',
+            checkStrictly: true,
+          }"
+          placeholder="请选择章节"
+          ref="course"
+          selfRef="courseCascader"
+          @change="changeCourse"
+        ></ft-cascader>
+      </div>
+      <div class="cascader knowledge" v-show="activeTab == 'knowledge'">
+        <el-popover
+          ref="knowledgePopover"
+          style="padding: 0; margin-top: 40px"
+          placement="bottom-start"
+          width="492"
+          trigger="click"
+          v-model="knowledgeVisible"
+          popper-class="knowledge-popover"
+        >
+          <div class="knowledge-popover">
+            <el-input
+              v-model="filterText"
+              placeholder="搜索知识点"
+              clearable
+              size="small"
+              style="width: calc(100% - 20px); margin: 5px 10px"
+            ></el-input>
+            <div class="catalog-tool">
+              <el-switch
+                class="self-switch"
+                v-model="switchValue"
+                active-color="#E2E2E2"
+                inactive-color="#E2E2E2"
+                :active-text="i18n.duoXuan"
+                :inactive-text="i18n.danXuan"
+              >
+              </el-switch>
+              <div class="tool-btn-tab" v-show="switchValue">
+                <div
+                  :class="[
+                    'knowledge-btn',
+                    knowledgeType == 0
+                      ? 'knowledge-btn-select'
+                      : 'knowledge-btn-normal',
+                  ]"
+                  @click="choiseKnowledgeType(0)"
+                >
+                  {{ i18n.zhiShiDianJiaoJi }}
+                </div>
+                <div
+                  :class="[
+                    'knowledge-btn',
+                    knowledgeType == 1
+                      ? 'knowledge-btn-select'
+                      : 'knowledge-btn-normal',
+                  ]"
+                  @click="choiseKnowledgeType(1)"
+                >
+                  {{ i18n.zhiShiDianBingJi }}
+                </div>
+              </div>
+            </div>
+            <el-tree
+              class="self-tree"
+              :data="klList"
+              :show-checkbox="switchValue"
+              :props="{
+                label: 'klname',
+                children: 'knowledgeDtoList',
+              }"
+              :empty-text="i18n.zanWuShuJu"
+              node-key="klId"
+              ref="secondTree"
+              highlight-current
+              :filter-node-method="knowledgeFilterNode"
+              @node-click="clickKnowledgeNode"
+              @check="checkKnowledgeNode"
+            >
+              <span class="span-ellipsis" slot-scope="{ node }">
+                <span :title="node.label">{{ decode(node.label) }}</span>
+              </span>
+            </el-tree>
+            <div class="tool-btn" v-show="switchValue">
+              <div class="btn-title">
+                {{ i18n.yiXuanZeZhiShiDian
+                }}<span class="btn-count">{{ klArr.length }}</span>
+              </div>
+              <div
+                :class="[
+                  'btn',
+                  klArr.length > 0 && klArr.length <= 100
+                    ? 'btn-sure'
+                    : 'btn-disable',
+                ]"
+                @click="toQueryWithKnowledges"
+              >
+                {{ i18n.queDing }}
+              </div>
+              <div
+                :class="['btn', klArr.length > 0 ? 'btn-clear' : 'btn-disable']"
+                @click="clearKnowledges"
+              >
+                {{ i18n.qingKong }}
+              </div>
+            </div>
+            <toast
+              style="
+                position: fixed;
+                top: 300px;
+                right: 120px;
+                width: 278px;
+                z-index: 10000;
+              "
+              :toastOptions="toastOptions"
+            ></toast>
+          </div>
+        </el-popover>
+        <div class="knowledge-back">
+          <div v-popover:knowledgePopover class="knowledge-back-pop">
+            <el-tooltip
+              :class="
+                knowledgeName.length > 0 ? 'item' : 'knowledge-title-item'
+              "
+              style="margin-top: 0"
+              effect="dark"
+              :disabled="isShowTooltip"
+              :content="allKnowledgeName"
+              placement="bottom"
+            >
+              <input
+                :class="[
+                  'knowledge-input',
+                  knowledgeVisible
+                    ? 'knowledge-input-show'
+                    : 'knowledge-input-normal',
+                  knowledgeName.length > 0 ? 'knowledge-input-value' : '',
+                ]"
+                type="button"
+                :value="
+                  knowledgeName.length > 0
+                    ? knowledgeName
+                    : knowledgePlaceholder
+                "
+              />
+            </el-tooltip>
+            <i
+              :class="
+                knowledgeVisible ? 'icon-drop-up-btn' : 'icon-drop-down-btn'
+              "
+            ></i>
+          </div>
+        </div>
+      </div>
+      <div class="cascader point" v-show="activeTab == 'point'">
+        <ft-cascader
+          :options="pointData"
+          :value.sync="currentPointId"
+          @change="handlePointChange"
+          :props="{
+            value: 'pointId',
+            label: 'pointName',
+            children: 'subExamPointDto',
+            checkStrictly: true,
+          }"
+        >
+        </ft-cascader>
+      </div>
+      <div class="screen">
+        <ft-radio
+          v-show="itemBankTypeList.length"
+          :label="i18n.laiYuan"
+          :options="itemBankTypeList"
+          :defaultValue="indexParam.itemBankType"
+          :props="{
+            label: 'itemBankTypeName',
+            id: 'itemBankType',
+          }"
+          @radio-click="sourceClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="topicList.length && defaultCategoryType != 4"
+          :label="i18n.zhuanTi"
+          :options="topicList"
+          :defaultValue="indexParam.topicId ? indexParam.topicId : 'all'"
+          :props="{
+            label: 'topicName',
+            id: 'topicId',
+          }"
+          @radio-click="topicClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="itemCategoryList.length"
+          :label="i18n.tiXing"
+          :options="itemCategoryList"
+          :defaultValue="
+            indexParam.itemCategoryId ? indexParam.itemCategoryId : 'all'
+          "
+          :props="{
+            label: 'itemCategoryName',
+            id: 'itemCategoryId',
+          }"
+          @radio-click="categoryClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="difficultyList.length"
+          :label="i18n.nanDu"
+          :options="difficultyList"
+          :defaultValue="
+            indexParam.difficultyId ? indexParam.difficultyId : 'all'
+          "
+          :props="{
+            label: 'difficultyName',
+            id: 'difficultyId',
+          }"
+          @radio-click="difficultyClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="basicSkillsList.length"
+          :label="i18n.jiNeng"
+          :options="basicSkillsList"
+          :defaultValue="
+            indexParam.basicSkillsId ? indexParam.basicSkillsId : 'all'
+          "
+          :props="{
+            label: 'basicName',
+            id: 'basicSkillsId',
+          }"
+          @radio-click="basicSkillClick"
+        ></ft-radio>
+        <ft-radio
+          v-if="coreLiteracyFlag && coreLiteracyList.length"
+          label="素养"
+          :options="coreLiteracyList"
+          :defaultValue="indexParam.literacyId ? indexParam.literacyId : 'all'"
+          :props="{
+            label: 'literacyName',
+            id: 'literacyId',
+          }"
+          @radio-click="coreLiteracyClick"
+          :isHtml="true"
+          :collapse="true"
+        ></ft-radio>
+        <ft-radio
+          v-show="yearList.length && defaultCategoryType != 4"
+          :label="i18n.nianFen"
+          :options="yearList"
+          :defaultValue="indexParam.year ? indexParam.year : 'all'"
+          @radio-click="yearClick"
+        ></ft-radio>
+        <!-- <ft-radio
+          v-show="coreLiteracyList.length"
+          label="核心素养"
+          :options="coreLiteracyList"
+          :defaultValue="indexParam.year ? indexParam.year : 'all'"
+          @radio-click="yearClick"
+        ></ft-radio> -->
+      </div>
+      <div
+        class="question"
+        id="tk-detail-drawer-slot-id"
+        v-infinite-scroll="changeCurrentPage"
+        :infinite-scroll-disabled="!hasMore"
+        infinite-scroll-distance="40"
+      >
+        <ft-header
+          :options="sortList"
+          @sort="headerSort"
+          default-sort="updateTime"
+          v-show="itemInfoList.length"
+        >
+          {{ i18n.gong }}{{ itemInfoList.length }}{{ i18n.daoTiMu }}
+        </ft-header>
+        <div id="bankData-drawer-slot-id">
+          <ft-question
+            v-show=" !loadingBankData && !loadingError && itemInfoList.length > 0 "
+            v-for="(item, index) in itemInfoList"
+            :key="item.itemInfoId"
+            :itemInfo="item"
+            :itemIndex="index + 1"
+            :examItemList="itemList"
+            :variantList="itemList"
+            :pointNames="item.pointNames || '--'"
+            :klNames="item.klNames || '--'"
+            :skill="item.basicSkillNames || '--'"
+            :answer="item.answer || '--'"
+            :analysis="item.analysis || '--'"
+            :itemCategoryName="item.itemCategoryName"
+            :topicName="item.topicName"
+            :difficultyId="item.difficultyId"
+            :difficultyName="item.difficultyName"
+            :audioFileId="item.audioFileId"
+            :itemFromType="item.itemFromType"
+            :content="item.content"
+            :updateTime="item.updateTime"
+            :referenceCount="item.referenceCount"
+            :itemInfoId="item.itemInfoId"
+            :provinceId="item.provinceId"
+            :provinceName="item.provinceName"
+            :areaId="item.areaId"
+            :districtId="item.districtId"
+            :areaName="item.areaName"
+            :districtName="item.districtName"
+            :year="item.year"
+            :rootItemInfoId="item.rootItemInfoId"
+            :itemSourceType="item.itemSourceType"
+            @showAnswer="getAnswer"
+            @getContent="getContent"
+            @choiceOrRemoveQuestion="choiceOrRemoveQuestion"
+            @toShowAudio="toShowAudio"
+            :fromType="fromType"
+          ></ft-question>
+        </div>
+        <ft-empty v-show="!loadingBankData && !loadingError && itemInfoList.length == 0" :message="i18n.zanWuTiMu">
+          <img
+            class="empty-img"
+            :src="host + '/assets/prepare-course/list/img/empty.fcdd9ba5.png'"
+            alt=""
+          />
+        </ft-empty>
+        <ft-error v-show="!loadingBankData && loadingError"  @retry="clickRetryBtn">
+          <img
+            class="error-img"
+            :src="host + '/assets/prepare-course/list/img/error.7e494464.png'"
+            alt=""
+          />
+        </ft-error>
+        <div v-show="loadingBankData" class="loading"></div>
+      </div>
+      <div class="page-contro" v-show="itemInfoList.length > 0">
+        {{
+          drawerPageError
+            ? this.i18n.jiaZaiShiBai
+            : loading
+            ? this.i18n.jiaZaiZhong
+            : hasMore
+            ? ""
+            : this.i18n.jiaZaiWanBi
+        }}
+      </div>
+    </ft-drawer>
+  </div>
+</template>
+  
+<script>
+import {
+  Tabs,
+  TabPane,
+  Cascader,
+  Popover,
+  Tooltip,
+  Loading,
+  Tree,
+  Input,
+} from "element-ui";
+import FtTabs from "../../tabs/index";
+import FtCascader from "../../cascader/index";
+import FtQuestion from "../../question/index";
+import FtHeader from "../../header/index";
+import FtRadio from "../../radio/index";
+import FtDrawer from "../../drawer/index";
+import FtEmpty from "../../empty/index";
+import FtError from "../../error/index";
+import {
+  getBankIndex,
+  getBankData,
+  getMaterialsGrades,
+  getKnowledge,
+  getEditorCourse,
+  getTopic,
+  getKldftNecessary,
+  getQuestion,
+  getAnswer,
+} from "../../../api/index";
+import { decodeEntities } from "../../../utils/common";
+import Toast from "./Toast";
+import infiniteScroll from "vue-infinite-scroll";
+export default {
+  name: "FtQuestionDrawer",
+  // import引入的组件需要注入到对象中才能使用
+  components: {
+    Toast,
+    [Tabs.name]: Tabs,
+    [TabPane.name]: TabPane,
+    [Cascader.name]: Cascader,
+    [Popover.name]: Popover,
+    [Tooltip.name]: Tooltip,
+    [Tree.name]: Tree,
+    [Input.name]: Input,
+    FtTabs,
+    FtCascader,
+    FtQuestion,
+    FtHeader,
+    FtRadio,
+    FtDrawer,
+    FtError,
+    FtEmpty,
+  },
+  directives: { infiniteScroll },
+  props: {
+    itemList: {
+      type: Array,
+      default: () => [],
+    },
+    leftInfo: {
+      type: Object,
+      default: () => {
+        return {
+          eduLevelId: "",
+          subjectId: "",
+          courseSrc: "",
+          courseId: "",
+        };
+      },
+    },
+    fromType: {
+      type: String,
+      default: "",
+    },
+    klidsList: {
+      type: String,
+      default: "",
+    },
+    i18n: {
+      type: Object,
+    },
+  },
+  data() {
+    return {
+      host: window.location.origin,
+      currentPointId: [],
+      pointData: [],
+      filterText: "",
+      activeTab: "course",
+      tabList: [
+        {
+          id: "course",
+          label: this.i18n.anTongBuKeCheng,
+        },
+        {
+          id: "knowledge",
+          label: this.i18n.anZhiShiDian,
+        },
+      ],
+      tabListWithPoint: [
+        {
+          id: "course",
+          label: this.i18n.anTongBuKeCheng,
+        },
+        {
+          id: "knowledge",
+          label: this.i18n.anZhiShiDian,
+        },
+        {
+          id: "point",
+          label: this.i18n.anKaoDian,
+        },
+      ],
+      examPointEnableFlag: 0,
+      examPointList: [],
+      materialsGradesList: [],
+      currentMaterials: [],
+      courseCascaderList: [],
+      currentCourse: [],
+      loadingError: false,
+      indexParam: {
+        itemBackQueryType: 2, //1 按课程   2 按知识点    3 按考点
+        page: 1, //页码
+        studySectionId: "", //学段id
+        subjectId: "", //科目id
+        klIds: "", //知识点id集合,多个id以逗号分隔
+        klUnionFlag: 1, //知识点交并集标识，0交集，1并集，默认1
+        courseId: "", //课程id
+        examPointId: "", //考点id
+        year: "", //年份
+        topicId: "", //专题id
+        itemBasicSkillId: "", //基础技能id
+        itemCategoryId: "", //题目类型idrtList
+        itemDifficultyId: "", //难度id
+        order: 0, //排序，0：更新时间倒序，1：更新时间正序
+      },
+      //首次请求
+      isLoading: true,
+      defaultCategoryType: 0,
+      //题目总数
+      totalRecord: 0,
+      isFirstIndex: true, //首次加载该题库
+      firstRequestCourse: true, //是否首次加载课程
+      itemBankTypeList: [],
+      topicList: [],
+      itemCategoryList: [],
+      difficultyList: [],
+      basicSkillsList: [],
+      coreLiteracyFlag: false,//是否展示核心素养
+      coreLiteracyList: [],//核心素养
+      years: [],
+      itemInfoList: [],
+      sortList: [
+        {
+          label: "使用次数",
+          key: "count",
+        },
+        {
+          label: "更新时间",
+          key: "updateTime",
+        },
+      ],
+      currentCourseId: "",
+      allDifficultyList: [],
+      undefinedDifficultyInfo: {
+        difficultyCoefficient: "0.0",
+        difficultyId: "JPO-tJbAJqc",
+        difficultyName: "未定义",
+      },
+      drawerPageError: false,
+      loading: false,
+      hasMore: true,
+      //是否正在加载题目数据
+      loadingBankData: true,
+      //加载题目数据是否失败
+      loadingError: false,
+      currentKlIds: "",
+      knowledgeType: 1, //知识点交集：0 || 知识点并集：1
+      knowledgeVisible: false,
+      currentPointId: [], //考点-当前选择的考点id
+      knowledgeName: "", //知识点内容
+      isShowTooltip: true,
+      allKnowledgeName: "", //没被截取的知识点内容
+      switchValue: true, //单选：false || 多选：true
+      klList: [],
+      klArr: [], //知识点多选时，选择的知识点集合
+      knowledgePlaceholder: "",
+      inputTempStr: "", //临时存取输入框内容
+      toastOptions: { show: false, value: "最多支持100个知识点的查询~" }, //toast的参数
+      localKlIds: "",
+      firstEnter: true,
+      yearList: [],
+    };
+  },
+  //监控data中的数据变化
+  watch: {
+    "$store.state.resourceInfo": function (n, o) {
+      if (this.isFirstIndex) {
+        console.log("组件库监听到$store变化", n);
+        this.isFirstIndex = false;
+        this.requestIndexData();
+        if (!n.action) this.currentCourse = n.courseId || (n.list && n.list.courseId);
+      }
+    },
+    materialsGradesList(newValue, oldValue) {
+      let firstV = "";
+      let secondV = "";
+      let thirdV = "";
+      newValue.forEach((element) => {
+        if (element.value == this.currentCourseValue[0]) {
+          firstV = element.value;
+          element.children.forEach((item) => {
+            if (item.value == this.currentCourseValue[1]) {
+              secondV = item.value;
+              item.children.forEach((option) => {
+                if (option.value == this.currentCourseValue[2]) {
+                  thirdV = option.value;
+                }
+              });
+            }
+          });
+        }
+      });
+      this.currentMaterials = [firstV, secondV, thirdV];
+    },
+    courseCascaderList(newValue, oldValue) {
+      this.courseCascaderList = newValue;
+      if (
+        this.firstRequestCourse &&
+        this.courseCascaderList &&
+        this.courseCascaderList.length > 0
+      ) {
+        this.firstRequestCourse = false;
+        setTimeout(() => {
+          let checkedCourseArr = [];
+          let checkedNodes =
+            this.$refs.course.$refs.courseCascader.getCheckedNodes(false);
+          if (checkedNodes && checkedNodes.length > 0) {
+            let currentNode = checkedNodes[0];
+            this.getCurrentCheckedCourse(checkedCourseArr, currentNode);
+            this.currentCourse = checkedCourseArr;
+          }
+        }, 200);
+      }
+    },
+    localKlIds: {
+      handler() {
+        this.currentKlIds = this.localKlIds;
+        this.initTreeValue();
+        console.log("watch", this.currentKlIds);
+      },
+      immediate: true,
+    },
+    filterText(val) {
+      if (this.knowledgeVisible) {
+        this.$refs.secondTree.filter(val);
+      }
+    },
+    knowledgeVisible(newVal) {
+      if (!newVal) {
+        this.filterText = "";
+        let length = this.$refs.secondTree.$children.length;
+        for (let i = 0; i < length; i++) {
+          this.$refs.secondTree.$children[i].node.parent.childNodes[
+            i
+          ].expanded = false;
+        }
+      }
+    },
+    examPointList(newValue, oldValue) {
+      this.pointData = newValue;
+      if (
+        this.pointData &&
+        this.pointData.length > 0 &&
+        (!this.currentPointId || this.currentPointId.length == 0)
+      ) {
+        this.currentPointId = [this.pointData[0].pointId];
+      }
+    },
+    klidsList(newValue, oldValue) {
+      if (!this.firstEnter) {
+        this.localKlIds = newValue;
+      }
+      this.firstEnter = false;
+      this.requestBankData();
+    },
+    years(newValue, oldValue) {
+      if (newValue && newValue.length) {
+        this.yearList = []
+        if(newValue.length > 6){
+          let temp = newValue.slice(0,6)
+          this.yearList = [...this.yearList, ...temp,{id: 'earlier', label: '更早'}]
+        }else {
+          newValue.forEach((element) => {
+            this.yearList.push(element);
+          });
+        }
+      } else {
+        this.yearList = [];
+      }
+    },
+},
+  methods: {
+    changeCurrentPage() {
+      console.log(this.indexParam);
+      if (this.itemInfoList.length >= this.totalRecord) {
+        this.hasMore = false;
+        return;
+      }
+      this.indexParam.page = this.currPage + 1;
+      this.requestPageBank(this.indexParam);
+    },
+    handlePointChange(value) {
+      var pointId = value[value.length - 1];
+      let dic = { examPointId: pointId };
+      this.$emit("changeIndexParam", "changePointId", JSON.stringify(dic));
+    },
+    setListener() {
+      let _this = this;
+      //改变indexParam参数，重新请求index接口
+      this.$off("changeIndexParam"); //避免重复响应同一事件
+      this.$on("changeIndexParam", function (action, msg) {
+        if (action == "retryRequest") {
+          //加载失败后的重新请求 || 删除题目后刷新题目数据
+          _this.requestBankData();
+          return;
+        }
+        let dic = JSON.parse(msg);
+        for (let key in dic) {
+          let value = dic[key];
+          _this.indexParam[key] = value;
+        }
+        if (action == "changeSource") {
+          _this.defaultCategoryType = dic["itemBankType"];
+          if (_this.defaultCategoryType == 4) {
+            _this.indexParam.topicId = "";
+            _this.indexParam.year = "";
+            let dic = { selectedTopicId: "", currentYear: "" };
+
+            this.$emit(
+              "toChangeSelectedTopicId",
+              "toChangeSelectedTopicId",
+              JSON.stringify(dic)
+            );
+            this.$emit(
+              "toChangeCurrentYear",
+              "toChangeCurrentYear",
+              JSON.stringify(dic)
+            );
+
+            this.$emit(
+              "eventbus-emit",
+              "toChangeSelectedTopicId",
+              "toChangeSelectedTopicId",
+              JSON.stringify(dic)
+            );
+            this.$emit(
+              "eventbus-emit",
+              "toChangeCurrentYear",
+              "toChangeCurrentYear",
+              JSON.stringify(dic)
+            );
+            _this.allDifficultyList = JSON.parse(
+              JSON.stringify(_this.difficultyList)
+            );
+            _this.allDifficultyList.push(_this.undefinedDifficultyInfo);
+          } else {
+            _this.allDifficultyList = JSON.parse(
+              JSON.stringify(_this.difficultyList)
+            );
+            if (_this.indexParam.itemDifficultyId == "JPO-tJbAJqc") {
+              _this.indexParam.itemDifficultyId = "";
+              let diffDic = { itemDifficultyId: "" };
+              this.$emit(
+                "toChangeSelectedDifficultyId",
+                "toChangeSelectedDifficultyId",
+                JSON.stringify(diffDic)
+              );
+              this.$emit(
+                "eventbus-emit",
+                "toChangeSelectedDifficultyId",
+                "toChangeSelectedDifficultyId",
+                JSON.stringify(diffDic)
+              );
+            }
+            //请求专题
+            _this.requestTopicData();
+          }
+        }
+        //
+        if (action == "changeOrder") {
+          delete _this.indexParam.orderQuote;
+        }
+        if (action == "changeOrderQuote") {
+          delete _this.indexParam.order;
+        }
+        //请求题目数据
+        _this.requestBankData();
+      });
+      //编辑单题成功,若当前来源是我的题库，则刷新题目列表数据
+      this.$on("editItemSuccess", async (newItemObj) => {
+        if (_this.indexParam.itemBankType == 4) {
+          _this.requestBankData();
+        }
+      });
+    },
+    tabClick(value) {
+      console.log(value);
+      this.activeTab = value;
+      let _this = this;
+      let dic = {};
+      switch (this.activeTab) {
+        case "course":
+          _this.knowledgeVisible = false;
+          dic = {
+            itemBackQueryType: 1,
+            courseId: _this.currentCourseId,
+            klIds: "",
+            klUnionFlag: 1,
+            examPointId: "",
+          };
+          break;
+        case "knowledge":
+          dic = {
+            itemBackQueryType: 2,
+            courseId: _this.currentCourseId,
+            klIds: _this.currentKlIds,
+            klUnionFlag: _this.knowledgeType,
+            examPointId: "",
+          };
+          break;
+        case "point":
+          _this.knowledgeVisible = false;
+          dic = {
+            itemBackQueryType: 3,
+            courseId: "",
+            klIds: "",
+            klUnionFlag: 1,
+            examPointId:
+              _this.currentPointId.length > 0
+                ? _this.currentPointId[_this.currentPointId.length - 1]
+                : "",
+          };
+          break;
+      }
+      this.$emit("changeIndexParam", "changeTab", JSON.stringify(dic));
+    },
+    //初始化tree默认值
+    initTreeValue() {
+      console.log("initTree");
+      // debugger
+      if (this.switchValue) {
+        //多选
+        if (this.currentKlIds.length == 0) {
+          return;
+        }
+        this.klArr = this.currentKlIds.split(",");
+        this.$nextTick(() => {
+          this.$refs.secondTree.setCheckedKeys(this.klArr);
+          this.klArr = this.$refs.secondTree.getCheckedKeys(true);
+          var nodesArr = this.$refs.secondTree.getCheckedNodes();
+          let tempStr = "";
+          if (nodesArr.length == 0) {
+            tempStr = "";
+          } else if (nodesArr.length > 1) {
+            nodesArr.forEach((element) => {
+              if (!element.hasChild) {
+                tempStr += element.klname + "，";
+              }
+            });
+          } else {
+            tempStr = nodesArr[0].klname;
+          }
+          this.inputTempStr = tempStr;
+          this.clickKnowledgeItem(true, tempStr);
+        });
+      } else {
+        this.$nextTick(() => {
+          this.$refs.secondTree.setCurrentKey(this.currentKlIds);
+          var nodeData = this.$refs.secondTree.getCurrentNode();
+          if (nodeData) {
+            this.clickKnowledgeItem(true, nodeData.klname);
+          }
+        });
+      }
+    },
+    //树状结构过滤器
+    knowledgeFilterNode(value, data, node) {
+      // 如果什么都没填就直接返回
+      console.log("进行了过滤");
+      if (!value) return true;
+      // 如果传入的value和data中的label相同说明是匹配到了
+      if (data.klname.indexOf(value) !== -1) {
+        return true;
+      }
+      // 否则要去判断它是不是选中节点的子节点
+      return this.checkBelongToChooseNode(value, data, node);
+    },
+    // 判断传入的节点是不是选中节点的子节点
+    checkBelongToChooseNode(value, data, node) {
+      const level = node.level;
+      // 如果传入的节点本身就是一级节点就不用校验了
+      if (level === 1) {
+        return false;
+      }
+      // 先取当前节点的父节点
+      var parentData = node.parent;
+      // 遍历当前节点的父节点
+      var index = 0;
+      while (index < level - 1) {
+        // 如果匹配到直接返回
+        if (parentData.data.klname.indexOf(value) !== -1) {
+          return true;
+        }
+        // 否则的话再往上一层做匹配
+        parentData = parentData.parent;
+        index++;
+      }
+      // 没匹配到返回false
+      return false;
+    },
+    choiseKnowledgeType(value) {
+      this.knowledgeType = value;
+    },
+    clickKnowledgeNode(object) {
+      if (!this.switchValue) {
+        this.currentKlIds = object.klId;
+        let dic = { klIds: object.klId, klUnionFlag: 1 };
+        this.clickKnowledgeItem(true, object.klname);
+        this.$emit("changeIndexParam", "changeKnowledge", JSON.stringify(dic));
+        let tempDic = {
+          klIds: object.klId,
+          switch: this.switchValue,
+          knowledgeType: 1,
+        };
+        this.$emit("changeKLIds", "changeKLIds", JSON.stringify(tempDic));
+      }
+    },
+    checkKnowledgeNode(object, compo) {
+      this.klArr = this.$refs.secondTree.getCheckedKeys(true);
+      let tempStr = "";
+      if (compo.checkedNodes.length == 0) {
+        tempStr = "";
+      } else if (compo.checkedNodes.length > 1) {
+        compo.checkedNodes.forEach((element) => {
+          if (!element.hasChild) {
+            tempStr += element.klname + "，";
+          }
+        });
+      } else {
+        tempStr = compo.checkedNodes[0].klname;
+      }
+      this.inputTempStr = tempStr;
+      this.clickKnowledgeItem(false, tempStr);
+      if (this.klArr.length > 100) {
+        this.toastOptions.show = true;
+        setTimeout(() => {
+          this.toastOptions.show = false;
+        }, 2000);
+      }
+    },
+    clearKnowledges() {
+      let _this = this;
+      _this.currentKlIds = "";
+      if (_this.klArr.length == 0) {
+        return;
+      }
+      _this.klArr = [];
+      _this.inputTempStr = "";
+      _this.clickKnowledgeItem(false, _this.inputTempStr);
+      this.$nextTick(() => {
+        _this.$refs.secondTree.setCheckedKeys([]);
+        _this.klArr = [];
+        let dic = {
+          klIds: "",
+          klUnionFlag: _this.knowledgeType,
+        };
+        this.$emit("changeIndexParam", "changeKnowledge", JSON.stringify(dic));
+        let tempDic = {
+          klIds: "",
+          switch: _this.switchValue,
+          knowledgeType: _this.knowledgeType,
+        };
+        this.$emit("changeKLIds", "changeKLIds", JSON.stringify(tempDic));
+      });
+    },
+    toQueryWithKnowledges() {
+      let _this = this;
+      if (_this.klArr.length == 0 || _this.klArr.length > 100) {
+        return;
+      }
+      _this.clickKnowledgeItem(true, _this.inputTempStr);
+      _this.currentKlIds = _this.klArr.join();
+      let dic = { klIds: _this.currentKlIds, klUnionFlag: _this.knowledgeType };
+      this.$emit("changeIndexParam", "changeKnowledge", JSON.stringify(dic));
+      let tempDic = {
+        klIds: _this.currentKlIds,
+        switch: _this.switchValue,
+        knowledgeType: _this.knowledgeType,
+      };
+      this.$emit("changeKLIds", "changeKLIds", JSON.stringify(tempDic));
+    },
+    clickKnowledgeItem(isDisplay, name) {
+      console.log("clickKnowledgeItem", name);
+      name = this.decode(name);
+      this.knowledgeVisible = !isDisplay;
+      this.allKnowledgeName = name;
+      this.isShowTooltip = true;
+      if (name.length > 30) {
+        this.isShowTooltip = false;
+        name = name.slice(0, 30) + "...";
+      }
+      this.knowledgeName = name;
+    },
+    decode(str) {
+      return decodeEntities(str);
+    },
+    getAnswer(itemInfo) {
+      let currentItem = this.itemInfoList.find(
+        (item) => item.itemInfoId == itemInfo.itemInfoId
+      );
+      getAnswer(
+        {
+          itemId: itemInfo.itemInfoId,
+          itemBankType: this.indexParam.itemBankType,
+          itemSourceType: itemInfo.itemSourceType,
+          rootSourceId: itemInfo.rootItemInfoId,
+        },
+        (res) => {
+          // this.$set(currentItem, "answerDic", res.value);
+          // getQuestion({ itemId: res.value.itemAnalysis }, (result) => {
+          //   if (!result) {
+          //     return;
+          //   }
+          //   currentItem.answerDic = {
+          //     ...currentItem.answerDic,
+          //     analysis: result.data,
+          //   };
+          //   this.$set(currentItem, "answerDic", currentItem.answerDic);
+          // });
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            //取出答案与解析
+            // _this.answerDic = res.value;
+            this.$set(currentItem, "pointNames", res.value.pointNames);
+            this.$set(currentItem, "klNames", res.value.klNames);
+            this.$set(currentItem, "answer", res.value.correctAnswer);
+            this.$set(
+              currentItem,
+              "basicSkillNames",
+              res.value.basicSkillNames
+            );
+            if (
+              (res.value.itemType == 3 || res.value.itemType == 6) &&
+              res.value.correctAnswer &&
+              res.value.correctAnswer.length > 0
+            ) {
+              getQuestion({ itemId: res.value.correctAnswer }, (res) => {
+                if (!res) {
+                  return;
+                }
+                if (typeof res === "string") res = JSON.parse(res);
+                //取出题目数据
+                this.$set(currentItem, "answer", res.data);
+              });
+            } else if (res.value.itemType == 7) {
+              //组合单选题
+              var answerArr = res.value.correctAnswer.split(",");
+              var fiveArr = [],tempStr = ""; //将组合单选题答案五五放到一个数组展示
+                answerArr && answerArr.length && answerArr.map(function (item, idx) {
+                  if (idx % 5 !== 0 || idx == 0) {
+                    tempStr += item;
+                  } else {
+                    fiveArr.push(tempStr);
+                    tempStr = item;
+                  }
+                  if (idx == answerArr.length - 1) {
+                    fiveArr.push(tempStr);
+                  }
+                });
+              this.$set(currentItem, "answer", fiveArr.join("；"));
+            } else {
+              this.$set(currentItem, "answer", res.value.correctAnswer);
+            }
+            if (res.value.itemAnalysis && res.value.itemAnalysis.length > 0) {
+              getQuestion({ itemId: res.value.itemAnalysis }, (res) => {
+                if (!res) {
+                  return;
+                }
+                //取出题目数据
+                this.$set(currentItem, "analysis", res.data);
+              });
+            }
+          }
+        }
+      );
+    },
+    getContent(itemInfo) {
+      let currentItem = this.itemInfoList.find(
+        (item) => item.itemInfoId == itemInfo.itemInfoId
+      );
+      getQuestion({ itemId: itemInfo.itemFileId }, (res) => {
+        this.$set(currentItem, "content", res.data);
+      });
+    },
+    choiceOrRemoveQuestion(itemInfo, isAdd) {
+      this.$emit(
+        "choiceOrRemoveQuestion",
+        itemInfo,
+        isAdd,
+        this.defaultCategoryType
+      );
+    },
+    headerSort(item) {
+      console.log(item);
+      if (item.key == "updateTime") {
+        let dic = { order: item.sortOrder ? 1 : 0 };
+        this.$emit("changeIndexParam", "changeOrder", JSON.stringify(dic));
+      } else {
+        let dic = { orderQuote: item.sortOrder ? 1 : 0 };
+        this.$emit("changeIndexParam", "changeOrderQuote", JSON.stringify(dic));
+      }
+    },
+    toShowAudio(itemInfo, itemIndex) {
+      let dic = {
+        questionIndex: itemIndex,
+        fileId: itemInfo.audioFileId,
+      };
+      this.$emit("toShowAudio", "toShowAudio", JSON.stringify(dic));
+    },
+    // 来源点击
+    sourceClick(itemBankType) {
+      if (itemBankType == 5) {
+        this.$emit("goQptk");
+        return;
+      }
+      // this.currentSourceType = itemBankType;
+      let dic = { itemBankType: itemBankType };
+      // this.$emit('eventbus-emit', "changeIndexParam", "changeSource", JSON.stringify(dic))
+      this.$emit(
+        "eventbus-emit",
+        "changeSource",
+        "changeSource",
+        JSON.stringify(dic)
+      );
+      this.$emit("changeIndexParam", "changeSource", JSON.stringify(dic));
+      // this.$emit("changeSource", "changeSource", JSON.stringify(dic));
+    },
+    // 专题点击
+    topicClick(topicId) {
+      if (topicId == "all") {
+        topicId = "";
+      }
+      this.selectedTopicId = topicId;
+      let dic = { topicId: topicId };
+      this.$emit("changeIndexParam", "changeTopic", JSON.stringify(dic));
+    },
+    // 题型点击
+    categoryClick(itemCategoryId) {
+      if (itemCategoryId == "all") {
+        itemCategoryId = "";
+      }
+      this.selectedCategoryId = itemCategoryId;
+      let dic = { itemCategoryId: itemCategoryId };
+      this.$emit("changeIndexParam", "changeCategory", JSON.stringify(dic));
+    },
+    // 难度点击
+    difficultyClick(difficultyId) {
+      if (difficultyId == "all") {
+        difficultyId = "";
+      }
+      this.selectedDifficultId = difficultyId;
+      let dic = { itemDifficultyId: difficultyId };
+      this.$emit("changeIndexParam", "changeDifficulty", JSON.stringify(dic));
+    },
+    // 年份
+    yearClick(year) {
+      if (year == "all") {
+        year = "";
+      }
+      this.currentYear = year;
+      let isEarly = year == "earlier" ? true : false;
+      let _lastYear = this.yearList.slice(-2,-1)[0].id
+      let lastYear = typeof _lastYear == 'number' ? _lastYear : 0;
+      let dic = { year: isEarly ? lastYear - 1 : year, isEarlier:isEarly ? -1 : 1 };
+      this.$emit("changeIndexParam", "selectYear", JSON.stringify(dic));
+    },
+    // 技能
+    basicSkillClick(basicSkillsId) {
+      if (basicSkillsId == "all") {
+        basicSkillsId = "";
+      }
+      this.selectedSkillId = basicSkillsId;
+      let dic = { itemBasicSkillId: basicSkillsId };
+      this.$emit("changeIndexParam", "changeSkill", JSON.stringify(dic));
+    },
+    // 核心素养
+    coreLiteracyClick(literacyId) {
+      if (literacyId == "all") {
+        literacyId = "";
+      }
+      let dic = { literacyId: literacyId };
+      this.$emit("changeIndexParam", "changeLiteracy", JSON.stringify(dic));
+    },
+    changeMaterials(value) {
+      console.log(value);
+      this.currentCourse = []; //重置
+      this.requestCourseListData(
+        this.indexParam.subjectId,
+        value[0],
+        value[1],
+        value[2]
+      );
+    },
+    //递归获取当前选择的课程
+    getCurrentCheckedCourse(arr, node) {
+      if (node && node.value) {
+        arr.unshift(node.value);
+        if (node.parent) {
+          this.getCurrentCheckedCourse(arr, node.parent);
+        }
+      }
+    },
+    changeCourse(value) {
+      this.currentCourseId = value[value.length - 1];
+      let dic = { courseId: this.currentCourseId };
+      this.$emit("changeIndexParam", "changeCourseId", JSON.stringify(dic));
+    },
+    /*
+     **请求题库首页数据
+     * 只在首次进入该页面时请求
+     */
+    requestIndexData() {
+      this.loadingError = false;
+      this.goRequestIndexData();
+    },
+    // 首次进入该页面时请求获取用户信息
+    goRequestIndexData() {
+      let _this = this;
+      console.log("getBank", this);
+      var prepareInfo = this.leftInfo;
+      console.log(prepareInfo, "prepareInfo1");
+      if (prepareInfo && prepareInfo.eduLevelId) {
+        var eduLevelId = prepareInfo.eduLevelId;
+        var subjectId = prepareInfo.subjectId;
+        var courseSrc = prepareInfo.courseSrc;
+        var courseId = prepareInfo.courseId;
+        _this.indexParam["courseSrc"] = courseSrc;
+        _this.indexParam["studySectionId"] = eduLevelId;
+        _this.indexParam["subjectId"] = subjectId;
+        _this.indexParam["courseId"] = courseId;
+        _this.currentCourseId = courseId;
+        var teachMaterialId = prepareInfo.teachMaterialId;
+        var gradeId = prepareInfo.gradeId;
+
+        let dom = document.getElementById("tk-detail-drawer-slot-id");
+        let loadingInstance = Loading.service({
+          target: dom,
+          text: this.i18n.jiaZaiZhong,
+        });
+        console.log(prepareInfo, "prepareInfo");
+        getBankIndex(
+          {
+            eduLevelId: eduLevelId,
+            subjectId: subjectId,
+            gradeId: gradeId,
+            teachMaterialId: teachMaterialId,
+            courseId: courseId,
+            courseSrc: courseSrc,
+          },
+          (res) => {
+            this.$nextTick(() => {
+              // 以服务的方式调用的 Loading 需要异步关闭
+              loadingInstance.close();
+            });
+            _this.isLoading = false;
+            if (typeof res === "string") res = JSON.parse(res);
+            if (res && res.code == 0) {
+              console.log("getBank", res);
+              //处理indexParam
+              _this.indexParam.studySectionId = eduLevelId;
+              _this.indexParam.subjectId = subjectId;
+              _this.indexParam.itemBankType =
+                res.value.itemBankQueryDto.itemBankType;
+              _this.requestBankData();
+              _this.totalRecord = res.value.totalRecord;
+              // _this.pageInfo = {
+              //   currPage: res.value.currPage,
+              //   totalPage: res.value.totalPage,
+              //   perPage: res.value.perPage,
+              // };
+              //取出默认的题库类型
+              _this.defaultCategoryType = res.value.itemBankQueryDto.itemBankType;
+
+              // _this.defaultSubjectList = res.value.defaultSubjectList;
+              //请求教材版本
+              _this.requestMaterialsGradesData(
+                eduLevelId,
+                subjectId,
+                teachMaterialId,
+                gradeId
+              );
+              //难度知识点是否必填
+              _this.requestDifficultyAndKnowledgeSettingInfo(
+                eduLevelId,
+                subjectId
+              );
+              //请求专题数据
+              _this.requestTopicData();
+
+              //判断是否展示“考点”tab
+              _this.examPointEnableFlag = res.value.examPointEnableFlag;
+              //取学年数组
+              _this.years = res.value && res.value.yearList && res.value.yearList.length && res.value.yearList.map((item) => {
+                return {
+                  id: item,
+                  label: item,
+                };
+              }) || [];
+              if (_this.years.length) {
+                _this.years.unshift({
+                  id: "all",
+                  label: _this.i18n.quanBu,
+                });
+              }
+              //取来源数据
+              _this.itemBankTypeList = res.value.itemBankTypeList;
+              _this.itemBankTypeList.unshift({
+                itemBankType: 5,
+                itemBankTypeName: "精品题库",
+              });
+              //取技能数据
+              _this.basicSkillsList = res.value.basicSkillsList;
+              if (_this.basicSkillsList.length) {
+                _this.basicSkillsList.unshift({
+                  basicSkillsId: "all",
+                  basicName: this.i18n.quanBu,
+                });
+              }
+              //取核心素养数据
+              _this.coreLiteracyFlag = res.value.coreLiteracyFlag;
+              //核心素养
+              _this.$store.commit("setCoreLiteracyFlag",res.value.coreLiteracyFlag)//是否显示核心素养
+              _this.coreLiteracyList = res.value && res.value.coreLiteracyList && res.value.coreLiteracyList.length && res.value.coreLiteracyList.map(item=>{
+                return {
+                  literacyId: item.literacyId,
+                  literacyName: item.literacyName
+                }
+              }) || [];
+              if (_this.coreLiteracyList && _this.coreLiteracyList.length) {
+                _this.coreLiteracyList.unshift({
+                  literacyId: "all",
+                  literacyName: this.i18n.quanBu,
+                });
+              }
+              console.log('_this.coreLiteracyList',_this.coreLiteracyList)
+              //取题型数据
+              _this.itemCategoryList = res.value.itemCategoryList;
+              if (_this.itemCategoryList.length) {
+                _this.itemCategoryList.unshift({
+                  itemCategoryId: "all",
+                  itemCategoryName: this.i18n.quanBu,
+                  itemType: -1,
+                });
+              }
+
+              //取难度数据
+              _this.difficultyList = JSON.parse(
+                JSON.stringify(res.value.cfgDifficultyList)
+              );
+              if (_this.difficultyList.length) {
+                _this.difficultyList.unshift({
+                  difficultyId: "all",
+                  difficultyName: this.i18n.quanBu,
+                });
+              }
+
+              if (_this.indexParam.itemBankType == 4) {
+                _this.allDifficultyList = JSON.parse(
+                  JSON.stringify(res.value.cfgDifficultyList)
+                );
+                _this.allDifficultyList.push(_this.undefinedDifficultyInfo);
+              } else {
+                _this.allDifficultyList = JSON.parse(
+                  JSON.stringify(res.value.cfgDifficultyList)
+                );
+              }
+              //知识点
+              _this.klList = res.value.knowledgeList;
+              //考点
+              _this.examPointList = res.value.examPointList;
+              //获取该课程下关联的知识点
+              //变式题默认当前原题的知识点
+              if (_this.fromType == "variant") {
+                if (_this.klidsList == "") {
+                  if (
+                    res.value &&
+                    res.value.klIds &&
+                    res.value.klIds.length > 0
+                  ) {
+                    _this.localKlIds = res.value.klIds;
+                    _this.$store.commit(
+                      "saveCurrentKnowledgeIds",
+                      res.value.klIds
+                    );
+                  } else if (_this.klList.length > 0) {
+                    _this.localKlIds = _this.getFirstKnowledgeId(_this.klList);
+                  }
+                } else {
+                  _this.localKlIds = _this.klidsList;
+                }
+              } else {
+                if (
+                  res.value &&
+                  res.value.klIds &&
+                  res.value.klIds.length > 0
+                ) {
+                  _this.localKlIds = res.value.klIds;
+                  _this.$store.commit(
+                    "saveCurrentKnowledgeIds",
+                    res.value.klIds
+                  );
+                } else if (_this.klList.length > 0) {
+                  _this.localKlIds = _this.getFirstKnowledgeId(_this.klList);
+                }
+              }
+              //提供数据给Vuex
+              _this.$store.commit("changeValue", {
+                type: "itemCategory",
+                val: _this.itemCategoryList || [],
+              });
+              _this.$store.commit("changeValue", {
+                type: "difficults",
+                val: _this.difficultyList || [],
+              });
+              _this.$store.commit("changeValue", {
+                type: "basicSkillIdList",
+                val: _this.basicSkillsList || [],
+              });
+              _this.$store.commit("changeValue", {
+                type: "klIdList",
+                val: _this.klList || [],
+              });
+              _this.$store.commit("changeValue", {
+                type: "pointIdList",
+                val: _this.examPointList || [],
+              });
+              _this.$store.commit("changeValue", {
+                type: "enableShowPoint",
+                val: _this.examPointEnableFlag || false,
+              });
+              _this.$store.commit("changeValue", {
+                  type: "coreLiteracyIdList",
+                  val: _this.coreLiteracyList || [],
+              });
+            } else {
+              _this.loadingError = true;
+            }
+          }
+        );
+      }
+    },
+    /*
+     **请求题库数据
+     * 筛选条件时请求
+     */
+    requestBankData() {
+      let _this = this;
+      _this.loadingError = false;
+      _this.loadingBankData = true;
+      _this.goRequestBankData();
+    },
+    //筛选条件时请求获取用户信息
+    goRequestBankData() {
+      let dom = document.getElementById("bankData-drawer-slot-id");
+      let loadingInstance = Loading.service({
+        target: dom,
+        text: this.i18n.jiaZaiZhong,
+      });
+      let _this = this;
+      var prepareInfo = this.leftInfo;
+      if (prepareInfo && prepareInfo.eduLevelId) {
+        var eduLevelId = prepareInfo.eduLevelId;
+        var subjectId = prepareInfo.subjectId;
+        var courseSrc = prepareInfo.courseSrc;
+        _this.indexParam["courseSrc"] = courseSrc;
+        _this.indexParam["studySectionId"] = eduLevelId;
+        _this.indexParam["subjectId"] = subjectId;
+        _this.indexParam["klIds"] = this.localKlIds;
+        getBankData(_this.indexParam, (res) => {
+          _this.loadingBankData = false;
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res && res.code == 0) {
+            //判断是否展示“考点”tab
+            // _this.examPointEnableFlag = res.value.examPointEnableFlag;
+            //取出题目数据
+            _this.loadingError = false;
+            _this.itemInfoList = res.value && res.value.itemInfoList && res.value.itemInfoList.length && res.value.itemInfoList.map((item) => {
+              return { ...item, answerDic: {} };
+            }) || [];
+
+            _this.totalRecord = res.value.totalRecord;
+            _this.currPage = res.value.currPage;
+            if (_this.itemInfoList.length >= _this.totalRecord) {
+              _this.hasMore = false;
+            } else {
+              _this.hasMore = true;
+            }
+            _this.pageInfo = {
+              currPage: res.value.currPage,
+              totalPage: res.value.totalPage,
+              perPage: res.value.perPage,
+            };
+            loadingInstance.close();
+          } else {
+            //请求题目数据报错
+            _this.loadingError = true;
+            _this.itemInfoList = [];
+            _this.pageInfo = {};
+          }
+        });
+      }
+    },
+    /*
+     **获取教材版本数据
+     */
+    requestMaterialsGradesData(
+      eduLevelId,
+      subjectId,
+      teachMaterialId,
+      gradeId
+    ) {
+      console.log("请求教材");
+      let _this = this;
+      _this.courseCascaderList = [];
+      getMaterialsGrades(
+        {
+          eduLevelId: eduLevelId,
+          subjectId: subjectId,
+          teachMaterialId: teachMaterialId,
+          gradeId: gradeId,
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            _this.currentCourseValue = [
+              res.value.checkTeachMaterialId,
+              res.value.checkClassificationId,
+              res.value.checkTermIndex,
+            ];
+            _this.currentMaterials = [];
+            _this.materialsGradesList = res.value.list;
+
+            _this.requestCourseListData(
+              subjectId,
+              res.value.checkTeachMaterialId,
+              res.value.checkClassificationId,
+              res.value.checkTermIndex
+            );
+          }
+        }
+      );
+    },
+    /*
+     **获取知识点、难度配置,是否必填
+     */
+    requestDifficultyAndKnowledgeSettingInfo(eduLevelId, subjectId) {
+      let _this = this;
+      getKldftNecessary(
+        {
+          eduLevelId: eduLevelId,
+          subjectId: subjectId,
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            if (res.value && res.value == 2) {
+              _this.$store.commit("changeValue", {
+                type: "knowledgeIsRequired",
+                val: false,
+              });
+            }
+          }
+        }
+      );
+    },
+    /*
+     ** 获取知识点数据
+     */
+    requestKnowledgeData() {
+      let _this = this;
+      getKnowledge(
+        {
+          eduLevelId: _this.indexParam.studySectionId,
+          subjectId: _this.indexParam.subjectId,
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            _this.klList = res.value;
+          }
+        }
+      );
+    },
+    /*
+     ** 获取专题数据
+     */
+    requestTopicData() {
+      let _this = this;
+      getTopic(
+        {
+          eduLevelId: _this.indexParam.studySectionId,
+          topicSource: _this.indexParam.itemBankType == 2 ? 1 : "",
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            _this.topicList = res.value;
+            if (_this.topicList.length) {
+              _this.topicList.unshift({
+                topicId: "all",
+                topicName: this.i18n.quanBu,
+              });
+            }
+
+            var hasTopic = false;
+            for (var i = 0; i < _this.topicList.length; i++) {
+              var topicItem = _this.topicList[i];
+              if (topicItem.topicId == _this.indexParam.topicId) {
+                hasTopic = true;
+                break;
+              }
+            }
+            if (!hasTopic) {
+              _this.indexParam.topicId = "";
+              let dic = { selectedTopicId: "" };
+              this.$emit(
+                "toChangeSelectedTopicId",
+                "toChangeSelectedTopicId",
+                JSON.stringify(dic)
+              );
+            }
+          }
+        }
+      );
+    },
+    /*
+     **获取默认的第一个子知识点
+     */
+    getFirstKnowledgeId(knowledgeList) {
+      var tempKL = knowledgeList[0];
+      if (
+        tempKL.hasChild &&
+        tempKL.knowledgeDtoList &&
+        tempKL.knowledgeDtoList.length > 0
+      ) {
+        return this.getFirstKnowledgeId(tempKL.knowledgeDtoList);
+      } else {
+        return tempKL.klId;
+      }
+    },
+    /*
+     ** 获取课程数据
+     * teachMaterialId:教材版本id
+     * classificationId:册别id
+     * termIndex:学期号
+     */
+    requestCourseListData(
+      subjectId,
+      teachMaterialId,
+      classificationId,
+      termIndex
+    ) {
+      let _this = this;
+      getEditorCourse(
+        {
+          subjectId: subjectId,
+          teachMaterialId: teachMaterialId,
+          termIndex: termIndex,
+          classificationId: classificationId,
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            _this.courseCascaderList = res.value.list;
+          }
+        }
+      );
+    },
+    /*
+     **请求题库数据
+     * 筛选条件时请求
+     */
+    requestPageBank(param) {
+      let _this = this;
+      if (!param["itemBankType"]) {
+        return;
+      }
+      _this.pageError = false;
+      _this.drawerPageError = false;
+      _this.loading = true;
+      getBankData(param, (res) => {
+        _this.loading = false;
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res && res.code == 0) {
+          //取出题目数据
+          _this.drawerPageError = false;
+          _this.currPage = res.value.currPage;
+          _this.itemInfoList = _this.itemInfoList.concat(
+            res.value.itemInfoList
+          );
+          if (_this.itemInfoList.length >= res.value.totalRecord) {
+            _this.hasMore = false;
+          } else {
+            _this.hasMore = true;
+          }
+        } else {
+          //请求题目数据报错
+          _this.drawerPageError = true;
+        }
+      });
+    },
+    clickRetryBtn() {
+      this.$emit("changeIndexParam", "retryRequest", "retryRequest");
+    },
+  },
+  computed: {},
+  created() {},
+  mounted() {
+    this.setListener();
+    this.requestIndexData();
+    if (!this.host.includes("teach.focusteach.com")) {
+      this.host = "http://teach.focusteach.com:8085";
+    }
+  },
+};
+</script>
+  
+<style lang="scss" scoped>
+@import "../../../style/icon/style.css";
+@import "./index.scss";
+</style>
+