diff --git a/base-vue/index.html b/base-vue/index.html index 5ae3f22..6e25580 100644 --- a/base-vue/index.html +++ b/base-vue/index.html @@ -4,7 +4,7 @@ - Flowable流程设计管理系统 + 诺力售后管理平台 <% if (process.env.NODE_ENV === 'production') { %> diff --git a/base-vue/src/assets/img/logo.png b/base-vue/src/assets/img/logo.png new file mode 100644 index 0000000..a1ca19b Binary files /dev/null and b/base-vue/src/assets/img/logo.png differ diff --git a/base-vue/src/assets/scss/_base.scss b/base-vue/src/assets/scss/_base.scss index 6078621..24c96e7 100644 --- a/base-vue/src/assets/scss/_base.scss +++ b/base-vue/src/assets/scss/_base.scss @@ -177,8 +177,14 @@ img { &-lg, &-mini { - margin: 0 5px; + margin: 0 auto; color: #fff; + font-size: 14px; + img { + width: 32px; + width: 32px; + margin: 0 5px; + } &:focus, &:hover { color: #fff; @@ -300,6 +306,9 @@ img { font-size: 16px; color: inherit !important; } + .site-sidebar__inner { + width: 230px; + } } diff --git a/base-vue/src/assets/scss/_eladmin.scss b/base-vue/src/assets/scss/_eladmin.scss new file mode 100644 index 0000000..81ab2c2 --- /dev/null +++ b/base-vue/src/assets/scss/_eladmin.scss @@ -0,0 +1,241 @@ +.head-container { + padding-top: 4px; + padding-bottom: 6px; + background-color: #ffffff; + border-radius: 4px; + + .filter-item { + display: inline-block; + vertical-align: middle; + margin: 0 3px 10px 0; + + input { + height: 30.5px; + line-height: 30.5px; + } + } + + .el-form-item-label { + margin: 0 3px 9px 0; + display: inline-block; + text-align: right; + vertical-align: middle; + font-size: 14px; + color: #606266; + line-height: 30.5px; + padding: 0 7px 0 7px; + } + + .el-button + .el-button { + margin-left: 0 !important; + } + + .el-select__caret.el-input__icon.el-icon-arrow-up { + line-height: 30.5px; + } + + .date-item { + display: inline-block; + vertical-align: middle; + margin-bottom: 10px; + height: 30.5px !important; + width: 230px !important; + } +} + +.el-avatar { + display: inline-block; + text-align: center; + background: #ccc; + color: #fff; + white-space: nowrap; + position: relative; + overflow: hidden; + vertical-align: middle; + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 16px; +} + +.logo-con { + height: 60px; + padding: 13px 0 0; + + img { + height: 32px; + width: 135px; + display: block; + //margin: 0 auto; + } +} + +#el-login-footer { + height: 40px; + line-height: 40px; + position: fixed; + bottom: 0; + width: 100%; + text-align: center; + color: #fff; + font-family: Arial, serif; + font-size: 12px; + letter-spacing: 1px; +} + +#el-main-footer { + background: none repeat scroll 0 0 white; + border-top: 1px solid #e7eaec; + overflow: hidden; + padding: 10px 6px 0 6px; + height: 33px; + font-size: 0.7rem !important; + color: #7a8b9a; + letter-spacing: 0.8px; + font-family: Arial, sans-serif !important; + position: fixed; + bottom: 0; + z-index: 99; + width: 100%; +} + +.eladmin-upload { + border: 1px dashed #c0ccda; + border-radius: 5px; + height: 45px; + line-height: 45px; + width: 368px; +} + +.my-blockquote { + margin: 0 0 10px; + padding: 15px; + line-height: 22px; + border-left: 5px solid #00437B; + border-radius: 0 2px 2px 0; + background-color: #f2f2f2; +} + +.my-code { + position: relative; + padding: 15px; + line-height: 20px; + border-left: 5px solid #ddd; + color: #333; + font-family: Courier New, serif; + font-size: 12px +} + +.el-tabs { + margin-bottom: 25px; +} + + +//修改侧边栏菜单颜色和高度 +.el-menu-item, .el-submenu__title { + height: 40px; + line-height: 40px; +} + +#app .sidebar-container .el-submenu .el-menu-item { +} + +#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item { +} + +#app .sidebar-container { + //background-color: #544b32 !important; +} + +.el-form-item--small.el-form-item { + margin-bottom: 12px !important; +} + +.el-form-item--mini.el-form-item { + margin-bottom: 10px !important; +} + +//去除编辑文本框为数字时的上下箭头start +.el-form--inline .el-form-item__content { + width: auto !important; +} + +input[type="number"] { + -moz-appearance: textfield; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + -webkit-appearance: none; +} + +//去除编辑文本框为数字时的上下箭头end + +//设置计数器文字居左 +.el-input-number--mini .el-input__inner { + text-align: left; +} + +.el-table:not(.el-table–scrollable-x) .el-table__fixed-right { + height: 100% !important; +} + +// 修改弹出框距离 +.el-dialog__body { + padding-top: 0px !important; +} + +//表格标题样式 +.el-table { + .el-table__header-wrapper, + .el-table__fixed-header-wrapper { + th { + word-break: break-word; + background-color: #f5f5f5; + color: #515a6e; + height: 35px; + font-size: 13px; + } + + td { + color: #f8f8f9; + } + } + + .el-table__body-wrapper { + .el-button [class*="el-icon-"] + span { + margin-left: 1px; + } + } +} + +//表格固定列最后一行显示不全(https://mp.weixin.qq.com/s/HpoykJNtsynsW4UMHitZbQ) +.el-table__fixed-right { + height: 100% !important; +} + +//表头与内容错位 +.el-table--scrollable-y .el-table__body-wrapper { + overflow-y: overlay !important; +} +//左侧边框不显示start https://blog.csdn.net/m0_37922443/article/details/126487240 +.el-table__row td:not(.is-hidden):last-child { + right: -1px; +} + +thead th:not(.is-hidden):last-child { + right: -1px; +} +//左侧边框不显示end + +.el-select { + width: 100%; +} +.site-navbar__menu { + line-height: 50px; + height: 50px; +} +.el-menu.el-menu--horizontal { + border-bottom: 0; +} + diff --git a/base-vue/src/assets/scss/_variables.scss b/base-vue/src/assets/scss/_variables.scss index ccfe93f..bd4489e 100644 --- a/base-vue/src/assets/scss/_variables.scss +++ b/base-vue/src/assets/scss/_variables.scss @@ -1,12 +1,12 @@ // 站点主色 // tips: 要达到整站主题修改效果, 请确保[$--color-primary]站点主色与[/src/element-ui-theme/index.js]文件中[import './element-[#17B3A3]/index.css']当前主题色一致 -$--color-primary: #17B3A3; +$--color-primary: #001529; // Navbar $navbar--background-color: $--color-primary; // Sidebar -$sidebar--background-color-dark: #263238; +$sidebar--background-color-dark: #000c17; $sidebar--color-text-dark: #8a979e; // Content diff --git a/base-vue/src/assets/scss/index.scss b/base-vue/src/assets/scss/index.scss index c17d72c..23fd908 100644 --- a/base-vue/src/assets/scss/index.scss +++ b/base-vue/src/assets/scss/index.scss @@ -1,3 +1,4 @@ @import "normalize"; // api: https://github.com/necolas/normalize.css/ @import "variables"; // 站点变量 @import "base"; +@import 'eladmin'; diff --git a/base-vue/src/main.js b/base-vue/src/main.js index 6381bfe..e12bece 100644 --- a/base-vue/src/main.js +++ b/base-vue/src/main.js @@ -36,6 +36,8 @@ Vue.prototype.$http = httpRequest // ajax请求方法 Vue.prototype.isAuth = isAuth // 权限方法 Vue.prototype.PubSub = PubSub //组件发布订阅消息 +Vue.prototype.$baseUrl = "http://localhost:8070/base-fast" + Vue.prototype.$imgPath = "http://localhost:8070/base-fast/file/fileController/download?fileName=" Vue.prototype.$imgBasePath = "http://localhost:8070/base-fast/file/fileController/" diff --git a/base-vue/src/utils/dict.js b/base-vue/src/utils/dict.js new file mode 100644 index 0000000..da2fa4f --- /dev/null +++ b/base-vue/src/utils/dict.js @@ -0,0 +1,57 @@ +import httpRequest from '@/utils/httpRequest' + +export default class Dict { + constructor(dict = {}) { + this.dict = dict + } + async init(names) { + if (names === undefined || names === null) { + throw new Error('need Dict names') + } + const ps = [] + names.forEach(n => { + ps.push(httpRequest({ + url: httpRequest.adornUrl(`/api/dict/dictDetail?code=${n}&page=0&size=9999`), + method: 'get' + }).then(({data}) => { + this.dict[n] = [...data.content] + })) + }) + await Promise.all(ps) + } + + get() { + return this.dict + } +} + +const myDict = new Dict() + +function dictDetail (names) { + return { + data () { + return { + dicts: names, + dictsOpt: myDict.get('contract_type') + } + }, + filters: { + dictLabel (index, array) { + const value = String(index) + const valueToLabelMap = new Map(array.map(item => [String(item.value), item.label])) + const label = valueToLabelMap.get(value) + return label + } + }, + beforeCreate () { + myDict.init(names).then(() => { + this.dictsOpt = myDict.get() + }) + } + } +} + +export { + dictDetail +} + diff --git a/base-vue/src/views/common/login.vue b/base-vue/src/views/common/login.vue index 173390c..0760577 100644 --- a/base-vue/src/views/common/login.vue +++ b/base-vue/src/views/common/login.vue @@ -7,7 +7,7 @@

-

Flowable流程设计管理系统

+

诺力售后管理平台

登录 注册

diff --git a/base-vue/src/views/main-navbar-update-password.vue b/base-vue/src/views/main-navbar-update-password.vue index f25a54c..bc85e86 100644 --- a/base-vue/src/views/main-navbar-update-password.vue +++ b/base-vue/src/views/main-navbar-update-password.vue @@ -2,8 +2,9 @@ - + :append-to-body="true" + width="500px"> + {{ userName }} @@ -18,8 +19,8 @@ - 取消 - 确定 + 取消 + 确定 diff --git a/base-vue/src/views/main-navbar.vue b/base-vue/src/views/main-navbar.vue index 61f5f9a..67113bc 100644 --- a/base-vue/src/views/main-navbar.vue +++ b/base-vue/src/views/main-navbar.vue @@ -2,8 +2,8 @@