页面高度调整,增加滚动条

This commit is contained in:
曹磊 2024-05-23 17:30:43 +08:00
parent db0b90370a
commit af8d6673d5
22 changed files with 100 additions and 82 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 600px;padding: 10px 0;overflow-y: auto;overflow-x: hidden;"> <div style="background: #fff;height: calc(100vh - 255px);overflow-y: auto;overflow-x: hidden;padding: 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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -30,7 +30,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 280px;"> <a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div> <div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div>
@ -282,6 +282,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 600px;padding: 10px 0;overflow-y: auto;overflow-x: hidden;"> <div style="background: #fff;height: calc(100vh - 255px);overflow-y: auto;overflow-x: hidden;padding: 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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -33,7 +33,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 280px;"> <a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div> <div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div>
@ -292,6 +292,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width:99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 210px;"> <a-card style="height: 210px;">
<div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div> <div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div>
@ -206,6 +206,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <div style="background: #fff;height: calc(100vh - 255px);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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -30,7 +30,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 280px;"> <a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div> <div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div>
@ -279,6 +279,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <div style="background: #fff;height: calc(100vh - 255px);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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -32,7 +32,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 280px;"> <a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div> <div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div>
@ -295,6 +295,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width:99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 210px;"> <a-card style="height: 210px;">
<div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div> <div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div>
@ -206,6 +206,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="margin-top:10px;background:#fff;height:630px;overflow:auto;"> <div style="margin-top:10px;background:#fff;height: calc(100vh - 225px);overflow:auto;">
<a-card> <a-card>
<div> <div>
<a-row> <a-row>

View File

@ -32,7 +32,7 @@
import footerPage from '/@/views/site/common/footer.vue'; import footerPage from '/@/views/site/common/footer.vue';
import dqxqkcMenu from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkcMenu.vue'; import dqxqkcMenu from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkcMenu.vue';
import dqxqkc from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkc.vue'; import dqxqkc from '/@/views/site/renKeJiaoCheng/checkKecheng/dqxqkc.vue';
const maxClassName = ref<any>({}); const maxClassName = ref<any>({});
const selectedKeys = ref<string[]>([]); const selectedKeys = ref<string[]>([]);
// //
@ -41,7 +41,7 @@
const { rwbh,xqxn } = query;// const { rwbh,xqxn } = query;//
let router = useRouter(); let router = useRouter();
const kcxxInfo = ref<string>(''); const kcxxInfo = ref<string>('');
// //
onMounted(() => { onMounted(() => {
@ -51,7 +51,7 @@
kcxxInfo.value = res; kcxxInfo.value = res;
}); });
}); });
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#siteMain { #siteMain {
@ -90,4 +90,4 @@
} }
} }
} }
</style> </style>

View File

@ -1,12 +1,12 @@
<template> <template>
<div id="siteMain" style="min-height: calc(100vh - 160px);"> <div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-menu <a-menu
v-model:openKeys="openKeys" v-model:openKeys="openKeys"
v-model:selectedKeys="selectedKeys" v-model:selectedKeys="selectedKeys"
style="width: 98%;min-height: calc(100vh - 142px);margin: 10px 0;" style="width: 98%;min-height: calc(100vh - 225px);margin: 10px 0;"
mode="inline" mode="inline"
> >
<a-sub-menu key="sub1"> <a-sub-menu key="sub1">
<template #title>教学内容</template> <template #title>教学内容</template>

View File

@ -1,10 +1,10 @@
<template> <template>
<div id="siteMain" style="min-height: calc(100vh - 160px);"> <div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-menu <a-menu
v-model:selectedKeys="selectedKeys" v-model:selectedKeys="selectedKeys"
style="width: 98%;min-height: calc(100vh - 142px);margin: 10px 0;" style="width: 98%;min-height: calc(100vh - 225px);margin: 10px 0;"
mode="inline" mode="inline"
> >
<a-sub-menu key="sub1"> <a-sub-menu key="sub1">

