pbl-teacher-table/src/components/pages/testPerson/test/index.vue

<template>
  <div class="i_body">
    <div
      class="i_b_left"
      :style="
        `width:${isFold ? '70px' : '15%'};min-width:${
          isFold ? '70px' : '200px'
        }`
      "
    >
      <!-- <div
        class="i_b_l_top"
        :style="`padding:${isFold ? ' 20px 5px' : '20px'}`"
      >
        <div @click="checkType(5)" :class="{ i_b_l_t_active: type == 5 }">
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="prefixIcon" opacity="0.9">
              <g id="Union">
                <path
                  d="M10 11.25C11.9192 11.25 13.475 9.69419 13.475 7.775C13.475 5.85581 11.9192 4.3 10 4.3C8.08081 4.3 6.525 5.85581 6.525 7.775C6.525 9.69419 8.08081 11.25 10 11.25ZM10 10C8.77117 10 7.775 9.00383 7.775 7.775C7.775 6.54617 8.77117 5.55 10 5.55C11.2288 5.55 12.225 6.54617 12.225 7.775C12.225 9.00383 11.2288 10 10 10Z"
                  fill-opacity="0.9"
                />
                <path
                  d="M10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.16751 14.8325 1.25 10 1.25C5.16751 1.25 1.25 5.16751 1.25 10C1.25 14.8325 5.16751 18.75 10 18.75ZM16.2443 14.1557C14.3435 13.0956 12.2319 12.5 9.99997 12.5C7.76802 12.5 5.65649 13.0956 3.75564 14.1557C2.96238 12.9661 2.5 11.5371 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 11.5371 17.0376 12.9662 16.2443 14.1557ZM15.454 15.1482C14.0867 16.5963 12.1489 17.5 10 17.5C7.85112 17.5 5.91332 16.5963 4.54593 15.1482C6.22562 14.247 8.06603 13.75 9.99997 13.75C11.9339 13.75 13.7743 14.247 15.454 15.1482Z"
                  fill-opacity="0.9"
                />
              </g>
            </g>
          </svg>

          <span v-show="!isFold">教师画像</span>
        </div>
        <div
          @click="checkType(6)"
          v-if="ExamineBase.length > 0"
          :class="{ i_b_l_t_active: type == 6 }"
        >
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M14.0625 2.1875C11.9914 2.1875 10.3125 3.86643 10.3125 5.9375C10.3125 8.00857 11.9914 9.6875 14.0625 9.6875C16.1336 9.6875 17.8125 8.00857 17.8125 5.9375C17.8125 3.86643 16.1336 2.1875 14.0625 2.1875ZM11.5625 5.9375C11.5625 4.55679 12.6818 3.4375 14.0625 3.4375C15.4432 3.4375 16.5625 4.55679 16.5625 5.9375C16.5625 7.31821 15.4432 8.4375 14.0625 8.4375C12.6818 8.4375 11.5625 7.31821 11.5625 5.9375Z"
            />
            <path
              d="M2.5 3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H8.125C8.81536 2.5 9.375 3.05964 9.375 3.75V8.125C9.375 8.81536 8.81536 9.375 8.125 9.375H3.75C3.05964 9.375 2.5 8.81536 2.5 8.125V3.75ZM3.75 3.75V8.125H8.125V3.75H3.75Z"
            />
            <path
              d="M2.5 11.875C2.5 11.1846 3.05964 10.625 3.75 10.625H8.125C8.81536 10.625 9.375 11.1846 9.375 11.875V16.25C9.375 16.9404 8.81536 17.5 8.125 17.5H3.75C3.05964 17.5 2.5 16.9404 2.5 16.25V11.875ZM3.75 11.875V16.25H8.125V11.875H3.75Z"
            />
            <path
              d="M10.625 11.875C10.625 11.1846 11.1846 10.625 11.875 10.625H16.25C16.9404 10.625 17.5 11.1846 17.5 11.875V16.25C17.5 16.9404 16.9404 17.5 16.25 17.5H11.875C11.1846 17.5 10.625 16.9404 10.625 16.25V11.875ZM11.875 16.25H16.25V11.875H11.875V16.25Z"
            />
          </svg>

          <span v-show="!isFold">年度考核</span>
        </div>
        <div @click="checkType(1)" :class="{ i_b_l_t_active: type == 1 }">
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="prefixIcon">
              <g id="Union">
                <path d="M8.75 6.5625H5V5.3125H8.75V6.5625Z" />
                <path
                  d="M1.87531 3.12517C1.87521 2.77993 2.15506 2.5 2.50031 2.5H17.5003C17.8454 2.5 18.1252 2.77972 18.1253 3.12483L18.1265 8.74985C18.1266 9.0951 17.8467 9.37502 17.5015 9.37502H2.50149C2.15638 9.37502 1.87659 9.0953 1.87649 8.75019L1.87531 3.12517ZM3.12632 8.12502H16.8763L16.8755 3.75H3.12547L3.12632 8.12502Z"
                />
                <path d="M5.00014 14.6875H8.75014V13.4375H5.00014V14.6875Z" />
                <path
                  d="M1.87666 11.25C1.87666 10.9048 2.15648 10.625 2.50166 10.625H17.5017C17.8468 10.625 18.1267 10.9048 18.1267 11.25V16.875C18.1267 17.2202 17.8468 17.5 17.5017 17.5H2.50166C2.15648 17.5 1.87666 17.2202 1.87666 16.875V11.25ZM3.12666 16.25H16.8767V11.875H3.12666V16.25Z"
                />
              </g>
            </g>
          </svg>
          <span v-show="!isFold">资料提交</span>
        </div>
        <div
          @click="checkType(2)"
          :class="{ i_b_l_t_active: type == 2 }"
          v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'"
        >
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="prefixIcon" opacity="0.9">
              <g id="Union">
                <path d="M5.625 6.25H14.375V7.5H5.625V6.25Z" />
                <path d="M11.25 9.375H5.625V10.625H11.25V9.375Z" />
                <path
                  d="M3.75 2.5C3.05964 2.5 2.5 3.05964 2.5 3.75V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V3.75C17.5 3.05964 16.9404 2.5 16.25 2.5H3.75ZM16.25 3.75V16.25H3.75L3.75 3.75H16.25Z"
                />
              </g>
            </g>
          </svg>

          <span v-show="!isFold">培训活动</span>
        </div>
        <div @click="checkType(3)" :class="{ i_b_l_t_active: type == 3 }">
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="Frame 52">
              <path
                id="Union"
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M3.75 3.125C3.40482 3.125 3.125 3.40482 3.125 3.75V16.25C3.125 17.2855 3.96447 18.125 5 18.125H17.5C17.7949 18.125 18.0496 17.9189 18.1112 17.6306C18.1728 17.3423 18.0246 17.0502 17.7556 16.9297L17.7554 16.9296L17.75 16.9271L17.72 16.9127C17.6926 16.8994 17.6515 16.8788 17.6016 16.8518C17.5001 16.797 17.3689 16.7199 17.2415 16.6276C17.1106 16.5328 17.0049 16.4374 16.9373 16.3511C16.8936 16.2953 16.8802 16.2623 16.8763 16.25C16.8802 16.2377 16.8936 16.2047 16.9373 16.1489C17.0049 16.0626 17.1106 15.9672 17.2415 15.8724C17.3689 15.7801 17.5001 15.703 17.6016 15.6482C17.6515 15.6212 17.6926 15.6006 17.72 15.5873L17.7488 15.5735C17.7868 15.557 17.8228 15.5369 17.8564 15.5135C17.9102 15.4762 17.957 15.4312 17.9958 15.3805C18.0612 15.2955 18.1052 15.1931 18.1197 15.0815C18.1236 15.0518 18.1254 15.0217 18.125 14.9914V3.75C18.125 3.40482 17.8452 3.125 17.5 3.125H3.75ZM16.875 14.375V4.375H4.375V14.375H5H16.875ZM15.7904 15.625H5C4.65482 15.625 4.375 15.9048 4.375 16.25C4.375 16.5952 4.65482 16.875 5 16.875H15.7904C15.6955 16.6993 15.625 16.489 15.625 16.25C15.625 16.011 15.6955 15.8007 15.7904 15.625ZM5.625 8.125C5.625 7.77982 5.90482 7.5 6.25 7.5H11.25C11.5952 7.5 11.875 7.77982 11.875 8.125C11.875 8.47018 11.5952 8.75 11.25 8.75H6.25C5.90482 8.75 5.625 8.47018 5.625 8.125ZM6.25 10.625C5.90482 10.625 5.625 10.9048 5.625 11.25C5.625 11.5952 5.90482 11.875 6.25 11.875H9.375C9.72018 11.875 10 11.5952 10 11.25C10 10.9048 9.72018 10.625 9.375 10.625H6.25Z"
              />
            </g>
          </svg>

          <span v-show="!isFold">教学活动</span>
        </div>
        <div @click="checkType(4)" :class="{ i_b_l_t_active: type == 4 }">
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="prefixIcon" opacity="0.9">
              <g id="Union">
                <path
                  d="M17.6652 6.18811L13.611 2.13388L14.4948 1.25L18.5491 5.30422L17.6652 6.18811Z"
                />
                <path
                  d="M7.46495 16.3885L2.94875 17.2917C2.68636 17.3442 2.45501 17.1129 2.50749 16.8505L3.41073 12.3343L12.5327 3.21227L16.587 7.2665L7.46495 16.3885ZM14.8192 7.2665L12.5327 4.98004L4.56223 12.9505L3.99062 15.8086L6.84869 15.237L14.8192 7.2665Z"
                />
                <path d="M18.75 13.75H13.75V15H18.75V13.75Z" />
                <path d="M18.75 16.25H10.625V17.5H18.75V16.25Z" />
              </g>
            </g>
          </svg>

          <span v-show="!isFold">教研活动</span>
        </div>

        <span>更多</span>
        <div :class="{ i_b_l_t_active: type == 7 }">
          <svg
            width="20"
            height="20"
            viewBox="0 0 20 20"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M10.5968 9.37499L7.78958 6.56776L8.67346 5.68388L12.636 9.64644C12.8313 9.8417 12.8313 10.1583 12.636 10.3535L8.67346 14.3161L7.78958 13.4322L10.5968 10.625L1.25 10.625L1.25 9.37497L10.5968 9.37499Z"
            />
            <path
              d="M5.00007 6.25V3.75H15.0001V16.25H5.00007V13.75H3.75007V16.875C3.75007 17.2202 4.02989 17.5 4.37507 17.5H15.6251C15.9702 17.5 16.2501 17.2202 16.2501 16.875V3.125C16.2501 2.77982 15.9702 2.5 15.6251 2.5H4.37507C4.02989 2.5 3.75007 2.77982 3.75007 3.125V6.25H5.00007Z"
            />
          </svg>

          <span>个人资料库</span>
        </div>
      </div> -->
      <div class="i_b_l_top2">
        <div class="i_b_l_t_navItem" v-for="(item,index) in navList" :key="index">
          <div class="i_b_l_t_ni_title" :class="{navActive:item.children.findIndex(i=>i.navIndex==navIndex)!=-1}" @click="item.open = !item.open">
            <span>{{ item.name }}</span>
            <svg t="1739861887813" :style="`transform:rotate(${item.open?0:180}deg);`" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4184" width="200" height="200"><path d="M942.936 747.245c29.315-28.497 29.315-74.739 0-103.307l-378.011-367.236c-29.367-28.483-76.982-28.483-106.291 0l-377.997 367.236c-29.367 28.562-29.367 74.806 0 103.307 29.325 28.546 76.929 28.546 106.304 0l324.841-315.6 324.803 315.599c29.367 28.545 76.973 28.544 106.356 0l0 0z" p-id="4185"></path></svg>
          </div>
          <div class="i_b_l_t_ni_box" v-show="item.open">
            <div class="i_b_l_t_ni_b_item" v-show="(item2.navIndex=='0-2'?oid=='4c686762-1d0a-11ed-8c78-005056b86db5':true)" @click="changeNavIndex(item2.navIndex,item2)" :class="{navActive:item2.navIndex==navIndex}" v-for="(item2,index2) in item.children" :key="index+'-'+index2">
              <span>{{ item2.name }}</span>
            </div>
          </div>
        </div>
      </div>

      <div class="i_b_l_bottom">
        <!-- <span>
          <svg
            @click="isFold = !isFold"
            :style="`transform: rotate(${isFold ? '0' : '180'}deg);`"
            t="1739254286361"
            class="icon"
            viewBox="0 0 1317 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="6102"
            width="200"
            height="200"
          >
            <path
              fill="#868686"
              d="M1310.815586 480.686203L1055.295 257.418828a14.717485 14.717485 0 0 0-21.293382 4.070794 15.343761 15.343761 0 0 0-3.444518 9.707277v445.282197a14.717485 14.717485 0 0 0 14.717485 14.717485 13.151795 13.151795 0 0 0 9.394139-3.757656l255.520586-223.267374a14.717485 14.717485 0 0 0 0-20.667107zM1242.864646 1023.35431H73.607456A64.506422 64.506422 0 0 1 0.646308 950.393162 64.506422 64.506422 0 0 1 73.607456 877.432014h1169.25719A64.506422 64.506422 0 0 1 1315.825793 950.393162a64.506422 64.506422 0 0 1-72.961147 72.961148zM1242.864646 146.567986H73.607456A64.506422 64.506422 0 0 1 0.646308 73.606838 64.506422 64.506422 0 0 1 73.607456 0.64569h1169.25719A64.506422 64.506422 0 0 1 1315.825793 73.606838a64.506422 64.506422 0 0 1-72.961147 72.961148zM804.471484 584.961148H73.607456A64.506422 64.506422 0 0 1 0.646308 512 64.506422 64.506422 0 0 1 73.607456 439.038852h730.864028A64.506422 64.506422 0 0 1 877.432632 512a64.506422 64.506422 0 0 1-72.961148 72.961148z"
              p-id="6103"
            ></path>
          </svg>
        </span> -->
      </div>
    </div>
    <div class="i_b_right">
      <portrait :ExamineBase="ExamineBase" v-if="showCard == 'portraitOfTeacher'" />
      <Test :oid="oid" :userid="userid" v-if="showCard == 'formSubmit' && formSubmitObj.id" :typeId="formSubmitObj.id" :typeList="formSubmitObj.typeList"></Test>
      <TrainCourse v-if="showCard == 'trainingActivity'"></TrainCourse>
      <Course v-if="showCard == 'teachingActivity'"></Course>
      <trActivity v-if="showCard == 'teachingAndResearchActivities'" :oid="oid" :userid="userid"></trActivity>
      <examine v-if="showCard == 'annualAssessment'"></examine>
    </div>
    <!-- <div class="i_body_title">
      <div class="title_box">
        <span @click="checkType(1)" :class="{active:type == 1}">资料提交</span>
        <span @click="checkType(2)" :class="{active:type == 2}"  v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'">培训活动</span>
        <span @click="checkType(3)" :class="{active:type == 3}">教学活动</span>
        <span @click="checkType(4)" :class="{active:type == 4}">教研活动</span>
      </div>
      <div>

      </div>
    </div> -->
    <!-- <el-button type="primary" class="bgColor" @click="returnA()">表单中心</el-button> -->
    <!-- <Test :oid="oid" :userid="userid" v-if="type == 1"></Test>
    <TrainCourse v-if="type == 2"></TrainCourse>
    <Course v-if="type == 3"></Course>
    <trActivity v-if="type == 4" :oid="oid" :userid="userid"></trActivity> -->
  </div>
