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 == 2 }" @click="checkDataType(2)">按人员查看</span>
                <span :class="{ active: stype == 1 }" @click="checkDataType(1)" v-if="!peopleId">按题目查看</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) {
            console.log("this.timeLimit", 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(",");
                  if(time[0]==='2025-09-30T16:00:00.000Z' && time[1]==='2026-09-30T16:00:00.000Z'){
                    time[0]='Wed Jan 01 2025 00:00:00 GMT+0800 (中国标准时间)'
                    time[1]='Wed Dec 31 2025 00:00:00 GMT+0800 (中国标准时间)'
                    console.log("设置默认时间")
                  }
                  this.tableDatePicker[index] = [new Date(time[0]), new Date(time[1])]
                }
              })
              if (this.tableDatePicker.length <= 0) {
                let time = this.timeLimit.split(",");
                this.submissionTimePicker = [new Date(time[0]), new Date(time[1])]
                this.submissionTimePickerChange()
              }else{
                this.tableDataPickerChange();
              }


              // if(!_flag){              //   this.submissionTimePicker =  [new Date(time[0]),new Date(time[1])];
              //   this.submissionTimePickerChange()
              // }else{
              // this.$nextTick(()=>{


                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) => {
            console.log(" f.array[index].json.answer2", f.array[index].json.answer2)
            let _answerData = f.array[index].json.answer2 || ""
            let _answer = _answerData.replace(/日/g, "").replace(/年|月/g, "-");

            let _answerDate = new Date(_answer);
            return _answerDate >= _startDate && _answerDate <= _endDate;
          });
        }
      });
      this.tableWorksArray = _copyData;
      this.$forceUpdate()
    },
    submissionTimePickerChange() {
      const picker = this.submissionTimePicker;
      // 未选择时间范围时，直接使用原始数据副本
      if (!picker || !picker.length) {
        this.tableWorksArray = [...this.worksArray];
        this.$forceUpdate();
        return;
      }

      // 提前创建起止日期对象，避免在 filter 回调中重复构造
      const startDate = new Date(picker[0]);
      const endDate = new Date(picker[1]);
      console.log("startDate",startDate)
      console.log("endDate",endDate)

      // 将中文时间格式（如 "2024年1月1日"）转为标准格式再解析
      const parseSubmissionTime = (timeStr) =>
        new Date(timeStr.replace(/年|月/g, "-").replace(/日/g, ""));

      this.tableWorksArray = this.worksArray.filter((item) => {
        const itemDate = parseSubmissionTime(item.time);
        return itemDate >= startDate && itemDate <= endDate;
      });

      this.$forceUpdate();
    },
    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>