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

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>
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -30,7 +30,7 @@
</a-form>
</div>
<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>
<a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div>
@ -282,6 +282,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -33,7 +33,7 @@
</a-form>
</div>
<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>
<a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div>
@ -292,6 +292,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form>
</div>
<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>
<a-card style="height: 210px;">
<div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div>
@ -206,6 +206,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -30,7 +30,7 @@
</a-form>
</div>
<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>
<a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish =='0'? '待发布':'已发布'}}</div>
@ -279,6 +279,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -32,7 +32,7 @@
</a-form>
</div>
<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>
<a-card style="height: 280px;">
<div class="rotate" :style="classFun(item.qpublish)">{{item.qpublish_dictText}}</div>
@ -295,6 +295,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form>
</div>
<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>
<a-card style="height: 210px;">
<div class="rotate" :style="classFun(item.flag)">{{getStatus(item.flag)}}</div>
@ -206,6 +206,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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>
<div>
<a-row>

View File

@ -1,11 +1,11 @@
<template>
<div id="siteMain" style="min-height: calc(100vh - 160px);">
<div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row>
<a-col :span="24">
<a-menu
v-model:openKeys="openKeys"
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"
>
<a-sub-menu key="sub1">

View File

@ -1,10 +1,10 @@
<template>
<div id="siteMain" style="min-height: calc(100vh - 160px);">
<div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row>
<a-col :span="24">
<a-menu
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"
>
<a-sub-menu key="sub1">

View File

@ -1,10 +1,10 @@
<template>
<div id="siteMain" style="height: 640px;">
<div id="siteMain" style="min-height: calc(100vh - 205px);">
<a-row>
<a-col :span="24">
<a-menu
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"
>
<a-sub-menu key="sub1">

View File

@ -1,5 +1,5 @@
<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>
<div>
<a-row>

View File

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

View File

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

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -26,7 +26,6 @@
<a-collapse-panel :key="index" >
<template #header>
<sapn style="font-size: 16px; font-weight: bold;">{{index+1}}.{{item.title}}</sapn>
</template>
<div v-html="item.content"></div>
<!-- <setting-outlined /> -->

View File

@ -1,5 +1,5 @@
<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;">
<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>
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -31,7 +31,7 @@
</a-form>
</div>
<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>
<a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" :style="classFun(item)">{{callText(item)}}</div>
@ -232,6 +232,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -37,7 +37,7 @@
</a-form>
</div>
<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>
<a-card style="height: 210px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" >{{item.zyStatus_dictText}}</div>
@ -245,6 +245,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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">
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -26,7 +26,7 @@
</a-form>
</div>
<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>
<a-card style="height: 240px;border: 1px solid rgb(28, 132, 198);">
<div class="rotate" :style="classFun(item.zyStatus)">{{item.zyStatus_dictText}}</div>
@ -187,7 +187,8 @@
* 成功回调
*/
function handleSuccess() {
reload()
total.value = 1;
handlePageChange(1);
}
function handleZySuccess(zyid){
@ -204,7 +205,8 @@
* 查询
*/
function searchQuery() {
reload();
total.value = 1;
handlePageChange(1);
}
/**
@ -212,8 +214,8 @@
*/
function searchReset() {
queryParam.value = {};
//
reload();
total.value = 1;
handlePageChange(1);
}
function reload(){
@ -236,7 +238,7 @@
function handlePageChange(record){
pageNo.value = record;
searchQuery();
reload();
}
onMounted(() => {
@ -248,6 +250,7 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width: 99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

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

View File

@ -1,5 +1,5 @@
<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" >
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -171,6 +171,8 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;

View File

@ -1,5 +1,5 @@
<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" >
<a-form @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -180,6 +180,8 @@
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
width:99%;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;