添加查询页面

This commit is contained in:
yangjun 2024-05-15 21:12:55 +08:00
parent fbbbe3d52e
commit 663bf50053
11 changed files with 201 additions and 45 deletions

View File

@ -37,8 +37,12 @@ import KcDetectionMainModal from './components/KcDetectionMainModal.vue'
import { columns, searchFormSchema } from './KcDetectionMain.data';
import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './KcDetectionMain.api';
import { downloadFile } from '/@/utils/common/renderUtils';
import { useRouter } from 'vue-router';
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh,xqxn } = query;//
const checkedKeys = ref<Array<string | number>>([]);
const queryParam = ref<any>({});
const queryParam = ref<any>({rwbh});
//model
const [registerModal, { openModal }] = useModal();
//table

View File

@ -1,5 +1,5 @@
<template>
<div style="background: #fff;height: 97%;margin: 10px 0;">
<div style="background: #fff;height: 600px;padding: 10px 0;overflow-y: auto;overflow-x: hidden;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -68,7 +68,7 @@
<a-button type="primary" @click="handleDelete(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==0">删除</a-button>
<a-button type="primary" @click="handleDetail(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==1">详情</a-button>
<a-button type="primary" @click="handlePeizhiXq(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==1">配置</a-button>
<!-- <a-button type="primary" @click="handleDjjgs(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==1">结果</a-button>-->
<a-button type="primary" @click="handleDjjgs(item,'')" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==1">结果</a-button>
</a-col>
<!-- <a-col :span="24" style="text-align:center;margin-top:20px;">-->
<!-- <a-button type="primary" @click="handleDj(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.qpublish==1">答卷</a-button>-->

View File

@ -9,12 +9,12 @@
</a-col>
<a-col :span="24">
<a-form-item label="开始时间" v-bind="validateInfos.startTime">
<a-date-picker placeholder="请选择开始时间" v-model:value="formData.startTime" value-format="YYYY-MM-DD HH:mm:ss" :show-time="true" style="width: 100%" :disabled="disabled"/>
<a-date-picker placeholder="请选择开始时间" v-model:value="formData.startTime" value-format="YYYY-MM-DD" style="width: 100%" :disabled="disabled"/>
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="结束时间" v-bind="validateInfos.endTime">
<a-date-picker placeholder="请选择结束时间" v-model:value="formData.endTime" value-format="YYYY-MM-DD HH:mm:ss" :show-time="true" style="width: 100%" :disabled="disabled"/>
<a-date-picker placeholder="请选择结束时间" v-model:value="formData.endTime" value-format="YYYY-MM-DD" style="width: 100%" :disabled="disabled"/>
</a-form-item>
</a-col>
<a-col :span="24">
@ -22,7 +22,7 @@
<a-textarea v-model:value="formData.content" rows="4" placeholder="请输入问卷描述" :disabled="disabled"/>
</a-form-item>
</a-col>
<a-col :span="24">
<a-col :span="24" hidden>
<a-form-item label="学年学期">
<a-input v-model:value="formData.xqxn" disabled></a-input>
</a-form-item>
@ -32,7 +32,7 @@
<a-input v-model:value="formData.kcmc" disabled></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-col :span="24" hidden>
<a-form-item label="选课人数">
<a-input v-model:value="formData.xkrs" disabled></a-input>
</a-form-item>
@ -72,6 +72,8 @@ import {ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted,
title: '',
atype: '',
content: '',
startTime: '',
endTime: '',
// qpublish: '',
});
const { createMessage } = useMessage();
@ -80,7 +82,9 @@ import {ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted,
const confirmLoading = ref<boolean>(false);
//
const validatorRules = {
title: [{ required: true, message: '请输入问卷名称!'},]
title: [{ required: true, message: '请输入问卷名称!'},],
startTime: [{ required: true, message: '请选择开始时间!'},],
endTime: [{ required: true, message: '请选择结束时间!'},]
};
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: true });

View File

