gaoxing/UNIVPLMDataIntegration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

😎调整首页布局

Browse Source
This commit is contained in:
zuohuaijun 2024-08-03 16:59:15 +08:00
parent f77ee3c15e
commit 6395bf0ff3
4 changed files with 17 additions and 630 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Web/src/components/noticeBar/index.vue
View File

@ -3,7 +3,9 @@
<div class="notice-bar-warp" :style="{ color, fontSize: `${size}px` }">
<i v-if="leftIcon" class="notice-bar-warp-left-icon" :class="leftIcon"></i>
<div class="notice-bar-warp-text-box" ref="noticeBarWarpRef">
<div class="notice-bar-warp-text" ref="noticeBarTextRef" v-if="!scrollable">{{ text }}</div>
<div class="notice-bar-warp-text" ref="noticeBarTextRef" v-if="!scrollable">
<div v-html="text" data-slate-editor />
</div>
<div class="notice-bar-warp-slot" v-else><slot /></div>
</div>
<SvgIcon :name="rightIcon" v-if="rightIcon" class="notice-bar-warp-right-icon" @click="onRightIconClick" />
@ -24,7 +26,7 @@ const props = defineProps({
// 通知文本内容
text: {
type: String,
default: () => '',
default: () => '欢迎使用 Admin.NET 通用权限开发框架 <a href="https://gitee.com/zuohuaijun/Admin.NET" target="_blank">https://gitee.com/zuohuaijun/Admin.NET</a>',
},
// 通知文本颜色
color: {
@ -64,7 +66,7 @@ const props = defineProps({
// 自定义左侧图标
leftIcon: {
type: String,
default: () => '',
default: () => 'iconfont icon-tongzhi2',
},
// 自定义右侧图标
rightIcon: {

624
Web/src/views/home/temp.vue
View File

File diff suppressed because one or more lines are too long

13
Web/src/views/home/widgets/index.vue
View File

@ -1,13 +1,21 @@
<template>
<div>
<NoticeBar style="margin: 4px" />
<div style="float: right; margin: -35px 10px 0 0">
<el-button v-if="customizing" type="warning" icon="ele-Check" circle plain @click="save"></el-button>
<el-button v-else type="warning" icon="ele-Edit" circle plain @click="custom"></el-button>
</div>
</div>
<div :class="['widgets-home', customizing ? 'customizing' : '']" ref="main">
<div class="widgets-content">
<div class="widgets-top">
<!-- <div class="widgets-top">
<div class="widgets-top-title">控制台</div>
<div class="widgets-top-actions">
<el-button v-if="customizing" type="primary" icon="ele-Check" round @click="save">完成</el-button>
<el-button v-else type="primary" icon="ele-Edit" round @click="custom">自定义</el-button>
</div>
</div>
</div> -->
<div class="widgets" ref="widgetsRef">
<div class="widgets-wrapper">
<div v-if="nowCompsList.length <= 0" class="no-widgets">
@ -140,6 +148,7 @@ import draggable from 'vuedraggable';
import { clone } from '/@/utils/arrayOperation';
import allComps from './components/index';
import { Local } from '/@/utils/storage';
import NoticeBar from '/@/components/noticeBar/index.vue';
interface Grid {
layout: number[];

2
Web/src/views/system/cache/index.vue vendored
View File

@ -1,6 +1,6 @@
<template>
<div class="sys-cache-container">
<NoticeBar text="系统缓存数据管理，请慎重操作！" leftIcon="iconfont icon-tongzhi2" background="var(--el-color-primary-light-9)" color="var(--el-color-primary)" style="margin-bottom: 5px" />
<NoticeBar text="系统缓存数据管理，请慎重操作！" style="margin-bottom: 5px" />
<splitpanes class="default-theme">
<pane size="20">
<el-card shadow="hover" header="缓存列表" v-loading="state.loading" style="height: 100%" body-style="height:100%; overflow:auto">