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

<template>
  <div class="pb_content" style="background: #f0f2f5" v-loading="loading">
    <div class="pb_content_body" style="position: relative; margin: 0">
      <div class="right">
        <div class="courseTop" v-if="gotype && !disableBack && !peopleId">
          <div
            class="r_pub_button_retrun"
            @click="retrunCourse"
          >
            返回
          </div>
        </div>
        <div class="courseTop" v-else>
          <div class="stepsNav" v-if="!examineId && !disableBack">
            <el-breadcrumb separator-class="el-icon-arrow-right" v-if="review ==='1'">
              <el-breadcrumb-item
              v-if="!back"
                :to="{
                  path:
                    '/test?userid=' +
                    userid +
                    '&oid=' +
                    oid +
                    '&org=' +
                    org +
                    '&role=' +
                    role,
                }"
                >表单管理</el-breadcrumb-item
              >
              <el-breadcrumb-item v-else-if="back=='sass'" :to="{
                  path:
                      '/sassPlatform?userid=' +
                      userid +
                      '&oid=' +
                      oid +
                      '&org=' +
                      org +
                      '&role=' +
                      role,
              }">sass平台</el-breadcrumb-item>
              <el-breadcrumb-item>
                <span style="color: rgb(15, 126, 255)">查看表单</span>
              </el-breadcrumb-item>
            </el-breadcrumb>
          </div>
          <div
            v-if="!peopleId && !disableBack"
            class="r_pub_button_retrun"
            @click="retrunCourse"
          >
            返回
          </div>
        </div>
        <div class="step_box" ref="stepBox" v-loading="pdfLoading">
          <div class="boxSticky" ref="boxSticky">
            <div
              class="test_title"
              :style="!isDesktop ? 'justify-content: center;' : ''"
            >
              <div class="left">
                <div class="title">{{ testJson.title }}</div>
                <div class="info" v-if="isDesktop">
                  <div class="info_box" v-if="testJson.typeN">
                    <span>类型：</span>
                    <span>{{ testJson.typeN }}</span>
                  </div>
                  <div class="info_box">
                    <span>填写范围：</span>
                    <span>{{
                      testJson.juriP ? testJson.juriP : "所有人"
                    }}</span>
                  </div>
                  <div class="info_box" v-if="testJson.overtime">
                    <span>截止时间：</span>
                    <span>{{ testJson.overtime }}</span>
                  </div>
                </div>
              </div>
              <div v-if="!peopleId">
                <div class="right" v-if="isDesktop">
                  <div class="data_box">
                    <span>提交数量</span>
                    <!-- <span><span class="big">{{ works.length }}</span>份</span> -->
                    <span
                      ><span class="big">{{ worksArray.length }}</span
                      >份</span
                    >
                  </div>
                  <div class="data_box" v-if="testJson.juriP">
                    <span>表单完成率</span>
                    <span
                      ><span class="big">{{
                        ((iscount / pcount) * 100).toFixed(0)
                      }}</span
                      >%</span
                    >
                  </div>
                  <div class="data_box" v-if="testJson.juriP">
                    <span>未完成人数</span>
                    <span
                      ><span class="big">{{ pcount - iscount }}</span></span
                    >
                  </div>
                  <div class="btn_box" @click="dialogVisibleShare = true">
                    <span></span>
                    <span>提醒</span>
                  </div>
                </div>
              </div>
              <div class="right" v-if="review==='1'">
                <div class="score_box">总分：<span>{{ scoList2.reduce((acc, curr) => acc + curr.sco, 0) }}</span></div>
              </div>
            </div>

            <!-- pc端 查看切换 isDesktop-->
            <div class="search_nav" v-if="isDesktop">
              <div class="right">
                <span
                  :class="{ active: stype == 1 }"
                  @click="checkDataType(1)"
                  v-if="!peopleId"
                  >按题目查看</span
                >
                <span :class="{ active: stype == 2 }" @click="checkDataType(2)"
                  >按人员查看</span
                >
                <span
                  :class="{ active: stype == 3 }"
                  @click="checkDataType(3)"
                  v-show="false"
                  >按数量查看</span
                >
              </div>
              <div class="left" v-if="isDesktop">
                <!-- <div style="margin-right: 10px;position: relative;" v-if="stype == 2 || stype == 3"> -->
                <!-- <div style="margin-right: 10px;position: relative;">
                  <el-select v-model="TeachingValue" @change="searchCourse" placeholder="按教研室">
                    <el-option
                      label="全部"
                      value="">
                    </el-option>
                    <el-option
                      v-for="item in TeachingOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id">
                    </el-option>
                  </el-select>
                </div> -->
                <div
                  style="margin-right: 10px; position: relative"
                  v-if="stype == 2 || stype == 3"
                >
                  <!-- <el-date-picker
                    v-model="SubmitTime"
                    type="date"
                    @change="searchCourse"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期"
                  >
                  </el-date-picker> -->
                  <!-- <el-select v-model="SubmitTime" placeholder="按提交时间筛选">
                    <el-option
                      label="全部"
                      value="">
                    </el-option>
                    <el-option
                      v-for="item in SubmitTimeOptions"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id">
                    </el-option>
                  </el-select> -->
                </div>
                <div
                  style="margin-right: 10px; position: relative"
                  v-if="stype == 2 || stype == 3"
                >
                  <el-input
                    v-model="courseName"
                    class="student_input"
                    :disabled="!!peopleId"
                    placeholder="请输入需要搜索的姓名"
                  ></el-input>
                  <span class="serach_icon" @click="searchCourse"></span>
                </div>

                <div
                  class="btnA"
                  v-if="stype == 1 && !pdfLoading"
                  @click="exportPDF"
                >
                  导出PDF
                </div>
                <div
                  class="btnA"
                  v-if="stype == 2"
                  @mouseenter="btnDisplay = true"
                  @mouseleave="btnDisplay = false"
                >
                  导出数据
                  <div v-show="btnDisplay" class="buttonBox">
                    <div type="primary" @click="exportExcel">下载汇总表格</div>
                    <div type="primary" @click="exportAllWord">
                      导出人员数据
                    </div>
                    <div
                      type="primary"
                      v-if="stype == 2"
                      @click="exportWordData"
                    >
                      word导出
                    </div>
                  </div>
                </div>

                <div class="btnA" v-if="stype == 3" @click="exportAllWord2">
                  导出人员数据
                </div>
                <div
                  class="btnA"
                  @click="openChat"
                  v-if="this.worksArray.length && !peopleId"
                >
                  AI分析
                </div>



                 <el-popover
                 v-if="stype == 2 && ((peopleId && review==1) || (!peopleId && !review))"
                  placement="top-start"
                  width="320"
                  ref="popover1"
                  :visible-arrow="false"
                  trigger="click"

                  >
                    <div class="openCeBox">
                        <div v-if="aiscoLoading" class="openCeBoxLoading">
                          小可努力生成中，请稍等片刻<img style="width: 50px;" src="../../../../assets/KekeLoading.gif" alt="">
                        </div>
                        <div style="display: flex;justify-content: space-between;align-items: center;">
                          <div class="TopTit">智能评分</div>
                          <el-popover
                            placement="bottom"
                            @click.native.stop
                            :visible-arrow="false"
                            width="300"
                            ref="popover2"
                            v-model="opQvisible"
                            trigger="click">
                            <div>
                              <div style="display: flex;align-items: center;margin-bottom: 10px;">
                                <img src="../../../../assets/delicon.svg" alt="">是否确认清空
                              </div>
                              <div style="padding: 0 20px;box-sizing: border-box;">清空会删除所有配置信息，并同步删除已经生成完成的数据列。请谨慎操作！</div>
                              <div style="display: flex;justify-content: flex-end;margin-top: 10px;">
                                  <el-button class="BtnOPC" @click="opQvisible = false"> 取消</el-button>
                                  <el-button class="BtnOPC" @click="cleancueWord" style="background: #1456F0;" type="primary">确定</el-button>
                              </div>
                            </div>
                            <div class="Topkong" slot="reference">
                              <img src="../../../../assets/clear.svg" alt="">
                              清空
                            </div>
                          </el-popover>

                        </div>
                        <div style="font-size: 12px;color: #6E6B6B;">标题</div>
                        <div>
                          <el-input v-model="cueWord.openCeTit" placeholder="输入列标题"></el-input>
                        </div>
                        <div style="font-size: 12px;color: #6E6B6B;">配置</div>
                        <div style="background: #F5F6F7;padding: 10px;box-sizing: border-box;border-radius: 5px;">
                          <div style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;">
                            <div style="font-size: 12px;color: #6E6B6B;">输入指令*</div>

                              <div style="position: relative;font-size: 12px;color: #3992EA;" >
                                <div style="cursor: pointer;" @click="quoteShow">
                                    <i class="el-icon-circle-plus-outline"></i>
                                    引用字段
                                </div>


                                <div class="quoteBlock" v-if="quoteV">
                                  <el-input  v-model="opcInp" placeholder="请输入内容">
                                    <i slot="prefix" class="el-input__icon el-icon-search"></i>
                                  </el-input>
                                  <div class="quoteBlockCon">
                                    <div v-if="!opcInp.trim() ? true : '序号'.includes(opcInp)" :class="[cueWord.fieldList.indexOf('序号') != -1 ? 'selCss' :'']"
                                    @click="addfield('序号')">序号</div>

                                    <div v-if="!opcInp.trim() ? true :'提交人'.includes(opcInp)" :class="[cueWord.fieldList.indexOf('提交人') != -1 ? 'selCss' :'']"
                                    @click="addfield('提交人')">提交人</div>

                                    <template  v-for="(i,index) in teaType">
                                      <div v-if="!opcInp.trim() ? true : i.name.includes(opcInp)" :class="[cueWord.fieldList.indexOf(i.name) != -1 ? 'selCss' :'']"
                                       @click="addfield(i.name)" :key="index+'a'">
                                        <el-tooltip class="item" effect="dark" :content="i.name" placement="top">
                                            <div style="
                                            white-space: nowrap;
                                            overflow: hidden;
                                            text-overflow: ellipsis;">
                                            {{ i.name }}</div>
                                        </el-tooltip>
                                      </div>
                                    </template>


                                    <div v-if="!opcInp.trim() ? true : '提交时间'.includes(opcInp)" :class="[cueWord.fieldList.indexOf('提交时间') != -1 ? 'selCss' :'']"
                                    @click="addfield('提交时间')">提交时间</div>

                                    <template v-for="(i,index) in fie(chapters)">
                                      <div :class="[cueWord.fieldList.indexOf(i.json.title) != -1 ? 'selCss' :'']"
                                        v-if="!opcInp.trim() ? true :i.json.title.includes(opcInp)" @click="addfield(i.json.title)"
                                        :key="index+'b'">

                                         <el-tooltip class="item" effect="dark" :content="i.json.title" placement="top">
                                            <div style="
                                            white-space: nowrap;
                                            overflow: hidden;
                                            text-overflow: ellipsis;">
                                            {{ i.json.title }}</div>
                                        </el-tooltip>

                                      </div>
                                    </template>

                                  </div>

                                </div>
                                <div class="maskCss" v-if="quoteV" @click.stop="quoteV = false,opcInp=''"></div>

                              </div>

                          </div>
                          <div style="display: flex;gap: 8px;margin-bottom: 5px;flex-wrap: wrap;">
                            <span class="SPCE" v-for="(i,index) in cueWord.fieldList" :key="index+'c'">
                              {{ i }} <i @click="addfield(i)" class="el-icon-close" style="cursor: pointer;"></i>
                            </span>
                          </div>
                          <div>
                            <el-input
                              resize="none"
                              type="textarea"
                              :rows="8"
                              placeholder="请输入内容"
                              v-model="cueWord.openCeCon">
                            </el-input>
                          </div>
                        </div>
                        <!-- <div style="display: flex;justify-content: flex-start;align-items: center;gap: 5px;">
                          <el-switch
                            v-model="openCeVal"
                            >
                          </el-switch>
                          <span>自动更新
                             <el-tooltip class="item" effect="dark" content="开启后，当前字段将跟随配置内容的变化同步更新" placement="top">
                                <i class="el-icon-warning-outline"></i>
                              </el-tooltip>
                            </span>
                        </div> -->
                        <div style="margin-top: 10px;display: flex;justify-content: flex-end;">
                          <el-button @click="opQvisible0 = false">取消</el-button>
                          <el-button style="background: #1456F0;" @click="markScoAuto()" type="primary">自动评分</el-button>
                          <el-button style="background: #1456F0;" @click="markSco()" type="primary">运行</el-button>
                        </div>
                    </div>


                    <div
                      slot="reference"
                      class="btnA"
                    >
                      智能评分
                    </div>
                </el-popover>

                <!--v-if="this.worksArray.length"-->
              </div>
            </div>
            <!-- 手机端 查看切换 isDesktop-->
            <div
              class="search_nav"
              style="display: flex; justify-content: space-evenly; border: none"
              v-if="!isDesktop"
            >
              <div class="right">
                <span :class="{ active2: stype == 1 }" @click="checkDataType(1)"
                  >按题目查看</span
                >
                <span :class="{ active2: stype == 2 }" @click="checkDataType(2)"
                  >按人员查看</span
                >
                <span
                  :class="{ active2: stype == 3 }"
                  @click="checkDataType(3)"
                  v-show="false"
                  >按数量查看</span
                >
              </div>
            </div>
          </div>

          <!-- 按题目pc端 isDesktop-->
          <div
            class="title_content"
            v-if="stype == 1 && isDesktop"
            v-loading="isLoading"
          >
            <div
              class="title_box"
              v-if="!testArray.length"
              style="
                display: flex;
                align-items: center;
                justify-content: center;
                height: 500px;
              "
            >
              暂无内容
            </div>
            <div
              class="title_box"
              v-for="(item, index) in testArray"
              :key="index"
            >
              <div class="title">
                <el-tooltip
                  :content="selectType(item)"
                  placement="top"
                  effect="dark"
                >
                  <span
                    class="test_icon"
                    :class="{
                      test_icon_check: item.type == 1 && item.atype == 2,
                      test_icon_checkO: item.type == 1 && item.atype == 1,
                      test_icon_gap: item.type == 3,
                      test_icon_file: item.type == 5,
                      test_course_file: item.type == 6 || item.type == 11,
                      test_eva_file: item.type == 7,
                      test_icon_time: item.type == 8,
                      test_icon_sweep:item.type == 12,
                      test_icon_number:item.type == 13,
                      test_icon_clockIn:item.type == 14
                    }"
                  ></span>
                </el-tooltip>
                <span style="line-height: 25px">{{ item.title }}</span>
                <el-button
                  v-if="item.type == 5 && item.array.length > 0"
                  class="title_downBtn"
                  type="primary"
                  size="small"
                  @click.stop="downloadFileType5(item.array, item.title, index)"
                  >批量下载附件</el-button
                >
                <div v-if="item.type == 7" style="right: 0; position: absolute">
                  平均分：{{ getAverageScore(index) }}
                </div>
              </div>
              <div class="detail" v-if="item.detail">{{ item.detail }}</div>
              <div class="content1" v-if="item.type == 1">
                <div class="left">
                  <div class="title">
                    <span>选项</span>
                    <span>小计</span>
                    <span>比例</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>
                      <el-tooltip
                        :content="data.name"
                        placement="top"
                        effect="dark"
                      >
                        <!-- content to trigger tooltip here -->
                        <span>{{ data.name }}</span>
                      </el-tooltip>
                    </span>
                    <span>{{ data.count }}</span>
                    <span>
                      <el-progress
                        style="display: flex; align-items: center"
                        :stroke-width="12"
                        color="#3681fc"
                        :percentage="
                          data.count
                            ? parseFloat(
                                ((data.count / item.count) * 100).toFixed(2)
                              )
                            : 0
                        "
                      ></el-progress>
                    </span>
                  </div>
                </div>
                <div class="right">
                  <checkPie :dataJ="item.array"></checkPie>
                </div>
              </div>
              <div class="content2" v-if="item.type == 3">
                <div class="left"  style="min-height: 482px;">
                  <div class="title">
                    <span>序号</span>
                    <span>词频</span>
                    <span>答案文本</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index3) in item.showArray"
                    :key="index + '-' + index3"
                  >
                    <span>{{ index3 + 1 }}</span>
                    <span>{{ data.count }}次</span>
                    <el-tooltip
                      :content="data.name"
                      placement="top"
                      effect="dark"
                    >
                      <!-- content to trigger tooltip here -->
                      <span>{{ data.name }}</span>
                    </el-tooltip>
                  </div>
                  <div class="paging" v-if="item.limit">
                    <el-pagination
                      background
                      :hide-on-single-page="true"
                      :page-size="item.limit"
											@current-change="textPagingChange($event,item,index)"
                      :current-page="item.nowPage"
                      layout="prev, pager, next"
                      :total="item.total">
                    </el-pagination>
                  </div>
                </div>
                <div class="right">
									<div class="noWordCloud" v-if="!item.wordCloutData">
										<el-button v-if="!item.loadingWordCloud" type="primary" @click="getWordCloutData(item,index)">生成词云图</el-button>
                    <div v-else>
                      <span>小可努力生成中，请稍等片刻</span>
                      <img src="../../../../assets/KekeLoading.gif">
                    </div>
									</div>
                  <wordcloud
										v-else
                    :data="item.wordCloutData"
                    nameKey="name"
                    valueKey="count"
                    :showTooltip="false"
                    :wordClick="wordClickHandler"
                  >
                  </wordcloud>
                </div>
              </div>
              <div
                class="content3"
                :style="{
                  position: 'relative',
                  overflow: fileLoading[index].bool ? 'hidden' : 'auto',
                }"
                v-if="item.type == 5"
              >
                <div
                  class="file"
                  v-for="(file, index2) in item.array"
                  :key="index + '-' + index2"
                  @click.stop="checkFile(file)"
                >
                  <img
                    class="download"
                    src="../../../../assets/icon/fileIcon/download.png"
                    @click.stop="downloadFile(file)"
                    :style="{ right: '10px' }"
                  />
                  <img
                    class="img"
                    :src="wordIcon"
                    alt=""
                    v-if="file.type == 1"
                  />
                  <img
                    class="img"
                    :src="videoIcon"
                    alt=""
                    v-if="file.type == 2"
                  />
                  <img
                    class="img"
                    :src="file.url"
                    alt=""
                    v-if="file.type == 3"
                  />
                  <img
                    class="img"
                    :src="wordIcon"
                    alt=""
                    v-if="file.type == 4"
                  />
                  <img
                    class="img"
                    :src="fileIcon"
                    alt=""
                    v-if="file.type == 5"
                  />
                  <div class="name">
                    <el-tooltip
                      :content="file.name"
                      placement="top"
                      effect="dark"
                    >
                      <span>{{ file.name }}</span>
                    </el-tooltip>
                  </div>
                </div>
                <div v-if="fileLoading[index].bool" class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../../assets/loading.gif" />打包中，请稍后
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{ fileLoading[index].load }}</span>
                      /
                      <span>{{ fileLoading[index].count }}</span>
                    </div>
                    <el-progress
                      :text-inside="true"
                      :stroke-width="20"
                      :percentage="
                        fileLoading[index].progress
                          ? fileLoading[index].progress
                          : 0
                      "
                      style="width: 80%"
                    ></el-progress>
                  </div>
                </div>
              </div>
              <div class="content4" v-if="item.type == 6">
                <div
                  class="out_box"
                  v-for="(item, index) in item.courseArray"
                  :key="index + '-' + index2"
                >
                  <div class="tup">
                    <img
                      :src="
                        item.cover != null && item.cover != ''
                          ? JSON.parse(item.cover).length > 0
                            ? JSON.parse(item.cover)[0].url
                            : mr
                          : mr
                      "
                      alt
                    />
                    <div class="bottom_box">
                      <div>
                        <el-tooltip
                          :content="item.title"
                          popper-class="text_tooltip"
                          placement="top"
                          effect="dark"
                        >
                          <span>{{ item.title }}</span>
                        </el-tooltip>
                      </div>
                      <div class="kc_t">
                        <span>{{ item.username }}</span>
                        <span>{{
                          item.state == 1
                            ? "阶段模式"
                            : item.state == 2
                            ? "任务模式"
                            : "极简模式"
                        }}</span>
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">创建日期:</span
                        >{{ item.time }}
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">修改日期:</span
                        >{{ item.update_at }}
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div class="courses" v-for="(courses, index2) in item.array" :key="index + '-' + index2">
                  {{ courses }}
                </div> -->
              </div>
              <div class="content1" v-if="item.type == 7">
                <div class="left">
                  <div class="title">
                    <span>评分</span>
                    <span>小计</span>
                    <span>比例</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>
                      <span>{{ data.name }}</span>
                    </span>
                    <span>{{ data.count }}</span>
                    <span>
                      <el-progress
                        style="display: flex; align-items: center"
                        :stroke-width="12"
                        color="#3681fc"
                        :percentage="
                          data.count
                            ? parseFloat(
                                ((data.count / item.count) * 100).toFixed(2)
                              )
                            : 0
                        "
                      ></el-progress>
                    </span>
                  </div>
                </div>
                <div class="right">
                  <checkPie :dataJ="item.array"></checkPie>
                </div>
              </div>
              <div class="content2" v-if="item.type == 8">
                <div class="left">
                  <div class="title">
                    <span>序号</span>
                    <span>词频</span>
                    <span>日期</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>{{ index2 + 1 }}</span>
                    <span>{{ data.count }}次</span>
                    <el-tooltip
                      :content="data.name"
                      placement="top"
                      effect="dark"
                    >
                      <!-- content to trigger tooltip here -->
                      <span>{{ data.name }}</span>
                    </el-tooltip>
                  </div>
                </div>
                <div class="right">
                  <wordcloud
                    :data="item.array"
                    nameKey="name"
                    valueKey="count"
                    :showTooltip="false"
                    :wordClick="wordClickHandler"
                  >
                  </wordcloud>
                </div>
              </div>
              <div class="content4" v-if="item.type == 11">
                <div
                  class="out_box"
                  v-for="(item, index) in item.courseArray"
                  :key="index + '-' + index2"
                >
                  <div class="tup">
                    <img
                      :src="
                        item.cover != null && item.cover != ''
                          ? JSON.parse(item.cover).length > 0
                            ? JSON.parse(item.cover)[0].url
                            : mr
                          : mr
                      "
                      alt
                    />
                    <div class="bottom_box">
                      <div>
                        <el-tooltip
                          :content="item.title"
                          popper-class="text_tooltip"
                          placement="top"
                          effect="dark"
                        >
                          <span>{{ item.title }}</span>
                        </el-tooltip>
                      </div>
                      <div class="kc_t">
                        <span>{{ item.username }}</span>
                        <span>{{
                          item.state == 1
                            ? "阶段模式"
                            : item.state == 2
                            ? "任务模式"
                            : "极简模式"
                        }}</span>
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">创建日期:</span
                        >{{ item.time }}
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">修改日期:</span
                        >{{ item.update_at }}
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div class="courses" v-for="(courses, index2) in item.array" :key="index + '-' + index2">
                  {{ courses }}
                </div> -->
              </div>
              <div class="content1" v-if="item.type == 13">
                <div class="left">
                  <div class="title">
                    <span>数字</span>
                    <span>次数</span>
                    <span>比例</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>
                      <span>{{ data.name }}</span>
                    </span>
                    <span>{{ data.count }}</span>
                    <span>
                      <el-progress
                        style="display: flex; align-items: center"
                        :stroke-width="12"
                        color="#3681fc"
                        :percentage="
                          data.count
                            ? parseFloat(
                                ((data.count / item.count) * 100).toFixed(2)
                              )
                            : 0
                        "
                      ></el-progress>
                    </span>
                  </div>
                </div>
                <div class="right">
                  <checkPie :dataJ="item.array"></checkPie>
                </div>
              </div>
            </div>
          </div>
          <!-- 按题目手机端 !isDesktop-->
          <div
            class="title_content"
            v-if="stype == 1 && !isDesktop"
            v-loading="isLoading"
          >
            <div
              class="title_box"
              v-if="!testArray.length"
              style="
                display: flex;
                align-items: center;
                justify-content: center;
                height: 500px;
              "
            >
              暂无内容
            </div>
            <div
              class="title_box"
              v-for="(item, index) in testArray"
              :key="index"
            >
              <div
                class="title"
                style="
                  font-size: 16px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                "
              >
                <!-- <el-tooltip :content="selectType(item)" placement="top" effect="dark">
                  <span class="test_icon"
                    :class="{ test_icon_check: item.type == 1 && item.atype == 2, test_icon_checkO: item.type == 1 && item.atype == 1, test_icon_gap: item.type == 3, test_icon_file: item.type == 5, test_course_file: item.type == 6, test_eva_file: item.type == 7,test_icon_time: item.type == 8 }"></span>
                </el-tooltip> -->
                <div style="display: flex">
                  <div class="topicTitCss">第{{ index + 1 }}题:</div>
                  <el-tooltip
                    :content="item.title"
                    placement="top"
                    effect="dark"
                  >
                    <div
                      style="
                        width: 100px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                      "
                    >
                      {{ item.title }}
                    </div>
                  </el-tooltip>
                </div>
                <div style="display: flex">
                  <!-- <div v-if="item.type==7" style="right:0;position: absolute;">平均分：{{ getAverageScore(index) }}</div> -->
                  <div
                    style="
                      color: rgba(0, 0, 0, 0.4);
                      display: flex;
                      align-items: center;
                    "
                  >
                    [{{ selectType(item) }}]
                  </div>
                  <!-- <el-button style="padding: 5px;" v-if="item.type == 5 && item.array.length>0" class="title_downBtn" type="primary" size="small" @click.stop="downloadFileType5(item.array,item.title)">批量下载附件</el-button> -->
                </div>
              </div>
              <div class="detail" v-if="item.detail">{{ item.detail }}</div>
              <div
                class="content1"
                style="width: 100%; display: block"
                v-if="item.type == 1"
              >
                <div class="left" style="width: 100%" v-if="!item.cut">
                  <div class="isDesktopTitle">
                    <div>选项</div>
                    <div>小计</div>
                    <div>比例</div>
                  </div>
                  <div
                    class="isDesktopTitle"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <!-- <span> -->
                    <el-tooltip
                      :content="data.name"
                      placement="top"
                      effect="dark"
                    >
                      <!-- content to trigger tooltip here -->
                      <div>{{ data.name }}</div>
                    </el-tooltip>
                    <!-- </span> -->
                    <div>{{ data.count }}</div>
                    <div>
                      {{
                        data.count
                          ? parseFloat(
                              ((data.count / item.count) * 100).toFixed(2)
                            )
                          : 0
                      }}
                      <!-- <el-progress style="display: flex;align-items: center;" :stroke-width="12" color="#3681fc"
                        :percentage="data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0"></el-progress> -->
                    </div>
                  </div>
                </div>
                <div class="right isDesktopRight" v-if="item.cut">
                  <checkPie :dataJ="item.array"></checkPie>
                </div>
                <div class="cutBtnBlockCss">
                  <div class="cutBtnCss" @click="item.cut = !item.cut">
                    {{ item.cut ? "查看详情" : "查看视图" }}
                  </div>
                </div>
              </div>
              <div
                class="content2"
                style="width: 100%; display: block"
                v-if="item.type == 3"
              >
                <div class="left" style="width: 100%" v-if="!item.cut">
                  <div class="title">
                    <span>序号</span>
                    <span>词频</span>
                    <span>答案文本</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>{{ index2 + 1 }}</span>
                    <span>{{ data.count }}次</span>
                    <el-tooltip
                      :content="data.name"
                      placement="top"
                      effect="dark"
                    >
                      <!-- content to trigger tooltip here -->
                      <span>{{ data.name }}</span>
                    </el-tooltip>
                  </div>
                </div>
                <div class="right isDesktopRight" v-if="item.cut">
                  <wordcloud
                    :data="item.array"
                    nameKey="name"
                    valueKey="count"
                    :showTooltip="false"
                    :wordClick="wordClickHandler"
                  >
                  </wordcloud>
                </div>
                <div class="cutBtnBlockCss">
                  <div class="cutBtnCss" @click="item.cut = !item.cut">
                    {{ item.cut ? "查看详情" : "查看视图" }}
                  </div>
                </div>
              </div>
              <div class="content3" v-if="item.type == 5">
                <div
                  class="file"
                  v-for="(file, index2) in item.array"
                  :key="index + '-' + index2"
                  @click.stop="checkFile(file)"
                >
                  <img
                    class="download"
                    src="../../../../assets/icon/fileIcon/download.png"
                    @click.stop="downloadFile(file)"
                    :style="{ right: '10px' }"
                  />
                  <img
                    class="img"
                    :src="wordIcon"
                    alt=""
                    v-if="file.type == 1"
                  />
                  <img
                    class="img"
                    :src="videoIcon"
                    alt=""
                    v-if="file.type == 2"
                  />
                  <img
                    class="img"
                    :src="file.url"
                    alt=""
                    v-if="file.type == 3"
                  />
                  <img
                    class="img"
                    :src="wordIcon"
                    alt=""
                    v-if="file.type == 4"
                  />
                  <img
                    class="img"
                    :src="fileIcon"
                    alt=""
                    v-if="file.type == 5"
                  />
                  <div class="name">
                    <el-tooltip
                      :content="file.name"
                      placement="top"
                      effect="dark"
                    >
                      <span>{{ file.name }}</span>
                    </el-tooltip>
                  </div>
                </div>
              </div>
              <div class="content4" v-if="item.type == 6">
                <div
                  class="out_box"
                  v-for="(item, index) in item.courseArray"
                  :key="index + '-' + index2"
                >
                  <div class="tup">
                    <img
                      :src="
                        item.cover != null && item.cover != ''
                          ? JSON.parse(item.cover).length > 0
                            ? JSON.parse(item.cover)[0].url
                            : mr
                          : mr
                      "
                      alt
                    />
                    <div class="bottom_box">
                      <div>
                        <el-tooltip
                          :content="item.title"
                          popper-class="text_tooltip"
                          placement="top"
                          effect="dark"
                        >
                          <span>{{ item.title }}</span>
                        </el-tooltip>
                      </div>
                      <div class="kc_t">
                        <span>{{ item.username }}</span>
                        <span>{{
                          item.state == 1
                            ? "阶段模式"
                            : item.state == 2
                            ? "任务模式"
                            : "极简模式"
                        }}</span>
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">创建日期:</span
                        >{{ item.time }}
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">修改日期:</span
                        >{{ item.update_at }}
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div class="courses" v-for="(courses, index2) in item.array" :key="index + '-' + index2">
                  {{ courses }}
                </div> -->
              </div>
              <div
                class="content1"
                style="width: 100%; display: block"
                v-if="item.type == 7"
              >
                <div class="left" style="width: 100%" v-if="!item.cut">
                  <div class="isDesktopTitle">
                    <div>评分</div>
                    <div>小计</div>
                    <div style="width: 120px">比例</div>
                  </div>
                  <div
                    class="isDesktopTitle"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <!-- <span> -->
                    <div>{{ data.name }}</div>
                    <!-- </span> -->
                    <div>{{ data.count }}</div>
                    <div style="width: 120px">
                      {{
                        data.count
                          ? parseFloat(
                              ((data.count / item.count) * 100).toFixed(2)
                            )
                          : 0
                      }}
                      <!-- <el-progress style="display: flex;align-items: center;" :stroke-width="12" color="#3681fc"
                        :percentage="data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0"></el-progress> -->
                    </div>
                  </div>
                </div>
                <div class="right isDesktopRight" v-if="item.cut">
                  <checkPie :dataJ="item.array"></checkPie>
                </div>
                <div class="cutBtnBlockCss">
                  <div class="cutBtnCss" @click="item.cut = !item.cut">
                    {{ item.cut ? "查看详情" : "查看视图" }}
                  </div>
                </div>
              </div>
              <div
                class="content2"
                style="width: 100%; display: block"
                v-if="item.type == 8"
              >
                <div class="left" style="width: 100%" v-if="!item.cut">
                  <div class="title">
                    <span>序号</span>
                    <span>词频</span>
                    <span>日期</span>
                  </div>
                  <div
                    class="data"
                    v-for="(data, index2) in item.array"
                    :key="index + '-' + index2"
                  >
                    <span>{{ index2 + 1 }}</span>
                    <span>{{ data.count }}次</span>
                    <el-tooltip
                      :content="data.name"
                      placement="top"
                      effect="dark"
                    >
                      <!-- content to trigger tooltip here -->
                      <span>{{ data.name }}</span>
                    </el-tooltip>
                  </div>
                </div>
                <div class="right isDesktopRight" v-if="item.cut">
                  <wordcloud
                    :data="item.array"
                    nameKey="name"
                    valueKey="count"
                    :showTooltip="false"
                    :wordClick="wordClickHandler"
                  >
                  </wordcloud>
                </div>
                <div class="cutBtnBlockCss">
                  <div class="cutBtnCss" @click="item.cut = !item.cut">
                    {{ item.cut ? "查看详情" : "查看视图" }}
                  </div>
                </div>
              </div>
              <div class="content4" v-if="item.type == 11">
                <div
                  class="out_box"
                  v-for="(item, index) in item.courseArray"
                  :key="index + '-' + index2"
                >
                  <div class="tup">
                    <img
                      :src="
                        item.cover != null && item.cover != ''
                          ? JSON.parse(item.cover).length > 0
                            ? JSON.parse(item.cover)[0].url
                            : mr
                          : mr
                      "
                      alt
                    />
                    <div class="bottom_box">
                      <div>
                        <el-tooltip
                          :content="item.title"
                          popper-class="text_tooltip"
                          placement="top"
                          effect="dark"
                        >
                          <span>{{ item.title }}</span>
                        </el-tooltip>
                      </div>
                      <div class="kc_t">
                        <span>{{ item.username }}</span>
                        <span>{{
                          item.state == 1
                            ? "阶段模式"
                            : item.state == 2
                            ? "任务模式"
                            : "极简模式"
                        }}</span>
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">创建日期:</span
                        >{{ item.time }}
                      </div>
                      <div class="kc_time">
                        <span style="color: #717c8d">修改日期:</span
                        >{{ item.update_at }}
                      </div>
                    </div>
                  </div>
                </div>
                <!-- <div class="courses" v-for="(courses, index2) in item.array" :key="index + '-' + index2">
                  {{ courses }}
                </div> -->
              </div>

            </div>
          </div>
          <div
            class="aiBoxRight"
            ref="aiBoxRightDivRef"
            v-show="aiChatV && isDesktop"
            v-if="!peopleId"
          >
            <aiBoxRight
              :courseId="cid"
              :worksArray="[{ name: testJson.title, worksArray: worksArray }]"
              ref="aiChat"
            ></aiBoxRight>
          </div>
          <!-- 按人员pc端 isDesktop-->
          <div class="table_content" v-if="stype == 2 && isDesktop">
            <el-table
              class="el-table"
              ref="table"
              :data="tableWorksArray"
              border
              :fit="true"
              :key="2"
              v-loading="isLoading"
              style="width: 100%"
              :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
              @filter-change="handleFilterChange"
              @selection-change="handleSelectionChange"
            >
              <el-table-column label="序号" type="selection" width="55">
              </el-table-column>
              <el-table-column fixed label="序号" width="80px" align="left">
                <template slot-scope="scope">
                  {{ scope.$index + 1 }}
                </template>
              </el-table-column>
              <el-table-column
                fixed
                prop="name"
                label="提交人"
                width="120px"
                align="left"
              >
              </el-table-column>
              <el-table-column
                v-for="item in teaType"
                :key="item.id"
                :label="item.name"
                width="120px"
                align="left"
                :filters="getNameTTypeFiler(item)"
                :filter-method="getNameTTypeFiler(item) ? (value, row) => {
                        return filterTType(value, row, index);
                      } : null"
              >
                <template slot-scope="scope">
                  {{ getTType(item.id, scope.row.cclassid) }}
                </template>
              </el-table-column>
              <el-table-column
                prop="time"
                label="提交时间"
                width="170px"
                align="left"
              >
              <template slot="header">
                  <div
                  style="display: flex; align-items: center"
                  >
                    <span :class="{timePickerActive:(submissionTimePicker && submissionTimePicker.length>0)}">提交时间</span>
                    <div class="tableDatePicker">
                      <el-date-picker
                        v-model="submissionTimePicker"
                        @change="submissionTimePickerChange"
                        type="daterange"
                        range-separator="▼"
                        :picker-options="pickerOptions([])"
                      >
                      </el-date-picker>
                    </div>
                  </div>
                </template>
                <template slot-scope="scope">
                  <span
                    :style="`${
                      testJson.overtime &&
                      new Date(testJson.overtime) < new Date(scope.row.time)
                        ? 'color:#d12920'
                        : ''
                    }`"
                    >{{ scope.row.time }}</span
                  >
                </template>
              </el-table-column>
              <el-table-column
                v-for="(item, index) in chapters"
                :key="index"
                :label="item.json.title"
                :min-width="item.type == 5 ? 200 : 150"
                align="left"
                :filters="
                  item.type == 1
                    ? item.nameFilters
                    : item.type == 6 || item.type == 11
                    ? item.nameFilters
                    : null
                "
                :filter-method="
                  item.type == 1
                    ? (value, row) => {
                        return filterName(value, row, index);
                      }
                    : item.type == 6 || item.type == 11
                    ? (value, row) => {
                        return filterCourse(value, row, index);
                      }
                    : null
                "
                :filter-placement="
                  item.type == 1 || item.type == 6 || item.type == 11
                    ? filterPlacement
                    : null
                "
              >
                <!--  item.type==8?getTimeFilterText(item,index): item.type==8?(value,row)=>{return filterTime(value,row,index)}:  item.type == 8 ||-->
                <template slot="header">
                  <div
                    v-if="item.type == 8"
                    style="display: flex; align-items: center"
                  >
                    <span :class="{timePickerActive:(tableDatePicker[index] && tableDatePicker[index].length>0)}">{{ item.json.title }}</span>
                    <div class="tableDatePicker">
                      <el-date-picker
                        v-model="tableDatePicker[index]"
                        @blur="tableDataPickerChange"
                        type="daterange"
                        range-separator="▼"
                        :picker-options="pickerOptions(item.json.timeSort)"
                      >
                      </el-date-picker>
                    </div>
                  </div>
                  <div v-else style="float: left">
                    {{ item.json.title }}
                  </div>
                </template>
                <template slot-scope="scope">
                  <div
                    v-if="scope.row.array[index].type == 1"
                    style="display: flex; flex-wrap: wrap"
                  >
                    <span
                      class="answer_type"
                      v-for="(answer2, index2) in scope.row.array[index].json
                        .answer2"
                      :key="index + '-' + index2"
                      >{{
                        scope.row.array[index].json.array[answer2].option
                      }}</span
                    >
                  </div>
                  <div
                    v-if="
                      scope.row.array[index].type == 3
                    "
                    style="display: flex; flex-wrap: wrap"
                  >
                  <span v-if="scope.row.array[index].json.answer2.length<30"> {{ scope.row.array[index].json.answer2 }}</span>
                  <el-tooltip v-else class="item" effect="light" :content="scope.row.array[index].json.answer2" placement="top">
      <span style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;">
        {{ scope.row.array[index].json.answer2 }}
      </span>
    </el-tooltip>
                  </div>
                  <div
                    v-if="
                      scope.row.array[index].type == 8
                    "
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 5"
                    style="display: flex; flex-wrap: wrap"
                    class="table_file"
                  >
                    <template v-if="scope.row.array[index].json.file">
                      <template v-for="(file, index2) in scope.row.array[index].json.file">
                        <div
                          class="file"
                          v-if="index2 < 3"
                          :key="index + '-' + index2"
                          @click.stop="checkFile(file)"
                        >
                          <img
                            class="download"
                            src="../../../../assets/icon/fileIcon/download.png"
                            @click.stop="downloadFile(file)"
                            :style="{ right: '10px' }"
                          />
                          <img
                            class="img"
                            :src="wordIcon"
                            alt=""
                            v-if="file.type == 1"
                          />
                          <img
                            class="img"
                            :src="videoIcon"
                            alt=""
                            v-if="file.type == 2"
                          />
                          <img
                            class="img"
                            :src="file.url"
                            alt=""
                            v-if="file.type == 3"
                          />
                          <img
                            class="img"
                            :src="wordIcon"
                            alt=""
                            v-if="file.type == 4"
                          />
                          <img
                            class="img"
                            :src="fileIcon"
                            alt=""
                            v-if="file.type == 5"
                          />
                          <div class="name">
                            <el-tooltip
                              :content="file.name"
                              placement="top"
                              effect="dark"
                            >
                              <span>{{ file.name }}</span>
                            </el-tooltip>
                          </div>
                        </div>
                      </template>
                    </template>

                    <template v-if="scope.row.array[index].json.file">
                      <div class="file_more" v-if="scope.row.array[index].json.file.length>3">
                        <el-tooltip class="item" effect="light" content="查看更多" placement="top-start">
                          <svg t="1753409620948" @click="checkFileListOpen(scope.row.array[index].json.file)" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4403" width="200" height="200"><path d="M134.26141867 386.08713955c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045s56.66072652 125.91286045 125.91286045 125.91286045S260.17427911 581.25213392 260.17427911 512s-56.66072652-125.91286045-125.91286044-125.91286045z m755.47716266 0c-69.25213392 0-125.91286045 56.66072652-125.91286044 125.91286045s56.66072652 125.91286045 125.91286044 125.91286045S1015.65144178 581.25213392 1015.65144178 512s-56.66072652-125.91286045-125.91286045-125.91286045z m-377.73858133 0c-69.25213392 0-125.91286045 56.66072652-125.91286045 125.91286045S442.74786608 637.91286045 512 637.91286045 637.91286045 581.25213392 637.91286045 512 581.25213392 386.08713955 512 386.08713955z" fill="#515151" p-id="4404"></path></svg>
                        </el-tooltip>
                      </div>
                    </template>
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 6"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 7"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ getScore(scope.row.array[index].json) }}
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 11"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 12"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 13"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}<span>{{  scope.row.array[index].json.type=='4'?'%':'' }}</span>
                  </div>
                  <div
                    v-if="scope.row.array[index].type == 14"
                    style="display: flex; flex-wrap: wrap"
                  >
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                label="dee"
                width="150px"
                fixed="right"
                v-if="scoListCopy.length"
              >
              <template #header>
                <div>
                  <span>{{ cueWordCopy.openCeTit }} <span class="proBar" v-if="aiscoLoading">AI生成中</span></span>
                </div>
              </template>
                <template slot-scope="scope">
                  <span>{{ userSco(scope.row.id) }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="操作"
                :width="review=='1'?'180px':'280px'"
                fixed="right"
                v-if="isN != 1"
              >
                <template slot-scope="scope">
                  <el-button
                    @click="getTest(scope.row)"
                    type="primary"
                    v-if="(examineData && examineData.type == 1) || !examineData"
                    size="small"
                    >查看</el-button
                  >

                  <el-button
                    @click="editTest(scope.row)"
                    type="primary"
                    v-if="((examineData && examineData.type == 1) || !examineData) && review !='1' && scope.row.isReview!=1"
                    size="small"
                    >编辑</el-button
                  >

                  <el-button
                    @click="returnTest(scope.row)"
                    type="primary"
                    size="small"
                    v-if="((examineData && examineData.type == 1) || !examineData) && review == '1'"
                    >退回</el-button
                  >
                  <!-- v-if="((examineData && examineData.type == 1) || !examineData) && review == '1'" -->


                  <!-- <el-button @click="setWordHtml(scope.row)" type="primary" size="small">导出答题信息</el-button>
									<el-button @click="setWordTemplate(scope.row)" type="primary" size="small">word导出</el-button> -->
                  <el-button
                    @click="deleteTest(scope.row.id)"
                    type="primary"
                    size="small"
                    v-if="((examineData && examineData.type == 1) || !examineData) && review !='1' && scope.row.isReview!=1"
                    >删除</el-button
                  >
                </template>
              </el-table-column>


              <el-table-column
                label="状态"
                width="100px"
                fixed="right"
                align="center"
                v-if="!review && peopleId"
              >
              <template slot-scope="scope">
                <!-- v-if="review==='1'" -->
               <span :class="`typeStatus typeStatus_${scope.row.type}`">{{ typeStatusList[scope.row.type] }}</span>
              </template>
              </el-table-column>

              <el-table-column
                label="审核状态"
                width="120px"
                fixed="right"
                v-if="review==='1'"
              >
              <template slot-scope="scope">
                <el-checkbox @change="reviewChange(scope.row)" true-label="1" false-label="0" v-model="scope.row.isReview">审核通过</el-checkbox>
              </template>
              </el-table-column>
            </el-table>
          </div>
          <!-- 按人员手机端 !isDesktop-->
          <div class="table_content" v-if="stype == 2 && !isDesktop">
            <div
              v-for="(i, index) in worksArray"
              :key="i.id"
              class="isDesktopTable_content"
            >
              <div class="isDTitle CutCss">
                <div style="font-size: 16px; font-weight: 600">
                  {{ i.name }}
                </div>
                <div
                  :style="
                    'font-size: 14px' + i.cut
                      ? 'color:rgba(54, 129, 252, 1)'
                      : 'color: rgba(0, 0, 0, 0.6);'
                  "
                >
                  {{ i.time }}
                </div>
                <div @click="i.cut = !i.cut">
                  <img
                    v-if="!i.cut"
                    src="../../../../assets/icon/fileIcon/downImg.png"
                    alt=""
                  />
                  <img
                    v-else
                    src="../../../../assets/icon/fileIcon/upImg.png"
                    alt=""
                  />
                </div>
              </div>
              <div v-if="i.cut">
                <div class="isDBri">
                  <div>序号:{{ i.time }}</div>
                  <div>提交时间:{{ i.time }}</div>
                  <div>评课人:{{ i.uteaName }}</div>
                </div>
                <div
                  style="
                    height: 1px;
                    background-color: #717c8d;
                    width: 100%;
                    margin-bottom: 10px;
                  "
                ></div>
                <div>
                  <div
                    v-for="(k, kin) in chapters"
                    :key="k.id"
                    class="isCTiBlc"
                  >
                    <div v-if="k.type == 1">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          <div
                            v-for="(r, index2) in i.array[kin].json.answer2"
                            :key="index + '-' + index2"
                          >
                            {{ i.array[kin].json.array[r].option }}
                          </div>
                        </div>
                      </div>
                    </div>
                    <div v-if="k.type == 3 || k.type == 8">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          {{ i.array[kin].json.answer2 }}
                        </div>
                      </div>
                    </div>
                    <div v-if="k.type == 5">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          <div
                            class="IsDFile"
                            v-for="(file, index2) in i.array[kin].json.file"
                            :key="index + '-' + index2"
                            @click.stop="checkFile(file)"
                          >
                            <img
                              class="IsDownload"
                              src="../../../../assets/icon/fileIcon/download.png"
                              @click.stop="downloadFile(file)"
                              :style="{ right: '10px' }"
                            />
                            <img
                              class="IsDImg"
                              :src="wordIcon"
                              alt=""
                              v-if="file.type == 1"
                            />
                            <img
                              class="IsDImg"
                              :src="videoIcon"
                              alt=""
                              v-if="file.type == 2"
                            />
                            <img
                              class="IsDImg"
                              :src="file.url"
                              alt=""
                              v-if="file.type == 3"
                            />
                            <img
                              class="IsDImg"
                              :src="wordIcon"
                              alt=""
                              v-if="file.type == 4"
                            />
                            <img
                              class="IsDImg"
                              :src="fileIcon"
                              alt=""
                              v-if="file.type == 5"
                            />
                            <div
                              class="name"
                              style="
                                height: 30px;
                                background-color: #f9f9f9;
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                              "
                            >
                              <!-- <el-tooltip :content="file.name" placement="top" effect="dark"> -->
                              {{ file.name }}
                              <!-- </el-tooltip> -->
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div v-if="k.type.type == 6">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          {{ i.array[kin].json.answer2 }}
                        </div>
                      </div>
                    </div>
                    <div v-if="k.type == 7">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          {{ getScore(i.array[index].json) }}
                        </div>
                      </div>
                    </div>
                    <div v-if="k.type.type == 11">
                      <div class="isDTitle2">
                        <div
                          style="display: flex; justify-content: space-between"
                        >
                          <div style="display: flex">
                            <span class="topicTitCss">第{{ kin + 1 }}题:</span>
                            <div class="isDTitle2JsonTit">
                              {{ k.json.title }}
                            </div>
                          </div>
                          <div style="color: rgba(0, 0, 0, 0.4)">
                            [{{ selectType2(k.type, k.json.type) }}]
                          </div>
                        </div>
                        <div class="IsDAnswer">
                          {{ i.array[kin].json.answer2 }}
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div style="width: 100%; display: flex; justify-content: end">
                  <div
                    @click="i.cut = !i.cut"
                    style="
                      display: flex;
                      flex-direction: column;
                      align-items: center;
                    "
                  >
                    <img
                      src="../../../../assets/icon/fileIcon/retractImg.png"
                      alt=""
                    />
                    <div style="color: rgba(0, 0, 0, 0.4); font-size: 16px">
                      收起
                    </div>
                  </div>
                </div>
              </div>

              <div
                style="
                  height: 1px;
                  background-color: #717c8d;
                  width: 100%;
                  margin-bottom: 10px;
                "
              ></div>
            </div>

            <!-- <el-table class="el-table" ref="table" :data="worksArray" border :fit="true" :key="2" v-loading="isLoading"
              style="width: 100%" :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
              @filter-change="handleFilterChange">
              <el-table-column fixed label="序号" width="80px" align="left">
                <template slot-scope="scope">
                  {{ scope.$index + 1 }}
                </template>
              </el-table-column>
              <el-table-column fixed prop="name" label="提交人" width="120px" align="left">
              </el-table-column>
              <el-table-column prop="time" label="提交时间" width="170px" align="left">
								<template slot-scope="scope">
									<span :style="`${testJson.overtime&&new Date(testJson.overtime)<new Date(scope.row.time)?'color:#d12920':''}`">{{ scope.row.time }}</span>
								</template>
              </el-table-column>
              <el-table-column v-for="(item, index) in chapters" :key="index" :label="item.json.title"
                :min-width="item.type == 5 ? 200 : 150" align="left" :filters="item.type == 1 ? item.nameFilters : item.type ==  6? item.nameFilters : null"
                :filter-method="item.type == 1 ? (value, row) => { return filterName(value, row, index) } : item.type == 6?(value, row) => { return filterCourse(value, row, index)}:null"
                :filter-placement="item.type == 1 || item.type ==6 ? filterPlacement : null">

                <template slot-scope="scope">
                  <div v-if="scope.row.array[index].type == 1" style="display: flex; flex-wrap: wrap;">
                    <span class="answer_type" v-for="(answer2, index2) in scope.row.array[index].json.answer2"
                      :key="index + '-' + index2">{{ scope.row.array[index].json.array[answer2].option }}</span>
                  </div>
                  <div v-if="scope.row.array[index].type == 3 || scope.row.array[index].type == 8" style="display: flex; flex-wrap: wrap;">
                    {{ scope.row.array[index].json.answer2 }}
                  </div>
                  <div v-if="scope.row.array[index].type == 5" style="display: flex; flex-wrap: wrap;"
                    class="table_file">
                    <div class="file" v-for="(file, index2) in scope.row.array[index].json.file"
                      :key="index + '-' + index2" @click.stop="checkFile(file)">
                      <img class="download" src="../../../../assets/icon/fileIcon/download.png"
                        @click.stop="downloadFile(file)" :style="{ right: '10px' }" />
                      <img class="img" :src="wordIcon" alt="" v-if="file.type == 1" />
                      <img class="img" :src="videoIcon" alt="" v-if="file.type == 2" />
                      <img class="img" :src="file.url" alt="" v-if="file.type == 3" />
                      <img class="img" :src="wordIcon" alt="" v-if="file.type == 4" />
                      <img class="img" :src="fileIcon" alt="" v-if="file.type == 5" />
                      <div class="name">
                        <el-tooltip :content="file.name" placement="top" effect="dark">
                          <span>{{ file.name }}</span>
                        </el-tooltip>
                      </div>
                    </div>
                  </div>
                  <div v-if="scope.row.array[index].type == 6" style="display: flex; flex-wrap: wrap;">
                    {{ scope.row.array[index].json.answer2}}
                  </div>
                  <div v-if="scope.row.array[index].type == 7" style="display: flex; flex-wrap: wrap;">
                    {{ getScore(scope.row.array[index].json) }}
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="操作" width="300px" fixed="right" v-if="isN!=1">

                <template slot-scope="scope">
                  <el-button @click="getTest(scope.row)" type="primary" size="small">查看</el-button>
                  <el-button @click="setWordHtml(scope.row)" type="primary" size="small">导出答题信息</el-button>
                  <el-button @click="deleteTest(scope.row.id)" type="primary" size="small">删除</el-button>
                </template>
              </el-table-column>
            </el-table> -->
          </div>
          <div class="table_content" v-if="stype == 3">
            <div class="student_table">
              <el-table
                ref="table"
                :data="tableData"
                border
                :fit="true"
                v-loading="isLoading"
                style="width: 100%"
                :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
                :row-class-name="tableRowClassName"
              >
                <el-table-column
                  prop="username"
                  label="提交人"
                  min-width="15"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="time"
                  label="提交时间"
                  min-width="15"
                  align="center"
                >
                </el-table-column>
                <el-table-column label="是否批改" min-width="15" align="center">
                  <template slot-scope="scope">
                    <div>{{ scope.row.type == 3 ? "是" : "否" }}</div>
                  </template>
                </el-table-column>
                <el-table-column label="操作" width="300px" v-if="isDesktop">
                  <template slot-scope="scope">
                    <el-button
                      @click="getTest(scope.row)"
                      type="primary"
                      size="small"
                      >查看</el-button
                    >
                    <el-button
                      @click="setWordHtml2(scope.row)"
                      type="primary"
                      size="small"
                      >导出答题信息</el-button
                    >
                    <el-button
                      @click="deleteTest(scope.row.id)"
                      type="primary"
                      size="small"
                      >删除</el-button
                    >
                  </template>
                </el-table-column>
              </el-table>
            </div>
            <div class="student_page">
              <el-pagination
                background
                layout="prev, pager, next"
                :page-size="pageSize"
                :total="total"
                @current-change="handleCurrentChange"
              >
              </el-pagination>
            </div>
          </div>
        </div>
      </div>
    </div>

    <share-box
      :testJson="testJson"
      :TeachingValue="TeachingValue"
      :TeachName="TeachNameCpt"
      :dialogVisibleShare.sync="dialogVisibleShare"
    ></share-box>
    <wpdf :dialogVisiblePdf.sync="dialogVisiblePdf" :url="wurl"></wpdf>
    <wVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :url="wurl"></wVideo>
    <wOffice
      :dialogVisibleOffice.sync="dialogVisibleOffice"
      :url="wurl"
    ></wOffice>

    <docxTemplateDialog
      ref="docxTemplateDialogRef"
      @changeCover="changeCover"
    />
    <checkFileListDialog ref="checkFileListDialogRef" @checkFile="checkFile" @downloadFile="downloadFile"/>
    <returnTestDialog ref="returnTestDialogRef" :title="testJson.title" @success="getData"/>
  </div>
</template>

<script>
import shareBox from "../shareBox/index.vue";
import videoIcon from "../../../../assets/icon/fileIcon/isVideo.png";
import wordIcon from "../../../../assets/icon/fileIcon/isWord.png";
import fileIcon from "../../../../assets/icon/fileIcon/word2.png";

import wVideo from "../file/wVideo.vue";
import wpdf from "../file/wPdf2.vue";
import wOffice from "../file/wOffice.vue";

import wordcloud from "vue-wordcloud";
import checkPie from "../data/checkPie.vue";

import { downloadPDF } from "../../../tools/pdf";
import JSZip from "jszip";
import FileSaver from "file-saver";

import XLSX from "xlsx-js-style";
import aiBoxRight from "./aiBoxRight.vue";

import { v4 as uuidv4 } from "uuid";

// word模板
import docxTemplateDialog from "./docxTemplateDialog";

//查看文件
import checkFileListDialog from "./checkFileListDialog.vue";

//退回弹窗
import returnTestDialog from "./returnTestDialog.vue";

const getFile = (url) => {
  return new Promise((resolve, reject) => {
    var credentials = {
      accessKeyId: "AKIATLPEDU37QV5CHLMH",
      secretAccessKey: "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",
    }; //秘钥形式的登录上传
    window.AWS.config.update(credentials);
    window.AWS.config.region = "cn-northwest-1"; //设置区域
    let url2 = url;
    let _url2 = "";
    if (
      url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
    ) {
      _url2 = url2.split(
        "https://view.officeapps.live.com/op/view.aspx?src="
      )[1];
    } else {
      _url2 = url2;
    }
    var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
    let name = decodeURIComponent(
      _url2
        .split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
        .replace(/\+/g, " ")
    );
    var params = {
      Bucket: "ccrb",
      Key: name,
    };
    s3.getObject(params, function (err, data) {
      if (err) {
        console.log(err, err.stack);
        resolve({ data: 1 });
      } else {
        if(data.Body.byteLength <= 85 * 1024 * 1024){
          resolve({ data: data.Body });
        }else{
          resolve({ data: 1 });
        }
        console.log(data);
      } // sxuccessful response
    });
    // axios({
  });
};

export default {
  components: {
    shareBox,
    wVideo,
    wpdf,
    wOffice,
    checkPie,
    wordcloud,
    aiBoxRight,
    docxTemplateDialog,
    checkFileListDialog,
    returnTestDialog
  },
  data() {
    return {
      gotype:(window.topU && window.topU.gotype) ?  window.topU.gotype : '',
      aiscoId:'',
      aiscoLoading:true,
      cueWord:{
        openCeCon:'', //指令
        openCeTit:'', //标题
        fieldList:[]
      },
      cueWordCopy:{
        openCeCon:'', //指令
        openCeTit:'', //标题
        fieldList:[]
      },
      scoList:[],
      scoListCopy:[], //没有什么别的用处只是为了展示用，让表单在评分的过程中不清零
      quoteV:false,
      openCeVal:false,
      opQvisible:false,
      opQvisible2:false,
      opcInp:'',
      languageSetting: 0,
      userid: this.$route.query.userid,
      oid: this.$route.query.oid,
      org: this.$route.query.org,
      role: this.$route.query.role,
      cid: this.$route.query.cid,
      isN: this.$route.query.isN,
      peopleId: this.$route.query.peopleId,
      back:this.$route.query.back,
      screenWidth: window.innerWidth,
      examineId: this.$route.query.examineId,
      tType: this.$route.query.tType,
      isDesktop: false,
      aiChatV: false,
      title: "",
      testType: [],
      see: false,
      cJson: [],
      loading: false,
      look: "",
      TeachingOptions: [],
      TeachingValue: "",
      SubmitTimeOptions: [],
      SubmitTime: "",
      tableHeight: 500,
      isLoading: false,
      pageSize: 10,
      total: 0,
      page: 1,
      tableData: [],
      testJson: {},
      works: [],
      iscount: 0,
      pcount: 0,
      stype: 1,
      courseName: "",
      dialogVisibleShare: false,
      worksArray: [],
      tableWorksArray: [],
      testArray: [],
      options2: {
        1: "选择题",
        // 2: "问答题",
        3: "问答题",
        4: "添加文档",
        5: "附件",
      },
      videoIcon: videoIcon,
      wordIcon: wordIcon,
      fileIcon: fileIcon,
      dialogVisiblePdf: false,
      dialogVisibleVideo: false,
      dialogVisibleOffice: false,
      wurl: "",
      chapters: [],
      filterPlacement: "bottom-end",
      pdfLoading: false,
      btnDisplay: false,

      fileLoading: [],
      selectWorkList: [],
      tableDatePicker: [],
      submissionTimePicker:[],
      // fileLoadCount: [],
      // fileLoadNum: [],
      // infoprogress: [],
      teaType: [],
      examineData:null,
      disableBack: this.$route.query.disableBack === 'true',
      timeLimit:this.$route.query.timeLimit,
      sortTime:[],
      review:this.$route.query.review,
      defaultTimeLimit:[],
      typeStatusList:["","未提交","已提交","","已退回"]
    };
  },
  watch: {},
  computed: {
     // 去除不能评分的指令
    fie(){
      return function (val) {
        console.log('fie',val);

        const con = val.filter(e => [12,11,6,14].indexOf(e.type) == -1)
        return con
      }
    },
    // ai评分分数
    userSco(){
      return function (val) {
        const con = this.scoListCopy.find(u => u.id === val);
        // console.log('con',con);

        return con ? con.sco : '';
      }
    },
    TeachNameCpt: function () {
      // `this` 指向 vm 实例
      return this.TeachingOptions.filter((i) => {
        return i.id == this.TeachingValue;
      });
    },
    // vcWords() {
    //   return function (array) {
    //     let _array = [];
    //     if (array.length) {
    //       for (var i = 0; i < array.length; i++) {
    //         _array.push(
    //           {
    //             text: array[i].name,
    //             weight: array[i].count,
    //           }
    //         )
    //       }
    //     }
    //     console.log(_array);
    //     return array.length ? _array : [];
    //   };
    // },
    getScore() {
      return function (item) {
        let array = [];
        for (var i = parseInt(item.small); i <= parseInt(item.big); i++) {
          array.push(i);
        }
        return item.answer2 ? array[item.answer2] : "";
      };
    },
    selectType() {
      return function (item) {
        if (item.type == 1 && item.atype == 2) {
          return "多选题";
        } else if (item.type == 1 && item.atype == 1) {
          return "单选题";
        } else if (item.type == 3) {
          return "问答题";
        } else if (item.type == 5) {
          return "附件";
        } else if (item.type == 6 || item.type == 11) {
          return "课程";
        } else if (item.type == 7) {
          return "评分";
        } else if (item.type == 8) {
          return "日期";
        }
      };
    },
    selectType2() {
      return function (val1, val2) {
        if (val1 == 1 && val2 == 2) {
          return "多选题";
        } else if (val1 == 1 && val2 == 1) {
          return "单选题";
        } else if (val1 == 3) {
          return "问答题";
        } else if (val1 == 5) {
          return "附件";
        } else if (val1 == 6) {
          return "课程";
        } else if (val1 == 7) {
          return "评分";
        } else if (val1 == 8) {
          return "日期";
        }
      };
    },
    // 获取评分的平均分
    getAverageScore() {
      return (_index) => {
        let _result = 0;
        let _sum = 0;
        this.worksArray.forEach((i1) => {
          let _answer2 = i1.array[_index].json.answer2
          let small = i1.array[_index].json.small
          let flag = true
          // 判断_answer2是否为空或为字符串
          let val = 0;
          if (_answer2 === "" || _answer2 === null || _answer2 === undefined) {
            val = 0;
            flag = false
          } else if (typeof _answer2 === "string") {
            val = Number(_answer2) || 0;
          } else {
            val = _answer2;
          }
          if(flag){
            _result += val + small;
            _sum += 1;
          }
        });
        _result = _sum ? (_result / _sum).toFixed(2) : 0;
        return _result ? _result : 0;
      };
    },
    getTimeFilterText() {
      return (item, index) => {
        let _result = [];
        if (item.type == 8) {
          let array = [];
          this.worksArray.forEach((i) => {
            if (i.array[index].type == 8) {
              let _data = i.array[index].json.answer2;
              if (!array.map((r) => r.value).includes(_data)) {
                array.push({ text: _data, value: _data });
              }
            }
          });
          array.sort((a, b) => {
            const dateA = new Date(
              a.value.replace(/年|月/g, "-").replace(/日/g, "")
            );
            const dateB = new Date(
              b.value.replace(/年|月/g, "-").replace(/日/g, "")
            );
            return dateB - dateA; // 从小到大排序
          });

          console.log("👉排序：", array);
          _result = array;
        }
        return _result;
      };
    },
    getTType() {
      return function (pid, cclassid) {
        if(cclassid){
          let string = [];
          this.teaType.forEach((e) => {
            if (e.id == pid) {
              for (var i = 0; i < e.child.length; i++) {
                if (cclassid.includes(e.child[i].id)) {
                  string.push(e.child[i].name);
                }
              }
            }
          });
          return string.length ? string.join(",") : "-";
        }else{
          return "-";
        }

      };
    },
    getNameTTypeFiler() {
      return (item) => {
        return item.child.length ? item.child.map(child => ({
          text: child.name,
          value: child.id
        })) : null;
      };
    },
    pickerOptions(){
      return (dataList)=>{
        let _result = {
          shortcuts:[]
        }
        if(dataList && dataList.length>0){
          for(let i = 0;i<dataList.length;i++){
            if(dataList[i].time.length<=0)continue;
            _result.shortcuts.push({
              text:dataList[i].title?dataList[i].title:"-",
              onClick(picker){
                let startTime = dataList[i].time[0];
                let endTime = dataList[i].time[1]
                picker.$emit('pick', [startTime, endTime]);
              }
            })
          }

        }
        if(this.sortTime.length>0){
            this.sortTime.forEach(i=>{
              _result.shortcuts.push({
                text:i.title?i.title:"-",
                onClick(picker){
                  picker.$emit('pick', [new Date(i.time[0]), new Date(i.time[1])]);
                }
              })
            })
          }
        return _result;
      }
    },
    scoList2(){
      let result = [];
      if(this.peopleId){
        result = this.scoList.filter(i=>this.tableWorksArray.map(i=>i.id).indexOf(i.id) != -1)
      }else{
        result = this.scoList;
      }
      return result
    }
  },
  methods: {
// 清除分数
    cleancueWord(){
      if (!this.aiscoId) return
      let params = [{
        tid:this.cid
      }]
      console.log('params',params);
       this.ajax
        .post(this.$store.state.api + "deltestAisco", params)
        .then((res) => {
          console.log(res);
           this.$message({
            message: "删除成功",
            type: "success"
          });
          this.getAiSco()
        })
        .catch((err) => {
          this.$message({
            message: "删除失败",
            type: "error"
          });
          console.error(err);
        });
        this.opQvisible = false
    },
    // 点击开始评分（全部进行评分）
    async markSco(){
      if (!this.cueWord.openCeTit.trim()) return this.$message.error('请输入标题')
      if (!this.cueWord.openCeCon.trim()) return this.$message.error('请输入指令')
      if (this.cueWord.fieldList.length == 0) return this.$message.error('请选择引用字段')
      this.aiscoLoading = true

      let forAllList = [];
      this.scoList = []

        for (let kin = 0; kin < this.tableWorksArray.length; kin++) {
          let userWork = []
          let _fileid = []

          let kpl = this.tableWorksArray[kin].array
          // console.log('kpl',this.tableWorksArray[kin]);

           for (let index = 0; index < kpl.length; index++) {
              if ((kpl[index].type == 3 || kpl[index].type == 13 || kpl[index].type ==8) && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.answer2) {
                  userWork.push(kpl[index].json.title +':'+ kpl[index].json.answer2)
                }else{
                  userWork.push(kpl[index].json.title +':'+ '')
                }
              }
              if (kpl[index].type == 5 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.file && kpl[index].json.file[0].url) {
                  _fileid.push(kpl[index].json.file[0].url)
                }
                userWork.push(kpl[index].json.title+':' + _fileid.join('、'))
              }
              if (kpl[index].type == 7 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.answer2) {
                  userWork.push(kpl[index].json.title+':'+kpl[index].json.answer2)
                }else{
                  userWork.push(kpl[index].json.title+':'+'')
                }
              }
              if (kpl[index].type == 1 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                let kk = []
                if (kpl[index].json && kpl[index].json.answer2 && kpl[index].json.answer2.length) {
                  kpl[index].json.answer2.forEach((e)=>{
                    kk.push(kpl[index].json.array[e].option)
                  })
                }
                userWork.push(kpl[index].json.title+':' +kk.join(','))
              }
          }
let info = [
  this.cueWord.fieldList.includes('序号') ? '序号：' + (kin + 1) : '',
  this.cueWord.fieldList.includes('提交人') ? '提交人：' + this.tableWorksArray[kin].name : '',
  this.cueWord.fieldList.includes('学段') ? '学段：' + this.getTType(this.teaType[0].id, this.tableWorksArray[kin].cclassid) : '',
  this.cueWord.fieldList.includes('年级') ? '年级：' + this.getTType(this.teaType[1].id, this.tableWorksArray[kin].cclassid) : '',
  this.cueWord.fieldList.includes('学科') ? '学科：' + this.getTType(this.teaType[2].id, this.tableWorksArray[kin].cclassid) : '',
  this.cueWord.fieldList.includes('职务') ? '职务：' + this.getTType(this.teaType[3].id, this.tableWorksArray[kin].cclassid) : '',
  this.cueWord.fieldList.includes('教龄') ? '教龄：' + this.getTType(this.teaType[4].id, this.tableWorksArray[kin].cclassid) : '',
  this.cueWord.fieldList.includes('提交时间') ? '提交时间：' + this.tableWorksArray[kin].time : '',
  userWork.filter(Boolean).join('\n')
].filter(Boolean).join('\n');
          forAllList.push({id:this.tableWorksArray[kin].id,data:info})
          // console.log('info',info);

        }

        // console.log('forAllList',forAllList);



        let messages = `
