|
|
@@ -1,7 +1,7 @@
|
|
|
<script setup>
|
|
|
import { user } from '~/store/index';
|
|
|
import downLoadFile1 from '@/utils/download'
|
|
|
-import mammoth from 'mammoth/mammoth.browser';
|
|
|
+// import { ElRadioGroup, ElRadio, ElCheckboxGroup, ElCheckbox } from 'element-plus'
|
|
|
const props = defineProps({
|
|
|
id: String,
|
|
|
homework: String,
|
|
|
@@ -9,10 +9,11 @@ const props = defineProps({
|
|
|
dxa: String,
|
|
|
user_id: String,
|
|
|
zjr: String,
|
|
|
+ ks_id: String,
|
|
|
})
|
|
|
const chatBox = ref()
|
|
|
const ws = new WebSocket("wss://socket.txhlwxx.com")
|
|
|
-const emits = defineEmits(['filePre', 'edit', 'download', 'enter'])
|
|
|
+const emits = defineEmits(['filePre', 'edit'])
|
|
|
// let userList = ref(undefined)
|
|
|
const msgList = ref([])
|
|
|
|
|
|
@@ -22,29 +23,11 @@ let title = $ref('')
|
|
|
let filecontent = $ref('');
|
|
|
let fileName = $ref('');
|
|
|
let downItem = $ref('');
|
|
|
-let ban_id = $ref([]);
|
|
|
-let isBanned = $ref(false)
|
|
|
-let ban_me = $ref(false);
|
|
|
+
|
|
|
let login_data = $ref({});
|
|
|
let login_id = $ref([]);
|
|
|
-let wordText = $ref();
|
|
|
-function getWordText(url) {
|
|
|
- console.log(url);
|
|
|
- const xhr = new XMLHttpRequest();
|
|
|
- xhr.open("get", url, true);
|
|
|
- xhr.responseType = "arraybuffer";
|
|
|
- xhr.onload = () => {
|
|
|
- if (xhr.status == 200) {
|
|
|
- mammoth.convertToHtml({ arrayBuffer: new Uint8Array(xhr.response) }).then((resultObject) => {
|
|
|
- console.log(resultObject, 'rej');
|
|
|
- nextTick(() => {
|
|
|
- wordText = resultObject.value;
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
- };
|
|
|
- xhr.send();
|
|
|
-}
|
|
|
+let testInfo = $ref([]);
|
|
|
+let answer = $ref();
|
|
|
ws.addEventListener('message', (e) => {
|
|
|
if (e.data) {
|
|
|
try {
|
|
|
@@ -63,18 +46,34 @@ ws.addEventListener('message', (e) => {
|
|
|
}
|
|
|
if (data.type === 'say') {
|
|
|
const [id, name] = data.from_client_name.split('|')
|
|
|
- const fileType = data.content?.split(";")[2]?.split('|')[1];
|
|
|
- fileName = data.content.split(";")[0];
|
|
|
- filecontent = data.content?.split(";")[2].split('|')[0];
|
|
|
+ console.log(data.content, 'cc');
|
|
|
+ let fileType
|
|
|
+ if (data.content.includes('|')) {
|
|
|
+ fileType = data.content?.split(";")[2]?.split('|')[1];
|
|
|
+ fileName = data.content.split(";")[0];
|
|
|
+ filecontent = data.content?.split(";")[2].split('|')[0];
|
|
|
+ }
|
|
|
+ // user.value.user_id !== props?.zjr
|
|
|
if (fileType && user.value.user_id !== props?.zjr) {
|
|
|
-
|
|
|
downItem = data.content
|
|
|
switch (fileType) {
|
|
|
case 'home':
|
|
|
title = '作业';
|
|
|
wordVisiable = true;
|
|
|
- let url = getFullUrl(filecontent)
|
|
|
- getWordText(url)
|
|
|
+ request({
|
|
|
+ url: '/txwx/question/index',
|
|
|
+ data: {
|
|
|
+ tq_id: props?.ks_id,
|
|
|
+ tqr_data_type: '4',
|
|
|
+ tqr_data_id: props?.id,
|
|
|
+ tqr_pos: '1'
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == '1') {
|
|
|
+ testInfo = res.data.page_data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // let url = getFullUrl(filecontent)
|
|
|
break
|
|
|
case 'file':
|
|
|
title = '文件';
|
|
|
@@ -86,8 +85,10 @@ ws.addEventListener('message', (e) => {
|
|
|
break
|
|
|
}
|
|
|
}
|
|
|
+ if (fileType && user.value.user_id === props?.zjr) {
|
|
|
+ ElMessage.success('下发成功!');
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
} catch (error) {
|
|
|
console.error(error);
|
|
|
}
|
|
|
@@ -134,12 +135,88 @@ function filePre(item) {
|
|
|
function download(item) {
|
|
|
downLoadFile1(getFullUrl(item.split(';')[2].split('|')[0]), `${item.split(';')[0]}`)
|
|
|
}
|
|
|
+
|
|
|
+let answerVisiable = $ref(false);
|
|
|
+let answerInfo = $ref([]);
|
|
|
+function submitTest() {
|
|
|
+ let question = [];
|
|
|
+ let flag = true;
|
|
|
+ testInfo.forEach((item, index) => {
|
|
|
+ // 单选题或判断题
|
|
|
+ if (item.tq_type == '1' || item.tq_type == '3') {
|
|
|
+ if (!item.answer) {
|
|
|
+ ElMessage.warning(`第${index + 1}题未选择`)
|
|
|
+ flag = false;
|
|
|
+ return
|
|
|
+ }
|
|
|
+ question.push({
|
|
|
+ tq_id: item.tq_id,
|
|
|
+ user_answer: item.answer,
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ // 多选题
|
|
|
+ if (!item.answers || item.answers?.length == 0) {
|
|
|
+ ElMessage.warning(`第${index + 1}题未选择`)
|
|
|
+ flag = false;
|
|
|
+ return
|
|
|
+ }
|
|
|
+ question.push({
|
|
|
+ tq_id: item.tq_id,
|
|
|
+ user_answer: item.answers,
|
|
|
+ })
|
|
|
+ question.forEach(el => {
|
|
|
+ if (el.user_answer instanceof Array) {
|
|
|
+ // 重新排序使选中数据的顺序为ABC....
|
|
|
+ el = el.user_answer?.sort((a, b) => {
|
|
|
+ return item.tq_option_choosen?.indexOf(a) - item.tq_option_choosen?.indexOf(b)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (flag) {
|
|
|
+ question.forEach(el => {
|
|
|
+ if (el.user_answer instanceof Array) {
|
|
|
+ el.user_answer = el.user_answer.join('')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ request({
|
|
|
+ url: '/txwx/question_record/save',
|
|
|
+ data: {
|
|
|
+ tqr_data_type: '4',
|
|
|
+ tqr_data_id: props?.id,
|
|
|
+ tqr_pos: '1',
|
|
|
+ question,
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == '1') {
|
|
|
+ ElMessage.success(res.msg);
|
|
|
+ wordVisiable = false;
|
|
|
+ request({
|
|
|
+ url: '/txwx/question/index',
|
|
|
+ data: {
|
|
|
+ tq_id: props?.ks_id,
|
|
|
+ tqr_data_type: '4',
|
|
|
+ tqr_data_id: props?.id,
|
|
|
+ tqr_pos: '1'
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == '1') {
|
|
|
+ answerInfo = res.data.page_data;
|
|
|
+ answerVisiable = true;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <div class="w-300px h-400px flex flex-col shadow chat">
|
|
|
- <!-- v-if="user.user_id === props?.zjr" -->
|
|
|
- <div v-if="user.user_id === props?.zjr" class="h-100 overflow-hidden overflow-y-auto flex-auto home_scroll" ref="chatBox">
|
|
|
+ <div class="w-300px h-400px flex flex-col shadow home">
|
|
|
+ <!-- v-if="user.user_id === props?.zjr" 当前用户为本章节主讲人-->
|
|
|
+ <div v-if="user.user_id === props?.zjr" class="h-100 overflow-hidden overflow-y-auto flex-auto home_scroll"
|
|
|
+ ref="chatBox">
|
|
|
<div class="right-nav ml-20px">
|
|
|
<span>相关章节</span>
|
|
|
<i></i>
|
|
|
@@ -205,8 +282,65 @@ function download(item) {
|
|
|
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="wordVisiable" :title="title">
|
|
|
- <div id="wordView" v-html="wordText"></div>
|
|
|
+ <el-dialog v-model="wordVisiable" :title="title" width="65%">
|
|
|
+ <div v-if="testInfo.length > 0">
|
|
|
+ <div v-for="item in testInfo" :key="item.tq_id">
|
|
|
+ <div class="w-full flex justify-between">
|
|
|
+ <div class="leading-loose" v-html="item.tq_content"></div>
|
|
|
+ <div class="min-w-60px mt-8px ml-10px">
|
|
|
+ <span class="py-3px px-10px rounded-10px bg-hex-1259A1 text-white text-12px">{{
|
|
|
+ item.tq_type_name }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <ElRadioGroup fill="#1259a1" v-if="item.tq_type == '1'" class="mt-10px mb-20px" v-model="item.answer">
|
|
|
+ <el-radio-button size="30" class="mx-10px" v-for="e in item.tq_option_choosen" :label="e">{{ e
|
|
|
+ }}</el-radio-button>
|
|
|
+ </ElRadioGroup>
|
|
|
+ <el-checkbox-group fill="#1259a1" v-else-if="item.tq_type == '2'" class="mt-10px mb-20px"
|
|
|
+ v-model="item.answers">
|
|
|
+ <el-checkbox-button v-for="e in item.tq_option_choosen" class="mx-10px" :label="e">{{ e
|
|
|
+ }}</el-checkbox-button>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <ElRadioGroup fill="#1259a1" v-else class="mt-10px mb-20px" size="30" v-model="item.answer">
|
|
|
+ <el-radio-button size="30" class="mx-10px" v-for="e in item.tq_option_choosen" :label="e"><span
|
|
|
+ class="px-10px">{{ e }}</span></el-radio-button>
|
|
|
+ </ElRadioGroup>
|
|
|
+ </div>
|
|
|
+ <div id="footer" class="flex justify-center my-30px">
|
|
|
+ <el-button class="mr-20px" @click="submitTest">提交</el-button>
|
|
|
+ <el-button class="over" @click="wordVisiable = false">跳过</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog v-model="answerVisiable" width="65%">
|
|
|
+ <div v-if="answerInfo.length > 0">
|
|
|
+ <div v-for="item in answerInfo" :key="item.tq_id">
|
|
|
+ <div class="flex justify-between">
|
|
|
+ <div class="leading-loose" v-html="item.tq_content"></div>
|
|
|
+ <div class="min-w-60px mt-8px ml-10px">
|
|
|
+ <span class="py-3px px-10px rounded-10px bg-hex-1259A1 text-white text-12px">{{
|
|
|
+ item.tq_type_name }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex my-15px text-16px">
|
|
|
+ <p class="mr-10px">正确答案: </p>
|
|
|
+ <p class="text-hex-5dc248">{{ item.tq_answer }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="flex text-16px">
|
|
|
+ <p class="mr-10px">你的答案: </p>
|
|
|
+ <p :class="item.my_answer.tqr_correct == '0' ? 'text-red-500' : 'text-hex-1259A1'">{{
|
|
|
+ item.my_answer?.tqr_user_answer }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="mb-25px mt-15px text-16px">
|
|
|
+ <p class="text-red-500">解析: </p>
|
|
|
+ <p class="leading-loose">{{ item.tq_alyz }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="footer" class="flex justify-center my-30px">
|
|
|
+ <el-button class="mr-20px over bg-gray-500" @click="answerVisiable = false">确认</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -214,6 +348,7 @@ function download(item) {
|
|
|
<style lang="scss" scoped>
|
|
|
$color: #1259A1;
|
|
|
|
|
|
+
|
|
|
.chat_li {
|
|
|
// background-color: rgba($color: #000000, $alpha: .4);
|
|
|
height: 40px;
|
|
|
@@ -253,17 +388,23 @@ $color: #1259A1;
|
|
|
|
|
|
::v-deep .el-button {
|
|
|
width: 111px !important;
|
|
|
- height: 32px;
|
|
|
- opacity: 0.7;
|
|
|
- background: linear-gradient(90deg, #2586e9 1%, #57c6d8 100%);
|
|
|
- border-radius: 38px;
|
|
|
- padding: 5px 40px;
|
|
|
+ height: 40px;
|
|
|
+ // opacity: 0.7;
|
|
|
+ background: $color;
|
|
|
+ border-radius: 10px !important;
|
|
|
+ // padding: 10px 40px;
|
|
|
+ color: #fff;
|
|
|
|
|
|
span {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+::v-deep .over {
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ color: $color;
|
|
|
+}
|
|
|
+
|
|
|
.home_scroll::-webkit-scrollbar {
|
|
|
width: 2px;
|
|
|
}
|
|
|
@@ -309,4 +450,26 @@ $color: #1259A1;
|
|
|
background: rgba(108, 93, 211, 0.2);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+::v-deep .western {
|
|
|
+ line-height: 30px !important;
|
|
|
+
|
|
|
+ img {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-radio-button {
|
|
|
+ .el-radio-button__inner {
|
|
|
+ border-radius: 20px !important;
|
|
|
+ padding: 8px 25px;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-checkbox-button__inner {
|
|
|
+ border-radius: 20px !important;
|
|
|
+ padding: 8px 25px;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+}
|
|
|
</style>
|
ZhaoJing