View File

@ -1,10 +1,10 @@
<template> <template>
<div id="siteMain" style="height: 640px;"> <div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
<a-menu <a-menu
v-model:selectedKeys="selectedKeys" v-model:selectedKeys="selectedKeys"
style="width: 98%;height:640px; margin: 10px 0;" style="width: 98%;min-height: calc(100vh - 225px); margin: 10px 0;"
mode="inline" mode="inline"
> >
<a-sub-menu key="sub1"> <a-sub-menu key="sub1">

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="margin-top:10px;background:#fff;height:642px;overflow:auto;"> <div style="margin-top:10px;background:#fff;height: calc(100vh - 225px);overflow: auto;">
<a-card> <a-card>
<div> <div>
<a-row> <a-row>

View File

@ -475,10 +475,12 @@
<style lang="less" scoped> <style lang="less" scoped>
.max { .max {
height: calc(-132px + 100vh); height: calc(100vh - 225px);
//height: calc(-132px + 100vh);
// min-height: calc(-132px + 100vh); // min-height: calc(-132px + 100vh);
// max-height: calc(-132px + 100vh); // max-height: calc(-132px + 100vh);
overflow: hidden; overflow: auto;
//overflow: hidden;
.maxDiv { .maxDiv {
height: calc(100% - 94px); height: calc(100% - 94px);
overflow-y: auto; overflow-y: auto;

View File

@ -459,10 +459,12 @@
<style lang="less" scoped> <style lang="less" scoped>
.max { .max {
height: calc(-132px + 100vh); height: calc(100vh - 225px);
//height: calc(-132px + 100vh);
// min-height: calc(-132px + 100vh); // min-height: calc(-132px + 100vh);
// max-height: calc(-132px + 100vh); // max-height: calc(-132px + 100vh);
overflow: hidden; overflow: auto;
//overflow: hidden;
.maxDiv { .maxDiv {
height: calc(100% - 94px); height: calc(100% - 94px);
overflow-y: auto; overflow-y: auto;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height:642px;margin-top:10px;"> <div style="background: #fff;height: calc(100vh - 225px);overflow: auto;margin-top:10px;">
<!--查询区域--> <!--查询区域-->
<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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -26,7 +26,6 @@
<a-collapse-panel :key="index" > <a-collapse-panel :key="index" >
<template #header> <template #header>
<sapn style="font-size: 16px; font-weight: bold;">{{index+1}}.{{item.title}}</sapn> <sapn style="font-size: 16px; font-weight: bold;">{{index+1}}.{{item.title}}</sapn>
</template> </template>
<div v-html="item.content"></div> <div v-html="item.content"></div>
<!-- <setting-outlined /> --> <!-- <setting-outlined /> -->
@ -44,7 +43,7 @@
<a-empty/> <a-empty/>
</a-col> </a-col>
</a-row> </a-row>
</div> </div>
</template> </template>
@ -86,7 +85,7 @@
function searchQuery() { function searchQuery() {
reload(1); reload(1);
} }
/** /**
* 重置 * 重置
*/ */
@ -98,7 +97,7 @@
// //
reload(1); reload(1);
} }
// //
function handlePageChange(page: number) { function handlePageChange(page: number) {
reload(page); reload(page);

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;min-height:97.5%;margin-top:10px;"> <div style="background: #fff;height: calc(100vh - 225px);overflow: auto;margin-top:10px;">
<!--查询区域--> <!--查询区域-->
<div class="jeecg-basic-table-form-container" style="border-bottom: 2px solid #f0f0f0;"> <div class="jeecg-basic-table-form-container" style="border-bottom: 2px solid #f0f0f0;">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol" style="padding: 20px 10px 0px 10px;"> <a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol" style="padding: 20px 10px 0px 10px;">

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);"> <a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" :style="classFun(item)">{{callText(item)}}</div> <div class="rotate" :style="classFun(item)">{{callText(item)}}</div>
@ -232,6 +232,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <div style="background: #fff;height: calc(100vh - 225px);overflow-y: auto;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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -37,7 +37,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 210px;border: 1px solid rgb(28, 132, 198);"> <a-card style="height: 210px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" >{{item.zyStatus_dictText}}</div> <div class="rotate" >{{item.zyStatus_dictText}}</div>
@ -245,6 +245,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <div style="background: #fff;height: calc(100vh - 255px);overflow-y: auto;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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -26,7 +26,7 @@
</a-form> </a-form>
</div> </div>
<a-row> <a-row>
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);"> <a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" :style="classFun(item.zyStatus)">{{item.zyStatus_dictText}}</div> <div class="rotate" :style="classFun(item.zyStatus)">{{item.zyStatus_dictText}}</div>
@ -37,7 +37,7 @@
<a-col :span="24" class="zyCon">时间{{item.startTime}} - {{item.endTime}}</a-col> <a-col :span="24" class="zyCon">时间{{item.startTime}} - {{item.endTime}}</a-col>
<a-col :span="24" class="zyCon"><div style="float:left">{{item.xnxq}}</div><div style="float:right;" @click="openXkrs(item)"><a>{{item.xkxs}}人选课</a></div></a-col> <a-col :span="24" class="zyCon"><div style="float:left">{{item.xnxq}}</div><div style="float:right;" @click="openXkrs(item)"><a>{{item.xkxs}}人选课</a></div></a-col>
<a-col :span="24" class="zyCon"><div style="float:left">未提交{{item.wtjnum?item.wtjnum:0}};</div><div style="float:right;" >已提交{{item.ytjnum?item.ytjnum:0}}</div></a-col> <a-col :span="24" class="zyCon"><div style="float:left">未提交{{item.wtjnum?item.wtjnum:0}};</div><div style="float:right;" >已提交{{item.ytjnum?item.ytjnum:0}}</div></a-col>
<a-col :span="24" style="text-align:center;margin-top:20px;"> <a-col :span="24" style="text-align:center;margin-top:20px;">
<a-button type="primary" @click="handleDetail(item)" style="margin-left:5px;background:rgb(28, 132, 198);">详情</a-button> <a-button type="primary" @click="handleDetail(item)" style="margin-left:5px;background:rgb(28, 132, 198);">详情</a-button>
<a-button type="primary" @click="handleZyxx(item)" style="margin-left:5px;background:rgb(28, 132, 198);" >作业</a-button> <a-button type="primary" @click="handleZyxx(item)" style="margin-left:5px;background:rgb(28, 132, 198);" >作业</a-button>
@ -76,7 +76,7 @@
import XxhbbksListModal from '/@/views/kc/xxhbbks/XxhbbksListModal.vue'; import XxhbbksListModal from '/@/views/kc/xxhbbks/XxhbbksListModal.vue';
// //
const { currentRoute } = useRouter(); const { currentRoute } = useRouter();
const { query } = unref(currentRoute); const { query } = unref(currentRoute);
@ -94,7 +94,7 @@
const pageNo = ref<number>(0); const pageNo = ref<number>(0);
const pageSize = ref<number>(6); const pageSize = ref<number>(6);
const tableData = ref<any>([]); const tableData = ref<any>([]);
const labelCol = reactive({ const labelCol = reactive({
xs: { span: 24 }, xs: { span: 24 },
@ -119,7 +119,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.add(); registerModal.value.add();
} }
/** /**
* 编辑事件 * 编辑事件
*/ */
@ -127,7 +127,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.edit(record); registerModal.value.edit(record);
} }
/** /**
* 详情 * 详情
*/ */
@ -135,12 +135,12 @@
registerModal.value.disableSubmit = true; registerModal.value.disableSubmit = true;
registerModal.value.edit(record); registerModal.value.edit(record);
} }
// //
function handleZyxx(record){ function handleZyxx(record){
ZyInfoStudentListModalPage.value.disableSubmit = true; ZyInfoStudentListModalPage.value.disableSubmit = true;
ZyInfoStudentListModalPage.value.init(record); ZyInfoStudentListModalPage.value.init(record);
} }
// //
@ -156,7 +156,7 @@
ZyInfoStudentModalPage.value.disableSubmit = true; ZyInfoStudentModalPage.value.disableSubmit = true;
XxhbbksListModalPage.value.init(record); XxhbbksListModalPage.value.init(record);
} }
/** /**
* 删除事件 * 删除事件
*/ */
@ -181,39 +181,41 @@
} }
}); });
} }
/** /**
* 成功回调 * 成功回调
*/ */
function handleSuccess() { function handleSuccess() {
reload() total.value = 1;
handlePageChange(1);
} }
function handleZySuccess(zyid){ function handleZySuccess(zyid){
setTimeout(()=>{handleSuccess()}, 1500); setTimeout(()=>{handleSuccess()}, 1500);
var url = "/zyInfo/zyInfo/editStudent"; var url = "/zyInfo/zyInfo/editStudent";
defHttp.get({ url: url, params:{id:zyid} }).then((res) => { defHttp.get({ url: url, params:{id:zyid} }).then((res) => {
}); });
} }
/** /**
* 查询 * 查询
*/ */
function searchQuery() { function searchQuery() {
reload(); total.value = 1;
handlePageChange(1);
} }
/** /**
* 重置 * 重置
*/ */
function searchReset() { function searchReset() {
queryParam.value = {}; queryParam.value = {};
// total.value = 1;
reload(); handlePageChange(1);
} }
function reload(){ function reload(){
@ -232,11 +234,11 @@
tableData.value = res.records; tableData.value = res.records;
}); });
} }
function handlePageChange(record){ function handlePageChange(record){
pageNo.value = record; pageNo.value = record;
searchQuery(); reload();
} }
onMounted(() => { onMounted(() => {
@ -248,6 +250,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;
@ -277,7 +280,7 @@
.zyCon{ .zyCon{
line-height: 30px; line-height: 30px;
} }
.rotate { .rotate {
transform: rotate(45deg); transform: rotate(45deg);
// background: rgb(28, 132, 198); // background: rgb(28, 132, 198);
color: #fff; color: #fff;

View File

@ -1,10 +1,10 @@
<template> <template>
<div style="background: #fff;height: 97%;margin: 10px 0;"> <div style="background: #fff;height: calc(100vh - 255px);overflow-y: auto;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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :lg="8"> <a-col :lg="7">
<a-form-item label="作业名称"> <a-form-item label="作业名称">
<j-input placeholder="请输入作业名称" v-model:value="queryParam.title"></j-input> <j-input placeholder="请输入作业名称" v-model:value="queryParam.title"></j-input>
</a-form-item> </a-form-item>
@ -14,7 +14,7 @@
<j-dict-select-tag placeholder="请选择类型" v-model:value="queryParam.zyType" dictCode="zy_type"/> <j-dict-select-tag placeholder="请选择类型" v-model:value="queryParam.zyType" dictCode="zy_type"/>
</a-form-item> </a-form-item>
</a-col> --> </a-col> -->
<a-col :lg="8"> <a-col :lg="7">
<a-form-item label="状态"> <a-form-item label="状态">
<j-dict-select-tag placeholder="请选择状态" v-model:value="queryParam.zyStatus" dictCode="zy_status"/> <j-dict-select-tag placeholder="请选择状态" v-model:value="queryParam.zyStatus" dictCode="zy_status"/>
</a-form-item> </a-form-item>
@ -36,8 +36,8 @@
</a-row> </a-row>
</a-form> </a-form>
</div> </div>
<a-row> <a-row style="overflow:hidden;">
<a-col :span="8" v-for="(item, index) in tableData" :key="index" style="padding: 0px 0px 10px 5px;overflow:hidden;"> <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> <div style="width: 100%; height: 20px; background-color: rgb(28, 132, 198);"></div>
<a-card style="height: 290px;border: 1px solid rgb(28, 132, 198);"> <a-card style="height: 290px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" :style="classFun(item.zyStatus)">{{item.zyStatus_dictText}}</div> <div class="rotate" :style="classFun(item.zyStatus)">{{item.zyStatus_dictText}}</div>
@ -213,7 +213,6 @@ import dayjs from 'dayjs';
function handleZySuccess(zyid){ function handleZySuccess(zyid){
setTimeout(()=>{handleSuccess()}, 1500); setTimeout(()=>{handleSuccess()}, 1500);
var url = "/zyInfo/zyInfo/editStudent"; var url = "/zyInfo/zyInfo/editStudent";
defHttp.get({ url: url, params:{id:zyid} }).then((res) => { defHttp.get({ url: url, params:{id:zyid} }).then((res) => {
}); });
@ -270,6 +269,7 @@ import dayjs from 'dayjs';
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
width: 99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="margin-top:10px;background:#fff;"> <div style="margin-top:10px;background:#fff;height: calc(100vh - 225px);overflow-y: auto;overflow-x: hidden;">
<!--查询区域--> <!--查询区域-->
<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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -106,7 +106,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.add(); registerModal.value.add();
} }
/** /**
* 编辑事件 * 编辑事件
*/ */
@ -114,7 +114,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.edit(record); registerModal.value.edit(record);
} }
/** /**
* 详情 * 详情
*/ */
@ -122,21 +122,21 @@
var url = "/site/dqkcTlqjh?id="+record.id; var url = "/site/dqkcTlqjh?id="+record.id;
window.open(url,"_blank") window.open(url,"_blank")
} }
/** /**
* 删除事件 * 删除事件
*/ */
async function handleDelete(record) { async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess); await deleteOne({ id: record.id }, handleSuccess);
} }
/** /**
* 成功回调 * 成功回调
*/ */
function handleSuccess() { function handleSuccess() {
loadData(1); loadData(1);
} }
/** /**
* 查询 * 查询
@ -144,7 +144,7 @@
function searchQuery() { function searchQuery() {
loadData(1); loadData(1);
} }
/** /**
* 重置 * 重置
*/ */
@ -171,6 +171,8 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="margin-top:10px;background:#fff;"> <div style="margin-top:10px;background:#fff;height: calc(100vh - 225px);overflow-y: auto;overflow-x: hidden;">
<!--查询区域--> <!--查询区域-->
<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-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -115,7 +115,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.add(); registerModal.value.add();
} }
/** /**
* 编辑事件 * 编辑事件
*/ */
@ -123,7 +123,7 @@
registerModal.value.disableSubmit = false; registerModal.value.disableSubmit = false;
registerModal.value.edit(record); registerModal.value.edit(record);
} }
/** /**
* 详情 * 详情
*/ */
@ -131,21 +131,21 @@
var url = "/site/dqkcTlqjh?id="+record.id; var url = "/site/dqkcTlqjh?id="+record.id;
window.open(url,"_blank") window.open(url,"_blank")
} }
/** /**
* 删除事件 * 删除事件
*/ */
async function handleDelete(record) { async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess); await deleteOne({ id: record.id }, handleSuccess);
} }
/** /**
* 成功回调 * 成功回调
*/ */
function handleSuccess() { function handleSuccess() {
loadData(1); loadData(1);
} }
/** /**
* 查询 * 查询
@ -153,7 +153,7 @@
function searchQuery() { function searchQuery() {
loadData(1); loadData(1);
} }
/** /**
* 重置 * 重置
*/ */
@ -180,6 +180,8 @@
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;