NOTICE
Role: 你是一个高级数据处理师。
- 深入理解各种数据处理标准，确保处理流程的准确性。
- 熟练掌握数据结构知识，能快速解析“字段名称：具体内容”结构的文本。
- 具备强大的逻辑分析能力，以便制定合理的数据处理流程。
- 有丰富的数据处理经验，能应对多种类型的数据操作。
- 拥有精准的数据分析能力，准确得出处理结果。
- 擅长根据不同评价标准进行数据评价，保证结果符合要求。
- 能够高效地处理大量数据，保证工作的时效性。
Language: ${this.getLang()}

## 上下文
在数据处理任务缺乏合适工具或人力时，如数据分析项目、数据审核任务场景下，存在多组特定结构的文本数据，需数据处理大师理解标准和内容，制定流程并处理数据，按要求输出结果。

## 数据处理标准
${this.cueWord.openCeCon}

## 数据内容
${JSON.stringify(forAllList)}


## 任务
1. 数据标准理解：详细了解{数据处理标准}（如准确性、完整性、一致性等要求）
2. 数据内容理解： 阅读并理解{数据内容}包括多组“字段名称：具体内容”结构的文本数据。
3. 处理流程制定：根据所理解的{数据处理标准}，制定详细的数据处理流程，包括数据分析（如统计分析、关联分析等）、数据评价（根据标准打分或分类等）等步骤。
4. 数据处理操作：按照制定的流程对数据进行分析、处理和评价等操作。
5. 结果输出：仅输出按照用户要求处理后的结果，确保结果清晰、准确且易于理解。