</template>

<script>
import Test from "./test.vue";
import TrainCourse from "../../trainCourse/index.vue";
import Course from "../../course/index.vue";
import trActivity from "./trActivity.vue";
import examine from "../examine/index";
import portrait from "../portrait/index";
export default {
  props: {
    userid: {
      type: String
    },
    oid: {
      type: String
    }
  },
  components: {
    Test,
    TrainCourse,
    Course,
    trActivity,
    examine,
    portrait
  },
  data() {
    return {
      type: 5,
      org: this.$route.query.org,
      role: this.$route.query.role,
      // oid: this.$route.query.oid,
      ExamineBase: [],
      isFold: false,
      navList:[],
      navIndex:'0-5',
      showCard:'portraitOfTeacher',
      showFormId:"",
    };
  },
  computed: {
    getNum() {
      return function(array) {
        let _array = JSON.parse(array);
        let num = 0;
        _array.forEach(el => {
          if ((el.ttype == 3 || el.ttype == 2) && el.array.length > 0) {
            el.array.forEach(item => {
              if (item.ttype == 2 && item.array.length > 0) {
                item.array.forEach(item2 => {
                  if (item2.ttype == 1 && item2.json) {
                    num++;
                  }
                });
              } else if (item.ttype == 1 && item.json) {
                num++;
              }
            });
          } else if (el.ttype == 1 && el.json) {
            num++;
          }
        });
        return num;
      };
    },
    getScore() {
      return function(array) {
        // let _array = JSON.parse(array)
        let _score = 0;
        let scoreArray = [];
        for (var i = 0; i < array.length; i++) {
          let _array = JSON.parse(array[i].courseJson);
          let score = 0;
          for (var j = 0; j < _array.length; j++) {
            let el = _array[j];
            if ((el.ttype == 3 || el.ttype == 2) && el.array.length > 0) {
              for (var k = 0; k < el.array.length; k++) {
                let item = el.array[k];
                if (item.ttype == 2 && item.array.length > 0) {
                  for (var z = 0; z < item.array.length; z++) {
                    let item2 = item.array[k];
                    if (item2.ttype == 1 && item2.json && item2.json.score2) {
                      score += parseInt(item2.json.score2);
                    }
                  }
                } else if (item.ttype == 1 && item.json && item.json.score2) {
                  score += parseInt(item.json.score2);
                }
              }
            } else if (el.ttype == 1 && el.json && el.json.score2) {
              score += parseInt(el.json.score2);
            }
          }
          scoreArray.push(score);
        }
        scoreArray.forEach(el => {
          _score += el;
        });
        console.log(scoreArray);
        return _score ? _score / scoreArray.length : 0;
      };
    },
    getImg() {
      return function(array) {
        let _array = JSON.parse(array);
        let _img = "";
        s: for (var j = 0; j < _array.length; j++) {
          let el = _array[j];
          if ((el.ttype == 3 || el.ttype == 2) && el.array.length > 0) {
            for (var k = 0; k < el.array.length; k++) {
              let item = el.array[k];
              if (item.ttype == 2 && item.array.length > 0) {
                for (var z = 0; z < item.array.length; z++) {
                  let item2 = item.array[k];
                  if (
                    item2.ttype == 1 &&
                    item2.type == 5 &&
                    item2.json &&
                    item2.json.file &&
                    item2.json.file.length > 0
                  ) {
                    for (var k = 0; k < item2.json.file.length; k++) {
                      let ik = item2.json.file[k];
                      if (ik.type == 3) {
                        _img = ik.url;
                        break s;
                      }
                    }
                  }
                }
              } else if (
                item.ttype == 1 &&
                item.type == 5 &&
                item.json &&
                item.json.file &&
                item.json.file.length > 0
              ) {
                for (var k = 0; k < item.json.file.length; k++) {
                  let ik = item.json.file[k];
                  if (ik.type == 3) {
                    _img = ik.url;
                    break s;
                  }
                }
              }
            }
          } else if (
            el.ttype == 1 &&
            el.type == 5 &&
            el.json &&
            el.json.file &&
            el.json.file.length > 0
          ) {
            for (var k = 0; k < el.json.file.length; k++) {
              let ik = el.json.file[k];
              if (ik.type == 3) {
                _img = ik.url;
                break s;
              }
            }
          }
        }
        return _img;
      };
    },
    formSubmitObj(){
      let _result = {
        id:"",
        typeList:[],
      }

      if(this.showCard == 'formSubmit'){
        let _indexList = this.navIndex.split("-");
        let _data = this.navList[parseInt(_indexList[0])];
        _result.id = _data.id;
        _result.typeList = _data.typeList;
      }

      return _result;
    }
  },
  methods: {
    checkType(type) {
      this.type = type;
      this.getWorks();
    },
    selectTestType() {
      let params = {
        oid: this.oid
      };
      this.ajax
        .get(this.$store.state.api + "selectTestType", params)
        .then(res => {
          this.typeArray = res.data[0];
        })
        .catch(err => {
          console.error(err);
        });
    },
    getWorks() {
      this.loading = true;
      let params = {
        uid: this.userid,
        typeid: this.type
      };
      this.ajax
        .get(this.$store.state.api + "getTestWorksPerson", params)
        .then(res => {
          this.loading = false;
          let array = res.data[0];
          let array2 = res.data[1];
          // 用于存储归类后的数据的对象
          let worksArray = {};

          // 遍历原始数据，根据 parentId 进行分组
          array2.forEach(item => {
            // console.log(item.chapters);
            worksArray[item.courseId] = {
              id: item.id,
              courseid: item.courseId,
              title: item.title,
              time: item.time,
              utime: item.utime,
              chapters: item.chapters,
              brief: item.brief,
              array: []
            };
          });
          worksArray = Object.values(worksArray);
          worksArray.forEach(el => {
            array.forEach(el2 => {
              if (el.courseid == el2.courseid) {
                el.array.push(el2);
              }
            });
          });
          // worksArray[item.courseid].array.push(item);

          this.worksArray = worksArray;
          this.$forceUpdate();
        })
        .catch(err => {
          this.loading = false;
          console.error(err);
        });
    },
    returnA() {
      this.$router.push(
        "/testStudent?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
      );
    },
    checkTest(cid, tid) {
      this.$router.push(
        "/checkTest?cid=" +
          cid +
          "&tid=" +
          tid +
          "&userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&type=3" +
          "&role=" +
          this.role
      );
    },
    doTest(cid, tid) {
      this.$router.push(
        "/doTest?cid=" +
          cid +
          "&tid=" +
          tid +
          "&userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&type=3" +
          "&role=" +
          this.role
      );
    },
    doTest2(cid) {
      this.$router.push(
        "/doTest?cid=" +
          cid +
          "&userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&type=3" +
          "&role=" +
          this.role
      );
    },
    copyTest(tid) {
      let params = [
        {
          tid: tid,
          uid: this.userid
        }
      ];
      this.ajax
        .post(this.$store.state.api + "copyTestWorks", params)
        .then(res => {
          this.$message.success("复制成功");
          this.getWorks();
        })
        .catch(err => {
          console.error(err);
        });
    },
    deleteTest(tid) {
      let _this = this;
      _this
        .$confirm("确定删除此提交的表单么？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
        .then(() => {
          let params = [
            {
              tid: tid
            }
          ];
          _this.ajax
            .post(_this.$store.state.api + "deleteTestCourseWorks", params)
            .then(res => {
              _this.$message.success("删除成功");
              _this.getWorks();
            })
            .catch(err => {
              console.error(err);
            });
        })
        .catch(() => {
          return;
        });
    },
    getPageBase(type = 1) {
      let params = {
        typ: type,
        org: this.org,
        oid: this.oid
      };
      this.ajax
        .get(this.$store.state.api + "selectTestExamineBase", params)
        .then(res => {
          this.ExamineBase = res.data[0];
          if (type == 1 && !res.data[0].length) {
            this.getPageBase(2);
          }
          // console.log("selectTestExamineBase", res.data);
        })
        .catch(error => {
          console.log(error);
        });
    },
    getNavType() {
      let params = {
        oid: "",//this.oid
      };
      this.ajax
        .get(this.$store.state.api + "selectTestType", params)
        .then(res => {
          let _data = res.data[0];
          let _type1 = _data.filter(i => i.pid == "");
          _type1.forEach((i,index) => {
            let _typeList = [];
            _typeList = _data.filter(i2 => i2.pid == i.id);

            let _children = [{name:"资料提交",type:"formSubmit",typeId:i.id,navIndex:`${index}-0`}]
            i.open = false;

            if(i.id=='e18d88b3-e828-11ef-b508-005056924926'){
              _children.push(...[
                {name:"年度考核",type:"annualAssessment",navIndex:`${index}-1`},
                {name:"培训活动",type:"trainingActivity",navIndex:`${index}-2`},
                {name:"教学活动",type:"teachingActivity",navIndex:`${index}-3`},
                {name:"教研活动",type:"teachingAndResearchActivities",navIndex:`${index}-4`},
                {name:"教师画像",type:"portraitOfTeacher",navIndex:`${index}-5`}]
              )

              // if(this.oid=="4c686762-1d0a-11ed-8c78-005056b86db5"){
              //   _children.splice(1,0,{name:"培训活动",type:"trainingActivity",navIndex:`${index}-2`})
              // }

              i.open = true;
            }

            i.children = _children;

            i.typeList = _typeList;

            i.navIndex = `${index}`

          });

          this.navList = _type1;
        })
        .catch(err => {
          console.log(err);
        });
    },
    changeNavIndex(newIndex,item){
      this.navIndex = newIndex;
      this.showCard = item.type;
    }
  },
  mounted() {
    this.selectTestType();
    this.getWorks();
    this.getPageBase();
    this.getNavType();
  }
};
</script>

<style scoped>
.i_body {
  width: 100%;
  height: 100%;
  /* background: #fff; */
  /* padding: 20px 10px; */
  box-sizing: border-box;
  background: #efeff0;
  display: flex;
}

.i_b_left {
  width: 15%;
  min-width: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

.i_b_l_top {
  width: 100%;
  height: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 20px;
  overflow: auto;
}

.i_b_l_top > div {
  width: 100%;
  height: 40px;
  background-color: #fff;
  margin-bottom: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 15px 0 10px;
  cursor: pointer;
  color: #00000099;
  box-sizing: border-box;
  transition: all 0.2s;
}

.i_b_l_top > div:hover {
  background-color: #f5f7fa;
}

.i_b_l_top > div.i_b_l_t_active {
  background-color: #3681fc;
  color: #fff;
}

.i_b_l_top > div.i_b_l_t_active > svg {
  fill: #fff;
}

.i_b_l_top > div > span {
  font-size: 18px;
}

.i_b_l_top > div > svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  fill: #00000099;
  margin-right: 15px;
  margin-left: 10px;
}

.i_b_l_top > span {
  margin: 15px 0 15px 20px;
  font-size: 16px;
  color: #00000066;
}

.i_b_l_bottom {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding: 0 25px;
  display: flex;
  align-items: center;
  border-top: solid 1px #e7e7e7;
}

.i_b_l_bottom > span {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.i_b_l_bottom > span > svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.i_b_right {
  flex: 1;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}
/*
.i_body_title {
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.i_body_title > .title_box span{
  cursor: pointer;
  border-bottom: 1px solid #40a0ff00;
  box-sizing: border-box;
  padding: 0px 0 5px;
  margin-left: 10px;
}
.i_body_title > .title_box span + span{
 margin-left: 20px;
}

.i_body_title > .title_box span.active{
  border-bottom: 2px solid rgb(12 125 255);
    color: rgb(12 125 255);
} */

 .i_b_l_top2{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 0px 10px 0px;
 }

 .i_b_l_t_navItem{
  width: 100%;
  height: auto;
 }

 .i_b_l_t_ni_title{
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 30px 0 40px;
  transition: .2s;
  cursor: pointer;
 }

 .navActive{
  color: #1684FC;
  fill: #1684FC;
 }

 .i_b_l_t_ni_title>span{
    font-size: 18px;
 }

 .i_b_l_t_ni_title>svg{
  width: 15px;
  height: 15px;
 }

 .i_b_l_t_ni_title:hover{
  color: #1684FC;
  fill: #1684FC;
 }


 .i_b_l_t_ni_box{
  width: 100%;
  height: auto;
  background-color:#F7F7F7;
 }

 .i_b_l_t_ni_box>.navActive{
  background-color: #E6F7FF;
 }

 .i_b_l_t_ni_b_item{
  width: 100%;
  height: 50px;
  transition: .2s;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 30px 0 60px;
  cursor: pointer;
 }

 .i_b_l_t_ni_b_item>span{
  font-size: 18px;
 }

 .i_b_l_t_ni_b_item:hover{
  background-color: #E6F7FF;
 }
</style>