添加列表卡片切换功能

This commit is contained in:
yangjun 2024-07-23 15:24:38 +08:00
parent 7abe69a7d0
commit 6445315d53
12 changed files with 971 additions and 27 deletions

View File

@ -28,7 +28,7 @@ const stuzy: AppRouteModule = {
meta: {
title: '当前作业',
},
component: () => import('/@/views/zy/zyInfo/StudentZyInfoList.vue'),
component: () => import('/@/views/zy/zyInfo/StudentZyInfoMainList.vue'),
},
{
path: 'studentLszy',
@ -41,7 +41,7 @@ const stuzy: AppRouteModule = {
{
path: 'stuCeshiWenjuan',
name: 'stuCeshiWenjuan',
component: () => import('/@/views/kc/wjxCswj/WjxCswjStuList.vue'),
component: () => import('/@/views/kc/wjxCswj/WjxCswjStuMainList.vue'),
meta: {
title: '测试问卷',
},
@ -49,7 +49,7 @@ const stuzy: AppRouteModule = {
{
path: 'stuDcwjWenjuan',
name: 'stuDcwjWenjuan',
component: () => import('/@/views/kc/wjxDcwj/WjxDcwjStuList.vue'),
component: () => import('/@/views/kc/wjxDcwj/WjxDcwjStuMainList.vue'),
meta: {
title: '调查问卷',
},

View File

@ -0,0 +1,205 @@
<template>
<div style="margin-top:20px;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="7">
<a-form-item label="测验名称">
<a-input placeholder="请输入测验名称" v-model:value="queryParam.title"></a-input>
</a-form-item>
</a-col>
<a-col :lg="7">
<a-form-item label="测验类型">
<a-select placeholder="请选择问卷状态" ref="select" v-model:value="queryParam.flag">
<a-select-option value="">全部</a-select-option>
<a-select-option value="-1">待提交</a-select-option>
<!-- <a-select-option value="0">待评分</a-select-option> -->
<a-select-option value="1">已完成</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
</a-col>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!--引用表格-->
<BasicTable @register="registerTable" style="margin-top:-20px;">
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
<!--字段回显插槽-->
<template #htmlSlot="{text}">
<div v-html="text"></div>
</template>
<!--省市区字段回显插槽-->
</BasicTable>
<!-- 表单区域 -->
<WjxWjxxTmlbDjModal ref="WjxWjxxTmlbDjModalPage" @success="handleSuccess"></WjxWjxxTmlbDjModal>
<WjxWjxxTmlbDjjgModal ref="WjxWjxxTmlbDjjgModalPage" @success="handleSuccess"></WjxWjxxTmlbDjjgModal>
</div>
</template>
<script lang="ts" name="zyInfoStudent-zyInfoStudent" setup>
import { ref, reactive,defineExpose,unref } from 'vue';
import { useListPage } from '/@/hooks/system/useListPage';
import { columnsKccyStu } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.data';
import { stuKccyList } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.api';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import WjxWjxxTmlbDjModal from '/@/views/kc/wjxWjxx/components/WjxWjxxTmlbDjModal.vue'
import WjxWjxxTmlbDjjgModal from '/@/views/kc/wjxWjxx/components/WjxWjxxTmlbDjjgModal.vue'
import { useGlobSetting } from '/@/hooks/setting';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
import { JInput } from '/@/components/Form';
import { useRouter } from 'vue-router';
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh,xqxn,type,teano } = query;//
const { createMessage } = useMessage();
const queryParam = ref<any>({rwbh,xqxn,teano,atype:'6'});
const WjxWjxxTmlbDjModalPage = ref();
const WjxWjxxTmlbDjjgModalPage = ref();
//table
const { prefixCls, tableContext} = useListPage({
tableProps: {
api: stuKccyList,
columns:columnsKccyStu,
canResize:false,
useSearchForm: false,
actionColumn: {
width: '150px',
fixed: 'right',
},
showTableSetting: true,
defSort: {
field: 'name',
order: 'ascend',
},
beforeFetch: (params) => {
params.column = 'createTime',params.order = 'desc';//
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 handleDj(record: Recordable) {
let timestamp = new Date().getTime();
let startTimestamp = Date.parse(record.startTime);
if(timestamp<startTimestamp){
createMessage.error('还未到答卷时间!');
return;
}
let endTimestamp = Date.parse(record.endTime+" 23:59:59");
if(timestamp>endTimestamp){
createMessage.error('答卷时间已过!');
return;
}
WjxWjxxTmlbDjModalPage.value.disableSubmit = false;
WjxWjxxTmlbDjModalPage.value.edit(record,false,"6",'xs');
}
/**
* 答卷详情
*/
function handleDjjg(record: Recordable) {
WjxWjxxTmlbDjjgModalPage.value.disableSubmit = true;
WjxWjxxTmlbDjjgModalPage.value.edit(record.djId,false);
}
/**
* 成功回调
*/
function handleSuccess() {
selectedRowKeys.value = [];
reload();
}
/**
* 操作栏
*/
function getTableAction(record) {
// <a-button type="primary" @click="handleDj(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.flag=='-1'"></a-button>
// <a-button type="primary" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);color:#ffffff" v-if="item.flag=='0'" disabled></a-button>
// <a-button type="primary" @click="handleDjjg(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.flag=='1'"></a-button>
if(record.flag == '-1'){
var list = [
{
label: '开始测验',
onClick: handleDj.bind(null, record),
},
];
return list;
}else if(record.flag == '0'){
return null;
}else{
var list = [
{
label: '查看结果',
onClick: handleDjjg.bind(null, record),
},
];
return list;
}
}
/**
* 查询
*/
function searchQuery() {
selectedRowKeys.value = [];
reload();
}
</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

@ -23,7 +23,6 @@
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
</a-col>
</span>
</a-col>

View File

@ -0,0 +1,27 @@
<template>
<div style="background: #fff;height: 97%;margin: 10px 0;">
<div style="text-align:right;width:100%;">
<a-switch v-model:checked="checked1" checkedChildren="卡片" unCheckedChildren="列表" @change="onChange1"/>
</div>
<div v-if="checked1">
<WjxCswjStuList/>
</div>
<div v-if="!checked1">
<WjxCswjStuLiebiaoList/>
</div>
</div>
</template>
<script lang="ts" name="zyInfo-zyInfo" setup>
import { ref, reactive, onMounted,unref } from 'vue';
import WjxCswjStuLiebiaoList from '/@/views/kc/wjxCswj/WjxCswjStuLiebiaoList.vue'
import WjxCswjStuList from '/@/views/kc/wjxCswj/WjxCswjStuList.vue'
const checked1 = ref(true);
function onChange1(record){
}
</script>
<style lang="less" scoped>
</style>

View File

@ -0,0 +1,205 @@
<template>
<div style="margin-top:20px;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="7">
<a-form-item label="测验名称">
<a-input placeholder="请输入测验名称" v-model:value="queryParam.title"></a-input>
</a-form-item>
</a-col>
<a-col :lg="7">
<a-form-item label="测验类型">
<a-select placeholder="请选择问卷状态" ref="select" v-model:value="queryParam.flag">
<a-select-option value="">全部</a-select-option>
<a-select-option value="-1">待提交</a-select-option>
<!-- <a-select-option value="0">待评分</a-select-option> -->
<a-select-option value="1">已完成</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
</a-col>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!--引用表格-->
<BasicTable @register="registerTable" style="margin-top:-20px;">
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
<!--字段回显插槽-->
<template #htmlSlot="{text}">
<div v-html="text"></div>
</template>
<!--省市区字段回显插槽-->
</BasicTable>
<!-- 表单区域 -->
<WjxWjxxTmlbDjModal ref="WjxWjxxTmlbDjModalPage" @success="handleSuccess"></WjxWjxxTmlbDjModal>
<WjxWjxxTmlbDjjgModal ref="WjxWjxxTmlbDjjgModalPage" @success="handleSuccess"></WjxWjxxTmlbDjjgModal>
</div>
</template>
<script lang="ts" name="zyInfoStudent-zyInfoStudent" setup>
import { ref, reactive,defineExpose,unref } from 'vue';
import { useListPage } from '/@/hooks/system/useListPage';
import { columnsKccyStu } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.data';
import { stuKccyList } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.api';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import WjxWjxxTmlbDjModal from '/@/views/kc/wjxWjxx/components/WjxWjxxTmlbDjModal.vue'
import WjxWjxxTmlbDjjgModal from '/@/views/kc/wjxWjxx/components/WjxWjxxTmlbDjjgModal.vue'
import { useGlobSetting } from '/@/hooks/setting';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
import { JInput } from '/@/components/Form';
import { useRouter } from 'vue-router';
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh,xqxn,type,teano } = query;//
const { createMessage } = useMessage();
const queryParam = ref<any>({rwbh,xqxn,teano,atype:'1'});
const WjxWjxxTmlbDjModalPage = ref();
const WjxWjxxTmlbDjjgModalPage = ref();
//table
const { prefixCls, tableContext} = useListPage({
tableProps: {
api: stuKccyList,
columns:columnsKccyStu,
canResize:false,
useSearchForm: false,
actionColumn: {
width: '150px',
fixed: 'right',
},
showTableSetting: true,
defSort: {
field: 'name',
order: 'ascend',
},
beforeFetch: (params) => {
params.column = 'createTime',params.order = 'desc';//
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 handleDj(record: Recordable) {
let timestamp = new Date().getTime();
let startTimestamp = Date.parse(record.startTime);
if(timestamp<startTimestamp){
createMessage.error('还未到答卷时间!');
return;
}
let endTimestamp = Date.parse(record.endTime+" 23:59:59");
if(timestamp>endTimestamp){
createMessage.error('答卷时间已过!');
return;
}
WjxWjxxTmlbDjModalPage.value.disableSubmit = false;
WjxWjxxTmlbDjModalPage.value.edit(record,false,"6",'xs');
}
/**
* 答卷详情
*/
function handleDjjg(record: Recordable) {
WjxWjxxTmlbDjjgModalPage.value.disableSubmit = true;
WjxWjxxTmlbDjjgModalPage.value.edit(record.djId,false);
}
/**
* 成功回调
*/
function handleSuccess() {
selectedRowKeys.value = [];
reload();
}
/**
* 操作栏
*/
function getTableAction(record) {
// <a-button type="primary" @click="handleDj(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.flag=='-1'"></a-button>
// <a-button type="primary" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);color:#ffffff" v-if="item.flag=='0'" disabled></a-button>
// <a-button type="primary" @click="handleDjjg(item)" style="margin-left:5px;padding: 0px 8px;background:rgb(28, 132, 198);" v-if="item.flag=='1'"></a-button>
if(record.flag == '-1'){
var list = [
{
label: '开始答卷',
onClick: handleDj.bind(null, record),
},
];
return list;
}else if(record.flag == '0'){
return null;
}else{
var list = [
{
label: '查看结果',
onClick: handleDjjg.bind(null, record),
},
];
return list;
}
}
/**
* 查询
*/
function searchQuery() {
selectedRowKeys.value = [];
reload();
}
</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

@ -0,0 +1,27 @@
<template>
<div style="background: #fff;height: 97%;margin: 10px 0;">
<div style="text-align:right;width:100%;">
<a-switch v-model:checked="checked1" checkedChildren="卡片" unCheckedChildren="列表" @change="onChange1"/>
</div>
<div v-if="checked1">
<WjxDcwjStuList/>
</div>
<div v-if="!checked1">
<WjxDcwjStuLiebiaoList/>
</div>
</div>
</template>
<script lang="ts" name="zyInfo-zyInfo" setup>
import { ref, reactive, onMounted,unref } from 'vue';
import WjxDcwjStuLiebiaoList from '/@/views/kc/wjxDcwj/WjxDcwjStuLiebiaoList.vue'
import WjxDcwjStuList from '/@/views/kc/wjxDcwj/WjxDcwjStuList.vue'
const checked1 = ref(true);
function onChange1(record){
}
</script>
<style lang="less" scoped>
</style>

View File

@ -16,21 +16,23 @@
<!-- <a-menu-item key="2" @click="getGzt('tzgg')">通知公告</a-menu-item> -->
<a-menu-item key="3" @click="getGzt('stuJiaoXueDanYuanNeiRong')">教学单元</a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub4">
<a-menu-item key="sub4">
<span @click="getGzt('dqzy')">课程作业</span>
</a-menu-item>
<a-menu-item key="sub7">
<span @click="getGzt('kcjc')">课程测验</span>
</a-menu-item>
<!-- <a-sub-menu key="sub4">
<template #title>作业/测验</template>
<a-menu-item key="4" @click="getGzt('dqzy')">课程作业</a-menu-item>
<a-menu-item key="5" @click="getGzt('kcjc')">课程测验</a-menu-item>
</a-sub-menu>
</a-sub-menu> -->
<a-menu-item key="sub5">
<span @click="getGzt('dcwj')">问卷调查</span>
</a-menu-item>
<a-menu-item key="sub6">
<span @click="getGzt('tlq')">讨论区</span>
</a-menu-item>
<!-- <a-menu-item key="sub6">
<span>讨论区</span>
</a-menu-item>
-->
</a-menu>
</a-col>
<a-col :lg="0" :xs="{ span: 24 }" style="text-align: right;">

View File

@ -0,0 +1,365 @@
<template>
<div style="margin-top:20px;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<!-- <a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="8">
<a-form-item label="作业名称">
<j-input placeholder="请输入作业名称" v-model:value="queryParam.title"></j-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
</a-col>
</span>
</a-col>
</a-row>
</a-form> -->
</div>
<!--引用表格-->
<BasicTable @register="registerTable" style="margin-top:-20px;">
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
<!--字段回显插槽-->
<template #htmlSlot="{text}">
<div v-html="text"></div>
</template>
<!--省市区字段回显插槽-->
<template #wwsftgaction="{text,record}">
<span v-if="record.wwcc=='0'">-</span>
<span v-else>
<template v-if="record.wwfilestateid=='3'">
<span :title="record.wwmessage?record.wwmessage:'暂无原因,请联系管理员'" style="color:red;">检测失败</span>
</template>
<template v-else>
<span v-if="text=='通过'" style="color: green;padding: 5px 15px;cursor:pointer" title="通过(点击可查看对比结果)" @click="handleYulan(record.wwpaperviewurl)">{{record.wwxsl}}%</span>
<span v-else-if="text=='未通过'" style="color: red;padding: 5px 15px;cursor:pointer" title="未通过(点击可查看对比结果)" @click="handleYulan(record.wwpaperviewurl)">{{record.wwxsl}}%</span>
<span v-else-if="text&&text.indexOf('失败')>-1" style="color: red;padding: 5px 15px;cursor:pointer" :title="text">{{text}}</span>
<span v-else>
<span v-if="record.filePath">检测中</span>
<span v-else>未提交</span>
</span>
</template>
</span>
</template>
<template #nwsftgaction="{text,record}">
<span v-if="record.nwcc=='0'">-</span>
<span v-else>
<template v-if="record.zyfilestateid=='3'">
<span :title="record.zymessage?record.zymessage:'暂无原因,请联系管理员'" style="color:red;">检测失败</span>
</template>
<template v-else>
<span v-if="text=='通过'" style="color: green;padding: 5px 15px;cursor:pointer" title="通过(点击可查看对比结果)" @click="handleYulan(record.zypaperviewurl)">{{record.nwxsl}}%</span>
<span v-else-if="text=='未通过'" style="color: red;padding: 5px 15px;cursor:pointer" title="未通过(点击可查看对比结果)" @click="handleYulan(record.zypaperviewurl)">{{record.nwxsl}}%</span>
<span v-else-if="text&&text.indexOf('失败')>-1" style="color: red;padding: 5px 15px;cursor:pointer" :title="text">{{text}}</span>
<span v-else>
<span v-if="record.filePath">检测中</span>
<span v-else>未提交</span>
</span>
</template>
</span>
</template>
<template #aigcsftgaction="{text,record}">
<span v-if="record.aigccc=='0'">-</span>
<span v-else>
<template v-if="record.aigcfilestateid=='3'">
<span :title="record.aigcmessage?record.aigcmessage:'暂无原因,请联系管理员'" style="color:red;">检测失败</span>
</template>
<template v-else>
<span v-if="text=='通过'" style="color: green;padding: 5px 15px;cursor:pointer" title="通过(点击可查看对比结果)" @click="handleYulan(record.aigcpaperviewurl)">{{record.aigcxsl}}%</span>
<span v-else-if="text=='未通过'" style="color: red;padding: 5px 15px;cursor:pointer" title="未通过(点击可查看对比结果)" @click="handleYulan(record.aigcpaperviewurl)">{{record.aigcxsl}}%</span>
<span v-else-if="text&&text.indexOf('失败')>-1" style="color: red;padding: 5px 15px;cursor:pointer" :title="text">{{text}}</span>
<span v-else>
<span v-if="record.filePath">检测中</span>
<span v-else>未提交</span>
</span>
</template>
</span>
</template>
<template #xnsftgaction="{text,record}">
<span v-if="record.xncc=='0'">-</span>
<span v-else>
<template v-if="record.xxfilestateid=='3'">
<span :title="record.xxmessage?record.xxmessage:'暂无原因,请联系管理员'" style="color:red;">检测失败</span>
</template>
<template v-else>
<span v-if="text=='通过'" style="color: green;padding: 5px 15px;cursor:pointer" title="通过(点击可查看对比结果)" @click="handleYulan(record.xxpaperviewurl)">{{record.xnxsl}}%</span>
<span v-else-if="text=='未通过'" style="color: red;padding: 5px 15px;cursor:pointer" title="未通过(点击可查看对比结果)" @click="handleYulan(record.xxpaperviewurl)">{{record.xnxsl}}%</span>
<span v-else-if="text&&text.indexOf('失败')>-1" style="color: red;padding: 5px 15px;cursor:pointer" :title="text">{{text}}</span>
<span v-else>
<span v-if="record.filePath">检测中</span>
<span v-else>未提交</span>
</span>
</template>
</span>
</template>
</BasicTable>
<!-- 表单区域 -->
<ZyInfoDetailModal ref="registerModal" @success="handleSuccess"></ZyInfoDetailModal>
<ZyInfoStudentListModal ref="ZyInfoStudentListModalPage"></ZyInfoStudentListModal>
<ZyInfoStudentModal ref="ZyInfoStudentModalPage" @success="handleSuccess"></ZyInfoStudentModal>
<XxhbbksListModal ref="XxhbbksListModalPage"></XxhbbksListModal>
</div>
</template>
<script lang="ts" name="zyInfoStudent-zyInfoStudent" setup>
import { ref, reactive,defineExpose,unref } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { columnsStu } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.data';
import { stuList, deleteOne, batchDelete, getImportUrl, getExportUrl,batchFabu } from '/@/views/zy/zyInfoStudent/ZyInfoStudent.api';
import { downloadFile } from '/@/utils/common/renderUtils';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
// import ZyInfoStudentModal from '/@/views/zy/zyInfoStudent/components/ZyInfoStudentModal.vue'
// import SzybStudentModal from '/@/views/zy/zyInfoStudent/components/SzybStudentModal.vue';
// import ZyInfoStudentScoreModal from '/@/views/zy/zyInfoStudent/components/ZyInfoStudentScoreModal.vue'
import ZyInfoDetailModal from './components/ZyInfoDetailModal.vue';
import ZyInfoStudentListModal from '/@/views/zy/zyInfoStudent/ZyInfoStudentListModal.vue';
import ZyInfoStudentModal from '/@/views/zy/zyInfoStudent/components/ZyInfoStudentModal.vue';
import XxhbbksListModal from '/@/views/kc/xxhbbks/XxhbbksListModal.vue';
import { useGlobSetting } from '/@/hooks/setting';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
import { JInput } from '/@/components/Form';
import { useRouter } from 'vue-router';
const { currentRoute } = useRouter();
const { query } = unref(currentRoute);
const { rwbh,xqxn,type,teano } = query;//
const { createMessage } = useMessage();
const globSetting = useGlobSetting();
const baseApiUrl = globSetting.domainUrl;
const queryParam = ref<any>({rwbh,xqxn,teano,zyStatus:'1,2,3,4'});
const mainId = ref<string>('');
const toggleSearchStatus = ref<boolean>(false);
// const registerModal = ref();
// const registerScoreModal = ref();
// const SzybStudentModalpage = ref();
const registerModal = ref();
const ZyInfoStudentListModalPage = ref();
const ZyInfoStudentModalPage = ref();
const XxhbbksListModalPage = ref();
//table
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
tableProps: {
api: stuList,
columns:columnsStu,
canResize:false,
useSearchForm: false,
actionColumn: {
width: '150px',
fixed: 'right',
},
showTableSetting: true,
defSort: {
field: 'name',
order: 'ascend',
},
beforeFetch: (params) => {
params.column = 'createTime',params.order = 'desc';//
return Object.assign(params, queryParam.value);
},
},
exportConfig: {
name: "学生作业信息",
url: getExportUrl,
params: () => {
return Object.assign({},queryParam.value);
}
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
});
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 handleDetail(record: Recordable) {
registerModal.value.disableSubmit = true;
registerModal.value.edit(record);
}
//
function handleShangchuan(record){
let timestamp = new Date().getTime();
let startTimestamp = Date.parse(record.startTime);
if(timestamp<startTimestamp){
createMessage.error('还未到提交作业时间!');
return;
}
let endTimestamp = Date.parse(record.endTime+" 23:59:59");
if(timestamp>endTimestamp){
createMessage.error('提交作业时间已过!');
return;
}
ZyInfoStudentModalPage.value.disableSubmit = false;
var param = {id:record.stuId,zyfj:record.filePath}
ZyInfoStudentModalPage.value.edit(param);
// createConfirm({
// iconType: 'warning',
// title: '',
// content: '',
// okText: '',
// cancelText: '',
// onOk: () => {
// ZyInfoStudentModalPage.value.disableSubmit = false;
// var param = {id:record.stuId,zyfj:record.filePath}
// ZyInfoStudentModalPage.value.edit(param);
// }
// });
}
//
function handlePreview(record){
var url2 = getFileAccessHttpUrl(record.stuPdfPath)
let url = baseApiUrl+"/generic/web/viewer.html?file="+encodeURIComponent(url2);
window.open(url,"_blank")
}
function handleDownload(record){
downloadFile(record.stuFilePath)
}
/**
* 成功回调
*/
function handleSuccess() {
selectedRowKeys.value = [];
reload();
}
function handleDown(text){
downloadFile(text);
}
/**
* 操作栏
*/
function getTableAction(record) {
// <a-button type="primary" @click="handleDetail(item)" style="margin-left:5px;background:rgb(28, 132, 198);"></a-button>
// <a-button type="primary" @click="handleShangchuan(item)" style="margin-left:5px;background:rgb(28, 132, 198);" v-if="!item.stuFilePath"></a-button>
// <a-button type="primary" @click="handleDownload(item)" style="margin-left:5px;background:rgb(28, 132, 198);" v-if="item.stuFilePath"></a-button>
// <a-button type="primary" @click="handlePreview(item)" style="margin-left:5px;background:rgb(28, 132, 198);" v-if="item.stuFilePath"></a-button>
if(record.filePath){
var list = [
{
label: '详情',
onClick: handleDetail.bind(null, record),
},
{
label: '下载',
onClick: handleDownload.bind(null, record),
},
{
label: '预览',
onClick: handlePreview.bind(null, record),
},
];
return list;
}else{
var list = [
{
label: '详情',
onClick: handleDetail.bind(null, record),
},
{
label: '上传',
onClick: handleShangchuan.bind(null, record),
},
];
return list;
}
}
function handleYulan(text){
window.open(text,"_blank")
}
/**
* 查询
*/
function searchQuery() {
selectedRowKeys.value = [];
reload();
}
/**
* 重置
*/
function searchReset() {
queryParam.value = {};
selectedRowKeys.value = [];
queryParam.value.mainId = mainId;
//
reload();
}
function init(record){
selectedRowKeys.value = [];
queryParam.value = {};
queryParam.value.mainId = record.id;
queryParam.value.queryType = record.queryType;
mainId.value = record.id;
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

@ -1,7 +1,7 @@
<template>
<div style="background: #fff;height: calc(100vh - 225px);overflow-y: auto;overflow-x: hidden;margin: 10px 0;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<!-- <div class="jeecg-basic-table-form-container">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="8">
@ -9,16 +9,6 @@
<j-input placeholder="请输入作业名称" v-model:value="queryParam.title"></j-input>
</a-form-item>
</a-col>
<!-- <a-col :lg="8">
<a-form-item label="类型">
<j-dict-select-tag placeholder="请选择类型" v-model:value="queryParam.zyType" dictCode="zy_type"/>
</a-form-item>
</a-col> -->
<!-- <a-col :lg="8">
<a-form-item label="学年学期">
<a-input placeholder="请输入学年学期" v-model:value="queryParam.xnxq"></a-input>
</a-form-item>
</a-col> -->
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="6">
@ -29,7 +19,7 @@
</a-col>
</a-row>
</a-form>
</div>
</div> -->
<a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 5px 5px;overflow:hidden;">
<div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
@ -138,8 +128,10 @@ const baseApiUrl = globSetting.domainUrl;
}else if(record.stuFilePath){
text = "检测中";
}else{
text = "-";
text = "待提交";
}
}else{
text = "不查重";
}
}else if(type=='2'){
if(record.nwcc=='1'){
@ -150,8 +142,10 @@ const baseApiUrl = globSetting.domainUrl;
}else if(record.stuFilePath){
text = "检测中";
}else{
text = "-";
text = "待提交";
}
}else{
text = "不查重";
}
}else if(type=='3'){
if(record.aigccc=='1'){
@ -162,8 +156,10 @@ const baseApiUrl = globSetting.domainUrl;
}else if(record.stuFilePath){
text = "检测中";
}else{
text = "-";
text = "待提交";
}
}else{
text = "不查重";
}
}else if(type=='4'){
if(record.xncc=='1'){
@ -174,15 +170,17 @@ const baseApiUrl = globSetting.domainUrl;
}else if(record.stuFilePath){
text = "检测中";
}else{
text = "-";
text = "待提交";
}
}else{
text = "不查重";
}
}
return text;
}
function classFun(record){
if(record.score){
if(record.stuscore){
return "background: #18a689";
}else if(record.stuFilePath){
return "background: #c6c209";

View File

@ -0,0 +1,27 @@
<template>
<div style="background: #fff;height: 97%;margin: 10px 0;">
<div style="text-align:right;width:100%;">
<a-switch v-model:checked="checked1" checkedChildren="卡片" unCheckedChildren="列表" @change="onChange1"/>
</div>
<div v-if="checked1">
<StudentZyInfoList/>
</div>
<div v-if="!checked1">
<StudentZyInfoLiebiaoList/>
</div>
</div>
</template>
<script lang="ts" name="zyInfo-zyInfo" setup>
import { ref, reactive, onMounted,unref } from 'vue';
import StudentZyInfoLiebiaoList from '/@/views/zy/zyInfo/StudentZyInfoLiebiaoList.vue'
import StudentZyInfoList from '/@/views/zy/zyInfo/StudentZyInfoList.vue'
const checked1 = ref(true);
function onChange1(record){
}
</script>
<style lang="less" scoped>
</style>

View File

@ -5,7 +5,9 @@ const { createConfirm } = useMessage();
enum Api {
list = '/zyInfoStudent/zyInfoStudent/list',
stuList = '/zyInfo/zyInfo/stuList',
cdxxlist = '/zyInfoStudent/zyInfoStudent/cdxxlist',
stuKccyList = '/wjxWjxx/wjxWjxx/stuList',
save='/zyInfoStudent/zyInfoStudent/add',
edit='/zyInfoStudent/zyInfoStudent/edit',
zyscStu='/zyInfoStudent/zyInfoStudent/zyscStu',
@ -34,6 +36,8 @@ export const getImportUrl = Api.importExcel;
* @param params
*/
export const list = (params) => defHttp.get({ url: Api.list, params });
export const stuList = (params) => defHttp.get({ url: Api.stuList, params });
export const stuKccyList = (params) => defHttp.get({ url: Api.stuKccyList, params });
export const cdxxlist = (params) => defHttp.get({ url: Api.cdxxlist, params });
export const getQuaList = (params) => defHttp.get({ url: Api.getQuaList, params });

View File

@ -66,6 +66,91 @@ export const columns: BasicColumn[] = [
];
//列表数据
export const columnsStu: BasicColumn[] = [
{
title: '作业名称',
align: "center",
dataIndex: 'title',
// sorter: true,
},
{
title: '开始时间',
align: "center",
dataIndex: 'startTime',
// sorter: true,
},
{
title: '结束时间',
align: "center",
dataIndex: 'endTime',
// sorter: true,
},
{
title: '评分',
align: "center",
dataIndex: 'stuscore',
// sorter: true,
},
{
title: '存档类型',
align: "center",
dataIndex: 'cdlx_dictText',
// sorter: true,
},
{
title: '网络查重',
align: "center",
dataIndex: 'wwsftg',
slots: { customRender: 'wwsftgaction' },
// sorter: true,
},
{
title: '作业查重',
align: "center",
dataIndex: 'nwsftg',
slots: { customRender: 'nwsftgaction' },
// sorter: true,
},
{
title: 'Aigc查重',
align: "center",
dataIndex: 'aigcsftg',
slots: { customRender: 'aigcsftgaction' },
// sorter: true,
},
{
title: '校内查重',
align: "center",
dataIndex: 'xnsftg',
slots: { customRender: 'xnsftgaction' },
// sorter: true,
},
];
//列表数据
export const columnsKccyStu: BasicColumn[] = [
{
title: '测验名称',
align: "center",
dataIndex: 'title',
// sorter: true,
},
{
title: '开始时间',
align: "center",
dataIndex: 'startTime',
// sorter: true,
},
{
title: '结束时间',
align: "center",
dataIndex: 'endTime',
// sorter: true,
},
];
export const htcxcolumns: BasicColumn[] = [
{
title: '作业名称',