'admin-23.02.23:发布v1.2.2版本,感谢赞助商.驰骋工作流引擎-表单引擎-低代码开发平台'
This commit is contained in:
lyt
parent
4589ecb6e8
commit
734208180f
|
|
@ -1,2 +1,2 @@
|
|||
# 开发环境
|
||||
VUE_APP_BASE_API = 'http://localhost:9999/'
|
||||
VUE_APP_BASE_API = http://localhost:9999/
|
||||
|
|
@ -2,6 +2,15 @@
|
|||
|
||||
🎉🎉🔥 `vue-prev-admin` 基于 vue2.x + webpack + element ui，适配手机、平板、pc 的后台开源免费模板库（vue3.x 请切换 master 分支）
|
||||
|
||||
## 1.2.2
|
||||
|
||||
`2023.02.23`
|
||||
|
||||
🚩🚩🚩 感谢 [驰骋工作流引擎-表单引擎-低代码开发平台](http://www.ccflow.org/) 赞助商的赞助。驰骋公司为社会提供流程引擎+表单引擎+低代码开发平台一体的开源软件解决方案，欢迎广大开发者前去体验！
|
||||
|
||||
- 🎉 新增 赞助商组件（`/src/layout/sponsors`），[项目目录结构查看](https://lyt-top.gitee.io/vue-next-admin-doc-preview/config/)
|
||||
- 🎯 优化 `/src/utils/storage` 下 `key` 编写成 `${__NEXT_NAME__}:${key}`，防止部署多套系统到同一域名不同目录时，变量共用的问题（`__NEXT_NAME__`为 `package.json` 中的 `name`）
|
||||
|
||||
## 1.2.1
|
||||
|
||||
`2022.12.12`
|
||||
|
|
|
|||
22
README.md
22
README.md
|
|
@ -1,22 +1,28 @@
|
|||
<div align="center">
|
||||
<img src="https://img-blog.csdnimg.cn/0c4bea225a3e40d3be3a0db5e1729810.png">
|
||||
<p align="center">
|
||||
<a href="https://cn.vuejs.org/" target="_blank">
|
||||
<img src="https://img.shields.io/badge/vue.js-vue2.x-green" alt="vue">
|
||||
</a>
|
||||
<a href="https://element.eleme.cn/#/zh-CN/component/changelog" target="_blank">
|
||||
<img src="https://img.shields.io/badge/element--ui-%3E1.0.0-blue" alt="element ui">
|
||||
</a>
|
||||
<a href="https://cn.vuejs.org/" target="_blank">
|
||||
<img src="https://img.shields.io/badge/vue.js-vue2.x-green" alt="vue">
|
||||
</a>
|
||||
<a href="https://element.eleme.cn/#/zh-CN/component/changelog" target="_blank">
|
||||
<img src="https://img.shields.io/badge/element--ui-%3E1.0.0-blue" alt="element ui">
|
||||
</a>
|
||||
<a href="https://v4.webpack.docschina.org/concepts/" target="_blank">
|
||||
<img src="https://img.shields.io/badge/webpack-%3E1.0.0-success" alt="webpack">
|
||||
<img src="https://img.shields.io/badge/webpack-%3E1.0.0-success" alt="webpack">
|
||||
</a>
|
||||
<a href="https://gitee.com/lyt-top/vue-next-admin/blob/vue-prev-admin/LICENSE" target="_blank">
|
||||
<img src="https://img.shields.io/badge/license-MIT-yellow" alt="license">
|
||||
<img src="https://img.shields.io/badge/license-MIT-yellow" alt="license">
|
||||
</a>
|
||||
</p>
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
#### 💝 长期赞助商
|
||||
|
||||
<a href="http://www.ccflow.org/" target="_blank">
|
||||
<img src="./src/assets/ccflowRightNextAdmin.png" width="50%" height="70px">
|
||||
</a>
|
||||
|
||||
#### 🌈 介绍
|
||||
|
||||
基于 vue2.x + webpack + element ui，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "vue-prev-admin",
|
||||
"version": "1.2.1",
|
||||
"version": "1.2.2",
|
||||
"private": true,
|
||||
"description": "vue2 webpack admin template",
|
||||
"author": "lyt_20201208",
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<router-view />
|
||||
<Setings ref="setingsRef" />
|
||||
<Upgrade v-if="getVersion" />
|
||||
<Sponsors />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -12,9 +13,10 @@ import setIntroduction from '@/utils/setIconfont.js';
|
|||
import { Local } from '@/utils/storage.js';
|
||||
import Setings from '@/layout/navBars/breadcrumb/setings.vue';
|
||||
import Upgrade from '@/layout/upgrade/index.vue';
|
||||
import Sponsors from '@/layout/sponsors/index.vue';
|
||||
export default {
|
||||
name: 'App',
|
||||
components: { Setings, Upgrade },
|
||||
components: { Setings, Upgrade, Sponsors },
|
||||
mounted() {
|
||||
this.initSetIconfont();
|
||||
this.openSetingsDrawer();
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
|
|
@ -66,6 +66,7 @@ export default {
|
|||
methods: {
|
||||
// 设置菜单高亮位置移动
|
||||
setColumnsAsideMove(k) {
|
||||
if (k === undefined) return false;
|
||||
const els = this.$refs.columnsAsideOffsetTopRefs;
|
||||
this.liIndex = k;
|
||||
this.$refs.columnsAsideActiveRef.style.top = `${els[k].offsetTop + this.difference}px`;
|
||||
|
|
@ -194,7 +195,8 @@ export default {
|
|||
color: var(--prev-bg-columnsMenuBarColor);
|
||||
}
|
||||
}
|
||||
.layout-columns-active {
|
||||
.layout-columns-active,
|
||||
.layout-columns-active a {
|
||||
color: var(--prev-color-text-white);
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,113 @@
|
|||
<template>
|
||||
<div class="sponsors-container" title="点击前往体验" v-show="sponsors.isShow" @click="onSponsorsClick">
|
||||
<el-carousel height="240px" indicator-position="none" :arrow="setCarouselShow" @change="onCarouselChange">
|
||||
<el-carousel-item v-for="(v, k) in sponsors.list" :key="k">
|
||||
<img :src="v.url" class="sponsors-img" />
|
||||
<div class="sponsors-text" v-html="v.text"></div>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
<div class="sponsors-close" title="关闭赞助商" @click.stop="onCloseSponsors">
|
||||
<i class="el-icon-close"></i>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import sponsorsOne from '@/assets/ccflowRightNextAdmin.png';
|
||||
export default {
|
||||
name: 'layoutSponsors',
|
||||
data() {
|
||||
return {
|
||||
sponsors: {
|
||||
list: [
|
||||
{
|
||||
url: sponsorsOne,
|
||||
text: `驰骋BPM系统包含表单引擎+流程引擎+权限控制,方便集成,配置灵活,功能强大,适合中国国情的工作流引擎.演示:http://demo.ccflow.org。右上角点star方可加群: 1060674395`,
|
||||
link: 'http://www.ccflow.org/',
|
||||
},
|
||||
],
|
||||
isShow: false,
|
||||
index: 0,
|
||||
},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
// 设置轮播图箭头显示
|
||||
setCarouselShow() {
|
||||
return this.sponsors.list.length <= 1 ? 'never' : 'hover';
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 关闭赞助商
|
||||
onCloseSponsors() {
|
||||
this.sponsors.isShow = false;
|
||||
},
|
||||
// 轮播图改变时
|
||||
onCarouselChange(e) {
|
||||
this.sponsors.index = e;
|
||||
},
|
||||
// 当前项内容点击
|
||||
onSponsorsClick() {
|
||||
window.open(this.sponsors.list[this.sponsors.index].link);
|
||||
},
|
||||
// 延迟显示，防止影响其它界面加载
|
||||
delayShow() {
|
||||
setTimeout(() => {
|
||||
this.sponsors.isShow = true;
|
||||
}, 3000);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.delayShow();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.sponsors-container {
|
||||
position: fixed;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
z-index: 3;
|
||||
width: 200px;
|
||||
background-color: var(--prev-bg-main-color);
|
||||
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
.sponsors-img {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
.sponsors-text {
|
||||
padding: 10px;
|
||||
color: var(--prev-color-text-regular);
|
||||
font-size: 14px;
|
||||
}
|
||||
.sponsors-close {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 100%;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
transition: all 0.3s ease;
|
||||
position: absolute;
|
||||
right: -35px;
|
||||
bottom: -35px;
|
||||
z-index: 5;
|
||||
i {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 9px;
|
||||
color: #afafaf;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
&:hover {
|
||||
transition: all 0.3s ease;
|
||||
i {
|
||||
color: var(--prev-color-primary);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,17 +1,24 @@
|
|||
import config from '/package.json';
|
||||
|
||||
// 1、window.localStorage 浏览器永久缓存
|
||||
export const Local = {
|
||||
// 查看 v2.4.3版本更新日志
|
||||
setKey(key) {
|
||||
// @ts-ignore
|
||||
return `${config.name}:${key}`;
|
||||
},
|
||||
// 设置永久缓存
|
||||
set(key, val) {
|
||||
window.localStorage.setItem(key, JSON.stringify(val));
|
||||
window.localStorage.setItem(Local.setKey(key), JSON.stringify(val));
|
||||
},
|
||||
// 获取永久缓存
|
||||
get(key) {
|
||||
let json = window.localStorage.getItem(key);
|
||||
let json = window.localStorage.getItem(Local.setKey(key));
|
||||
return JSON.parse(json);
|
||||
},
|
||||
// 移除永久缓存
|
||||
remove(key) {
|
||||
window.localStorage.removeItem(key);
|
||||
window.localStorage.removeItem(Local.setKey(key));
|
||||
},
|
||||
// 移除全部永久缓存
|
||||
clear() {
|
||||
|
|
@ -23,16 +30,16 @@ export const Local = {
|
|||
export const Session = {
|
||||
// 设置临时缓存
|
||||
set(key, val) {
|
||||
window.sessionStorage.setItem(key, JSON.stringify(val));
|
||||
window.sessionStorage.setItem(Local.setKey(key), JSON.stringify(val));
|
||||
},
|
||||
// 获取临时缓存
|
||||
get(key) {
|
||||
let json = window.sessionStorage.getItem(key);
|
||||
let json = window.sessionStorage.getItem(Local.setKey(key));
|
||||
return JSON.parse(json);
|
||||
},
|
||||
// 移除临时缓存
|
||||
remove(key) {
|
||||
window.sessionStorage.removeItem(key);
|
||||
window.sessionStorage.removeItem(Local.setKey(key));
|
||||
},
|
||||
// 移除全部临时缓存
|
||||
clear() {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ module.exports = {
|
|||
publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
|
||||
lintOnSave: false,
|
||||
devServer: {
|
||||
open: process.env.VUE_APP_OPEN === 'false' ? false : true, // 自动打开浏览器
|
||||
open: JSON.parse(process.env.VUE_APP_OPEN), // 自动打开浏览器
|
||||
host: '0.0.0.0', // 真机模拟，使用
|
||||
port: process.env.VUE_APP_PORT, // 前台代理端口号
|
||||
https: false, // https： {type: Booleam}
|
||||
|
|
|
|||
Loading…
Reference in New Issue