@ -0,0 +1,114 @@
<template>
<div>
<!--引用表格-->
<BasicTable @register="registerTable" >
<!--操作栏-->
<template #action="{ record }" >
<TableAction :actions="getTableAction(record)"/>
</template>
</BasicTable>
<!-- 表单区域 -->
<WjxWjxxTmlbDjjgModal ref="WjxWjxxTmlbDjjgModalPage" @success="handleSuccess"></WjxWjxxTmlbDjjgModal>
</div>
</template>
<script lang="ts" name="wjxWjxx-wjxWjxx" setup>
import {ref, reactive, defineExpose, unref} from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { defHttp } from '/@/utils/http/axios';
import { useListPage } from '/@/hooks/system/useListPage';
import { columns } from './WjxWjxxTmlbDjjgs.data';
import { list } from './WjxWjxxTmlbDjjgs.api';
import WjxWjxxTmlbDjjgModal from '/@/views/kc/wjxWjxx/components/WjxWjxxTmlbDjjgModal.vue'
const queryParam = ref<any>({});
const isFinished = ref<string>('');
const toggleSearchStatus = ref<boolean>(false);
const WjxWjxxTmlbDjjgModalPage = ref();
//table
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
tableProps: {
title: '',
api: list,
columns,
canResize:false,
useSearchForm: false,
actionColumn: {
width: 120,
fixed: 'right',
},
beforeFetch: (params) => {
params.column = '',params.order = '';//
return Object.assign(params, queryParam.value);
},
}
});
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
const labelCol = reactive({
xs: { span: 24 },
sm: { span: 7 },
});
const wrapperCol = reactive({
xs: { span: 24 },
sm: { span: 16 },
});
/**
* 答卷详情
*/
function handlePeizhiDjjg(record: Recordable) {
WjxWjxxTmlbDjjgModalPage.value.disableSubmit = true;
WjxWjxxTmlbDjjgModalPage.value.edit(record.id,false);
}
/**
* 操作栏
*/
function getTableAction(record) {
console.log(`🚀 ~ getTableAction ~ record:`, record.totalScore)
if(record.totalScore>0){
return [
{
label: '答卷结果',
onClick: handlePeizhiDjjg.bind(null, record),
}
]
}else{
return [];
}
}
function init(record,flag){
queryParam.value.id = record.id;
queryParam.value.rwbh = record.rwbh;
queryParam.value.isFinished = flag;
isFinished.value = flag;
reload();
}
defineExpose({
init
});
</script>
<style lang="less" scoped>
.jeecg-basic-table-form-container {
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;
white-space: nowrap;
}
.query-group-cust{
width: calc(50% - 15px);
min-width: 100px !important;
}
.query-group-split-cust{
width: 30px;
display: inline-block;
text-align: center
}
}
</style>

View File

