AnalysisSystemForRadionucli.../src/components
2023-05-12 19:10:18 +08:00
..
_util first commit 2023-05-06 15:58:45 +08:00
AvatarList first commit 2023-05-06 15:58:45 +08:00
chart first commit 2023-05-06 15:58:45 +08:00
CountDown first commit 2023-05-06 15:58:45 +08:00
CustomModal feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
CustomSelect feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
CustomTable feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
dict first commit 2023-05-06 15:58:45 +08:00
Ellipsis first commit 2023-05-06 15:58:45 +08:00
jeecg first commit 2023-05-06 15:58:45 +08:00
jeecgbiz first commit 2023-05-06 15:58:45 +08:00
JVxeCells first commit 2023-05-06 15:58:45 +08:00
layouts feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
menu WIP: 完成顶部导航,完成二级导航样式设置,完成主体部分样式设置,完成账户页面列表及搜索部分 2023-05-11 20:19:02 +08:00
NumberInfo first commit 2023-05-06 15:58:45 +08:00
page feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
SearchForm WIP: DATA BASE页面构建 2023-05-12 19:10:18 +08:00
setting first commit 2023-05-06 15:58:45 +08:00
table first commit 2023-05-06 15:58:45 +08:00
tools feat: 修改默认跳转页,完成Account页功能,修改部分全局样式,增加公共组件 2023-05-12 17:32:51 +08:00
Trend first commit 2023-05-06 15:58:45 +08:00
ChartCard.vue first commit 2023-05-06 15:58:45 +08:00
index.less first commit 2023-05-06 15:58:45 +08:00
lazy_antd.js first commit 2023-05-06 15:58:45 +08:00
README.md first commit 2023-05-06 15:58:45 +08:00

####1._util包:存放自定义函数 详细见代码注释 ####2.AvatarList:显示头像群并支持tip用法参考src\views\Home.vue如下图 输入图片说明 ####3.chart包:存放各种图表相关的组件,条形图柱形图折线图等等 具体用法参考首页 ####4.countDown包:一个倒计时组件用法参考home页,简单描述,该组件有3个属性, target(时间/毫秒数)必填, format(function,该方法接收一个毫秒数的参数,用于格式化显示当前倒计时时间)非必填, onEnd倒计时结束触发函数 输入图片说明 ####5.dict包数据字典专用用法参考文件夹下readme文件 ####6.Ellipsis包字符串截取组件,可以指定字符串的显示长度,并将全部内容显示到tip中,简单使用参考src\views\system\PermissionList.vue ####7.jeecg包该包下自定义了很多列表/表单中用到的组件 参考包下readme文件 ####8.jeecgbiz包该包下定义了一些业务相关的组件比如选择用户弹框,根据部门选择用户等等 ####9.layouts+page包系统页面布局相关组件比如登陆进去之后页面顶部显示什么底部显示什么菜单点击触发多个tab的布局等等 一般情况不需要修改 ####10.menun包菜单组件俩个一个折叠菜单一个正常显示的菜单 ####11.NumberInfo:数字信息显示组件 如下图 输入图片说明 ####12.online包该包下封装了online表单的相关组件,用于展示表单各种控件,验证表单等等,相关用法参考readme ####13.setting包该包下封装了首页风格切换等功能如下图 输入图片说明 ####14.table包一个二次封装的table组件,用于展示列表参考readme ####15.tools包 Breadcrumb.vue面包屑二次封装,支持路由跳转 DetailList.vue详情展示用法参考src\views\profile\advanced\Advanced.vue(效果如下图) 输入图片说明

个人认为该页面代码有两点值得学习:
1.vue provide/inject的使用
2.该页面css定义方式,只定义一个顶层class,其余样式都定义在其下,这样只要顶层class不和别的页面冲突,整个页面的样式都是唯一生效的

FooterToolBar.vue:fixed定位的底部通过是否定义内部控件的属性slot="extra"决定是左浮动或是右浮动 HeaderNotice.vue:首页通知(如下图) 输入图片说明 HeaderInfo.vue:上下文字布局(如下图) 输入图片说明 Logo.vue:首页左上侧的log图 输入图片说明 UserMenu.vue:首页右上侧的内容 输入图片说明 ####16.trend包 趋势显示组件(如下图) 输入图片说明 cron表达式 cron控件添加清除按钮