@focus-teach/ui 1.0.0

package/.history/packages/exam-drawer/src/index_20230613091124.vue

@@ -0,0 +1,1488 @@
+<!--试卷头部操作栏-->
+<template>
+  <div class="exam-drawer">
+    <ft-drawer>
+      <ft-tabs
+        :options="tabList"
+        :activeName="activeTab"
+        @click="tabClick"
+      ></ft-tabs>
+      <div class="cascader" v-show="activeTab == 'course'">
+        <ft-cascader
+          :key="isResouceShow"
+          :value.sync="currentMaterials"
+          :options="materialsGradesList"
+          :disabled="materialsGradesList.length > 0 ? false : true"
+          :props="{
+            expandTrigger: 'click',
+          }"
+          :placeholder="
+            materialsGradesList.length > 0
+              ? i18n.qingXuanZeJiaoCaiBanBen
+              : i18n.zanWuJiaoCaiBanBenKeXuan
+          "
+          @change="materialChange"
+        ></ft-cascader>
+        <ft-cascader
+          ref="course"
+          selfRef="courseCascader"
+          :value.sync="currentCourse"
+          key="right"
+          :options="courseList"
+          :disabled="courseList.length > 0 ? false : true"
+          :props="{
+            expandTrigger: 'click',
+            value: 'courseId',
+            label: 'courseName',
+            children: 'courses',
+            checkStrictly: true,
+          }"
+          :placeholder="
+            materialsGradesList.length > 0 && courseList.length > 0
+              ? i18n.qingXuanZeZhangJie
+              : i18n.zanWuZhangJieKeXuan
+          "
+          @change="courseChange"
+        ></ft-cascader>
+      </div>
+      <div class="screen">
+        <ft-radio
+          v-show="itemBankTypeList.length"
+          :label="i18n.laiYuan"
+          :options="itemBankTypeList"
+          :defaultValue="indexParam.resourceSourceType"
+          :props="{
+            label: 'itemBankTypeName',
+            id: 'itemBankType',
+          }"
+          @radio-click="sourceClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="
+            examTopicDtos.length > 0 &&
+            screenType == 2 &&
+            indexParam.resourceSourceType != 4 &&
+            indexParam.resourceType == 13
+          "
+          :label="i18n.zhuanTi"
+          :options="examTopicDtos"
+          :defaultValue="
+            indexParam.examTopicId ? indexParam.examTopicId : 'all'
+          "
+          :props="{
+            label: 'examTopicName',
+            id: 'examTopicId',
+          }"
+          @radio-click="topicClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="
+            gradeList.length > 0 &&
+            screenType == 2 &&
+            indexParam.resourceSourceType != 4 &&
+            indexParam.resourceType == 13 &&
+            (indexParam.examTopicName == '单元测验' ||
+              indexParam.examTopicName == '月考试卷' ||
+              indexParam.examTopicName == '期中试卷' ||
+              indexParam.examTopicName == '期末试卷' ||
+              indexParam.examTopicName == '假期作业')
+          "
+          :label="i18n.ceBie"
+          :options="gradeList"
+          :defaultValue="defaultGradeId"
+          :props="{
+            label: 'gradeName',
+            id: 'gradeId',
+          }"
+          @radio-click="gradeClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="yearList.length &&
+            indexParam.resourceSourceType != 4 &&
+            indexParam.resourceType == 13
+          "
+          :label="i18n.nianFen"
+          :options="yearList"
+          :defaultValue="indexParam.year ? indexParam.year : 'all'"
+          @radio-click="yearClick"
+        ></ft-radio>
+        <ft-radio
+          :label="i18n.diQu"
+          v-show="
+            provinceList.length > 0 &&
+            indexParam.resourceSourceType != 4 &&
+            indexParam.resourceType == 13
+          "
+        >
+          <ft-area
+            slot="area"
+            :provinceList="provinceList"
+            :areaList="areaList"
+            :districtList="districtList"
+            :indexParam="indexParam"
+            :defaultPosition="defaultPosition"
+            @change="areaChange"
+            @requestAreasData="requestAreasData"
+          ></ft-area>
+        </ft-radio>
+        <ft-radio
+          v-show="itemTypeList.length > 0 && indexParam.resourceType == 1"
+          label="类型"
+          :options="itemTypeList"
+          :defaultValue="
+            indexParam.resourceShareCategoryType
+              ? indexParam.resourceShareCategoryType
+              : 'all'
+          "
+          :props="{
+            label: 'value',
+            id: 'id',
+          }"
+          @radio-click="typeClick"
+        ></ft-radio>
+        <ft-radio
+          v-show="
+            currentZoneList.length > 0 &&
+            screenType == 2 &&
+            ((indexParam.resourceSourceType == 4 &&
+              indexParam.resourceType == 13) ||
+              indexParam.resourceType != 13)
+          "
+          :label="i18n.zhuanQu"
+          :options="currentZoneList"
+          :defaultValue="zoneId"
+          :props="{
+            label: 'zoneName',
+            id: 'zoneId',
+          }"
+          @radio-click="zoneClick"
+        ></ft-radio>
+      </div>
+      <div
+        v-infinite-scroll="changeCurrentPage"
+        :infinite-scroll-disabled="!hasMore"
+        infinite-scroll-distance="40"
+      >
+        <ft-header
+          v-show="itemInfoList.length"
+          :options="sortList"
+          @sort="headerSort"
+          default-sort="updateTime"
+        >
+          {{ i18n.gong }}{{ totalRecord }}{{ i18n.geZiYuan }}
+        </ft-header>
+        <ft-exam
+          v-for="item in itemInfoList"
+          :key="item.resourceId"
+          :itemInfo="item"
+          :defaultCategoryType="defaultCategoryType"
+          :resourceName="item.resourceName"
+          :countryShare="item.countryShare"
+          :directoryName="item.directoryName"
+          :updateTime="item.updateTime"
+          :resourceType="item.resourceType"
+          :convertStatus="item.convertStatus"
+          :itemCount="item.itemCount"
+          :userRealName="item.userRealName"
+          :domainName="item.domainName"
+          :year="item.year"
+          :provinceName="item.provinceName"
+          :areaName="item.areaName"
+          :districtName="item.districtName"
+          :referenceCount="item.referenceCount"
+          @click="goExamDetail"
+          :src="getShowIcon(item)"
+        >
+        </ft-exam>
+        <ft-empty
+          v-show="!loadingBankData && !loadingError && itemInfoList.length == 0"
+          :message="i18n.zanWuShuJu"
+        >
+          <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">
+        {{
+          pageError
+            ? i18n.jiaZaiShiBai
+            : loading
+            ? i18n.jiaZaiZhong
+            : hasMore
+            ? ""
+            : i18n.jiaZaiWanBi
+        }}
+      </div>
+    </ft-drawer>
+  </div>
+</template>
+  
+<script>
+import FtTabs from "../../tabs/index";
+import FtCascader from "../../cascader/index";
+import FtHeader from "../../header/index";
+import FtRadio from "../../radio/index";
+import FtExam from "../../exam/index";
+import FtDrawer from "../../drawer/index";
+import FtEmpty from "../../empty/index";
+import FtError from "../../error/index";
+import FtArea from "../../area/index";
+// import this from "../../core/event-bus";
+import { Loading } from "element-ui";
+import {
+  getResourcePoolIndex,
+  getResourcePoolList,
+  getMaterialsGrades,
+  getEditorCourse,
+  getProvince,
+  getUserOperate,
+  getClassifications,
+  getZoneList,
+  getAreas,
+  setUserOperate,
+  getQptkSubjectID,
+} from "../../../api/index";
+import { getIcon, getUrlKey } from "../../../utils/common";
+import * as CONSTANTS from "../../../utils/Constants.js";
+import infiniteScroll from "vue-infinite-scroll";
+//父组件是paperEdit.vue
+export default {
+  name: "FtExamDrawer",
+  components: {
+    [Loading.name]: Loading,
+    FtTabs,
+    FtCascader,
+    FtHeader,
+    FtRadio,
+    FtExam,
+    FtDrawer,
+    FtEmpty,
+    FtError,
+    FtArea,
+  },
+  directives: { infiniteScroll },
+  props: {
+    leftInfo: {
+      type: Object,
+      required: true,
+    },
+    itemList: {
+      type: Array,
+      default: () => [],
+      required: true,
+    },
+    i18n: {
+      type: Object,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      host: window.location.origin,
+      sortList: [
+        {
+          label: "引用人数",
+          key: "count",
+        },
+        {
+          label: "更新时间",
+          key: "updateTime",
+        },
+      ],
+      activeTab: "course",
+      tabList: [
+        {
+          id: "course",
+          label: this.i18n.tongBuKeCheng,
+        },
+        {
+          id: "exam",
+          label: this.i18n.shiJuanZhuanQu,
+        },
+      ],
+      currentMaterials: "",
+      currentCourse: "",
+      //首次请求
+      isLoading: true,
+      //是否正在加载资源数据
+      loadingBankData: false,
+      //加载资源数据是否失败
+      loadingError: false,
+      //资源数据集合
+      itemInfoList: [],
+      //资源总数
+      totalRecord: undefined,
+      //分页信息
+      pageInfo: {},
+      //同步课程列表
+      courseList: [],
+      //教材版本列表
+      materialsGradesList: [],
+      //index接口请求参数
+      indexParam: {
+        teachMaterialId: "", //教材版本id
+        gradeId: "", //册别id
+        subjectId: "",
+        eduLevelId: "",
+        resourceSourceType: 3, //资源来源
+        resourceType: 13,
+        year: "",
+        provinceId: "",
+        areaId: "",
+        districtId: "",
+        resourceShareCategoryType: "", //资源分享类型
+        examTopicId: "",
+        examTopicName: "",
+        courseId: "", //课程id
+        orderType: 2, //排序方式:*默认 0:引用人数倒序、更新时间倒序;*1:引用人数倒序、更新时间正序;*2:引用人数正序，更新时间倒序;*3:引用人数正序、更新时间正序
+        page: 1, //页码
+      },
+      //默认的题库类型
+      defaultCategoryType: -1,
+      //当前选择的教材版本信息
+      currentCourseValue: [],
+      //来源列表
+      itemBankTypeList: [],
+      //年份列表
+      years: [],
+      //类型列表
+      itemTypeList: [],
+      //默认的试卷专题
+      examTopicDto: {},
+      //试卷专题
+      examTopicDtos: [],
+      //index接口请求参数
+      indexParam: {},
+      //当前引用的文件夹信息
+      currentDirectory: undefined,
+      //筛选视图类型
+      screenType: 1,
+      //专区id
+      zoneId: "",
+      currPage: 0, //当前页面
+      pageError: false,
+      loading: false,
+      hasMore: true,
+      //当前的教材版本等信息集合
+      currentParamInfo: {},
+      //默认地区（优先展示用户上次选择的地区，没有则展示用户所在地区）
+      defaultPosition: {
+        countryId: 1,
+        provinceId: "", //省
+        areaId: "", //市
+        districtId: "", //区
+      },
+      //省份数据
+      provinceList: [],
+      //默认的册别
+      defaultGradeId: "",
+      //册别G
+      gradeList: [],
+      //
+      currentZoneList: [],
+      isFirstIndex: true, //首次加载该题库
+      isResouceShow: 0,
+      firstRequestCourse: true, //是否首次加载课程
+      districtList: [],
+      areaList: [],
+      yearList: [],
+    };
+  },
+  watch: {
+    "$store.state.resourceInfo": function (n, o) {
+      if (this.isFirstIndex) {
+        this.isFirstIndex = false;
+        this.asyncGetUserOperateDataInfo();
+      }
+      if (!this.currentCourse || this.currentCourse.length == 0) {
+        this.currentCourse = n.courseId || (n.list && n.list.courseId);
+      }
+    },
+    materialsGradesList(newValue, oldValue) {
+      this.isResouceShow += 1;
+      if (newValue.length > 0) {
+        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];
+      }
+    },
+    courseList(newValue, oldValue) {
+      this.courseList = newValue;
+      if (
+        this.firstRequestCourse &&
+        this.courseList &&
+        this.courseList.length > 0
+      ) {
+        this.firstRequestCourse = false;
+        setTimeout(() => {
+          let checkedCourseArr = [];
+          let checkedNodes =
+            // this.$refs.courseCascaderOne.getCheckedNodes(false);
+            this.$refs.course.$refs.courseCascader.getCheckedNodes(false);
+          if (checkedNodes && checkedNodes.length > 0) {
+            let currentNode = checkedNodes[0];
+            this.getCurrentCheckedCourse(checkedCourseArr, currentNode);
+            this.currentCourse = checkedCourseArr;
+          }
+        }, 200);
+      }
+    },
+    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 = [];
+      }
+    },
+  },
+  created() {},
+  mounted() {
+    let _this = this;
+    _this.setListener();
+    if (!this.host.includes("teach.focusteach.com")) {
+      this.host = "http://teach.focusteach.com:8085";
+    }
+  },
+  methods: {
+    tabClick(value) {
+      this.activeTab = value;
+      let dic = {
+        screenType: this.activeTab == "course" ? 1 : 2,
+      };
+      this.$emit("changeResourceParam", "changeTab", JSON.stringify(dic));
+    },
+    clickRetryBtn() {
+      this.$emit("changeIndexParam", "retryRequest", "retryRequest");
+    },
+    goExamDetail(itemInfo) {
+      let dic = {
+        activeIndex: 4,
+        currentIndexParam: this.indexParam,
+        currentPaperItem: itemInfo,
+      };
+      this.$emit(
+        "goExamDetail",
+        "changeDrawerType",
+        "changeDrawerType",
+        JSON.stringify(dic)
+      );
+      // this.$emit(
+      //   "changeDrawerType",
+      //   "changeDrawerType",
+      //   JSON.stringify(dic)
+      // );
+    },
+    getShowIcon(paperInfo) {
+      switch (paperInfo.resourceType + "") {
+        case CONSTANTS.NET_RESOURCE:
+          return this.host + "/assets/prepare-course/list/img/web.41562e3b.svg";
+        case CONSTANTS.PRACTICE:
+          return getIcon(paperInfo.resourceFileName, this.host);
+        case CONSTANTS.EXAM:
+          return (
+            this.host +
+            "/assets/prepare-course/list/img/cloud_txt_24.87b9d2ae.svg"
+          );
+        case CONSTANTS.DESIGN:
+          return (
+            this.host +
+            "/assets/prepare-course/list/img/cloud_instructional_design_24.22b6584f.svg"
+          );
+        default:
+          return (
+            this.host +
+            "/assets/prepare-course/list/img/cloud_unknown_24.31e4ddb3.svg"
+          );
+      }
+    },
+    sourceClick(itemBankType) {
+      let _this = this;
+      if (itemBankType == 5) {
+        this.$emit("goQptk");
+        return;
+      }
+      //   this.currentSourceType = itemBankType;
+      let dic = { resourceSourceType: itemBankType };
+      this.$emit("changeResourceParam", "changeSource", JSON.stringify(dic));
+      this.$emit(
+        "eventbus-emit",
+        "changeSource",
+        "changeSource",
+        JSON.stringify(dic)
+      );
+    },
+    topicClick(id, topicItem) {
+      let topicId = "";
+      let topicName = "";
+      if (topicItem.examTopicId == "all") {
+        topicId = "";
+        topicName = "";
+      } else {
+        topicId = topicItem.examTopicId;
+        topicName = topicItem.examTopicName;
+      }
+      let dic = {
+        examTopicId: topicId,
+        examTopicName: topicName,
+      };
+      this.$emit(
+        "changeResourceParam",
+        "changeExamTopicId",
+        JSON.stringify(dic)
+      );
+    },
+    gradeClick(gradeId) {
+      let dic = { gradeId: gradeId };
+      this.$emit("changeResourceParam", "changeGradeId", JSON.stringify(dic));
+    },
+    yearClick(item) {
+      if (item == "all") {
+        item = "";
+      }
+      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("changeResourceParam", "selectYear", JSON.stringify(dic));
+    },
+    typeClick(itemTypeId) {
+      if (itemTypeId == "all") {
+        itemTypeId = "";
+      }
+      let dic = { resourceShareCategoryType: itemTypeId };
+      this.$emit("changeResourceParam", "changeType", JSON.stringify(dic));
+    },
+    zoneClick(itemZoneId) {
+      if (itemZoneId == "all") {
+        itemZoneId = "";
+      }
+      let dic = { courseId: itemZoneId };
+      this.$emit("changeResourceParam", "changeType", JSON.stringify(dic));
+    },
+    areaChange(type, id, provinceId, areaId) {
+      switch (type) {
+        case "province":
+          let dic;
+          if (id != -1) {
+            this.requestAreasData(id);
+            dic = {
+              provinceId: id,
+              areaId: "",
+              districtId: "",
+            };
+          } else {
+            dic = {
+              provinceId: "",
+              areaId: "",
+              districtId: "",
+            };
+          }
+          this.$emit("changeResourceParam", "changeArea", JSON.stringify(dic));
+          this.setUserOperateDataInfo(dic);
+          break;
+        case "area":
+          if (id != -1) {
+            var tempDic = { id: -1, name: "不限" };
+            this.areaList.forEach((element) => {
+              if (element.id == id) {
+                this.districtList = [];
+                this.districtList = this.districtList.concat(
+                  tempDic,
+                  element.districtList
+                );
+              }
+            });
+            let dic = {
+              provinceId: provinceId,
+              areaId: id,
+              districtId: "",
+            };
+            this.$emit(
+              "changeResourceParam",
+              "changeArea",
+              JSON.stringify(dic)
+            );
+            this.setUserOperateDataInfo(dic);
+          } else {
+            let dic = {
+              provinceId: provinceId,
+              areaId: "",
+              districtId: "",
+            };
+            this.$emit(
+              "changeResourceParam",
+              "changeArea",
+              JSON.stringify(dic)
+            );
+            this.setUserOperateDataInfo(dic);
+          }
+          break;
+        case "district":
+          let tempDistrictId = "";
+          if (id != -1) {
+            tempDistrictId = id;
+          }
+          dic = {
+            provinceId: provinceId,
+            areaId: areaId,
+            districtId: tempDistrictId,
+          };
+          this.$emit("changeResourceParam", "changeArea", JSON.stringify(dic));
+          this.setUserOperateDataInfo(dic);
+          break;
+      }
+    },
+    //记录用户选择的地区,存入云端
+    setUserOperateDataInfo(obj) {
+      obj["countryId"] = 1;
+      var content = JSON.stringify(obj);
+      var params = {
+        operateLog: content,
+        operateLogType: 5,
+      };
+      setUserOperate(
+        params,
+        function (res) {
+          if (res && res.code == 0) {
+          }
+        },
+        function () {}
+      );
+    },
+    requestAreasData(provinceId, areaId) {
+      let _this = this;
+      getAreas({ provinceId: provinceId }, (res) => {
+        if (!res) {
+          return;
+        }
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res.code == 0) {
+          _this.areaList = [];
+          var dic = { id: -1, name: "不限" };
+          _this.areaList = _this.areaList.concat(dic, res.value);
+          if (areaId && areaId > 0) {
+            _this.areaList.forEach((element) => {
+              if (element.id == areaId) {
+                _this.districtList = [];
+                _this.districtList = _this.districtList.concat(
+                  dic,
+                  element.districtList
+                );
+                return;
+              }
+            });
+          }
+        }
+      });
+    },
+    materialChange(value) {
+      let dic = {
+        teachMaterialId: value[0],
+        gradeId: value[1],
+        termIndex: value[2],
+        courseId: "",
+        page: 1,
+      };
+      this.$emit(
+        "changeResourceParam",
+        "changeMaterialId",
+        JSON.stringify(dic)
+      );
+      this.requestCourseListData(
+        this.indexParam["subjectId"],
+        value[0],
+        value[1],
+        value[2]
+      );
+    },
+    courseChange(value) {
+      let dic = { courseId: value[value.length - 1] };
+      this.$emit("changeResourceParam", "changeCourseId", JSON.stringify(dic));
+    },
+    headerSort(item) {
+      if (item.key == "updateTime") {
+        let dic = { orderType: item.sortOrder ? 3 : 2 };
+        this.$emit(
+          "changeResourceParam",
+          "changeOrderType",
+          JSON.stringify(dic)
+        );
+      } else {
+        let dic = { orderType: item.sortOrder ? 1 : 0 };
+        this.$emit(
+          "changeResourceParam",
+          "changeOrderType",
+          JSON.stringify(dic)
+        );
+      }
+    },
+    //递归获取当前选择的课程
+    getCurrentCheckedCourse(arr, node) {
+      if (node && node.value) {
+        arr.unshift(node.value);
+        if (node.parent) {
+          this.getCurrentCheckedCourse(arr, node.parent);
+        }
+      }
+    },
+    setListener() {
+      let _this = this;
+      //改变indexParam参数，重新请求 list 接口
+      this.$off("changeResourceParam"); //避免重复响应同一事件
+      this.$on("changeResourceParam", function (action, msg) {
+        if (action == "retryRequest") {
+          //加载失败后的重新请求 || 删除题目后刷新题目数据
+          _this.requestResourceListData();
+          return;
+        }
+        let dic = JSON.parse(msg);
+        if (action == "changeTab") {
+          _this.screenType = dic.screenType;
+          _this.requestResourceIndexWhenChangeTab();
+          return;
+        }
+        for (let key in dic) {
+          let value = dic[key];
+          // _this.indexParam[key] = value;
+          _this.$set(_this.indexParam, key, value);
+        }
+        if (action == "changeSource") {
+          _this.defaultCategoryType = dic["resourceSourceType"];
+        }
+        if (action == "changeArea") {
+          if (_this.indexParam.districtId == 0) {
+            _this.indexParam.districtId = "";
+          }
+          if (_this.indexParam.areaId == 0) {
+            _this.indexParam.areaId = "";
+          }
+          if (_this.indexParam.provinceId == 0) {
+            _this.indexParam.provinceId = "";
+          }
+        }
+        console.log("changeResourceParam---indexParam---", _this.indexParam);
+        //请求题目数据
+        _this.requestResourceListData();
+      });
+      //加载更多
+      this.$off("changeCurrentPageAndLoadMore"); //避免重复响应同一事件
+      this.$on("changeCurrentPageAndLoadMore", function (action, msg) {
+        if (action == "changeCurrentPageAndLoadMore") {
+          _this.changeCurrentPage();
+          return;
+        }
+      });
+    },
+    /*
+     **请求题库首页数据
+     * 只在首次进入该页面时请求
+     */
+    requestIndexData() {
+      let _this = this;
+      _this.loadingError = false;
+      _this.goRequestIndexData();
+    },
+    //首次进入该页面时请求获取用户信息
+    goRequestIndexData() {
+      let _this = this;
+      var prepareInfo = this.leftInfo;
+      if (prepareInfo && prepareInfo.eduLevelId) {
+        var eduLevelId = prepareInfo.eduLevelId;
+        var subjectId = prepareInfo.subjectId;
+        var courseSrc = prepareInfo.courseSrc;
+        if (courseSrc == 3) {
+          //专区
+          _this.screenType = 2;
+        } else {
+          //同步课程
+          _this.screenType = 1;
+        }
+        var courseId = prepareInfo.courseId;
+        _this.indexParam["courseSrc"] = courseSrc;
+        _this.indexParam["eduLevelId"] = eduLevelId;
+        _this.indexParam["subjectId"] = subjectId;
+        _this.indexParam["courseId"] = courseId;
+        var teachMaterialId = prepareInfo.teachMaterialId;
+        var gradeId = prepareInfo.gradeId;
+        _this.indexParam["teachMaterialId"] = teachMaterialId;
+        _this.indexParam["gradeId"] = gradeId;
+        _this.indexParam["resourceId"] = getUrlKey("resourceId");
+        let dom = document.getElementById("drawer-slot-id");
+        let loadingInstance = Loading.service({
+          target: dom,
+          text: _this.i18n.jiaZaiZhong,
+        });
+        //初始化index请求数据
+        _this.indexParam.resourceSourceType = 3;
+        _this.indexParam.resourceType = 13;
+        _this.indexParam.resourceShareCategoryType = "";
+        _this.defaultCategoryType = -1;
+        getResourcePoolIndex(_this.indexParam, (res) => {
+          this.$nextTick(() => {
+            // 以服务的方式调用的 Loading 需要异步关闭
+            loadingInstance.close();
+          });
+          _this.isLoading = false;
+          console.log("typeof res ===", typeof res, res);
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res && res.code == 0) {
+            //
+            _this.requestClassifications(
+              teachMaterialId,
+              subjectId,
+              eduLevelId
+            );
+            //
+            _this.requestZones();
+            //取出默认的题库类型
+            _this.defaultCategoryType = res.value.defaultResourceSourceType;
+            _this.years = res.value.years.map((item) => {
+              return {
+                id: item,
+                label: item,
+              };
+            });
+            if (_this.years.length) {
+              _this.years.unshift({
+                id: "all",
+                label: _this.i18n.quanBu,
+              });
+            }
+
+            _this.itemBankTypeList = res.value.ResourceSourceTypeList;
+            _this.itemBankTypeList.unshift({
+              itemBankTypeName: "精品资源",
+              itemBankType: 5,
+            });
+            _this.indexParam.resourceSourceType =
+              res.value.defaultResourceSourceType;
+            _this.itemTypeList = res.value.resourceShareCategoryTypeList;
+            if (_this.itemTypeList.length) {
+              _this.itemTypeList.unshift({
+                id: "all",
+                value: "全部",
+                itemType: -1,
+              });
+            }
+            if (res.value.examTopicDto) {
+              _this.examTopicDto = {
+                examTopicId: "",
+                examTopicName: _this.i18n.quanBu,
+              }; //默认展示全部
+              // _this.examTopicDto = res.value.examTopicDto;
+              _this.indexParam.examTopicId = _this.examTopicDto.examTopicId;
+              _this.indexParam.examTopicName = _this.examTopicDto.examTopicName;
+            }
+            _this.examTopicDtos = res.value.examTopicDtos;
+            if (_this.examTopicDtos.length) {
+              _this.examTopicDtos.unshift({
+                examTopicId: "all",
+                examTopicName: this.i18n.quanBu,
+              });
+            }
+
+            _this.totalRecord = res.value.totalRecord;
+            _this.pageInfo = {
+              currPage: res.value.currPage,
+              totalPage: res.value.totalPage,
+              perPage: res.value.perPage,
+            };
+            if (
+              (_this.screenType == 2 &&
+                (_this.indexParam.examTopicName == _this.i18n.danYuanCeYan ||
+                  _this.indexParam.examTopicName == _this.i18n.yueKaoShiJuan ||
+                  _this.indexParam.examTopicName == _this.i18n.qiZhongShiJuan ||
+                  _this.indexParam.examTopicName == _this.i18n.qiMoShiJuan ||
+                  _this.indexParam.examTopicName == _this.i18n.jiaQiZuoYe)) ||
+              res.value.defaultResourceSourceType == 2
+            ) {
+              //需要重新请求数据
+              _this.requestResourceListData();
+            } else {
+              //取出资源数据
+              _this.itemInfoList = res.value.result;
+            }
+            _this.requestMaterialsGradesData(
+              eduLevelId,
+              subjectId,
+              teachMaterialId,
+              gradeId
+            );
+          } else {
+            _this.loadingError = true;
+          }
+        });
+      }
+    },
+    /*
+     **根据条件的变化请求index
+     */
+    requestResourceIndexWhenChangeTab() {
+      let _this = this;
+      _this.loadingError = false;
+      _this.loadingBankData = true;
+      let tempParams = _this.getCurrentParams();
+      getResourcePoolIndex(tempParams, (res) => {
+        _this.loadingBankData = false;
+        console.log("typeof res ===", typeof res, res);
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res && res.code == 0) {
+          _this.loadingError = false;
+          //取出资源数据
+          if (res.value.examTopicDto) {
+            _this.examTopicDto = {
+              examTopicId: "",
+              examTopicName: _this.i18n.quanBu,
+            }; //默认展示全部
+            // _this.examTopicDto = res.value.examTopicDto;
+            _this.indexParam.examTopicId = _this.examTopicDto.examTopicId;
+            _this.indexParam.examTopicName = _this.examTopicDto.examTopicName;
+          }
+          _this.examTopicDtos = res.value.examTopicDtos;
+          if (_this.examTopicDtos.length) {
+            _this.examTopicDtos.unshift({
+              examTopicId: "all",
+              examTopicName: this.i18n.quanBu,
+            });
+          }
+
+          _this.totalRecord = res.value.totalRecord;
+          _this.pageInfo = {
+            currPage: res.value.currPage,
+            totalPage: res.value.totalPage,
+            perPage: res.value.perPage,
+          };
+          if (
+            _this.screenType == 2 &&
+            (_this.indexParam.examTopicName == _this.i18n.danYuanCeYan ||
+              _this.indexParam.examTopicName == _this.i18n.yueKaoShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.qiZhongShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.qiMoShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.jiaQiZuoYe)
+          ) {
+            //需要重新请求数据
+            _this.requestResourceListData();
+          } else {
+            //取出资源数据
+            _this.itemInfoList = res.value.result;
+          }
+        } else {
+          _this.loadingError = true;
+          _this.itemInfoList = [];
+          _this.pageInfo = {};
+        }
+      });
+    },
+    /*
+     **请求题库数据
+     * 筛选条件时请求
+     */
+    requestResourceListData() {
+      let _this = this;
+      _this.loadingError = false;
+      _this.loadingBankData = true;
+      let tempParams = _this.getCurrentParams();
+      getResourcePoolList(tempParams, (res) => {
+        _this.loadingBankData = false;
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res && res.code == 0) {
+          _this.loadingError = false;
+          _this.itemInfoList = res.value.result;
+          _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,
+          };
+        } else {
+          //请求题目数据报错
+          _this.loadingError = true;
+          _this.itemInfoList = [];
+          _this.pageInfo = {};
+        }
+      });
+    },
+    /*
+     **获取符合当前条件的参数,过滤掉无效的参数，规则如下描述（奇葩的需求，搞个筛选条件弄了这么复杂的逻辑，无语。。。）
+     *
+     * ******************************************** 筛选字段含义如下 ********************************************
+     * 01  teachMaterialId:教材版本
+     * 02  gradeId:册别
+     * 03  subjectId:科目
+     * 04  eduLevelId:学段
+     * 05  resourceSourceType:来源 （区本资源:2，校本资源:3，我的资源:4）
+     * 06  resourceType:分类（试卷:13，教学设计:14，教学课件:1，网络资源:0）
+     * 07  year:年份
+     * 08  provinceId:省
+     * 09  areaId:市
+     * 10  districtId:区
+     * 11  resourceShareCategoryType:类型
+     * 12  examTopicId:试卷专题id
+     * 13  examTopicName:试卷专题name (查询数据用examTopicId，逻辑判断用examTopicName。。。。。。大写的服！！！！！！)
+     * 14  courseId:课程id || 专区id
+     * 15  orderType:排序方式:*默认 0:引用人数倒序、更新时间倒序;*1:引用人数倒序、更新时间正序;*2:引用人数正序，更新时间倒序;*3:引用人数正序、更新时间正序
+     * 16  page:页码
+     * 17  courseSrc: 0是同步课程下的资源库，3是专区下的资源库
+     *
+     * ******************************************** 筛选规则如下 ********************************************
+     * 公共条件:来源和分类
+     * 同步课程 - 区本资源||校本资源 - 试卷 :则展示条件（年份、地区）
+     * 同步课程 - 区本资源||校本资源||我的资源 - 教学课件 :则展示条件（类型）
+     * 同步课程 - 区本资源||校本资源 - 教学设计||网络资源 :则不展示其他条件
+     * 同步课程 - 我的资源 - 试卷||教学设计||网络资源  :则不展示其他条件
+     * 专区 - 区本资源||校本资源 - 试卷 :则展示条件（试卷专题、年份、地区）---> 试卷专题若为单元测验、月考试卷、期中试卷、期末试卷、假期作业，还要显示册别
+     * 专区 - 区本资源||校本资源||我的资源  - 教学课件 :则展示条件（类型、专区）
+     * 专区 - 区本资源||校本资源||我的资源  - 教学设计||网络资源 :则展示条件（专区）
+     * 专区 - 我的资源 - 试卷:则展示条件（专区）
+     *
+     */
+    getCurrentParams() {
+      let _this = this;
+      let currentParams = {
+        teachMaterialId: _this.indexParam.teachMaterialId,
+        subjectId: _this.indexParam.subjectId,
+        eduLevelId: _this.indexParam.eduLevelId,
+        resourceSourceType: _this.indexParam.resourceSourceType,
+        resourceType: _this.indexParam.resourceType,
+        orderType: _this.indexParam.orderType ? _this.indexParam.orderType : 2,
+        page: _this.indexParam.page,
+      };
+      if (_this.indexParam.resourceType == 1) {
+        //只要“分类”选择的是“教学课件”，就一定有“类型”筛选条件
+        currentParams["resourceShareCategoryType"] =
+          _this.indexParam.resourceShareCategoryType;
+      }
+      if (_this.screenType == 1) {
+        //同步课程
+        currentParams["courseId"] = _this.indexParam.courseId;
+        currentParams["courseSrc"] = 0;
+        currentParams["gradeId"] = _this.indexParam.gradeId;
+        if (_this.indexParam.resourceSourceType == 4) {
+          //我的资源
+          currentParams["year"] = "";
+          currentParams["provinceId"] = "";
+          currentParams["areaId"] = "";
+          currentParams["districtId"] = "";
+        } else {
+          //区本资源||校本资源
+          if (_this.indexParam.resourceType == 13) {
+            //“分类”选择的是“试卷”，则有“年份”、“地区”
+            currentParams["year"] = _this.indexParam.year;
+            currentParams["provinceId"] =
+              _this.indexParam.provinceId == 0
+                ? ""
+                : _this.indexParam.provinceId;
+            currentParams["areaId"] =
+              _this.indexParam.areaId == 0 ? "" : _this.indexParam.areaId;
+            currentParams["districtId"] =
+              _this.indexParam.districtId == 0
+                ? ""
+                : _this.indexParam.districtId;
+          }
+        }
+      } else {
+        //专区
+        currentParams["courseSrc"] = 3;
+        if (_this.indexParam.resourceSourceType == 4) {
+          //我的资源,则一定有“专区”
+          currentParams["courseId"] = _this.indexParam.courseId;
+        } else {
+          //区本资源||校本资源
+          if (_this.indexParam.resourceType == 13) {
+            //“分类”选择的是“试卷”，则有“试卷专题”、“年份”、“地区”
+            currentParams["examTopicId"] = _this.indexParam.examTopicId;
+            currentParams["year"] = _this.indexParam.year;
+            currentParams["provinceId"] =
+              _this.indexParam.provinceId == 0
+                ? ""
+                : _this.indexParam.provinceId;
+            currentParams["areaId"] =
+              _this.indexParam.areaId == 0 ? "" : _this.indexParam.areaId;
+            currentParams["districtId"] =
+              _this.indexParam.districtId == 0
+                ? ""
+                : _this.indexParam.districtId;
+            if (
+              _this.indexParam.examTopicName == _this.i18n.danYuanCeYan ||
+              _this.indexParam.examTopicName == _this.i18n.yueKaoShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.qiZhongShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.qiMoShiJuan ||
+              _this.indexParam.examTopicName == _this.i18n.jiaQiZuoYe
+            ) {
+              //试卷专题若为单元测验、月考试卷、期中试卷、期末试卷、假期作业，还要"册别"
+              currentParams["gradeId"] = _this.indexParam.gradeId;
+            }
+          } else {
+            //其他分类则有“专区”
+            currentParams["courseId"] = _this.indexParam.courseId;
+          }
+        }
+      }
+      return currentParams;
+    },
+    /*
+     **获取教材版本数据
+     */
+    requestMaterialsGradesData(
+      eduLevelId,
+      subjectId,
+      teachMaterialId,
+      gradeId
+    ) {
+      let _this = this;
+      _this.courseList = [];
+      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.materialsGradesList = res.value.list;
+            _this.requestCourseListData(
+              subjectId,
+              res.value.checkTeachMaterialId,
+              res.value.checkClassificationId,
+              res.value.checkTermIndex
+            );
+          }
+        }
+      );
+    },
+    /*
+     ** 获取课程数据
+     * 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.courseList = res.value.list;
+          }
+        }
+      );
+    },
+    /*
+     ** 获取知识点数据
+     */
+    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;
+          }
+        }
+      );
+    },
+    /*
+     ** 获取考点数据
+     */
+    requestPointData() {
+      let _this = this;
+      getPoint(
+        {
+          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.examPointList = res.value;
+          }
+        }
+      );
+    },
+    /*
+     ** 获取册别数据
+     */
+    requestClassifications(teachMaterialId, subjectId, eduLevelId) {
+      let _this = this;
+      getClassifications(
+        {
+          teachMaterialId: teachMaterialId,
+          subjectId: subjectId,
+          eduLevelId: eduLevelId,
+        },
+        (res) => {
+          if (!res) {
+            return;
+          }
+          if (typeof res === "string") res = JSON.parse(res);
+          if (res.code == 0) {
+            _this.gradeList = res.value;
+            if (
+              _this.indexParam.gradeId &&
+              _this.indexParam.gradeId.length > 0
+            ) {
+              _this.defaultGradeId = _this.indexParam.gradeId;
+            } else {
+              if (_this.gradeList && _this.gradeList.length > 0) {
+                _this.defaultGradeId = _this.gradeList[0].gradeId;
+              }
+            }
+          }
+        }
+      );
+    },
+    /*
+     ** 获取专区数据
+     */
+    requestZones() {
+      let _this = this;
+      getZoneList({}, (res) => {
+        if (!res) {
+          return;
+        }
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res.code == 0) {
+          _this.currentZoneList = res.value;
+          _this.currentZoneList.unshift({
+            zoneId: "all",
+            zoneName: "全部",
+            itemType: -1,
+          });
+          if (
+            _this.screenType == 2 &&
+            _this.indexParam.courseId &&
+            _this.indexParam.courseId.length > 0
+          ) {
+            _this.zoneId = _this.indexParam.courseId;
+          } else {
+            if (_this.currentZoneList && _this.currentZoneList.length > 0) {
+              _this.zoneId = _this.currentZoneList[0].zoneId;
+            }
+          }
+        }
+      });
+    },
+    //改变右侧栏宽度
+    changeSize(e) {
+      document.onmousemove = (e) => {
+        e.stopPropagation();
+        document.body.style.cursor = "w-resize";
+        let addWidth = this.$refs.drawer.offsetLeft - e.clientX;
+        let curWidth = this.$refs.drawer.offsetWidth;
+        this.$refs.drawer.style.width = `${curWidth + addWidth}px`;
+      };
+      document.onmouseup = (e) => {
+        e.stopPropagation();
+        document.onmousemove = null;
+        document.onmouseup = null;
+        document.body.style.cursor = "default";
+      };
+    },
+    //改变当前页
+    changeCurrentPage() {
+      let _this = this;
+      console.log(
+        "changeCurrentPage---",
+        _this.itemInfoList.length,
+        _this.totalRecord,
+        _this.provinceList.length
+      );
+      if (
+        _this.itemInfoList.length >= _this.totalRecord ||
+        _this.provinceList.length <= 0
+      ) {
+        _this.hasMore = false;
+        return;
+      }
+      // let dic = _this.indexParam;
+      let dic = _this.getCurrentParams(); //获取当前参数;
+      dic["page"] = _this.currPage + 1;
+      _this.requestPageBank(dic);
+    },
+    /*
+     **请求题库数据
+     * 筛选条件时请求
+     */
+    requestPageBank(param) {
+      let _this = this;
+      _this.pageError = false;
+      _this.loading = true;
+      let query = JSON.parse(JSON.stringify(param));
+      if (query.examTopicId) delete query.examTopicId;
+      if (query.examTopicName) delete query.examTopicName;
+      getResourcePoolList(query, (res) => {
+        _this.loading = false;
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res && res.code == 0) {
+          //取出题目数据
+          _this.pageError = false;
+          _this.currPage = res.value.currPage;
+          _this.itemInfoList = _this.itemInfoList.concat(res.value.result);
+          if (_this.itemInfoList.length >= res.value.totalRecord) {
+            _this.hasMore = false;
+          } else {
+            _this.hasMore = true;
+          }
+        } else {
+          //请求题目数据报错
+          _this.pageError = true;
+        }
+      });
+    },
+    //请求获取用户信息
+    async asyncGetUserOperateDataInfo() {
+      let _this = this;
+      var operateString = undefined;
+      let res = await getUserOperate({ operateLogType: 5 });
+      if (res && res.code == 0) {
+        operateString = res.value;
+        if (operateString != undefined && operateString.length > 0) {
+          var prepareInfo = JSON.parse(operateString);
+          if (prepareInfo && prepareInfo.countryId) {
+            _this.defaultPosition.countryId = prepareInfo.countryId;
+            _this.defaultPosition.provinceId =
+              prepareInfo.provinceId && prepareInfo.provinceId > 0
+                ? prepareInfo.provinceId
+                : 0;
+            _this.defaultPosition.areaId =
+              prepareInfo.areaId && prepareInfo.areaId > 0
+                ? prepareInfo.areaId
+                : 0;
+            _this.defaultPosition.districtId =
+              prepareInfo.districtId && prepareInfo.districtId > 0
+                ? prepareInfo.districtId
+                : 0;
+            _this.requestProvinceData(true);
+          } else {
+            _this.requestProvinceData(false);
+          }
+        } else {
+          _this.requestProvinceData(false);
+        }
+      } else {
+        _this.requestProvinceData(false);
+      }
+    },
+    /*
+     **根据省份获取城市信息
+     */
+    requestProvinceData(isHistory) {
+      let _this = this;
+      getProvince({}, (res) => {
+        if (!res) {
+          return;
+        }
+        if (typeof res === "string") res = JSON.parse(res);
+        if (res.code == 0) {
+          if (!isHistory) {
+            _this.defaultPosition.countryId = res.value.countryId;
+            _this.defaultPosition.provinceId = res.value.provinceId;
+            _this.defaultPosition.districtId = res.value.districtId;
+            _this.defaultPosition.areaId = res.value.areaId;
+          }
+          res.value.countryList.forEach((element) => {
+            if (element.id == _this.defaultPosition.countryId) {
+              _this.provinceList = element.provinceList;
+              _this.provinceList.unshift({ id: -1, name: "不限" });
+            }
+          });
+        }
+        _this.indexParam.provinceId =
+          _this.defaultPosition.provinceId == 0
+            ? ""
+            : _this.defaultPosition.provinceId;
+        _this.indexParam.districtId =
+          _this.defaultPosition.districtId == 0
+            ? ""
+            : _this.defaultPosition.districtId;
+        _this.indexParam.areaId =
+          _this.defaultPosition.areaId == 0 ? "" : _this.defaultPosition.areaId;
+        _this.requestIndexData();
+      });
+    },
+  },
+  computed: {},
+};
+</script>
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>