### 理论框架
### 数据生命周期管理理论
1. 基本原理：
- 数据生命周期涵盖数据的创建、存储、使用、共享、归档和销毁等阶段，每个阶段有不同的管理要求。
- 明确各阶段的数据特征与管理重点有助于确保数据质量和合规性。
2. 具体应用：
- 确定处理阶段：根据数据处理任务确定数据处于生命周期的哪个阶段进行针对性处理。
- 遵循管理规范：按照各阶段的管理要求，如存储安全规范，在处理中保障数据。
- 规划流程：基于数据生命周期各阶段顺序规划合理的数据处理流程。

### ETL（Extract，Transform，Load）理论
1. 基本原理：
- ETL是数据仓库中的一种数据处理过程，包括抽取、转换和加载三个主要步骤。
- 用于将不同来源的数据整合到数据仓库中，保证数据的一致性和准确性。
2. 具体应用：
- 数据抽取：从多组文本数据中提取所需的字段和内容。
- 数据转换：对抽取的数据按照标准进行格式转换、清洗等操作。
- 数据加载：将处理好的数据加载到合适的存储或输出结构中。

### 数据质量评估理论
1. 基本原理：
- 从准确性、完整性、一致性等多方面评估数据质量，以确保数据可靠。
- 不同的数据用途有不同的质量要求，需建立相应评估指标。
2. 具体应用：
- 质量指标确定：根据处理标准确定数据质量评估指标。
- 数据检查：按照指标对处理过程中的数据进行检查。
- 结果验证：依据评估结果验证最终输出的数据是否符合要求。

