diff --git a/src/assets/img/case-tab-bg.png b/src/assets/img/case-tab-bg.png new file mode 100644 index 0000000..f424f2e Binary files /dev/null and b/src/assets/img/case-tab-bg.png differ diff --git a/src/assets/img/case.png b/src/assets/img/case.png new file mode 100644 index 0000000..bfceb94 Binary files /dev/null and b/src/assets/img/case.png differ diff --git a/src/assets/img/case/bg.png b/src/assets/img/case/bg.png new file mode 100644 index 0000000..27c5fd4 Binary files /dev/null and b/src/assets/img/case/bg.png differ diff --git a/src/assets/img/case/btn.png b/src/assets/img/case/btn.png new file mode 100644 index 0000000..3e27745 Binary files /dev/null and b/src/assets/img/case/btn.png differ diff --git a/src/assets/img/case/header.png b/src/assets/img/case/header.png new file mode 100644 index 0000000..40cdb85 Binary files /dev/null and b/src/assets/img/case/header.png differ diff --git a/src/assets/img/case/left.png b/src/assets/img/case/left.png new file mode 100644 index 0000000..5ecbd32 Binary files /dev/null and b/src/assets/img/case/left.png differ diff --git a/src/assets/img/case/right.png b/src/assets/img/case/right.png new file mode 100644 index 0000000..1ac5759 Binary files /dev/null and b/src/assets/img/case/right.png differ diff --git a/src/assets/img/finish.png b/src/assets/img/finish.png new file mode 100644 index 0000000..f999ade Binary files /dev/null and b/src/assets/img/finish.png differ diff --git a/src/assets/img/index-bg.png b/src/assets/img/index-bg.png new file mode 100644 index 0000000..33a666c Binary files /dev/null and b/src/assets/img/index-bg.png differ diff --git a/src/assets/img/index-btn-bg.png b/src/assets/img/index-btn-bg.png new file mode 100644 index 0000000..89f5c6e Binary files /dev/null and b/src/assets/img/index-btn-bg.png differ diff --git a/src/assets/img/lobby-btn-bg.png b/src/assets/img/lobby-btn-bg.png new file mode 100644 index 0000000..498ab30 Binary files /dev/null and b/src/assets/img/lobby-btn-bg.png differ diff --git a/src/assets/svg/cash.svg b/src/assets/svg/cash.svg new file mode 100644 index 0000000..91d4bc9 --- /dev/null +++ b/src/assets/svg/cash.svg @@ -0,0 +1,12 @@ + + + + 大堂经理 / 现金业务 + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/company.svg b/src/assets/svg/company.svg new file mode 100644 index 0000000..b1818fb --- /dev/null +++ b/src/assets/svg/company.svg @@ -0,0 +1,12 @@ + + + + 大堂经理 / 公司业务 + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/financial.svg b/src/assets/svg/financial.svg new file mode 100644 index 0000000..b2e766c --- /dev/null +++ b/src/assets/svg/financial.svg @@ -0,0 +1,12 @@ + + + + 大堂经理 / 理财业务 + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/non-cash.svg b/src/assets/svg/non-cash.svg new file mode 100644 index 0000000..aa48549 --- /dev/null +++ b/src/assets/svg/non-cash.svg @@ -0,0 +1,12 @@ + + + + 大堂经理 / 个人非现金业务 + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/components/case/index.vue b/src/components/case/index.vue new file mode 100644 index 0000000..2d2fbca --- /dev/null +++ b/src/components/case/index.vue @@ -0,0 +1,727 @@ + + + + + \ No newline at end of file diff --git a/src/pages/bank/list/index.vue b/src/pages/bank/list/index.vue new file mode 100644 index 0000000..88f1486 --- /dev/null +++ b/src/pages/bank/list/index.vue @@ -0,0 +1,122 @@ + + + + + \ No newline at end of file diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue index 9f156d0..536ba78 100644 --- a/src/pages/index/list/index.vue +++ b/src/pages/index/list/index.vue @@ -442,4 +442,7 @@ export default { transform: translate(-50%,0); // display: flex; } + /deep/ .view .el-dialog__body{ + padding: 0!important; + } \ No newline at end of file diff --git a/src/pages/lobbyManager/list/index.vue b/src/pages/lobbyManager/list/index.vue new file mode 100644 index 0000000..de3b33f --- /dev/null +++ b/src/pages/lobbyManager/list/index.vue @@ -0,0 +1,306 @@ + + + + + \ No newline at end of file diff --git a/src/router/modules/data.js b/src/router/modules/bank.js similarity index 63% rename from src/router/modules/data.js rename to src/router/modules/bank.js index dca65f8..798294c 100644 --- a/src/router/modules/data.js +++ b/src/router/modules/bank.js @@ -2,11 +2,11 @@ import BasicLayout from '@/layouts/home'; const meta = {}; -const pre = 'data-'; +const pre = 'bank-'; export default { - path: '/data', - name: 'data', + path: '/bank', + name: 'bank', redirect: { name: `${pre}list` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/data/list'), - meta: { title: '数据' } + component: () => import('@/pages/bank/list'), + meta: { title: '首页' } }, ] }; diff --git a/src/router/modules/role.js b/src/router/modules/lobbyManager.js similarity index 58% rename from src/router/modules/role.js rename to src/router/modules/lobbyManager.js index 2186a2e..11ddb5c 100644 --- a/src/router/modules/role.js +++ b/src/router/modules/lobbyManager.js @@ -2,11 +2,11 @@ import BasicLayout from '@/layouts/home'; const meta = {}; -const pre = 'role-'; +const pre = 'lobbyManager-'; export default { - path: '/role', - name: 'role', + path: '/lobbyManager', + name: 'lobbyManager', redirect: { name: `${pre}list` }, @@ -16,8 +16,8 @@ export default { { name: `${pre}list`, path: `list`, - component: () => import('@/pages/role/list'), - meta: { title: '角色管理' } + component: () => import('@/pages/lobbyManager/list'), + meta: { title: '大堂经理' } }, ] }; diff --git a/src/router/modules/setting.js b/src/router/modules/setting.js deleted file mode 100644 index cb89a60..0000000 --- a/src/router/modules/setting.js +++ /dev/null @@ -1,23 +0,0 @@ -import BasicLayout from '@/layouts/home'; - -const meta = {}; - -const pre = 'setting-'; - -export default { - path: '/setting', - name: 'setting', - redirect: { - name: `${pre}person` - }, - meta, - component: BasicLayout, - children: [ - { - name: `${pre}person`, - path: `person`, - component: () => import('@/pages/setting/person'), - meta: { title: '个人中心' } - }, - ] -}; \ No newline at end of file diff --git a/src/router/modules/stat.js b/src/router/modules/stat.js deleted file mode 100644 index 1382aac..0000000 --- a/src/router/modules/stat.js +++ /dev/null @@ -1,23 +0,0 @@ -import BasicLayout from '@/layouts/home'; - -const meta = {}; - -const pre = 'stat-'; - -export default { - path: '/stat', - name: 'stat', - redirect: { - name: `${pre}list` - }, - meta, - component: BasicLayout, - children: [ - { - name: `${pre}list`, - path: `list`, - component: () => import('@/pages/stat/list'), - meta: { title: '数据统计' } - }, - ] -}; diff --git a/src/router/modules/user.js b/src/router/modules/user.js deleted file mode 100644 index c65e306..0000000 --- a/src/router/modules/user.js +++ /dev/null @@ -1,23 +0,0 @@ -import BasicLayout from '@/layouts/home'; - -const meta = {}; - -const pre = 'user-'; - -export default { - path: '/user', - name: 'user', - redirect: { - name: `${pre}list` - }, - meta, - component: BasicLayout, - children: [ - { - name: `${pre}list`, - path: `list`, - component: () => import('@/pages/user/list'), - meta: { title: '用户管理' } - }, - ] -}; diff --git a/src/router/routes.js b/src/router/routes.js index 4a180bc..80a8438 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -1,11 +1,13 @@ import index from './modules/index' +import bank from './modules/bank' +import lobbyManager from './modules/lobbyManager' import BasicLayout from '@/layouts/home' const frameIn = [ { path: '/', - redirect: '/login', + redirect: '/index/list', }, { path: '/', @@ -14,6 +16,8 @@ const frameIn = [ children: [] }, index, + bank, + lobbyManager ] /** diff --git a/src/setting.js b/src/setting.js index 15fc707..a6c8cb6 100644 --- a/src/setting.js +++ b/src/setting.js @@ -24,7 +24,7 @@ const Setting = { // Cookies 默认保存时间，单位：天 cookiesExpires: 1, /** - * 免登录保存的token的key + * token的key */ tokenKey: 'bank_token', /** @@ -35,6 +35,10 @@ const Setting = { * sessionStorage里username的key */ usernameKey: 'bank_username', + /** + * 系统id + */ + systemId: 12, /** * 默认密码 */ diff --git a/src/styles/common.scss b/src/styles/common.scss index 5a42233..ffbb177 100644 --- a/src/styles/common.scss +++ b/src/styles/common.scss @@ -19,26 +19,6 @@ background: rgba(156,156,156,.7); } -.required{ - font-size: 16px; - color: $--color-primary; - font-style: normal; -} - -.breadcrumb{ - display: flex; - align-items: center; - margin-bottom: 20px; - .cur,.el-breadcrumb__inner,.el-breadcrumb__separator{ - color: rgba(0,0,0,.45) !important; - font-weight: 400 !important; - font-size: 12px; - } - .el-breadcrumb__item:last-of-type .el-breadcrumb__inner{ - color: rgba(0,0,0,.85) !important; - } -} - .el-button--primary.action-btn{ color: $--color-primary !important; font-size: 14px !important; @@ -145,94 +125,6 @@ } } -.el-table{ - border-radius: 8px; - border: 1px solid rgba(0, 0, 0, 0.06); - border-bottom: 0; - .cell{ - font-size: 14px; - .el-checkbox{ - &:before{ - content: '全选'; - margin-right: 5px; - color: #fff; - font-size: 14px; - opacity: 0; - } - } - } - th{ - background: $--color-primary !important; - .cell{ - color: #fff; - font-size: 14px; - font-weight: normal; - .el-checkbox{ - &:before{ - opacity: 1; - } - } - } - } - - .el-checkbox__inner{ - border-radius: 4px; - transition: none !important; - } - .el-checkbox__input.is-indeterminate .el-checkbox__inner{ - background-color: #FFFFFF; - border-color: #DCDFE6; - } - .el-switch__core{ - background-color: #bfbfbf; - } - .el-switch__label--right{ - z-index: 2; - position: absolute; - right: 8px; - margin-left: 0; - color: #fff !important; - } - .el-switch__label--right.is-active{ - left: 8px; - right: auto; - } - .el-switch__label--right span{ - font-size: 12px; - } -} - -.tabs{ - display: flex; - align-items: center; - padding: 0 24px; - border-bottom: 1px solid rgba(0,0,0,.06); - .item{ - position: relative; - padding: 20px 0; - margin-right: 40px; - font-size: 16px; - color: rgba(0, 0, 0, 0.65); - cursor: pointer; - &:after{ - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 3px; - border-bottom: 3px solid transparent; - border-radius: 2px; - } - &.active{ - font-weight: 500; - color: rgba(0, 0, 0, 0.85); - } - &.active:after{ - border-bottom-color: $--color-primary; - } - } -} .el-message{ padding: 11px 20px; @@ -300,66 +192,6 @@ } } -.el-dialog__wrapper{ - .el-dialog{ - border-radius: 4px; - .el-dialog__header{ - border-bottom: 1px solid rgba(0, 0, 0, 0.06); - .el-dialog__title{ - font-size: 16px; - color: rgba(0, 0, 0, 0.85); - } - } - .el-dialog__footer{ - padding: 10px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.06); - .el-button{ - font-size: 14px; - border-radius: 4px; - border-color: rgba(0, 0, 0, 0.15); - } - } - } -} - -.upload-wrap{ - position: relative; - display: flex; - justify-content: center; - align-items: center; - padding: 34px 0; - .el-button{ - span{ - display: flex; - align-items: center; - color: rgba(0, 0, 0, 0.65); - font-size: 14px; - img{ - margin-right: 8px; - } - } - } - &>.el-button{ - margin-right: 32px; - } - .el-upload-list{ - position: absolute; - bottom: 0; - left: 0; - width: 100%; - } - .link{ - position: absolute; - bottom: -20px; - left: 0; - width: 100%; - text-align: center; - } - &.lg{ - padding-bottom: 50px; - } -} - .el-tooltip__popper.sth-popper{ padding: 0; background-color: transparent; @@ -371,10 +203,86 @@ } } -@media(max-width: 1600px){ - .el-table{ - .el-switch__label--right.is-active{ - left: 8px; +.data-dia{ + border-radius: 16px; + .el-dialog__header{ + padding: 0; + border-bottom: 0; + .dia-header{ + position: relative; + .data-title{ + width: 300px; + margin: 0 auto; + line-height: 72px; + text-align: center; + color: #fff; + font-size: 24px; + background: url(../assets/img/dia-title.png) 0 0/cover no-repeat; + } + .close{ + position: absolute; + top: 15px; + right: 15px; + cursor: pointer; + } + } + } + .tips{ + margin: 20px 0 100px; + text-align: center; + font-size: 20px; + color: #000; + } + .list{ + width: 956px; + margin: 0 auto; + display: flex; + align-items: center; + flex-wrap: wrap; + li{ + position: relative; + width: 204px; + height: 204px; + margin: 0 35px 35px 0; + text-align: center; + background: url(../assets/img/data-frame.png) 0 0/cover no-repeat; + cursor: pointer; + img{ + margin-top: 45px; + } + p{ + position: absolute; + bottom: 0; + width: 100%; + line-height: 54px; + text-align: center; + font-size: 18px; + color: #000; + } + &.checked{ + background: url(../assets/img/data-frame-checked.png) 0 0/cover no-repeat, + url(../assets/svg/checked.svg) 165px 7%/auto no-repeat; + p{ + color: #fff; + } + } + } + } + .dia-footer{ + margin-top: 140px; + text-align: center; + button{ + width: 300px; + line-height: 60px; + color: #fff; + font-size: 24px; + background-color: rgb(81,147,255); + border: 0; + border-radius: 20px; + cursor: pointer; + &:hover{ + opacity: .9; + } } } } \ No newline at end of file