oa系统
晚星@
这个作者很懒,什么都没留下…
展开
-
vue-element-admin动态路由加载
store->modules->permission.jsimport { asyncRoutes, constantRoutes } from '@/router'import { getAuthMenu } from '@/api/menuModel'import Layout from '@/layout'/** * Use meta.role to determine if the current user has permission * @param roles *原创 2021-06-09 08:40:33 · 453 阅读 · 0 评论 -
element-ui中table函数合并单元格
<el-table :data="tableData" style="width:100%;" :height="tableHeight" border :span-method="objSpanMethod"></el-table>mergeLineMethod () {//处理合并表格数据 let mergeLine =原创 2021-05-24 10:09:02 · 385 阅读 · 1 评论 -
vue中模块根据屏幕自适应高度问题
template<div ref="page"></div>scriptdata(){ return{ clientHeight:'', }}mounted(){ this.clientHeight = `${document.documentElement.clientHeight}`;//获取浏览器可视区域高度 let that = this; window.onresize = function(){原创 2021-04-29 10:23:10 · 818 阅读 · 0 评论 -
elementUI 输入框添加小图标
1.只需要添加prefix-icon="iconfont icon-xxx"即可(头部插入)<el-input prefix-icon="iconfont icon-sousuo" v-model="searchTableInfo" placeholder="请输入姓名" style="width:240px"></el-input>2.添加suffix-icon=“iconfont icon-xxx”(尾部添加)<el-input suffix原创 2021-04-22 15:09:55 · 3555 阅读 · 5 评论 -
cool-admin框架使用
一:创建原型 entity/app/bannertest.ts快捷键 ent 可一键搭建结构import { EntityModel } from '@midwayjs/orm';import { BaseEntity } from 'midwayjs-cool-core';import { Column } from 'typeorm';/** * 轮播图 */ // 要创建的数据库表名@EntityModel('base_demo_bannertest')exp原创 2021-04-09 10:58:58 · 5283 阅读 · 7 评论 -
vue怎么制作甘特图——dhtmlx-gantt
引入//7.0不支持中文npm i dhtmlx-gantt@6.0.0 -s封装组件gantt<template> <div ref="gantt"></div></template> <script>import { gantt } from 'dhtmlx-gantt';export default { name: 'gantt', props: { tasks: { type: Ob原创 2021-04-06 14:47:48 · 3176 阅读 · 23 评论 -
vue使用echarts制作折线图
效果图:在main.js中加载echarts和element-ui组件import Vue from 'vue'import App from './App.vue'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);// 引入echartsimport echarts from 'echarts'Vue.prototype.$echar原创 2021-04-06 14:42:08 · 1877 阅读 · 1 评论 -
oa项目中常见的Excel导入导出
插件npm i xlsx --save项目中 src/components/UploadExcel<script>import XLSX from 'xlsx'export default { props: { beforeUpload: Function, // eslint-disable-line onSuccess: Function// eslint-disable-line }}</script>导入:导入excel代码&原创 2021-03-29 21:30:17 · 2967 阅读 · 0 评论 -
oa项目中tree数据处理
实现效果如下图:代码展示如下:// 将一个平铺的数组变成树形的结构export function transToTreeData(list) { const treeList = [] // 编写处理逻辑 // 1. 先以list中的每一项的id值作为对象的key 没一项作为value 形成一个对象结构 const map = {} list.forEach(item => { // 每一项都添加一个chilren属性 if (!item.childre原创 2021-03-29 01:00:19 · 173 阅读 · 0 评论 -
oa系统的权限管理(RBAC基于角色的访问控制权限的基本模型)
版权声明:本文为CSDN博主「郭老师」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/weixin_41174072/article/details/83387223(一)基本概念1.定义RBAC(Role-Based Access Control),也就是所谓的**“基于角色的访问控制权限”**。2.优势在RBAC中,用户不再直接与权限相连,而是通过“角色”这一属性来间接的被赋予权限,用户通过成为适当的.转载 2021-03-26 12:58:07 · 969 阅读 · 0 评论