##响应
严格按照用户的需求进行输出，不要输出多余的内容

## 要求
- 以清晰的逻辑构建处理流程，步骤分明。
- 对数据内容进行全面分析，不遗漏任何关键信息。
- 根据评价标准严格进行评价操作，保证结果的公正性。
- 处理结果输出简洁明了，仅包含符合要求的内容。
- 考虑到可能存在的多种数据结构，保持处理方法的通用性。
- 针对数据处理过程中的特殊情况提供应对措施。
- 以专业的态度对待数据，确保数据的安全性与完整性。
- 输出格式[{id:数据id,sco:评分}]。
- 不输出分析过程，直接输出最后计算结果。



## 限制
- 不应包含未经定义的数据处理术语，以免造成混淆。
- 避免输出与数据处理标准无关的内容。
- 不应包含模糊不清的处理步骤或操作。
- 避免提及无法获取的外部工具或资源，除非有替代方案。
- 不应包含未经证实的数据处理假设。
- 不要回复你不知道的内容
- 不要直接回复<demo>的内容
- 所输出的内容必须按照给定的格式进行组织，不能偏离框架要求。
- 请使用准确可靠的信息来源，确保规划的可行性和实用性。
- 如果查询信息不是真实信息，如 xxx 等占位字符，不要采纳或使用。
- 不要给用户提供任何虚假信息！不要给用户提供任何虚假信息！不要给用户提供任何虚假信息`;

          // console.log('messages',messages);


          let params = {
              id: '978252d7-a26e-4e70-8d75-3336497abac1',
              message: [
                {
                  type: "text",
                  text: messages.replaceAll("\n", " ").replaceAll("*", "")
                }
              ],
              userId: this.userid,
              model: 'open-gpt-4.1',
              file_ids: [],
              sound_url: '',
              temperature: 0.2,
              top_p: 1,
              max_completion_tokens: 100000,
              // uid: _uid,
              session_name: uuidv4(),
            // assistant_id: "6063369f-289a-11ef-8bf4-12e77c4cb76b",
            // message: [
            //   {
            //     type: "text",
            //     text: messages.replaceAll("\n", " ").replaceAll("*", "")
            //   }
            // ],
            // session_name: uuidv4(),
            // userId: this.userid,
            // file_ids: '',
            // model: "gpt-4o-2024-11-20"
          };
          this.ajax
            .post("https://appapi.cocorobo.cn/api/agentchats/ai_agent_chat", params)
            .then(response => {
                 let data = response.data;
                  // console.log("data", data.message);
                  // console.log('kkkk',JSON.parse(data.message));

                  this.scoList = JSON.parse(data.message)
                  this.aiscoLoading = false

                  this.uploadSCo()
            })
            .catch(error => {
              this.aiscoLoading = false
              this.$message.error('评分失败')
              reject(error)
              console.log(error);
            });
    },
    // 点击开始自动评分（未评分得数据进行评分）
    async markScoAuto(){
      let scoid =  this.scoList.map(e=> e.id);
      console.log('scoid',scoid);
      let TabArr = this.tableWorksArray.filter(e=> scoid.indexOf(e.id) == -1)

      console.log('this.TabArr',TabArr);
      if (!TabArr.length) return this.$message.error('已全部评分')

      if (!this.cueWord.openCeTit.trim()) return this.$message.error('请输入标题')
      if (!this.cueWord.openCeCon.trim()) return this.$message.error('请输入指令')
      if (this.cueWord.fieldList.length == 0) return this.$message.error('请选择引用字段')
      this.aiscoLoading = true

      let forAllList = [];
      this.scoList = []

      // 进行整理数据，将用户回答都存在一个数组里
        for (let kin = 0; kin < TabArr.length; kin++) {
          let userWork = []
          let _fileid = []

          let kpl = TabArr[kin].array
          // console.log('kpl',this.TabArr[kin]);

          for (let index = 0; index < kpl.length; index++) {
              if ((kpl[index].type == 3 || kpl[index].type == 13 || kpl[index].type ==8) && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.answer2) {
                  userWork.push(kpl[index].json.title +':'+ kpl[index].json.answer2)
                }else{
                  userWork.push(kpl[index].json.title +':'+ '')
                }
              }
              if (kpl[index].type == 5 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.file && kpl[index].json.file[0].url) {
                  _fileid.push(kpl[index].json.file[0].url)
                }
                userWork.push(kpl[index].json.title+':' + _fileid.join('、'))
              }
              if (kpl[index].type == 7 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                if (kpl[index].json.answer2) {
                  userWork.push(kpl[index].json.title+':'+kpl[index].json.answer2)
                }else{
                  userWork.push(kpl[index].json.title+':'+'')
                }
              }
              if (kpl[index].type == 1 && this.cueWord.fieldList.includes(kpl[index].json.title)) {
                let kk = []
                if (kpl[index].json && kpl[index].json.answer2 && kpl[index].json.answer2.length) {
                  kpl[index].json.answer2.forEach((e)=>{
                    kk.push(kpl[index].json.array[e].option)
                  })
                }
                userWork.push(kpl[index].json.title+':' +kk.join(','))
              }
          }
let info = [
  this.cueWord.fieldList.includes('序号') ? '序号：' + (kin + 1) : '',
  this.cueWord.fieldList.includes('提交人') ? '提交人：' + TabArr[kin].name : '',
  this.cueWord.fieldList.includes('学段') ? '学段：' + this.getTType(this.teaType[0].id, TabArr[kin].cclassid) : '',
  this.cueWord.fieldList.includes('年级') ? '年级：' + this.getTType(this.teaType[1].id, TabArr[kin].cclassid) : '',
  this.cueWord.fieldList.includes('学科') ? '学科：' + this.getTType(this.teaType[2].id, TabArr[kin].cclassid) : '',
  this.cueWord.fieldList.includes('职务') ? '职务：' + this.getTType(this.teaType[3].id, TabArr[kin].cclassid) : '',
  this.cueWord.fieldList.includes('教龄') ? '教龄：' + this.getTType(this.teaType[4].id, TabArr[kin].cclassid) : '',
  this.cueWord.fieldList.includes('提交时间') ? '提交时间：' + TabArr[kin].time : '',
  userWork.filter(Boolean).join('\n')
].filter(Boolean).join('\n');
          forAllList.push({id:TabArr[kin].id,data:info})
          // console.log('info',info);

        }

        // console.log('forAllList',forAllList);



        let messages = `
NOTICE
Role: 你是一个高级数据处理师。
- 深入理解各种数据处理标准，确保处理流程的准确性。
- 熟练掌握数据结构知识，能快速解析“字段名称：具体内容”结构的文本。
- 具备强大的逻辑分析能力，以便制定合理的数据处理流程。
- 有丰富的数据处理经验，能应对多种类型的数据操作。
- 拥有精准的数据分析能力，准确得出处理结果。
- 擅长根据不同评价标准进行数据评价，保证结果符合要求。
- 能够高效地处理大量数据，保证工作的时效性。
Language: ${this.getLang()}

## 上下文
在数据处理任务缺乏合适工具或人力时，如数据分析项目、数据审核任务场景下，存在多组特定结构的文本数据，需数据处理大师理解标准和内容，制定流程并处理数据，按要求输出结果。

## 数据处理标准
${this.cueWord.openCeCon}

## 数据内容
${JSON.stringify(forAllList)}


## 任务
1. 数据标准理解：详细了解{数据处理标准}（如准确性、完整性、一致性等要求）
2. 数据内容理解： 阅读并理解{数据内容}包括多组“字段名称：具体内容”结构的文本数据。
3. 处理流程制定：根据所理解的{数据处理标准}，制定详细的数据处理流程，包括数据分析（如统计分析、关联分析等）、数据评价（根据标准打分或分类等）等步骤。
4. 数据处理操作：按照制定的流程对数据进行分析、处理和评价等操作。
5. 结果输出：仅输出按照用户要求处理后的结果，确保结果清晰、准确且易于理解。

### 理论框架
### 数据生命周期管理理论
1. 基本原理：
- 数据生命周期涵盖数据的创建、存储、使用、共享、归档和销毁等阶段，每个阶段有不同的管理要求。
- 明确各阶段的数据特征与管理重点有助于确保数据质量和合规性。
2. 具体应用：
- 确定处理阶段：根据数据处理任务确定数据处于生命周期的哪个阶段进行针对性处理。
- 遵循管理规范：按照各阶段的管理要求，如存储安全规范，在处理中保障数据。
- 规划流程：基于数据生命周期各阶段顺序规划合理的数据处理流程。

### ETL（Extract，Transform，Load）理论
1. 基本原理：
- ETL是数据仓库中的一种数据处理过程，包括抽取、转换和加载三个主要步骤。
- 用于将不同来源的数据整合到数据仓库中，保证数据的一致性和准确性。
2. 具体应用：
- 数据抽取：从多组文本数据中提取所需的字段和内容。
- 数据转换：对抽取的数据按照标准进行格式转换、清洗等操作。
- 数据加载：将处理好的数据加载到合适的存储或输出结构中。

### 数据质量评估理论
1. 基本原理：
- 从准确性、完整性、一致性等多方面评估数据质量，以确保数据可靠。
- 不同的数据用途有不同的质量要求，需建立相应评估指标。
2. 具体应用：
- 质量指标确定：根据处理标准确定数据质量评估指标。
- 数据检查：按照指标对处理过程中的数据进行检查。
- 结果验证：依据评估结果验证最终输出的数据是否符合要求。

