加底部
This commit is contained in:
parent
b47aa3f145
commit
e19a3b0b1a
@ -4,7 +4,9 @@
|
|||||||
<template v-if="!$slots.default">
|
<template v-if="!$slots.default">
|
||||||
<template v-if="src">
|
<template v-if="src">
|
||||||
<div class="img-cropper-img" @click="openCropper">
|
<div class="img-cropper-img" @click="openCropper">
|
||||||
<img :src="src" :class="{ circled: circled }"/>
|
<div class="img-boxs">
|
||||||
|
<img :src="src" :class="{ circled: circled }"/>
|
||||||
|
</div>
|
||||||
<div class="mask" :class="{ circled: circled }" @click.stop>
|
<div class="mask" :class="{ circled: circled }" @click.stop>
|
||||||
<div class="handle-icon" @click="openCropper">
|
<div class="handle-icon" @click="openCropper">
|
||||||
<el-icon >
|
<el-icon >
|
||||||
@ -92,12 +94,17 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
// border: 1px dashed var(--el-border-color-darker);
|
||||||
|
// padding:5px;
|
||||||
&-img {
|
&-img {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
.img-boxs {
|
||||||
|
border: 1px dashed #999999;
|
||||||
|
padding:5px;
|
||||||
|
}
|
||||||
.addImg {
|
.addImg {
|
||||||
width: v-bind(getWidth);
|
width: v-bind(getWidth);
|
||||||
height: v-bind(getWidth);
|
height: v-bind(getWidth);
|
||||||
|
@ -384,7 +384,7 @@
|
|||||||
await nextTick();
|
await nextTick();
|
||||||
const headEl = tableEl.querySelector('.el-table__header-wrapper');
|
const headEl = tableEl.querySelector('.el-table__header-wrapper');
|
||||||
const { bottomIncludeBody } = getViewportOffset(headEl);
|
const { bottomIncludeBody } = getViewportOffset(headEl);
|
||||||
let headerH = 64;
|
let headerH = 40;
|
||||||
let paginationH = 0;
|
let paginationH = 0;
|
||||||
let marginH = 0;
|
let marginH = 0;
|
||||||
if (!isBoolean(pagination.value)) {
|
if (!isBoolean(pagination.value)) {
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
<a href="https://www.baidu.com" target="_blank"> 社区 </a>
|
<a href="https://www.baidu.com" target="_blank"> 社区 </a>
|
||||||
<a href="https://www.baidu.com/issues" target="_blank"> 交流 </a>
|
<a href="https://www.baidu.com/issues" target="_blank"> 交流 </a>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright"> 版权说明 </div>
|
<div class="copyright">Copyright © 2024 南京云恒信息技术有限公司</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -24,6 +24,7 @@
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.page-footer {
|
.page-footer {
|
||||||
//margin: 28px 0 24px 0;
|
//margin: 28px 0 24px 0;
|
||||||
|
margin-top:20px;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
@ -55,12 +55,12 @@
|
|||||||
<div class="admin-layout-content-main">
|
<div class="admin-layout-content-main">
|
||||||
<div class="main-view" ref="adminBodyRef">
|
<div class="main-view" ref="adminBodyRef">
|
||||||
<MainView />
|
<MainView />
|
||||||
|
<PageFooter/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <el-back-top :right="100" /> -->
|
<!-- <el-back-top :right="100" /> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="admin-layout-shade"></div>
|
<div class="admin-layout-shade"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -82,6 +82,7 @@
|
|||||||
import { TabsView } from './components/TagsView';
|
import { TabsView } from './components/TagsView';
|
||||||
import { MainView } from './components/Main';
|
import { MainView } from './components/Main';
|
||||||
import { PageHeader } from './components/Header';
|
import { PageHeader } from './components/Header';
|
||||||
|
import { PageFooter } from './components/Footer';
|
||||||
import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
|
import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
|
||||||
import { useDesignSetting } from '@/hooks/setting/useDesignSetting';
|
import { useDesignSetting } from '@/hooks/setting/useDesignSetting';
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
|
@ -20,6 +20,7 @@
|
|||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
:data="lists"
|
:data="lists"
|
||||||
row-key="id"
|
row-key="id"
|
||||||
|
:height="fwbHeight"
|
||||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||||
>
|
>
|
||||||
<el-table-column label="分类名称" prop="name" min-width="150" show-overflow-tooltip />
|
<el-table-column label="分类名称" prop="name" min-width="150" show-overflow-tooltip />
|
||||||
@ -79,6 +80,7 @@
|
|||||||
*/
|
*/
|
||||||
const editDialog = defineAsyncComponent(() => import('./edit.vue'));
|
const editDialog = defineAsyncComponent(() => import('./edit.vue'));
|
||||||
|
|
||||||
|
const fwbHeight = document.body.clientHeight - 320;
|
||||||
const isExpand = ref(false);
|
const isExpand = ref(false);
|
||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
const editVisible = ref(false);
|
const editVisible = ref(false);
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<PageWrapper>
|
<PageWrapper>
|
||||||
<el-row :gutter="10" class="mt-3">
|
<el-row :gutter="10" class="mt-3">
|
||||||
<el-col :xs="24" :sm="24" :md="3" :lg="3" :xl="3" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="3" :lg="3" :xl="3">
|
||||||
<el-card shadow="hover" class="mb-4 border-0 proCard" :style="{ height: docHeight + 'px' }">
|
<el-card shadow="hover" class="mb-4 border-0 proCard" :style="{ height: docHeight + 'px' }">
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in messageTypeList"
|
v-for="(item, index) in messageTypeList"
|
||||||
@ -16,7 +16,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="24" :sm="24" :md="21" :lg="21" :xl="21" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="21" :lg="21" :xl="21">
|
||||||
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
||||||
<BasicTable
|
<BasicTable
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
@ -162,7 +162,7 @@
|
|||||||
selectionData.value = value;
|
selectionData.value = value;
|
||||||
}
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
docHeight.value = document.body.clientHeight - 165;
|
docHeight.value = document.body.clientHeight - 145;
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<PageWrapper>
|
<PageWrapper>
|
||||||
<el-row :gutter="10" class="mt-3">
|
<el-row :gutter="10" class="mt-3">
|
||||||
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
|
||||||
<el-card shadow="hover" class="border-0">
|
<el-card shadow="hover" class="border-0">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-row>
|
<el-row>
|
||||||
@ -65,7 +65,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
|
||||||
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
||||||
<configItem :configId="configId" v-if="configItemShow" />
|
<configItem :configId="configId" v-if="configItemShow" />
|
||||||
</el-card>
|
</el-card>
|
||||||
@ -104,7 +104,7 @@
|
|||||||
size: 10,
|
size: 10,
|
||||||
count: configDataList.value.length,
|
count: configDataList.value.length,
|
||||||
});
|
});
|
||||||
const fwbHeight = document.body.clientHeight - 395;
|
const fwbHeight = document.body.clientHeight - 370;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 执行添加
|
* 执行添加
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<PageWrapper>
|
<PageWrapper>
|
||||||
<el-row :gutter="10" class="mt-3">
|
<el-row :gutter="10" class="mt-3">
|
||||||
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6">
|
||||||
<el-card shadow="hover" class="border-0">
|
<el-card shadow="hover" class="border-0">
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-row>
|
<el-row>
|
||||||
@ -72,7 +72,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18" class="mb-4">
|
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
|
||||||
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
<el-card shadow="hover" class="mb-4 border-0 proCard">
|
||||||
<dictItem :dictId="dictId" v-if="dictItemShow" />
|
<dictItem :dictId="dictId" v-if="dictItemShow" />
|
||||||
</el-card>
|
</el-card>
|
||||||
@ -122,7 +122,7 @@
|
|||||||
size: 20,
|
size: 20,
|
||||||
count: dictDataList.value.length,
|
count: dictDataList.value.length,
|
||||||
});
|
});
|
||||||
const fwbHeight = document.body.clientHeight - 395;
|
const fwbHeight = document.body.clientHeight - 370;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 执行添加
|
* 执行添加
|
||||||
|
@ -73,7 +73,7 @@
|
|||||||
size: 10,
|
size: 10,
|
||||||
count: onlineTableData.value.length,
|
count: onlineTableData.value.length,
|
||||||
});
|
});
|
||||||
const fwbHeight = document.body.clientHeight - 370;
|
const fwbHeight = document.body.clientHeight - 340;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 加载数据列表
|
* 加载数据列表
|
||||||
|
@ -20,6 +20,7 @@
|
|||||||
ref="tableRef"
|
ref="tableRef"
|
||||||
:data="lists"
|
:data="lists"
|
||||||
row-key="id"
|
row-key="id"
|
||||||
|
:height="fwbHeight"
|
||||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
||||||
>
|
>
|
||||||
<el-table-column label="部门名称" prop="name" min-width="150" show-overflow-tooltip />
|
<el-table-column label="部门名称" prop="name" min-width="150" show-overflow-tooltip />
|
||||||
@ -90,7 +91,7 @@
|
|||||||
import { confirm, message, buildTree } from '@/utils/auth';
|
import { confirm, message, buildTree } from '@/utils/auth';
|
||||||
|
|
||||||
const editDialog = defineAsyncComponent(() => import('./edit.vue'));
|
const editDialog = defineAsyncComponent(() => import('./edit.vue'));
|
||||||
|
const fwbHeight = document.body.clientHeight - 320;
|
||||||
const isExpand = ref(false);
|
const isExpand = ref(false);
|
||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
const editVisible = ref(false);
|
const editVisible = ref(false);
|
||||||
|
Loading…
Reference in New Issue
Block a user