Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
59 changed files
with
277 additions
and
249 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 引入配置文件 | 2 | * @Description: 引入配置文件 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-15 17:11:59 | 4 | * @LastEditTime: 2023-03-20 15:16:11 |
| 5 | --> | 5 | --> |
| 6 | <!DOCTYPE html> | 6 | <!DOCTYPE html> |
| 7 | <html> | 7 | <html> |
| ... | @@ -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 | ... | ... |
| ... | @@ -55,57 +55,5 @@ export default { | ... | @@ -55,57 +55,5 @@ export default { |
| 55 | </script> | 55 | </script> |
| 56 | 56 | ||
| 57 | <style lang="scss" scoped> | 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 | 58 | ||
| 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> | 59 | </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%; | ... | ... |
| ... | @@ -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 | * @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-20 13:11:42 |
| 6 | * @FilePath: \bdcjg-web\src\main.js | 6 | * @FilePath: \bdcjg-web\src\main.js |
| 7 | * @Description: | 7 | * @Description: |
| 8 | * | 8 | * | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-15 11:17:28 | 4 | * @LastEditTime: 2023-03-20 14:35:04 |
| 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(); | ... | ... |
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/element-ui.scss'; | ||
| 2 | |||
| 1 | .tableClass { | 3 | .tableClass { |
| 2 | .el-table { | 4 | .el-table { |
| 3 | border: none !important; | 5 | border: none !important; |
| ... | @@ -445,3 +447,51 @@ | ... | @@ -445,3 +447,51 @@ |
| 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 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 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 | .sidebar-container { |
| 10 | transition: width 0.28s; | 11 | transition: width 0.28s; |
| 11 | width: $sideBarWidth !important; | 12 | width: $sideBarWidth !important; |
| 12 | font-size: 0px; | 13 | font-size: 0px; |
| 13 | margin-right: 15px; | 14 | margin-right: 15px; |
| 14 | background: #121F41; | 15 | @include background_color("menuBg"); |
| 15 | 16 | ||
| 16 | .horizontal-collapse-transition { | 17 | .horizontal-collapse-transition { |
| 17 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, | 18 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, |
| ... | @@ -58,7 +59,7 @@ | ... | @@ -58,7 +59,7 @@ |
| 58 | // 有子级 | 59 | // 有子级 |
| 59 | .el-submenu__title { | 60 | .el-submenu__title { |
| 60 | padding-left: 10px !important; | 61 | padding-left: 10px !important; |
| 61 | color: $menuText; | 62 | @include font_color("menuText"); |
| 62 | height: 42px; | 63 | height: 42px; |
| 63 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); | 64 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); |
| 64 | margin-bottom: 8px; | 65 | margin-bottom: 8px; |
| ... | @@ -77,14 +78,13 @@ | ... | @@ -77,14 +78,13 @@ |
| 77 | 78 | ||
| 78 | // 没有子级 | 79 | // 没有子级 |
| 79 | .submenu-title-noDropdown { | 80 | .submenu-title-noDropdown { |
| 80 | color: $menuText; | 81 | @include font_color("menuText"); |
| 81 | padding-left: 20px; | 82 | padding-left: 20px; |
| 82 | margin-bottom: 8px; | 83 | margin-bottom: 8px; |
| 83 | background: linear-gradient(90deg, #013874 0%, #081B56 100%); | ||
| 84 | 84 | ||
| 85 | &:hover { | 85 | &:hover { |
| 86 | color: $menuActiveText !important; | 86 | @include font_color("menuActiveText"); |
| 87 | background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 87 | @include background("menuActive"); |
| 88 | 88 | ||
| 89 | .svg-icon { | 89 | .svg-icon { |
| 90 | color: #1ea6f8 !important; | 90 | color: #1ea6f8 !important; |
| ... | @@ -98,8 +98,8 @@ | ... | @@ -98,8 +98,8 @@ |
| 98 | 98 | ||
| 99 | .submenu-title-noDropdown.is-active, | 99 | .submenu-title-noDropdown.is-active, |
| 100 | .el-submenu__title.is-active { | 100 | .el-submenu__title.is-active { |
| 101 | color: $menuActiveText; | 101 | @include background("menuActive"); |
| 102 | background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); | 102 | @include font_color("menuActiveText"); |
| 103 | 103 | ||
| 104 | .svg-icon { | 104 | .svg-icon { |
| 105 | color: #1ea6f8 !important; | 105 | color: #1ea6f8 !important; |
| ... | @@ -163,9 +163,9 @@ | ... | @@ -163,9 +163,9 @@ |
| 163 | margin: 0 10px; | 163 | margin: 0 10px; |
| 164 | // border-radius: 6px; | 164 | // border-radius: 6px; |
| 165 | } | 165 | } |
| 166 | } | 166 | } |
| 167 | 167 | ||
| 168 | .hideSidebar { | 168 | .hideSidebar { |
| 169 | .sidebar-container { | 169 | .sidebar-container { |
| 170 | width: 54px !important; | 170 | width: 54px !important; |
| 171 | } | 171 | } |
| ... | @@ -220,14 +220,14 @@ | ... | @@ -220,14 +220,14 @@ |
| 220 | } | 220 | } |
| 221 | } | 221 | } |
| 222 | } | 222 | } |
| 223 | } | 223 | } |
| 224 | 224 | ||
| 225 | .el-menu--collapse .el-menu .el-submenu { | 225 | .el-menu--collapse .el-menu .el-submenu { |
| 226 | min-width: $sideBarWidth !important; | 226 | min-width: $sideBarWidth !important; |
| 227 | } | 227 | } |
| 228 | 228 | ||
| 229 | // mobile responsive | 229 | // mobile responsive |
| 230 | .mobile { | 230 | .mobile { |
| 231 | .main-container { | 231 | .main-container { |
| 232 | margin-left: 0px; | 232 | margin-left: 0px; |
| 233 | } | 233 | } |
| ... | @@ -244,15 +244,14 @@ | ... | @@ -244,15 +244,14 @@ |
| 244 | transform: translate3d(-$sideBarWidth, 0, 0); | 244 | transform: translate3d(-$sideBarWidth, 0, 0); |
| 245 | } | 245 | } |
| 246 | } | 246 | } |
| 247 | } | 247 | } |
| 248 | 248 | ||
| 249 | .withoutAnimation { | 249 | .withoutAnimation { |
| 250 | 250 | ||
| 251 | .main-container, | 251 | .main-container, |
| 252 | .sidebar-container { | 252 | .sidebar-container { |
| 253 | transition: none; | 253 | transition: none; |
| 254 | } | 254 | } |
| 255 | } | ||
| 256 | } | 255 | } |
| 257 | 256 | ||
| 258 | // when menu collapsed | 257 | // when menu collapsed |
| ... | @@ -275,11 +274,13 @@ | ... | @@ -275,11 +274,13 @@ |
| 275 | border-bottom-right-radius: 8px; | 274 | border-bottom-right-radius: 8px; |
| 276 | font-weight: 600 !important; | 275 | font-weight: 600 !important; |
| 277 | font-size: 15px !important; | 276 | font-size: 15px !important; |
| 278 | background-color: $menuHover !important; | 277 | @include background("menuActive"); |
| 278 | // background-color: $menuHover !important; | ||
| 279 | color: $menuText !important; | 279 | color: $menuText !important; |
| 280 | 280 | ||
| 281 | &:hover { | 281 | &:hover { |
| 282 | background-color: $menuHover !important; | 282 | @include background("menuActive"); |
| 283 | // background-color: $menuHover !important; | ||
| 283 | opacity: .9; | 284 | opacity: .9; |
| 284 | 285 | ||
| 285 | .svg-icon, | 286 | .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-20 15:12:38 |
| 5 | */ | 5 | */ |
| 6 | import Layout from '@/layout' | 6 | import Layout from '@/layout' |
| 7 | export default function filterAsyncRouter (routers) { | 7 | export default function filterAsyncRouter (routers) { | ... | ... |
src/utils/theme.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-03-20 14:50:19 | ||
| 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 | 'sjsb': function () { | ||
| 13 | }, | ||
| 14 | default: function () { | ||
| 15 | }, | ||
| 16 | } | ||
| 17 | return resultMap[theme]() || resultMap.default() | ||
| 18 | } |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-03-17 15:13:09 | ||
| 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() { |
| ... | @@ -54,7 +59,7 @@ class data extends filter { | ... | @@ -54,7 +59,7 @@ class data extends filter { |
| 54 | { | 59 | { |
| 55 | label: "解封机关", | 60 | label: "解封机关", |
| 56 | prop: "jfjg", | 61 | prop: "jfjg", |
| 57 | width: 150, | 62 | minWidth: 150, |
| 58 | }, | 63 | }, |
| 59 | { | 64 | { |
| 60 | label: "解封文号", | 65 | label: "解封文号", | ... | ... |
| ... | @@ -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> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-13 14:22:01 | 4 | * @LastEditTime: 2023-03-17 15:13:30 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | class data extends filter { | 7 | class data extends filter { |
| ... | @@ -34,7 +34,8 @@ class data extends filter { | ... | @@ -34,7 +34,8 @@ class data extends filter { |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| 36 | label: "业务号", | 36 | label: "业务号", |
| 37 | prop: "ywh" | 37 | prop: "ywh", |
| 38 | minWidth: 150, | ||
| 38 | }, | 39 | }, |
| 39 | { | 40 | { |
| 40 | label: "不动产单元号", | 41 | label: "不动产单元号", |
| ... | @@ -62,6 +63,7 @@ class data extends filter { | ... | @@ -62,6 +63,7 @@ class data extends filter { |
| 62 | }, | 63 | }, |
| 63 | { | 64 | { |
| 64 | label: "登记类型", | 65 | label: "登记类型", |
| 66 | minWidth: 100, | ||
| 65 | render: (h, scope) => { | 67 | render: (h, scope) => { |
| 66 | return ( | 68 | return ( |
| 67 | <div> | 69 | <div> |
| ... | @@ -73,11 +75,12 @@ class data extends filter { | ... | @@ -73,11 +75,12 @@ class data extends filter { |
| 73 | { | 75 | { |
| 74 | label: "被担保主债权数额", | 76 | label: "被担保主债权数额", |
| 75 | prop: "bdbzzqse", | 77 | prop: "bdbzzqse", |
| 76 | width: 135, | 78 | minWidth: 135, |
| 77 | }, | 79 | }, |
| 78 | { | 80 | { |
| 79 | label: "最高债权额", | 81 | label: "最高债权额", |
| 80 | prop: "zgzqse" | 82 | prop: "zgzqse", |
| 83 | minWidth: 100, | ||
| 81 | }, | 84 | }, |
| 82 | { | 85 | { |
| 83 | label: "登记时间", | 86 | label: "登记时间", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-13 14:23:47 | 4 | * @LastEditTime: 2023-03-17 15:14:13 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | class data extends filter { | 7 | class data extends filter { |
| ... | @@ -34,6 +34,7 @@ class data extends filter { | ... | @@ -34,6 +34,7 @@ class data extends filter { |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| 36 | label: "业务号", | 36 | label: "业务号", |
| 37 | minWidth: 150, | ||
| 37 | prop: "YWH", | 38 | prop: "YWH", |
| 38 | }, | 39 | }, |
| 39 | { | 40 | { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-13 14:25:09 | 4 | * @LastEditTime: 2023-03-17 15:18:26 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | class data extends filter { | 7 | class data extends filter { |
| ... | @@ -34,7 +34,8 @@ class data extends filter { | ... | @@ -34,7 +34,8 @@ class data extends filter { |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| 36 | label: "业务号", | 36 | label: "业务号", |
| 37 | prop: "ywh" | 37 | prop: "ywh", |
| 38 | minWidth: 150, | ||
| 38 | }, | 39 | }, |
| 39 | { | 40 | { |
| 40 | label: "不动产单元号", | 41 | label: "不动产单元号", |
| ... | @@ -49,7 +50,7 @@ class data extends filter { | ... | @@ -49,7 +50,7 @@ class data extends filter { |
| 49 | { | 50 | { |
| 50 | label: "权利人", | 51 | label: "权利人", |
| 51 | prop: "qlrmc", | 52 | prop: "qlrmc", |
| 52 | width: 150 | 53 | minWidth: 100 |
| 53 | }, | 54 | }, |
| 54 | { | 55 | { |
| 55 | label: "用途", | 56 | label: "用途", |
| ... | @@ -57,7 +58,7 @@ class data extends filter { | ... | @@ -57,7 +58,7 @@ class data extends filter { |
| 57 | }, | 58 | }, |
| 58 | { | 59 | { |
| 59 | label: "权利类型", | 60 | label: "权利类型", |
| 60 | width: 150, | 61 | minWidth: 160, |
| 61 | render: (h, scope) => { | 62 | render: (h, scope) => { |
| 62 | return ( | 63 | return ( |
| 63 | <div> | 64 | <div> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-03-17 15:18:47 | ||
| 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() { |
| ... | @@ -30,6 +35,7 @@ class data extends filter { | ... | @@ -30,6 +35,7 @@ class data extends filter { |
| 30 | { | 35 | { |
| 31 | label: "业务号", | 36 | label: "业务号", |
| 32 | prop: "ywh", | 37 | prop: "ywh", |
| 38 | minWidth: 150, | ||
| 33 | }, | 39 | }, |
| 34 | { | 40 | { |
| 35 | label: "不动产单元号", | 41 | label: "不动产单元号", |
| ... | @@ -44,14 +50,16 @@ class data extends filter { | ... | @@ -44,14 +50,16 @@ class data extends filter { |
| 44 | { | 50 | { |
| 45 | label: "权利人", | 51 | label: "权利人", |
| 46 | prop: "qlrmc", | 52 | prop: "qlrmc", |
| 47 | width: 150 | 53 | minWidth: 70 |
| 48 | }, | 54 | }, |
| 49 | { | 55 | { |
| 50 | label: "用途", | 56 | label: "用途", |
| 51 | prop: "ytmc" | 57 | prop: "ytmc", |
| 58 | minWidth: 70 | ||
| 52 | }, | 59 | }, |
| 53 | { | 60 | { |
| 54 | label: "权利类型", | 61 | label: "权利类型", |
| 62 | minWidth: 170, | ||
| 55 | render: (h, scope) => { | 63 | render: (h, scope) => { |
| 56 | return ( | 64 | return ( |
| 57 | <div> | 65 | <div> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-03-17 15:15:38 | ||
| 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() { |
| ... | @@ -51,7 +56,8 @@ class data extends filter { | ... | @@ -51,7 +56,8 @@ class data extends filter { |
| 51 | }, | 56 | }, |
| 52 | { | 57 | { |
| 53 | label: "用途", | 58 | label: "用途", |
| 54 | prop: "yt" | 59 | prop: "yt", |
| 60 | minWidth: 150, | ||
| 55 | }, | 61 | }, |
| 56 | { | 62 | { |
| 57 | label: "权利类型", | 63 | label: "权利类型", | ... | ... |
| ... | @@ -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> | ... | ... |
| ... | @@ -30,17 +30,17 @@ class data extends filter { | ... | @@ -30,17 +30,17 @@ class data extends filter { |
| 30 | { | 30 | { |
| 31 | label: "业务号", | 31 | label: "业务号", |
| 32 | prop: "YWH", | 32 | prop: "YWH", |
| 33 | width: 150, | 33 | minWidth: 150, |
| 34 | }, | 34 | }, |
| 35 | { | 35 | { |
| 36 | label: "不动产单元号", | 36 | label: "不动产单元号", |
| 37 | prop: "BDCDYH", | 37 | prop: "BDCDYH", |
| 38 | width: 150, | 38 | minWidth: 150, |
| 39 | }, | 39 | }, |
| 40 | { | 40 | { |
| 41 | label: "不动产权证号", | 41 | label: "不动产权证号", |
| 42 | prop: "BDCQZH", | 42 | prop: "BDCQZH", |
| 43 | width: 150, | 43 | minWidth: 150, |
| 44 | }, | 44 | }, |
| 45 | { | 45 | { |
| 46 | label: "地籍号", | 46 | label: "地籍号", | ... | ... |
| ... | @@ -12,6 +12,7 @@ class data extends filter { | ... | @@ -12,6 +12,7 @@ class data extends filter { |
| 12 | }, | 12 | }, |
| 13 | { | 13 | { |
| 14 | label: "预告登记种类", | 14 | label: "预告登记种类", |
| 15 | minWidth: 130, | ||
| 15 | render: (h, scope) => { | 16 | render: (h, scope) => { |
| 16 | return ( | 17 | return ( |
| 17 | <div> | 18 | <div> |
| ... | @@ -22,7 +23,7 @@ class data extends filter { | ... | @@ -22,7 +23,7 @@ class data extends filter { |
| 22 | }, | 23 | }, |
| 23 | { | 24 | { |
| 24 | label: "登记类型", | 25 | label: "登记类型", |
| 25 | width: 100, | 26 | minWidth: 100, |
| 26 | render: (h, scope) => { | 27 | render: (h, scope) => { |
| 27 | return ( | 28 | return ( |
| 28 | <div> | 29 | <div> |
| ... | @@ -33,11 +34,13 @@ class data extends filter { | ... | @@ -33,11 +34,13 @@ class data extends filter { |
| 33 | }, | 34 | }, |
| 34 | { | 35 | { |
| 35 | label: "不动产单元号", | 36 | label: "不动产单元号", |
| 36 | prop: "BDCDYH" | 37 | prop: "BDCDYH", |
| 38 | minWidth: 150, | ||
| 37 | }, | 39 | }, |
| 38 | { | 40 | { |
| 39 | label: "不动产登记证明号", | 41 | label: "不动产登记证明号", |
| 40 | prop: "BDCDJZMH" | 42 | prop: "BDCDJZMH", |
| 43 | minWidth: 150, | ||
| 41 | }, | 44 | }, |
| 42 | { | 45 | { |
| 43 | label: "登记时间", | 46 | label: "登记时间", | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-13 14:37:10 | 4 | * @LastEditTime: 2023-03-17 15:18:00 |
| 5 | */ | 5 | */ |
| 6 | 6 | ||
| 7 | import filter from '@/utils/filter.js' | 7 | import filter from '@/utils/filter.js' |
| ... | @@ -45,7 +45,7 @@ class data extends filter { | ... | @@ -45,7 +45,7 @@ class data extends filter { |
| 45 | { | 45 | { |
| 46 | label: "不动产权证号", | 46 | label: "不动产权证号", |
| 47 | prop: "BDCQZH", | 47 | prop: "BDCQZH", |
| 48 | width: 150 | 48 | minWidth: 150 |
| 49 | }, | 49 | }, |
| 50 | { | 50 | { |
| 51 | label: "权利人", | 51 | label: "权利人", | ... | ... |
| ... | @@ -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 | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-16 13:44:11 | 4 | * @LastEditTime: 2023-03-17 15:10:43 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | class data extends filter { | 7 | class data extends filter { |
| ... | @@ -75,7 +75,7 @@ class data extends filter { | ... | @@ -75,7 +75,7 @@ class data extends filter { |
| 75 | }, | 75 | }, |
| 76 | { | 76 | { |
| 77 | prop: "rectypeName", | 77 | prop: "rectypeName", |
| 78 | minWidth: 240, | 78 | minWidth: 210, |
| 79 | label: "业务名称", | 79 | label: "业务名称", |
| 80 | render: (h, scope) => { | 80 | render: (h, scope) => { |
| 81 | return ( | 81 | return ( | ... | ... |
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 | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-13 14:39:14 | 4 | * @LastEditTime: 2023-03-17 15:11:13 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -31,17 +31,17 @@ class data extends filter { | ... | @@ -31,17 +31,17 @@ class data extends filter { |
| 31 | { | 31 | { |
| 32 | prop: "areacode", | 32 | prop: "areacode", |
| 33 | label: "行政区代码", | 33 | label: "行政区代码", |
| 34 | width: 90, | 34 | minWidth: 90, |
| 35 | }, | 35 | }, |
| 36 | { | 36 | { |
| 37 | prop: "areaName", | 37 | prop: "areaName", |
| 38 | label: "行政区名称", | 38 | label: "行政区名称", |
| 39 | width: 90, | 39 | minWidth: 90, |
| 40 | }, | 40 | }, |
| 41 | { | 41 | { |
| 42 | prop: "bizMsgid", | 42 | prop: "bizMsgid", |
| 43 | label: "业务报文ID", | 43 | label: "业务报文ID", |
| 44 | width: 150, | 44 | minWidth: 150, |
| 45 | }, | 45 | }, |
| 46 | { | 46 | { |
| 47 | prop: "createdate", | 47 | prop: "createdate", |
| ... | @@ -51,22 +51,22 @@ class data extends filter { | ... | @@ -51,22 +51,22 @@ class data extends filter { |
| 51 | { | 51 | { |
| 52 | prop: "recflowid", | 52 | prop: "recflowid", |
| 53 | label: "业务流水号", | 53 | label: "业务流水号", |
| 54 | width: 100, | 54 | minWidth: 100, |
| 55 | }, | 55 | }, |
| 56 | { | 56 | { |
| 57 | prop: "estatenum", | 57 | prop: "estatenum", |
| 58 | label: "不动产单元号", | 58 | label: "不动产单元号", |
| 59 | width: 150, | 59 | minWidth: 150, |
| 60 | }, | 60 | }, |
| 61 | { | 61 | { |
| 62 | prop: "rectype", | 62 | prop: "rectype", |
| 63 | label: "业务编码", | 63 | label: "业务编码", |
| 64 | width: 90, | 64 | minWidth: 90, |
| 65 | }, | 65 | }, |
| 66 | { | 66 | { |
| 67 | prop: "rectypeName", | 67 | prop: "rectypeName", |
| 68 | label: "业务名称", | 68 | label: "业务名称", |
| 69 | minWidth: 240, | 69 | minWidth: 190, |
| 70 | }, | 70 | }, |
| 71 | { | 71 | { |
| 72 | prop: "exchangeDate", | 72 | prop: "exchangeDate", | ... | ... |
| ... | @@ -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; | ... | ... |
| ... | @@ -506,7 +506,6 @@ | ... | @@ -506,7 +506,6 @@ |
| 506 | </script> | 506 | </script> |
| 507 | <style scoped lang="scss"> | 507 | <style scoped lang="scss"> |
| 508 | @import "~@/styles/mixin.scss"; | 508 | @import "~@/styles/mixin.scss"; |
| 509 | |||
| 510 | // @import "~@/styles/public.scss"; | 509 | // @import "~@/styles/public.scss"; |
| 511 | 510 | ||
| 512 | /deep/.el-button.is-disabled.el-button--text { | 511 | /deep/.el-button.is-disabled.el-button--text { | ... | ... |
| ... | @@ -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> | ... | ... |
| ... | @@ -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> | ... | ... |
-
Please register or sign in to post a comment