feat:测试
Showing
61 changed files
with
870 additions
and
317 deletions
... | @@ -26,8 +26,6 @@ | ... | @@ -26,8 +26,6 @@ |
26 | 26 | ||
27 | <script> | 27 | <script> |
28 | window.baseUrl = location.origin || location.protocol + '//' + location.host | 28 | window.baseUrl = location.origin || location.protocol + '//' + location.host |
29 | // window.authorization = 'bearer AT-14-h4UlUGjPvgmrIgnDO-3QgMP0m4YJGQTR'; | ||
30 | // window.authorization = 'bearer AT-223-c-Q86EHx75m7ig3EDf-SwMWl4U0AKn0b'; | ||
31 | window.timeout = 5000 | 29 | window.timeout = 5000 |
32 | window.authorization = "bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6" | 30 | window.authorization = "bearer AT-4-MxSrO29Coe7VTazx8uuixtqqgO-hvCB6" |
33 | </script> | 31 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | /* | ||
2 | * @Author: xiaomiao 1158771342@qq.com | ||
3 | * @Date: 2023-03-09 15:24:53 | ||
4 | * @LastEditors: xiaomiao 1158771342@qq.com | ||
5 | * @LastEditTime: 2023-03-20 09:21:04 | ||
6 | * @FilePath: \上报\bdcjg-web\src\api\personnelManage.js | ||
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | ||
8 | */ | ||
1 | 9 | ||
2 | import { | 10 | import { |
3 | api, | 11 | api, |
... | @@ -5,7 +13,7 @@ import { | ... | @@ -5,7 +13,7 @@ import { |
5 | deleteAction, | 13 | deleteAction, |
6 | putAction | 14 | putAction |
7 | } from './manageApi' | 15 | } from './manageApi' |
8 | 16 | import { getParams } from './util' | |
9 | 17 | ||
10 | export const updateUserPassword = (data) => { | 18 | export const updateUserPassword = (data) => { |
11 | return putAction(`${api.users}/update-password`, data) | 19 | return putAction(`${api.users}/update-password`, data) |
... | @@ -15,9 +23,41 @@ export const updateUserPassword = (data) => { | ... | @@ -15,9 +23,41 @@ export const updateUserPassword = (data) => { |
15 | export const getUserList = (params) => { | 23 | export const getUserList = (params) => { |
16 | return getAction(api.users, params) | 24 | return getAction(api.users, params) |
17 | } | 25 | } |
18 | 26 | export const getUserLists = (queryParam) => { | |
19 | 27 | const conditionGroup = { | |
20 | 28 | conditions: [{ | |
29 | property: 'code', | ||
30 | value: queryParam.code ? queryParam.code : null, | ||
31 | operator: 'LIKE' | ||
32 | }, | ||
33 | { | ||
34 | property: 'name', | ||
35 | value: queryParam.name ? queryParam.name : null, | ||
36 | operator: 'LIKE' | ||
37 | } | ||
38 | , | ||
39 | { | ||
40 | property: 'loginName', | ||
41 | value: queryParam.loginName ? queryParam.loginName : null, | ||
42 | operator: 'LIKE' | ||
43 | }, | ||
44 | { | ||
45 | property: 'organizationId', | ||
46 | value: queryParam.organizationId, | ||
47 | operator: 'IN' | ||
48 | } | ||
49 | , | ||
50 | { | ||
51 | property: 'departmentId', | ||
52 | value: queryParam.departmentId, | ||
53 | operator: 'IN' | ||
54 | } | ||
55 | ], | ||
56 | queryRelation: 'AND', | ||
57 | } | ||
58 | const params = getParams(conditionGroup) | ||
59 | return getAction(api.users, params) | ||
60 | } | ||
21 | // 重置用户密码 | 61 | // 重置用户密码 |
22 | // export const resetPassword = id => { | 62 | // export const resetPassword = id => { |
23 | // return putAction(`${api.users}/${id}/reset-password`) | 63 | // return putAction(`${api.users}/${id}/reset-password`) | ... | ... |
1 | import Vue from 'vue' | 1 | import Vue from 'vue' |
2 | import request from '@/utils/request' | 2 | import request from '@/utils/request' |
3 | console.log(Vue.prototype, Vue.prototype.$BASE_API); | 3 | console.log(Vue.prototype, Vue.prototype.BASE_API); |
4 | import SERVER from './config' | 4 | import SERVER from './config' |
5 | // 获取用户信息 | 5 | // 获取用户信息 |
6 | export function getUserInfo () { | 6 | export function getUserInfo () { | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-20 16:36:51 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> | 7 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> |
3 | <span class="fl">当前页面:</span> | 8 | <span class="fl">当前页面:</span> |
... | @@ -53,59 +58,3 @@ export default { | ... | @@ -53,59 +58,3 @@ export default { |
53 | } | 58 | } |
54 | } | 59 | } |
55 | </script> | 60 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file |
56 | |||
57 | <style lang="scss" scoped> | ||
58 | .breadcrumb { | ||
59 | width: 80%; | ||
60 | text-indent: 10px; | ||
61 | background: url("~@/image/breadcrumb.png") no-repeat; | ||
62 | background-size: 100% 100%; | ||
63 | line-height: 32px; | ||
64 | height: 32px; | ||
65 | padding-left: 35px; | ||
66 | margin: 8px 0 10px 6px; | ||
67 | color: #CEF8FF; | ||
68 | } | ||
69 | |||
70 | /deep/.el-icon-arrow-right { | ||
71 | width: 2px; | ||
72 | position: relative; | ||
73 | left: -10px; | ||
74 | color: #FFFFFF; | ||
75 | // background-color: rgb(155, 200, 200); | ||
76 | } | ||
77 | |||
78 | /deep/.el-breadcrumb__inner { | ||
79 | color: #CEF8FF !important; | ||
80 | } | ||
81 | |||
82 | .breadcrumb1366 { | ||
83 | padding: 10px 0 !important; | ||
84 | } | ||
85 | |||
86 | .isFullScreen { | ||
87 | width: calc(100% - 20px); | ||
88 | margin: 0 auto; | ||
89 | padding: 10px !important; | ||
90 | } | ||
91 | |||
92 | .cur-location { | ||
93 | font-size: 16px; | ||
94 | color: white; | ||
95 | line-height: 40px; | ||
96 | float: left; | ||
97 | |||
98 | img { | ||
99 | position: relative; | ||
100 | top: 3px; | ||
101 | margin-right: 4px; | ||
102 | } | ||
103 | } | ||
104 | |||
105 | .el-breadcrumb__inner a, | ||
106 | .el-breadcrumb__inner.is-link { | ||
107 | color: white; | ||
108 | cursor: text; | ||
109 | font-weight: normal; | ||
110 | } | ||
111 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> | 2 | <el-button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> |
3 | <slot></slot> | 3 | <slot></slot> |
4 | </button> | 4 | </el-button> |
5 | </template> | 5 | </template> |
6 | <script> | 6 | <script> |
7 | export default { | 7 | export default { |
8 | name: 'Button', | 8 | name: 'Button', |
9 | props: { | 9 | props: { |
10 | nativeType: { | 10 | nativeType: { |
... | @@ -17,26 +17,8 @@ export default { | ... | @@ -17,26 +17,8 @@ export default { |
17 | this.$emit('click', evt); | 17 | this.$emit('click', evt); |
18 | } | 18 | } |
19 | } | 19 | } |
20 | }; | 20 | }; |
21 | </script> | 21 | </script> |
22 | <style scoped lang="scss"> | 22 | <style scoped lang="scss"> |
23 | .button { | ||
24 | width: 76px; | ||
25 | height: 32px; | ||
26 | color: #ffffff; | ||
27 | margin: 0 5px; | ||
28 | cursor: pointer; | ||
29 | border: 0; | ||
30 | font-size: 14px; | ||
31 | } | ||
32 | 23 | ||
33 | .cx { | ||
34 | background: url('../image/btn.png') no-repeat 0 -34px; | ||
35 | background-size: cover; | ||
36 | } | ||
37 | |||
38 | .cz { | ||
39 | background: url('../image/btn.png') no-repeat 0 0; | ||
40 | background-size: cover; | ||
41 | } | ||
42 | </style> | 24 | </style> | ... | ... |
... | @@ -43,9 +43,6 @@ export default { | ... | @@ -43,9 +43,6 @@ export default { |
43 | } | 43 | } |
44 | </script> | 44 | </script> |
45 | <style scoped lang='scss'> | 45 | <style scoped lang='scss'> |
46 | @import '~@/styles/public.scss'; | ||
47 | |||
48 | |||
49 | .result { | 46 | .result { |
50 | padding: 15px; | 47 | padding: 15px; |
51 | height: 100%; | 48 | height: 100%; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-16 11:15:48 | 4 | * @LastEditTime: 2023-03-20 14:22:35 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="app-wrapper jgWrapper"> | 7 | <div class="app-wrapper jgWrapper"> |
... | @@ -12,10 +12,10 @@ | ... | @@ -12,10 +12,10 @@ |
12 | </div> | 12 | </div> |
13 | </template> | 13 | </template> |
14 | <script> | 14 | <script> |
15 | import { AppMain, Navbar, Sidebar, TagsView } from './components' | 15 | import { AppMain, Navbar, Sidebar, TagsView } from './components' |
16 | import ResizeMixin from './mixin/ResizeHandler' | 16 | import ResizeMixin from './mixin/ResizeHandler' |
17 | import { mapState } from 'vuex' | 17 | import { mapState } from 'vuex' |
18 | export default { | 18 | export default { |
19 | name: 'Layout', | 19 | name: 'Layout', |
20 | components: { | 20 | components: { |
21 | AppMain, | 21 | AppMain, |
... | @@ -24,6 +24,7 @@ export default { | ... | @@ -24,6 +24,7 @@ export default { |
24 | TagsView | 24 | TagsView |
25 | }, | 25 | }, |
26 | created () { | 26 | created () { |
27 | console.log("hhh"); | ||
27 | this.$store.dispatch("products/setData", "BDCJGPT"); | 28 | this.$store.dispatch("products/setData", "BDCJGPT"); |
28 | }, | 29 | }, |
29 | mixins: [ResizeMixin], | 30 | mixins: [ResizeMixin], |
... | @@ -34,15 +35,15 @@ export default { | ... | @@ -34,15 +35,15 @@ export default { |
34 | fixedHeader: state => state.settings.fixedHeader | 35 | fixedHeader: state => state.settings.fixedHeader |
35 | }) | 36 | }) |
36 | } | 37 | } |
37 | } | 38 | } |
38 | </script> | 39 | </script> |
39 | <style lang="scss"> | 40 | <style lang="scss"> |
40 | @import "~@/styles/jgSidebar.scss"; | 41 | @import "~@/styles/jgSidebar.scss"; |
41 | </style> | 42 | </style> |
42 | <style lang="scss" scoped> | 43 | <style lang="scss" scoped> |
43 | @import "~@/styles/mixin.scss"; | 44 | @import "~@/styles/mixin.scss"; |
44 | 45 | ||
45 | .app-wrapper { | 46 | .app-wrapper { |
46 | @include clearfix; | 47 | @include clearfix; |
47 | position: relative; | 48 | position: relative; |
48 | height: 100%; | 49 | height: 100%; |
... | @@ -57,9 +58,9 @@ export default { | ... | @@ -57,9 +58,9 @@ export default { |
57 | position: fixed; | 58 | position: fixed; |
58 | top: 0; | 59 | top: 0; |
59 | } | 60 | } |
60 | } | 61 | } |
61 | 62 | ||
62 | .appMain { | 63 | .appMain { |
63 | // min-width: 1280px; | 64 | // min-width: 1280px; |
64 | height: calc(100vh - 101px) !important; | 65 | height: calc(100vh - 101px) !important; |
65 | box-sizing: border-box; | 66 | box-sizing: border-box; |
... | @@ -67,5 +68,5 @@ export default { | ... | @@ -67,5 +68,5 @@ export default { |
67 | .app-main { | 68 | .app-main { |
68 | height: 100%; | 69 | height: 100%; |
69 | } | 70 | } |
70 | } | 71 | } |
71 | </style> | 72 | </style> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-20 16:35:09 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <section class="app-main"> | 7 | <section class="app-main"> |
3 | <transition name="fade-transform" mode="out-in"> | 8 | <transition name="fade-transform" mode="out-in"> |
... | @@ -17,11 +22,12 @@ export default { | ... | @@ -17,11 +22,12 @@ export default { |
17 | </script> | 22 | </script> |
18 | <style lang="scss" scoped> | 23 | <style lang="scss" scoped> |
19 | .app-main { | 24 | .app-main { |
20 | height: calc(100vh - 84px); | 25 | height: calc(100vh - 74px); |
21 | overflow-x: hidden; | 26 | overflow-x: hidden; |
22 | box-sizing: border-box; | 27 | box-sizing: border-box; |
23 | flex: 1; | 28 | flex: 1; |
24 | width: 100%; | 29 | width: 100%; |
25 | // background-color: #ffffff; | 30 | background: #EFF0F4; |
31 | padding: 15px; | ||
26 | } | 32 | } |
27 | </style> | 33 | </style> | ... | ... |
... | @@ -21,10 +21,10 @@ | ... | @@ -21,10 +21,10 @@ |
21 | </div> | 21 | </div> |
22 | </template> | 22 | </template> |
23 | <script> | 23 | <script> |
24 | import { mapGetters } from 'vuex' | 24 | import { mapGetters } from 'vuex' |
25 | import Breadcrumb from './Breadcrumb' | 25 | import Breadcrumb from './Breadcrumb' |
26 | import defaultSettings from '@/settings' | 26 | import defaultSettings from '@/settings' |
27 | export default { | 27 | export default { |
28 | components: { | 28 | components: { |
29 | Breadcrumb | 29 | Breadcrumb |
30 | }, | 30 | }, |
... | @@ -51,10 +51,12 @@ | ... | @@ -51,10 +51,12 @@ |
51 | } | 51 | } |
52 | } | 52 | } |
53 | } | 53 | } |
54 | } | 54 | } |
55 | </script> | 55 | </script> |
56 | <style lang="scss" scoped> | 56 | <style lang="scss" scoped> |
57 | .navbar-con { | 57 | @import "~@/styles/_handle.scss"; |
58 | |||
59 | .navbar-con { | ||
58 | position: relative; | 60 | position: relative; |
59 | 61 | ||
60 | .logo { | 62 | .logo { |
... | @@ -62,24 +64,26 @@ | ... | @@ -62,24 +64,26 @@ |
62 | font-size: 26px; | 64 | font-size: 26px; |
63 | font-weight: 700; | 65 | font-weight: 700; |
64 | display: flex; | 66 | display: flex; |
67 | |||
65 | img { | 68 | img { |
66 | width: 47px; | 69 | width: 47px; |
67 | height: 47px; | 70 | height: 47px; |
68 | } | 71 | } |
72 | |||
69 | h4 { | 73 | h4 { |
70 | margin-left: 20px; | 74 | margin-left: 20px; |
71 | height: 50px; | 75 | height: 50px; |
72 | line-height: 50px; | 76 | line-height: 50px; |
73 | } | 77 | } |
74 | } | 78 | } |
75 | } | 79 | } |
76 | 80 | ||
77 | .NoticeBar { | 81 | .NoticeBar { |
78 | position: absolute; | 82 | position: absolute; |
79 | bottom: 0; | 83 | bottom: 0; |
80 | } | 84 | } |
81 | 85 | ||
82 | .el-dropdown-menu { | 86 | .el-dropdown-menu { |
83 | padding: 0 !important; | 87 | padding: 0 !important; |
84 | border: 1px solid #ebeef5; | 88 | border: 1px solid #ebeef5; |
85 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); | 89 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); |
... | @@ -89,7 +93,6 @@ | ... | @@ -89,7 +93,6 @@ |
89 | text-align: center; | 93 | text-align: center; |
90 | margin-top: 0 !important; | 94 | margin-top: 0 !important; |
91 | font-size: 14px; | 95 | font-size: 14px; |
92 | font-family: PingFangSC-Regular, PingFang SC; | ||
93 | font-weight: 400; | 96 | font-weight: 400; |
94 | color: #4a4a4a; | 97 | color: #4a4a4a; |
95 | width: 140px; | 98 | width: 140px; |
... | @@ -112,17 +115,19 @@ | ... | @@ -112,17 +115,19 @@ |
112 | background: #f6f7f9; | 115 | background: #f6f7f9; |
113 | color: #4a4a4a; | 116 | color: #4a4a4a; |
114 | } | 117 | } |
115 | } | 118 | } |
116 | 119 | ||
117 | .navbar { | 120 | .navbar { |
118 | height: $headerHeight; | 121 | height: $headerHeight; |
119 | overflow: hidden; | 122 | overflow: hidden; |
120 | position: relative; | 123 | position: relative; |
121 | background: linear-gradient(270deg, #ebf1ff 0%, #3d59c4 100%); | 124 | @include background_color("navbg"); |
125 | |||
122 | display: flex; | 126 | display: flex; |
123 | align-items: center; | 127 | align-items: center; |
124 | padding-right: 20px; | 128 | padding-right: 20px; |
125 | justify-content: space-between; | 129 | justify-content: space-between; |
130 | |||
126 | .header-logo { | 131 | .header-logo { |
127 | width: 300px; | 132 | width: 300px; |
128 | } | 133 | } |
... | @@ -240,5 +245,5 @@ | ... | @@ -240,5 +245,5 @@ |
240 | } | 245 | } |
241 | } | 246 | } |
242 | } | 247 | } |
243 | } | 248 | } |
244 | </style> | 249 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-10 15:00:56 | 4 | * @LastEditTime: 2023-03-20 16:05:15 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="app-wrapper scWrapper"> | 7 | <div class="app-wrapper"> |
8 | <navbar /> | 8 | <navbar /> |
9 | <div class="main-container"> | 9 | <div class="main-container"> |
10 | <sidebar class="sidebar-container" /> | 10 | <sidebar class="sidebar-container" /> | ... | ... |
1 | /* | 1 | /* |
2 | * @Author: yangwei | 2 | * @Author: yangwei |
3 | * @Date: 2023-01-16 09:10:12 | 3 | * @Date: 2023-01-16 09:10:12 |
4 | * @LastEditors: yangwei | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-16 09:33:27 | 5 | * @LastEditTime: 2023-03-21 14:15:40 |
6 | * @FilePath: \bdcjg-web\src\main.js | 6 | * @FilePath: \bdcjg-web\src\main.js |
7 | * @Description: | 7 | * @Description: |
8 | * | 8 | * |
... | @@ -51,7 +51,7 @@ Vue.directive('fo', { | ... | @@ -51,7 +51,7 @@ Vue.directive('fo', { |
51 | import './image/icons' // icon | 51 | import './image/icons' // icon |
52 | import store from './store' | 52 | import store from './store' |
53 | import router from './router' | 53 | import router from './router' |
54 | import _ from 'lodash' | 54 | import _, { set } from 'lodash' |
55 | Vue.use(Element, { size: 'small', zIndex: 1000 }) | 55 | Vue.use(Element, { size: 'small', zIndex: 1000 }) |
56 | Vue.use(Base) | 56 | Vue.use(Base) |
57 | Vue.component('icon', Icon); | 57 | Vue.component('icon', Icon); |
... | @@ -61,12 +61,15 @@ axios.get("./config.json") | ... | @@ -61,12 +61,15 @@ axios.get("./config.json") |
61 | .then((res) => { | 61 | .then((res) => { |
62 | Vue.prototype.BASE_API = res.data | 62 | Vue.prototype.BASE_API = res.data |
63 | require('./permission') | 63 | require('./permission') |
64 | |||
65 | setTimeout(() => { | ||
64 | new Vue({ | 66 | new Vue({ |
65 | el: '#app', | 67 | el: '#app', |
66 | router, | 68 | router, |
67 | store, | 69 | store, |
68 | render: h => h(App) | 70 | render: h => h(App) |
69 | }) | 71 | }) |
72 | }, 20) | ||
70 | 73 | ||
71 | }) | 74 | }) |
72 | 75 | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-15 11:17:28 | 4 | * @LastEditTime: 2023-03-21 13:52:58 |
5 | */ | 5 | */ |
6 | import router from "./router"; | 6 | import router from "./router"; |
7 | import store from "./store"; | 7 | import store from "./store"; |
... | @@ -9,10 +9,14 @@ import { getMenuInfo } from "@/api/user"; | ... | @@ -9,10 +9,14 @@ import { getMenuInfo } from "@/api/user"; |
9 | import NProgress from "nprogress"; // progress bar | 9 | import NProgress from "nprogress"; // progress bar |
10 | import "nprogress/nprogress.css"; // progress bar style | 10 | import "nprogress/nprogress.css"; // progress bar style |
11 | import getPageTitle from "@/utils/get-page-title"; | 11 | import getPageTitle from "@/utils/get-page-title"; |
12 | import getTheme from "@/utils/theme"; | ||
12 | import Cookies from "js-cookie"; | 13 | import Cookies from "js-cookie"; |
13 | NProgress.configure({ showSpinner: false }); // NProgress Configuration | 14 | NProgress.configure({ showSpinner: false }); |
14 | router.beforeEach(async (to, from, next) => { | 15 | router.beforeEach(async (to, from, next) => { |
16 | getTheme() | ||
17 | |||
15 | NProgress.start(); | 18 | NProgress.start(); |
19 | window.document.documentElement.setAttribute("data-theme", 'blue'); | ||
16 | document.title = getPageTitle(to.meta.title); | 20 | document.title = getPageTitle(to.meta.title); |
17 | let hasAddDict = store.state.dict.addDict; | 21 | let hasAddDict = store.state.dict.addDict; |
18 | let hasUser = store.state.user.hasUser; | 22 | let hasUser = store.state.user.hasUser; |
... | @@ -29,7 +33,7 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -29,7 +33,7 @@ router.beforeEach(async (to, from, next) => { |
29 | //请求用户信息 | 33 | //请求用户信息 |
30 | if (!hasUser) { | 34 | if (!hasUser) { |
31 | store.dispatch("user/getUserInfo"); | 35 | store.dispatch("user/getUserInfo"); |
32 | import("@/styles/public.scss"); | 36 | // import("@/styles/public.scss"); |
33 | } | 37 | } |
34 | if (hasAddRoute) { | 38 | if (hasAddRoute) { |
35 | next(); | 39 | next(); | ... | ... |
1 | /* | 1 | /* |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-03-09 15:24:53 | 3 | * @Date: 2023-03-09 15:24:53 |
4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-13 09:03:16 | 5 | * @LastEditTime: 2023-03-21 14:05:43 |
6 | * @FilePath: \上报\bdcjg-web\src\store\modules\permission.js | 6 | * @FilePath: \上报\bdcjg-web\src\store\modules\permission.js |
7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
8 | */ | 8 | */ |
9 | import Vue from 'vue' | ||
9 | import { constantRoutes } from '@/router' | 10 | import { constantRoutes } from '@/router' |
10 | import asyncRouter from '@/utils/asyncRouter.js' | 11 | import asyncRouter from '@/utils/asyncRouter.js' |
11 | const state = { | 12 | const state = { | ... | ... |
src/styles/_handle.scss
0 → 100644
1 | @import "./_themes.scss"; | ||
2 | |||
3 | //遍历主题map | ||
4 | @mixin themeify { | ||
5 | |||
6 | @each $theme-name, | ||
7 | $theme-map in $themes { | ||
8 | //!global 把局部变量强升为全局变量 | ||
9 | $theme-map: $theme-map !global; | ||
10 | |||
11 | //判断html的data-theme的属性值 #{}是sass的插值表达式 | ||
12 | //& sass嵌套里的父容器标识 @content是混合器插槽,像vue的slot | ||
13 | [data-theme="#{$theme-name}"] & { | ||
14 | @content; | ||
15 | } | ||
16 | } | ||
17 | } | ||
18 | |||
19 | //声明一个根据Key获取颜色的function | ||
20 | @function themed($key) { | ||
21 | @return map-get($theme-map, $key); | ||
22 | } | ||
23 | //获取渐变背景 | ||
24 | @mixin background($color) { | ||
25 | @include themeify { | ||
26 | background: themed($color) !important; | ||
27 | } | ||
28 | } | ||
29 | |||
30 | //获取背景颜色 | ||
31 | @mixin background_color($color) { | ||
32 | @include themeify { | ||
33 | background-color: themed($color) !important; | ||
34 | } | ||
35 | } | ||
36 | //获取字体颜色 | ||
37 | @mixin font_color($color) { | ||
38 | @include themeify { | ||
39 | color: themed($color)!important; | ||
40 | } | ||
41 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/_themes.scss
0 → 100644
1 | $themes: (blue: ( //背景 | ||
2 | navbg: #3D59C4, | ||
3 | menuBg: #121F41, | ||
4 | menuActive: linear-gradient(90deg, rgba(61,90,198,0.7) 0%, rgba(61,90,198,0) 100%), | ||
5 | //字体 | ||
6 | menuText: #A1A7C2, | ||
7 | menuActiveText: #FFFFFF | ||
8 | ), | ||
9 | |||
10 | green: ( | ||
11 | navbg: #0F8B80, | ||
12 | menuBg:#121A2E, | ||
13 | menuActive: linear-gradient(90deg, rgba(61,90,198,0.7) 0%, rgba(61,90,198,0) 100%), | ||
14 | //字体 | ||
15 | menuText: #A1A7C2, | ||
16 | menuActiveText: #FFFFFF | ||
17 | ) | ||
18 | ) | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | @import './variables.scss'; | 1 | @import './variables.scss'; |
2 | @import './mixin.scss'; | 2 | @import './mixin.scss'; |
3 | @import './transition.scss'; | 3 | @import './transition.scss'; |
4 | @import './element-ui.scss'; | 4 | // @import './element-ui.scss'; |
5 | // @import './sidebar.scss'; | ||
6 | |||
7 | /* CSS 初始化 */ | 5 | /* CSS 初始化 */ |
8 | html, | 6 | html, |
9 | body, | 7 | body, |
... | @@ -137,8 +135,8 @@ ul li { | ... | @@ -137,8 +135,8 @@ ul li { |
137 | } | 135 | } |
138 | 136 | ||
139 | .mb-5 { | 137 | .mb-5 { |
140 | margin-bottom: 10px!important; | 138 | margin-bottom: 10px !important; |
141 | margin-top: 10px!important; | 139 | margin-top: 10px !important; |
142 | } | 140 | } |
143 | 141 | ||
144 | .pr-5 { | 142 | .pr-5 { |
... | @@ -150,8 +148,8 @@ ul li { | ... | @@ -150,8 +148,8 @@ ul li { |
150 | } | 148 | } |
151 | 149 | ||
152 | .mt-10 { | 150 | .mt-10 { |
153 | margin-top: 20px!important; | 151 | margin-top: 20px !important; |
154 | margin-bottom: 5px!important; | 152 | margin-bottom: 5px !important; |
155 | } | 153 | } |
156 | 154 | ||
157 | //flex 公共样式 | 155 | //flex 公共样式 |
... | @@ -362,6 +360,7 @@ aside { | ... | @@ -362,6 +360,7 @@ aside { |
362 | border-radius: 16px; | 360 | border-radius: 16px; |
363 | color: #0097FF; | 361 | color: #0097FF; |
364 | } | 362 | } |
363 | |||
365 | .successColor:hover { | 364 | .successColor:hover { |
366 | width: 64px; | 365 | width: 64px; |
367 | height: 28px; | 366 | height: 28px; |
... | @@ -369,6 +368,7 @@ aside { | ... | @@ -369,6 +368,7 @@ aside { |
369 | border-radius: 16px; | 368 | border-radius: 16px; |
370 | color: #0097FF; | 369 | color: #0097FF; |
371 | } | 370 | } |
371 | |||
372 | .configurationbtnColor { | 372 | .configurationbtnColor { |
373 | width: 64px; | 373 | width: 64px; |
374 | height: 28px; | 374 | height: 28px; |
... | @@ -376,6 +376,7 @@ aside { | ... | @@ -376,6 +376,7 @@ aside { |
376 | border-radius: 16px; | 376 | border-radius: 16px; |
377 | color: #b0e4dd; | 377 | color: #b0e4dd; |
378 | } | 378 | } |
379 | |||
379 | .configurationbtnColor:hover { | 380 | .configurationbtnColor:hover { |
380 | width: 64px; | 381 | width: 64px; |
381 | height: 28px; | 382 | height: 28px; |
... | @@ -383,6 +384,7 @@ aside { | ... | @@ -383,6 +384,7 @@ aside { |
383 | border-radius: 16px; | 384 | border-radius: 16px; |
384 | color: #b0e4dd; | 385 | color: #b0e4dd; |
385 | } | 386 | } |
387 | |||
386 | .resetbtnColor { | 388 | .resetbtnColor { |
387 | width: 64px; | 389 | width: 64px; |
388 | height: 28px; | 390 | height: 28px; |
... | @@ -390,6 +392,7 @@ aside { | ... | @@ -390,6 +392,7 @@ aside { |
390 | border-radius: 16px; | 392 | border-radius: 16px; |
391 | color: #A5CBDA; | 393 | color: #A5CBDA; |
392 | } | 394 | } |
395 | |||
393 | .resetbtnColor:hover { | 396 | .resetbtnColor:hover { |
394 | width: 64px; | 397 | width: 64px; |
395 | height: 28px; | 398 | height: 28px; |
... | @@ -397,6 +400,7 @@ aside { | ... | @@ -397,6 +400,7 @@ aside { |
397 | border-radius: 16px; | 400 | border-radius: 16px; |
398 | color: #A5CBDA; | 401 | color: #A5CBDA; |
399 | } | 402 | } |
403 | |||
400 | .movebtnColor { | 404 | .movebtnColor { |
401 | width: 64px; | 405 | width: 64px; |
402 | height: 28px; | 406 | height: 28px; |
... | @@ -404,6 +408,7 @@ aside { | ... | @@ -404,6 +408,7 @@ aside { |
404 | border-radius: 16px; | 408 | border-radius: 16px; |
405 | color: #0097FF; | 409 | color: #0097FF; |
406 | } | 410 | } |
411 | |||
407 | .movebtnColor:hover { | 412 | .movebtnColor:hover { |
408 | background: rgba(255, 255, 255, 0.2); | 413 | background: rgba(255, 255, 255, 0.2); |
409 | border-radius: 16px; | 414 | border-radius: 16px; | ... | ... |
1 | @import '~@/styles/jgElement-ui.scss'; | ||
2 | |||
1 | .tableClass { | 3 | .tableClass { |
2 | .el-table { | 4 | .el-table { |
3 | border: none !important; | 5 | border: none !important; |
... | @@ -445,3 +447,108 @@ | ... | @@ -445,3 +447,108 @@ |
445 | } | 447 | } |
446 | } | 448 | } |
447 | } | 449 | } |
450 | |||
451 | // 面包屑 | ||
452 | .breadcrumb { | ||
453 | width: 80%; | ||
454 | text-indent: 10px; | ||
455 | background: url("~@/image/breadcrumb.png") no-repeat; | ||
456 | background-size: 100% 100%; | ||
457 | line-height: 32px; | ||
458 | height: 32px; | ||
459 | padding-left: 35px; | ||
460 | margin: 8px 0 10px 6px; | ||
461 | color: #CEF8FF; | ||
462 | } | ||
463 | |||
464 | .el-icon-arrow-right { | ||
465 | width: 2px; | ||
466 | position: relative; | ||
467 | left: 10px; | ||
468 | color: #FFFFFF; | ||
469 | } | ||
470 | |||
471 | .el-breadcrumb__inner { | ||
472 | color: #CEF8FF !important; | ||
473 | } | ||
474 | |||
475 | .breadcrumb1366 { | ||
476 | padding: 10px 0 !important; | ||
477 | } | ||
478 | |||
479 | .cur-location { | ||
480 | font-size: 16px; | ||
481 | color: white; | ||
482 | line-height: 40px; | ||
483 | float: left; | ||
484 | |||
485 | img { | ||
486 | position: relative; | ||
487 | top: 3px; | ||
488 | margin-right: 4px; | ||
489 | } | ||
490 | } | ||
491 | |||
492 | .el-breadcrumb__inner a, | ||
493 | .el-breadcrumb__inner.is-link { | ||
494 | color: white; | ||
495 | cursor: text; | ||
496 | font-weight: normal; | ||
497 | } | ||
498 | |||
499 | .button { | ||
500 | width: 76px; | ||
501 | height: 32px; | ||
502 | color: #ffffff; | ||
503 | cursor: pointer; | ||
504 | border: 0; | ||
505 | font-size: 12px; | ||
506 | } | ||
507 | |||
508 | .button:hover { | ||
509 | // width: 76px; | ||
510 | // height: 32px; | ||
511 | // color: #ffffff; | ||
512 | // cursor: pointer; | ||
513 | // border: 0; | ||
514 | // font-size: 12px; | ||
515 | // background: none; | ||
516 | } | ||
517 | |||
518 | .cx { | ||
519 | background: url("../image/btn.png") no-repeat 0 -34px; | ||
520 | background-size: cover; | ||
521 | } | ||
522 | |||
523 | .cx:hover { | ||
524 | background: url("../image/btn.png") no-repeat 0 -34px; | ||
525 | background-size: cover; | ||
526 | color: white; | ||
527 | } | ||
528 | |||
529 | .cz { | ||
530 | background: url("../image/btn.png") no-repeat 0 0; | ||
531 | background-size: cover; | ||
532 | } | ||
533 | |||
534 | .cz:hover { | ||
535 | background: url("../image/btn.png") no-repeat 0 0; | ||
536 | background-size: cover; | ||
537 | color: white; | ||
538 | } | ||
539 | |||
540 | .el-button:focus { | ||
541 | background: none; | ||
542 | } | ||
543 | |||
544 | .cx:focus { | ||
545 | background: url("../image/btn.png") no-repeat 0 -34px; | ||
546 | background-size: cover; | ||
547 | color: white; | ||
548 | } | ||
549 | |||
550 | .cz:focus { | ||
551 | background: url("../image/btn.png") no-repeat 0 0; | ||
552 | background-size: cover; | ||
553 | color: white; | ||
554 | } | ... | ... |
src/styles/sbElement-ui.scss
0 → 100644
1 | // cover some element-ui styles | ||
2 | .el-breadcrumb__inner, | ||
3 | .el-breadcrumb__inner a { | ||
4 | font-weight: 400 !important; | ||
5 | color: #686666; | ||
6 | } | ||
7 | |||
8 | .el-table .cell { | ||
9 | line-height: 16px; | ||
10 | } | ||
11 | |||
12 | //input | ||
13 | .el-input__inner { | ||
14 | color: #FFFFFF !important; | ||
15 | padding: 0 7px !important; | ||
16 | } | ||
17 | |||
18 | // input 样式 | ||
19 | // 全局css 加上以下代码,可以隐藏上下箭头 | ||
20 | |||
21 | // 取消input的上下箭头 | ||
22 | input::-webkit-inner-spin-button { | ||
23 | -webkit-appearance: none !important; | ||
24 | |||
25 | } | ||
26 | |||
27 | input::-webkit-outer-spin-button { | ||
28 | -webkit-appearance: none !important; | ||
29 | |||
30 | } | ||
31 | |||
32 | input[type="number"] { | ||
33 | -moz-appearance: textfield; | ||
34 | |||
35 | } | ||
36 | |||
37 | .el-upload { | ||
38 | input[type="file"] { | ||
39 | display: none !important; | ||
40 | } | ||
41 | } | ||
42 | |||
43 | .el-upload__input { | ||
44 | display: none; | ||
45 | } | ||
46 | |||
47 | .cell { | ||
48 | .el-tag { | ||
49 | margin-right: 0px; | ||
50 | } | ||
51 | } | ||
52 | |||
53 | .small-padding { | ||
54 | .cell { | ||
55 | padding-left: 5px; | ||
56 | padding-right: 5px; | ||
57 | } | ||
58 | } | ||
59 | |||
60 | .fixed-width { | ||
61 | .el-button--mini { | ||
62 | padding: 7px 10px; | ||
63 | min-width: 60px; | ||
64 | } | ||
65 | } | ||
66 | |||
67 | .status-col { | ||
68 | .cell { | ||
69 | padding: 0 10px; | ||
70 | text-align: center; | ||
71 | |||
72 | .el-tag { | ||
73 | margin-right: 0px; | ||
74 | } | ||
75 | } | ||
76 | } | ||
77 | |||
78 | .el-icon-date, | ||
79 | .el-icon-time { | ||
80 | display: none; | ||
81 | } | ||
82 | |||
83 | // to fixed https://github.com/ElemeFE/element/issues/2461 | ||
84 | // refine element ui upload | ||
85 | .el-input.is-disabled .el-input__inner { | ||
86 | color: #FFFFFF !important; | ||
87 | background-color: transparent !important; | ||
88 | border: 1px solid #224C7C !important; | ||
89 | } | ||
90 | |||
91 | .upload-container { | ||
92 | .el-upload { | ||
93 | width: 100%; | ||
94 | |||
95 | .el-upload-dragger { | ||
96 | width: 100%; | ||
97 | height: 200px; | ||
98 | } | ||
99 | } | ||
100 | } | ||
101 | |||
102 | // dropdown | ||
103 | .el-dropdown-menu { | ||
104 | a { | ||
105 | display: block | ||
106 | } | ||
107 | } | ||
108 | |||
109 | // fix date-picker ui bug in filter-item | ||
110 | .el-range-editor.el-input__inner { | ||
111 | display: inline-flex !important; | ||
112 | } | ||
113 | |||
114 | // to fix el-date-picker css style | ||
115 | .el-range-separator { | ||
116 | box-sizing: content-box; | ||
117 | } | ||
118 | |||
119 | .el-submenu__icon-arrow { | ||
120 | margin-top: -5px; | ||
121 | } | ||
122 | |||
123 | // element 样式补丁 | ||
124 | .el-menu--horizontal { | ||
125 | border-bottom: none !important; | ||
126 | } | ||
127 | |||
128 | .el-radio-group { | ||
129 | .el-radio-button__inner { | ||
130 | height: 36px; | ||
131 | line-height: 36px; | ||
132 | padding: 0 20px; | ||
133 | font-size: 14px; | ||
134 | } | ||
135 | |||
136 | .el-radio-button:first-child { | ||
137 | border-radius: 4px 0 0 4px; | ||
138 | } | ||
139 | |||
140 | .el-radio-button:last-child { | ||
141 | border-radius: 0 4px 4px 0; | ||
142 | } | ||
143 | } | ||
144 | |||
145 | .el-tabs__item:focus.is-active.is-focus:not(:active) { | ||
146 | box-shadow: none !important; | ||
147 | } | ||
148 | |||
149 | // Divider 分割线 样式的修改 | ||
150 | .el-divider--horizontal { | ||
151 | margin: 10px 0 !important; | ||
152 | } | ||
153 | |||
154 | .el-row { | ||
155 | margin-bottom: 0 !important; | ||
156 | } | ||
157 | |||
158 | // form | ||
159 | .el-form-item__content { | ||
160 | margin-left: 0 !important; | ||
161 | } | ||
162 | |||
163 | .el-icon-full-screen, | ||
164 | .el-icon-rank { | ||
165 | cursor: pointer; | ||
166 | } | ||
167 | |||
168 | // 表格样式 | ||
169 | .el-table th { | ||
170 | height: 48px !important; | ||
171 | font-size: 14px; | ||
172 | color: #4A4A4A; | ||
173 | } | ||
174 | |||
175 | .el-table tr td { | ||
176 | font-size: 14px; | ||
177 | color: #7A7A7A; | ||
178 | } | ||
179 | |||
180 | .lb-table .el-table { | ||
181 | border-bottom: none; | ||
182 | border-radius: 4px 4px 0 0; | ||
183 | } | ||
184 | |||
185 | .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { | ||
186 | display: none !important | ||
187 | } | ||
188 | |||
189 | .el-message-box__btns { | ||
190 | display: flex; | ||
191 | flex-direction: row-reverse; | ||
192 | } | ||
193 | |||
194 | .el-message-box__btns .el-button--primary { | ||
195 | margin-right: 10px; | ||
196 | } | ||
197 | |||
198 | .el-form-item__content { | ||
199 | flex: 1; | ||
200 | } | ||
201 | |||
202 | .el-submenu__title { | ||
203 | .svg-icon { | ||
204 | position: relative; | ||
205 | top: 2px; | ||
206 | } | ||
207 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/styles/sbPublic.scss
0 → 100644
1 | @import '~@/styles/sbElement-ui.scss'; | ||
2 | |||
3 | .from-clues { | ||
4 | height: 100%; | ||
5 | width: 100%; | ||
6 | min-width: 1280px; | ||
7 | box-sizing: border-box; | ||
8 | overflow-x: hidden; | ||
9 | padding: 2px; | ||
10 | |||
11 | &-header { | ||
12 | width: 100%; | ||
13 | padding: 5px 30px 20px 24px; | ||
14 | box-sizing: border-box; | ||
15 | background-size: 100% 100%; | ||
16 | background: #FFFFFF; | ||
17 | border-radius: 4px; | ||
18 | } | ||
19 | |||
20 | &-content { | ||
21 | width: 100%; | ||
22 | box-sizing: border-box; | ||
23 | margin-top: 15px; | ||
24 | background: #FFFFFF; | ||
25 | border-radius: 4px; | ||
26 | background-size: 100% 100%; | ||
27 | padding: 22px 42px 20px; | ||
28 | } | ||
29 | |||
30 | |||
31 | |||
32 | .el-form--inline .el-form-item { | ||
33 | width: auto; | ||
34 | margin-right: 0px; | ||
35 | |||
36 | .el-form-item__content { | ||
37 | width: auto; | ||
38 | } | ||
39 | } | ||
40 | |||
41 | .el-form-item--small.el-form-item { | ||
42 | margin-bottom: 0px; | ||
43 | } | ||
44 | } | ||
45 | |||
46 | /* --------------进度条美化---------------- */ | ||
47 | ::-webkit-scrollbar { | ||
48 | width: 7px; | ||
49 | height: 7px; | ||
50 | } | ||
51 | |||
52 | ::-webkit-scrollbar-track { | ||
53 | width: 7px; | ||
54 | background-color: rgba(255, 255, 255, 0); | ||
55 | -webkit-border-radius: 6px; | ||
56 | -moz-border-radius: 6px; | ||
57 | border-radius: 6px; | ||
58 | } | ||
59 | |||
60 | ::-webkit-scrollbar-thumb { | ||
61 | background-color: rgb(207, 208, 209); | ||
62 | background-clip: padding-box; | ||
63 | min-height: 28px; | ||
64 | -webkit-border-radius: 6px; | ||
65 | -moz-border-radius: 6px; | ||
66 | border-radius: 6px; | ||
67 | } | ||
68 | |||
69 | ::-webkit-scrollbar-thumb:hover { | ||
70 | background-color: rgb(162, 164, 167); | ||
71 | } | ||
72 | |||
73 | // 搜索框按钮的位置 | ||
74 | .btnColRight { | ||
75 | box-sizing: border-box; | ||
76 | text-align: right; | ||
77 | } | ||
78 | |||
79 | // 按钮样式 | ||
80 | .button:hover { | ||
81 | width: 86px; | ||
82 | height: 32px; | ||
83 | color: #ffffff; | ||
84 | cursor: pointer; | ||
85 | border: 0; | ||
86 | font-size: 12px; | ||
87 | background: none; | ||
88 | } | ||
89 | |||
90 | .cx { | ||
91 | width: 86px; | ||
92 | height: 32px; | ||
93 | background-color: #4162D8; | ||
94 | color: white; | ||
95 | border: none; | ||
96 | } | ||
97 | |||
98 | .cx:hover { | ||
99 | width: 86px; | ||
100 | height: 32px; | ||
101 | background-color: #4162D8; | ||
102 | color: white; | ||
103 | border: none; | ||
104 | } | ||
105 | |||
106 | .cz { | ||
107 | width: 86px; | ||
108 | height: 32px; | ||
109 | background-color: white; | ||
110 | color: #4162D8; | ||
111 | |||
112 | border: 1px solid rgba(65, 98, 216, 0.3); | ||
113 | } | ||
114 | |||
115 | .cz:hover { | ||
116 | width: 86px; | ||
117 | height: 32px; | ||
118 | background-color: white; | ||
119 | color: #4162D8; | ||
120 | border: 1px solid rgba(65, 98, 216, 0.3); | ||
121 | } | ||
122 | |||
123 | .el-button:focus { | ||
124 | // background: none; | ||
125 | } | ||
126 | |||
127 | .cx:focus { | ||
128 | color: white; | ||
129 | background-color: #4162D8; | ||
130 | background-size: cover; | ||
131 | } | ||
132 | |||
133 | .cz:focus { | ||
134 | color: #4162D8; | ||
135 | background-color: white; | ||
136 | ; | ||
137 | background-size: cover; | ||
138 | } |
1 | .scWrapper { | 1 | @import "~@/styles/_handle.scss"; |
2 | .main-container { | 2 | |
3 | .main-container { | ||
3 | width: 100%; | 4 | width: 100%; |
4 | height: calc(100% - 74px); | 5 | height: calc(100% - 74px); |
5 | transition: margin-left 0.28s; | 6 | transition: margin-left 0.28s; |
6 | display: flex; | 7 | display: flex; |
7 | } | 8 | } |
8 | 9 | ||
9 | .sidebar-container { | 10 | .el-form-item__content { |
11 | margin-left: 0!important; | ||
12 | } | ||
13 | |||
14 | .sidebar-container { | ||
10 | transition: width 0.28s; | 15 | transition: width 0.28s; |
11 | width: $sideBarWidth !important; | 16 | width: $sideBarWidth !important; |
12 | font-size: 0px; | 17 | font-size: 0px; |
13 | margin-right: 15px; | 18 | @include background_color("menuBg"); |
14 | background: #121F41; | ||
15 | 19 | ||
16 | .horizontal-collapse-transition { | 20 | .horizontal-collapse-transition { |
17 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, | 21 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, |
... | @@ -58,7 +62,7 @@ | ... | @@ -58,7 +62,7 @@ |
58 | // 有子级 | 62 | // 有子级 |
59 | .el-submenu__title { | 63 | .el-submenu__title { |
60 | padding-left: 10px !important; | 64 | padding-left: 10px !important; |
61 | color: $menuText; | 65 | @include font_color("menuText"); |
62 | height: 42px; | 66 | height: 42px; |
63 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); | 67 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); |
64 | margin-bottom: 8px; | 68 | margin-bottom: 8px; |
... | @@ -77,14 +81,13 @@ | ... | @@ -77,14 +81,13 @@ |
77 | 81 | ||
78 | // 没有子级 | 82 | // 没有子级 |
79 | .submenu-title-noDropdown { | 83 | .submenu-title-noDropdown { |
80 | color: $menuText; | 84 | @include font_color("menuText"); |
81 | padding-left: 20px; | 85 | padding-left: 20px; |
82 | margin-bottom: 8px; | 86 | margin-bottom: 8px; |
83 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); | ||
84 | 87 | ||
85 | &:hover { | 88 | &:hover { |
86 | color: $menuActiveText !important; | 89 | @include font_color("menuActiveText"); |
87 | background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 90 | @include background("menuActive"); |
88 | 91 | ||
89 | .svg-icon { | 92 | .svg-icon { |
90 | color: #1ea6f8 !important; | 93 | color: #1ea6f8 !important; |
... | @@ -98,8 +101,8 @@ | ... | @@ -98,8 +101,8 @@ |
98 | 101 | ||
99 | .submenu-title-noDropdown.is-active, | 102 | .submenu-title-noDropdown.is-active, |
100 | .el-submenu__title.is-active { | 103 | .el-submenu__title.is-active { |
101 | color: $menuActiveText; | 104 | @include background("menuActive"); |
102 | background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 105 | @include font_color("menuActiveText"); |
103 | 106 | ||
104 | .svg-icon { | 107 | .svg-icon { |
105 | color: #1ea6f8 !important; | 108 | color: #1ea6f8 !important; |
... | @@ -163,9 +166,9 @@ | ... | @@ -163,9 +166,9 @@ |
163 | margin: 0 10px; | 166 | margin: 0 10px; |
164 | // border-radius: 6px; | 167 | // border-radius: 6px; |
165 | } | 168 | } |
166 | } | 169 | } |
167 | 170 | ||
168 | .hideSidebar { | 171 | .hideSidebar { |
169 | .sidebar-container { | 172 | .sidebar-container { |
170 | width: 54px !important; | 173 | width: 54px !important; |
171 | } | 174 | } |
... | @@ -220,14 +223,14 @@ | ... | @@ -220,14 +223,14 @@ |
220 | } | 223 | } |
221 | } | 224 | } |
222 | } | 225 | } |
223 | } | 226 | } |
224 | 227 | ||
225 | .el-menu--collapse .el-menu .el-submenu { | 228 | .el-menu--collapse .el-menu .el-submenu { |
226 | min-width: $sideBarWidth !important; | 229 | min-width: $sideBarWidth !important; |
227 | } | 230 | } |
228 | 231 | ||
229 | // mobile responsive | 232 | // mobile responsive |
230 | .mobile { | 233 | .mobile { |
231 | .main-container { | 234 | .main-container { |
232 | margin-left: 0px; | 235 | margin-left: 0px; |
233 | } | 236 | } |
... | @@ -244,15 +247,14 @@ | ... | @@ -244,15 +247,14 @@ |
244 | transform: translate3d(-$sideBarWidth, 0, 0); | 247 | transform: translate3d(-$sideBarWidth, 0, 0); |
245 | } | 248 | } |
246 | } | 249 | } |
247 | } | 250 | } |
248 | 251 | ||
249 | .withoutAnimation { | 252 | .withoutAnimation { |
250 | 253 | ||
251 | .main-container, | 254 | .main-container, |
252 | .sidebar-container { | 255 | .sidebar-container { |
253 | transition: none; | 256 | transition: none; |
254 | } | 257 | } |
255 | } | ||
256 | } | 258 | } |
257 | 259 | ||
258 | // when menu collapsed | 260 | // when menu collapsed |
... | @@ -275,11 +277,13 @@ | ... | @@ -275,11 +277,13 @@ |
275 | border-bottom-right-radius: 8px; | 277 | border-bottom-right-radius: 8px; |
276 | font-weight: 600 !important; | 278 | font-weight: 600 !important; |
277 | font-size: 15px !important; | 279 | font-size: 15px !important; |
278 | background-color: $menuHover !important; | 280 | @include background("menuActive"); |
281 | // background-color: $menuHover !important; | ||
279 | color: $menuText !important; | 282 | color: $menuText !important; |
280 | 283 | ||
281 | &:hover { | 284 | &:hover { |
282 | background-color: $menuHover !important; | 285 | @include background("menuActive"); |
286 | // background-color: $menuHover !important; | ||
283 | opacity: .9; | 287 | opacity: .9; |
284 | 288 | ||
285 | .svg-icon, | 289 | .svg-icon, | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-07 09:35:10 | 4 | * @LastEditTime: 2023-03-21 14:16:48 |
5 | */ | 5 | */ |
6 | import Layout from '@/layout' | 6 | import Vue from 'vue' |
7 | import Layout from '@/layout1' | ||
8 | const config = require('/public/config.json') | ||
9 | console.log(config, 'Vue.2222222222222.BASE_API'); | ||
7 | export default function filterAsyncRouter (routers) { | 10 | export default function filterAsyncRouter (routers) { |
8 | routers.forEach(item => { | 11 | routers.forEach(item => { |
9 | if (!item.children) { | 12 | if (!item.children) { | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-14 14:39:24 | 4 | * @LastEditTime: 2023-03-21 13:46:56 |
5 | */ | 5 | */ |
6 | /** | 6 | /** |
7 | * 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 | 7 | * 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 |
... | @@ -10,7 +10,6 @@ import axios from "axios"; | ... | @@ -10,7 +10,6 @@ import axios from "axios"; |
10 | import { Message } from "element-ui"; | 10 | import { Message } from "element-ui"; |
11 | import { endLoadingSubCount } from "./requestLoading"; | 11 | import { endLoadingSubCount } from "./requestLoading"; |
12 | import router from "../router"; | 12 | import router from "../router"; |
13 | |||
14 | // create an axios instance | 13 | // create an axios instance |
15 | const service = axios.create({ | 14 | const service = axios.create({ |
16 | baseURL: process.env.VUE_APP_BASE_API, | 15 | baseURL: process.env.VUE_APP_BASE_API, | ... | ... |
src/utils/theme.js
0 → 100644
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-21 13:42:13 | ||
5 | */ | ||
6 | import Vue from 'vue' | ||
7 | export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { | ||
8 | const resultMap = { | ||
9 | 'jg': function () { | ||
10 | import("@/styles/jgPublic.scss") | ||
11 | }, | ||
12 | 'sb': function () { | ||
13 | import("@/styles/sbPublic.scss") | ||
14 | }, | ||
15 | default: function () { | ||
16 | }, | ||
17 | } | ||
18 | return resultMap[theme]() || resultMap.default() | ||
19 | } |
... | @@ -22,16 +22,6 @@ | ... | @@ -22,16 +22,6 @@ |
22 | </el-select> | 22 | </el-select> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <!-- <el-col :span="5"> | ||
26 | <el-form-item label="坐落"> | ||
27 | <el-input v-model="form.ZL" placeholder="坐落"></el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> --> | ||
30 | <!-- <el-col :span="5"> | ||
31 | <el-form-item label="不动产权证号"> | ||
32 | <el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input> | ||
33 | </el-form-item> | ||
34 | </el-col> --> | ||
35 | <el-col :span="5"> | 25 | <el-col :span="5"> |
36 | <el-form-item label="权利人" label-width="80px"> | 26 | <el-form-item label="权利人" label-width="80px"> |
37 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> | 27 | <el-input v-model="form.QLR" clearable placeholder="权利人"></el-input> |
... | @@ -160,6 +150,3 @@ export default { | ... | @@ -160,6 +150,3 @@ export default { |
160 | } | 150 | } |
161 | } | 151 | } |
162 | </script> | 152 | </script> |
... | \ No newline at end of file | ... | \ No newline at end of file |
163 | <style scoped lang="scss"> | ||
164 | // @import "~@/styles/public.scss"; | ||
165 | </style> | ... | ... |
... | @@ -164,6 +164,5 @@ export default { | ... | @@ -164,6 +164,5 @@ export default { |
164 | } | 164 | } |
165 | </script> | 165 | </script> |
166 | <style scoped lang="scss"> | 166 | <style scoped lang="scss"> |
167 | // @import "~@/styles/public.scss"; | ||
168 | @import "./index.scss"; | 167 | @import "./index.scss"; |
169 | </style> | 168 | </style> | ... | ... |
... | @@ -321,8 +321,6 @@ | ... | @@ -321,8 +321,6 @@ |
321 | }; | 321 | }; |
322 | </script> | 322 | </script> |
323 | <style scoped lang="scss"> | 323 | <style scoped lang="scss"> |
324 | // @import "~@/styles/public.scss"; | ||
325 | |||
326 | .jktjDetail { | 324 | .jktjDetail { |
327 | height: 100%; | 325 | height: 100%; |
328 | display: flex; | 326 | display: flex; |
... | @@ -359,6 +357,4 @@ | ... | @@ -359,6 +357,4 @@ |
359 | } | 357 | } |
360 | } | 358 | } |
361 | </style> | 359 | </style> |
362 | <style scoped lang="scss"> | 360 | |
363 | // @import "~@/styles/public.scss"; | ||
364 | </style> | ... | ... |
... | @@ -286,8 +286,6 @@ | ... | @@ -286,8 +286,6 @@ |
286 | }; | 286 | }; |
287 | </script> | 287 | </script> |
288 | <style scoped lang="scss"> | 288 | <style scoped lang="scss"> |
289 | // @import "~@/styles/public.scss"; | ||
290 | |||
291 | .jktjDetail { | 289 | .jktjDetail { |
292 | height: 100%; | 290 | height: 100%; |
293 | display: flex; | 291 | display: flex; |
... | @@ -320,6 +318,3 @@ | ... | @@ -320,6 +318,3 @@ |
320 | } | 318 | } |
321 | } | 319 | } |
322 | </style> | 320 | </style> |
323 | <style scoped lang="scss"> | ||
324 | // @import "~@/styles/public.scss"; | ||
325 | </style> | ... | ... |
... | @@ -214,8 +214,6 @@ | ... | @@ -214,8 +214,6 @@ |
214 | }; | 214 | }; |
215 | </script> | 215 | </script> |
216 | <style scoped lang="scss"> | 216 | <style scoped lang="scss"> |
217 | // @import "~@/styles/public.scss"; | ||
218 | |||
219 | .jktjDetail { | 217 | .jktjDetail { |
220 | height: 100%; | 218 | height: 100%; |
221 | display: flex; | 219 | display: flex; |
... | @@ -248,6 +246,3 @@ | ... | @@ -248,6 +246,3 @@ |
248 | } | 246 | } |
249 | } | 247 | } |
250 | </style> | 248 | </style> |
251 | <style scoped lang="scss"> | ||
252 | // @import "~@/styles/public.scss"; | ||
253 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-20 14:45:57 | ||
5 | --> | ||
6 | <!-- | ||
2 | 功能:结果 | 7 | 功能:结果 |
3 | 作者:calliope | 8 | 作者:calliope |
4 | --> | 9 | --> |
... | @@ -38,8 +43,6 @@ export default { | ... | @@ -38,8 +43,6 @@ export default { |
38 | } | 43 | } |
39 | </script> | 44 | </script> |
40 | <style scoped lang='scss'> | 45 | <style scoped lang='scss'> |
41 | @import '~@/styles/public.scss'; | ||
42 | |||
43 | .result { | 46 | .result { |
44 | padding: 15px; | 47 | padding: 15px; |
45 | 48 | ... | ... |
src/views/jsbwcx/index.scss
deleted
100644 → 0
File mode changed
... | @@ -99,17 +99,17 @@ | ... | @@ -99,17 +99,17 @@ |
99 | </template> | 99 | </template> |
100 | 100 | ||
101 | <script> | 101 | <script> |
102 | // 接收报文查询 | 102 | // 接收报文查询 |
103 | // 引入表格头部数据 | 103 | // 引入表格头部数据 |
104 | import data from "./data"; | 104 | import data from "./data"; |
105 | // 引入table混入方法 | 105 | // 引入table混入方法 |
106 | import tableMixin from "@/mixins/tableMixin.js"; | 106 | import tableMixin from "@/mixins/tableMixin.js"; |
107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; | 107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; |
108 | // 引入详情弹框 | 108 | // 引入详情弹框 |
109 | import dataDetails from "@/components/EditDialog"; | 109 | import dataDetails from "@/components/EditDialog"; |
110 | //引入日期处理方法 | 110 | //引入日期处理方法 |
111 | import { timeFormat } from "@/utils/operation"; | 111 | import { timeFormat } from "@/utils/operation"; |
112 | export default { | 112 | export default { |
113 | name: "jsbwcx", | 113 | name: "jsbwcx", |
114 | mixins: [tableMixin], | 114 | mixins: [tableMixin], |
115 | // 注册组件 | 115 | // 注册组件 |
... | @@ -288,16 +288,11 @@ | ... | @@ -288,16 +288,11 @@ |
288 | } | 288 | } |
289 | }, | 289 | }, |
290 | } | 290 | } |
291 | } | 291 | } |
292 | </script> | 292 | </script> |
293 | <style scoped lang="scss"> | 293 | <style scoped lang="scss"> |
294 | // 引入表单整体样式 | 294 | .lastdom:nth-child(3) { |
295 | // // @import "~@/styles/public.scss"; | ||
296 | // 引入当前css | ||
297 | @import "./index.scss"; | ||
298 | .lastdom:nth-child(3) { | ||
299 | margin-bottom: 0px; | 295 | margin-bottom: 0px; |
300 | } | 296 | } |
301 | |||
302 | </style> | 297 | </style> |
303 | 298 | ... | ... |
... | @@ -170,10 +170,7 @@ export default { | ... | @@ -170,10 +170,7 @@ export default { |
170 | } | 170 | } |
171 | </script> | 171 | </script> |
172 | <style scoped lang="scss"> | 172 | <style scoped lang="scss"> |
173 | // 引入表单整体样式 | ||
174 | // @import "~@/styles/public.scss"; | ||
175 | @import "../css/index.scss"; | 173 | @import "../css/index.scss"; |
176 | |||
177 | /deep/th.el-table__cell { | 174 | /deep/th.el-table__cell { |
178 | height: 0 !important; | 175 | height: 0 !important; |
179 | } | 176 | } | ... | ... |
... | @@ -155,7 +155,6 @@ export default { | ... | @@ -155,7 +155,6 @@ export default { |
155 | </script> | 155 | </script> |
156 | <style scoped lang="scss"> | 156 | <style scoped lang="scss"> |
157 | // 引入表单整体样式 | 157 | // 引入表单整体样式 |
158 | // @import "~@/styles/public.scss"; | ||
159 | @import "../css/index.scss"; | 158 | @import "../css/index.scss"; |
160 | 159 | ||
161 | /deep/.el-table thead.is-group th.el-table__cell { | 160 | /deep/.el-table thead.is-group th.el-table__cell { | ... | ... |
... | @@ -192,7 +192,6 @@ export default { | ... | @@ -192,7 +192,6 @@ export default { |
192 | </script> | 192 | </script> |
193 | <style scoped lang="scss"> | 193 | <style scoped lang="scss"> |
194 | // 引入表单整体样式 | 194 | // 引入表单整体样式 |
195 | // @import "~@/styles/public.scss"; | ||
196 | @import "../css/index.scss"; | 195 | @import "../css/index.scss"; |
197 | 196 | ||
198 | /deep/.el-table thead.is-group th.el-table__cell { | 197 | /deep/.el-table thead.is-group th.el-table__cell { | ... | ... |
... | @@ -459,7 +459,6 @@ export default { | ... | @@ -459,7 +459,6 @@ export default { |
459 | </script> | 459 | </script> |
460 | <style scoped lang="scss"> | 460 | <style scoped lang="scss"> |
461 | @import "~@/styles/mixin.scss"; | 461 | @import "~@/styles/mixin.scss"; |
462 | // @import "~@/styles/public.scss"; | ||
463 | @import "~@/styles/dialogBox.scss"; | 462 | @import "~@/styles/dialogBox.scss"; |
464 | 463 | ||
465 | 464 | ... | ... |
... | @@ -358,7 +358,6 @@ export default { | ... | @@ -358,7 +358,6 @@ export default { |
358 | }; | 358 | }; |
359 | </script> | 359 | </script> |
360 | <style rel="stylesheet/scss" lang="scss" scoped> | 360 | <style rel="stylesheet/scss" lang="scss" scoped> |
361 | // @import "~@/styles/public.scss"; | ||
362 | 361 | ||
363 | /deep/.el-radio { | 362 | /deep/.el-radio { |
364 | margin-right: 5px !important; | 363 | margin-right: 5px !important; | ... | ... |
... | @@ -129,7 +129,6 @@ export default { | ... | @@ -129,7 +129,6 @@ export default { |
129 | }; | 129 | }; |
130 | </script> | 130 | </script> |
131 | <style scoped lang="scss"> | 131 | <style scoped lang="scss"> |
132 | // @import "~@/styles/public.scss"; | ||
133 | /deep/.dialogBox .dialog_title { | 132 | /deep/.dialogBox .dialog_title { |
134 | top: 0; | 133 | top: 0; |
135 | margin-left: 5px; | 134 | margin-left: 5px; | ... | ... |
... | @@ -68,7 +68,6 @@ | ... | @@ -68,7 +68,6 @@ |
68 | 68 | ||
69 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
70 | @import "~@/styles/mixin.scss"; | 70 | @import "~@/styles/mixin.scss"; |
71 | @import "~@/styles/public.scss"; | ||
72 | .information { | 71 | .information { |
73 | display: flex; | 72 | display: flex; |
74 | flex-direction: column; | 73 | flex-direction: column; | ... | ... |
... | @@ -6,7 +6,13 @@ | ... | @@ -6,7 +6,13 @@ |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="2" class="btnColRight"> | 9 | <el-col :span="4"> |
10 | <el-form-item label="菜单名称" prop="menuName"> | ||
11 | <el-input v-model.trim="form.menuName" class="width100" clearable placeholder="菜单名称"></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | <el-col :span="3" class="btnColRight"> | ||
15 | <btn nativeType="cx" @click="searchQuery">查询</btn> | ||
10 | <btn nativeType="cx" @click="handleAdd()">新增菜单</btn> | 16 | <btn nativeType="cx" @click="handleAdd()">新增菜单</btn> |
11 | </el-col> | 17 | </el-col> |
12 | </el-row> | 18 | </el-row> |
... | @@ -45,11 +51,11 @@ | ... | @@ -45,11 +51,11 @@ |
45 | return { | 51 | return { |
46 | isDialog: false, | 52 | isDialog: false, |
47 | tablelistData: [], | 53 | tablelistData: [], |
54 | listData: [], | ||
48 | resourceCategoryId: "", | 55 | resourceCategoryId: "", |
49 | taskData: null, | 56 | taskData: null, |
50 | form: { | 57 | form: { |
51 | job_name: "", | 58 | menuName: "", |
52 | currentPage: 1, | ||
53 | }, | 59 | }, |
54 | title: "", | 60 | title: "", |
55 | queryParam: {}, | 61 | queryParam: {}, |
... | @@ -96,11 +102,6 @@ | ... | @@ -96,11 +102,6 @@ |
96 | ]), | 102 | ]), |
97 | data: [], | 103 | data: [], |
98 | }, | 104 | }, |
99 | pageData: { | ||
100 | total: 5, | ||
101 | pageSize: 15, | ||
102 | current: 1, | ||
103 | }, | ||
104 | tableUrl: api.menus, // 菜单接口地址 | 105 | tableUrl: api.menus, // 菜单接口地址 |
105 | meumurlid: api.subsystem,// 项目id接口地址 | 106 | meumurlid: api.subsystem,// 项目id接口地址 |
106 | productId: ""//项目id | 107 | productId: ""//项目id |
... | @@ -113,11 +114,48 @@ | ... | @@ -113,11 +114,48 @@ |
113 | ...mapGetters(["products"]) | 114 | ...mapGetters(["products"]) |
114 | }, | 115 | }, |
115 | methods: { | 116 | methods: { |
117 | //查询 | ||
118 | searchQuery () { | ||
119 | if (this.form.menuName) { | ||
120 | this.tablelistData = this.childrenFn(this.listData, this.form.menuName); | ||
121 | } else { | ||
122 | this.getTableList() | ||
123 | } | ||
124 | }, | ||
125 | childrenFn (arr, key) { | ||
126 | const that = this; | ||
127 | let searchTree = []; | ||
128 | arr.forEach((item, index) => { | ||
129 | if (item.children != undefined && item.children.length != 0) { | ||
130 | let leaf = that.childrenFn(item.children, key); | ||
131 | if (leaf != undefined) { | ||
132 | let { name, code, resourceCategoryId, id, iproductId, operations, metadata } = item; | ||
133 | let parentObj = { | ||
134 | code, name, resourceCategoryId, id, iproductId, operations, metadata, children: leaf | ||
135 | }; | ||
136 | searchTree.push(parentObj); | ||
137 | } else { | ||
138 | if (item.name.indexOf(key) != -1) { | ||
139 | searchTree.push(item); | ||
140 | } | ||
141 | } | ||
142 | } else { | ||
143 | if (item.name.indexOf(key) != -1) { | ||
144 | |||
145 | searchTree.push(item); | ||
146 | } | ||
147 | } | ||
148 | }); | ||
149 | if (searchTree != undefined && searchTree.length != 0) { | ||
150 | return searchTree; | ||
151 | } | ||
152 | }, | ||
116 | // 加载表格数据 | 153 | // 加载表格数据 |
117 | getTableList () { | 154 | getTableList () { |
118 | getMenuInfo(sessionStorage.getItem("products")).then((res) => { | 155 | getMenuInfo(sessionStorage.getItem("products")).then((res) => { |
119 | if (res.code === 200) { | 156 | if (res.code === 200) { |
120 | this.tablelistData = judgeSort(res.result) | 157 | this.tablelistData = judgeSort(res.result) |
158 | this.listData = this.tablelistData | ||
121 | } else { | 159 | } else { |
122 | this.$message.error({ message: res.message, showClose: true }) | 160 | this.$message.error({ message: res.message, showClose: true }) |
123 | } | 161 | } |
... | @@ -213,13 +251,7 @@ | ... | @@ -213,13 +251,7 @@ |
213 | @import "~@/styles/mixin.scss"; | 251 | @import "~@/styles/mixin.scss"; |
214 | 252 | ||
215 | // @import "~@/styles/public.scss"; | 253 | // @import "~@/styles/public.scss"; |
216 | .btnColRight { | 254 | |
217 | height: 30px; | ||
218 | .button { | ||
219 | position: absolute; | ||
220 | left: 30px; | ||
221 | } | ||
222 | } | ||
223 | /deep/.el-table__expand-icon { | 255 | /deep/.el-table__expand-icon { |
224 | color: #fff; | 256 | color: #fff; |
225 | } | 257 | } | ... | ... |
... | @@ -6,7 +6,13 @@ | ... | @@ -6,7 +6,13 @@ |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="2" class="btnColRight"> | 9 | <el-col :span="4"> |
10 | <el-form-item label="菜单名称" prop="rolesName"> | ||
11 | <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> | ||
12 | </el-form-item> | ||
13 | </el-col> | ||
14 | <el-col :span="3" class="btnColRight"> | ||
15 | <btn nativeType="cx" @click="searchQuery">查询</btn> | ||
10 | <btn nativeType="cx" @click="handleAddEdit">增加角色</btn> | 16 | <btn nativeType="cx" @click="handleAddEdit">增加角色</btn> |
11 | </el-col> | 17 | </el-col> |
12 | </el-row> | 18 | </el-row> |
... | @@ -53,10 +59,10 @@ | ... | @@ -53,10 +59,10 @@ |
53 | waitMemberList: [], | 59 | waitMemberList: [], |
54 | keyList: [], | 60 | keyList: [], |
55 | listdata: [], | 61 | listdata: [], |
62 | setlistdata: [], | ||
56 | tableUrlroles: api.roles, | 63 | tableUrlroles: api.roles, |
57 | form: { | 64 | form: { |
58 | job_name: "", | 65 | rolesName: "", |
59 | currentPage: 1, | ||
60 | }, | 66 | }, |
61 | // 当前所选角色id | 67 | // 当前所选角色id |
62 | roleId: "", | 68 | roleId: "", |
... | @@ -247,12 +253,33 @@ | ... | @@ -247,12 +253,33 @@ |
247 | }, | 253 | }, |
248 | mounted () { }, | 254 | mounted () { }, |
249 | methods: { | 255 | methods: { |
256 | //查询 | ||
257 | searchQuery () { | ||
258 | if (this.form.rolesName) { | ||
259 | this.listdata = this.childrenFn(this.setlistdata, this.form.rolesName); | ||
260 | } else { | ||
261 | this.getTableData() | ||
262 | } | ||
263 | }, | ||
264 | childrenFn (arr, key) { | ||
265 | let searchTree = []; | ||
266 | arr.forEach((item, index) => { | ||
267 | if (item.name.indexOf(key) != -1) { | ||
268 | |||
269 | searchTree.push(item); | ||
270 | } | ||
271 | }); | ||
272 | if (searchTree != undefined && searchTree.length != 0) { | ||
273 | return judgeSort(searchTree); | ||
274 | } | ||
275 | }, | ||
250 | // 获取角色列表 | 276 | // 获取角色列表 |
251 | getTableData () { | 277 | getTableData () { |
252 | getRolesById([1, 2]) | 278 | getRolesById([1, 2]) |
253 | .then((res) => { | 279 | .then((res) => { |
254 | this.listdata = res.content; | 280 | this.listdata = res.content; |
255 | this.listdata = judgeSort(this.listdata); | 281 | this.listdata = judgeSort(this.listdata); |
282 | this.setlistdata = res.content; | ||
256 | }) | 283 | }) |
257 | .catch((e) => console.error(e)); | 284 | .catch((e) => console.error(e)); |
258 | }, | 285 | }, |
... | @@ -479,15 +506,8 @@ | ... | @@ -479,15 +506,8 @@ |
479 | </script> | 506 | </script> |
480 | <style scoped lang="scss"> | 507 | <style scoped lang="scss"> |
481 | @import "~@/styles/mixin.scss"; | 508 | @import "~@/styles/mixin.scss"; |
482 | |||
483 | // @import "~@/styles/public.scss"; | 509 | // @import "~@/styles/public.scss"; |
484 | .btnColRight { | 510 | |
485 | height: 30px; | ||
486 | .button { | ||
487 | position: absolute; | ||
488 | left: 30px; | ||
489 | } | ||
490 | } | ||
491 | /deep/.el-button.is-disabled.el-button--text { | 511 | /deep/.el-button.is-disabled.el-button--text { |
492 | width: 64px; | 512 | width: 64px; |
493 | height: 28px; | 513 | height: 28px; | ... | ... |
... | @@ -252,5 +252,4 @@ export default { | ... | @@ -252,5 +252,4 @@ export default { |
252 | </script> | 252 | </script> |
253 | <style scoped lang="scss"> | 253 | <style scoped lang="scss"> |
254 | @import "~@/styles/mixin.scss"; | 254 | @import "~@/styles/mixin.scss"; |
255 | // @import "~@/styles/public.scss"; | ||
256 | </style> | 255 | </style> | ... | ... |
... | @@ -5,13 +5,27 @@ | ... | @@ -5,13 +5,27 @@ |
5 | <el-form-item> | 5 | <el-form-item> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mt-10"> |
9 | <!-- 按钮操作 --> | 9 | <el-col :span="4"> |
10 | <el-col :span="2" class="btnColRight"> | 10 | <el-form-item label="用户名" prop="loginName"> |
11 | <el-form-item> | 11 | <el-input v-model.trim="form.loginName" class="width100" clearable placeholder="用户名"></el-input> |
12 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> | ||
13 | </el-form-item> | 12 | </el-form-item> |
14 | </el-col> | 13 | </el-col> |
14 | <el-col :span="4"> | ||
15 | <el-form-item label="姓名" prop="name"> | ||
16 | <el-input v-model.trim="form.name" class="width100" clearable placeholder="姓名"></el-input> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="4"> | ||
20 | <el-form-item label="工号" prop="code"> | ||
21 | <el-input v-model.trim="form.code" class="width100" clearable placeholder="工号"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <!-- 操作按钮 --> | ||
25 | <el-col :span="3" class="btnColRight"> | ||
26 | <btn nativeType="cx" @click="searchQuery">查询</btn> | ||
27 | <btn nativeType="cx" @click="handleAdd">添加人员</btn> | ||
28 | </el-col> | ||
15 | </el-row> | 29 | </el-row> |
16 | </el-form> | 30 | </el-form> |
17 | </div> | 31 | </div> |
... | @@ -33,7 +47,7 @@ | ... | @@ -33,7 +47,7 @@ |
33 | } from "@/utils/operation"; | 47 | } from "@/utils/operation"; |
34 | import { | 48 | import { |
35 | resetPassword, | 49 | resetPassword, |
36 | getUserList, | 50 | getUserList, getUserLists |
37 | } from "@/api/personnelManage"; | 51 | } from "@/api/personnelManage"; |
38 | import { api, deleteAction } from '@/api/manageApi' | 52 | import { api, deleteAction } from '@/api/manageApi' |
39 | import data from "./data"; | 53 | import data from "./data"; |
... | @@ -53,8 +67,9 @@ | ... | @@ -53,8 +67,9 @@ |
53 | taskData: null, | 67 | taskData: null, |
54 | keyList: [], | 68 | keyList: [], |
55 | form: { | 69 | form: { |
56 | job_name: "", | 70 | loginName: "", |
57 | currentPage: 1, | 71 | name: "", |
72 | code: "", | ||
58 | }, | 73 | }, |
59 | queryParam: {}, | 74 | queryParam: {}, |
60 | selectType: "0", | 75 | selectType: "0", |
... | @@ -141,6 +156,7 @@ | ... | @@ -141,6 +156,7 @@ |
141 | </el-button> | 156 | </el-button> |
142 | <el-button | 157 | <el-button |
143 | type="text" | 158 | type="text" |
159 | size="mini" | ||
144 | class='movebtnColor' | 160 | class='movebtnColor' |
145 | disabled={scope.row.isBottom} | 161 | disabled={scope.row.isBottom} |
146 | onClick={() => { | 162 | onClick={() => { |
... | @@ -163,7 +179,6 @@ | ... | @@ -163,7 +179,6 @@ |
163 | type="text" | 179 | type="text" |
164 | size="mini" | 180 | size="mini" |
165 | class='resetbtnColor' | 181 | class='resetbtnColor' |
166 | icon="el-icon-video-pause" | ||
167 | onClick={() => { | 182 | onClick={() => { |
168 | this.resetPassword(scope.row.id); | 183 | this.resetPassword(scope.row.id); |
169 | }} | 184 | }} |
... | @@ -174,7 +189,6 @@ | ... | @@ -174,7 +189,6 @@ |
174 | type="text" | 189 | type="text" |
175 | size="mini" | 190 | size="mini" |
176 | class='successColor' | 191 | class='successColor' |
177 | icon="el-icon-edit" | ||
178 | onClick={() => { | 192 | onClick={() => { |
179 | this.handleEdit(scope.row); | 193 | this.handleEdit(scope.row); |
180 | }} | 194 | }} |
... | @@ -185,7 +199,6 @@ | ... | @@ -185,7 +199,6 @@ |
185 | type="text" | 199 | type="text" |
186 | size="mini" | 200 | size="mini" |
187 | class='delColor' | 201 | class='delColor' |
188 | icon="el-icon-delete" | ||
189 | onClick={() => { | 202 | onClick={() => { |
190 | this.handleDelete(scope.row.id, scope.row.name); | 203 | this.handleDelete(scope.row.id, scope.row.name); |
191 | }} | 204 | }} |
... | @@ -215,17 +228,37 @@ | ... | @@ -215,17 +228,37 @@ |
215 | this.$refs.dialogForm.adds(); | 228 | this.$refs.dialogForm.adds(); |
216 | this.$refs.dialogForm.title = "添加"; | 229 | this.$refs.dialogForm.title = "添加"; |
217 | }, | 230 | }, |
218 | getTableList () { | 231 | // 查询 |
219 | this.loading = true; | 232 | searchQuery () { |
233 | console.log(" console.log(this.form);", this.form); | ||
220 | this.queryParam = { | 234 | this.queryParam = { |
221 | organizationId: this.departmentid.organizationId, | 235 | organizationId: this.departmentid.organizationId, |
222 | departmentId: this.departmentid.departmentId, | 236 | departmentId: this.departmentid.departmentId, |
237 | name: this.form.name, | ||
238 | code: this.form.code, | ||
239 | loginName: this.form.loginName, | ||
223 | }; | 240 | }; |
224 | getUserList(this.queryParam).then((res) => { | 241 | console.log("this.queryParam", this.queryParam); |
242 | getUserLists(this.queryParam).then((res) => { | ||
225 | if (res.status === 1) { | 243 | if (res.status === 1) { |
226 | this.loading = false; | 244 | this.loading = false; |
227 | this.tableData.data = res.content; | 245 | this.tableData.data = res.content; |
228 | this.tableData.data = judgeSort(this.tableData.data); | 246 | this.tableData.data = judgeSort(this.tableData.data); |
247 | console.log("this.tableData.data111111111111111", this.tableData.data); | ||
248 | } else { | ||
249 | this.$message.error({ message: res.message, showClose: true }) | ||
250 | } | ||
251 | }) | ||
252 | }, | ||
253 | getTableList () { | ||
254 | this.loading = true; | ||
255 | |||
256 | getUserList().then((res) => { | ||
257 | if (res.status === 1) { | ||
258 | console.log("res人员列表", res); | ||
259 | this.loading = false; | ||
260 | this.tableData.data = res.content; | ||
261 | this.tableData.data = judgeSort(this.tableData.data); | ||
229 | } else { | 262 | } else { |
230 | this.$message.error({ message: res.message, showClose: true }); | 263 | this.$message.error({ message: res.message, showClose: true }); |
231 | } | 264 | } |
... | @@ -295,6 +328,32 @@ | ... | @@ -295,6 +328,32 @@ |
295 | } | 328 | } |
296 | }) | 329 | }) |
297 | }, | 330 | }, |
331 | getDepts (deptIdArr) { | ||
332 | let params = { | ||
333 | queryOptions: { | ||
334 | conditionGroup: { | ||
335 | conditions: [ | ||
336 | { | ||
337 | property: "id", | ||
338 | value: deptIdArr, | ||
339 | operator: "IN", | ||
340 | }, | ||
341 | ], | ||
342 | queryRelation: "AND", | ||
343 | }, | ||
344 | orderBys: [], | ||
345 | }, | ||
346 | }; | ||
347 | getAction(api.departments, params).then( | ||
348 | (res) => { | ||
349 | let deptsList = res.content; | ||
350 | console.log(deptsList); | ||
351 | }, | ||
352 | (err) => { | ||
353 | console.log("err :", err); | ||
354 | } | ||
355 | ); | ||
356 | }, | ||
298 | // 修改人员信息 | 357 | // 修改人员信息 |
299 | handleEdit (row) { | 358 | handleEdit (row) { |
300 | this.isDialog = true | 359 | this.isDialog = true |
... | @@ -331,13 +390,13 @@ | ... | @@ -331,13 +390,13 @@ |
331 | </script> | 390 | </script> |
332 | <style scoped lang="scss"> | 391 | <style scoped lang="scss"> |
333 | @import "~@/styles/mixin.scss"; | 392 | @import "~@/styles/mixin.scss"; |
334 | .btnColRight { | 393 | // .btnColRight { |
335 | height: 30px; | 394 | // height: 30px; |
336 | .button { | 395 | // .button { |
337 | position: absolute; | 396 | // position: absolute; |
338 | left: 30px; | 397 | // left: 30px; |
339 | } | 398 | // } |
340 | } | 399 | // } |
341 | /deep/.el-button.is-disabled.el-button--text { | 400 | /deep/.el-button.is-disabled.el-button--text { |
342 | width: 64px; | 401 | width: 64px; |
343 | height: 28px; | 402 | height: 28px; | ... | ... |
... | @@ -199,6 +199,5 @@ export default { | ... | @@ -199,6 +199,5 @@ export default { |
199 | }; | 199 | }; |
200 | </script> | 200 | </script> |
201 | <style scoped lang="scss"> | 201 | <style scoped lang="scss"> |
202 | // @import "~@/styles/public.scss"; | ||
203 | @import "./index.scss"; | 202 | @import "./index.scss"; |
204 | </style> | 203 | </style> | ... | ... |
1 | 'use strict' | 1 | 'use strict' |
2 | const path = require('path') | 2 | const path = require('path') |
3 | const defaultSettings = require('./src/settings.js') | 3 | const defaultSettings = require('./src/settings.js') |
4 | |||
5 | function resolve (dir) { | 4 | function resolve (dir) { |
6 | return path.join(__dirname, dir) | 5 | return path.join(__dirname, dir) |
7 | } | 6 | } | ... | ... |
-
Please register or sign in to post a comment