@ -58,30 +58,30 @@ export const columns: BasicColumn[] = [
dataIndex: 'xqxn',
width: 80
},
{
title: '课程名称',
align: "center",
dataIndex: 'kcmc',
width: 200
},
{
title: '开始时间',
align: "center",
dataIndex: 'startTime',
width: 150
},
{
title: '结束时间',
align: "center",
dataIndex: 'endTime',
width: 150
},
{
title: '问卷描述',
align: "center",
dataIndex: 'content',
width: 200
},
// {
// title: '课程名称',
// align: "center",
// dataIndex: 'kcmc',
// width: 200
// },
// {
// title: '作答开始时间',
// align: "center",
// dataIndex: 'startTime',
// width: 150
// },
// {
// title: '作答结束时间',
// align: "center",
// dataIndex: 'endTime',
// width: 150
// },
// {
// title: '问卷描述',
// align: "center",
// dataIndex: 'content',
// width: 200
// },
];
export const dccolumns: BasicColumn[] = [

View File

@ -1,18 +1,25 @@
<template>
<a-modal :title="title" :width="width" centered :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<WjxWjxxTmlbDjjgsList ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></WjxWjxxTmlbDjjgsList>
<div v-if="showDiv">
<WjxWjxxTmlbDjjgsList ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></WjxWjxxTmlbDjjgsList>
</div>
<div v-else>
<WjxWjxxTmlbAllDjjgsList ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></WjxWjxxTmlbAllDjjgsList>
</div>
</a-modal>
</template>
<script lang="ts" setup>
import { ref, nextTick, defineExpose } from 'vue';
import WjxWjxxTmlbDjjgsList from './WjxWjxxTmlbDjjgsList.vue'
import WjxWjxxTmlbAllDjjgsList from './WjxWjxxTmlbAllDjjgsList.vue'
const title = ref<string>('');
const width = ref<string>('90%');
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const showDiv = ref<boolean>(true);
const emit = defineEmits(['register', 'success']);
/**
@ -20,10 +27,14 @@
* @param record
*/
function edit(record,flag) {
showDiv.value = true;
if(flag == '1'){
title.value = '已完成答卷学生列表';
}else{
title.value = '已完成答卷学生列表';
}else if(flag == '0'){
title.value = '未完成答卷学生列表';
}else if(flag == ''){
showDiv.value = false;
title.value = '全部答卷学生列表';
}
visible.value = true;
nextTick(() => {

View File

@ -225,13 +225,36 @@ async function submitForm(){
// console.log(`🚀 ~ submitForm ~ data:`, data)
const values = Object.assign([], data);
if(values.length>0){
var sfjx = "1";
for(let i=0;i<values.length;i++){
let param = values[i];
console.log(`🚀 ~ submitForm ~ param:`, param)
values[i].itemSelected = param.itemSelected+"";
if(!param.wjScore){
createMessage.error('请填写题目分数');
sfjx = "0";
return;
}
if(!param.wjTitle){
createMessage.error('请填写题目信息');
sfjx = "0";
return;
}
var itemlist = param.wjxWjxxTmxxList;
for(let j=0;j < itemlist.length; j++){
if(!itemlist[j].itemTitle){
createMessage.error('请填写选项信息');
sfjx = "0";
return;
}
}
}
if(sfjx=='0'){
return;
}
const isUpdate = false
await saveOrUpdate(values, isUpdate);
//
//
emit('ok');
}else{
createMessage.error('至少创建一个试题');

View File

@ -1,8 +1,8 @@
<template>
<div style="width:100%;text-align: right;line-height:40px;">
<a style="padding-right: 0.5rem;" @click="init()">刷新</a>
<RouterLink to="/site/xspjjgore">查看更多</RouterLink>
<!-- <a style="padding-right: 0.5rem;" @click="init()">刷新</a>
<RouterLink to="/site/xspjjgore">查看更多</RouterLink> -->
</div>
<a-list item-layout="horizontal" :data-source="list" :grid="{ gutter: 12, xs: 2, sm: 3, md: 3, lg: 3, xl: 3, xxl: 3, xxxl: 3 }">
<template #renderItem="{ item }">

View File

@ -104,7 +104,7 @@ const baseApiUrl = globSetting.domainUrl;
const { createMessage } = useMessage();
const jxdgInfo = ref({
id:'',
filePath:'',
filePath:null,
kcjs:''
});
@ -135,7 +135,7 @@ const baseApiUrl = globSetting.domainUrl;
}
function openPdf(record){
var url2 = getFileAccessHttpUrl(record.filePath)
var url2 = getFileAccessHttpUrl(record.pdfPath)
console.log(`🚀 ~ openPdf ~ url2:`, url2)
let url = baseApiUrl+"/generic/web/viewer.html?file="+encodeURIComponent(url2);
window.open(url,"_blank")

View File

@ -61,7 +61,7 @@
<ZyInfoModal ref="registerModal" @success="handleSuccess"></ZyInfoModal>
<ZyInfoStudentListModal ref="ZyInfoStudentListModalPage"></ZyInfoStudentListModal>
<ZyInfoStudentModal ref="ZyInfoStudentModalPage"></ZyInfoStudentModal>
<ZyInfoStudentModal ref="ZyInfoStudentModalPage" @success="handleSuccess"></ZyInfoStudentModal>
<XxhbbksListModal ref="XxhbbksListModalPage"></XxhbbksListModal>
</div>
</template>
@ -147,7 +147,7 @@
//
function openXkrs(record){
console.log(`🚀 ~ openXkrs ~ record:`, record)
ZyInfoStudentModalPage.value.disableSubmit = false;
XxhbbksListModalPage.value.disableSubmit = false;
XxhbbksListModalPage.value.init(record);
}

View File

@ -37,7 +37,7 @@ export const columns: BasicColumn[] = [
// slots: { customRender: 'fileZxSlot' },
// },
{
title: '外网相似',
title: '外网相似',
align: "center",
dataIndex: 'wwxsl'
},
@ -47,7 +47,7 @@ export const columns: BasicColumn[] = [
dataIndex: 'wwsftg'
},
{
title: '内网相似',
title: '内网相似',
align: "center",
dataIndex: 'nwxsl'
},
@ -57,7 +57,7 @@ export const columns: BasicColumn[] = [
dataIndex: 'nwsftg'
},
{
title: 'aigc相似',
title: 'aigc相似',
align: "center",
dataIndex: 'aigcxsl'
},