243 lines
8.3 KiB
Vue
243 lines
8.3 KiB
Vue
|
<template>
|
|||
|
<a-spin :spinning="confirmLoading">
|
|||
|
<a-row style="height: calc(80vh)">
|
|||
|
<a-col :span="24" style="overflow-y: scroll; height: calc(80vh)">
|
|||
|
<div style="text-align: center; width: 100%; font-weight: bold; font-size: 20px; padding: 20px">{{ djxxData.title }}</div>
|
|||
|
<div style="text-align: right; font-size: 16px; padding-right: 20px">
|
|||
|
<span class="answer-title">答卷人:</span><span class="answer-info">{{ djxxData.userName }} </span>
|
|||
|
<!-- <span v-if="djxxData.atype == 6" class="answer-title">总分:</span><span class="answer-info">{{ djxxData.totalScore }} </span> -->
|
|||
|
<span v-if="djxxData.atype == 6" class="answer-title">得分:</span><span class="answer-info">{{ djxxData.score }} </span>
|
|||
|
<span class="answer-title">用时:</span><span class="answer-info">{{ djxxData.answerSfm }} </span>
|
|||
|
</div>
|
|||
|
<!-- 题干信息 -->
|
|||
|
<div style="width: 100%" v-for="(item, index) in tiganData" :key="index">
|
|||
|
<!-- 文件题 -->
|
|||
|
<div style="width: 92%; margin: 0 auto" v-if="item.wjType == '8'">
|
|||
|
<div style="text-align: left; width: 100%; font-weight: bold; font-size: 18px; padding: 20px">文件题</div>
|
|||
|
<a-card>
|
|||
|
<template #title>
|
|||
|
<span>{{ index + 1 }}、</span><span v-html:value="item.wjTitle" style="white-space: pre-wrap; word-wrap: break-word" />
|
|||
|
|
|||
|
<div v-if="item.picPath">
|
|||
|
<j-upload
|
|||
|
v-model:value="item.picPath"
|
|||
|
fileType="image"
|
|||
|
disabled
|
|||
|
:maxCount="item.picPath.split(',').length"
|
|||
|
:buttonVisible="false"
|
|||
|
></j-upload>
|
|||
|
</div>
|
|||
|
<!-- <span v-if="item.tktda" style="color:#9e9e9e;margin-left:30px;font-size:12px;">(正确答案:{{item.tktda}})</span> -->
|
|||
|
</template>
|
|||
|
<template #extra v-if="djxxData.atype == 6">
|
|||
|
<div style="margin-left: 40px"
|
|||
|
>题目分值:<span class="answer-word">{{ item.wjScore }}</span> 分</div
|
|||
|
>
|
|||
|
<div style="margin-left: 40px"
|
|||
|
>所得分值:<span class="answer-word">{{ item.itemScore ? item.itemScore : '待评' }}</span> 分</div
|
|||
|
>
|
|||
|
</template>
|
|||
|
<a-row>
|
|||
|
<a-col :span="18">
|
|||
|
<div v-if="item.answerText">
|
|||
|
<iframe
|
|||
|
id="pdfPreviewIframe"
|
|||
|
:src="getUrl(item.answerText)"
|
|||
|
frameborder="0"
|
|||
|
width="100%"
|
|||
|
height="550px"
|
|||
|
scrolling="auto"
|
|||
|
></iframe>
|
|||
|
</div>
|
|||
|
<!-- <span v-html="item.answerText"></span> -->
|
|||
|
<!-- <a-textarea v-model:value="item.answerText" style="width:100%;" :auto-size="{ minRows: 2, maxRows: 5 }" disabled/> -->
|
|||
|
</a-col>
|
|||
|
<a-col :span="6">
|
|||
|
<div style="text-align: right">
|
|||
|
<span>评分</span>
|
|||
|
<a-input
|
|||
|
placeholder="请输入评分"
|
|||
|
v-model:value="item.itemScore2"
|
|||
|
style="width: 70%; margin-bottom: 5px; margin-left: 10px"
|
|||
|
@change="emitChange(item)"
|
|||
|
/>
|
|||
|
</div>
|
|||
|
</a-col>
|
|||
|
</a-row>
|
|||
|
</a-card>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
<div style="text-align: center; margin-top: 20px">
|
|||
|
<a-button type="primary" @click="submitForm">保存</a-button>
|
|||
|
<a-button type="primary" @click="submitNextForm" style="margin-left: 10px">保存并下一个</a-button>
|
|||
|
</div>
|
|||
|
</a-col>
|
|||
|
</a-row>
|
|||
|
</a-spin>
|
|||
|
</template>
|
|||
|
|
|||
|
<script lang="ts" name="wjxWjxx-add" setup>
|
|||
|
import { ref, nextTick, defineExpose } from 'vue';
|
|||
|
import { Icon } from '/@/components/Icon';
|
|||
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|||
|
import { defHttp } from '/@/utils/http/axios';
|
|||
|
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
|
|||
|
import { queryWjxWjxxTmxxListByMainId, queryDataById, saveOrUpdate, djtj } from '/@/views/kc/wjxWjxxTmlb/WjxWjxxTmlb.api';
|
|||
|
import { randomString, simpleDebounce, getFileAccessHttpUrl, baseApiUrl } from '/@/utils/common/compUtils';
|
|||
|
import { encryptByBase64 } from '/@/utils/cipher';
|
|||
|
const title = ref<string>('');
|
|||
|
const mainId = ref<string>('');
|
|||
|
const confirmLoading = ref<boolean>(false);
|
|||
|
const tiganData = ref<any>([]);
|
|||
|
const djxxData = ref<any>({});
|
|||
|
const infoData = ref<any>({});
|
|||
|
const { createMessage } = useMessage();
|
|||
|
|
|||
|
const emit = defineEmits(['register', 'ok']);
|
|||
|
|
|||
|
function getUrl(record) {
|
|||
|
var file = baseApiUrl + '/' + record;
|
|||
|
console.log('👩👩👧', file);
|
|||
|
var url = 'https://fileview.jeecg.com/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file));
|
|||
|
return url;
|
|||
|
}
|
|||
|
|
|||
|
//初始化
|
|||
|
function edit(record) {
|
|||
|
console.log('🙇♂️1111111111111', record);
|
|||
|
tiganData.value = [];
|
|||
|
infoData.value = record;
|
|||
|
defHttp.get({ url: '/wjxDjxx/queryZgtdpf', params: { vid: record.vid, jid: record.jid } }).then((res) => {
|
|||
|
console.log('👛', res);
|
|||
|
if (res) {
|
|||
|
mainId.value = res.id;
|
|||
|
let djxx = res;
|
|||
|
let list = djxx.wjxDjxxTmxxList;
|
|||
|
for (let i = 0; i < list.length; i++) {
|
|||
|
let par = list[i];
|
|||
|
if (par.wjType == 4) {
|
|||
|
let lssj = par.itemSelected.split(',');
|
|||
|
const numArray = lssj.map((str) => parseInt(str));
|
|||
|
list[i].itemSelected = numArray;
|
|||
|
}
|
|||
|
}
|
|||
|
tiganData.value = list;
|
|||
|
djxxData.value = djxx;
|
|||
|
} else {
|
|||
|
createMessage.warning('暂无需要评分数据');
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
|
|||
|
function emitChange(record) {
|
|||
|
console.log('👮♀️', record);
|
|||
|
var wjScore = record.wjScore;
|
|||
|
var itemScore2 = record.itemScore2;
|
|||
|
if (!/^[\d.]+$/.test(itemScore2)) {
|
|||
|
createMessage.warning('请输入正确的分数');
|
|||
|
record.itemScore = null;
|
|||
|
record.itemScore2 = null;
|
|||
|
return;
|
|||
|
}
|
|||
|
|
|||
|
if (wjScore && itemScore2) {
|
|||
|
if (parseInt(wjScore) < parseInt(itemScore2)) {
|
|||
|
createMessage.warning('评分不能大于题目分值');
|
|||
|
record.itemScore = wjScore;
|
|||
|
record.itemScore2 = wjScore;
|
|||
|
return;
|
|||
|
} else if (parseInt(itemScore2) < 0) {
|
|||
|
createMessage.warning('评分不能小于0');
|
|||
|
record.itemScore = 0;
|
|||
|
record.itemScore2 = 0;
|
|||
|
return;
|
|||
|
} else {
|
|||
|
record.itemScore = itemScore2;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
//提交数据
|
|||
|
async function submitForm() {
|
|||
|
var list = tiganData.value;
|
|||
|
console.log('👩🎤', list);
|
|||
|
for (var i = 0; i < list.length; i++) {
|
|||
|
if (!list[i].itemScore) {
|
|||
|
createMessage.warning('您有未填写的评分,请填写评分!');
|
|||
|
return;
|
|||
|
}
|
|||
|
}
|
|||
|
console.log(11111111111111);
|
|||
|
defHttp.post({ url: '/wjxDjxx/editSdpf', params: list }).then((res) => {
|
|||
|
console.log('😕', res);
|
|||
|
createMessage.success('保存成功');
|
|||
|
emit('ok');
|
|||
|
});
|
|||
|
}
|
|||
|
async function submitNextForm() {
|
|||
|
var list = tiganData.value;
|
|||
|
console.log('👩🎤', list);
|
|||
|
for (var i = 0; i < list.length; i++) {
|
|||
|
if (!list[i].itemScore) {
|
|||
|
createMessage.warning('您有未填写的评分,请填写评分!');
|
|||
|
return;
|
|||
|
}
|
|||
|
}
|
|||
|
defHttp.post({ url: '/wjxDjxx/editSdpf', params: list }).then((res) => {
|
|||
|
console.log('😕', res);
|
|||
|
// createMessage.success('保存成功');
|
|||
|
edit({ vid: infoData.value.vid });
|
|||
|
});
|
|||
|
}
|
|||
|
|
|||
|
defineExpose({
|
|||
|
edit,
|
|||
|
submitForm,
|
|||
|
});
|
|||
|
</script>
|
|||
|
|
|||
|
<style lang="less" scoped>
|
|||
|
/deep/span.ant-radio + * {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
/deep/.ant-checkbox-wrapper {
|
|||
|
box-sizing: border-box;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
color: rgba(0, 0, 0, 0.85);
|
|||
|
font-size: 14px;
|
|||
|
font-variant: tabular-nums;
|
|||
|
line-height: 1.5715;
|
|||
|
list-style: none;
|
|||
|
font-feature-settings: tnum;
|
|||
|
display: inline-flex;
|
|||
|
align-items: baseline;
|
|||
|
line-height: unset;
|
|||
|
cursor: pointer;
|
|||
|
width: 80%;
|
|||
|
}
|
|||
|
/deep/.ant-checkbox + span {
|
|||
|
padding-right: 8px;
|
|||
|
padding-left: 8px;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.ant-checkbox-wrapper[aria-disabled='true'] {
|
|||
|
color: rgb(2, 2, 2); /* 例如,将文本颜色设置为灰色 */
|
|||
|
cursor: not-allowed; /* 将鼠标指针设置为禁用状态 */
|
|||
|
}
|
|||
|
.answer-title {
|
|||
|
font-size: 14px;
|
|||
|
color: #333;
|
|||
|
}
|
|||
|
.answer-info {
|
|||
|
font-size: 14px;
|
|||
|
color: #666;
|
|||
|
text-decoration: underline;
|
|||
|
margin-right: 15px;
|
|||
|
}
|
|||
|
.answer-word {
|
|||
|
color: #ff8710;
|
|||
|
}
|
|||
|
</style>
|