style:部署
Showing
50 changed files
with
582 additions
and
812 deletions
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-27 09:42:59 | ||
5 | --> | ||
1 | # 安装依赖 | 6 | # 安装依赖 |
2 | npm install | 7 | npm install |
3 | # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 | 8 | # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 |
... | @@ -15,4 +20,3 @@ npm install --registry=https://registry.npm.taobao.org | ... | @@ -15,4 +20,3 @@ npm install --registry=https://registry.npm.taobao.org |
15 | - `chore` 依赖更新/脚手架配置修改等 | 20 | - `chore` 依赖更新/脚手架配置修改等 |
16 | - `wip` 开发中 | 21 | - `wip` 开发中 |
17 | 22 | ||
18 | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: 这个是所有api的前缀配置文件 | 2 | * @Description: 这个是所有api的前缀配置文件 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-21 16:26:55 | 4 | * @LastEditTime: 2023-03-24 16:51:18 |
5 | */ | 5 | */ |
6 | export default { | 6 | export default { |
7 | SERVERAPI: '/bdcsjsb', //赵千 | 7 | SERVERAPI: '/bdcsjsb', //赵千 |
8 | MANAGEMENTAPI: 'http://192.168.2.236/management' | 8 | MANAGEMENTAPI: 'http://192.168.2.38:8090/management' |
9 | } | 9 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-23 13:17:59 | 4 | * @LastEditTime: 2023-03-24 09:28:25 |
5 | */ | 5 | */ |
6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
7 | // let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) | 7 | // let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
8 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) | 8 | let SERVER = JSON.parse(localStorage.getItem('ApiUrl')) |
9 | console.log(JSON.parse(localStorage.getItem('ApiUrl'))); | ||
10 | // 获取用户信息 | 9 | // 获取用户信息 |
11 | export function getUserInfo () { | 10 | export function getUserInfo () { |
12 | return request({ | 11 | return request({ | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-27 09:53:16 | ||
5 | */ | ||
1 | import dialogBox from '@/components/DialogBox' | 6 | import dialogBox from '@/components/DialogBox' |
2 | import LbTable from '@/components/LbTable' | 7 | import LbTable from '@/components/LbTable' |
3 | import Theme from '@/components/Theme.vue' | ||
4 | import Breadcrumb from "@/components/Breadcrumb.vue"; | 8 | import Breadcrumb from "@/components/Breadcrumb.vue"; |
5 | // 引入按钮 | 9 | // 引入按钮 |
6 | import btn from '@/components/Button.vue' | 10 | import btn from '@/components/Button.vue' |
... | @@ -12,8 +16,6 @@ export default { | ... | @@ -12,8 +16,6 @@ export default { |
12 | Vue.component('Breadcrumb', Breadcrumb); | 16 | Vue.component('Breadcrumb', Breadcrumb); |
13 | Vue.component('btn', btn); | 17 | Vue.component('btn', btn); |
14 | Vue.component('lbTable', LbTable); | 18 | Vue.component('lbTable', LbTable); |
15 | Vue.component('Theme', Theme); | ||
16 | Vue.prototype.$popup = Popup.install; | ||
17 | Vue.prototype.$alertMes = MessageBox.alert; | 19 | Vue.prototype.$alertMes = MessageBox.alert; |
18 | } | 20 | } |
19 | } | 21 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox dataReporting editDialogBox mainCenter" |
3 | :visible.sync="dialogVisible" width="92%"> | 3 | :visible.sync="dialogVisible" width="92%"> |
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '详情' }} | 5 | {{ title || '详情' }} |
... | @@ -335,194 +335,11 @@ | ... | @@ -335,194 +335,11 @@ |
335 | } | 335 | } |
336 | </script> | 336 | </script> |
337 | <style scoped lang="scss"> | 337 | <style scoped lang="scss"> |
338 | // @import "~@/styles/mixin.scss"; | ||
339 | // @import "~@/styles/dialogBox.scss"; | ||
340 | |||
341 | /deep/.el-dialog__body { | ||
342 | display: flex; | ||
343 | flex-direction: column; | ||
344 | padding-bottom: 30px; | ||
345 | } | ||
346 | |||
347 | /deep/ .el-tabs { | ||
348 | color: #cef8ff; | ||
349 | } | ||
350 | |||
351 | .d-center { | ||
352 | z-index: 1000; | ||
353 | } | ||
354 | |||
355 | .sjmx { | ||
356 | display: flex; | ||
357 | flex-direction: column; | ||
358 | height: 49vh; | ||
359 | |||
360 | /deep/.el-tabs__item { | ||
361 | height: 50px; | ||
362 | padding-top: 6px; | ||
363 | } | ||
364 | } | ||
365 | |||
366 | .result { | ||
367 | flex: 1; | ||
368 | height: 100%; | ||
369 | } | ||
370 | |||
371 | .editDialogBox-con { | ||
372 | flex: 1; | ||
373 | height: 100%; | ||
374 | overflow-y: hidden; | ||
375 | } | ||
376 | |||
377 | /deep/.el-tabs__item { | ||
378 | color: #cef8ff !important; | ||
379 | |||
380 | display: flex; | ||
381 | flex-direction: row; | ||
382 | justify-content: center; | ||
383 | background: url("~@/image/tabitem.png") no-repeat; | ||
384 | background-size: 100% 100%; | ||
385 | border: none !important; | ||
386 | } | ||
387 | |||
388 | .obligee-item-name { | ||
389 | background: #05275b; | ||
390 | color: #ffffff; | ||
391 | background: url("~@/image/itembg.png") no-repeat; | ||
392 | background-size: 100% 100%; | ||
393 | } | ||
394 | |||
395 | /deep/.el-tabs__nav-scroll { | ||
396 | background: none; | ||
397 | } | ||
398 | |||
399 | /deep/.el-tabs__nav { | ||
400 | display: flex; | ||
401 | border: none !important; | ||
402 | } | ||
403 | |||
404 | /deep/.el-tabs__item.is-top { | ||
405 | border: 1px solid #dfe4ed; | ||
406 | border-top: 1px solid #dfe4ed; | ||
407 | border-bottom: 1px solid transparent; | ||
408 | } | ||
409 | |||
410 | /deep/.el-tabs__header { | ||
411 | border: none; | ||
412 | margin-bottom: 0; | ||
413 | } | ||
414 | |||
415 | /deep/.el-tabs__item.is-top:not(:last-child) { | ||
416 | margin-right: 5px; | ||
417 | } | ||
418 | |||
419 | /deep/.el-tabs__item.is-top { | ||
420 | background-color: none !important; | ||
421 | } | ||
422 | |||
423 | /deep/.el-tabs__item.is-active { | ||
424 | background: url("~@/image/tabitemse.png") no-repeat; | ||
425 | background-size: 100% 100%; | ||
426 | } | ||
427 | |||
428 | .success-images { | ||
429 | width: 30px; | ||
430 | height: 30px; | ||
431 | position: relative; | ||
432 | top: 10px; | ||
433 | right: 3px; | ||
434 | } | ||
435 | |||
436 | .tab-pane-item { | ||
437 | line-height: 20px; | ||
438 | color: #02d9fd; | ||
439 | |||
440 | p { | ||
441 | text-align: center; | ||
442 | } | ||
443 | } | ||
444 | |||
445 | .edit-content { | ||
446 | overflow-y: auto; | ||
447 | overflow-x: hidden; | ||
448 | padding-right: 1px; | ||
449 | border-top: none; | ||
450 | } | ||
451 | |||
452 | /deep/.editDialogBox { | 338 | /deep/.editDialogBox { |
453 | border-radius: 8px; | ||
454 | overflow: hidden; | ||
455 | min-width: 1228px; | ||
456 | |||
457 | .el-dialog__header { | 339 | .el-dialog__header { |
458 | display: flex; | 340 | display: flex; |
459 | margin-bottom: 10px; | 341 | margin-bottom: 10px; |
460 | } | 342 | } |
461 | |||
462 | .dialog_footer { | ||
463 | flex-direction: column; | ||
464 | |||
465 | .dialog_button { | ||
466 | margin-top: 8px; | ||
467 | } | ||
468 | } | ||
469 | |||
470 | .divider { | ||
471 | width: 100%; | ||
472 | border-bottom: 1px solid #ccc; | ||
473 | } | ||
474 | } | ||
475 | |||
476 | .el-dialog__wrapper { | ||
477 | overflow: hidden; | ||
478 | } | ||
479 | |||
480 | .dialog-from { | ||
481 | padding-top: 0; | ||
482 | |||
483 | .el-col { | ||
484 | justify-content: space-between; | ||
485 | } | ||
486 | |||
487 | .bz { | ||
488 | height: 100%; | ||
489 | position: relative; | ||
490 | top: 3px; | ||
491 | } | ||
492 | |||
493 | /deep/.el-select { | ||
494 | padding-right: 15px; | ||
495 | } | ||
496 | |||
497 | /deep/.el-icon-circle-close { | ||
498 | display: none; | ||
499 | } | ||
500 | |||
501 | /deep/.el-input__suffix { | ||
502 | right: -25px !important; | ||
503 | top: -5px; | ||
504 | } | ||
505 | |||
506 | /deep/.el-select, | ||
507 | /deep/.el-input { | ||
508 | flex: 1; | ||
509 | width: 100%; | ||
510 | } | ||
511 | |||
512 | /deep/.el-textarea__inner { | ||
513 | border: none !important; | ||
514 | margin: 0; | ||
515 | } | ||
516 | |||
517 | &_header { | ||
518 | margin: 0 -5px !important; | ||
519 | } | ||
520 | |||
521 | &_title { | ||
522 | font-size: 18px; | ||
523 | color: #d7eaee; | ||
524 | margin: 3px 0; | ||
525 | } | ||
526 | } | 343 | } |
527 | </style> | 344 | </style> |
528 | 345 | ... | ... |
src/components/Theme.vue
deleted
100644 → 0
1 | <template> | ||
2 | <el-color-picker v-model="theme" | ||
3 | :predefine="['#409EFF', '#1890ff', '#304156', '#212121', '#11a983', '#13c2c2', '#6959CD', '#f5222d',]" | ||
4 | class="theme-picker" popper-class="theme-picker-dropdown" /> | ||
5 | </template> | ||
6 | |||
7 | <script> | ||
8 | const version = require('element-ui/package.json').version // element-ui version from node_modules | ||
9 | const ORIGINAL_THEME = '#409EFF' // default color | ||
10 | |||
11 | export default { | ||
12 | data () { | ||
13 | return { | ||
14 | chalk: '', // content of theme-chalk css | ||
15 | theme: '' | ||
16 | } | ||
17 | }, | ||
18 | computed: { | ||
19 | defaultTheme () { | ||
20 | return this.$store.state.app.theme | ||
21 | } | ||
22 | }, | ||
23 | watch: { | ||
24 | defaultTheme: { | ||
25 | handler: function (val, oldVal) { | ||
26 | this.theme = val | ||
27 | }, | ||
28 | immediate: true | ||
29 | }, | ||
30 | async theme (val) { | ||
31 | const oldVal = this.chalk ? this.theme : ORIGINAL_THEME | ||
32 | if (typeof val !== 'string') return | ||
33 | const themeCluster = this.getThemeCluster(val.replace('#', '')) | ||
34 | const originalCluster = this.getThemeCluster(oldVal.replace('#', '')) | ||
35 | const $message = this.$message({ | ||
36 | message: ' Compiling the theme', | ||
37 | customClass: 'theme-message', | ||
38 | type: 'success', | ||
39 | duration: 0, | ||
40 | iconClass: 'el-icon-loading' | ||
41 | }) | ||
42 | |||
43 | const getHandler = (variable, id) => { | ||
44 | return () => { | ||
45 | const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', '')) | ||
46 | const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster) | ||
47 | |||
48 | let styleTag = document.getElementById(id) | ||
49 | if (!styleTag) { | ||
50 | styleTag = document.createElement('style') | ||
51 | styleTag.setAttribute('id', id) | ||
52 | document.head.appendChild(styleTag) | ||
53 | } | ||
54 | styleTag.innerText = newStyle | ||
55 | } | ||
56 | } | ||
57 | |||
58 | if (!this.chalk) { | ||
59 | const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css` | ||
60 | await this.getCSSString(url, 'chalk') | ||
61 | } | ||
62 | |||
63 | const chalkHandler = getHandler('chalk', 'chalk-style') | ||
64 | |||
65 | chalkHandler() | ||
66 | |||
67 | const styles = [].slice.call(document.querySelectorAll('style')) | ||
68 | .filter(style => { | ||
69 | const text = style.innerText | ||
70 | return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text) | ||
71 | }) | ||
72 | styles.forEach(style => { | ||
73 | const { innerText } = style | ||
74 | if (typeof innerText !== 'string') return | ||
75 | style.innerText = this.updateStyle(innerText, originalCluster, themeCluster) | ||
76 | }) | ||
77 | |||
78 | this.$emit('change', val) | ||
79 | |||
80 | $message.close() | ||
81 | } | ||
82 | }, | ||
83 | |||
84 | methods: { | ||
85 | updateStyle (style, oldCluster, newCluster) { | ||
86 | let newStyle = style | ||
87 | oldCluster.forEach((color, index) => { | ||
88 | newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index]) | ||
89 | }) | ||
90 | return newStyle | ||
91 | }, | ||
92 | |||
93 | getCSSString (url, variable) { | ||
94 | return new Promise(resolve => { | ||
95 | const xhr = new XMLHttpRequest() | ||
96 | xhr.onreadystatechange = () => { | ||
97 | if (xhr.readyState === 4 && xhr.status === 200) { | ||
98 | this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '') | ||
99 | resolve() | ||
100 | } | ||
101 | } | ||
102 | xhr.open('GET', url) | ||
103 | xhr.send() | ||
104 | }) | ||
105 | }, | ||
106 | |||
107 | getThemeCluster (theme) { | ||
108 | const tintColor = (color, tint) => { | ||
109 | let red = parseInt(color.slice(0, 2), 16) | ||
110 | let green = parseInt(color.slice(2, 4), 16) | ||
111 | let blue = parseInt(color.slice(4, 6), 16) | ||
112 | |||
113 | if (tint === 0) { // when primary color is in its rgb space | ||
114 | return [red, green, blue].join(',') | ||
115 | } else { | ||
116 | red += Math.round(tint * (255 - red)) | ||
117 | green += Math.round(tint * (255 - green)) | ||
118 | blue += Math.round(tint * (255 - blue)) | ||
119 | |||
120 | red = red.toString(16) | ||
121 | green = green.toString(16) | ||
122 | blue = blue.toString(16) | ||
123 | |||
124 | return `#${red}${green}${blue}` | ||
125 | } | ||
126 | } | ||
127 | |||
128 | const shadeColor = (color, shade) => { | ||
129 | let red = parseInt(color.slice(0, 2), 16) | ||
130 | let green = parseInt(color.slice(2, 4), 16) | ||
131 | let blue = parseInt(color.slice(4, 6), 16) | ||
132 | |||
133 | red = Math.round((1 - shade) * red) | ||
134 | green = Math.round((1 - shade) * green) | ||
135 | blue = Math.round((1 - shade) * blue) | ||
136 | |||
137 | red = red.toString(16) | ||
138 | green = green.toString(16) | ||
139 | blue = blue.toString(16) | ||
140 | |||
141 | return `#${red}${green}${blue}` | ||
142 | } | ||
143 | |||
144 | const clusters = [theme] | ||
145 | for (let i = 0; i <= 9; i++) { | ||
146 | clusters.push(tintColor(theme, Number((i / 10).toFixed(2)))) | ||
147 | } | ||
148 | clusters.push(shadeColor(theme, 0.1)) | ||
149 | return clusters | ||
150 | } | ||
151 | } | ||
152 | } | ||
153 | </script> | ||
154 | |||
155 | <style> | ||
156 | .theme-message, | ||
157 | .theme-picker-dropdown { | ||
158 | z-index: 99999 !important; | ||
159 | } | ||
160 | |||
161 | .theme-picker .el-color-picker__trigger { | ||
162 | height: 26px !important; | ||
163 | width: 26px !important; | ||
164 | padding: 2px; | ||
165 | } | ||
166 | |||
167 | .theme-picker-dropdown .el-color-dropdown__link-btn { | ||
168 | display: none; | ||
169 | } | ||
170 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-24 17:10:02 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div v-if="!item.hidden"> | 7 | <div v-if="!item.hidden"> |
3 | <template | 8 | <template |
... | @@ -65,9 +70,9 @@ export default { | ... | @@ -65,9 +70,9 @@ export default { |
65 | }) | 70 | }) |
66 | 71 | ||
67 | // When there is only one child router, the child router is displayed by default | 72 | // When there is only one child router, the child router is displayed by default |
68 | if (showingChildren.length === 1) { | 73 | // if (showingChildren.length === 1) { |
69 | return true | 74 | // return true |
70 | } | 75 | // } |
71 | 76 | ||
72 | // Show parent if there are no child router to display | 77 | // Show parent if there are no child router to display |
73 | if (showingChildren.length === 0) { | 78 | if (showingChildren.length === 0) { | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-23 16:17:42 | 4 | * @LastEditTime: 2023-03-24 17:10:32 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -9,7 +9,7 @@ | ... | @@ -9,7 +9,7 @@ |
9 | <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" | 9 | <el-menu router :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" |
10 | :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical"> | 10 | :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical"> |
11 | <!-- 权限菜单 --> | 11 | <!-- 权限菜单 --> |
12 | <sidebar-item v-for="route in permission_routes.slice(4)" :key="route.path" :item="route" | 12 | <sidebar-item v-for="route in permission_routes.slice(5)" :key="route.path" :item="route" |
13 | :base-path="route.path" /> | 13 | :base-path="route.path" /> |
14 | <!-- 菜单全部展示 --> | 14 | <!-- 菜单全部展示 --> |
15 | <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> --> | 15 | <!-- <sidebar-item v-for="route in asyncRoutes" :key="route.path" :item="route" :base-path="route.path" /> --> |
... | @@ -50,7 +50,7 @@ export default { | ... | @@ -50,7 +50,7 @@ export default { |
50 | } | 50 | } |
51 | }, | 51 | }, |
52 | mounted () { | 52 | mounted () { |
53 | console.log(this.permission_routes, 'permission_routespermission_routes'); | 53 | console.log(this.permission_routes.slice(5), 'permission_routes'); |
54 | } | 54 | } |
55 | } | 55 | } |
56 | </script> | 56 | </script> | ... | ... |
... | @@ -3,7 +3,8 @@ | ... | @@ -3,7 +3,8 @@ |
3 | <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll"> | 3 | <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll"> |
4 | <router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag) ? 'active' : ''" | 4 | <router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag) ? 'active' : ''" |
5 | :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item" | 5 | :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item" |
6 | @click.middle.native="!isAffix(tag) ? closeSelectedTag(tag) : ''" @contextmenu.prevent.native="openMenu(tag, $event)"> | 6 | @click.middle.native="!isAffix(tag) ? closeSelectedTag(tag) : ''" |
7 | @contextmenu.prevent.native="openMenu(tag, $event)"> | ||
7 | {{ tag.title }} | 8 | {{ tag.title }} |
8 | <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" /> | 9 | <span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" /> |
9 | </router-link> | 10 | </router-link> |
... | @@ -190,30 +191,32 @@ export default { | ... | @@ -190,30 +191,32 @@ export default { |
190 | </script> | 191 | </script> |
191 | 192 | ||
192 | <style lang="scss" scoped> | 193 | <style lang="scss" scoped> |
194 | @import "~@/styles/_handle.scss"; | ||
195 | |||
193 | .tags-view-container { | 196 | .tags-view-container { |
194 | height: 40px; | 197 | height: 40px; |
195 | width: 100%; | 198 | width: 100%; |
196 | background: #fff; | 199 | background: #fff; |
197 | border-bottom: 1px solid #d8dce5; | 200 | border-bottom: 1px solid #d8dce5; |
198 | box-sizing: border-box; | 201 | box-sizing: border-box; |
199 | padding-top: 3px; | 202 | padding-top: 2px; |
200 | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04); | 203 | margin-bottom: 7px; |
201 | margin-bottom: 5px; | 204 | border-radius: 4px; |
202 | 205 | ||
203 | .tags-view-wrapper { | 206 | .tags-view-wrapper { |
204 | .tags-view-item { | 207 | .tags-view-item { |
205 | display: inline-block; | 208 | display: inline-block; |
206 | position: relative; | 209 | position: relative; |
207 | cursor: pointer; | 210 | cursor: pointer; |
208 | height: 26px; | ||
209 | line-height: 26px; | 211 | line-height: 26px; |
210 | border: 1px solid #d8dce5; | 212 | color: #4A4A4A; |
211 | color: #495060; | 213 | @include font_color("tagsText"); |
212 | background: #fff; | ||
213 | padding: 0 8px; | 214 | padding: 0 8px; |
214 | font-size: 12px; | 215 | font-size: 12px; |
215 | margin-left: 5px; | 216 | margin-left: 5px; |
216 | margin-top: 4px; | 217 | margin-top: 4px; |
218 | border-radius: 4px; | ||
219 | @include borderColor("tagsBorderColor"); | ||
217 | 220 | ||
218 | &:first-of-type { | 221 | &:first-of-type { |
219 | margin-left: 15px; | 222 | margin-left: 15px; |
... | @@ -224,13 +227,13 @@ export default { | ... | @@ -224,13 +227,13 @@ export default { |
224 | } | 227 | } |
225 | 228 | ||
226 | &.active { | 229 | &.active { |
227 | background-color: #0794FF; | 230 | @include background("tagsBg"); |
228 | color: #fff; | 231 | @include borderColor("tagsActiveText"); |
229 | border-color: #0794FF; | 232 | @include font_color("tagsActiveText"); |
230 | 233 | ||
231 | &::before { | 234 | &::before { |
232 | content: ''; | 235 | content: ''; |
233 | background: #fff; | 236 | @include background("tagsActiveText"); |
234 | display: inline-block; | 237 | display: inline-block; |
235 | width: 8px; | 238 | width: 8px; |
236 | height: 8px; | 239 | height: 8px; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-23 16:37:20 | 4 | * @LastEditTime: 2023-03-24 17:28:37 |
5 | */ | 5 | */ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | import router from "./router"; | 7 | import router from "./router"; |
... | @@ -25,7 +25,7 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -25,7 +25,7 @@ router.beforeEach(async (to, from, next) => { |
25 | localStorage.removeItem("token"); | 25 | localStorage.removeItem("token"); |
26 | next(); | 26 | next(); |
27 | } else { | 27 | } else { |
28 | let code = Vue.prototype.BASE_API.THEME == "sb" ? "BDCSBPT" : "BDCJGPT" | 28 | let code = Vue.prototype.BASE_API.CODE |
29 | //判断token是否存在 | 29 | //判断token是否存在 |
30 | const hasToken = localStorage.getItem("token"); | 30 | const hasToken = localStorage.getItem("token"); |
31 | if (hasToken) { | 31 | if (hasToken) { | ... | ... |
... | @@ -32,11 +32,7 @@ export const constantRoutes = [ | ... | @@ -32,11 +32,7 @@ export const constantRoutes = [ |
32 | { | 32 | { |
33 | path: '/', | 33 | path: '/', |
34 | redirect: to => { | 34 | redirect: to => { |
35 | if (Vue.prototype.BASE_API.THEME == 'jg') { | 35 | return { path: `/${Vue.prototype.BASE_API.THEME}` } |
36 | return { path: '/jg' } | ||
37 | } else { | ||
38 | return { path: '/sb' } | ||
39 | } | ||
40 | }, | 36 | }, |
41 | }, | 37 | }, |
42 | // 监管首页 | 38 | // 监管首页 | ... | ... |
... | @@ -20,6 +20,15 @@ | ... | @@ -20,6 +20,15 @@ |
20 | @function themed($key) { | 20 | @function themed($key) { |
21 | @return map-get($theme-map, $key); | 21 | @return map-get($theme-map, $key); |
22 | } | 22 | } |
23 | |||
24 | //获取边框颜色 | ||
25 | @mixin borderColor($color) { | ||
26 | @include themeify { | ||
27 | border: 1px solid themed($color) !important; | ||
28 | } | ||
29 | } | ||
30 | |||
31 | |||
23 | //获取渐变背景 | 32 | //获取渐变背景 |
24 | @mixin background($color) { | 33 | @mixin background($color) { |
25 | @include themeify { | 34 | @include themeify { |
... | @@ -33,9 +42,10 @@ | ... | @@ -33,9 +42,10 @@ |
33 | background-color: themed($color) !important; | 42 | background-color: themed($color) !important; |
34 | } | 43 | } |
35 | } | 44 | } |
45 | |||
36 | //获取字体颜色 | 46 | //获取字体颜色 |
37 | @mixin font_color($color) { | 47 | @mixin font_color($color) { |
38 | @include themeify { | 48 | @include themeify { |
39 | color: themed($color)!important; | 49 | color: themed($color) !important; |
40 | } | 50 | } |
41 | } | 51 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -7,15 +7,19 @@ $themes: (blue: ( //背景 | ... | @@ -7,15 +7,19 @@ $themes: (blue: ( //背景 |
7 | menuActiveText: #4162D8, | 7 | menuActiveText: #4162D8, |
8 | // 没有子集 | 8 | // 没有子集 |
9 | submenuBg: #3D59C4, | 9 | submenuBg: #3D59C4, |
10 | submenuColor: #FFFFFF | 10 | submenuColor: #FFFFFF, |
11 | ), | 11 | // tags |
12 | tagsBorderColor: #E5E5E5, | ||
13 | tagsBg: rgba(65, 98, 216, 0.1), | ||
14 | tagsText: #4A4A4A, | ||
15 | tagsActiveText: #4162D8, | ||
16 | // 操纵btn | ||
17 | btnBg: #4162D8, | ||
18 | btnColor: #4162D8), | ||
12 | 19 | ||
13 | green: ( | 20 | green: (navbg: #0F8B80, |
14 | navbg: #0F8B80, | ||
15 | menuBg:#121A2E, | 21 | menuBg:#121A2E, |
16 | menuActive: linear-gradient(90deg, rgba(61,90,198,0.7) 0%, rgba(61,90,198,0) 100%), | 22 | menuActive: linear-gradient(90deg, rgba(61, 90, 198, 0.7) 0%, rgba(61, 90, 198, 0) 100%), |
17 | //字体 | 23 | //字体 |
18 | menuText: #A1A7C2, | 24 | menuText: #A1A7C2, |
19 | menuActiveText: #FFFFFF | ||
20 | ) | ||
21 | ) | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
25 | menuActiveText: #FFFFFF)) | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | **/ | 4 | **/ |
5 | 5 | ||
6 | /* theme color */ | 6 | /* theme color */ |
7 | $--color-primary: #0F93F6; | 7 | $--color-primary: #4162D8; |
8 | $--color-success: #67C23B; | 8 | $--color-success: #67C23B; |
9 | $--color-warning: #E6A23C; | 9 | $--color-warning: #E6A23C; |
10 | $--color-danger: #F46C6C; | 10 | $--color-danger: #F46C6C; | ... | ... |
... | @@ -5,6 +5,7 @@ | ... | @@ -5,6 +5,7 @@ |
5 | background: none !important; | 5 | background: none !important; |
6 | } | 6 | } |
7 | 7 | ||
8 | // 列表样式 | ||
8 | .tableClass { | 9 | .tableClass { |
9 | .el-table { | 10 | .el-table { |
10 | border: none !important; | 11 | border: none !important; |
... | @@ -52,6 +53,7 @@ | ... | @@ -52,6 +53,7 @@ |
52 | background-color: rgba(0, 0, 0, 0); | 53 | background-color: rgba(0, 0, 0, 0); |
53 | } | 54 | } |
54 | 55 | ||
56 | // 查询表单样式 | ||
55 | .from-clues { | 57 | .from-clues { |
56 | height: 100%; | 58 | height: 100%; |
57 | width: 100%; | 59 | width: 100%; |
... | @@ -264,7 +266,7 @@ | ... | @@ -264,7 +266,7 @@ |
264 | } | 266 | } |
265 | } | 267 | } |
266 | 268 | ||
267 | // 角色配置 | 269 | // 角色管理人员菜单配置弹框样式 |
268 | .roleconfiguration { | 270 | .roleconfiguration { |
269 | .el-dialog__body { | 271 | .el-dialog__body { |
270 | display: flex; | 272 | display: flex; |
... | @@ -358,82 +360,7 @@ | ... | @@ -358,82 +360,7 @@ |
358 | border-top: none; | 360 | border-top: none; |
359 | } | 361 | } |
360 | 362 | ||
361 | .editDialogBox { | ||
362 | border-radius: 8px; | ||
363 | overflow: hidden; | ||
364 | min-width: 1228px; | ||
365 | height: 825px !important; | ||
366 | |||
367 | .dialog-from { | ||
368 | padding: 13px; | ||
369 | border-radius: 2px; | ||
370 | box-sizing: border-box; | ||
371 | |||
372 | .el-row { | ||
373 | display: flex; | ||
374 | flex-wrap: nowrap; | ||
375 | } | ||
376 | |||
377 | .el-col { | ||
378 | line-height: 18px; | ||
379 | display: flex; | ||
380 | align-items: center; | ||
381 | margin-bottom: 3px; | ||
382 | color: #b5d6dc; | ||
383 | border-radius: 2px; | ||
384 | border: 1px solid #224c7c; | ||
385 | margin: 5px; | ||
386 | |||
387 | span { | ||
388 | display: inline-block; | ||
389 | padding: 3px; | ||
390 | border-radius: 3px; | ||
391 | overflow: hidden; | ||
392 | white-space: nowrap; | ||
393 | text-align: left; | ||
394 | color: #02d9fd; | ||
395 | } | ||
396 | 363 | ||
397 | p { | ||
398 | flex: 1; | ||
399 | width: 100%; | ||
400 | padding-left: 5px; | ||
401 | line-height: 20px; | ||
402 | color: #c0c4cc; | ||
403 | cursor: not-allowed; | ||
404 | white-space: nowrap; | ||
405 | margin-right: 5px; | ||
406 | text-align: right; | ||
407 | } | ||
408 | } | ||
409 | } | ||
410 | |||
411 | .dialog_title { | ||
412 | display: flex; | ||
413 | position: relative; | ||
414 | font-size: 24px; | ||
415 | top: -8px; | ||
416 | width: 38%; | ||
417 | height: 40px; | ||
418 | margin-left: 28px; | ||
419 | justify-content: center; | ||
420 | } | ||
421 | |||
422 | .el-dialog__header { | ||
423 | display: flex; | ||
424 | margin-bottom: 10px; | ||
425 | } | ||
426 | |||
427 | .el-dialog__footer { | ||
428 | padding-right: 40px; | ||
429 | } | ||
430 | |||
431 | .divider { | ||
432 | width: 100%; | ||
433 | border-bottom: 1px solid #ccc; | ||
434 | } | ||
435 | |||
436 | } | ||
437 | 364 | ||
438 | .el-dialog__wrapper { | 365 | .el-dialog__wrapper { |
439 | overflow: hidden; | 366 | overflow: hidden; |
... | @@ -514,16 +441,7 @@ | ... | @@ -514,16 +441,7 @@ |
514 | font-size: 12px; | 441 | font-size: 12px; |
515 | } | 442 | } |
516 | 443 | ||
517 | .button:hover { | 444 | // 按钮样式 |
518 | // width: 76px; | ||
519 | // height: 32px; | ||
520 | // color: #ffffff; | ||
521 | // cursor: pointer; | ||
522 | // border: 0; | ||
523 | // font-size: 12px; | ||
524 | // background: none; | ||
525 | } | ||
526 | |||
527 | .cx { | 445 | .cx { |
528 | background: url("../image/btn.png") no-repeat 0 -34px; | 446 | background: url("../image/btn.png") no-repeat 0 -34px; |
529 | background-size: cover; | 447 | background-size: cover; |
... | @@ -627,7 +545,7 @@ | ... | @@ -627,7 +545,7 @@ |
627 | } | 545 | } |
628 | 546 | ||
629 | .item-content-input { | 547 | .item-content-input { |
630 | /deep/.el-input__inner { | 548 | .el-input__inner { |
631 | border: none !important; | 549 | border: none !important; |
632 | text-align: right; | 550 | text-align: right; |
633 | } | 551 | } |
... | @@ -742,6 +660,7 @@ | ... | @@ -742,6 +660,7 @@ |
742 | } | 660 | } |
743 | 661 | ||
744 | } | 662 | } |
663 | |||
745 | .contentCenter { | 664 | .contentCenter { |
746 | position: absolute; | 665 | position: absolute; |
747 | top: 50%; | 666 | top: 50%; |
... | @@ -761,3 +680,347 @@ | ... | @@ -761,3 +680,347 @@ |
761 | } | 680 | } |
762 | } | 681 | } |
763 | 682 | ||
683 | // 登簿日志弹出框 | ||
684 | .entryJournal { | ||
685 | .el-tabs__header { | ||
686 | margin: 0; | ||
687 | } | ||
688 | |||
689 | .el-dialog { | ||
690 | display: flex; | ||
691 | flex-direction: column; | ||
692 | } | ||
693 | |||
694 | .el-dialog__body { | ||
695 | display: flex; | ||
696 | flex-direction: column; | ||
697 | padding-bottom: 30px; | ||
698 | height: 100%; | ||
699 | flex: 1; | ||
700 | position: relative; | ||
701 | } | ||
702 | |||
703 | .regularHeight { | ||
704 | display: flex; | ||
705 | flex-direction: column; | ||
706 | height: 87vh; | ||
707 | margin-bottom: 5px; | ||
708 | |||
709 | .editDialogBox-con, | ||
710 | .JsonEditor { | ||
711 | flex: 1; | ||
712 | } | ||
713 | } | ||
714 | |||
715 | .d-center {} | ||
716 | |||
717 | .dialog_title { | ||
718 | top: -6px | ||
719 | } | ||
720 | |||
721 | .el-tabs__item { | ||
722 | color: #CEF8FF !important; | ||
723 | |||
724 | display: flex; | ||
725 | flex-direction: row; | ||
726 | justify-content: center; | ||
727 | background: url("~@/image/tabitem.png") no-repeat; | ||
728 | background-size: 100% 100%; | ||
729 | border: none !important; | ||
730 | } | ||
731 | |||
732 | .el-tabs__nav { | ||
733 | display: flex; | ||
734 | border: none !important; | ||
735 | } | ||
736 | |||
737 | .el-tabs__item.is-top:not(:last-child) { | ||
738 | margin-right: 5px; | ||
739 | } | ||
740 | |||
741 | .el-icon-circle-close { | ||
742 | display: none; | ||
743 | } | ||
744 | |||
745 | .el-tabs__item.is-active { | ||
746 | background: url("~@/image/tabitemse.png") no-repeat; | ||
747 | background-size: 100% 100%; | ||
748 | } | ||
749 | |||
750 | .from-clues-content { | ||
751 | margin-top: 0; | ||
752 | background: none; | ||
753 | padding: 0; | ||
754 | } | ||
755 | |||
756 | .editDialogBox-box { | ||
757 | position: relative; | ||
758 | top: 10px; | ||
759 | height: 100%; | ||
760 | } | ||
761 | |||
762 | .dialog-from { | ||
763 | padding-top: 0; | ||
764 | |||
765 | .el-col { | ||
766 | justify-content: space-between; | ||
767 | } | ||
768 | |||
769 | .bz { | ||
770 | height: 100%; | ||
771 | position: relative; | ||
772 | top: 3px; | ||
773 | } | ||
774 | |||
775 | .el-input { | ||
776 | flex: 1; | ||
777 | width: 100%; | ||
778 | } | ||
779 | |||
780 | .el-textarea__inner { | ||
781 | border: none !important; | ||
782 | margin: 0; | ||
783 | } | ||
784 | |||
785 | &_header { | ||
786 | margin: 0 -5px !important; | ||
787 | } | ||
788 | |||
789 | &_title { | ||
790 | font-size: 14px; | ||
791 | color: #d7eaee; | ||
792 | margin: 3px 0; | ||
793 | } | ||
794 | } | ||
795 | } | ||
796 | |||
797 | // 数据上报弹出框 | ||
798 | .dataReporting { | ||
799 | .el-dialog__body { | ||
800 | display: flex; | ||
801 | flex-direction: column; | ||
802 | padding-bottom: 30px; | ||
803 | } | ||
804 | |||
805 | .el-tabs { | ||
806 | color: #cef8ff; | ||
807 | } | ||
808 | |||
809 | .d-center { | ||
810 | z-index: 1000; | ||
811 | } | ||
812 | |||
813 | .sjmx { | ||
814 | display: flex; | ||
815 | flex-direction: column; | ||
816 | height: 49vh; | ||
817 | |||
818 | .el-tabs__item { | ||
819 | height: 50px; | ||
820 | padding-top: 6px; | ||
821 | } | ||
822 | } | ||
823 | |||
824 | .result { | ||
825 | flex: 1; | ||
826 | height: 100%; | ||
827 | } | ||
828 | |||
829 | .editDialogBox-con { | ||
830 | flex: 1; | ||
831 | height: 100%; | ||
832 | overflow-y: hidden; | ||
833 | } | ||
834 | |||
835 | .el-tabs__item { | ||
836 | color: #cef8ff !important; | ||
837 | |||
838 | display: flex; | ||
839 | flex-direction: row; | ||
840 | justify-content: center; | ||
841 | background: url("~@/image/tabitem.png") no-repeat; | ||
842 | background-size: 100% 100%; | ||
843 | border: none !important; | ||
844 | } | ||
845 | |||
846 | .obligee-item-name { | ||
847 | background: #05275b; | ||
848 | color: #ffffff; | ||
849 | background: url("~@/image/itembg.png") no-repeat; | ||
850 | background-size: 100% 100%; | ||
851 | } | ||
852 | |||
853 | .el-tabs__nav-scroll { | ||
854 | background: none; | ||
855 | } | ||
856 | |||
857 | .el-tabs__nav { | ||
858 | display: flex; | ||
859 | border: none !important; | ||
860 | } | ||
861 | |||
862 | .el-tabs__item.is-top { | ||
863 | border: 1px solid #dfe4ed; | ||
864 | border-top: 1px solid #dfe4ed; | ||
865 | border-bottom: 1px solid transparent; | ||
866 | } | ||
867 | |||
868 | .el-tabs__header { | ||
869 | border: none; | ||
870 | margin-bottom: 0; | ||
871 | } | ||
872 | |||
873 | .el-tabs__item.is-top:not(:last-child) { | ||
874 | margin-right: 5px; | ||
875 | } | ||
876 | |||
877 | .el-tabs__item.is-top { | ||
878 | background-color: none !important; | ||
879 | } | ||
880 | |||
881 | .el-tabs__item.is-active { | ||
882 | background: url("~@/image/tabitemse.png") no-repeat; | ||
883 | background-size: 100% 100%; | ||
884 | } | ||
885 | |||
886 | .success-images { | ||
887 | width: 30px; | ||
888 | height: 30px; | ||
889 | position: relative; | ||
890 | top: 10px; | ||
891 | right: 3px; | ||
892 | } | ||
893 | |||
894 | .tab-pane-item { | ||
895 | line-height: 20px; | ||
896 | color: #02d9fd; | ||
897 | |||
898 | p { | ||
899 | text-align: center; | ||
900 | } | ||
901 | } | ||
902 | |||
903 | .edit-content { | ||
904 | overflow-y: auto; | ||
905 | overflow-x: hidden; | ||
906 | padding-right: 1px; | ||
907 | border-top: none; | ||
908 | } | ||
909 | |||
910 | .editDialogBox { | ||
911 | border-radius: 8px; | ||
912 | overflow: hidden; | ||
913 | min-width: 1228px; | ||
914 | |||
915 | .el-dialog__header { | ||
916 | display: flex; | ||
917 | margin-bottom: 10px; | ||
918 | } | ||
919 | |||
920 | .dialog_footer { | ||
921 | flex-direction: column; | ||
922 | |||
923 | .dialog_button { | ||
924 | margin-top: 8px; | ||
925 | } | ||
926 | } | ||
927 | |||
928 | .divider { | ||
929 | width: 100%; | ||
930 | border-bottom: 1px solid #ccc; | ||
931 | } | ||
932 | } | ||
933 | |||
934 | .el-dialog__wrapper { | ||
935 | overflow: hidden; | ||
936 | } | ||
937 | |||
938 | .dialog-from { | ||
939 | padding-top: 0; | ||
940 | |||
941 | .el-col { | ||
942 | justify-content: space-between; | ||
943 | } | ||
944 | |||
945 | .bz { | ||
946 | height: 100%; | ||
947 | position: relative; | ||
948 | top: 3px; | ||
949 | } | ||
950 | |||
951 | .el-select { | ||
952 | padding-right: 15px; | ||
953 | } | ||
954 | |||
955 | .el-icon-circle-close { | ||
956 | display: none; | ||
957 | } | ||
958 | |||
959 | .el-input__suffix { | ||
960 | right: -25px !important; | ||
961 | top: -5px; | ||
962 | } | ||
963 | |||
964 | .el-select, | ||
965 | .el-input { | ||
966 | flex: 1; | ||
967 | width: 100%; | ||
968 | } | ||
969 | |||
970 | .el-textarea__inner { | ||
971 | border: none !important; | ||
972 | margin: 0; | ||
973 | } | ||
974 | |||
975 | &_header { | ||
976 | margin: 0 -5px !important; | ||
977 | } | ||
978 | |||
979 | &_title { | ||
980 | font-size: 18px; | ||
981 | color: #d7eaee; | ||
982 | margin: 3px 0; | ||
983 | } | ||
984 | } | ||
985 | } | ||
986 | |||
987 | // 人员管理上下移动按钮样式 | ||
988 | .el-button.is-disabled.el-button--text { | ||
989 | width: 64px; | ||
990 | height: 28px; | ||
991 | background: rgba(255, 255, 255, 0.1); | ||
992 | border-radius: 16px; | ||
993 | } | ||
994 | |||
995 | // 人员管理角色管理菜单管理修改新增弹框样式 | ||
996 | .PersonnelDialog { | ||
997 | .el-dialog__header { | ||
998 | .dialog_title { | ||
999 | display: -webkit-box; | ||
1000 | display: -ms-flexbox; | ||
1001 | display: flex; | ||
1002 | position: relative; | ||
1003 | top: -7px; | ||
1004 | width: 29%; | ||
1005 | height: 40px; | ||
1006 | margin-left: 28px; | ||
1007 | -webkit-box-pack: center; | ||
1008 | -ms-flex-pack: center; | ||
1009 | justify-content: center; | ||
1010 | white-space: nowrap; | ||
1011 | |||
1012 | b { | ||
1013 | font-size: 16px; | ||
1014 | } | ||
1015 | } | ||
1016 | |||
1017 | .el-dialog__headerbtn { | ||
1018 | right: 20px !important; | ||
1019 | top: 23px !important; | ||
1020 | } | ||
1021 | } | ||
1022 | |||
1023 | .selbig { | ||
1024 | width: 500px; | ||
1025 | } | ||
1026 | } | ... | ... |
1 | @import '~@/styles/sbElement-ui.scss'; | 1 | @import '~@/styles/sbElement-ui.scss'; |
2 | @import "~@/styles/_handle.scss"; | ||
2 | 3 | ||
3 | .from-clues { | 4 | .from-clues { |
4 | height: 100%; | 5 | height: 100%; |
... | @@ -9,7 +10,7 @@ | ... | @@ -9,7 +10,7 @@ |
9 | 10 | ||
10 | &-header { | 11 | &-header { |
11 | width: 100%; | 12 | width: 100%; |
12 | padding: 15px; | 13 | padding: 10px 15px 10px 15px; |
13 | box-sizing: border-box; | 14 | box-sizing: border-box; |
14 | background-size: 100% 100%; | 15 | background-size: 100% 100%; |
15 | background: #FFFFFF; | 16 | background: #FFFFFF; |
... | @@ -96,7 +97,7 @@ | ... | @@ -96,7 +97,7 @@ |
96 | .cx { | 97 | .cx { |
97 | width: 86px; | 98 | width: 86px; |
98 | height: 32px; | 99 | height: 32px; |
99 | background-color: #4162D8; | 100 | @include background_color("btnBg"); |
100 | color: white; | 101 | color: white; |
101 | border: none; | 102 | border: none; |
102 | } | 103 | } |
... | @@ -104,7 +105,7 @@ | ... | @@ -104,7 +105,7 @@ |
104 | .cx:hover { | 105 | .cx:hover { |
105 | width: 86px; | 106 | width: 86px; |
106 | height: 32px; | 107 | height: 32px; |
107 | background-color: #4162D8; | 108 | @include background_color("btnBg"); |
108 | color: white; | 109 | color: white; |
109 | border: none; | 110 | border: none; |
110 | } | 111 | } |
... | @@ -113,8 +114,7 @@ | ... | @@ -113,8 +114,7 @@ |
113 | width: 86px; | 114 | width: 86px; |
114 | height: 32px; | 115 | height: 32px; |
115 | background-color: white; | 116 | background-color: white; |
116 | color: #4162D8; | 117 | @include font_color("btnColor"); |
117 | |||
118 | border: 1px solid rgba(65, 98, 216, 0.3); | 118 | border: 1px solid rgba(65, 98, 216, 0.3); |
119 | } | 119 | } |
120 | 120 | ||
... | @@ -122,23 +122,17 @@ | ... | @@ -122,23 +122,17 @@ |
122 | width: 86px; | 122 | width: 86px; |
123 | height: 32px; | 123 | height: 32px; |
124 | background-color: white; | 124 | background-color: white; |
125 | color: #4162D8; | 125 | @include font_color("btnColor"); |
126 | border: 1px solid rgba(65, 98, 216, 0.3); | 126 | border: 1px solid rgba(65, 98, 216, 0.3); |
127 | } | 127 | } |
128 | 128 | ||
129 | .el-button:focus { | ||
130 | // background: none; | ||
131 | } | ||
132 | |||
133 | .cx:focus { | 129 | .cx:focus { |
134 | color: white; | 130 | color: white; |
135 | background-color: #4162D8; | 131 | @include background_color("btnBg"); |
136 | background-size: cover; | 132 | background-size: cover; |
137 | } | 133 | } |
138 | 134 | ||
139 | .cz:focus { | 135 | .cz:focus { |
140 | color: #4162D8; | ||
141 | background-color: white; | 136 | background-color: white; |
142 | ; | ||
143 | background-size: cover; | 137 | background-size: cover; |
144 | } | 138 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-21 13:42:13 | 4 | * @LastEditTime: 2023-03-24 16:44:54 |
5 | */ | 5 | */ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { | 7 | export default function getTheme (theme = Vue.prototype.BASE_API.THEME) { |
8 | const resultMap = { | 8 | const resultMap = { |
9 | 'jg': function () { | 9 | 'jg': function () { |
10 | import("@/styles/jgPublic.scss") | 10 | return import("@/styles/jgPublic.scss"); |
11 | }, | 11 | }, |
12 | 'sb': function () { | 12 | 'sb': function () { |
13 | import("@/styles/sbPublic.scss") | 13 | return import("@/styles/sbPublic.scss"); |
14 | }, | 14 | }, |
15 | default: function () { | 15 | 'default': function () { |
16 | throw new Error(`Unsupported theme: ${theme}`); | ||
16 | }, | 17 | }, |
18 | }; | ||
19 | const result = resultMap[theme](); | ||
20 | if (result instanceof Promise) { | ||
21 | return result; | ||
22 | } else { | ||
23 | return resultMap.default(); | ||
17 | } | 24 | } |
18 | return resultMap[theme]() || resultMap.default() | ||
19 | } | 25 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="Cfdj from-clues"> | 2 | <div class="Cfdj from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,8 @@ | ... | @@ -2,7 +2,8 @@ |
2 | <div class="dyaq from-clues"> | 2 | <div class="dyaq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | |||
6 | <Breadcrumb /> | 7 | <Breadcrumb /> |
7 | </el-form-item> | 8 | </el-form-item> |
8 | <el-row class="mb-5"> | 9 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="150px"> | 4 | <el-form ref="form" :model="form" label-width="150px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="fdcqdz from-clues"> | 2 | <div class="fdcqdz from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="fdcqqfsyq from-clues"> | 2 | <div class="fdcqqfsyq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="fdcqyz from-clues"> | 2 | <div class="fdcqyz from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="gzwsyq from-clues"> | 2 | <div class="gzwsyq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="hysyq from-clues"> | 2 | <div class="hysyq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="jsydzjdsyq from-clues"> | 2 | <div class="jsydzjdsyq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="lq from-clues"> | 2 | <div class="lq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="tdsyq from-clues"> | 2 | <div class="tdsyq from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="120px"> | 4 | <el-form ref="form" :model="form" label-width="120px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="110px"> | 4 | <el-form ref="form" :model="form" label-width="110px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="cancellationReg from-clues"> | 2 | <div class="cancellationReg from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="105px"> | 4 | <el-form ref="form" :model="form" label-width="105px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
... | @@ -22,7 +22,6 @@ | ... | @@ -22,7 +22,6 @@ |
22 | </div> | 22 | </div> |
23 | </template> | 23 | </template> |
24 | <script> | 24 | <script> |
25 | import { getMenuInfo } from "@/api/user"; | ||
26 | import { loginIn } from "@/api/login.js"; | 25 | import { loginIn } from "@/api/login.js"; |
27 | export default { | 26 | export default { |
28 | name: "jgLogin", | 27 | name: "jgLogin", | ... | ... |
... | @@ -108,10 +108,10 @@ export default { | ... | @@ -108,10 +108,10 @@ export default { |
108 | if (valid) { | 108 | if (valid) { |
109 | let res = await loginIn(self.user.account, self.user.password) | 109 | let res = await loginIn(self.user.account, self.user.password) |
110 | if (res.status == 1) { | 110 | if (res.status == 1) { |
111 | let code = this.BASE_API.THEME == "sb" ? "BDCSBPT" : "BDCJGPT" | 111 | let code = this.BASE_API.CODE; |
112 | localStorage.setItem("token", `Bearer ${res.content}`); | 112 | localStorage.setItem("token", `Bearer ${res.content}`); |
113 | const { result: getMenuData } = (await getMenuInfo(code)) || []; | 113 | const { result: getMenuData } = (await getMenuInfo(code)) || []; |
114 | let path1 = JSON.parse(getMenuData[0].metadata)?.path + '/' + JSON.parse(getMenuData[0].children[0].metadata)?.path | 114 | let path1 = JSON.parse(getMenuData[1].metadata)?.path + '/' + JSON.parse(getMenuData[1].children[0].metadata)?.path |
115 | //登录成功后需判断有无重定向,没有重定向则跳转首页 | 115 | //登录成功后需判断有无重定向,没有重定向则跳转首页 |
116 | const accessRoutes = await this.$store.dispatch( | 116 | const accessRoutes = await this.$store.dispatch( |
117 | "permission/generateRoutes", | 117 | "permission/generateRoutes", | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox entryJournal editDialogBox mainCenter" |
3 | :visible.sync="dialogVisible" width="90%"> | 3 | :visible.sync="dialogVisible" width="90%"> |
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '登薄日志' }} | 5 | {{ title || '登薄日志' }} |
... | @@ -458,119 +458,5 @@ | ... | @@ -458,119 +458,5 @@ |
458 | } | 458 | } |
459 | </script> | 459 | </script> |
460 | <style scoped lang="scss"> | 460 | <style scoped lang="scss"> |
461 | // @import "~@/styles/mixin.scss"; | ||
462 | // @import "~@/styles/dialogBox.scss"; | ||
463 | |||
464 | /deep/.el-tabs__header { | ||
465 | margin: 0; | ||
466 | } | ||
467 | |||
468 | /deep/.el-dialog { | ||
469 | display: flex; | ||
470 | flex-direction: column; | ||
471 | } | ||
472 | |||
473 | /deep/.el-dialog__body { | ||
474 | display: flex; | ||
475 | flex-direction: column; | ||
476 | padding-bottom: 30px; | ||
477 | height: 100%; | ||
478 | flex: 1; | ||
479 | position: relative; | ||
480 | } | ||
481 | |||
482 | .regularHeight { | ||
483 | display: flex; | ||
484 | flex-direction: column; | ||
485 | height: 87vh; | ||
486 | margin-bottom: 5px; | ||
487 | |||
488 | .editDialogBox-con, | ||
489 | .JsonEditor { | ||
490 | flex: 1; | ||
491 | } | ||
492 | } | ||
493 | |||
494 | .d-center { | ||
495 | } | ||
496 | |||
497 | .dialog_title { | ||
498 | top: -13px; | ||
499 | } | ||
500 | |||
501 | /deep/.el-tabs__item { | ||
502 | color: #cef8ff !important; | ||
503 | |||
504 | display: flex; | ||
505 | flex-direction: row; | ||
506 | justify-content: center; | ||
507 | background: url("~@/image/tabitem.png") no-repeat; | ||
508 | background-size: 100% 100%; | ||
509 | border: none !important; | ||
510 | } | ||
511 | |||
512 | /deep/.el-tabs__nav { | ||
513 | display: flex; | ||
514 | border: none !important; | ||
515 | } | ||
516 | |||
517 | /deep/.el-tabs__item.is-top:not(:last-child) { | ||
518 | margin-right: 5px; | ||
519 | } | ||
520 | |||
521 | /deep/.el-icon-circle-close { | ||
522 | display: none; | ||
523 | } | ||
524 | |||
525 | /deep/.el-tabs__item.is-active { | ||
526 | background: url("~@/image/tabitemse.png") no-repeat; | ||
527 | background-size: 100% 100%; | ||
528 | } | ||
529 | |||
530 | .from-clues-content { | ||
531 | margin-top: 0; | ||
532 | background: none; | ||
533 | padding: 0; | ||
534 | } | ||
535 | |||
536 | .editDialogBox-box { | ||
537 | position: relative; | ||
538 | top: 10px; | ||
539 | height: 100%; | ||
540 | } | ||
541 | |||
542 | .dialog-from { | ||
543 | padding-top: 0; | ||
544 | |||
545 | .el-col { | ||
546 | justify-content: space-between; | ||
547 | } | ||
548 | |||
549 | .bz { | ||
550 | height: 100%; | ||
551 | position: relative; | ||
552 | top: 3px; | ||
553 | } | ||
554 | |||
555 | /deep/.el-input { | ||
556 | flex: 1; | ||
557 | width: 100%; | ||
558 | } | ||
559 | |||
560 | /deep/.el-textarea__inner { | ||
561 | border: none !important; | ||
562 | margin: 0; | ||
563 | } | ||
564 | |||
565 | &_header { | ||
566 | margin: 0 -5px !important; | ||
567 | } | ||
568 | |||
569 | &_title { | ||
570 | font-size: 14px; | ||
571 | color: #d7eaee; | ||
572 | margin: 3px 0; | ||
573 | } | ||
574 | } | ||
575 | </style> | 461 | </style> |
576 | 462 | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="80px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="80px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row> | 10 | <el-row> | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <!-- 头部搜索 --> | 4 | <!-- 头部搜索 --> |
5 | <div class="from-clues-header"> | 5 | <div class="from-clues-header"> |
6 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 6 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
7 | <el-form-item> | 7 | <el-form-item v-if="BASE_API.THEME=='jg'"> |
8 | <Breadcrumb /> | 8 | <Breadcrumb /> |
9 | </el-form-item> | 9 | </el-form-item> |
10 | <el-row class="mb-5"> | 10 | <el-row class="mb-5"> | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
5 | <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> | 5 | <el-form @submit.native.prevent :model="ruleForm" label-width="120px"> |
6 | <el-form-item> | 6 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
7 | <Breadcrumb /> | 7 | <Breadcrumb /> |
8 | </el-form-item> | 8 | </el-form-item> |
9 | <el-row :gutter="20"> | 9 | <el-row :gutter="20"> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
3 | * @Date: 2023-03-09 20:54:28 | 3 | * @Date: 2023-03-09 20:54:28 |
4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: Please set LastEditors |
5 | * @LastEditTime: 2023-03-16 19:40:40 | 5 | * @LastEditTime: 2023-03-27 09:13:22 |
6 | * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue | 6 | * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue |
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 | --> |
... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
10 | <div class="information from-clues"> | 10 | <div class="information from-clues"> |
11 | <div class="from-clues-header"> | 11 | <div class="from-clues-header"> |
12 | <el-form ref="ruleForm" label-width="100px"> | 12 | <el-form ref="ruleForm" label-width="100px"> |
13 | <el-form-item> | 13 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
14 | <Breadcrumb /> | 14 | <Breadcrumb /> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | <el-row class="mb-5"> | 16 | <el-row class="mb-5"> |
... | @@ -34,10 +34,10 @@ | ... | @@ -34,10 +34,10 @@ |
34 | </div> | 34 | </div> |
35 | </template> | 35 | </template> |
36 | <script> | 36 | <script> |
37 | import "@/utils/flexible.js"; | 37 | import "@/utils/flexible.js"; |
38 | import BaseSet from "./base-set.vue"; | 38 | import BaseSet from "./base-set.vue"; |
39 | import PasswordEdit from "./password-edit.vue"; | 39 | import PasswordEdit from "./password-edit.vue"; |
40 | export default { | 40 | export default { |
41 | components: { | 41 | components: { |
42 | BaseSet, | 42 | BaseSet, |
43 | PasswordEdit, | 43 | PasswordEdit, |
... | @@ -63,14 +63,16 @@ | ... | @@ -63,14 +63,16 @@ |
63 | this.isshow = false; | 63 | this.isshow = false; |
64 | }, | 64 | }, |
65 | }, | 65 | }, |
66 | }; | 66 | }; |
67 | </script> | 67 | </script> |
68 | 68 | ||
69 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
70 | @import "~@/styles/mixin.scss"; | 70 | @import "~@/styles/mixin.scss"; |
71 | .information { | 71 | |
72 | .information { | ||
72 | display: flex; | 73 | display: flex; |
73 | flex-direction: column; | 74 | flex-direction: column; |
75 | |||
74 | .btnColRight { | 76 | .btnColRight { |
75 | margin-top: 10px; | 77 | margin-top: 10px; |
76 | display: flex; | 78 | display: flex; |
... | @@ -78,16 +80,18 @@ | ... | @@ -78,16 +80,18 @@ |
78 | // background-color: cadetblue; | 80 | // background-color: cadetblue; |
79 | height: 30px; | 81 | height: 30px; |
80 | } | 82 | } |
83 | |||
81 | /deep/.content { | 84 | /deep/.content { |
82 | .el-input__inner { | 85 | .el-input__inner { |
83 | background: none; | 86 | background: none; |
84 | } | 87 | } |
88 | |||
85 | .user-info { | 89 | .user-info { |
86 | background: none; | 90 | background: none; |
87 | } | 91 | } |
88 | } | 92 | } |
93 | |||
89 | .boxin { | 94 | .boxin { |
90 | flex: 1; | 95 | flex: 1; |
91 | } | 96 | } |
92 | } | 97 | }</style> |
93 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox class="modifydialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm" | 2 | <dialogBox class="modifydialog PersonnelDialog" :isMain="true" width="40%" :title="title" @closeDialog="close" @submitForm="submitForm" |
3 | v-model="myValue"> | 3 | v-model="myValue"> |
4 | <div class="dialogCon"> | 4 | <div class="dialogCon"> |
5 | <el-form ref="form" :model="form" :rules="rules"> | 5 | <el-form ref="form" :model="form" :rules="rules"> |
... | @@ -63,12 +63,12 @@ | ... | @@ -63,12 +63,12 @@ |
63 | </template> | 63 | </template> |
64 | 64 | ||
65 | <script> | 65 | <script> |
66 | import { getParentMenuListAction } from '@/api/authorityManage' | 66 | import { getParentMenuListAction } from '@/api/authorityManage' |
67 | import IconList from '../../../components/IconList' | 67 | import IconList from '../../../components/IconList' |
68 | import JsonEditor from '@/components/JsonEditors' | 68 | import JsonEditor from '@/components/JsonEditors' |
69 | import { validateCode } from '@/utils/validate'; | 69 | import { validateCode } from '@/utils/validate'; |
70 | import { api, httpAction } from '@/api/manageApi' | 70 | import { api, httpAction } from '@/api/manageApi' |
71 | export default { | 71 | export default { |
72 | name: 'MenuModal', | 72 | name: 'MenuModal', |
73 | components: { | 73 | components: { |
74 | JsonEditor, | 74 | JsonEditor, |
... | @@ -233,38 +233,38 @@ export default { | ... | @@ -233,38 +233,38 @@ export default { |
233 | this.$emit('input', false) | 233 | this.$emit('input', false) |
234 | } | 234 | } |
235 | } | 235 | } |
236 | } | 236 | } |
237 | </script> | 237 | </script> |
238 | <style scoped lang="scss"> | 238 | <style scoped lang="scss"> |
239 | .modifydialog { | 239 | // .modifydialog { |
240 | &-con { | 240 | // &-con { |
241 | background: #031a46; | 241 | // background: #031a46; |
242 | } | 242 | // } |
243 | 243 | ||
244 | /deep/.el-dialog__header { | 244 | // /deep/.el-dialog__header { |
245 | .dialog_title { | 245 | // .dialog_title { |
246 | display: -webkit-box; | 246 | // display: -webkit-box; |
247 | display: -ms-flexbox; | 247 | // display: -ms-flexbox; |
248 | display: flex; | 248 | // display: flex; |
249 | position: relative; | 249 | // position: relative; |
250 | top: -8px; | 250 | // top: -8px; |
251 | width: 28%; | 251 | // width: 28%; |
252 | height: 40px; | 252 | // height: 40px; |
253 | margin-left: 28px; | 253 | // margin-left: 28px; |
254 | -webkit-box-pack: center; | 254 | // -webkit-box-pack: center; |
255 | -ms-flex-pack: center; | 255 | // -ms-flex-pack: center; |
256 | justify-content: center; | 256 | // justify-content: center; |
257 | white-space: nowrap; | 257 | // white-space: nowrap; |
258 | 258 | ||
259 | b { | 259 | // b { |
260 | font-size: 16px; | 260 | // font-size: 16px; |
261 | } | 261 | // } |
262 | } | 262 | // } |
263 | 263 | ||
264 | .el-dialog__headerbtn { | 264 | // .el-dialog__headerbtn { |
265 | right: 20px !important; | 265 | // right: 20px !important; |
266 | top: 23px !important; | 266 | // top: 23px !important; |
267 | } | 267 | // } |
268 | } | 268 | // } |
269 | } | 269 | // } |
270 | </style> | 270 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
... | @@ -29,20 +29,20 @@ | ... | @@ -29,20 +29,20 @@ |
29 | </div> | 29 | </div> |
30 | </template> | 30 | </template> |
31 | <script> | 31 | <script> |
32 | // 定时任务 | 32 | // 定时任务 |
33 | import data from "./data"; | 33 | import data from "./data"; |
34 | import { deleteAction, getAction, api } from "@/api/manageApi"; | 34 | import { deleteAction, getAction, api } from "@/api/manageApi"; |
35 | import EditDialog from "./edit-dialog.vue"; | 35 | import EditDialog from "./edit-dialog.vue"; |
36 | import { mapGetters } from "vuex"; | 36 | import { mapGetters } from "vuex"; |
37 | import { getMenuInfo } from "@/api/user"; | 37 | import { getMenuInfo } from "@/api/user"; |
38 | import { | 38 | import { |
39 | getUuid, | 39 | getUuid, |
40 | judgeSort, | 40 | judgeSort, |
41 | realMove, | 41 | realMove, |
42 | findParents, | 42 | findParents, |
43 | removeTreeListItem, | 43 | removeTreeListItem, |
44 | } from "@/utils/operation"; | 44 | } from "@/utils/operation"; |
45 | export default { | 45 | export default { |
46 | name: "menus", | 46 | name: "menus", |
47 | components: { | 47 | components: { |
48 | EditDialog, | 48 | EditDialog, |
... | @@ -152,7 +152,7 @@ | ... | @@ -152,7 +152,7 @@ |
152 | }, | 152 | }, |
153 | // 加载表格数据 | 153 | // 加载表格数据 |
154 | getTableList () { | 154 | getTableList () { |
155 | getMenuInfo(sessionStorage.getItem("products")).then((res) => { | 155 | getMenuInfo(this.BASE_API.CODE).then((res) => { |
156 | if (res.code === 200) { | 156 | if (res.code === 200) { |
157 | this.tablelistData = judgeSort(res.result) | 157 | this.tablelistData = judgeSort(res.result) |
158 | this.listData = this.tablelistData | 158 | this.listData = this.tablelistData |
... | @@ -245,14 +245,14 @@ | ... | @@ -245,14 +245,14 @@ |
245 | this.getTableList() | 245 | this.getTableList() |
246 | }, | 246 | }, |
247 | }, | 247 | }, |
248 | }; | 248 | }; |
249 | </script> | 249 | </script> |
250 | <style scoped lang="scss"> | 250 | <style scoped lang="scss"> |
251 | @import "~@/styles/mixin.scss"; | 251 | @import "~@/styles/mixin.scss"; |
252 | 252 | ||
253 | // @import "~@/styles/public.scss"; | 253 | // @import "~@/styles/public.scss"; |
254 | 254 | ||
255 | /deep/.el-table__expand-icon { | 255 | /deep/.el-table__expand-icon { |
256 | color: #fff; | 256 | color: #fff; |
257 | } | 257 | } |
258 | </style> | 258 | </style> | ... | ... |
1 | <!-- 新增 & 修改角色 --> | 1 | <!-- 新增 & 修改角色 --> |
2 | <template> | 2 | <template> |
3 | <dialogBox | 3 | <dialogBox |
4 | class="modifydialog" | 4 | class="modifydialog PersonnelDialog" |
5 | :title="title" | 5 | :title="title" |
6 | :width="'567px'" | 6 | :width="'567px'" |
7 | :isMain="true" | 7 | :isMain="true" |
... | @@ -160,29 +160,4 @@ | ... | @@ -160,29 +160,4 @@ |
160 | } | 160 | } |
161 | </script> | 161 | </script> |
162 | <style scoped lang="scss"> | 162 | <style scoped lang="scss"> |
163 | .modifydialog { | ||
164 | /deep/.el-dialog__header { | ||
165 | .dialog_title { | ||
166 | display: -webkit-box; | ||
167 | display: -ms-flexbox; | ||
168 | display: flex; | ||
169 | position: relative; | ||
170 | top: -8px; | ||
171 | width: 24%; | ||
172 | height: 40px; | ||
173 | margin-left: 28px; | ||
174 | -webkit-box-pack: center; | ||
175 | -ms-flex-pack: center; | ||
176 | justify-content: center; | ||
177 | white-space: nowrap; | ||
178 | b { | ||
179 | font-size: 16px; | ||
180 | } | ||
181 | } | ||
182 | .el-dialog__headerbtn { | ||
183 | right: 20px !important; | ||
184 | top: 23px !important; | ||
185 | } | ||
186 | } | ||
187 | } | ||
188 | </style> | 163 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
... | @@ -19,8 +19,9 @@ | ... | @@ -19,8 +19,9 @@ |
19 | </el-form> | 19 | </el-form> |
20 | </div> | 20 | </div> |
21 | <div class="from-clues-content"> | 21 | <div class="from-clues-content"> |
22 | <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200" @p-current-change="handleCurrentChange" | 22 | <lb-table :pagination="false" @size-change="handleSizeChange" :calcHeight="200" |
23 | :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" row-key="dictid"> | 23 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="listdata" :expand-row-keys="keyList" |
24 | row-key="dictid"> | ||
24 | </lb-table> | 25 | </lb-table> |
25 | </div> | 26 | </div> |
26 | <EditDialog ref="addEditDialog" v-model="isDialog" @ok="reloadTableData" /> | 27 | <EditDialog ref="addEditDialog" v-model="isDialog" @ok="reloadTableData" /> |
... | @@ -28,24 +29,24 @@ | ... | @@ -28,24 +29,24 @@ |
28 | </div> | 29 | </div> |
29 | </template> | 30 | </template> |
30 | <script> | 31 | <script> |
31 | import { | 32 | import { |
32 | getUuid, | 33 | getUuid, |
33 | judgeSort, | 34 | judgeSort, |
34 | realMove, | 35 | realMove, |
35 | findParents, | 36 | findParents, |
36 | removeTreeListItem, | 37 | removeTreeListItem, |
37 | } from "@/utils/operation"; | 38 | } from "@/utils/operation"; |
38 | import { getRolesById, getAuthorityListAction } from "@/api/authorityManage"; | 39 | import { getRolesById, getAuthorityListAction } from "@/api/authorityManage"; |
39 | import { getUserRoles } from "@/api/personnelManage"; | 40 | import { getUserRoles } from "@/api/personnelManage"; |
40 | import data from "./data"; | 41 | import data from "./data"; |
41 | import { getMenuInfo } from "@/api/user"; | 42 | import { getMenuInfo } from "@/api/user"; |
42 | import { api, getAction, deleteAction } from "@/api/manageApi"; | 43 | import { api, getAction, deleteAction } from "@/api/manageApi"; |
43 | import tableMixin from "@/mixins/tableMixin.js"; | 44 | import tableMixin from "@/mixins/tableMixin.js"; |
44 | import EditDialog from "./edit-dialog.vue"; | 45 | import EditDialog from "./edit-dialog.vue"; |
45 | import Roleslistdiglog from "./roleslistdiglog.vue"; | 46 | import Roleslistdiglog from "./roleslistdiglog.vue"; |
46 | import { mapGetters } from "vuex"; | 47 | import { mapGetters } from "vuex"; |
47 | import { updateOrder } from "@/api/orders" | 48 | import { updateOrder } from "@/api/orders" |
48 | export default { | 49 | export default { |
49 | name: "menus", | 50 | name: "menus", |
50 | mixins: [tableMixin], | 51 | mixins: [tableMixin], |
51 | components: { | 52 | components: { |
... | @@ -286,7 +287,7 @@ | ... | @@ -286,7 +287,7 @@ |
286 | 287 | ||
287 | // 获取菜单列表 | 288 | // 获取菜单列表 |
288 | getTableList () { | 289 | getTableList () { |
289 | getMenuInfo(sessionStorage.getItem("products")).then((res) => { | 290 | getMenuInfo(this.BASE_API.CODE).then((res) => { |
290 | if (res.code === 200) { | 291 | if (res.code === 200) { |
291 | this.menutablelistData = judgeSort(res.result) | 292 | this.menutablelistData = judgeSort(res.result) |
292 | } else { | 293 | } else { |
... | @@ -502,16 +503,16 @@ | ... | @@ -502,16 +503,16 @@ |
502 | this.getTableData(); | 503 | this.getTableData(); |
503 | }, | 504 | }, |
504 | }, | 505 | }, |
505 | }; | 506 | }; |
506 | </script> | 507 | </script> |
507 | <style scoped lang="scss"> | 508 | <style scoped lang="scss"> |
508 | @import "~@/styles/mixin.scss"; | 509 | @import "~@/styles/mixin.scss"; |
509 | // @import "~@/styles/public.scss"; | 510 | // @import "~@/styles/public.scss"; |
510 | 511 | ||
511 | /deep/.el-button.is-disabled.el-button--text { | 512 | /deep/.el-button.is-disabled.el-button--text { |
512 | width: 64px; | 513 | width: 64px; |
513 | height: 28px; | 514 | height: 28px; |
514 | background: rgba(255, 255, 255, 0.1); | 515 | background: rgba(255, 255, 255, 0.1); |
515 | border-radius: 16px; | 516 | border-radius: 16px; |
516 | } | 517 | } |
517 | </style> | 518 | </style> | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-03-27 10:27:32 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | class data extends filter { | 7 | class data extends filter { |
3 | constructor() { | 8 | constructor() { |
... | @@ -17,7 +22,8 @@ class data extends filter { | ... | @@ -17,7 +22,8 @@ class data extends filter { |
17 | }, | 22 | }, |
18 | { | 23 | { |
19 | prop: "cronExpression", | 24 | prop: "cronExpression", |
20 | label: "cron表达式" | 25 | label: "cron表达式", |
26 | width: 160, | ||
21 | }, | 27 | }, |
22 | { | 28 | { |
23 | prop: "beanName", | 29 | prop: "beanName", |
... | @@ -34,7 +40,7 @@ class data extends filter { | ... | @@ -34,7 +40,7 @@ class data extends filter { |
34 | render: (h, scope) => { | 40 | render: (h, scope) => { |
35 | return ( | 41 | return ( |
36 | <div> | 42 | <div> |
37 | { this.stateStatus(scope.row.jobStatus) } | 43 | {this.stateStatus(scope.row.jobStatus)} |
38 | </div> | 44 | </div> |
39 | ) | 45 | ) |
40 | }, | 46 | }, | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="form" :model="form" label-width="80px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row> | 8 | <el-row> | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox :title="title" :width="'867px'" class="modifydialog" @closeDialog="close" :isMain="true" @submitForm="submitForm" | 2 | <dialogBox :title="title" :width="'867px'" class="modifydialog PersonnelDialog" @closeDialog="close" :isMain="true" @submitForm="submitForm" |
3 | v-model="myValue"> | 3 | v-model="myValue"> |
4 | <div class="dialogCon"> | 4 | <div class="dialogCon"> |
5 | <el-form ref="form" :model="form" :rules="rules"> | 5 | <el-form ref="form" :model="form" :rules="rules"> |
... | @@ -193,32 +193,4 @@ | ... | @@ -193,32 +193,4 @@ |
193 | } | 193 | } |
194 | </script> | 194 | </script> |
195 | <style scoped lang="scss"> | 195 | <style scoped lang="scss"> |
196 | .modifydialog { | ||
197 | /deep/.el-dialog__header { | ||
198 | .dialog_title { | ||
199 | display: -webkit-box; | ||
200 | display: -ms-flexbox; | ||
201 | display: flex; | ||
202 | position: relative; | ||
203 | top: -7px; | ||
204 | width: 29%; | ||
205 | height: 40px; | ||
206 | margin-left: 28px; | ||
207 | -webkit-box-pack: center; | ||
208 | -ms-flex-pack: center; | ||
209 | justify-content: center; | ||
210 | white-space: nowrap; | ||
211 | b { | ||
212 | font-size: 16px; | ||
213 | } | ||
214 | } | ||
215 | .el-dialog__headerbtn { | ||
216 | right: 20px !important; | ||
217 | top: 23px !important; | ||
218 | } | ||
219 | } | ||
220 | .selbig { | ||
221 | width: 500px; | ||
222 | } | ||
223 | } | ||
224 | </style> | 196 | </style> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="timedTask from-clues"> | 2 | <div class="timedTask from-clues"> |
3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
4 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="100px"> |
5 | <el-form-item> | 5 | <el-form-item v-if="BASE_API.THEME == 'jg'"> |
6 | <Breadcrumb /> | 6 | <Breadcrumb /> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mt-10"> | 8 | <el-row class="mt-10"> |
... | @@ -38,24 +38,24 @@ | ... | @@ -38,24 +38,24 @@ |
38 | </div> | 38 | </div> |
39 | </template> | 39 | </template> |
40 | <script> | 40 | <script> |
41 | import { | 41 | import { |
42 | getUuid, | 42 | getUuid, |
43 | judgeSort, | 43 | judgeSort, |
44 | realMove, | 44 | realMove, |
45 | findParents, | 45 | findParents, |
46 | removeTreeListItem, | 46 | removeTreeListItem, |
47 | } from "@/utils/operation"; | 47 | } from "@/utils/operation"; |
48 | import { | 48 | import { |
49 | resetPassword, | 49 | resetPassword, |
50 | getUserList, getUserLists | 50 | getUserList, getUserLists |
51 | } from "@/api/personnelManage"; | 51 | } from "@/api/personnelManage"; |
52 | import { api, deleteAction, getAction } from '@/api/manageApi' | 52 | import { api, deleteAction, getAction } from '@/api/manageApi' |
53 | import data from "./data"; | 53 | import data from "./data"; |
54 | import { deleteDomStr } from '@/utils/proDomStr' | 54 | import { deleteDomStr } from '@/utils/proDomStr' |
55 | import tableMixin from "@/mixins/tableMixin.js"; | 55 | import tableMixin from "@/mixins/tableMixin.js"; |
56 | import EditDialog from "./edit-dialog.vue"; | 56 | import EditDialog from "./edit-dialog.vue"; |
57 | import { updateOrder } from "@/api/orders" | 57 | import { updateOrder } from "@/api/orders" |
58 | export default { | 58 | export default { |
59 | name: "menus", | 59 | name: "menus", |
60 | mixins: [tableMixin], | 60 | mixins: [tableMixin], |
61 | components: { | 61 | components: { |
... | @@ -405,21 +405,8 @@ | ... | @@ -405,21 +405,8 @@ |
405 | this.getTableList() | 405 | this.getTableList() |
406 | }, | 406 | }, |
407 | }, | 407 | }, |
408 | }; | 408 | }; |
409 | </script> | 409 | </script> |
410 | <style scoped lang="scss"> | 410 | <style scoped lang="scss"> |
411 | @import "~@/styles/mixin.scss"; | 411 | @import "~@/styles/mixin.scss"; |
412 | // .btnColRight { | ||
413 | // height: 30px; | ||
414 | // .button { | ||
415 | // position: absolute; | ||
416 | // left: 30px; | ||
417 | // } | ||
418 | // } | ||
419 | /deep/.el-button.is-disabled.el-button--text { | ||
420 | width: 64px; | ||
421 | height: 28px; | ||
422 | background: rgba(255, 255, 255, 0.1); | ||
423 | border-radius: 16px; | ||
424 | } | ||
425 | </style> | 412 | </style> | ... | ... |
-
Please register or sign in to post a comment