##响应
严格按照用户的需求进行输出，不要输出多余的内容

## 要求
- 以清晰的逻辑构建处理流程，步骤分明。
- 对数据内容进行全面分析，不遗漏任何关键信息。
- 根据评价标准严格进行评价操作，保证结果的公正性。
- 处理结果输出简洁明了，仅包含符合要求的内容。
- 考虑到可能存在的多种数据结构，保持处理方法的通用性。
- 针对数据处理过程中的特殊情况提供应对措施。
- 以专业的态度对待数据，确保数据的安全性与完整性。
- 输出格式[{id:数据id,sco:评分}]。
- 不输出分析过程，直接输出最后计算结果。



## 限制
- 不应包含未经定义的数据处理术语，以免造成混淆。
- 避免输出与数据处理标准无关的内容。
- 不应包含模糊不清的处理步骤或操作。
- 避免提及无法获取的外部工具或资源，除非有替代方案。
- 不应包含未经证实的数据处理假设。
- 不要回复你不知道的内容
- 不要直接回复<demo>的内容
- 所输出的内容必须按照给定的格式进行组织，不能偏离框架要求。
- 请使用准确可靠的信息来源，确保规划的可行性和实用性。
- 如果查询信息不是真实信息，如 xxx 等占位字符，不要采纳或使用。
- 不要给用户提供任何虚假信息！不要给用户提供任何虚假信息！不要给用户提供任何虚假信息`;

          // console.log('messages',messages);


          let params = {
              id: '978252d7-a26e-4e70-8d75-3336497abac1',
              message: [
                {
                  type: "text",
                  text: messages.replaceAll("\n", " ").replaceAll("*", "")
                }
              ],
              userId: this.userid,
              model: 'open-gpt-4.1',
              file_ids: [],
              sound_url: '',
              temperature: 0.2,
              top_p: 1,
              max_completion_tokens: 100000,
              // uid: _uid,
              session_name: uuidv4(),
            // assistant_id: "6063369f-289a-11ef-8bf4-12e77c4cb76b",
            // message: [
            //   {
            //     type: "text",
            //     text: messages.replaceAll("\n", " ").replaceAll("*", "")
            //   }
            // ],
            // session_name: uuidv4(),
            // userId: this.userid,
            // file_ids: '',
            // model: "gpt-4o-2024-11-20"
          };
          this.ajax
            .post("https://appapi.cocorobo.cn/api/agentchats/ai_agent_chat", params)
            .then(response => {
                 let data = response.data;
                  this.scoList = JSON.parse(data.message)
                  this.aiscoLoading = false

                  this.uploadSCo()
            })
            .catch(error => {
              this.aiscoLoading = false
              this.$message.error('评分失败')
              reject(error)
              console.log(error);
            });
    },
    // 获取评分
    async getAiSco(){
      return new Promise((resolve, reject) => {
        this.aiscoLoading = true
        let params = {
          tid: this.cid,
        };
        this.ajax
          .get(this.$store.state.api + "getTestAiSco", params)
          .then((res) => {
            if (res.data[0].length) {
                this.aiscoId = res.data[0][0].id
                this.cueWord = JSON.parse(res.data[0][0].cueWord)
                this.cueWordCopy = JSON.parse(res.data[0][0].cueWord)
                this.scoList = JSON.parse(res.data[0][0].json)
                this.scoListCopy = JSON.parse(res.data[0][0].json)
            }else{
              this.cueWord={
                openCeCon:'', //指令
                openCeTit:'', //标题
                fieldList:[]
              }
              this.cueWordCopy={
                openCeCon:'', //指令
                openCeTit:'', //标题
                fieldList:[]
              }
              this.scoList=[]
              this.scoListCopy=[]
            }
            this.aiscoLoading = false

              // console.log('8888888888',res.data[0]);
              resolve(1)
          })
          .catch((err) => {
            reject(err)
            this.aiscoLoading = false

            console.error(err);
          });
      })

    },
    // 上传评分
    uploadSCo(){
      this.aiscoLoading = true

      // val有数据就是自动评分把将新老数据结合在一起

      let scoArr = []
      // 新添加的评分
      const ids1 = this.scoList.map(item => item.id);
      // console.log('ids1',ids1);

      // jiu评分
      scoArr = this.scoListCopy.filter(item => !ids1.includes(item.id));
      // console.log('scoArr',JSON.parse(JSON.stringify('scoArr')));


      scoArr = [...this.scoList,...scoArr]

      let params = [{
        tid:this.cid,
        uid:this.userid,
        json:JSON.stringify(scoArr),
        cw: JSON.stringify(this.cueWord)
      }]
      // console.log('params',params);
       this.ajax
        .post(this.$store.state.api + "addtestAiSco", params)
        .then((res) => {
          // console.log(res);
           this.$message({
            message: "评价成功",
            type: "success"
          });
          this.getAiSco()
        })
        .catch((err) => {
          this.aiscoLoading = false
          this.$message({
            message: "评价失败",
            type: "error"
          });
          console.error(err);
        });
    },
    // 获取文档id
    createFileid(url) {
      let _this = this;
      return new Promise((resolve, reject) => {
        try {
          _this.ajax
            .put("https://gpt4.cocorobo.cn/upload_file_knowledge", {
              url: url
            })
            .then(res => {
              let _data = res.data.FunctionResponse;
              if (_data.result && _data.result.id) {
                resolve(_data.result.id);
              } else {
                resolve(1);
              }
            })
            .catch(function(error) {
              resolve(1);
            });
        } catch (e) {
          resolve(1);
        }
      });
    },
    getLang() {
      let lang = "";
      if (this.languageSetting == 0) {
        lang = "Chinese.";
      } else if (this.languageSetting == 1) {
        lang = "Traditional Chinese.";
      } else if (this.languageSetting == 2) {
        lang = "English.";
      }
      return lang;
    },
    // 打开引用字段弹框
    quoteShow(){
      this.quoteV = !this.quoteV
    },
    // 添加指令字段
    addfield(val){
      if (this.cueWord.fieldList.indexOf(val) != -1) {
        const index = this.cueWord.fieldList.indexOf(val)
        this.cueWord.fieldList.splice(index, 1)
      }else{
        this.cueWord.fieldList.push(val)
      }
    },
    openChat() {
      this.aiChatV = !this.aiChatV;
      this.$nextTick(() => {
        const boxStickyHeight = this.$refs.boxSticky
          ? this.$refs.boxSticky.offsetHeight
          : 0;
        const chatHeight = `calc(100% - ${boxStickyHeight}px - 46px)`;
        // this.$refs.aiChat.$el.style.height = chatHeight;
        this.$refs.aiBoxRightDivRef.style.height = chatHeight;
      });
    },
    fileClose(done) {
      done();
    },
    //获取教研室列表
    getClass2() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectTeacherOfficeBySchool", params)
        .then((res) => {
          console.log("this.TeachingOptions", this.TeachingOptions);
          console.log(res.data);
          let data = res.data[0];
          this.TeachingOptions.forEach((e) => {
            data.forEach((i) => {
              if (e.id == i.id) {
                e.name = i.name;
              }
            });
          });
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    getClass3() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectTeacherOfficeBySchool", params)
        .then((res) => {
          console.log(res.data);
          this.TeachingOptions = res.data[0].filter((item) => {
            return item.parentid == "6";
          });
          // console.log('this.TeachingOptions',this.TeachingOptions);
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    filterName(value, row, index) {
      let name = [];
      for (var i = 0; i < row.array[index].json.answer2.length; i++) {
        name.push(
          row.array[index].json.array[row.array[index].json.answer2[i]].option
        );
      }
      console.log(name.indexOf(value) != -1);
      return name.indexOf(value) != -1;
    },
    // 筛选课程
    filterCourse(value, row, index) {
      return row.array[index].json.answer2.indexOf(value) != -1;
    },
    //筛选日期
    filterTime(value, row, index) {
      return row.array[index].json.answer2.indexOf(value) != -1;
    },
    filterTType(value, row, index) {
      return row.cclassid && row.cclassid.indexOf(value) != -1;
    },
    wordClickHandler(name, value) {
      //  this.$notify({
      //   title: name,
      //   message: "数量："+value
      // });
    },
    retrunCourse() {
      if(!this.back){
        this.goTo(
        "/test?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
      );
      }else if(this.back=="sass"){
        this.$router.back();
      //   this.goTo(
      //   "/sassPlatform?userid=" +
      //     this.userid +
      //     "&oid=" +
      //     this.oid +
      //     "&org=" +
      //     this.org +
      //     "&role=" +
      //     this.role
      // );
      }

    },
    goTo(path) {
      this.$router.push(path);
    },
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return "even_row";
      } else {
        return "";
      }
    },
    changeHeight() {
      if (this.stype == 1) {
        return;
      }
      this.tableHeight = this.$refs.stepBox.offsetHeight - 120;
      if (this.tableHeight <= 530) {
        this.tableHeight = 530;
      }
      // 监听窗口大小变化
      let self = this;
      window.onresize = function () {
        if (self.stype == 1) {
          return;
        }
        self.tableHeight = this.$refs.stepBox.offsetHeight - 120;
        if (self.tableHeight <= 530) {
          self.tableHeight = 530;
        }
      };
      // this.$refs.table.$el.offsetTop：表格距离浏览器的高度 //200表示你想要调整的表格距离底部的高度（你可以自己随意调整），因为我们一般都有放分页组件的，所以需要给它留一个高度
    },
    handleCurrentChange(val) {
      this.page = val;
      this.getData2();
    },
    getTest(row) {
      this.$router.push(
        "/checkTest2?cid=" +
          row.courseid +
          "&userid=" +
          this.userid +
          "&userid2=" +
          row.userid +
          "&tid=" +
          row.id +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&type=2" +
          "&role=" +
          this.role+
          "&back=1"
      );
    },
    editTest(row){
      this.$router.push(
        "/doTest?cid=" +
          row.courseid +
          "&userid=" +
          this.userid +
          "&userid2=" +
          row.userid +
          "&tid=" +
          row.id +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&type=2" +
          "&role=" +
          this.role +
          "&back=1"
      );
      // doTest?cid=721eadc1-087c-11f0-b508-005056924926&tid=66db0a89-0a11-11f0-9261-005056924926&userid=6c56ec0e-2c74-11ef-bee5-005056b86db5&oid=414f2361-ad04-11ed-b13d-005056b86db5&org=0fec3a8a-ad04-11ed-b13d-005056b86db5&type=3&role=0
      console.log("编辑",row)
    },
    checkDataType(type) {
      this.TeachingValue = "";
      if (this.stype != type) {
        this.stype = type;
        this.courseName = "";
        if (type == 3) {
          this.getData2();
        } else {
          this.getData();
        }
        this.changeHeight();
      }
    },
    searchCourse() {
      if (this.stype == 3) {
        this.getData2();
      } else {
        this.getData();
      }
    },

    async getData() {
      this.isLoading = true;
      await this.getAiSco()

      let params = [
        {
          cid: this.cid,
          cn: this.courseName,
          tim: !this.SubmitTime ? "" : this.SubmitTime,
          tea: this.TeachingValue,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "getTestWorksNoPageCopy2", params)
        .then(async (res) => {
          this.testJson = res.data[0][0];
          console.log(
            "this.testJson",
            JSON.parse(JSON.stringify(this.testJson))
          );

          let a = "";
          if (this.testJson.juriP) {
            a = this.testJson.juriP;
          }
          if (this.testJson.juriP2) {
            if (a) {
              a = this.testJson.juriP + "," + this.testJson.juriP2;
            } else {
              a = this.testJson.juriP2;
            }
          }
          this.testJson.juriP = a;

          if (this.testJson.juriP) {
            let ajuri2 = this.testJson.juri2.split(",");
            this.TeachingOptions = ajuri2.map((key, index) => ({
              id: key,
              name: "",
            }));
            this.getClass2();
          } else {
            this.getClass3();
          }

          // console.log('dddd',this.TeachingOptions);

          let _worksData = res.data[1];

          console.log("_worksData",_worksData)

          if(this.peopleId){
            _worksData = _worksData.filter(i=>i.userid === this.peopleId)
          }
          // if(this.timeLimit){
          //   console.log("timeLimit", this.timeLimit)
          //   // 2024-12-31T16:00:00.000Z,2025-12-31T16:00:00.000Z
          //   // 根据 timeLimit 筛选 _worksData
          //   let [startStr, endStr] = this.timeLimit.split(',');
          //   let startDate = startStr ? new Date(startStr) : null;
          //   let endDate = endStr ? new Date(endStr) : null;
          //   _worksData = _worksData.filter(i => {
          //     if (!i.time) return false;
          //     // i.time 例子：2025年02月25日 10:17:46
          //     let match = i.time.match(/^(\d{4})年(\d{2})月(\d{2})日/);
          //     if (!match) return false;
          //     let year = parseInt(match[1]);
          //     let month = parseInt(match[2]);
          //     let day = parseInt(match[3]);
          //     // 构造当前数据的日期对象
          //     let curDate = new Date(year, month - 1, day, 0, 0, 0);
          //     // 判断是否在区间内（包含等于）
          //     if (startDate && endDate) {
          //       return curDate >= startDate && curDate <= endDate;
          //     } else if (startDate) {
          //       return curDate >= startDate;
          //     } else if (endDate) {
          //       return curDate <= endDate;
          //     }
          //     return true;
          //   });
          // }


          // if(this.timeLimit){
          //   if(_worksData[0]){
          //     let _data = JSON.parse(_worksData[0].courseJson)
          //     let _flag = false;
          //     _data.forEach((item,index)=>{
          //       if(item.type == 8 && item.json.title == "获奖时间"){
          //         _flag = true
          //         let time = this.timeLimit.split(",");
          //         this.tableDatePicker[index] = [new Date(time[0]),new Date(time[1])]
          //       }
          //     })

          //     if(!_flag){
          //       let time = this.timeLimit.split(",");
          //       this.submissionTimePicker =  [new Date(time[0]),new Date(time[1])];
          //     }
          //     this.tableDataPickerChange();
          //     this.submissionTimePickerChange()
          //   }
          // }

          this.works = _worksData;
          this.iscount = res.data[2][0].count;
          this.pcount = res.data[3][0].count;
          let chapters = this.setJSON(
            this.setJson2(
              JSON.parse(JSON.stringify(JSON.parse(res.data[0][0].chapters)))
            )
          );
          this.chapters = this.setFilter(
            this.JSONSetting(
              JSON.parse(JSON.stringify(JSON.parse(res.data[0][0].chapters)))
            )
          );
          let courseCount11 = [];
          let testArray = [];
          let array = [];
          let courseIds = []; // 初始化一个空数组来存储所有的courseId
          for (let i = 0; i < this.works.length; i++) {
            let cJson = this.setJSON(
              JSON.parse(JSON.stringify(JSON.parse(this.works[i].courseJson)))
            );
            if (JSON.stringify(cJson) == JSON.stringify(chapters)) {
              let _json = this.JSONSetting(
                JSON.parse(JSON.stringify(JSON.parse(this.works[i].courseJson)))
              );

              for (var ja = 0; ja < _json.length; ja++) {
                let _json2 = _json[ja].json;
                if (_json[ja].type == 6) {
                  let courseId = _json2.answer2;
                  courseIds.push(courseId); // 将type为6的courseId添加到数组中
                }
                if (_json[ja].type == 11) {
                  let _answer = _json2.answer2;
                  _answer.length
                    ? (courseCount11 = courseCount11.concat(_answer))
                    : "";
                  _json[ja].json.courseId = _answer ? _answer : [];
                  courseIds = courseIds.concat(_answer); // 将type为11的courseId添加到数组中
                }
              }
            }
          }

          // 将所有的courseId去重
          courseIds = Array.from(new Set(courseIds));
          // 使用一个数组来存储所有的courseId后，执行getCourseInfoTestAll
          let courseTitles = {}; // 初始化一个空对象来存储所有的courseTitles
          let params2 = [
            {
              cid: courseIds.join(","),
            },
          ];

          let data2 = await this.ajax.post(
            this.$store.state.api + "getCourseInfoTestAll2",
            params2
          );
          let result2 = data2.data[0];
          result2.forEach((i) => {
            // _title.push(i.title);
            courseTitles[i.courseId] = i.title;
          });

          for (let i = 0; i < this.works.length; i++) {
            let cJson = this.setJSON(
              JSON.parse(JSON.stringify(JSON.parse(this.works[i].courseJson)))
            );
            console.log(cJson,'===',chapters)
            // if (JSON.stringify(cJson) == JSON.stringify(chapters)) {
              let _json = this.JSONSetting(
                JSON.parse(JSON.stringify(JSON.parse(this.works[i].courseJson)))
              );

              let _json2 = this.JSONSetting(
                JSON.parse(JSON.stringify(JSON.parse(JSON.stringify(chapters))))
              );

              // console.log("json2",_json2)

              // _json.forEach((item) => {
                // console.log('_jsonItem',item)
                // if(){

                // }
                // if (item.type == 11) {
                //   let cid = item.json.answer2;
                //   let _title = [];
                //   for (var i = 0; i < cid.length; i++) {
                //     _title.push(courseTitles[cid[i]]);
                //   }
                //   item.json.answer2 = _title.length ? _title.join(",") : "";
                // }
                // if (item.type == 6) {
                //   let courseId = item.json.answer2;
                //   item.json.answer2 = courseTitles[courseId] || "";
                // }
              // });
              _json2.forEach(item=>{
                let _index = _json.findIndex(i=>(i.type==item.type && i.ttype==item.ttype && i.json.title==item.json.title))
                if(_index!=-1){
                  item.json = _json[_index].json;
                  if (item.type == 11) {
                    let cid = item.json.answer2;
                    let _title = [];
                    for (var i = 0; i < cid.length; i++) {
                      _title.push(courseTitles[cid[i]]);
                    }
                    item.json.answer2 = _title.length ? _title.join(",") : "";
                  }
                  if (item.type == 6) {
                    let courseId = item.json.answer2;
                    item.json.answer2 = courseTitles[courseId] || "";
                  }
                }
                })
              if(JSON.stringify(_json2)==JSON.stringify(this.JSONSetting(JSON.parse(JSON.stringify(chapters)))))continue
              // 更新对应的_json对象的answer2
              array.push({
                courseid: this.works[i].courseid,
                cclassid: this.works[i].cclassid,
                id: this.works[i].id,
                userid: this.works[i].userid,
                name: this.works[i].username ? this.works[i].username : "匿名",
                time: this.works[i].time,
                array: _json2,
                testName:this.works[i].testName,
                isReview:this.works[i].isReview,
                cut: 0,
                uteaName: this.works[i].uteaName,
                courseJson: JSON.parse(this.works[i].courseJson),
                type:this.works[i].type
              });
            // }
          }

          let allCourseIds = [];
          for (var i = 0; i < this.chapters.length; i++) {
            let el = this.chapters[i];
            let topic = {
              type: el.type,
              cut: 0,
              title: el.json ? el.json.title : "",
              detail: el.json ? el.json.detail : "",
              atype: el.json ? el.json.type : "",
              choice: el.json ? el.json.array : "",
              array: [],
              answer: el.json ? el.json.answer : "",
              answer2: "",
              count: 0,
              courses: el.json ? el.json.courses : [],
              small: el.json ? el.json.small : "",
              big: el.json ? el.json.big : "",
            };
            if (topic.type == 1) {
              for (var t = 0; t < topic.choice.length; t++) {
                topic.array.push({
                  name: topic.choice[t].option,
                  count: 0,
                });
              }
            } else if (topic.type == 3) {
            } else if (topic.type == 5) {
            } else if (topic.type == 6) {
              let _answer = topic.array;

              allCourseIds = allCourseIds.concat(_answer);
            } else if (topic.type == 7) {
              for (
                var t = parseInt(topic.small);
                t <= parseInt(topic.big);
                t++
              ) {
                topic.array.push({
                  name: t,
                  count: 0,
                });
              }
            } else if (topic.type == 11) {
              const uniqueArray = courseCount11.filter(
                (item, index) => courseCount11.indexOf(item) === index
              );
              let _answer = uniqueArray;

              allCourseIds = allCourseIds.concat(_answer);
            }
            for (var j = 0; j < array.length; j++) {
              let el2 = array[j];
              console.log("==>",el2)
              if (topic.type == 1) {
                let _answer = el2.array[i].json.answer2;
                if(!_answer)continue;
                for (var k = 0; k < _answer.length; k++) {
                  topic.array[_answer[k]].count++;
                  topic.count++;
                }
              } else if (topic.type == 3 || topic.type == 8) {
                let type3 = 1;
                let _answer = el2.array[i].json.answer2;
                if (_answer) {
                  for (var k = 0; k < topic.array.length; k++) {
                    if (topic.array[k].name == _answer) {
                      topic.array[k].count++;
                      type3 = 2;
                      topic.count++;
                      break;
                    }
                  }
                  if (type3 == 1) {
                    topic.array.push({
                      name: _answer,
                      count: 1,
                    });
                  }

                  let limit = 10;

                  if(topic.array.length>limit){
                    topic.showArray = topic.array.slice(0,limit)
                    topic.nowPage = 1;
                    topic.total = topic.array.length;
                    topic.limit = limit;
                  }else{
                    topic.showArray = topic.array;
                  }

									topic.loadingWordCloud = false;
									topic.wordCloutData = null;
                }
              } else if (topic.type == 5) {
                let _answer = el2.array[i].json.file
                  ? el2.array[i].json.file
                  : [];
                let _user = { userid: el2.userid, username: el2.name };
                for (var k = 0; k < _answer.length; k++) {
                  topic.array.push({ ..._answer[k], ..._user });
                }
              } else if (topic.type == 7) {
                if (el2.array[i].json.answer2) {
                  let _answer = el2.array[i].json.answer2;
                  topic.array[_answer].count++;
                  topic.count++;
                }
              } else if (topic.type == 6) {
                if (el2.array[i].json.courses) {
                  let _answer = el2.array[i].json.courses.length
                    ? el2.array[i].json.courses.join(",")
                    : "";
                  topic.answer2 = _answer;
                }
              } else if (topic.type == 11) {
                const uniqueArray = courseCount11.filter(
                  (item, index) => courseCount11.indexOf(item) === index
                );
                let _answer = uniqueArray;
                topic.answer2 = _answer;
              }else if(topic.type == 13){
                if (el2.array[i].json.answer2!=='') {
                  let _answer = String(el2.array[i].json.answer2);
                  let _type = el2.array[i].json.type;
                  console.log("👉",el2.array[i].json)
                  if(_type=='4')_answer+='%';
                  if(!topic.array)topic.array=[];
                  if(topic.array.findIndex(i=>i.name==_answer)!=-1){
                    topic.array.find(i=>i.name==_answer).count++;
                  }else{
                    topic.array.push({
                      name:_answer,
                      count:1
                    })
                  }
                  topic.count++;
                }
              }else if(topic.type==14){
                console.log("===",el2)
              }
            }
            console.log("topictopictopictopic", topic);
            testArray.push(topic);
            this.fileLoading.push({
              bool: false,
              count: 0,
              load: 0,
              progress: 0,
            });
          }

          // 去重courseId
          allCourseIds = Array.from(new Set(allCourseIds));

          let params = [
            {
              cid: allCourseIds.join(","),
            },
          ];

          let data = await this.ajax.post(
            this.$store.state.api + "getCourseInfoTestAll2",
            params
          );
          let result = data.data[0];

          for (var i = 0; i < this.chapters.length; i++) {
            let el = this.chapters[i];
            let topic = testArray[i];
            if (topic.type == 6 || topic.type == 11) {
              result.forEach((i) => {
                i.update_at = new Date(i.update_at)
                  .toLocaleString("zh-CN", {
                    year: "numeric",
                    month: "2-digit",
                    day: "2-digit",
                    hour: "2-digit",
                    minute: "2-digit",
                    second: "2-digit",
                    hour12: false,
                  })
                  .replace(/\//g, "-");
              });
              if (topic.type == 6) {
                result.forEach((elc) => {
                  if (
                    this.chapters
                      .find((f) => f.type == 6)
                      .nameFilters.find((c) => c.value == elc.title) ==
                      undefined &&
                    topic.answer2.includes(elc.courseId)
                  ) {
                    this.chapters
                      .find((c) => c.type == 6)
                      .nameFilters.push({ text: elc.title, value: elc.title });
                  }
                });
              } else if (topic.type == 11) {
                result.forEach((elc) => {
                  if (
                    this.chapters
                      .find((f, index) => index == i)
                      .nameFilters.find((c) => c.value == elc.title) ==
                      undefined &&
                    topic.answer2.includes(elc.courseId)
                  ) {
                    this.chapters
                      .find((c, index) => index == i)
                      .nameFilters.push({ text: elc.title, value: elc.title });
                  }
                });
              }

              // this.chapters.find(i=>i.type==6 || i.type==11).nameFilters = result.map(r=>{return{text:r.title,value:r.courseId}})
              if (topic.answer2.length) {
                let _answer = topic.answer2;
                topic.courseArray = result.filter((el) => {
                  return _answer.includes(el.courseId);
                });
              } else {
                topic.courseArray = [];
              }
              // topic.courseArray = result
            }
          }
          this.testArray = testArray;
          this.worksArray = array;
          this.tableWorksArray = array;
          this.isLoading = false;

          this.teaType = res.data[5];
          let typeInfo = res.data[6];

          this.teaType.forEach((e) => {
            e.child = [];
            e.value = [];
            typeInfo.forEach((i) => {
              if (e.id == i.parentid) {
                e.child.push({ id: i.id, name: i.name });
              }
            });
          });
          console.log(this.teaType, "teaType");


          if(this.timeLimit){
            if(this.works[0]){
              let _data = JSON.parse(this.works[0].courseJson)
              console.log("this.works",this.works)
              _data.forEach((item,index)=>{
                if(item.type == 8){
                  let time = this.timeLimit.split(",");
                  this.tableDatePicker[index] = [new Date(time[0]),new Date(time[1])]
                }
              })

              // if(!_flag){
              //   let time = this.timeLimit.split(",");
              //   this.submissionTimePicker =  [new Date(time[0]),new Date(time[1])];
              //   this.submissionTimePickerChange()
              // }else{
                this.tableDataPickerChange();
              // }
              this.$forceUpdate();
            }
          }

        })
        .catch((err) => {
          console.error(err);
        });
    },
    getData2() {
      this.isLoading = true;
      let params = {
        cid: this.cid,
        page: this.page,
        pageSize: this.pageSize,
        cn: this.courseName,
      };
      this.ajax
        .get(this.$store.state.api + "getTestWorksPage3", params)
        .then((res) => {
          this.isLoading = false;
          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
          this.tableData = res.data[0];
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setJSON(json) {
      return json.filter((item) => {
        if (item.array) {
          item.array = item.array.filter((item2) => {
            if (item2.ttype == 1 && item2.json) {
              delete item2.json.answer2;
              delete item2.json.score2;
              delete item2.json.file;
              delete item2.json.codeScanningTime;
              delete item2.json.timeSort;
            }
            if (item2.array) {
              item2.array = item2.array.filter((item3) => {
                if (item3.ttype == 1 && item3.json) {
                  delete item3.json.answer2;
                  delete item3.json.score2;
                  delete item3.json.file;
                  delete item3.json.codeScanningTime;
                  delete item3.json.timeSort;
                }
                return item3;
              });
            }
            return item2;
          });
        } else if (item.ttype == 1 && item.json) {
          delete item.json.answer2;
          delete item.json.score2;
          delete item.json.file;
          delete item.json.codeScanningTime;
          delete item.json.timeSort;
        }
        return item;
        console.log(item.array);
      });
    },
    setJson2(json) {
      let _json = json;
      // this.type = _json[0].ttype;
      let checkArray = _json.filter((item) => {
        if (item.array) {
          item.array = item.array.filter((item2) => {
            if (item2.ttype == 1 && item2.json && !item2.json.answer2) {
              item2.json.answer2 = [];
            }
            if (item2.array) {
              item2.array = item2.array.filter((item3) => {
                if (item3.ttype == 1 && item3.json && !item3.json.answer2) {
                  item3.json.answer2 = [];
                }
                return item3;
              });
            }
            return (
              (item2.ttype != 1 && item2.array.length > 0) || item2.ttype == 1
            );
          });
        }
        if (item.ttype == 1 && item.json && !item.json.answer2) {
          item.json.answer2 = [];
        }
        console.log(item.array);
        return (item.ttype != 1 && item.array.length > 0) || item.ttype == 1;
      });
      console.log(checkArray);
      return checkArray;
    },
    JSONSetting(json) {
      let _json = json;
      let array = [];
      _json.filter((item) => {
        if (item.array) {
          item.array = item.array.filter((item2) => {
            if (item2.ttype == 1 && item2.json) {
              array.push(item2);
            }
            if (item2.array) {
              item2.array = item2.array.filter((item3) => {
                if (item3.ttype == 1 && item3.json) {
                  array.push(item3);
                }
                return item3;
              });
            }
            return item2;
          });
        }
        if (item.ttype == 1 && item.json) {
          array.push(item);
        }
        console.log(item.array);
        return item;
      });
      console.log(array);
      return array;
    },
    setFilter(json) {
      let _json = json;
      let array = [];
      _json.filter((item) => {
        (item.nameFilters = []),
          (item.filterParams = {
            name: [],
          });
        if (item.type == 1) {
          for (var i = 0; i < item.json.array.length; i++) {
            item.nameFilters.push({
              text: item.json.array[i].option,
              value: item.json.array[i].option,
            });
          }
        }

        array.push(item);
        return item;
      });
      return array;
    },
    checkFile(item) {
      if (item.type == 3) {
        this.$hevueImgPreview(item.url);
      } else if (item.type == 5) {
        this.downloadFile(item);
      } else if (item.type == 1) {
        this.dialogVisibleOffice = true;
        this.wurl = item.url;
      } else if (item.type == 2) {
        this.dialogVisibleVideo = true;
        this.wurl = item.url;
      } else if (item.type == 4) {
        this.dialogVisiblePdf = true;
        this.wurl = item.url;
      }
    },
    downloadFile(f) {
      var credentials = {
        accessKeyId: "AKIATLPEDU37QV5CHLMH",
        secretAccessKey: "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",
      }; //秘钥形式的登录上传
      window.AWS.config.update(credentials);
      window.AWS.config.region = "cn-northwest-1"; //设置区域
      let url2 = f.url;
      let _url2 = "";
      if (
        url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
      ) {
        _url2 = url2.split(
          "https://view.officeapps.live.com/op/view.aspx?src="
        )[1];
      } else {
        _url2 = url2;
      }
      let _this = this;

      _this.downLoading = _url2;
      var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
      let name = decodeURIComponent(
        _url2
          .split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
          .replace(/\+/g, " ")
      );
      var params = {
        Bucket: "ccrb",
        Key: name,
      };
      s3.getObject(params, function (err, data) {
        _this.downLoading = "";
        if (err) console.log(err, err.stack); // an error occurred
        else {
          let url = window.URL.createObjectURL(new Blob([data.Body]));
          let a = document.createElement("a");
          a.name = f.name;
          a.href = url;
          a.download = f.name;
          a.click();
          console.log(data);
        } // sxuccessful response
      });
    },
    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("删除成功");
              if (_this.stype == 3) {
                _this.getData2();
              } else {
                _this.getData();
              }
            })
            .catch((err) => {
              console.error(err);
            });
        })
        .catch(() => {
          return;
        });
    },
    exportPDF() {
      this.pdfLoading = true;
      var a = document.getElementsByTagName("img");
      for (var i = 0; i < a.length; i++) {
        a[i].crossOrigin = "*";
      }
      downloadPDF(this.$refs.stepBox, this.testJson.title, () => {
        var _a = document.getElementsByTagName("img");
        for (var i = 0; i < _a.length; i++) {
          _a[i].removeAttribute("crossorigin");
        }
        setTimeout(() => {
          this.pdfLoading = false;
        }, 2000);
      });
    },
    score(json) {
      let score = 0;
      json.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) {
                  score += item2.json.score ? parseFloat(item2.json.score) : 0;
                }
              });
            } else if (item.ttype == 1 && item.json) {
              score += item.json.score ? parseFloat(item.json.score) : 0;
            }
          });
        } else if (el.ttype == 1 && el.json) {
          score += el.json.score ? parseFloat(el.json.score) : 0;
        }
      });
      return score > 0 ? score + "分" : "";
    },
    score2(json) {
      let score = 0;
      // let type = 1
      json.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) {
                  score += item2.json.score2
                    ? parseFloat(item2.json.score2)
                    : 0;
                }
              });
            } else if (item.ttype == 1 && item.json) {
              score += item.json.score2 ? parseFloat(item.json.score2) : 0;
            }
          });
        } else if (el.ttype == 1 && el.json) {
          score += el.json.score2 ? parseFloat(el.json.score2) : 0;
        }
      });
      return score + "分";
    },
    setWordHtml(data) {
      let _data = data;

      let _title = `<div style="font-size:30px;font-weight:bold;text-align:center;">${this.testJson.title}</div>`;
      let score = this.score(data.courseJson);
      let isScore = this.score2(data.courseJson);
      let scoreContent = score ? `<b>（得分/总分）${isScore}/${score}</b>` : "";
      let _content = `<div style="text-align:center;margin-top: 20px;"><b style="margin-right:40px">（答题人）${
        _data.name
      }</b>${scoreContent}（填写范围）${
        this.testJson.juriP ? this.testJson.juriP : "所有人"
      }（提交时间）${_data.time}</div>`;
      let _detail = this.testJson.brief
        ? `<div style="text-align:center;margin-top: 20px;">${this.testJson.brief}</div>`
        : "";

      let _test = `<div style='margin-top:40px;'>`;
      for (let i = 0; i < _data.array.length; i++) {
        let item = _data.array[i];
        let _div = `<div style='margin-top:20px;font-weight:bold;'>${i + 1}、${
          item.json.title
        }</div>`;
        _test += _div;
        if (item.type == 1) {
          for (let j = 0; j < item.json.array.length; j++) {
            let check = item.json.array[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${
              item.json.answer2 && item.json.answer2.indexOf(j) !== -1
                ? "☑"
                : "☐"
            } ${check.option}</div>`;
            _test += _option;
          }
        } else if (item.type == 3 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 5 && item.json.file) {
          for (let j = 0; j < item.json.file.length; j++) {
            let check = item.json.file[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${check.name} <a href='${check.url}'>${check.url}</a></div>`;
            _test += _option;
          }
        } else if (item.type == 6 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 7 && item.json.answer2) {
          let _score = this.getScore2(item.json);
          let _option = `<div style='margin:10px 0 0 40px;'>打分：${_score}分</div>`;
          _test += _option;
        } else if (item.type == 8 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 11 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        }
      }
      _test += `</div>`;
      let _html = _title + _content + _detail + _test;
      this.exportToWord(_data.name + "-" + _data.time, _html);
    },
    setWordHtml2(data) {
      let _data = data;
      _data.array = this.JSONSetting(
        JSON.parse(JSON.stringify(JSON.parse(data.courseJson)))
      );
      let _title = `<div style="font-size:30px;font-weight:bold;text-align:center;">${this.testJson.title}</div>`;
      let score = this.score(JSON.parse(data.courseJson));
      let isScore = this.score2(JSON.parse(data.courseJson));
      let scoreContent = score ? `<b>（得分/总分）${isScore}/${score}</b>` : "";
      let _content = `<div style="text-align:center;margin-top: 20px;"><b style="margin-right:40px">（答题人）${
        _data.username ? _data.username : "匿名"
      }</b>${scoreContent}（填写范围）${
        this.testJson.juriP ? this.testJson.juriP : "所有人"
      }（提交时间）${_data.time}</div>`;
      let _detail = this.testJson.brief
        ? `<div style="text-align:center;margin-top: 20px;">${this.testJson.brief}</div>`
        : "";

      let _test = `<div style='margin-top:40px;'>`;
      for (let i = 0; i < _data.array.length; i++) {
        let item = _data.array[i];
        let _div = `<div style='margin-top:20px;font-weight:bold;'>${i + 1}、${
          item.json.title
        }</div>`;
        _test += _div;
        if (item.type == 1) {
          for (let j = 0; j < item.json.array.length; j++) {
            let check = item.json.array[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${
              item.json.answer2 && item.json.answer2.indexOf(j) !== -1
                ? "☑"
                : "☐"
            } ${check.option}</div>`;
            _test += _option;
          }
        } else if (item.type == 3 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 5 && item.json.file) {
          for (let j = 0; j < item.json.file.length; j++) {
            let check = item.json.file[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${check.name} <a href='${check.url}'>${check.url}</a></div>`;
            _test += _option;
          }
        } else if (item.type == 6 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 7 && item.json.answer2) {
          let _score = this.getScore2(item.json);
          let _option = `<div style='margin:10px 0 0 40px;'>打分：${_score}分</div>`;
          _test += _option;
        } else if (item.type == 8 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 11 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        }
      }
      _test += `</div>`;
      let _html = _title + _content + _detail + _test;
      this.exportToWord(
        _data.username ? _data.username : "匿名" + "-" + _data.time,
        _html
      );
    },
    async exportToWord(a, html) {
      // 将html文件中需要用到的数据挂载到store上
      const content = `<!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>${a}</title>
          <style>
          </style>
      </head>
      <body>
      ${html}
      </body>
      </html>`;
      // debugger
      // 生成报告
      const link = document.createElement("a");
      let dname = a + ".doc";
      // link.download = "报告.html"; // 文件名
      link.download = dname; // 文件名
      link.style.display = "none";
      // 创建文件流
      // 创建bolb实例时，内容一定要放在[]中
      const blob = new Blob([content], {
        type: "text/plain;charset='utf-8'",
      });
      link.href = window.URL.createObjectURL(blob);
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    },
    setWordHtmlAll(data) {
      let _data = data;

      let _title = `<div style="font-size:30px;font-weight:bold;text-align:center;">${this.testJson.title}</div>`;
      let score = this.score(data.courseJson);
      let isScore = this.score2(data.courseJson);
      let scoreContent = score ? `<b>（得分/总分）${isScore}/${score}</b>` : "";
      let _content = `<div style="text-align:center;margin-top: 20px;"><b style="margin-right:40px">（答题人）${
        _data.name
      }</b>${scoreContent}（填写范围）${
        this.testJson.juriP ? this.testJson.juriP : "所有人"
      }（提交时间）${_data.time}</div>`;
      let _detail = this.testJson.brief
        ? `<div style="text-align:center;margin-top: 20px;">${this.testJson.brief}</div>`
        : "";

      let _test = `<div style='margin-top:40px;'>`;
      for (let i = 0; i < _data.array.length; i++) {
        let item = _data.array[i];
        let _div = `<div style='margin-top:20px;font-weight:bold;'>${i + 1}、${
          item.json.title
        }</div>`;
        _test += _div;
        if (item.type == 1) {
          for (let j = 0; j < item.json.array.length; j++) {
            let check = item.json.array[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${
              item.json.answer2 && item.json.answer2.indexOf(j) !== -1
                ? "☑"
                : "☐"
            } ${check.option}</div>`;
            _test += _option;
          }
        } else if (item.type == 3 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 5 && item.json.file) {
          for (let j = 0; j < item.json.file.length; j++) {
            let check = item.json.file[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${check.name} <a href='${check.url}'>${check.url}</a></div>`;
            _test += _option;
          }
        } else if (item.type == 6 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 7 && item.json.answer2) {
          let _score = this.getScore2(item.json);
          let _option = `<div style='margin:10px 0 0 40px;'>打分：${_score}分</div>`;
          _test += _option;
        } else if (item.type == 8 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 11 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${item.json.answer2}</div>`;
          _test += _option;
        }
      }
      _test += `</div>`;
      let _html = _title + _content + _detail + _test;
      return this.exportToWordAll(_data.name + "-" + _data.time, _html);
    },
    async setWordHtmlAll2(data) {
      let _data = data;
      _data.array = this.JSONSetting(
        JSON.parse(JSON.stringify(JSON.parse(data.courseJson)))
      );
      let _title = `<div style="font-size:30px;font-weight:bold;text-align:center;">${this.testJson.title}</div>`;
      let score = this.score(JSON.parse(data.courseJson));
      let isScore = this.score2(JSON.parse(data.courseJson));
      let scoreContent = score ? `<b>（得分/总分）${isScore}/${score}</b>` : "";
      let _content = `<div style="text-align:center;margin-top: 20px;"><b style="margin-right:40px">（答题人）${
        _data.username ? _data.username : "匿名"
      }</b>${scoreContent}（填写范围）${
        this.testJson.juriP ? this.testJson.juriP : "所有人"
      }（提交时间）${_data.time}</div>`;
      let _detail = this.testJson.brief
        ? `<div style="text-align:center;margin-top: 20px;">${this.testJson.brief}</div>`
        : "";

      let _test = `<div style='margin-top:40px;'>`;
      for (let i = 0; i < _data.array.length; i++) {
        let item = _data.array[i];
        let _div = `<div style='margin-top:20px;font-weight:bold;'>${i + 1}、${
          item.json.title
        }</div>`;
        _test += _div;
        if (item.type == 1) {
          for (let j = 0; j < item.json.array.length; j++) {
            let check = item.json.array[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${
              item.json.answer2 && item.json.answer2.indexOf(j) !== -1
                ? "☑"
                : "☐"
            } ${check.option}</div>`;
            _test += _option;
          }
        } else if (item.type == 3 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (item.type == 5 && item.json.file) {
          for (let j = 0; j < item.json.file.length; j++) {
            let check = item.json.file[j];
            let _option = `<div style='margin:10px 0 0 40px;'>${check.name} <a href='${check.url}'>${check.url}</a></div>`;
            _test += _option;
          }
        } else if (item.type == 6 && item.json.answer2) {
          let _cjson = await this.getCourse(item.json.answer2);
          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${
            _cjson ? _cjson.title : ""
          }</div>`;
          _test += _option;
        } else if (item.type == 7 && item.json.answer2) {
          let _score = this.getScore2(item.json);
          let _option = `<div style='margin:10px 0 0 40px;'>打分：${_score}分</div>`;
          _test += _option;
        } else if (item.type == 8 && item.json.answer2) {
          let _option = `<div style='margin:10px 0 0 40px;'>${item.json.answer2}</div>`;
          _test += _option;
        } else if (
          item.type == 11 &&
          item.json.answer2 &&
          item.json.answer2.length
        ) {
          let _answer = item.json.answer2;
          _answer.length ? (courseCount11 = courseCount11.concat(_answer)) : "";
          _json[ja].json.courseId = _answer ? _answer : [];
          let params = [
            {
              cid: _answer.length ? _answer.join(",") : "",
            },
          ];

          let data = await this.ajax.post(
            this.$store.state.api + "getCourseInfoTestAll2",
            params
          );
          let result = data.data[0];
          let _title = [];
          // this.chapters.find(i=>i.type==6).nameFilters = result.map(r=>{return{text:r.title,value:r.courseId}})
          result.forEach((i) => {
            _title.push(i.title);
          });

          let _option = `<div style='margin:10px 0 0 40px;'>打分课程：${
            _title.length ? _title.join(",") : ""
          }</div>`;
          _test += _option;
        }
      }
      _test += `</div>`;
      let _html = _title + _content + _detail + _test;
      return this.exportToWordAll(
        _data.username ? _data.username : "匿名" + "-" + _data.time,
        _html
      );
    },
    async exportToWordAll(a, html) {
      // 将html文件中需要用到的数据挂载到store上
      const content = `<!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>${a}</title>
          <style>
          </style>
      </head>
      <body>
      ${html}
      </body>
      </html>`;
      // debugger
      // 生成报告
      const link = document.createElement("a");
      let dname = a + ".doc";
      // link.download = "报告.html"; // 文件名
      link.download = dname; // 文件名
      link.style.display = "none";
      // 创建文件流
      // 创建bolb实例时，内容一定要放在[]中
      const blob = new Blob([content], {
        type: "text/plain;charset='utf-8'",
      });
      return blob;
    },
    exportAllWord() {
      if (this.selectWorkList.length <= 0)
        return this.$message.info("请先选择需要导出的表单数据");
      this.pdfLoading = true;
      const _chapInfo = this.selectWorkList; //this.worksArray
      let url = [];
      for (let i = 0; i < _chapInfo.length; i++) {
        url.push({
          name: _chapInfo[i].name + "-" + _chapInfo[i].time,
          blob: this.setWordHtmlAll(_chapInfo[i]),
        });
      }
      console.log(url);
      this.downLoadAll(url);
    },
    exportAllWord2() {
      this.pdfLoading = true;

      let params = {
        cid: this.cid,
        page: 1,
        pageSize: 999,
        cn: this.courseName,
      };
      this.ajax
        .get(this.$store.state.api + "getTestWorksPage3", params)
        .then((res) => {
          const _chapInfo = res.data[0];
          let url = [];
          for (let i = 0; i < _chapInfo.length; i++) {
            url.push({
              name: _chapInfo[i].username + "-" + _chapInfo[i].time,
              blob: this.setWordHtmlAll2(_chapInfo[i]),
            });
          }
          console.log(url);
          this.downLoadAll(url);
        })
        .catch((err) => {
          console.error(err);
        });
    },
    downLoadAll(url) {
      const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
      const zip = new JSZip();
      const cache = {};
      data.forEach((item) => {
        // 下载文件, 并存成ArrayBuffer对象
        const file_name = item.name; // 获取文件名
        zip.file(file_name + ".doc", item.blob, { binary: true }); // 逐个添加文件
        cache[file_name] = item.blob;
      });
      zip.generateAsync({ type: "blob" }).then((content) => {
        // 生成二进制流
        FileSaver.saveAs(content, this.testJson.title + ".zip"); // 利用file-saver保存文件  自定义文件名
        setTimeout(() => {
          this.pdfLoading = false;
        }, 2000);
      });
    },
    handleFilterChange() {
      console.log(this.$refs.table.store.states.data);
    },
    exportExcel() {
      let res = this.$refs.table.store.states.data;
      if (!res.length) {
        this.$message.error("无导出数据");
        return;
      }
      this.isLoading = true;
      let chapters = this.chapters;

      var array = [];
      for (var i = 0; i < res.length; i++) {
        var _json = {};
        _json["序号"] = i + 1;
        _json["提交人"] = res[i].name ? res[i].name : "匿名";
        _json["提交时间"] = res[i].time;
        for (var j = 0; j < chapters.length; j++) {
          _json[j + 1 + "." + chapters[j].json.title] = "";
          if (res[i].array[j].type == 1 && res[i].array[j].json.answer2) {
            let a = [];
            for (
              var answer2 = 0;
              answer2 < res[i].array[j].json.answer2.length;
              answer2++
            ) {
              a.push(
                res[i].array[j].json.array[
                  res[i].array[j].json.answer2[answer2]
                ].option
              );
            }
            _json[j + 1 + "." + chapters[j].json.title] = a.join("、");
          } else if (
            res[i].array[j].type == 3 &&
            res[i].array[j].json.answer2
          ) {
            _json[j + 1 + "." + chapters[j].json.title] =
              res[i].array[j].json.answer2;
          } else if (res[i].array[j].type == 5 && res[i].array[j].json.file) {
            let files = [];
            for (
              let file = 0;
              file < res[i].array[j].json.file.length;
              file++
            ) {
              let check = res[i].array[j].json.file[file];
              files.push(file + 1 + "." + check.name + "----" + check.url);
            }
            _json[j + 1 + "." + chapters[j].json.title] = files.join("\n");
          } else if (
            res[i].array[j].type == 6 &&
            res[i].array[j].json.answer2
          ) {
            _json[j + 1 + "." + chapters[j].json.title] =
              res[i].array[j].json.answer2;
          } else if (
            res[i].array[j].type == 7 &&
            res[i].array[j].json.answer2
          ) {
            let _score = this.getScore2(res[i].array[j].json);
            _json[j + 1 + "." + chapters[j].json.title] = _score;
          } else if (
            res[i].array[j].type == 8 &&
            res[i].array[j].json.answer2
          ) {
            _json[j + 1 + "." + chapters[j].json.title] =
              res[i].array[j].json.answer2;
          } else if (
            res[i].array[j].type == 11 &&
            res[i].array[j].json.answer2
          ) {
            _json[j + 1 + "." + chapters[j].json.title] =
              res[i].array[j].json.answer2;
          }
        }
        array.push(_json);
      }
      let widthJson = [];
      let widthArray = Object.keys(array[0]);
      for (let i = 0; i < widthArray.length; i++) {
        if (i == 0) {
          widthJson.push({ wch: 5 });
        } else {
          widthJson.push({ wch: 30 });
        }
      }

      const workbook = XLSX.utils.book_new(); //创建一个新的工作簿对象
      let ws = XLSX.utils.json_to_sheet(array); //将json对象数组转化成工作表
      ws["!cols"] = widthJson;
      const styleObj = {
        alignment: {
          horizontal: "center",
          vertical: "center", // 设置垂直居中
        },
      }; // 设置居中对齐和加粗样式

      for (let cell in ws) {
        if (!cell[0].startsWith("!")) {
          ws[cell]["s"] = styleObj;
        }
      }

      XLSX.utils.book_append_sheet(workbook, ws, "sheet1"); //把sheet添加到workbook里，第三个参数是sheet名

      XLSX.writeFile(workbook, this.testJson.title + ".xlsx");
      this.isLoading = false;
      this.$message({
        message: "导出成功",
        type: "success",
      });
    },
    async getCourse(id) {
      let params = {
        cid: id,
      };
      let res = await this.ajax.get(
        this.$store.state.api + "getCourseInfoTest",
        params
      );
      return res.data[0][0];
    },
    getScore2(item) {
      let array = [];
      for (var i = parseInt(item.small); i <= parseInt(item.big); i++) {
        array.push(i);
      }
      return item.answer2 ? array[item.answer2] : "";
    },
    checkScreenSize() {
      this.screenWidth = window.innerWidth;
      this.isDesktop = this.screenWidth > 750; // 你可以根据需要调整这个阈值
    },
    downloadFileType5(fileData, title = "附件", index) {
      this.fileLoading[index].bool = true;
      this.fileLoading[index].count = 0;
      this.fileLoading[index].load = 0;
      this.fileLoading[index].progress = 0;

      let data = fileData;
      const zip = new JSZip();
      let downFileArray = [];
      let uniqueArr = data.filter(
        (v, i, a) => a.map((mb) => mb.userid).indexOf(v.userid) == i
      );
      uniqueArr.forEach((i) => {
        downFileArray.push({
          userid: i.userid,
          username: i.username ? i.username : "匿名",
          urlList: data.filter((d) => d.userid == i.userid).map((m) => m),
        });
      });
      let promises = [];
      console.log("downFileArray", downFileArray);
      downFileArray.forEach((e) => {
        this.fileLoading[index].count += e.urlList.length;
      });

      if (downFileArray.length == 1) {
        //只有一位老师的情况
        if (downFileArray[0].urlList.length > 1) {
          //多个文件的情况
          const folder = zip.folder(`${downFileArray[0].username}`);
          downFileArray[0].urlList.forEach((i) => {
            const promise = getFile(i.url).then((data) => {
              if (data.data != 1) {
                // 下载文件, 并存成ArrayBuffer对象
                const file_name = i.name; // 获取文件名
                folder.file(file_name, data.data, { binary: true }); // 逐个添加文件
              }
              this.fileLoading[index].load += 1;
              this.fileLoading[index].progress = parseInt(
                (this.fileLoading[index].load / this.fileLoading[index].count) *
                  100
              );
              if (
                this.fileLoading[index].load == this.fileLoading[index].count
              ) {
                this.fileLoading[index].bool = false;
              }
            });

            promises.push(promise);
          });
        } else {
          //只有一个文件的情况
          promises.push(
            getFile(downFileArray[0].urlList[0].url).then((data) => {
              if (data.data != 1) {
                // 下载文件, 并存成ArrayBuffer对象
                const file_name = `${downFileArray[0].username}-${downFileArray[0].urlList[0].name}`; // 获取文件名
                zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
              }
              this.fileLoading[index].load += 1;
              this.fileLoading[index].progress = parseInt(
                (this.fileLoading[index].load / this.fileLoading[index].count) *
                  100
              );
              if (
                this.fileLoading[index].load == this.fileLoading[index].count
              ) {
                this.fileLoading[index].bool = false;
              }
            })
          );
        }
      } else if (downFileArray.length > 1) {
        //有多位老师的情况
        downFileArray.forEach((i) => {
          if (i.urlList.length == 1) {
            //只有一个文件的情况
            promises.push(
              getFile(i.urlList[0].url).then((data) => {
                if (data.data != 1) {
                  // 下载文件, 并存成ArrayBuffer对象
                  const file_name = `${i.username ? i.username : "匿名"}-${
                    i.urlList[0].name
                  }`; // 获取文件名
                  zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
                }
                this.fileLoading[index].load += 1;
                this.fileLoading[index].progress = parseInt(
                  (this.fileLoading[index].load /
                    this.fileLoading[index].count) *
                    100
                );
                if (
                  this.fileLoading[index].load == this.fileLoading[index].count
                ) {
                  this.fileLoading[index].bool = false;
                }
              })
            );
          } else if (i.urlList.length > 1) {
            //有多个文件的
            const folder = zip.folder(`${i.username ? i.username : "匿名"}`);
            i.urlList.forEach((ui) => {
              const promise = getFile(ui.url).then((data) => {
                if (data.data != 1) {
                  // 下载文件, 并存成ArrayBuffer对象
                  const file_name = ui.name; // 获取文件名
                  folder.file(file_name, data.data, { binary: true }); // 逐个添加文件
                }
                this.fileLoading[index].load += 1;
                this.fileLoading[index].progress = parseInt(
                  (this.fileLoading[index].load /
                    this.fileLoading[index].count) *
                    100
                );
                if (
                  this.fileLoading[index].load == this.fileLoading[index].count
                ) {
                  this.fileLoading[index].bool = false;
                }
              });
              promises.push(promise);
            });
          }
        });
      }
      Promise.all(promises).then(() => {
        console.log("开始下载")
        this.fileLoading[index].bool = true;
        zip.generateAsync({ type: "blob" }).then((content) => {
          // 生成二进制流
          FileSaver.saveAs(content, `${this.testJson.title}-${title}.zip`); // 利用file-saver保存文件  自定义文件名
          this.fileLoading[index].bool = false;
        });
      });
    },
    getUserInfo() {
      let params = {
        uid: this.peopleId,
      };
      this.ajax
        .get(this.$store.state.api + "selectTestUser", params)
        .then((res) => {
          console.log("111111111111111111111", res.data[0][0]);
          // 用于存储归类后的数据的对象
          // this.checkDataType(2)
          this.stype = 2;
          this.courseName = res.data[0][0].name;
          this.searchCourse();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setWordTemplate(item) {
      this.$refs.docxTemplateDialogRef.open({
        fileData: this.testJson.cover ? JSON.parse(this.testJson.cover) : null,
        testJson: this.testJson,
        courseId: this.testJson.courseId,
        formData: [item],
      }); //这里可以传数据
    },
    changeCover(data) {
      this.testJson.cover = data;
    },
    exportWordData() {
      if (this.selectWorkList.length <= 0)
        return this.$message.info("请先选择需要导出的表单数据");
      this.$refs.docxTemplateDialogRef.open({
        fileData: this.testJson.cover ? JSON.parse(this.testJson.cover) : null,
        testJson: this.testJson,
        courseId: this.testJson.courseId,
        formData: this.selectWorkList,
      }); //这里可以传数据this.worksArray
    },
    handleSelectionChange(value) {
      this.selectWorkList = value;
    },
    tableDataPickerChange() {
      console.log(this.tableDatePicker)
      let _copyData = JSON.parse(JSON.stringify(this.worksArray));
      this.tableDatePicker.forEach((i, index) => {
        /*[null,["2024-12-05T00:00:00.000","2025-01-12T00:00:00.000"],["2024-12-04T00:00:00.000","2025-01-24T00:00:00.000"]] */
        if (i && i.length > 0) {
          let _startDate = new Date(i[0]);
          let _endDate = new Date(i[1]);
          _copyData = _copyData.filter((f) => {
            let _answer = f.array[index].json.answer2
              .replace(/日/g, "")
              .replace(/年|月/g, "-");
            let _answerDate = new Date(_answer);
            return _answerDate >= _startDate && _answerDate <= _endDate;
          });
        }
      });
      this.tableWorksArray = _copyData;
      this.$forceUpdate()
    },
    submissionTimePickerChange(){
      let _copyData = JSON.parse(JSON.stringify(this.worksArray));
      console.log(this.submissionTimePicker)
      if(!this.submissionTimePicker)return this.tableWorksArray = _copyData;
      _copyData =  _copyData.filter(i=>{
        let _startDate = new Date(this.submissionTimePicker[0]);
        let _endDate = new Date(this.submissionTimePicker[1]);

        let time = i.time.replace(/日/g, "").replace(/年|月/g, "-");
        let _answerDate = new Date(time);
        return _answerDate >= _startDate && _answerDate <= _endDate;
      })

      this.tableWorksArray = _copyData;
      this.$forceUpdate();
      // this.submissionTimePicker.forEach((i, index) => {
      //   /*[null,["2024-12-05T00:00:00.000","2025-01-12T00:00:00.000"],["2024-12-04T00:00:00.000","2025-01-24T00:00:00.000"]] */
      //   if (i && i.length > 0) {
      //     let _startDate = new Date(i[0]);
      //     let _endDate = new Date(i[1]);
      //     _copyData = _copyData.filter((f) => {
      //       let _answer = f.array[index].json.answer2
      //         .replace(/日/g, "")
      //         .replace(/年|月/g, "-");
      //       let _answerDate = new Date(_answer);
      //       return _answerDate >= _startDate && _answerDate <= _endDate;
      //     });
      //   }
      // });
    },
    textPagingChange(event,item,index){
			this.testArray[index].nowPage = event;
			let _nowPage = this.testArray[index].nowPage;
			let _limit = this.testArray[index].limit;
			this.testArray[index].showArray = this.testArray[index].array.slice(((_nowPage==0?1:_nowPage)-1)*_limit,((_nowPage==0?1:_nowPage)-1)*_limit+_limit);
    },
		getWordCloutData(item,index){
			console.log(item,index);
      this.testArray[index].loadingWordCloud = true;
      const _msg = `NOTICE
Language: Please use the same language as the user requirement, if the user speaks Chinese, the specific text of your answer should also be in Chinese.
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

## 任务

请基于以下表单文本，提炼出多个关键词，用于绘制词云图。请给出相应的关键词，关键词出现的频次。请确保输出的关键字准确反映表单文本的主要内容和主题。

## 要求

1. **提取关键词**：从提供的课堂实录文本中提取出多个最具代表性的关键字。关键词应该涵盖表单文本中的主要概念、重要术语和核心主题。尽量选择多样化的关键词，避免过于集中在某一个主题或概念上。
2. **词频统计**：计算每个关键字在文本中出现的频率。
3. **输出格式**：输出结果应包含每个关键字、对应的词频数量。

## 输出格式

### 输出格式

[
	{"count":1,"name":"氯化钠"},
	{"count":2,"name":"溶液"},
	{"count":1,"name":"实验"},
	{"count":3,"name":"质量分数"},
	{"count":1,"name":"溶质"},
	{"count":2,"name":"氢氧化钠"},
	{"count":1,"name":"溶解度"},
	{"count":4,"name":"饱和溶液"}
]

请仅仅输出表头，输出关键词和相应的内容，无需其它任何说明文字。
冒号、逗号等符号均使用英文字符。

### Format example

[
	{"count":1,"name":"氯化钠"},
	{"count":2,"name":"溶液"},
	{"count":1,"name":"实验"},
	{"count":3,"name":"质量分数"},
	{"count":1,"name":"溶质"},
	{"count":2,"name":"氢氧化钠"},
	{"count":1,"name":"溶解度"},
	{"count":4,"name":"饱和溶液"}
]

## 表单文本
${JSON.stringify(item.array)}
`;

        const _uuid = uuidv4();
				let params = {
					// model: "gpt-3.5-turbo",
					temperature: 0,
					max_tokens: 4096,
					top_p: 1,
					frequency_penalty: 0,
					presence_penalty: 0,
					messages: [{ role: "user", content: _msg }],
					uid: _uuid,
					mind_map_question: "",
					stream: false,
					model: "gpt-4o-2024-11-20",
				};
        this.ajax
					.post("https://gpt4.cocorobo.cn/chat", params)
					.then((res) => {
            let _data = res.data.FunctionResponse.choices[0];
						let _jsonData = _data.message.content;
						_jsonData = _jsonData.replaceAll("```json", "").replaceAll("```", "");
						let _result = JSON.parse(_jsonData);
            this.testArray[index].wordCloutData = _result;
            this.testArray[index].loadingWordCloud = false;
            console.log(_result);
          }).catch(e=>{
            console.log(e);
            this.testArray[index].loadingWordCloud = false;
            this.testArray[index].wordCloutData = null;
            this.$message.error("生成词云图失败")
          })
		},
    getExamineData(){
      let params = {
        uid: this.peopleId,
        type:this.tType,
        tid:this.examineId,
      }

      this.ajax.get(this.$store.state.api +"getTestExamineByUserId2",params).then(res=>{
        // this.examineData = res.data[0][0];
        if(res.data[0].length>0){
          this.examineData = res.data[0][0];
        }
      }).catch(e=>{
        console.log(e);
        this.examineData = null;
      })
    },
    //查看文件列表
    checkFileListOpen(list){
      this.$refs.checkFileListDialogRef.open(list);
    },
    getClassSortTime(){
      let params = {
        pid:"11"
      }
      this.ajax.get(this.$store.state.api+"select_ClassByParentid",params).then(res=>{
        let _data = res.data[0];
        if(_data.length>0){
          _data.forEach(i=>{
            if(i.value){
              this.sortTime.push(JSON.parse(i.value))
            }
          })
        }
      }).catch(e=>{
        console.log(e);
      })
    },
    reviewChange(row){

      console.log(row);

      let params = [{
        id:row.id,
        isReview:row.isReview
      }]

      this.ajax.post(this.$store.state.api+"update_testCourseWorks_isReviewById",params).then(res=>{
        console.log(res);
      }).catch(e=>{
        console.log(e);
      })
      // console.log(row);
      // this.tableWorksArray.find(i=>i.id===row.id).isReview = "1";
      // this.$forceUpdate()
    },
    //退回表单
    returnTest(row){
      if(row.type=='1')return this.$message.info("该表单未提交")
      if(row.type=='4')return this.$message.info("该表单已退回")
      // this.$refs.returnTestDialogRef.open(row)
      let params = [{
        id:row.id,
        type:"4"
      }];

      this.ajax.post(this.$store.state.api+"update_testCourseWorks_typeById",params).then(res=>{
        if(res.data==1){
          this.reviewChangeFn(row.id)
          this.getData();
          // this.tableWorksArray = this.tableWorksArray.filter(i=>i.id!==row.id);
          this.$message.success("表单退回成功");
        }
      }).catch(e=>{
        console.log(e);
      })
    },
    reviewChangeFn(id){
      let params = [{
        id:id,
        isReview:0
      }]

      this.ajax.post(this.$store.state.api+"update_testCourseWorks_isReviewById",params).then(res=>{
        console.log(res);
      }).catch(e=>{
        console.log(e);
      })
      // console.log(row);
      // this.tableWorksArray.find(i=>i.id===row.id).isReview = "1";
      // this.$forceUpdate()
    },

  },

  beforeDestroy() {
    document.getElementsByTagName("html")[0].style.overflow = "";
    window.removeEventListener("resize", this.checkScreenSize);
  },
  mounted() {
    this.checkScreenSize();
    window.addEventListener("resize", this.checkScreenSize);
    document.getElementsByTagName("html")[0].scrollTop = 0;
    document.getElementsByTagName("html")[0].style.overflow = "hidden";
    this.$nextTick(function () {
      if (this.peopleId) {
        this.getUserInfo();
      } else {
        this.getData();
      }

      if(this.examineId){
        this.getExamineData();
      }
      // this.getClass2()
      this.changeHeight();
    });
    this.getClassSortTime();
  },
};
</script>

<style scoped>
.pb_content {
  height: 100% !important;
  /* margin: 0 20px 0 20px; */
}
.cutBtnBlockCss {
  width: 100%;
  display: flex;
  justify-content: end;
}
.cutBtnCss {
  width: 68px;
  height: 27px;
  font-size: 14px;
  border-radius: 5px;
  display: flex;
  color: rgba(54, 129, 252, 1);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  border: 1px rgba(54, 129, 252, 1) solid;
}
.isDesktopRight {
  width: 100% !important;
  margin: 0 !important;
  height: 300px !important;
  border: none !important;
}
.isDTitle2JsonTit {
  width: 130px;
  color: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.IsDAnswer {
  margin: 20px 0 30px;
  color: rgba(0, 0, 0, 0.6);
}

.CutCss {
  height: 60px;
  line-height: 60px;
}
.topicTitCss {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 600;
  margin-right: 5px;
}
.IsDFile {
  width: 150px;
  height: 120px;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 5px;
}
.IsDownload {
  position: absolute;
  width: 30px;
  top: 5px;
  right: 5px;
}
.IsDImg {
  width: 100%;
  height: 70px;
  flex: 1;
}
.pb_content_body {
  width: 100% !important;
  height: 100%;
}

.pb_content_body > .right {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.basic_box {
  margin: 0 auto;
  position: relative;
  padding: 0 20px 0 20px;
}

.courseTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 10px 0;
}

.stepsNav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.step_box {
  width: calc(100% - 40px);
  margin: 0 auto;
  height: calc(100% - 50px);
  overflow: auto;
  background: #ffff;
  border-radius: 5px;
}

.el-table >>> .even_row {
  background-color: #f1f1f1 !important;
}

.student_page {
  margin-top: 10px;
}

.test_title {
  display: flex;
  padding: 15px 15px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.test_title .left {
  max-width: 100%;
  margin-top: 10px;
}

.test_title .left .title {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.test_title .left .info {
  display: flex;
  margin-top: 15px;
}

.test_title .left .info .info_box {
  font-size: 14px;
}

.test_title .left .info .info_box + .info_box {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #e7e7e7;
}

.test_title .left .info .info_box span:nth-child(1) {
  color: #00000099;
}

/* .test_title .left .info .info_box span:nth-child(2) {
} */

.test_title .right {
  display: flex;
  align-items: center;
  margin-top: 10px;
  max-width: 100%;
}

.test_title .right .data_box {
  margin-right: 15px;
  width: 150px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 0 10px;
  height: 57px;
  font-size: 14px;
  color: #00000099;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .test_title .right .data_box span:nth-child(1) {
}

.test_title .right .data_box span:nth-child(2) {
} */

.test_title .right .data_box span:nth-child(2) .big {
  font-size: 22px;
}

.test_title .right .btn_box {
  display: flex;
  flex-direction: column;
  width: 57px;
  height: 57px;
  background: #3681fc;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.test_title .right .btn_box span:nth-child(1) {
  display: block;
  width: 12px;
  height: 14px;
  margin-bottom: 5px;
  background-image: url("../../../../assets/icon/test/icon_share.png");
  background-size: 100% 100%;
}

/* .test_title .right .btn_box span:nth-child(2) {
} */

.search_nav {
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px 10px;
  display: flex;
  align-items: flex-end;
  height: 50px;
}

.search_nav > .right {
  display: flex;
  align-items: center;
}

.search_nav > .right > span {
  height: 24px;
  font-size: 14px;
  color: #000;
  cursor: pointer;
  position: relative;
}
.search_nav > .isDesktopRightCut {
  display: flex;
  justify-content: space-between;
  width: 60%;
}
.search_nav > .right > span + span {
  margin-left: 35px;
}

.search_nav > .right > span.active {
  color: #3681fc;
  font-weight: 600;
}

.search_nav > .right > span.active::before {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 15px;
  height: 3px;
  background: #3681fc;
  left: 50%;
  transform: translateX(-50%);
}

.search_nav > .left {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.search_nav > .right > span.active2 {
  color: #3681fc;
  font-weight: 600;
}
.search_nav > .right > span.active2::before {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 3px;
  background: #3681fc;
  left: 50%;
  transform: translateX(-50%);
}

.student_input >>> .el-input__inner {
  height: 40px;
  width: 190px;
  font-size: 13px;
  padding: 0 35px 0 10px;
}

.serach_icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: url("../../../../assets/icon/test/test_search.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.title_content {
  padding-bottom: 10px;
}

.title_content > .title_box {
  width: calc(100% - 48px);
  margin: 20px auto 0;
}

.title_content > .title_box > .title {
  font-size: 18px;
  display: flex;
  min-height: 35px;
  white-space: pre-line;
  position: relative;
}

.title_content > .title_box > .title > .test_icon {
  min-width: 20px;
  height: 20px;
}

.title_content > .title_box > .detail {
  font-size: 14px;
  color: #00000099;
  margin-top: 8px;
  white-space: pre-line;
}

.title_content > .title_box > .content1 {
  display: flex;
  width: 100%;
  margin-top: 10px;
}

.title_content > .title_box > .content1 >>> .el-progress__text {
  color: #3681fc;
  min-width: 55px;
  font-size: 16px !important;
}

.title_content > .title_box > .content1 > .left {
  width: calc(100% - 620px);
  border: 1px solid #e7e7e7;
}

.title_content > .title_box > .content1 > .left > div + div {
  border-top: 1px solid #e7e7e7;
}

.title_content > .title_box > .content1 > .left > .title,
.title_content > .title_box > .content1 > .left > .data {
  display: flex;
  height: 40px;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  line-height: 16px;
}

.title_content > .title_box > .content1 > .left > .title > span,
.title_content > .title_box > .content1 > .left > .data > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title_content > .title_box > .content1 > .left > .title > span:nth-child(1),
.title_content > .title_box > .content1 > .left > .data > span:nth-child(1) {
  width: calc(100% - 320px - 110px);
}

.title_content > .title_box > .content1 > .left > .title > span:nth-child(2),
.title_content > .title_box > .content1 > .left > .data > span:nth-child(2) {
  width: 110px;
}

.title_content > .title_box > .content1 > .left > .title > span:nth-child(3),
.title_content > .title_box > .content1 > .left > .data > span:nth-child(3) {
  width: 320px;
}
.isDesktopTitle {
  display: flex;
  justify-content: space-around;
}
.isDesktopTitle > div {
  width: 60px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* .isDesktopTitle:nth-child(1){
  width: 60px;
}
.isDesktopTitle:nth-child(2){
  width: 60px;
}
.isDesktopTitle:nth-child(3){
  flex: 1;
} */

.title_content > .title_box > .content1 > .left > .title {
  font-weight: 700;
  background: #f9fafb;
}

.title_content > .title_box > .content1 > .right {
  width: 600px;
  margin-left: 20px;
  border: 1px solid #e7e7e7;
  min-height: 300px;
	box-sizing: border-box;
}

.title_content > .title_box > .content2 {
  display: flex;
  width: 100%;
  margin-top: 10px;
}

.title_content > .title_box > .content2 > .left {
  width: calc(100% - 620px);
  border: 1px solid #e7e7e7;
	box-sizing: border-box;
}

.title_content > .title_box > .content2 > .left > div + div {
  border-top: 1px solid #e7e7e7;
}

.title_content > .title_box > .content2 > .left > .title,
.title_content > .title_box > .content2 > .left > .data {
  display: flex;
  height: 40px;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  line-height: 16px;
}

.title_content > .title_box > .content2 > .left > .title > span,
.title_content > .title_box > .content2 > .left > .data > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title_content > .title_box > .content2 > .left > .title > span:nth-child(1),
.title_content > .title_box > .content2 > .left > .data > span:nth-child(1) {
  width: 55px;
}

.title_content > .title_box > .content2 > .left > .title > span:nth-child(2),
.title_content > .title_box > .content2 > .left > .data > span:nth-child(2) {
  width: 110px;
}

.title_content > .title_box > .content2 > .left > .title > span:nth-child(3),
.title_content > .title_box > .content2 > .left > .data > span:nth-child(3) {
  max-width: calc(100% - 110px - 55px);
}

.title_content > .title_box > .content2 > .left > .title {
  font-weight: 700;
  background: #f9fafb;
}

.title_content > .title_box > .content2 > .right {
  width: 600px;
  margin-left: 20px;
  border: 1px solid #e7e7e7;
	box-sizing: border-box;
}

.title_content > .title_box > .content2 > .right >>> .wordCloud {
  height: auto;
  min-height: 300px;
}

.title_content > .title_box > .content3 {
  display: flex;
  width: 100%;
  overflow: auto;
}

.title_content > .title_box > .content3 > .file {
  min-width: 200px;
  width: 200px;
  height: 140px;
  margin: 10px 10px 10px 0px;
  border-radius: 15px;
  box-shadow: rgb(223, 218, 218) 0px 0px 6px 1px;
  overflow: hidden;
  margin-right: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.title_content > .title_box > .content3 > .file > .img {
  width: 100%;
  height: calc(100% - 35px);
  object-fit: cover;
  cursor: pointer;
}

.title_content > .title_box > .content3 > .file > .del {
  position: absolute;
  width: 25px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.title_content > .title_box > .content3 > .file > .download {
  position: absolute;
  width: 25px;
  top: 10px;
  right: 35px;
  cursor: pointer;
  opacity: 0.8;
}

.title_content > .title_box > .content3 > .file > .name {
  height: 35px;
  width: 100%;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}

.title_content > .title_box > .content3 > .file > .name > span {
  display: block;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.table_content {
  /* width: calc(100% - 48px);
  margin: 20px auto 0; */
  padding: 20px 24px;
  width: 100%;
  box-sizing: border-box;
}

.table_content >>> .el-table td {
  padding: 5px 0;
}
.isDesktopTable_content {
  width: 100%;
}
.isDTitle {
  display: flex;
  justify-content: space-between;
}
.isDBri {
  display: flex;
  padding: 15px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  flex-direction: column;
  height: 80px;
  justify-content: space-between;
}

.answer_type {
  background: #f0f2f5;
  padding: 5px 10px;
  display: block;
  border-radius: 3px;
  margin: 5px;
}

.table_file{
  max-height: 250px;
  overflow-x:hidden ;
}

.table_file > .file {
  min-width: 100px;
  width: 100px;
  height: 70px;
  margin: 10px 10px 10px 0px;
  border-radius: 5px;
  box-shadow: rgb(223, 218, 218) 0px 0px 6px 1px;
  overflow: hidden;
  margin-right: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.table_file > .file > .img {
  width: 100%;
  height: calc(100% - 20px);
  object-fit: cover;
  cursor: pointer;
}

.table_file > .file > .del {
  position: absolute;
  width: 25px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.table_file > .file > .download {
  position: absolute;
  width: 25px;
  top: 10px;
  right: 35px;
  cursor: pointer;
  opacity: 0.8;
}

.table_file > .file > .name {
  height: 20px;
  width: 100%;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
}

.table_file > .file > .name > span {
  display: block;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.btnA {
  color: #fff;
  background-color: #0061ff;
  padding: 0 24px;
  font-size: 14px;
  min-width: 64px;
  font-weight: 500;
  border-radius: 4px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  position: relative;
}

.buttonBox {
  position: absolute;
  bottom: -0;
  transform: translateY(100%);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #e3e3e3;
  width: 100%;
  z-index: 999;
}

.buttonBox > div {
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  color: #000;
  box-sizing: border-box;
}

.buttonBox > div + div {
  border-top: 1px solid #e0e0e0;
}

.buttonBox > div:hover {
  background: #f6f8ff;
}

.content4 {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
}

.out_box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /* width: 200px; */
  min-width: 280px;
  width: 280px;
  background: #fff;
  /* background-color: white; */
  margin-right: 15px;
  /* border: 1px solid #ccc; */
  height: fit-content;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  /* overflow: hidden; */
  margin-bottom: 15px;
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #3682fc00;
  cursor: pointer;
  border: 1px solid #6a9ff5;
  height: auto;
}

.out_boxActive {
  box-sizing: border-box;
  border: 3px solid #3681fc !important;
}

.out_box:hover {
  border: 1px solid #3681fc;
}

.bottom_box {
  width: 100%;
  display: flex;
  padding: 10px;
  flex-direction: column;
  box-sizing: border-box;
  height: 121px;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.bottom_box > div:nth-child(1) {
  width: 100%;
  /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom_box > div:nth-child(1) > span:nth-child(1) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
}

.bottom_box > div:nth-child(1) > span:nth-child(2) {
  min-width: fit-content;
  font-size: 14px;
  color: #8c8c8c;
}

.tup {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
}

.tup > img {
  width: 100%;
  /* height: 100%; */
  height: 150px;
  /* object-fit: cover; */
  object-fit: contain;
}

.kc_time {
  margin-top: 8px;
  font-size: 14px;
  color: #717c8d;
}

.kc_time + .kc_time {
  margin-top: 0;
}

.kc_t {
  margin-top: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kc_t > span:nth-child(1) {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kc_t > span:nth-child(2) {
  min-width: fit-content;
  font-size: 14px;
  color: #8c8c8c;
}

.title_box > .title > .title_downBtn {
  position: absolute;
  right: 10px;
  top: 0;
}
.fileLoadDiv >>> .el-dialog__header {
  display: none;
}
.fileLoadDiv >>> .el-dialog__body {
  display: flex;
  justify-content: center;
}
.fileLoadDiv >>> .el-dialog {
  margin-top: 60vh !important;
  width: 200px !important;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.mask {
  background-color: rgb(0 0 0 / 30%);
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progressBox {
  width: 300px;
  height: 150px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 6px 1px #bfbfbf;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  color: #6c6c6c;
}

.progressBox >>> .el-progress-bar__outer {
  background-color: #d1dfff !important;
}

.progressBox .lbox {
  height: 50px;
  font-size: 19px;
  display: flex;
  align-items: center;
  color: #747474;
}

.progressBox .lbox img {
  width: 40px;
  margin-right: 20px;
}

.boxSticky {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
}

.aiBoxRight {
  height: calc(100% - 158px - 46px);
  width: 500px;
  margin: 0 auto;
  position: fixed;
  z-index: 999;
  right: 30px;
  bottom: 10px;
  box-shadow: 0 0 5px 2px #00000045;
  border-radius: 5px;
  overflow: hidden;
}

.tableDatePicker {
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

.tableDatePicker >>> .el-date-editor {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  cursor: pointer;
  background: none;
  border: none;
}

.tableDatePicker >>> .el-date-editor > i {
  display: none;
}

.tableDatePicker >>> .el-date-editor > input {
  display: none;
}

.tableDatePicker >>> .el-date-editor > span {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9095a7;
}

.tableDatePicker >>> .el-date-editor > .el-range__close-icon {
  display: block;
  position: relative;
  top: -6px;
  color: red;
}

.paging{
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-end;
	align-items: center;
  margin-top:auto ;
}

.noWordCloud{
	width: 100%;
	height: 100%;
	min-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.noWordCloud>div{
  display: flex;
  align-items: center;
}

.noWordCloud>div>img{
  width: 40px;
  height: 40px;
  margin-left: 5px;
}

.timePickerActive{
  color: #409EFF;
}
.openCeBox{
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px !important;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}
.openCeBoxLoading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #fff;
    opacity: .8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.TopTit{
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.Topkong{
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.BtnOPC{
    width: 50px;height: 30px;font-size: 14px;display: flex;
    justify-content: center;
    align-items: center;
    background: #E7E7E7;
}
.quoteBlock{
  position: absolute;
  right: 0;
  width: 220px;
  background: #fff;
  border-radius: 10px;
  color: #000;
  z-index: 100001;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 浅灰色阴影 */
  border-radius: 5px;overflow: hidden;
}
.quoteBlock >>> .el-input__inner{
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
   resize: none !important;
   border-bottom: 1px #DCDFE6 solid !important;
}
.quoteBlockCon{
  padding: 10px 10px;box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  height: 200px;
  overflow: auto;
}

.quoteBlockCon > div{
  height: 25px;line-height: 25px;
  cursor: pointer;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: 5px;
}
.maskCss{
  /* background: #000; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: .5;
}
.SPCE{
  font-size: 12px;
  background: #fff;
  padding: 2px 5px;box-sizing: border-box;
  border-radius: 3px;
}
.selCss{
  background: #e7e7e7;
  color:#0061ff;
}
.proBar{
    background: #dae0f0;
    font-size: 14px;
    font-weight: normal;
    color: #6f93ea;
    padding: 4px;
    border-radius: 3px;
}

.file_more{
  width:20px;
  height:20px;
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: 10px;
}

.file_more>svg{
  width: 100%;
  height:100%;
  cursor: pointer;
}

.el-checkbox{
  display: flex;
  align-items: center;
}

.score_box{
  font-size: 22px;
  margin-right: 20px;
  font-weight:bold;
}

.typeStatus{
  padding: 4px 8px;
  border-radius: 4px;
  border: solid 1px gray;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.typeStatus_2{
  background:#F0F9F2;
  border-color: #B5E3BF;
  color:#5FC875;
}

.typeStatus_4{
  background:#FEF5EC;
  border-color: #FAD0A1;
  color:#F7933B;
}

.typeStatus_1{
  background:#EEF3FC;
  border-color: #0F40F5;
  color:#0F40F5;
}

</style>