diff --git a/jshERP-web/public/index.html b/jshERP-web/public/index.html index f977ffed4..cc95b5014 100644 --- a/jshERP-web/public/index.html +++ b/jshERP-web/public/index.html @@ -17,7 +17,7 @@ .chromeframe { margin: 0.2em 0; background: #ccc; - color: #000; + color: #999; padding: 0.2em 0; } #loader-wrapper { @@ -39,7 +39,7 @@ border-radius: 50%; border: 3px solid transparent; /* COLOR 1 */ - border-top-color: #FFF; + border-top-color: #999; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ -ms-animation: spin 2s linear infinite; @@ -62,7 +62,7 @@ border-radius: 50%; border: 3px solid transparent; /* COLOR 2 */ - border-top-color: #FFF; + border-top-color: #999; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ -moz-animation: spin 3s linear infinite; @@ -83,7 +83,7 @@ bottom: 15px; border-radius: 50%; border: 3px solid transparent; - border-top-color: #FFF; + border-top-color: #999; /* COLOR 3 */ -moz-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ @@ -137,7 +137,7 @@ top: 0; width: 51%; height: 100%; - background: #49a9ee; + background: #fff; /* Old browsers */ z-index: 1000; -webkit-transform: translateX(0); @@ -199,7 +199,7 @@ } #loader-wrapper .load_title { font-family: 'Open Sans'; - color: #FFF; + color: #999; font-size: 14px; width: 100%; text-align: center; @@ -213,7 +213,7 @@ font-weight: normal; font-style: italic; font-size: 14px; - color: #FFF; + color: #999; opacity: 0.5; } /* 滚动条优化 start */ diff --git a/jshERP-web/src/components/README.md b/jshERP-web/src/components/README.md index 1742c7052..c952c5d68 100644 --- a/jshERP-web/src/components/README.md +++ b/jshERP-web/src/components/README.md @@ -1,43 +1,41 @@ -####1._util包:存放自定义函数 详细见代码注释 -####2.AvatarList:显示头像群并支持tip,用法参考src\views\Home.vue(如下图) -![输入图片说明](https://static.oschina.net/uploads/img/201904/12181253_O0Xi.png "在这里输入图片标题") -####3.chart包:存放各种图表相关的组件,条形图柱形图折线图等等 具体用法参考首页 -####4.countDown包:一个倒计时组件,用法参考home页,简单描述,该组件有3个属性, -target(时间/毫秒数)必填, -format(function,该方法接收一个毫秒数的参数,用于格式化显示当前倒计时时间)非必填, -onEnd倒计时结束触发函数 -![输入图片说明](https://static.oschina.net/uploads/img/201904/12182046_mwqJ.png "在这里输入图片标题") -####5.dict包:数据字典专用,用法参考文件夹下readme文件 -####6.Ellipsis包:字符串截取组件,可以指定字符串的显示长度,并将全部内容显示到tip中,简单使用参考src\views\system\PermissionList.vue -####7.jeecg包:该包下自定义了很多列表/表单中用到的组件 参考包下readme文件 -####8.jeecgbiz包:该包下定义了一些业务相关的组件,比如选择用户弹框,根据部门选择用户等等 -####9.layouts+page包:系统页面布局相关组件,比如登陆进去之后页面顶部显示什么,底部显示什么,菜单点击触发多个tab的布局等等 一般情况不需要修改 -####10.menun包:菜单组件,俩个,一个折叠菜单一个正常显示的菜单 -####11.NumberInfo:数字信息显示组件 如下图 -![输入图片说明](https://static.oschina.net/uploads/img/201904/12185858_uvJ5.png "在这里输入图片标题") -####12.online包:该包下封装了online表单的相关组件,用于展示表单各种控件,验证表单等等,相关用法参考readme -####13.setting包:该包下封装了首页风格切换等功能如下图 -![输入图片说明](https://static.oschina.net/uploads/img/201904/12190520_jySG.png "在这里输入图片标题") -####14.table包:一个二次封装的table组件,用于展示列表,参考readme -####15.tools包: -Breadcrumb.vue:面包屑二次封装,支持路由跳转 -DetailList.vue:详情展示用法参考src\views\profile\advanced\Advanced.vue(效果如下图) -![输入图片说明](https://static.oschina.net/uploads/img/201904/12193954_Uar6.png "在这里输入图片标题") -```` -个人认为该页面代码有两点值得学习: -1.vue provide/inject的使用 -2.该页面css定义方式,只定义一个顶层class,其余样式都定义在其下,这样只要顶层class不和别的页面冲突,整个页面的样式都是唯一生效的 -```` -FooterToolBar.vue:fixed定位的底部,通过是否定义内部控件的属性slot="extra"决定是左浮动或是右浮动 -HeaderNotice.vue:首页通知(如下图) -![输入图片说明](https://static.oschina.net/uploads/img/201904/12195340_fPe0.png "在这里输入图片标题") -HeaderInfo.vue:上下文字布局(如下图) -![输入图片说明](https://static.oschina.net/uploads/img/201904/12195638_dG5o.png "在这里输入图片标题") -Logo.vue:首页左上侧的log图 -![输入图片说明](https://static.oschina.net/uploads/img/201904/12200908_ihv3.png "在这里输入图片标题") -UserMenu.vue:首页右上侧的内容 -![输入图片说明](https://static.oschina.net/uploads/img/201904/12201226_laQK.png "在这里输入图片标题") -####16.trend包 趋势显示组件(如下图) -![输入图片说明](https://static.oschina.net/uploads/img/201904/12201600_Wo8K.png "在这里输入图片标题") -![corn表达式](https://oscimg.oschina.net/oscnet/661f9ac09016395f9f49286143af3241623.jpg) +####1._util包:存放自定义函数 详细见代码注释 +####2.chart包:存放各种图表相关的组件,条形图柱形图折线图等等 具体用法参考首页 +####3.countDown包:一个倒计时组件,用法参考home页,简单描述,该组件有3个属性, +target(时间/毫秒数)必填, +format(function,该方法接收一个毫秒数的参数,用于格式化显示当前倒计时时间)非必填, +onEnd倒计时结束触发函数 +![输入图片说明](https://static.oschina.net/uploads/img/201904/12182046_mwqJ.png "在这里输入图片标题") +####5.dict包:数据字典专用,用法参考文件夹下readme文件 +####6.Ellipsis包:字符串截取组件,可以指定字符串的显示长度,并将全部内容显示到tip中,简单使用参考src\views\system\PermissionList.vue +####7.jeecg包:该包下自定义了很多列表/表单中用到的组件 参考包下readme文件 +####8.jeecgbiz包:该包下定义了一些业务相关的组件,比如选择用户弹框,根据部门选择用户等等 +####9.layouts+page包:系统页面布局相关组件,比如登陆进去之后页面顶部显示什么,底部显示什么,菜单点击触发多个tab的布局等等 一般情况不需要修改 +####10.menun包:菜单组件,俩个,一个折叠菜单一个正常显示的菜单 +####11.NumberInfo:数字信息显示组件 如下图 +![输入图片说明](https://static.oschina.net/uploads/img/201904/12185858_uvJ5.png "在这里输入图片标题") +####12.online包:该包下封装了online表单的相关组件,用于展示表单各种控件,验证表单等等,相关用法参考readme +####13.setting包:该包下封装了首页风格切换等功能如下图 +![输入图片说明](https://static.oschina.net/uploads/img/201904/12190520_jySG.png "在这里输入图片标题") +####14.table包:一个二次封装的table组件,用于展示列表,参考readme +####15.tools包: +Breadcrumb.vue:面包屑二次封装,支持路由跳转 +DetailList.vue:详情展示用法参考src\views\profile\advanced\Advanced.vue(效果如下图) +![输入图片说明](https://static.oschina.net/uploads/img/201904/12193954_Uar6.png "在这里输入图片标题") +```` +个人认为该页面代码有两点值得学习: +1.vue provide/inject的使用 +2.该页面css定义方式,只定义一个顶层class,其余样式都定义在其下,这样只要顶层class不和别的页面冲突,整个页面的样式都是唯一生效的 +```` +FooterToolBar.vue:fixed定位的底部,通过是否定义内部控件的属性slot="extra"决定是左浮动或是右浮动 +HeaderNotice.vue:首页通知(如下图) +![输入图片说明](https://static.oschina.net/uploads/img/201904/12195340_fPe0.png "在这里输入图片标题") +HeaderInfo.vue:上下文字布局(如下图) +![输入图片说明](https://static.oschina.net/uploads/img/201904/12195638_dG5o.png "在这里输入图片标题") +Logo.vue:首页左上侧的log图 +![输入图片说明](https://static.oschina.net/uploads/img/201904/12200908_ihv3.png "在这里输入图片标题") +UserMenu.vue:首页右上侧的内容 +![输入图片说明](https://static.oschina.net/uploads/img/201904/12201226_laQK.png "在这里输入图片标题") +####16.trend包 趋势显示组件(如下图) +![输入图片说明](https://static.oschina.net/uploads/img/201904/12201600_Wo8K.png "在这里输入图片标题") +![corn表达式](https://oscimg.oschina.net/oscnet/661f9ac09016395f9f49286143af3241623.jpg) ![corn控件添加清除按钮](https://oscimg.oschina.net/oscnet/15096e49f2e29bd829e304d56770025d03c.jpg) \ No newline at end of file diff --git a/jshERP-web/src/config/router.config.js b/jshERP-web/src/config/router.config.js index 646d3aff6..ec39c6a83 100644 --- a/jshERP-web/src/config/router.config.js +++ b/jshERP-web/src/config/router.config.js @@ -57,18 +57,6 @@ export const constantRouterMap = [ } ] }, - { - path: '/test', - component: BlankLayout, - redirect: '/test/home', - children: [ - { - path: 'home', - name: 'TestHome', - component: () => import('@/views/Home') - } - ] - }, { path: '/404', component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404') diff --git a/jshERP-web/src/views/Home.vue b/jshERP-web/src/views/Home.vue deleted file mode 100644 index d851cbacd..000000000 --- a/jshERP-web/src/views/Home.vue +++ /dev/null @@ -1,162 +0,0 @@ - - - - -