|
|
@@ -0,0 +1,3352 @@
|
|
|
+<template>
|
|
|
+ <div class="ai_body">
|
|
|
+ <div class="ai_body_dialog" ref="chatDialog">
|
|
|
+ <div class="dialog_content" v-for="item in array" :key="item.uid">
|
|
|
+ <div v-if="item.content" style="margin-left: auto;">
|
|
|
+ <div class="content content2" v-html="item.content"></div>
|
|
|
+ <div class="role">
|
|
|
+ <img src="../../../../assets/icon/new/role2.png" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top:20px;margin-bottom:20px ; margin-right: auto;" v-if="item.aiContent || item.loading">
|
|
|
+ <div class="role">
|
|
|
+ <img :src="item.fileid
|
|
|
+ ? item.fileid
|
|
|
+ : require('../../../../assets/icon/new/role1.png')
|
|
|
+ " />
|
|
|
+ </div>
|
|
|
+ <div element-loading-background="#f6f9ff" :style="{
|
|
|
+ minHeight: item.loading ? '50px' : 'unset',
|
|
|
+ minWidth: item.loading ? '50px' : 'unset'
|
|
|
+ }" class="content" v-loading="item.loading">
|
|
|
+ <span class="vditor-reset" v-html="item.aiContent"></span>
|
|
|
+ <span class="createTime" v-text="item.createtime"></span>
|
|
|
+ </div>
|
|
|
+ <div class="ai_btn_box" v-if="!pan(item.aiContent).length && !item.loading">
|
|
|
+ <img src="../../../../assets/icon/course/pasete.png" @click="onCopy(item.aiContent)" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 这里添加两个自定义 div -->
|
|
|
+ <div v-if="fileList.length == 0" style="display: flex;
|
|
|
+ justify-content: center;">
|
|
|
+ <div :class="['custom-div', { active: btnactive === 1 }]" @click="localTable()">
|
|
|
+ <p style="margin: 12px 0px 19px -23px;">从表单中选择</p>
|
|
|
+ <span class="custom-icon"></span>
|
|
|
+ </div>
|
|
|
+ <div :class="['custom-div', { active: btnactive === 2 }]" @click="triggerFileInput()">
|
|
|
+ <p style="margin: 12px 0px 19px -54px;">本地上传</p>
|
|
|
+ <span class="custom-icon"></span>
|
|
|
+ </div>
|
|
|
+ <input type="file" multiple="multiple" ref="fileInput" @change="beforeUploadInfo2" style="display: none;" />
|
|
|
+ </div>
|
|
|
+ <!-- 查看数据来源 -->
|
|
|
+ <el-dialog title="教师管理" :visible.sync="dialogTableVisible" :modal="true" append-to-body
|
|
|
+ :before-close="handleClose" class="dialog_diy">
|
|
|
+
|
|
|
+ <div class="dialog_contentArea">
|
|
|
+ <div class="student_head">
|
|
|
+ <div class="choose">
|
|
|
+ <div class="student_search">
|
|
|
+ <el-select v-model="typeCheck" placeholder="请选择类型" clearable @change="search">
|
|
|
+ <el-option v-for="(item, index) in typeArray" :key="index" :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="student_search" style="width:100px" v-if="stype == 1">
|
|
|
+
|
|
|
+ <el-select v-model="groupA" @change="search">
|
|
|
+ <el-option value="0" label="我的"></el-option>
|
|
|
+ <el-option value="2" label="他人"></el-option>
|
|
|
+ <el-option value="4" label="所有人"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="student_right">
|
|
|
+ <div class="head_left">
|
|
|
+ <div style="margin-right: 10px;position: relative;">
|
|
|
+ <el-input v-model="courseName" class="student_input" placeholder="请输入项目名称"></el-input>
|
|
|
+ <span class="serach_icon" @click="searchCourse"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table ref="table" :data="course" border v-loading="isLoading" :key="1"
|
|
|
+ :header-cell-style="{ color: '#00000066', fontSize: '16px', fontWeight: 'unset' }"
|
|
|
+ :row-class-name="tableRowClassName2" v-if="stype == 1" class="tableClass">
|
|
|
+ <el-table-column type="selection" :selectable="selectable" width="55"></el-table-column>
|
|
|
+ <el-table-column label="序号" width="100px" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.$index + 1 }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="title" label="问卷名称" min-width="150" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="uname" label="创建者" min-width="80" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-if="typeArray.length" prop="typeN" label="问卷类型" min-width="80" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.typeN ? scope.row.typeN : '未设置类型' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="worksCount" label="已提交数量" min-width="80" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="表单状态" min-width="80" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+
|
|
|
+ <div class="test_type2" style="width: fit-content;margin: 0 auto;" :class="getLookType(scope.row)">
|
|
|
+
|
|
|
+ <span>{{ getLook(scope.row) }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!--
|
|
|
+ <el-table-column label="操作" width="350px;display:none !important;">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button @click="goToCourse2(scope.row)" type="text" size="small" v-if="((scope.row.userid == userid) ||
|
|
|
+ (scope.row.course_teacher &&
|
|
|
+ scope.row.course_teacher.indexOf(userid) !== -1) || role == '1')">编辑</el-button>
|
|
|
+ <el-button @click="checkToTest(scope.row.courseId)" type="text" size="small">查看</el-button>
|
|
|
+ <el-button @click="copyTest(scope.row.courseId)" type="text" size="small">复制</el-button>
|
|
|
+ <el-button @click="shareTest(scope.row)" type="text" size="small" v-if="((scope.row.userid == userid) ||
|
|
|
+ (scope.row.course_teacher &&
|
|
|
+ scope.row.course_teacher.indexOf(userid) !== -1) || role == '1')">提醒</el-button>
|
|
|
+ <el-button @click="deleteCourse(scope.row.courseId)" type="text" size="small" style="color: #EE3E3E;"
|
|
|
+ v-if="((scope.row.userid == userid) ||
|
|
|
+ (scope.row.course_teacher &&
|
|
|
+ scope.row.course_teacher.indexOf(userid) !== -1) || role == '1')">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+-->
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="confirm_btn">
|
|
|
+ <el-button type="primary" @click="confirmSelection">确认</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ <div class="ai_body_select" v-if="false">
|
|
|
+ <div class="checkBox" v-if="checkBool">
|
|
|
+ <div class="task">
|
|
|
+ <div class="title">选择需要优化的任务：</div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="span" @click="addAllTask()">
|
|
|
+ <div class="check">
|
|
|
+ <img :src="checkImg" alt="" v-if="checkArray.length !== course.length" />
|
|
|
+ <img :src="checkIsImg" alt="" v-else />
|
|
|
+ </div>
|
|
|
+ <span>全选</span>
|
|
|
+ </div>
|
|
|
+ <div class="span" v-for="(item, index) in course" :key="index" @click="addTask(index)">
|
|
|
+ <div class="check">
|
|
|
+ <img :src="checkImg" alt="" v-if="checkArray.indexOf(index) === -1" />
|
|
|
+ <img :src="checkIsImg" alt="" v-else />
|
|
|
+ </div>
|
|
|
+ <span>任务{{ index + 1 }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <div class="title">选择优化的部分：</div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="span" v-for="(item, index) in partArray" :key="index" :class="{ active: part == item.name }"
|
|
|
+ @click="checkPart(item.name)">
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span class="check" :class="{ isCheck: checkBool }" v-if="!checkArray.length && !part"
|
|
|
+ @click="checkBool = !checkBool">选择优化内容</span>
|
|
|
+ <span class="check" :class="{ isCheck: checkBool }" @click="checkBool = !checkBool" v-else>
|
|
|
+ <el-tooltip :content="taskName" placement="top" effect="dark">
|
|
|
+ <!-- content to trigger tooltip here -->
|
|
|
+ <span>{{ taskName }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="ai_body_input">
|
|
|
+ <div class="ai_b_i_btnArea">
|
|
|
+ <span class="clear" @click.stop="clear()">
|
|
|
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M2.5 3.125C2.5 2.77982 2.77982 2.5 3.125 2.5H16.875C17.2202 2.5 17.5 2.77982 17.5 3.125V8.02715C17.5 8.37233 17.2202 8.65215 16.875 8.65215C16.5298 8.65215 16.25 8.37233 16.25 8.02715V3.75H3.75V16.25H8.125C8.47018 16.25 8.75 16.5298 8.75 16.875C8.75 17.2202 8.47018 17.5 8.125 17.5H3.125C2.77982 17.5 2.5 17.2202 2.5 16.875V3.125Z" />
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M5.625 6.1521C5.625 5.80692 5.90482 5.5271 6.25 5.5271H13.125C13.4702 5.5271 13.75 5.80692 13.75 6.1521C13.75 6.49728 13.4702 6.7771 13.125 6.7771H6.25C5.90482 6.7771 5.625 6.49728 5.625 6.1521Z" />
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M5.625 9.2771C5.625 8.93192 5.90482 8.6521 6.25 8.6521H9.37496C9.72014 8.6521 9.99996 8.93192 9.99996 9.2771C9.99996 9.62228 9.72014 9.9021 9.37496 9.9021H6.25C5.90482 9.9021 5.625 9.62228 5.625 9.2771Z" />
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M12.465 11.507L15.9141 14.9048C16.1279 14.5365 16.25 14.1088 16.25 13.6521C16.25 12.2714 15.1307 11.1521 13.75 11.1521C13.2799 11.1521 12.8406 11.2815 12.465 11.507ZM15.0374 15.7957L11.5873 12.397C11.3726 12.7659 11.25 13.1944 11.25 13.6521C11.25 15.0328 12.3693 16.1521 13.75 16.1521C14.2211 16.1521 14.6613 16.0222 15.0374 15.7957ZM11.0797 11.0192C11.759 10.3303 12.7051 9.9021 13.75 9.9021C15.8211 9.9021 17.5 11.581 17.5 13.6521C17.5 14.6767 17.0882 15.6064 16.4226 16.2827C15.7431 16.9729 14.7961 17.4021 13.75 17.4021C11.6789 17.4021 10 15.7232 10 13.6521C10 12.6263 10.4127 11.6957 11.0797 11.0192Z" />
|
|
|
+ </svg>
|
|
|
+ <span>清屏</span>
|
|
|
+ </span>
|
|
|
+ <span class="clear" @click.stop="showjList = !showjList" v-if="jArray.length">
|
|
|
+ <span>查看</span>
|
|
|
+ </span>
|
|
|
+ <!-- <div style="margin-left: auto;">
|
|
|
+ <el-switch v-model="continuous"></el-switch>
|
|
|
+ <span @click.stop="continuous = !continuous">连续对话</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai_b_i_roleListBox" ref="roleListRef" v-if="showRoleList && choseRoleList.length > 0">
|
|
|
+ <div :class="[
|
|
|
+ 'ai_b_i_rlb_item',
|
|
|
+ index == choseRoleItem ? 'ai_b_i_rlb_itemActive' : ''
|
|
|
+ ]" :ref="`roleItem${index}Ref`" v-for="(item, index) in choseRoleList" :key="item.id"
|
|
|
+ @mouseover="choseRoleItem = index" @click.stop="choseRole(item)">
|
|
|
+ <div class="ai_b_i_rlb_itemTop">
|
|
|
+ <img :src="item.headUrl
|
|
|
+ ? item.headUrl
|
|
|
+ : require('../../../../assets/icon/new/role1.png')
|
|
|
+ " alt="" />
|
|
|
+ <div class="ai_b_i_rlb_i_name">
|
|
|
+ <span>{{ item.assistantName }}</span>
|
|
|
+ <span>作者：{{ item.username }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ai_b_i_rlb_itemBottom">
|
|
|
+ {{ item.prologue }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="ai_b_i_textListBox">
|
|
|
+ <div class="ai_b_i_tlb_left"></div>
|
|
|
+ <div class="ai_b_i_tlb_right"></div>
|
|
|
+ </div> -->
|
|
|
+ <!-- @input="inputChange" -->
|
|
|
+
|
|
|
+ <textarea @input="inputChange" class="ai_body_input_textarea" @keydown="textareaKeydown" :disabled="isVoice"
|
|
|
+ ref="textareaRef" v-model.trim="courseText"
|
|
|
+ :placeholder="isVoice ? isTalk ? '' : '点击按钮开始录音' : '在此输入您想了解的内容'"></textarea>
|
|
|
+
|
|
|
+ <span class="c_voiceBtn" v-if="!courseText && !isVoice" @click.stop="changeVoice(true)">
|
|
|
+ <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
|
|
|
+ fill="black" fill-opacity="0.9" />
|
|
|
+ </svg>
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <span class="c_voiceBtn" style="right: 70px;" v-if="!courseText && isVoice && !isTalk"
|
|
|
+ @click.stop="changeVoice(false)">
|
|
|
+ <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M2.75 3.4375C2.75 3.0578 3.0578 2.75 3.4375 2.75H18.5625C18.9422 2.75 19.25 3.0578 19.25 3.4375V18.5625C19.25 18.9422 18.9422 19.25 18.5625 19.25H3.4375C3.0578 19.25 2.75 18.9422 2.75 18.5625V3.4375ZM4.125 4.125V17.875H17.875V4.125H4.125Z"
|
|
|
+ fill="black" fill-opacity="0.9" />
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M6.875 6.875C6.875 6.4953 7.1828 6.1875 7.5625 6.1875H14.4375C14.8172 6.1875 15.125 6.4953 15.125 6.875V8.25C15.125 8.6297 14.8172 8.9375 14.4375 8.9375C14.0578 8.9375 13.75 8.6297 13.75 8.25V7.5625H11.6875V14.4375H12.375C12.7547 14.4375 13.0625 14.7453 13.0625 15.125C13.0625 15.5047 12.7547 15.8125 12.375 15.8125H9.625C9.2453 15.8125 8.9375 15.5047 8.9375 15.125C8.9375 14.7453 9.2453 14.4375 9.625 14.4375H10.3125V7.5625H8.25V8.25C8.25 8.6297 7.9422 8.9375 7.5625 8.9375C7.1828 8.9375 6.875 8.6297 6.875 8.25V6.875Z"
|
|
|
+ fill="black" fill-opacity="0.9" />
|
|
|
+ </svg>
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <div :class="[
|
|
|
+ 'c_pub_button_confirm',
|
|
|
+ courseText ? '' : 'c_pub_button_confirmDisabled'
|
|
|
+ ]" v-if="!faloading && !isVoice" @click="addContent">
|
|
|
+ 发送
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div :class="['c_pub_button_confirmVoice']" v-if="!faloading && isVoice && !isTalk" @click="startVoice">
|
|
|
+ <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
+ <path fill-rule="evenodd" clip-rule="evenodd"
|
|
|
+ d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
|
|
|
+ fill-opacity="0.9" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div :class="['c_pub_button_StopConfirmVoice']" v-if="!faloading && isVoice && isTalk" @click="stopVoice">
|
|
|
+ <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
+ <path
|
|
|
+ d="M11 19.25C6.4625 19.25 2.75 15.5375 2.75 11C2.75 6.4625 6.4625 2.75 11 2.75C15.5375 2.75 19.25 6.4625 19.25 11C19.25 15.5375 15.5375 19.25 11 19.25ZM11 17.1875C14.4031 17.1875 17.1875 14.4031 17.1875 11C17.1875 7.59687 14.4031 4.8125 11 4.8125C7.59687 4.8125 4.8125 7.59687 4.8125 11C4.8125 14.4031 7.59687 17.1875 11 17.1875Z"
|
|
|
+ fill="#EE3E3E" />
|
|
|
+ <path
|
|
|
+ d="M12.75 8.25H9.25C8.69772 8.25 8.25 8.69772 8.25 9.25V12.75C8.25 13.3023 8.69772 13.75 9.25 13.75H12.75C13.3023 13.75 13.75 13.3023 13.75 12.75V9.25C13.75 8.69772 13.3023 8.25 12.75 8.25Z"
|
|
|
+ fill="#EE3E3E" />
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div v-if="!faloading && isVoice"></div>
|
|
|
+ <div class="c_pub_button_confirm" v-if="faloading && stopTalkToken" @click="stopSend">
|
|
|
+ 终止
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <iframe allow="camera *; microphone *;display-capture;midi;encrypted-media;"
|
|
|
+ src="https://beta.cloud.cocorobo.cn/browser/public/index.html" ref="iiframe" v-show="false"></iframe>
|
|
|
+ <!-- <div class="ai_body_input">
|
|
|
+ <textarea
|
|
|
+ style="padding-right: 85px;"
|
|
|
+ rows="3"
|
|
|
+ @keyup.enter="addContent"
|
|
|
+ class="binfo_input binfo_textarea"
|
|
|
+ cols
|
|
|
+ v-model.trim="courseText"
|
|
|
+ placeholder="在此输入您想了解的内容"
|
|
|
+ ></textarea>
|
|
|
+ <div
|
|
|
+ class="c_pub_button_confirm"
|
|
|
+ v-if="!loading && courseText"
|
|
|
+ @click="addContent"
|
|
|
+ >
|
|
|
+ 发送
|
|
|
+ </div>
|
|
|
+ <div class="c_pub_button_confirm" @click="promptTit" v-else>发送</div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+import checkImg from "../../../../assets/icon/sourceFile/check.png";
|
|
|
+import checkIsImg from "../../../../assets/icon/sourceFile/check_is.png";
|
|
|
+import { v4 as uuidv4 } from "uuid";
|
|
|
+import MarkdownIt from "markdown-it";
|
|
|
+import TurndownService from "turndown";
|
|
|
+const OpenCC = require("opencc-js");
|
|
|
+let converter = OpenCC.Converter({
|
|
|
+ from: "cn",
|
|
|
+ to: "hk"
|
|
|
+});
|
|
|
+
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ courseId: {
|
|
|
+ type: String,
|
|
|
+ default: ""
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ stype: 1,
|
|
|
+ typeArray: [],
|
|
|
+ array: [],
|
|
|
+ jArray: [],
|
|
|
+ course: [],
|
|
|
+ courseText: "",
|
|
|
+ checkImg: checkImg,
|
|
|
+ checkIsImg: checkIsImg,
|
|
|
+ userid: this.$route.query.userid,
|
|
|
+ oid: this.$route.query.oid,
|
|
|
+ org: this.$route.query.org,
|
|
|
+ role: this.$route.query.role,
|
|
|
+ isLoading: false,
|
|
|
+ checkArray: [],
|
|
|
+ course: [{ title: "任务1" }, { title: "任务2" }, { title: "任务3" }],
|
|
|
+ partArray: [
|
|
|
+ { name: "全部内容" },
|
|
|
+ { name: "任务设计" },
|
|
|
+ { name: "评价设计" }
|
|
|
+ ],
|
|
|
+ part: "全部内容",
|
|
|
+ checkBool: false,
|
|
|
+ loading: false,
|
|
|
+ selectedForms: [],
|
|
|
+ textareaHeight: 50,
|
|
|
+ publicRoleList: [],
|
|
|
+ roleList: [],
|
|
|
+ page: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ page2: 1,
|
|
|
+ pageSize2: 20,
|
|
|
+ textList: [
|
|
|
+ {
|
|
|
+ title: "项目式学习",
|
|
|
+ dataList: [
|
|
|
+ "请给我一些学生开展项目式学习可以使用的主题或问题参考，请说出学生将要解决的问题，以及学生要经历怎样的学习活动。",
|
|
|
+ "请将一个关于生态保护项目的项目式学习展开描述，你需要描述学生如何解决这个问题，你需要至少写出四个活动，这些活动需要按照前后逻辑关系排列。",
|
|
|
+ "请对驱动问题为“如何为学校建造一个富有特色的花坛？”的项目式学习进行子问题拆解，至少拆解为5个子问题，并根据子问题对应写出各环节的主要活动。"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "教学评价",
|
|
|
+ dataList: [
|
|
|
+ "如果需要给学生的社区服务进行评价，给出评价维度和至少3个等级的表现描述。",
|
|
|
+ "为6年级学生设计一份关于梧桐山研究报告的评估任务表，并给出参考的报告流程，至少包含8个步骤，并包括地图、图片和至少300个词。",
|
|
|
+ "创建一个给5年级学生使用的课堂小测试，包含5道多选题，评价学生对于太阳能这个概念的理解。你需要给出题目和正确答案。"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "教学设计",
|
|
|
+ dataList: [
|
|
|
+ "如果需要5年级学生感受“移步换景”的景观写作手法，你有什么合适的阅读材料推荐？你需要给出材料名称，以及材料的哪部分内容。",
|
|
|
+ "设计一个针对8年级学生且关于人类迁徙主题的地理课，并在课程中设计至少1项小组活动。",
|
|
|
+ "设计一个针对5年级学生的课程，课程综合科学和信息技术领域，解决生物与环境领域的生活问题，你需要给出完整的课程框架和活动。",
|
|
|
+ "如果3年级的学生不能理解光合作用的实现过程，需要你帮我设计一个支持他们理解的教学活动，需要包含活动的形式、实施材料和清单。",
|
|
|
+ "请基于贝叶斯定理为8年级学生出三道题目。",
|
|
|
+ "如果需要八年级学生了解尼罗河流域的文化发展史，你有哪些推荐的网站或参考书籍？"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "班级管理",
|
|
|
+ dataList: [
|
|
|
+ "创建一组给一年级学生使用的班级口号，要求大家注意卫生、保护环境，口号需要对仗工整，符合一年级学生的理解水平。",
|
|
|
+ " 设计一套用于6年级学生的班级管理规章制度，内容需要包括学习、纪律、卫生、思想品德方面。"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "课堂组织",
|
|
|
+ dataList: [
|
|
|
+ "请为“制作垃圾分类宣传单”的小组活动设计小组分工表，每个小组的成员为4-6人。",
|
|
|
+ "请给5年级“校园植物图鉴”社团课程设计一份小组合作公约，需包含小组成员信息、小组项目目标、填写日期，总长度不超过300字，并且提供至少3处学生自行填写的部分。",
|
|
|
+ "请用苏格拉底提问的方式，引导5年级学生拆解驱动问题：如何解决教室黑板反光的问题？其中需包含对于反光原因的分析与实验探究。"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "教师发展",
|
|
|
+ dataList: [
|
|
|
+ "教师需要理解项目式学习的理论基础和基础概念，你需要生成一份阅读清单，要求内容为中文书籍或文献。",
|
|
|
+ "设计一个教师进行个人学期总结的框架，需要体现在教学、教研、个人学习方面的进步。"
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "代码分析",
|
|
|
+ dataList: [
|
|
|
+ "这段代码实现了什么效果？",
|
|
|
+ "请描述这段代码。",
|
|
|
+ "根据这段代码，给我一些修改意见。"
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ showTextList: false,
|
|
|
+ showRoleList: false,
|
|
|
+ choseRoleItem: 0,
|
|
|
+ choseTextItem: 0,
|
|
|
+ continuous: true,
|
|
|
+ showjList: false,
|
|
|
+ faloading: false,
|
|
|
+ fasource: null,
|
|
|
+ saveUid: "",
|
|
|
+ isVoice: false,
|
|
|
+ isTalk: false,
|
|
|
+ languageSetting: 0,
|
|
|
+ username: "",
|
|
|
+ options2: {
|
|
|
+ 1: "选择题",
|
|
|
+ // 2: "问答题",
|
|
|
+ 3: "问答题",
|
|
|
+ 4: "添加文档",
|
|
|
+ 5: "附件",
|
|
|
+ 6: "课程",
|
|
|
+ 7: "评分",
|
|
|
+ 8: "日期",
|
|
|
+ 9: "单选题",
|
|
|
+ 10: "多选题",
|
|
|
+ 11: "课程",
|
|
|
+ },
|
|
|
+ answerArray: [],
|
|
|
+ fileList: [],
|
|
|
+ fileId: [],
|
|
|
+ btnactive: null,
|
|
|
+ dialogTableVisible: false,
|
|
|
+ typeCheck: "",
|
|
|
+ groupA: "0",
|
|
|
+ courseName: "",
|
|
|
+ cid: '',
|
|
|
+ courseInfoList: [],
|
|
|
+ worksArray: [],
|
|
|
+ copyWorksArray: null,
|
|
|
+ stopTalkToken: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ courseId: {
|
|
|
+ immediate: true,
|
|
|
+ deep: true,
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ if (newValue) {
|
|
|
+ this.getChatList().then(_ => {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ console.log(this.$refs.chatDialog.scrollHeight);
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ worksArray: {
|
|
|
+ immediate: false,
|
|
|
+ deep: true,
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ if (newValue.length && JSON.stringify(newValue) !== this.copyWorksArray) {
|
|
|
+ this.$emit("clearFileData");
|
|
|
+ this.fileId = [];
|
|
|
+ this.fileList = [];
|
|
|
+ this.copyWorksArray = JSON.stringify(newValue);
|
|
|
+ newValue.forEach(el => {
|
|
|
+ this.setJson(el);
|
|
|
+ });
|
|
|
+ // console.log("👈👉",newValue)
|
|
|
+ // this.setJson(newValue)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ delFileList(index) {
|
|
|
+ this.fileList.splice(index, 1)
|
|
|
+ },
|
|
|
+ // setJson(array){
|
|
|
+ // const getAnswer = (j) => {
|
|
|
+ // switch (j.type) {
|
|
|
+ // case 1:
|
|
|
+ // return j.json.array
|
|
|
+ // .filter((_, idx) => j.json.answer2.includes(idx))
|
|
|
+ // .map(item => `${item.img}${item.option}`)
|
|
|
+ // .join(',');
|
|
|
+ // case 3:
|
|
|
+ // case 6:
|
|
|
+ // case 7:
|
|
|
+ // case 8:
|
|
|
+ // case 11:
|
|
|
+ // return j.json.answer2;
|
|
|
+ // case 5:
|
|
|
+ // if (!Array.isArray(j.json.file) || j.json.file.length === 0) {
|
|
|
+ // return '无附件';
|
|
|
+ // }
|
|
|
+ // return j.json.file.map(file => `${file.name}（${file.url}）`).join('，');
|
|
|
+ // default:
|
|
|
+ // return '';
|
|
|
+ // }
|
|
|
+ // };
|
|
|
+
|
|
|
+ // this.answerArray = array.map(i => ({
|
|
|
+ // "用户名": i.name,
|
|
|
+ // "提交时间": i.time,
|
|
|
+ // "表单内容": i.array.map((j, index) => ({
|
|
|
+ // "序号": index + 1,
|
|
|
+ // "题目": j.json.title,
|
|
|
+ // "题目类型": this.options2[j.type],
|
|
|
+ // "答案": getAnswer(j)
|
|
|
+ // }))
|
|
|
+ // }))
|
|
|
+ // console.log(this.answerArray);
|
|
|
+
|
|
|
+ // // 将JSON对象转换为字符串
|
|
|
+ // const jsonString = JSON.stringify(this.answerArray, null, 2);
|
|
|
+
|
|
|
+ // // 创建Blob对象
|
|
|
+ // const blob = new Blob([jsonString], { type: "application/json" });
|
|
|
+ // blob.lastModifiedDate = new Date();
|
|
|
+ // blob.name = `表单数据.json`;
|
|
|
+
|
|
|
+ // // 如果仍需要上传文件，可以保留这行
|
|
|
+ // return this.uploadFile(blob);
|
|
|
+ // },
|
|
|
+ selectable(row, index) {
|
|
|
+ return row.worksCount > 0
|
|
|
+ },
|
|
|
+ confirmSelection() {
|
|
|
+ // 获取用户选择的表单
|
|
|
+ const selectedForms = this.$refs.table.selection; // 获取选中的行
|
|
|
+ console.log("用户选择的表单:", selectedForms); // 打印用户选择的表单
|
|
|
+ this.isLoading = true
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.dialogTableVisible = false;
|
|
|
+ },1000)
|
|
|
+
|
|
|
+
|
|
|
+ // this.cid = selectedForms.reduce((lastArr, item) => {
|
|
|
+ // lastArr.push(item.courseId);
|
|
|
+ // return lastArr
|
|
|
+ // }, []).join(',');
|
|
|
+ this.cid = selectedForms.map(i => i.courseId).join(",")
|
|
|
+ this.getData(this.cid)
|
|
|
+ this.getChatList()
|
|
|
+ },
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ triggerFileInput() {
|
|
|
+ this.btnactive = 2
|
|
|
+ this.$refs.fileInput.click();
|
|
|
+ },
|
|
|
+ // 处理文件选择
|
|
|
+ handleFileChange(event) {
|
|
|
+ const file = event.target.files[0];
|
|
|
+ if (file) {
|
|
|
+ // 这里可以添加文件处理逻辑，例如上传文件
|
|
|
+ console.log("选择的文件:", file.name);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ beforeUploadInfo2(event, type, tindex) {
|
|
|
+ // const loading = this.openLoading();
|
|
|
+ let file = "";
|
|
|
+ let cfindex2 = 0;
|
|
|
+
|
|
|
+ for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
|
|
|
+ // var file = event.target.files[0];
|
|
|
+ file = event.target.files[cfindex];
|
|
|
+ let fileName = file.name
|
|
|
+ let fileUid = file.uid
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR",
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+
|
|
|
+ var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+ var xianObj = ['CSV']
|
|
|
+
|
|
|
+ if (
|
|
|
+ xianObj.indexOf(
|
|
|
+ file.name
|
|
|
+ .split(".")
|
|
|
+ [file.name.split(".").length - 1].toLocaleUpperCase()
|
|
|
+ ) == -1
|
|
|
+ ) {
|
|
|
+ this.$message.error("请上传.csv文件！");
|
|
|
+ this.inputShow = true;
|
|
|
+ // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // a.splice(a.length - 1, a.length);
|
|
|
+ // loading.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ _this.$forceUpdate();
|
|
|
+ if (file) {
|
|
|
+ var params = {
|
|
|
+ Key:
|
|
|
+ file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read",
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true,
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function (evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+
|
|
|
+ // if(type == 14){
|
|
|
+ // _this.teacherinfoprogress = parseInt((evt.loaded / evt.total) * 100);
|
|
|
+ // _this.teacherinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ // }else if(type == 16){
|
|
|
+ // _this.mubiaoinfoprogress = parseInt((evt.loaded / evt.total) * 100);
|
|
|
+ // _this.mubiaoinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ // }else if(type == 17){
|
|
|
+ // _this.xuanzeinfoprogress = parseInt((evt.loaded / evt.total) * 100);
|
|
|
+ // _this.xuanzeinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ // }else if(type == 18){
|
|
|
+ // _this.pingjiainfoprogress[tindex] = parseInt((evt.loaded / evt.total) * 100);
|
|
|
+ // _this.pingjiainfoisFinishSize[tindex] = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ // }else {
|
|
|
+ // _this.infoprogress = parseInt((evt.loaded / evt.total) * 100);
|
|
|
+ // _this.infoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
|
|
|
+ // }
|
|
|
+ _this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .send(async function (err, data) {
|
|
|
+
|
|
|
+ // loading.close();
|
|
|
+
|
|
|
+ // if(type == 14){
|
|
|
+ // _this.teacherinfoprogress = 100;
|
|
|
+ // _this.teacherinfoisFinishSize = _this.teacherinfoisAllSize;
|
|
|
+ // }else if(type == 16){
|
|
|
+ // _this.mubiaoinfoprogress = 100;
|
|
|
+ // _this.mubiaoinfoisFinishSize = _this.mubiaoinfoisAllSize;
|
|
|
+ // }else if(type == 17){
|
|
|
+ // _this.xuanzeinfoprogress = 100;
|
|
|
+ // _this.xuanzeinfoisFinishSize = _this.xuanzeinfoisAllSize;
|
|
|
+ // }else if(type == 18){
|
|
|
+ // _this.pingjiainfoprogress[tindex] = 100;
|
|
|
+ // _this.pingjiainfoisFinishSize[tindex] = _this.pingjiainfoisAllSize[tindex];
|
|
|
+ // }else {
|
|
|
+ // _this.infoprogress = 100;
|
|
|
+ // _this.infoisFinishSize = _this.infoisAllSize;
|
|
|
+ // }
|
|
|
+
|
|
|
+ _this.$forceUpdate();
|
|
|
+ _this.inputShow = true;
|
|
|
+ // if (err) {
|
|
|
+ // cfindex2++;
|
|
|
+ // if (type == 14) {
|
|
|
+ // _this.teacherinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 16) {
|
|
|
+ // _this.mubiaoinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 17) {
|
|
|
+ // _this.xuanzeinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 18) {
|
|
|
+ // _this.pingjiainfoisFinishSize[tindex] = cfindex2;
|
|
|
+ // } else if (type == 19) {
|
|
|
+ // _this.knowinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 20) {
|
|
|
+ // _this.knowinfoisFinishSize2 = cfindex2;
|
|
|
+ // } else {
|
|
|
+ // _this.infoisFinishSize = cfindex2;
|
|
|
+ // }
|
|
|
+ // setTimeout(() => {
|
|
|
+ // if (
|
|
|
+ // cfindex2 == event.target.files.length ||
|
|
|
+ // cfindex2 > event.target.files.length
|
|
|
+ // ) {
|
|
|
+ // if (type == 14) {
|
|
|
+ // _this.teacherinfoproVisible = false;
|
|
|
+ // } else if (type == 16) {
|
|
|
+ // _this.mubiaoinfoproVisible = false;
|
|
|
+ // } else if (type == 17) {
|
|
|
+ // _this.xuanzeinfoproVisible = false;
|
|
|
+ // } else if (type == 18) {
|
|
|
+ // _this.pingjiainfoproVisible[tindex] = false;
|
|
|
+ // } else if (type == 19) {
|
|
|
+ // _this.knowinfoproVisible = false;
|
|
|
+ // } else if (type == 20) {
|
|
|
+ // _this.knowinfoproVisible2 = false;
|
|
|
+ // } else {
|
|
|
+ // _this.infoproVisible = false;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // _this.$forceUpdate();
|
|
|
+ // }, 1000);
|
|
|
+ // // var a = _this.$refs.upload1.uploadFiles;
|
|
|
+ // // a.splice(a.length - 1, a.length);
|
|
|
+ // _this.$message.error("上传失败");
|
|
|
+ // } else {
|
|
|
+ // let fileid = await _this.createFileid(data.Location)
|
|
|
+ // if (fileid) {
|
|
|
+ // cfindex2++;
|
|
|
+ // if (type == 14) {
|
|
|
+ // _this.teacherinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 16) {
|
|
|
+ // _this.mubiaoinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 17) {
|
|
|
+ // _this.xuanzeinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 18) {
|
|
|
+ // _this.pingjiainfoisFinishSize[tindex] = cfindex2;
|
|
|
+ // } else if (type == 19) {
|
|
|
+ // _this.knowinfoisFinishSize = cfindex2;
|
|
|
+ // } else if (type == 20) {
|
|
|
+ // _this.knowinfoisFinishSize2 = cfindex2;
|
|
|
+ // } else {
|
|
|
+ // _this.infoisFinishSize = cfindex2;
|
|
|
+ // }
|
|
|
+ // if (
|
|
|
+ // cfindex2 == event.target.files.length ||
|
|
|
+ // cfindex2 > event.target.files.length
|
|
|
+ // ) {
|
|
|
+ // if (type == 14) {
|
|
|
+ // _this.teacherinfoproVisible = false;
|
|
|
+ // } else if (type == 16) {
|
|
|
+ // _this.mubiaoinfoproVisible = false;
|
|
|
+ // } else if (type == 17) {
|
|
|
+ // _this.xuanzeinfoproVisible = false;
|
|
|
+ // } else if (type == 18) {
|
|
|
+ // _this.pingjiainfoproVisible[tindex] = false;
|
|
|
+ // } else if (type == 19) {
|
|
|
+ // _this.knowinfoproVisible = false;
|
|
|
+ // } else if (type == 20) {
|
|
|
+ // _this.knowinfoproVisible2 = false;
|
|
|
+ // } else {
|
|
|
+ // _this.infoproVisible = false;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // _this.$forceUpdate();
|
|
|
+ // }
|
|
|
+ // if (fileid == 1) {
|
|
|
+ // _this.$message.error("此文件存在特殊符号无法转化成fileid请重新上传");
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // var imgA = [
|
|
|
+ // "png",
|
|
|
+ // "jpg",
|
|
|
+ // "jpeg",
|
|
|
+ // "bmp",
|
|
|
+ // "gif",
|
|
|
+ // "webp",
|
|
|
+ // "psd",
|
|
|
+ // "svg",
|
|
|
+ // "tiff",
|
|
|
+ // ];
|
|
|
+ // var fileA = [
|
|
|
+ // "PDF",
|
|
|
+ // "DOC",
|
|
|
+ // "DOCX",
|
|
|
+ // "DOCM",
|
|
|
+ // "DOTM",
|
|
|
+ // "DOTX",
|
|
|
+ // "PPTX",
|
|
|
+ // "PPSX",
|
|
|
+ // "PPT",
|
|
|
+ // "PPS",
|
|
|
+ // "PPTM",
|
|
|
+ // "POTM",
|
|
|
+ // "PPAM",
|
|
|
+ // "POTX",
|
|
|
+ // "PPSM",
|
|
|
+ // "XLSX",
|
|
|
+ // "XLS",
|
|
|
+ // ];
|
|
|
+ // var videoA = [
|
|
|
+ // "AVI",
|
|
|
+ // "NAVI",
|
|
|
+ // "MPEG",
|
|
|
+ // "ASF",
|
|
|
+ // "MOV",
|
|
|
+ // "WMV",
|
|
|
+ // "3GP",
|
|
|
+ // "RM",
|
|
|
+ // "RMVB",
|
|
|
+ // "FLV",
|
|
|
+ // "F4V",
|
|
|
+ // "H.264",
|
|
|
+ // "H.265",
|
|
|
+ // "REAL VIDEO",
|
|
|
+ // "MKV",
|
|
|
+ // "WebM",
|
|
|
+ // "HDDVD",
|
|
|
+ // "MP4",
|
|
|
+ // "MPG",
|
|
|
+ // "M4V",
|
|
|
+ // "MGV",
|
|
|
+ // "OGV",
|
|
|
+ // "QTM",
|
|
|
+ // "STR",
|
|
|
+ // "AMC",
|
|
|
+ // "DVX",
|
|
|
+ // "EVO",
|
|
|
+ // "DAT",
|
|
|
+ // "OGG",
|
|
|
+ // "OGM",
|
|
|
+ // ];
|
|
|
+ // let _type = 2;
|
|
|
+ // if (
|
|
|
+ // fileA.indexOf(
|
|
|
+ // data.Location.split(".")[
|
|
|
+ // data.Location.split(".").length - 1
|
|
|
+ // ].toLocaleUpperCase()
|
|
|
+ // ) != -1
|
|
|
+ // ) {
|
|
|
+ // _type = 3;
|
|
|
+ // } else if (
|
|
|
+ // videoA.indexOf(
|
|
|
+ // data.Location.split(".")[
|
|
|
+ // data.Location.split(".").length - 1
|
|
|
+ // ].toLocaleUpperCase()
|
|
|
+ // ) != -1
|
|
|
+ // ) {
|
|
|
+ // _type = 2;
|
|
|
+ // } else if (
|
|
|
+ // imgA.indexOf(
|
|
|
+ // data.Location.split(".")[
|
|
|
+ // data.Location.split(".").length - 1
|
|
|
+ // ].toLocaleLowerCase()
|
|
|
+ // ) != -1
|
|
|
+ // ) {
|
|
|
+ // _type = 13;
|
|
|
+ // } else {
|
|
|
+ // _type = 12;
|
|
|
+ // }
|
|
|
+ // if (type == 13) {
|
|
|
+ // _this.infoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // })
|
|
|
+ // } else if (type == 14) {
|
|
|
+ // _this.teacherInfoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.infoData2.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.infoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // })
|
|
|
+ // } else if (type == 15) {
|
|
|
+ // _this.infoData2.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.infoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // })
|
|
|
+ // } else if (type == 16) {
|
|
|
+ // _this.mubiaoInfoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // } else if (type == 17) {
|
|
|
+ // _this.xuanzeInfoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // } else if (type == 18) {
|
|
|
+ // if (!_this.pingjiaInfoData[tindex]) {
|
|
|
+ // _this.pingjiaInfoData[tindex] = []
|
|
|
+ // }
|
|
|
+ // _this.pingjiaInfoData[tindex].push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // } else if (type == 19) {
|
|
|
+ // _this.knowInfoData.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // if (fileid != 1) {
|
|
|
+ // _this.knowFileids.push(fileid)
|
|
|
+ // }
|
|
|
+ // } else if (type == 20) {
|
|
|
+ // _this.knowInfoData2.push({
|
|
|
+ // name: fileName,
|
|
|
+ // url: data.Location,
|
|
|
+ // uid: fileUid,
|
|
|
+ // type: _type,
|
|
|
+ // fileid: fileid == 1 ? '' : fileid,
|
|
|
+ // });
|
|
|
+ // if (fileid != 1) {
|
|
|
+ // _this.knowFileids2.push(fileid)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // console.log(data.Location);
|
|
|
+ // console.log(fileName, '----------', fileid);
|
|
|
+ // }
|
|
|
+ if (err) {
|
|
|
+ console.error("上传失败:", err);
|
|
|
+ } else {
|
|
|
+ console.log("上传成功:", data);
|
|
|
+ _this.fileList.push(data.Location);
|
|
|
+
|
|
|
+ _this.$emit("pushFileData", {
|
|
|
+ fileId: "",
|
|
|
+ name: fileName,
|
|
|
+ url: data.Location
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectTestType() {
|
|
|
+ this.isLoadingData = true
|
|
|
+ let params = {
|
|
|
+ oid: this.oid,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectTestType", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.typeArray = res.data[0];
|
|
|
+ this.getData()
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ if (this.stype == 1) {
|
|
|
+ this.page = 1
|
|
|
+ this.getCourse();
|
|
|
+ } else if (this.stype == 2) {
|
|
|
+ this.page2 = 1
|
|
|
+ this.getCourse2();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ searchCourse() {
|
|
|
+ if (this.stype == 1) {
|
|
|
+ this.page = 1
|
|
|
+ this.getCourse();
|
|
|
+ } else if (this.stype == 2) {
|
|
|
+ this.page2 = 1
|
|
|
+ this.getCourse2();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goToCourse2(item) {
|
|
|
+ if (item.worksCount > 0) {
|
|
|
+ this.$confirm("该表单已存在数据，如果修改题目可能会清空已提交数据，是否重新编辑？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$router.push(
|
|
|
+ "/addTest?cid=" +
|
|
|
+ item.courseId +
|
|
|
+ "&userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&type=2" +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$router.push(
|
|
|
+ "/addTest?cid=" +
|
|
|
+ item.courseId +
|
|
|
+ "&userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&type=2" +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ }
|
|
|
+ },
|
|
|
+ checkToTest(cid) {
|
|
|
+ this.$router.push(
|
|
|
+ "/checkToTest?cid=" +
|
|
|
+ cid +
|
|
|
+ "&userid=" +
|
|
|
+ this.userid +
|
|
|
+ "&oid=" +
|
|
|
+ this.oid +
|
|
|
+ "&org=" +
|
|
|
+ this.org +
|
|
|
+ "&type=2" +
|
|
|
+ "&role=" +
|
|
|
+ this.role
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getCourse() {
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ type: this.groupA,
|
|
|
+ uid: this.userid,
|
|
|
+ oid: this.oid,
|
|
|
+ org: this.org,
|
|
|
+ typea: "",
|
|
|
+ typeb: "",
|
|
|
+ typec: "",
|
|
|
+ typed: "",
|
|
|
+ typef: this.typeCheck,
|
|
|
+ typeE: "",
|
|
|
+ cu: "",
|
|
|
+ cn: this.courseName,
|
|
|
+ page: this.page,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectTesttCourse", params)
|
|
|
+ .then((res) => {
|
|
|
+ console.log('API返回的数据', res.data);
|
|
|
+
|
|
|
+ this.isLoading = false;
|
|
|
+ this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
|
|
|
+ this.course = res.data[0];
|
|
|
+ for (var i = 0; i < this.course.length; i++) {
|
|
|
+ let a = ''
|
|
|
+ if (this.course[i].juriP) {
|
|
|
+ a = this.course[i].juriP
|
|
|
+ }
|
|
|
+ if (this.course[i].juriP2) {
|
|
|
+ if (a) {
|
|
|
+ a = this.course[i].juriP + ',' + this.course[i].juriP2
|
|
|
+ } else {
|
|
|
+ a = this.course[i].juriP2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.course[i].juriP = a
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ copyTest(cid) {
|
|
|
+ let params = [{
|
|
|
+ cid: cid,
|
|
|
+ uid: this.userid
|
|
|
+ }]
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "copyTest", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.page = 1
|
|
|
+ if (this.role == "1") {
|
|
|
+ this.groupA = "0";
|
|
|
+ } else {
|
|
|
+ this.groupA = "0";
|
|
|
+ }
|
|
|
+ this.$message.success("复制成功")
|
|
|
+ this.clear()
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ shareTest(cid) {
|
|
|
+ this.scid = cid
|
|
|
+ this.dialogVisibleShare = true
|
|
|
+ },
|
|
|
+ deleteCourse(cid) {
|
|
|
+ // if (this.time()) {
|
|
|
+ this.$confirm("确定删除此表单吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.isLoading = true;
|
|
|
+ let params = [{
|
|
|
+ cid: cid,
|
|
|
+ }];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "deleteTestCourse", params)
|
|
|
+ .then((res) => {
|
|
|
+ this.isLoading = false;
|
|
|
+ this.$message.success("删除成功");
|
|
|
+ this.getCourse();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ loading.close();
|
|
|
+ this.isLoading = false;
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ localTable() {
|
|
|
+ this.btnactive = 1
|
|
|
+ this.isLoading = true
|
|
|
+ this.dialogTableVisible = true
|
|
|
+ this.getCourse();
|
|
|
+
|
|
|
+ },
|
|
|
+ // setJson(obj) {
|
|
|
+ // let array = obj.worksArray;
|
|
|
+ // let name = obj.name;
|
|
|
+ // if (array.length == 0) {
|
|
|
+ // console.log("没人提交1111")
|
|
|
+ // return this.$emit("pushFileData", {
|
|
|
+ // fileId: "",
|
|
|
+ // name: name,
|
|
|
+ // url: ""
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ // console.log(data.Location);
|
|
|
+ // console.log("提交11111")
|
|
|
+ // _this.fileList.push(data.Location);
|
|
|
+ // _this.$emit("pushFileData", {
|
|
|
+ // fileId: "",
|
|
|
+ // name: name,
|
|
|
+ // url: data.Location
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // const getAnswer = j => {
|
|
|
+ // if (j.type === 1) {
|
|
|
+ // return j.json.array
|
|
|
+ // .filter((_, idx) => j.json.answer2.includes(idx))
|
|
|
+ // .map(item => `${item.img}${item.option}`)
|
|
|
+ // .join(",");
|
|
|
+ // } else if (
|
|
|
+ // j.type === 3 ||
|
|
|
+ // j.type === 6 ||
|
|
|
+ // j.type === 7 ||
|
|
|
+ // j.type === 8 ||
|
|
|
+ // j.type === 11
|
|
|
+ // ) {
|
|
|
+ // return typeof j.json.answer2 === "string"
|
|
|
+ // ? j.json.answer2.replace(/\n/g, " ")
|
|
|
+ // : j.json.answer2;
|
|
|
+ // } else if (j.type === 5) {
|
|
|
+ // if (!Array.isArray(j.json.file) || j.json.file.length === 0) {
|
|
|
+ // return "无附件";
|
|
|
+ // }
|
|
|
+ // return j.json.file
|
|
|
+ // .map(file => `${file.name}（${file.url}）`)
|
|
|
+ // .join("，");
|
|
|
+ // } else {
|
|
|
+ // return "";
|
|
|
+ // }
|
|
|
+ // };
|
|
|
+
|
|
|
+ // // 获取所有题目类型和题目
|
|
|
+ // const questions = array[0].array.map((j, index) => ({
|
|
|
+ // 序号: index + 1,
|
|
|
+ // 题目类型: this.options2[j.type],
|
|
|
+ // 题目: j.json.title
|
|
|
+ // }));
|
|
|
+
|
|
|
+ // console.log(questions);
|
|
|
+ // // let csvContent = "data:text/csv;charset=utf-8,"
|
|
|
+ // // 构建CSV内容
|
|
|
+ // // let csvContent = "用户名 | 提交时间 | " + questions.map(q => `${q.序号}-${q.题目类型}-${q.题目}`).join(' | ') + "\n";
|
|
|
+ // let csvContent = "用户名,提交时间," + questions.map(q => `${q.序号}-${q.题目类型}-${q.题目}`).join(",") + "\n";
|
|
|
+
|
|
|
+ // // 添加每个用户的答案
|
|
|
+ // array.forEach(i => {
|
|
|
+ // let row = [i.name, i.time];
|
|
|
+ // i.array.forEach(j => {
|
|
|
+ // row.push(getAnswer(j));
|
|
|
+ // });
|
|
|
+ // // csvContent += row.join(' | ') + "\n";
|
|
|
+ // csvContent += row.join(",") + "\n";
|
|
|
+ // });
|
|
|
+
|
|
|
+ // // 创建Blob对象
|
|
|
+ // // const blob = new Blob([csvContent], { type: "text/plain;charset=utf-8" });
|
|
|
+ // // blob.lastModifiedDate = new Date();
|
|
|
+ // // blob.name = `${name}_表单数据.txt`;
|
|
|
+
|
|
|
+ // // 创建Blob对象
|
|
|
+ // const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8" });
|
|
|
+ // blob.lastModifiedDate = new Date();
|
|
|
+ // blob.name = `${name}_表单数据.csv`;
|
|
|
+
|
|
|
+ // // 如果仍需要上传文件，可以保留这行
|
|
|
+ // return this.uploadFile({ file: blob, name: name });
|
|
|
+ // },
|
|
|
+ uploadFile({ file, name }) {
|
|
|
+ var credentials = {
|
|
|
+ accessKeyId: "AKIATLPEDU37QV5CHLMH",
|
|
|
+ secretAccessKey: "Q2SQw37HfolS7yeaR1Ndpy9Jl4E2YZKUuuy2muZR"
|
|
|
+ }; //秘钥形式的登录上传
|
|
|
+ window.AWS.config.update(credentials);
|
|
|
+ window.AWS.config.region = "cn-northwest-1"; //设置区域
|
|
|
+
|
|
|
+ var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
|
|
|
+ var _this = this;
|
|
|
+
|
|
|
+ if (file) {
|
|
|
+ // this.loading = true;
|
|
|
+ var params = {
|
|
|
+ Key:
|
|
|
+ file.name.split(".")[0] +
|
|
|
+ new Date().getTime() +
|
|
|
+ "." +
|
|
|
+ file.name.split(".")[file.name.split(".").length - 1],
|
|
|
+ ContentType: file.type,
|
|
|
+ Body: file,
|
|
|
+ "Access-Control-Allow-Credentials": "*",
|
|
|
+ ACL: "public-read"
|
|
|
+ }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
|
|
|
+ var options = {
|
|
|
+ partSize: 2048 * 1024 * 1024,
|
|
|
+ queueSize: 2,
|
|
|
+ leavePartsOnError: true
|
|
|
+ };
|
|
|
+ bucket
|
|
|
+ .upload(params, options)
|
|
|
+ .on("httpUploadProgress", function (evt) {
|
|
|
+ //这里可以写进度条
|
|
|
+ _this.progressData.value = parseInt((evt.loaded * 100) / evt.total);
|
|
|
+ // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
|
|
|
+ })
|
|
|
+ .send(function (err, data) {
|
|
|
+ if (err) {
|
|
|
+ _this.$message.error("上传失败");
|
|
|
+ } else {
|
|
|
+ console.log(data.Location);
|
|
|
+ console.log("提交")
|
|
|
+ _this.fileList.push(data.Location);
|
|
|
+ console.log(_this.fileList);
|
|
|
+ _this.$emit("pushFileData", {
|
|
|
+ fileId: "",
|
|
|
+ name: name,
|
|
|
+ url: data.Location
|
|
|
+ });
|
|
|
+ // _this.ajax
|
|
|
+ // .put("https://gpt4.cocorobo.cn/upload_file_knowledge", {
|
|
|
+ // url: data.Location
|
|
|
+ // })
|
|
|
+ // .then(res => {
|
|
|
+ // let _data = res.data.FunctionResponse;
|
|
|
+ // if (_data.result && _data.result.id) {
|
|
|
+ // _this.fileId.push(_data.result.id);
|
|
|
+ // _this.$emit("pushFileData", { fileId: _data.result.id, name: name, url: data.Location })
|
|
|
+ // } else {
|
|
|
+ // console.error("获取fileId失败");
|
|
|
+ // }
|
|
|
+
|
|
|
+ // })
|
|
|
+ // .catch(e => {
|
|
|
+ // console.log(e);
|
|
|
+ // console.error("获取fileId失败");
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+
|
|
|
+ // console.log(data.Location)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+ },
|
|
|
+ promptTit() {
|
|
|
+ if (!this.loading && !this.courseText) {
|
|
|
+ this.$message({
|
|
|
+ message: "请输入您想要了解的内容",
|
|
|
+ type: "warning"
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: "请回答完毕后再次发送",
|
|
|
+ type: "warning"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addContent() {
|
|
|
+ if(this.fileList.length == 0){
|
|
|
+ return this.$message.error("请选择表单")
|
|
|
+ } else if (this.courseText.trim().length == 0){
|
|
|
+ return this.$message.error("请输入内容");
|
|
|
+ }
|
|
|
+
|
|
|
+ let message = this.courseText;
|
|
|
+ if (this.courseText) {
|
|
|
+ let msg = ``;
|
|
|
+ if (this.answerArray.length) {
|
|
|
+ // msg += `
|
|
|
+ // ## 表单资料
|
|
|
+ // ${JSON.stringify(this.answerArray)}
|
|
|
+ // `;
|
|
|
+
|
|
|
+ // msg += `
|
|
|
+ // ## 要求
|
|
|
+ // 根据<参考资料>中的内容实现以下要求：${this.courseText}
|
|
|
+ // `;
|
|
|
+ msg += `## 要求
|
|
|
+根据上传文件中的内容实现以下要求：${this.courseText}`;
|
|
|
+ message = msg;
|
|
|
+ }
|
|
|
+ // 这里处理@的角色
|
|
|
+ let _atRoleList = [];
|
|
|
+ let _roleList = [...this.roleList, ...this.publicRoleList];
|
|
|
+ _roleList.forEach(i => {
|
|
|
+ if (message.indexOf(`@${i.assistantName}`) != -1) {
|
|
|
+ _atRoleList.push(i);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.faloading = true;
|
|
|
+ if (_atRoleList.length > 0) {
|
|
|
+ //有@角色
|
|
|
+ let _replaceText = `Role: 你是数据检索大师，可以利用file_search的方式完整的去分析文件内容 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.\n${message}`;
|
|
|
+ let _htmlText = message;
|
|
|
+ _atRoleList.forEach(_i => {
|
|
|
+ _replaceText = _replaceText.replaceAll(`@${_i.assistantName}`, ``);
|
|
|
+ _htmlText = _htmlText.replaceAll(
|
|
|
+ `@${_i.assistantName}`,
|
|
|
+ `<span class='aite-name'>@${_i.assistantName}</span>`
|
|
|
+ );
|
|
|
+ });
|
|
|
+
|
|
|
+ _atRoleList.forEach((_item, _index) => {
|
|
|
+ const _uid = uuidv4();
|
|
|
+ if (_index == 0) {
|
|
|
+ this.array.push({
|
|
|
+ loading: true,
|
|
|
+ role: "user",
|
|
|
+ content: _htmlText,
|
|
|
+ uid: _uid,
|
|
|
+ AI: "AI",
|
|
|
+ aiContent: "",
|
|
|
+ oldContent: "",
|
|
|
+ isShowSynchronization: false,
|
|
|
+ filename: _item.assistantName,
|
|
|
+ index: this.array.length,
|
|
|
+ is_mind_map: false,
|
|
|
+ fileid: _item.headUrl,
|
|
|
+ createtime: new Date().toLocaleString().replaceAll("/", "-")
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.array.push({
|
|
|
+ loading: true,
|
|
|
+ role: "user",
|
|
|
+ content: "",
|
|
|
+ uid: _uid,
|
|
|
+ AI: "AI",
|
|
|
+ aiContent: "",
|
|
|
+ oldContent: "",
|
|
|
+ isShowSynchronization: false,
|
|
|
+ filename: _item.assistantName,
|
|
|
+ index: this.array.length,
|
|
|
+ is_mind_map: false,
|
|
|
+ fileid: _item.headUrl,
|
|
|
+ createtime: new Date().toLocaleString().replaceAll("/", "-")
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ assistant_id: _item.assistant_id,
|
|
|
+ userId: this.userid,
|
|
|
+ message: _replaceText,
|
|
|
+ session_name: `${this.courseId}-${this.userid}-test`,
|
|
|
+ uid: _uid,
|
|
|
+ file_ids: this.fileId ? this.fileId : [],
|
|
|
+ // model: "gpt-4o-mini"
|
|
|
+ model: "qwen-plus"
|
|
|
+ };
|
|
|
+
|
|
|
+ this.ajax
|
|
|
+ .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", params)
|
|
|
+ .then(res => {
|
|
|
+ if (
|
|
|
+ converter(res.data.FunctionResponse.result) ==
|
|
|
+ converter("发送成功")
|
|
|
+ ) {
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.data.FunctionResponse.result);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ });
|
|
|
+ this.getAtAuContent(_uid);
|
|
|
+ this.saveUid = _uid;
|
|
|
+ });
|
|
|
+ this.courseText = "";
|
|
|
+ } else {
|
|
|
+ let _uuid = uuidv4();
|
|
|
+ this.array.push({
|
|
|
+ role: "user",
|
|
|
+ content: `${this.courseText}`,
|
|
|
+ uid: _uuid,
|
|
|
+ AI: "AI",
|
|
|
+ aiContent: "",
|
|
|
+ oldContent: "",
|
|
|
+ isShowSynchronization: false,
|
|
|
+ filename: "",
|
|
|
+ index: this.array.length,
|
|
|
+ is_mind_map: false,
|
|
|
+ createtime: new Date().toLocaleString().replaceAll("/", "-"),
|
|
|
+ loading: true
|
|
|
+ });
|
|
|
+
|
|
|
+ // let history = [];
|
|
|
+ // if (this.continuous) {
|
|
|
+ // this.array.forEach((i, index) => {
|
|
|
+ // if (i.content) history.push({ role: "user", content: index == this.array.length - 1 ? message : i.content });
|
|
|
+ // if (i.aiContent)
|
|
|
+ // history.push({ role: "assistant", content: i.aiContent });
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ // history.push({ role: "user", content: message });
|
|
|
+ // }
|
|
|
+ // history = history.filter(
|
|
|
+ // i =>
|
|
|
+ // i.content !=
|
|
|
+ // "您好，我是您的助手小可"
|
|
|
+ // );
|
|
|
+
|
|
|
+ // history = history.map(i => ({
|
|
|
+ // role: i.role,
|
|
|
+ // content: `${i.content}`
|
|
|
+ // }));
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ // });
|
|
|
+ // let params = JSON.stringify({
|
|
|
+ // // model: "gpt-3.5-turbo",
|
|
|
+ // // model: "gpt-4o-mini",
|
|
|
+ // model: "qwen-plus",
|
|
|
+ // temperature: 0,
|
|
|
+ // max_tokens: 4096,
|
|
|
+ // top_p: 1,
|
|
|
+ // frequency_penalty: 0,
|
|
|
+ // presence_penalty: 0,
|
|
|
+ // messages: history,
|
|
|
+ // uid: _uuid,
|
|
|
+ // mind_map_question: ""
|
|
|
+ // });
|
|
|
+ // this.courseText = "";
|
|
|
+
|
|
|
+ // this.ajax
|
|
|
+ // .post("https://gpt4.cocorobo.cn/chat", params)
|
|
|
+ // .then(res => {
|
|
|
+ // if (
|
|
|
+ // converter(res.data.FunctionResponse.result) ==
|
|
|
+ // converter("发送成功")
|
|
|
+ // ) {
|
|
|
+ // } else {
|
|
|
+ // this.$message.warning(res.data.FunctionResponse.result);
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // .catch(e => {
|
|
|
+ // console.log(e);
|
|
|
+ // });
|
|
|
+ // this.getAiContent(_uuid);\
|
|
|
+ let params = {
|
|
|
+ prompt: message,
|
|
|
+ messages: [],
|
|
|
+ file: this.fileList ? this.fileList : []
|
|
|
+ };
|
|
|
+ this.stopTalkToken = this.ajax.setCancelSource()
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ this.courseText = "";
|
|
|
+ this.saveUid = _uuid;
|
|
|
+ this.ajax
|
|
|
+ // .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", params)
|
|
|
+ .post("https://gpt4.cocorobo.cn/csvaimessage", params, this.stopTalkToken)
|
|
|
+ .then(res => {
|
|
|
+ // if (
|
|
|
+ // converter(res.data.FunctionResponse.result) ==
|
|
|
+ // converter("发送成功")
|
|
|
+ // ) {
|
|
|
+ // } else {
|
|
|
+ // this.$message.warning(res.data.FunctionResponse.result);
|
|
|
+ // }
|
|
|
+ let data = res.data.FunctionResponse;
|
|
|
+ const md = new MarkdownIt();
|
|
|
+ const text = md.render(data);
|
|
|
+ this.array.find(i => i.uid == _uuid).aiContent = text;
|
|
|
+ this.array.find(i => i.uid == _uuid).isalltext = true;
|
|
|
+ this.array.find(i => i.uid == _uuid).isShowSynchronization = true;
|
|
|
+ this.array.find(i => i.uid == _uuid).loading = false;
|
|
|
+ this.stopTalkToken = null;
|
|
|
+ this.faloading = false;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ if (this.courseId) {
|
|
|
+ this.insertChat(_uuid);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.faloading = false;
|
|
|
+ this.stopTalkToken = null;
|
|
|
+ });
|
|
|
+ // this.getAtAuContent(_uuid);
|
|
|
+ // this.saveUid = _uuid;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getData() {
|
|
|
+ if (this.cid) {
|
|
|
+ this.loading = true
|
|
|
+ let cidList = this.cid.split(',')
|
|
|
+ let promiseList = []
|
|
|
+ cidList.forEach(el => {
|
|
|
+ promiseList.push(this.getCourseData(el))
|
|
|
+ })
|
|
|
+ Promise.all(promiseList).then(res => {
|
|
|
+ console.log(this.courseInfoList)
|
|
|
+ console.log(res);
|
|
|
+ this.courseInfoList = res;
|
|
|
+ this.worksArray = this.courseInfoList;
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getCourseData(courseId) {
|
|
|
+ console.log("👉", courseId)
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ let params = {
|
|
|
+ cid: courseId,
|
|
|
+ cn: "",
|
|
|
+ tim: "",
|
|
|
+ tea: ""
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "getTestWorksNoPageCopy", params)
|
|
|
+ .then(async (res) => {
|
|
|
+ let testJson = res.data[0][0]
|
|
|
+ let works = res.data[1]
|
|
|
+ let chapters = this.setJSON(this.setJson2(JSON.parse(JSON.stringify(JSON.parse(res.data[0][0].chapters)))))
|
|
|
+ console.log('chapters', chapters);
|
|
|
+
|
|
|
+ let courseCount11 = []
|
|
|
+ let array = []
|
|
|
+ let courseIds = []; // 初始化一个空数组来存储所有的courseId
|
|
|
+ for (let i = 0; i < works.length; i++) {
|
|
|
+ let cJson = this.setJSON(JSON.parse(JSON.stringify(JSON.parse(works[i].courseJson))))
|
|
|
+ if (JSON.stringify(cJson) == JSON.stringify(chapters)) {
|
|
|
+ let _json = this.JSONSetting(JSON.parse(JSON.stringify(JSON.parse(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 => {
|
|
|
+ courseTitles[i.courseId] = i.title;
|
|
|
+ });
|
|
|
+
|
|
|
+ for (let i = 0; i < works.length; i++) {
|
|
|
+ let cJson = this.setJSON(JSON.parse(JSON.stringify(JSON.parse(works[i].courseJson))))
|
|
|
+ if (JSON.stringify(cJson) == JSON.stringify(chapters)) {
|
|
|
+ let _json = this.JSONSetting(JSON.parse(JSON.stringify(JSON.parse(works[i].courseJson))))
|
|
|
+
|
|
|
+ _json.forEach(item => {
|
|
|
+ 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] || '';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 更新对应的_json对象的answer2
|
|
|
+ array.push({
|
|
|
+ courseid: works[i].courseid,
|
|
|
+ id: works[i].id,
|
|
|
+ userid: works[i].userid,
|
|
|
+ name: works[i].username ? works[i].username : '匿名',
|
|
|
+ time: works[i].time,
|
|
|
+ array: _json,
|
|
|
+ cut: 0,
|
|
|
+ uteaName: works[i].uteaName,
|
|
|
+ courseJson: JSON.parse(works[i].courseJson),
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let obj = { courseId: testJson.courseId, name: testJson.title, worksArray: array }
|
|
|
+ // this.courseInfoList.push(obj)
|
|
|
+ resolve(obj)
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ resolve();
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ 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 = [];
|
|
|
+ }
|
|
|
+ return (item.ttype != 1 && item.array.length > 0) || item.ttype == 1;
|
|
|
+ });
|
|
|
+ return checkArray;
|
|
|
+
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ return item3;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return item2;
|
|
|
+ });
|
|
|
+ } else if (item.ttype == 1 && item.json) {
|
|
|
+ delete item.json.answer2
|
|
|
+ delete item.json.score2
|
|
|
+ delete item.json.file
|
|
|
+ }
|
|
|
+ return item
|
|
|
+ });
|
|
|
+ },
|
|
|
+ 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)
|
|
|
+ }
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ return array;
|
|
|
+ },
|
|
|
+ setJson(obj) {
|
|
|
+ let array = obj.worksArray;
|
|
|
+ let name = obj.name;
|
|
|
+ if (array.length == 0) {
|
|
|
+ return console.log("没人提交")
|
|
|
+ // return this.$emit("pushFileData", {
|
|
|
+ // fileId: "",
|
|
|
+ // name: name,
|
|
|
+ // url: ""
|
|
|
+ // });
|
|
|
+ }
|
|
|
+ const getAnswer = j => {
|
|
|
+ if (j.type === 1) {
|
|
|
+ return j.json.array
|
|
|
+ .filter((_, idx) => j.json.answer2.includes(idx))
|
|
|
+ .map(item => `${item.img}${item.option}`)
|
|
|
+ .join(",");
|
|
|
+ } else if (
|
|
|
+ j.type === 3 ||
|
|
|
+ j.type === 6 ||
|
|
|
+ j.type === 7 ||
|
|
|
+ j.type === 8 ||
|
|
|
+ j.type === 11
|
|
|
+ ) {
|
|
|
+ return typeof j.json.answer2 === "string"
|
|
|
+ ? j.json.answer2.replace(/\n/g, " ")
|
|
|
+ : j.json.answer2;
|
|
|
+ } else if (j.type === 5) {
|
|
|
+ if (!Array.isArray(j.json.file) || j.json.file.length === 0) {
|
|
|
+ return "无附件";
|
|
|
+ }
|
|
|
+ return j.json.file
|
|
|
+ .map(file => `${file.name}（${file.url}）`)
|
|
|
+ .join("，");
|
|
|
+ } else {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取所有题目类型和题目
|
|
|
+ const questions = array[0].array.map((j, index) => ({
|
|
|
+ 序号: index + 1,
|
|
|
+ 题目类型: this.options2[j.type],
|
|
|
+ 题目: j.json.title
|
|
|
+ }));
|
|
|
+
|
|
|
+ console.log("我是questions", questions);
|
|
|
+ // let csvContent = "data:text/csv;charset=utf-8,"
|
|
|
+ // 构建CSV内容
|
|
|
+ // let csvContent = "用户名 | 提交时间 | " + questions.map(q => `${q.序号}-${q.题目类型}-${q.题目}`).join(' | ') + "\n";
|
|
|
+ let csvContent = "用户名,提交时间," + questions.map(q => `${q.序号}-${q.题目类型}-${q.题目}`).join(",") + "\n";
|
|
|
+
|
|
|
+ // 添加每个用户的答案
|
|
|
+ array.forEach(i => {
|
|
|
+ let row = [i.name, i.time];
|
|
|
+ i.array.forEach(j => {
|
|
|
+ row.push(getAnswer(j));
|
|
|
+ });
|
|
|
+ // csvContent += row.join(' | ') + "\n";
|
|
|
+ csvContent += row.join(",") + "\n";
|
|
|
+ });
|
|
|
+
|
|
|
+ // 创建Blob对象
|
|
|
+ // const blob = new Blob([csvContent], { type: "text/plain;charset=utf-8" });
|
|
|
+ // blob.lastModifiedDate = new Date();
|
|
|
+ // blob.name = `${name}_表单数据.txt`;
|
|
|
+
|
|
|
+ // 创建Blob对象
|
|
|
+ const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8" });
|
|
|
+ blob.lastModifiedDate = new Date();
|
|
|
+ blob.name = `${name}_表单数据.csv`;
|
|
|
+
|
|
|
+ // 如果仍需要上传文件，可以保留这行
|
|
|
+ return this.uploadFile({ file: blob, name: name });
|
|
|
+ },
|
|
|
+ getAiContent(_uid) {
|
|
|
+ this.fasource = new EventSource(
|
|
|
+ `https://gpt4.cocorobo.cn/stream/${_uid}`
|
|
|
+ ); //http://gpt4.cocorobo.cn:8011/stream/ https://gpt4.cocorobo.cn/stream/
|
|
|
+ let _allText = "";
|
|
|
+ let _mdText = "";
|
|
|
+ const md = new MarkdownIt();
|
|
|
+ this.fasource.onmessage = _e => {
|
|
|
+ if (_e.data.replace("'", "").replace("'", "") == "[DONE]") {
|
|
|
+ //对话已经完成
|
|
|
+ _mdText = _mdText.replace("_", "");
|
|
|
+ this.fasource.close();
|
|
|
+ this.fasource = null;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ this.array.find(i => i.uid == _uid).aiContent = _mdText;
|
|
|
+ this.array.find(i => i.uid == _uid).isalltext = true;
|
|
|
+ this.array.find(i => i.uid == _uid).isShowSynchronization = true;
|
|
|
+ this.array.find(i => i.uid == _uid).loading = false;
|
|
|
+ // 这里保存对话
|
|
|
+ if (this.courseId) {
|
|
|
+ this.insertChat(_uid);
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ //对话还在继续
|
|
|
+ let _text = "";
|
|
|
+ _text = _e.data.replaceAll("'", "");
|
|
|
+ if (_allText == "") {
|
|
|
+ _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
|
|
|
+ } else {
|
|
|
+ _allText += _text;
|
|
|
+ }
|
|
|
+ _mdText = _allText + "_";
|
|
|
+ _mdText = _mdText.replace(/\\n/g, "\n");
|
|
|
+ _mdText = _mdText.replace(/\\/g, "");
|
|
|
+ if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
|
|
|
+ //转化返回的回复流数据
|
|
|
+ _mdText = md.render(_mdText);
|
|
|
+ this.array.find(i => i.uid == _uid).aiContent = _mdText;
|
|
|
+ this.array.find(i => i.uid == _uid).loading = false;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ // 处理流数据
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getAtAuContent(_uid) {
|
|
|
+ this.fasource = new EventSource(
|
|
|
+ `https://gpt4.cocorobo.cn/question/${_uid}`
|
|
|
+ ); //http://gpt4.cocorobo.cn:8011/question/ https://gpt4.cocorobo.cn/question/
|
|
|
+ let _allText = "";
|
|
|
+ let _mdText = "";
|
|
|
+ const md = new MarkdownIt();
|
|
|
+ this.fasource.onmessage = _e => {
|
|
|
+ let _eData = JSON.parse(_e.data);
|
|
|
+ if (_eData.content.replace("'", "").replace("'", "") == "[DONE]") {
|
|
|
+ let _result = [];
|
|
|
+ if ("result" in _eData) {
|
|
|
+ _result = _eData.result;
|
|
|
+ for (let i = 0; i < _result.length; i++) {
|
|
|
+ _mdText = _mdText.replace(_result[i].text, _result[i].fileName);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _mdText = _mdText.replace("_", "");
|
|
|
+ this.array.find(i => i.uid == _uid).aiContent = _mdText;
|
|
|
+ this.array.find(i => i.uid == _uid).isalltext = true;
|
|
|
+ this.array.find(i => i.uid == _uid).isShowSynchronization = true;
|
|
|
+ this.array.find(i => i.uid == _uid).loading = false;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ this.fasource.close();
|
|
|
+ this.fasource = null;
|
|
|
+ if (this.courseId) {
|
|
|
+ this.insertChat(_uid);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let _text = _eData.content.replace("'", "").replace("'", "");
|
|
|
+ if (_allText == "") {
|
|
|
+ _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
|
|
|
+ } else {
|
|
|
+ _allText += _text;
|
|
|
+ }
|
|
|
+ _mdText = _allText + "_";
|
|
|
+ _mdText = _mdText.replace(/\\n/g, "\n");
|
|
|
+ _mdText = _mdText.replace(/\\/g, "");
|
|
|
+ if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
|
|
|
+ //转化返回的回复流数据
|
|
|
+ _mdText = md.render(_mdText);
|
|
|
+ this.array.find(i => i.uid == _uid).aiContent = _mdText;
|
|
|
+ this.array.find(i => i.uid == _uid).loading = false;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ });
|
|
|
+ // 处理流数据
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async getUserName() {
|
|
|
+ let params = { uid: this.userid };
|
|
|
+ try {
|
|
|
+ let res = await this.ajax.get(this.$store.state.api + "getUser", params);
|
|
|
+ this.username = res.data[0][0].name;
|
|
|
+ } catch (err) {
|
|
|
+ console.error(err);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //保存消息
|
|
|
+ async insertChat(_uid) {
|
|
|
+ let _data = this.array.find(i => i.uid == _uid);
|
|
|
+ this.saveUid = ''
|
|
|
+ this.faloading = false
|
|
|
+ if (!this.username) {
|
|
|
+ await this.getUserName()
|
|
|
+ }
|
|
|
+ if (!_data) return;
|
|
|
+ let params = {
|
|
|
+ userId: this.userid,
|
|
|
+ userName: this.username,
|
|
|
+ groupId: "602def61-005d-11ee-91d8-005056b8q12w",
|
|
|
+ answer: _data.aiContent,
|
|
|
+ problem: _data.content,
|
|
|
+ file_id: _data.fileid ? _data.fileid : "",
|
|
|
+ alltext: _data.aiContent,
|
|
|
+ type: "chat",
|
|
|
+ filename: _data.filename,
|
|
|
+ session_name: `${this.courseId}-${this.userid}-test` //这是对话记录位置
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .post("https://gpt4.cocorobo.cn/insert_chat", params)
|
|
|
+ .then(res => { });
|
|
|
+ },
|
|
|
+ // 获取对应的聊天记录
|
|
|
+ getChatList() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ if (this.loading) return;
|
|
|
+ this.array = [];
|
|
|
+ this.loading = true;
|
|
|
+ let params = {
|
|
|
+ userid: this.userid,
|
|
|
+ groupid: "602def61-005d-11ee-91d8-005056b8q12w",
|
|
|
+ // session_name:``
|
|
|
+ session_name: `${this.courseId}-${this.userid}-test`
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
|
|
|
+ .then(res => {
|
|
|
+ let _data = JSON.parse(res.data.FunctionResponse);
|
|
|
+ console.log("data", _data);
|
|
|
+ if (_data.length > 0) {
|
|
|
+ let _chatList = [];
|
|
|
+ for (let i = 0; i < _data.length; i++) {
|
|
|
+ _chatList.push({
|
|
|
+ loading: false,
|
|
|
+ role: "user",
|
|
|
+ content: _data[i].problem,
|
|
|
+ uid: _data[i].id,
|
|
|
+ AI: "AI",
|
|
|
+ aiContent: _data[i].answer,
|
|
|
+ oldContent: _data[i].answer,
|
|
|
+ isShowSynchronization: false,
|
|
|
+ filename: _data[i].filename,
|
|
|
+ index: i,
|
|
|
+ is_mind_map: false,
|
|
|
+ fileid: _data[i].fileid,
|
|
|
+ createtime: _data[i].createtime
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.array = _chatList;
|
|
|
+ this.loading = false;
|
|
|
+ } else {
|
|
|
+ let _uid = uuidv4();
|
|
|
+ let _chatList = [];
|
|
|
+ _chatList.push({
|
|
|
+ loading: false,
|
|
|
+ role: "",
|
|
|
+ content: "",
|
|
|
+ uid: _uid,
|
|
|
+ AI: "AI",
|
|
|
+ aiContent:
|
|
|
+ "选择需要分析的数据，我将为您分析：",
|
|
|
+ oldContent:
|
|
|
+ "选择需要分析的数据，我将为您分析：",
|
|
|
+ isShowSynchronization: false,
|
|
|
+ filename: "",
|
|
|
+ index: 0,
|
|
|
+ is_mind_map: false,
|
|
|
+ fileid: ""
|
|
|
+ });
|
|
|
+ this.array = _chatList;
|
|
|
+ if (this.courseId) {
|
|
|
+ this.insertChat(_uid);
|
|
|
+ }
|
|
|
+ //没有对话记录
|
|
|
+ this.loading = false;
|
|
|
+ }
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message.error("获取对话记录失败");
|
|
|
+ this.loading = false;
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addTask(index) {
|
|
|
+ if (this.checkArray.indexOf(index) !== -1) {
|
|
|
+ this.checkArray.splice(this.checkArray.indexOf(index), 1);
|
|
|
+ } else {
|
|
|
+ this.checkArray.push(index);
|
|
|
+ }
|
|
|
+ console.log(index);
|
|
|
+ },
|
|
|
+ addAllTask() {
|
|
|
+ if (this.checkArray.length === this.course.length) {
|
|
|
+ this.checkArray = [];
|
|
|
+ } else {
|
|
|
+ this.checkArray = [];
|
|
|
+ this.course.forEach((item, index) => {
|
|
|
+ this.checkArray.push(index);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tableRowClassName2({ row, rowIndex }) {
|
|
|
+ if ((rowIndex + 1) % 2 === 0) {
|
|
|
+ return "rowClass";
|
|
|
+ } else {
|
|
|
+ return "rowClass";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ checkPart(name) {
|
|
|
+ this.part = name;
|
|
|
+ },
|
|
|
+ inputChange() {
|
|
|
+ if (this.courseText.at(-1) == "@") {
|
|
|
+ // this.showRoleList = true;
|
|
|
+ }
|
|
|
+ if (this.courseText.at(-1) == "/") {
|
|
|
+ console.log("哇卡ka2");
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.textareaRef.style.height = "35px";
|
|
|
+ this.$refs.textareaRef.style.height =
|
|
|
+ this.$refs.textareaRef.scrollHeight + "px";
|
|
|
+ this.textareaHeight = this.$refs.textareaRef.style.height;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ textareaKeydown(_e) {
|
|
|
+ if (this.showRoleList && this.choseRoleList.length > 0) {
|
|
|
+ console.log(_e.keyCode);
|
|
|
+ switch (_e.keyCode) {
|
|
|
+ case 38: //小键盘上
|
|
|
+ _e.preventDefault();
|
|
|
+ if (this.choseRoleItem == 0) return;
|
|
|
+ this.choseRoleItem--;
|
|
|
+ // 修改滚动条高度
|
|
|
+ this.$refs.roleListRef.scrollTo({
|
|
|
+ top:
|
|
|
+ this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
|
|
|
+ 10,
|
|
|
+ behavior: "smooth"
|
|
|
+ });
|
|
|
+ // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
|
|
|
+ break;
|
|
|
+ case 40: //小键盘下
|
|
|
+ _e.preventDefault();
|
|
|
+ if (this.choseRoleItem == this.choseRoleList.length - 1) return;
|
|
|
+ this.choseRoleItem++;
|
|
|
+ this.$refs.roleListRef.scrollTo({
|
|
|
+ top:
|
|
|
+ this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
|
|
|
+ 10,
|
|
|
+ behavior: "smooth"
|
|
|
+ });
|
|
|
+ // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
|
|
|
+ break;
|
|
|
+ case 13: //回车
|
|
|
+ _e.preventDefault();
|
|
|
+ this.choseRole(this.choseRoleList[this.choseRoleItem]);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ } else if (_e.key === "Enter") {
|
|
|
+ _e.preventDefault();
|
|
|
+ if (_e.shiftKey) {
|
|
|
+ this.courseText += "\n";
|
|
|
+ } else {
|
|
|
+ this.addContent();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clear() {
|
|
|
+ this.$confirm("确定清空聊天记录吗?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(_ => {
|
|
|
+ this.loading = true;
|
|
|
+ let params = {
|
|
|
+ user_id: this.userid,
|
|
|
+ id: "602def61-005d-11ee-91d8-005056b8q12w",
|
|
|
+ session_name: `${this.courseId}-${this.userid}-test`
|
|
|
+ };
|
|
|
+
|
|
|
+ this.ajax
|
|
|
+ .post("https://gpt4.cocorobo.cn/delete_park_session", params)
|
|
|
+ .then(res => {
|
|
|
+ this.array = [];
|
|
|
+ this.$message.success("清除聊天记录成功");
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$message.error("清除聊天记录失败");
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(_ => { });
|
|
|
+ },
|
|
|
+ getRoleList() {
|
|
|
+ this.roleList = [];
|
|
|
+ let params = {
|
|
|
+ userId: this.userid
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .post("https://gpt4.cocorobo.cn/get_ai_agent_assistant_list", params)
|
|
|
+ .then(res => {
|
|
|
+ let _data = res.data.FunctionResponse.result;
|
|
|
+ if (_data) {
|
|
|
+ this.roleList = JSON.parse(_data);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ // this.$message.error("获取角色列表失败");
|
|
|
+ this.roleList = [];
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getPublicRoleList() {
|
|
|
+ this.publicRoleList = [];
|
|
|
+ let params = {
|
|
|
+ userId: this.userid,
|
|
|
+ organizeid: this.oid
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .post(
|
|
|
+ "https://gpt4.cocorobo.cn/get_ai_agent_assistant_share_list",
|
|
|
+ params
|
|
|
+ )
|
|
|
+ .then(res => {
|
|
|
+ let _data = res.data.FunctionResponse.result;
|
|
|
+ if (_data) {
|
|
|
+ this.publicRoleList = JSON.parse(_data);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.publicRoleList = [];
|
|
|
+ console.log(e);
|
|
|
+ // console.log("获取公共角色失败", e);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ choseRole(item) {
|
|
|
+ let _lastAtIndex = this.courseText.lastIndexOf("@");
|
|
|
+ this.courseText = `${this.courseText.slice(0, _lastAtIndex)}@${item.assistantName
|
|
|
+ } `;
|
|
|
+ this.$refs.textareaRef.focus();
|
|
|
+ this.showRoleList = false;
|
|
|
+ },
|
|
|
+ onCopy(content) {
|
|
|
+ const turndownService = new TurndownService();
|
|
|
+ // 添加自定义规则来处理表格
|
|
|
+ turndownService.addRule("table", {
|
|
|
+ filter: "table",
|
|
|
+ replacement: (content, node) => {
|
|
|
+ const rows = node.querySelectorAll("tr");
|
|
|
+ let markdown = "";
|
|
|
+
|
|
|
+ rows.forEach(row => {
|
|
|
+ const cells = row.querySelectorAll("th, td");
|
|
|
+ const rowMarkdown = Array.from(cells)
|
|
|
+ .map(cell => cell.textContent)
|
|
|
+ .join(" | ");
|
|
|
+ markdown += `| ${rowMarkdown} |\n`;
|
|
|
+ if (cells && cells.length && cells[0].tagName == "TH") {
|
|
|
+ let a = Array.from(cells)
|
|
|
+ .map(cell => "")
|
|
|
+ .join(" --- |");
|
|
|
+ markdown += `| --- |${a}\n`;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 添加分隔行
|
|
|
+ // markdown = markdown.replace(/^/, '| --- |\n');
|
|
|
+ return markdown;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 创建临时textarea元素
|
|
|
+ const tempInput = document.createElement("textarea");
|
|
|
+
|
|
|
+ tempInput.value = turndownService.turndown(content); // 设置要复制的内容
|
|
|
+ // 隐藏元素
|
|
|
+ tempInput.style.position = "absolute";
|
|
|
+ tempInput.style.left = "-9999px";
|
|
|
+ // 将元素添加到DOM中
|
|
|
+ document.body.appendChild(tempInput);
|
|
|
+ // 选中元素内容
|
|
|
+ tempInput.select();
|
|
|
+ // 执行复制操作
|
|
|
+ document.execCommand("copy");
|
|
|
+ // 移除临时元素
|
|
|
+ document.body.removeChild(tempInput);
|
|
|
+ this.$message({
|
|
|
+ message: "复制成功",
|
|
|
+ type: "success"
|
|
|
+ });
|
|
|
+ },
|
|
|
+ stopSend() {
|
|
|
+ if (this.fasource) {
|
|
|
+ this.fasource.close();
|
|
|
+ if (this.array[this.array.length - 1].content == "wanSearch") {
|
|
|
+ this.array.pop();
|
|
|
+ }
|
|
|
+ this.array.find(i => i.uid == this.saveUid).loading = false;
|
|
|
+ this.faloading = false;
|
|
|
+ this.fasource = null;
|
|
|
+ this.insertChat(this.saveUid);
|
|
|
+ } else if (this.stopTalkToken) {
|
|
|
+ this.stopTalkToken.cancel("Request canceled by the user.");
|
|
|
+ this.array = this.array.filter(i => i.uid !== this.saveUid);
|
|
|
+ this.stopTalkToken = null;
|
|
|
+ this.faloading = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changeVoice(flag) {
|
|
|
+ this.isVoice = flag;
|
|
|
+ },
|
|
|
+ startVoice() {
|
|
|
+ let iiframe = this.$refs["iiframe"];
|
|
|
+ iiframe.contentWindow.window.document.getElementById(
|
|
|
+ "languageOptions"
|
|
|
+ ).selectedIndex = 2; //普通话
|
|
|
+ iiframe.contentWindow.testdoContinuousPronunciationAssessment();
|
|
|
+ this.isTalk = true;
|
|
|
+ iiframe.contentWindow.onRecognizedResult = e => {
|
|
|
+ let _msg = e.privText;
|
|
|
+ console.log(_msg);
|
|
|
+ if (_msg) this.courseText += _msg;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ stopVoice() {
|
|
|
+ try {
|
|
|
+ if (!this.isTalk) return this.$message.info("请先开始录音");
|
|
|
+ let iiframe = this.$refs["iiframe"];
|
|
|
+ iiframe.contentWindow.window.document
|
|
|
+ .getElementById("scenarioStopButton")
|
|
|
+ .click();
|
|
|
+ iiframe.contentWindow.onSessionStopped = (s, e) => {
|
|
|
+ this.isTalk = false;
|
|
|
+ if (this.courseText) {
|
|
|
+ this.addContent();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error);
|
|
|
+ this.isTalk = false;
|
|
|
+ if (this.courseText) {
|
|
|
+ this.addContent();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ pan() {
|
|
|
+ return content => {
|
|
|
+ try {
|
|
|
+ return JSON.parse(content);
|
|
|
+ } catch (error) {
|
|
|
+ return [];
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getLook() {
|
|
|
+ return function (item) {
|
|
|
+ let content = "";
|
|
|
+ if (item.look == '1') {
|
|
|
+ content = '未发布'
|
|
|
+ }
|
|
|
+ let now = new Date().getTime()
|
|
|
+ let isTime = item.over_at && new Date(item.over_at).getTime()
|
|
|
+ if (item.over_at && item.look == '2' && now > isTime && ((item.isUserCount > 0 && item.isUserCount > item.worksPerson) || item.isUserCount == 0)) {
|
|
|
+ content = '逾期'
|
|
|
+ }
|
|
|
+
|
|
|
+ if (((item.over_at && item.look == '2' && isTime > now) || (!item.over_at && item.look == '2')) && ((item.isUserCount == 0 && item.worksPerson > 0) || (item.isUserCount > 0 && 0 < item.worksPerson && item.worksPerson < item.isUserCount))) {
|
|
|
+ content = '进行中'
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if (((item.over_at && item.look == '2' && isTime > now) || (!item.over_at && item.look == '2')) && item.worksPerson == 0) {
|
|
|
+ content = '未进行'
|
|
|
+ }
|
|
|
+
|
|
|
+ if (item.look == '2' && (item.isUserCount > 0 && item.isUserCount <= item.worksPerson)) {
|
|
|
+ content = '已完成'
|
|
|
+ }
|
|
|
+ return content;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ getLookType() {
|
|
|
+ return function (item) {
|
|
|
+ let content = "";
|
|
|
+ if (item.look == '1') {
|
|
|
+ // content = '未发布'
|
|
|
+ content = 'no'
|
|
|
+ }
|
|
|
+ let now = new Date().getTime()
|
|
|
+ let isTime = item.over_at && new Date(item.over_at).getTime()
|
|
|
+ if (item.over_at && item.look == '2' && now > isTime && ((item.isUserCount > 0 && item.isUserCount > item.worksPerson) || item.isUserCount == 0)) {
|
|
|
+ // content = '逾期'
|
|
|
+ content = 'noTime'
|
|
|
+ }
|
|
|
+
|
|
|
+ if (((item.over_at && item.look == '2' && isTime > now) || (!item.over_at && item.look == '2')) && ((item.isUserCount == 0 && item.worksPerson > 0) || (item.isUserCount > 0 && 0 < item.worksPerson && item.worksPerson < item.isUserCount))) {
|
|
|
+ // content = '进行中'
|
|
|
+ content = 'doing'
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if (((item.over_at && item.look == '2' && isTime > now) || (!item.over_at && item.look == '2')) && item.worksPerson == 0) {
|
|
|
+ // content = '未进行'
|
|
|
+ content = 'nodo'
|
|
|
+ }
|
|
|
+
|
|
|
+ if (item.look == '2' && (item.isUserCount > 0 && item.isUserCount <= item.worksPerson)) {
|
|
|
+ // content = '已完成'
|
|
|
+ content = 'is'
|
|
|
+ }
|
|
|
+ return content;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ courseTextLength() {
|
|
|
+ return this.courseText.length;
|
|
|
+ },
|
|
|
+ taskName() {
|
|
|
+ let task = "";
|
|
|
+ if (this.checkArray.length) {
|
|
|
+ task = "任务";
|
|
|
+ this.checkArray = this.checkArray.sort((a, b) => a - b);
|
|
|
+ let a = JSON.parse(JSON.stringify(this.checkArray));
|
|
|
+ for (let index = 0; index < a.length; index++) {
|
|
|
+ a[index]++;
|
|
|
+ }
|
|
|
+ task += a.join("/");
|
|
|
+ }
|
|
|
+ return task + " " + this.part;
|
|
|
+ },
|
|
|
+ choseRoleList() {
|
|
|
+ let result = [...this.roleList, ...this.publicRoleList];
|
|
|
+ const _index = this.courseText.lastIndexOf("@");
|
|
|
+ if (_index !== -1) {
|
|
|
+ let roleName = this.courseText.substring(_index + 1);
|
|
|
+ result = result.filter(i => i.assistantName.indexOf(roleName) != -1);
|
|
|
+ } else {
|
|
|
+ return [];
|
|
|
+ }
|
|
|
+ this.choseRoleItem = 0;
|
|
|
+ return result;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // this.getChatList().then(_ => {
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // console.log(this.$refs.chatDialog.scrollHeight);
|
|
|
+ // this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
|
|
|
+ // });
|
|
|
+ // });
|
|
|
+ // if(this.worksArray.length){
|
|
|
+ // this.worksArray.forEach(el=>{
|
|
|
+ // this.setJson(el)
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ this.getRoleList();
|
|
|
+ this.getPublicRoleList();
|
|
|
+ // this.selectTestType();
|
|
|
+ // 添加初始消息
|
|
|
+ this.array.push({
|
|
|
+ uid: uuidv4(), // 生成唯一 ID
|
|
|
+ aiContent: "选择需要分析的数据，我将为您分析：", // 初始消息内容
|
|
|
+ content: "", // 用户内容为空
|
|
|
+ loading: false // 不加载
|
|
|
+ });
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.ai_body {
|
|
|
+ /* height: calc(100% - 158px - 46px);
|
|
|
+ width: 500px; */
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ /* margin: 0 auto; */
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /* position: fixed; */
|
|
|
+ /* z-index: 999; */
|
|
|
+ background: #fff;
|
|
|
+ /* right: 30px; */
|
|
|
+ /* bottom: 10px; */
|
|
|
+ padding: 10px 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* box-shadow: 0 0 5px 2px #00000045;
|
|
|
+ border-radius: 5px; */
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_input {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 12px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: none;
|
|
|
+ border: none;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ resize: none;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ min-height: 48px;
|
|
|
+ /* border: 1px solid #3682fc00; */
|
|
|
+ border: 1.5px solid #cad1dc;
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_textarea {
|
|
|
+ border: 1.5px solid #cad1dc;
|
|
|
+ font-size: 14px;
|
|
|
+ resize: none;
|
|
|
+ /* background: #f6f6f6; */
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_textarea::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 6px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滚动条轨道 内阴影+圆角*/
|
|
|
+.binfo_textarea::-webkit-scrollbar-track {
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滑块 内阴影+圆角*/
|
|
|
+.binfo_textarea::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_input:focus-visible {
|
|
|
+ border: 1.5px solid #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ margin-top: auto;
|
|
|
+ width: 100%;
|
|
|
+ /* height: auto; */
|
|
|
+ /* max-height: 80vh; */
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-end;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1.5px solid #3681fc !important;
|
|
|
+ /* padding: 10px;
|
|
|
+ padding-top: 20px; */
|
|
|
+ /* overflow: auto; */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea {
|
|
|
+ width: calc(100% - 10px);
|
|
|
+ position: absolute;
|
|
|
+ bottom: calc(100% + 5px);
|
|
|
+ height: 30px;
|
|
|
+ display: flex;
|
|
|
+ /* justify-content: space-between; */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>div {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>div>span {
|
|
|
+ margin-left: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>.clear+.clear {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>.clear {
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ cursor: pointer;
|
|
|
+ border: solid 1px #3781fb;
|
|
|
+ border-radius: 15px;
|
|
|
+ display: flex;
|
|
|
+ font-size: 15px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>.clear>svg {
|
|
|
+ width: 17px;
|
|
|
+ height: 17px;
|
|
|
+ margin-right: 5px;
|
|
|
+ fill: black;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>.clear:hover {
|
|
|
+ background-color: #ebf4fe;
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_btnArea>.clear:hover>svg {
|
|
|
+ fill: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_textListBox {
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ bottom: calc(100% + 5px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px;
|
|
|
+ overflow: auto;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
+ box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
|
|
|
+ 1px 1px 20px 4px rgba(29, 57, 131, 0.05);
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_tlb_left {
|
|
|
+ width: 60px;
|
|
|
+ height: 100%;
|
|
|
+ background-color: red;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_tlb_right {
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ background-color: yellow;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_roleListBox {
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ bottom: calc(100% + 5px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px;
|
|
|
+ overflow: auto;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
+ box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
|
|
|
+ 1px 1px 20px 4px rgba(29, 57, 131, 0.05);
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_item {
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ height: auto;
|
|
|
+ padding: 10px;
|
|
|
+ background-color: #f3f7fd;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-radius: 8px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ transition: 0.3s;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemActive {
|
|
|
+ background-color: #d1d5db !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* .ai_b_i_rlb_item:hover{
|
|
|
+ background-color: #d1d5db;
|
|
|
+} */
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemTop {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemTop>img {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ margin-right: 10px;
|
|
|
+ border-radius: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemTop>div {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemTop>div>span {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemTop>div>span:last-child {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemBottom {
|
|
|
+ margin-top: 10px;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_rlb_itemBottom>span {
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 15px;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea {
|
|
|
+ flex: 1;
|
|
|
+ margin: 10px 5px 10px 5px;
|
|
|
+ min-height: 35px;
|
|
|
+ height: 35px;
|
|
|
+ max-height: 100px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ resize: none;
|
|
|
+ font-size: 16px;
|
|
|
+ overflow: auto;
|
|
|
+ padding-right: 100px;
|
|
|
+ background-color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-webkit-input-placeholder {
|
|
|
+ font-size: 16px;
|
|
|
+ /* 修改placeholder字体大小 */
|
|
|
+ color: grey;
|
|
|
+ /* 修改placeholder文字颜色 */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-moz-placeholder {
|
|
|
+ font-size: 16px;
|
|
|
+ /* 修改placeholder字体大小 */
|
|
|
+ color: grey;
|
|
|
+ /* 修改placeholder文字颜色 */
|
|
|
+ opacity: 1;
|
|
|
+ /* 修复Firefox的透明度问题 */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-moz-placeholder {
|
|
|
+ font-size: 16px;
|
|
|
+ /* 修改placeholder字体大小 */
|
|
|
+ color: grey;
|
|
|
+ /* 修改placeholder文字颜色 */
|
|
|
+ opacity: 1;
|
|
|
+ /* 修复Firefox的透明度问题 */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-ms-input-placeholder {
|
|
|
+ font-size: 16px;
|
|
|
+ /* 修改placeholder字体大小 */
|
|
|
+ color: grey;
|
|
|
+ /* 修改placeholder文字颜色 */
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-webkit-scrollbar {
|
|
|
+ width: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-webkit-scrollbar-track {
|
|
|
+ background: #d8d9dc;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-webkit-scrollbar-thumb {
|
|
|
+ background: #c9c9c9;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_input_textarea::-webkit-scrollbar-thumb:hover {
|
|
|
+ background: #c9c9c9;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy {
|
|
|
+ position: fixed;
|
|
|
+ top: 45%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%) !important;
|
|
|
+ z-index: 1000;
|
|
|
+ width: 150vw;
|
|
|
+ height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__header {
|
|
|
+ background: #454545 !important;
|
|
|
+ padding: 15px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__header>span {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_diy .el-dialog__header .el-dialog__title {
|
|
|
+ color: #fff !important;
|
|
|
+ /* 替换为您想要的颜色 */
|
|
|
+ line-height: 14px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_confirm {
|
|
|
+ /* position: absolute;
|
|
|
+ bottom: 13px;
|
|
|
+ right: 13px; */
|
|
|
+ /* margin-top: 10px; */
|
|
|
+ width: 60px;
|
|
|
+ margin-right: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ bottom: 0px;
|
|
|
+ white-space: nowrap;
|
|
|
+ border-radius: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_confirmVoice {
|
|
|
+ width: 30px;
|
|
|
+ height: 36px;
|
|
|
+ min-width: auto;
|
|
|
+ margin-right: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ bottom: 0px;
|
|
|
+ white-space: nowrap;
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: #3681fc;
|
|
|
+ cursor: pointer;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_confirmVoice>svg {
|
|
|
+ fill: #fff;
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_StopConfirmVoice {
|
|
|
+ width: 30px;
|
|
|
+ height: 36px;
|
|
|
+ min-width: auto;
|
|
|
+ margin-right: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ bottom: 0px;
|
|
|
+ white-space: nowrap;
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: #dde2e2;
|
|
|
+ cursor: pointer;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_StopConfirmVoice>svg {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_voiceBtn {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ position: absolute;
|
|
|
+ right: 85px;
|
|
|
+ bottom: 0px;
|
|
|
+ margin-bottom: 17px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.c_voiceBtn>svg {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.c_pub_button_confirmDisabled {
|
|
|
+ background-color: #aeccfe;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_dialog {
|
|
|
+ padding: 10px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* min-height: calc(20vh - 10px); */
|
|
|
+ /* height: calc(100%); */
|
|
|
+ overflow: auto;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div {
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content+.dialog_content {
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .right {
|
|
|
+ flex-direction: row-reverse;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .right .role {
|
|
|
+ margin-right: 0;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .role {
|
|
|
+ min-width: 30px;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ margin-right: 10px;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .role>img {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .content {
|
|
|
+ padding: 10px 10px;
|
|
|
+ border-radius: 2px 8px 8px 8px;
|
|
|
+ width: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* white-space: pre-line; */
|
|
|
+ max-width: calc(100% - 85px);
|
|
|
+ background: #f6f9ff;
|
|
|
+ /* overflow: hidden; */
|
|
|
+ margin: 0 10px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.createTime {
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -25px;
|
|
|
+ left: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ white-space: nowrap;
|
|
|
+ color: #919191;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_content>div .content2 {
|
|
|
+ background: #3681fc;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 8px 2px 8px 8px;
|
|
|
+ margin-left: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.custom-div {
|
|
|
+ margin: 20px;
|
|
|
+ width: 154px;
|
|
|
+ height: 211px;
|
|
|
+ border: 2px solid #4398f1;
|
|
|
+ box-shadow: 0px 5px 10px rgba(128, 128, 128, 0.5);
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.custom-div.active {
|
|
|
+ border: 2px solid blue;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog_contentArea {
|
|
|
+ max-height: 70vh;
|
|
|
+ /* 设置内容区域的最大高度 */
|
|
|
+ overflow-y: auto;
|
|
|
+ /* 允许垂直滚动 */
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.custom-icon {
|
|
|
+ background: url('../../../../assets/icon/test/test_upload.png') no-repeat;
|
|
|
+ width: 142px;
|
|
|
+ height: 142px;
|
|
|
+ display: inline-block;
|
|
|
+ background-size: contain
|
|
|
+}
|
|
|
+
|
|
|
+.tableClass {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.is {
|
|
|
+ color: rgb(57, 204, 127);
|
|
|
+ background-color: rgba(57, 204, 127, .1);
|
|
|
+}
|
|
|
+
|
|
|
+.no {
|
|
|
+ color: rgb(235, 154, 96);
|
|
|
+ background-color: rgba(235, 154, 96, .1);
|
|
|
+}
|
|
|
+
|
|
|
+.noTime {
|
|
|
+ color: rgb(77, 77, 77);
|
|
|
+ background-color: rgba(77, 77, 77, .1);
|
|
|
+}
|
|
|
+
|
|
|
+.doing {
|
|
|
+ color: rgb(54, 116, 231);
|
|
|
+ background-color: rgba(54, 116, 231, .1);
|
|
|
+}
|
|
|
+
|
|
|
+.nodo {
|
|
|
+ color: rgb(97, 184, 255);
|
|
|
+ background-color: rgba(97, 184, 255, .1);
|
|
|
+}
|
|
|
+
|
|
|
+.test_type2 {
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ /* border: 1.5px solid; */
|
|
|
+ padding: 3px 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.confirm_btn {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.student_head {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: baseline;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.choose {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-content: space-between;
|
|
|
+ height: 100%;
|
|
|
+ justify-content: flex-start;
|
|
|
+ /* width: 60%; */
|
|
|
+ /* min-width: 868px; */
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.choose>div {
|
|
|
+ /* margin-left: 10px; */
|
|
|
+ width: 180px;
|
|
|
+ /* margin-top: 15px; */
|
|
|
+}
|
|
|
+
|
|
|
+.choose>div+div {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.choose>.clear {
|
|
|
+ width: 70px
|
|
|
+}
|
|
|
+
|
|
|
+.student_search {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ /* width: calc(100% / 3); */
|
|
|
+ width: 190px;
|
|
|
+}
|
|
|
+
|
|
|
+.head_left {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.student_input>>>.el-input__inner {
|
|
|
+ height: 40px;
|
|
|
+ width: 190px;
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 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;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.check {
|
|
|
+ background: #e7e7e7;
|
|
|
+ display: flex;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 21px;
|
|
|
+ font-size: 14px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ color: #0061ff;
|
|
|
+ font-weight: 700;
|
|
|
+ margin: 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.check::before {
|
|
|
+ content: "";
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ display: block;
|
|
|
+ background-image: url("../../../../assets/icon/course/aiPart.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.check::after {
|
|
|
+ content: "";
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ display: block;
|
|
|
+ background-image: url("../../../../assets/icon/course/aiPart_arrow.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.isCheck {
|
|
|
+ background: #0061ff;
|
|
|
+ display: flex;
|
|
|
+ width: fit-content;
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 21px;
|
|
|
+ font-size: 14px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: 700;
|
|
|
+ margin: 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ max-width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.isCheck>span {
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.isCheck::before {
|
|
|
+ content: "";
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ display: block;
|
|
|
+ background-image: url("../../../../assets/icon/course/aiPart_active.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.isCheck::after {
|
|
|
+ content: "";
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ display: block;
|
|
|
+ background-image: url("../../../../assets/icon/course/aiPart_arrow_active.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 40px;
|
|
|
+ border: 1px solid #e0eafb;
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.title,
|
|
|
+.ai_body_select>.checkBox>.part>.title {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task {
|
|
|
+ height: calc(100% - 60px);
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.part {}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.content {
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.content>.span+.span {
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.content>.span {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.content>.span>.check {
|
|
|
+ width: 13px;
|
|
|
+ height: 13px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.task>.content>.span>.check>img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.part>.content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.part>.content>.span {
|
|
|
+ padding: 3px 6px;
|
|
|
+ border: 1px solid #e0eafb;
|
|
|
+ border-radius: 40px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_body_select>.checkBox>.part>.content>.span.active {
|
|
|
+ color: #0061ff;
|
|
|
+ border-color: #0061ff;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_jListPanel {
|
|
|
+ width: 400px;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ position: fixed;
|
|
|
+ /* background-color: #000; */
|
|
|
+ z-index: 990;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_b_i_jListBox {
|
|
|
+ width: 100%;
|
|
|
+ max-height: 300px;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ bottom: calc(100% + 5px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px;
|
|
|
+ overflow: auto;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #e7e7e7;
|
|
|
+ box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
|
|
|
+ 1px 1px 20px 4px rgba(29, 57, 131, 0.05);
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
+
|
|
|
+.jlist_box {
|
|
|
+ background: #f1f1f1;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 8px 18px 8px 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.jlist_box .cancel {
|
|
|
+ position: absolute;
|
|
|
+ top: 8px;
|
|
|
+ right: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.jlist_box>span {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_btn_box {
|
|
|
+ min-width: fit-content;
|
|
|
+ margin-top: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.ai_btn_box>img {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.iconfont {
|
|
|
+ font-family: "iconfont" !important;
|
|
|
+ font-size: 50px;
|
|
|
+ font-style: normal;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ color: blue
|
|
|
+}
|
|
|
+</style>
|
SanHQin
