Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
04e25ae1 by 任超
Options

style:样式的整改

1 parent acca3b99
Inline Side-by-side
Showing 49 changed files with 718 additions and 718 deletions
1 ### 1 ###
2 # @Description: 2 # @Description:
3 # @Autor: renchao 3 # @Autor: renchao
4 # @LastEditTime: 2023-03-02 15:44:12 4 # @LastEditTime: 2023-03-20 13:18:03
5 ### 5 ###
6 # just a flag 6 # just a flag
7 ENV = 'development' 7 ENV = 'development'
......
1 { 1 {
2 "TITLE": "汉中市数据上报系统" 2 "TITLE": "汉中市数据上报系统",
3 "THEME": "jg"
3 } 4 }
...\ 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-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%;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-16 11:15:48 4 * @LastEditTime: 2023-03-20 14:22:35
5 --> 5 -->
6 <template> 6 <template>
7 <div class="app-wrapper jgWrapper"> 7 <div class="app-wrapper jgWrapper">
......
...@@ -21,224 +21,229 @@ ...@@ -21,224 +21,229 @@
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 },
31 computed: { 31 computed: {
32 ...mapGetters(['sidebar', 'avatar', 'name']) 32 ...mapGetters(['sidebar', 'avatar', 'name'])
33 },
34 data () {
35 return {
36 title: defaultSettings.title
37 }
38 },
39 methods: {
40 handleDataView () {
41 const { href } = this.$router.resolve('/dataView');
42 window.open(href, '_blank');
33 }, 43 },
34 data () { 44 themeChange (val) {
35 return { 45 this.$store.dispatch('app/updateTheme', val)
36 title: defaultSettings.title
37 }
38 }, 46 },
39 methods: { 47 handleCommand (command) {
40 handleDataView () { 48 if (command == 'a') {
41 const { href } = this.$router.resolve('/dataView'); 49 } else {
42 window.open(href, '_blank');
43 },
44 themeChange (val) {
45 this.$store.dispatch('app/updateTheme', val)
46 },
47 handleCommand (command) {
48 if (command == 'a') {
49 } else {
50 50
51 }
52 } 51 }
53 } 52 }
54 } 53 }
54 }
55 </script> 55 </script>
56 <style lang="scss" scoped> 56 <style lang="scss" scoped>
57 .navbar-con { 57 @import "~@/styles/_handle.scss";
58 position: relative;
59 58
60 .logo { 59 .navbar-con {
61 color: #fff; 60 position: relative;
62 font-size: 26px; 61
63 font-weight: 700; 62 .logo {
64 display: flex; 63 color: #fff;
65 img { 64 font-size: 26px;
66 width: 47px; 65 font-weight: 700;
67 height: 47px; 66 display: flex;
68 } 67
69 h4 { 68 img {
70 margin-left: 20px; 69 width: 47px;
71 height: 50px; 70 height: 47px;
72 line-height: 50px; 71 }
73 } 72
73 h4 {
74 margin-left: 20px;
75 height: 50px;
76 line-height: 50px;
74 } 77 }
75 } 78 }
79 }
80
81 .NoticeBar {
82 position: absolute;
83 bottom: 0;
84 }
85
86 .el-dropdown-menu {
87 padding: 0 !important;
88 border: 1px solid #ebeef5;
89 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
90 border-radius: 4px 0 0 4px 4px;
91
92 .el-dropdown-menu__item {
93 text-align: center;
94 margin-top: 0 !important;
95 font-size: 14px;
96 font-weight: 400;
97 color: #4a4a4a;
98 width: 140px;
99 height: 36px;
100 line-height: 36px;
101 }
76 102
77 .NoticeBar { 103 .el-dropdown-menu__item:nth-child(6) {
78 position: absolute; 104 border-top: 1px solid #ebeef5;
79 bottom: 0;
80 } 105 }
81 106
82 .el-dropdown-menu { 107 .popper__arrow {
83 padding: 0 !important; 108 top: -11px !important;
84 border: 1px solid #ebeef5; 109 left: 110px !important;
85 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); 110 transform: rotate(0deg) scale(2);
86 border-radius: 4px 0 0 4px 4px; 111 }
87
88 .el-dropdown-menu__item {
89 text-align: center;
90 margin-top: 0 !important;
91 font-size: 14px;
92 font-family: PingFangSC-Regular, PingFang SC;
93 font-weight: 400;
94 color: #4a4a4a;
95 width: 140px;
96 height: 36px;
97 line-height: 36px;
98 }
99 112
100 .el-dropdown-menu__item:nth-child(6) { 113 .el-dropdown-menu__item:not(.is-disabled):hover,
101 border-top: 1px solid #ebeef5; 114 .el-dropdown-menu__item:focus {
102 } 115 background: #f6f7f9;
116 color: #4a4a4a;
117 }
118 }
103 119
104 .popper__arrow { 120 .navbar {
105 top: -11px !important; 121 height: $headerHeight;
106 left: 110px !important; 122 overflow: hidden;
107 transform: rotate(0deg) scale(2); 123 position: relative;
108 } 124 @include background_color("navbg");
109 125
110 .el-dropdown-menu__item:not(.is-disabled):hover, 126 display: flex;
111 .el-dropdown-menu__item:focus { 127 align-items: center;
112 background: #f6f7f9; 128 padding-right: 20px;
113 color: #4a4a4a; 129 justify-content: space-between;
114 } 130
131 .header-logo {
132 width: 300px;
115 } 133 }
116 134
117 .navbar { 135 .backdrop {
136 flex: 1;
137 width: 60%;
138 background-size: 100% 100%;
118 height: $headerHeight; 139 height: $headerHeight;
119 overflow: hidden;
120 position: relative;
121 background: linear-gradient(270deg, #ebf1ff 0%, #3d59c4 100%);
122 display: flex; 140 display: flex;
123 align-items: center; 141 align-items: center;
124 padding-right: 20px; 142 }
125 justify-content: space-between;
126 .header-logo {
127 width: 300px;
128 }
129 143
130 .backdrop { 144 .hamburger-container {
131 flex: 1; 145 line-height: 43px;
132 width: 60%; 146 height: 100%;
133 background-size: 100% 100%; 147 float: left;
134 height: $headerHeight; 148 cursor: pointer;
135 display: flex; 149 transition: background 0.3s;
136 align-items: center; 150 -webkit-tap-highlight-color: transparent;
151
152 &:hover {
153 background: rgba(0, 0, 0, 0.025);
137 } 154 }
155 }
138 156
139 .hamburger-container { 157 .breadcrumb-container {
140 line-height: 43px; 158 float: left;
141 height: 100%; 159 }
142 float: left;
143 cursor: pointer;
144 transition: background 0.3s;
145 -webkit-tap-highlight-color: transparent;
146 160
147 &:hover { 161 .right-menu {
148 background: rgba(0, 0, 0, 0.025); 162 float: right;
149 } 163 height: 100%;
164 line-height: 50px;
165 display: flex;
166 align-items: center;
167
168 .function {
169 margin: 0 15px;
170 cursor: pointer;
150 } 171 }
151 172
152 .breadcrumb-container { 173 .shutdown {
153 float: left; 174 font-size: 20px;
175 margin-left: 15px;
176 cursor: pointer;
154 } 177 }
155 178
156 .right-menu { 179 .organization-item {
157 float: right; 180 margin-right: 40px;
158 height: 100%; 181 margin-top: -40px !important;
159 line-height: 50px; 182 }
160 display: flex;
161 align-items: center;
162 183
163 .function { 184 .item {
164 margin: 0 15px; 185 margin-right: 40px;
186 margin-top: -20px;
187 line-height: 18.4px;
188 cursor: pointer;
189 position: relative;
190
191 .item-box {
192 position: absolute;
193 top: -5px;
194 left: 3px;
195 width: 100%;
196 min-width: 25px;
197 height: 25px;
165 cursor: pointer; 198 cursor: pointer;
199 z-index: 100;
166 } 200 }
201 }
167 202
168 .shutdown { 203 &:focus {
169 font-size: 20px; 204 outline: none;
170 margin-left: 15px; 205 }
171 cursor: pointer;
172 }
173 206
174 .organization-item { 207 .right-menu-item {
175 margin-right: 40px; 208 display: inline-block;
176 margin-top: -40px !important; 209 height: 100%;
177 } 210 font-size: 18px;
211 color: #fff;
212 vertical-align: text-bottom;
178 213
179 .item { 214 &.hover-effect {
180 margin-right: 40px;
181 margin-top: -20px;
182 line-height: 18.4px;
183 cursor: pointer; 215 cursor: pointer;
184 position: relative; 216 transition: background 0.3s;
185 217 display: flex;
186 .item-box { 218 align-items: center;
187 position: absolute;
188 top: -5px;
189 left: 3px;
190 width: 100%;
191 min-width: 25px;
192 height: 25px;
193 cursor: pointer;
194 z-index: 100;
195 }
196 }
197
198 &:focus {
199 outline: none;
200 }
201 219
202 .right-menu-item { 220 &:hover {
203 display: inline-block; 221 background: rgba(0, 0, 0, 0.025);
204 height: 100%;
205 font-size: 18px;
206 color: #fff;
207 vertical-align: text-bottom;
208
209 &.hover-effect {
210 cursor: pointer;
211 transition: background 0.3s;
212 display: flex;
213 align-items: center;
214
215 &:hover {
216 background: rgba(0, 0, 0, 0.025);
217 }
218 } 222 }
219 } 223 }
224 }
220 225
221 .avatar-wrapper { 226 .avatar-wrapper {
222 position: relative; 227 position: relative;
223 display: flex; 228 display: flex;
224 height: 40px; 229 height: 40px;
225 align-items: center; 230 align-items: center;
226 231
227 .user-avatar { 232 .user-avatar {
228 cursor: pointer; 233 cursor: pointer;
229 width: 35px; 234 width: 35px;
230 height: 35px; 235 height: 35px;
231 border-radius: 50%; 236 border-radius: 50%;
232 } 237 }
233 238
234 .el-icon-caret-bottom { 239 .el-icon-caret-bottom {
235 cursor: pointer; 240 cursor: pointer;
236 position: absolute; 241 position: absolute;
237 right: -15px; 242 right: -15px;
238 top: 17px; 243 top: 17px;
239 font-size: 12px; 244 font-size: 12px;
240 }
241 } 245 }
242 } 246 }
243 } 247 }
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();
......
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
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,13 +376,15 @@ aside { ...@@ -376,13 +376,15 @@ aside {
376 border-radius: 16px; 376 border-radius: 16px;
377 color: #b0e4dd; 377 color: #b0e4dd;
378 } 378 }
379 .configurationbtnColor:hover { 379
380 .configurationbtnColor:hover {
380 width: 64px; 381 width: 64px;
381 height: 28px; 382 height: 28px;
382 background: rgba(255, 255, 255, 0.2); 383 background: rgba(255, 255, 255, 0.2);
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,13 +392,15 @@ aside { ...@@ -390,13 +392,15 @@ aside {
390 border-radius: 16px; 392 border-radius: 16px;
391 color: #A5CBDA; 393 color: #A5CBDA;
392 } 394 }
393 .resetbtnColor:hover { 395
396 .resetbtnColor:hover {
394 width: 64px; 397 width: 64px;
395 height: 28px; 398 height: 28px;
396 background: rgba(255, 255, 255, 0.2); 399 background: rgba(255, 255, 255, 0.2);
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;
...@@ -513,4 +518,4 @@ aside { ...@@ -513,4 +518,4 @@ aside {
513 @font-face { 518 @font-face {
514 font-family: AliBold; 519 font-family: AliBold;
515 src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') 520 src: url('../image/font/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf')
516 } 521 }
...\ No newline at end of file ...\ No newline at end of file
......
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
......
...@@ -340,5 +340,4 @@ ...@@ -340,5 +340,4 @@
340 word-break: break-all; 340 word-break: break-all;
341 line-height: 20px; 341 line-height: 20px;
342 flex: 1; 342 flex: 1;
343
344 }
...\ No newline at end of file ...\ No newline at end of file
343 }
......
1 .scWrapper { 1 @import "~@/styles/_handle.scss";
2 .main-container {
3 width: 100%;
4 height: calc(100% - 74px);
5 transition: margin-left 0.28s;
6 display: flex;
7 }
8
9 .sidebar-container {
10 transition: width 0.28s;
11 width: $sideBarWidth !important;
12 font-size: 0px;
13 margin-right: 15px;
14 background: #121F41;
15
16 .horizontal-collapse-transition {
17 transition: 0s width ease-in-out, 0s padding-left ease-in-out,
18 0s padding-right ease-in-out;
19 }
20 2
21 .scrollbar-wrapper { 3 .main-container {
22 overflow-x: hidden !important; 4 width: 100%;
23 margin-right: 0 !important; 5 height: calc(100% - 74px);
6 transition: margin-left 0.28s;
7 display: flex;
8 }
24 9
25 &::-webkit-scrollbar { 10 .sidebar-container {
26 display: none; 11 transition: width 0.28s;
27 } 12 width: $sideBarWidth !important;
28 } 13 font-size: 0px;
14 margin-right: 15px;
15 @include background_color("menuBg");
29 16
30 a { 17 .horizontal-collapse-transition {
31 display: inline-block; 18 transition: 0s width ease-in-out, 0s padding-left ease-in-out,
32 width: 100%; 19 0s padding-right ease-in-out;
33 overflow: hidden; 20 }
34 }
35 21
36 .svg-icon { 22 .scrollbar-wrapper {
37 margin-right: 5px; 23 overflow-x: hidden !important;
38 } 24 margin-right: 0 !important;
39 25
40 .sub-el-icon { 26 &::-webkit-scrollbar {
41 margin-right: 12px; 27 display: none;
42 margin-left: -2px;
43 }
44
45 .el-menu {
46 background-color: transparent !important;
47 border: none;
48 height: 100%;
49 width: 100% !important;
50 } 28 }
29 }
51 30
52 // menu hover 31 a {
53 .el-menu--collapse .el-submenu__title, 32 display: inline-block;
54 .el-menu--collapse .submenu-title-noDropdown { 33 width: 100%;
55 margin-left: 0px !important; 34 overflow: hidden;
56 } 35 }
57 36
58 // 有子级 37 .svg-icon {
59 .el-submenu__title { 38 margin-right: 5px;
60 padding-left: 10px !important; 39 }
61 color: $menuText;
62 height: 42px;
63 background: linear-gradient(90deg, #013874 0%, #081B56 100%);
64 margin-bottom: 8px;
65 40
66 &:hover { 41 .sub-el-icon {
67 color: $subMenuActiveText !important; 42 margin-right: 12px;
68 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); 43 margin-left: -2px;
44 }
69 45
70 .svg-icon, 46 .el-menu {
71 i, 47 background-color: transparent !important;
72 span { 48 border: none;
73 color: $subMenuActiveText !important; 49 height: 100%;
74 } 50 width: 100% !important;
75 } 51 }
76 }
77 52
78 // 没有子级 53 // menu hover
79 .submenu-title-noDropdown { 54 .el-menu--collapse .el-submenu__title,
80 color: $menuText; 55 .el-menu--collapse .submenu-title-noDropdown {
81 padding-left: 20px; 56 margin-left: 0px !important;
82 margin-bottom: 8px; 57 }
83 background: linear-gradient(90deg, #013874 0%, #081B56 100%);
84 58
85 &:hover { 59 // 有子级
86 color: $menuActiveText !important; 60 .el-submenu__title {
87 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); 61 padding-left: 10px !important;
62 @include font_color("menuText");
63 height: 42px;
64 background: linear-gradient(90deg, #013874 0%, #081B56 100%);
65 margin-bottom: 8px;
88 66
89 .svg-icon { 67 &:hover {
90 color: #1ea6f8 !important; 68 color: $subMenuActiveText !important;
91 } 69 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
92 70
93 i { 71 .svg-icon,
94 color: #1ea6f8 !important; 72 i,
95 } 73 span {
74 color: $subMenuActiveText !important;
96 } 75 }
97 } 76 }
77 }
98 78
99 .submenu-title-noDropdown.is-active, 79 // 没有子级
100 .el-submenu__title.is-active { 80 .submenu-title-noDropdown {
101 color: $menuActiveText; 81 @include font_color("menuText");
102 background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%); 82 padding-left: 20px;
83 margin-bottom: 8px;
84
85 &:hover {
86 @include font_color("menuActiveText");
87 @include background("menuActive");
103 88
104 .svg-icon { 89 .svg-icon {
105 color: #1ea6f8 !important; 90 color: #1ea6f8 !important;
...@@ -109,149 +94,163 @@ ...@@ -109,149 +94,163 @@
109 color: #1ea6f8 !important; 94 color: #1ea6f8 !important;
110 } 95 }
111 } 96 }
97 }
112 98
113 .submenu-title-noDropdown, 99 .submenu-title-noDropdown.is-active,
114 .el-submenu__title { 100 .el-submenu__title.is-active {
115 font-weight: 600; 101 @include background("menuActive");
116 font-size: $sideBarFontSize; 102 @include font_color("menuActiveText");
117 103
118 // margin: 0 10px; 104 .svg-icon {
119 >i { 105 color: #1ea6f8 !important;
120 color: $subMenuActiveText !important; 106 }
121 transform: rotate(90deg);
122 -webkit-transform: rotate(90deg);
123 -moz-transform: rotate(90deg);
124 -ms-transform: rotate(90deg);
125 -o-transform: rotate(90deg);
126 margin-right: 10px;
127 }
128 107
129 .svg-icon { 108 i {
130 font-size: 18px; 109 color: #1ea6f8 !important;
131 margin-top: -5px;
132 }
133 } 110 }
111 }
134 112
135 .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow { 113 .submenu-title-noDropdown,
136 transform: rotateZ(0deg) !important; 114 .el-submenu__title {
137 -webkit-transform: rotateZ(0deg) !important; 115 font-weight: 600;
138 -moz-transform: rotateZ(0deg) !important; 116 font-size: $sideBarFontSize;
139 -ms-transform: rotateZ(0deg) !important; 117
140 -o-transform: rotateZ(0deg) !important; 118 // margin: 0 10px;
119 >i {
120 color: $subMenuActiveText !important;
121 transform: rotate(90deg);
122 -webkit-transform: rotate(90deg);
123 -moz-transform: rotate(90deg);
124 -ms-transform: rotate(90deg);
125 -o-transform: rotate(90deg);
126 margin-right: 10px;
141 } 127 }
142 128
143 .is-active>.el-submenu__title { 129 .svg-icon {
144 color: #fff !important; 130 font-size: 18px;
131 margin-top: -5px;
145 } 132 }
133 }
146 134
147 & .nest-menu .el-submenu>.el-submenu__title, 135 .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
148 & .el-submenu .el-menu-item { 136 transform: rotateZ(0deg) !important;
149 &.is-active { 137 -webkit-transform: rotateZ(0deg) !important;
150 background-color: $subMenuHover !important; 138 -moz-transform: rotateZ(0deg) !important;
151 color: $menuActiveText !important; 139 -ms-transform: rotateZ(0deg) !important;
152 } 140 -o-transform: rotateZ(0deg) !important;
141 }
153 142
154 &:hover { 143 .is-active>.el-submenu__title {
155 background-color: $subMenuHover !important; 144 color: #fff !important;
156 color: $menuActiveText !important; 145 }
157 }
158 146
159 min-width: 130px !important; 147 & .nest-menu .el-submenu>.el-submenu__title,
160 background-color: transparent !important; 148 & .el-submenu .el-menu-item {
161 font-weight: 600; 149 &.is-active {
162 font-size: $sideBarFontSize; 150 background-color: $subMenuHover !important;
163 margin: 0 10px; 151 color: $menuActiveText !important;
164 // border-radius: 6px;
165 } 152 }
166 }
167 153
168 .hideSidebar { 154 &:hover {
169 .sidebar-container { 155 background-color: $subMenuHover !important;
170 width: 54px !important; 156 color: $menuActiveText !important;
171 } 157 }
172 158
173 .submenu-title-noDropdown { 159 min-width: 130px !important;
174 padding: 0 !important; 160 background-color: transparent !important;
175 position: relative; 161 font-weight: 600;
162 font-size: $sideBarFontSize;
163 margin: 0 10px;
164 // border-radius: 6px;
165 }
166 }
176 167
177 .el-tooltip { 168 .hideSidebar {
178 padding: 0 !important; 169 .sidebar-container {
170 width: 54px !important;
171 }
179 172
180 .svg-icon { 173 .submenu-title-noDropdown {
181 margin-left: 16px; 174 padding: 0 !important;
182 } 175 position: relative;
183 176
184 .sub-el-icon { 177 .el-tooltip {
185 margin-left: 19px; 178 padding: 0 !important;
186 } 179
180 .svg-icon {
181 margin-left: 16px;
182 }
183
184 .sub-el-icon {
185 margin-left: 19px;
187 } 186 }
188 } 187 }
188 }
189 189
190 .el-submenu { 190 .el-submenu {
191 overflow: hidden; 191 overflow: hidden;
192 192
193 &>.el-submenu__title { 193 &>.el-submenu__title {
194 padding: 0 !important; 194 padding: 0 !important;
195 195
196 .svg-icon { 196 .svg-icon {
197 margin-left: 16px; 197 margin-left: 16px;
198 } 198 }
199 199
200 .sub-el-icon { 200 .sub-el-icon {
201 margin-left: 19px; 201 margin-left: 19px;
202 } 202 }
203 203
204 .el-submenu__icon-arrow { 204 .el-submenu__icon-arrow {
205 display: none; 205 display: none;
206 }
207 } 206 }
208 } 207 }
208 }
209 209
210 .el-menu--collapse { 210 .el-menu--collapse {
211 .el-submenu { 211 .el-submenu {
212 &>.el-submenu__title { 212 &>.el-submenu__title {
213 &>span { 213 &>span {
214 height: 0; 214 height: 0;
215 width: 0; 215 width: 0;
216 overflow: hidden; 216 overflow: hidden;
217 visibility: hidden; 217 visibility: hidden;
218 display: inline-block; 218 display: inline-block;
219 }
220 } 219 }
221 } 220 }
222 } 221 }
223 } 222 }
223 }
224
225 .el-menu--collapse .el-menu .el-submenu {
226 min-width: $sideBarWidth !important;
227 }
224 228
225 .el-menu--collapse .el-menu .el-submenu { 229 // mobile responsive
226 min-width: $sideBarWidth !important; 230 .mobile {
231 .main-container {
232 margin-left: 0px;
227 } 233 }
228 234
229 // mobile responsive 235 .sidebar-container {
230 .mobile { 236 transition: transform 0.28s;
231 .main-container { 237 width: $sideBarWidth !important;
232 margin-left: 0px; 238 }
233 }
234 239
240 &.hideSidebar {
235 .sidebar-container { 241 .sidebar-container {
236 transition: transform 0.28s; 242 pointer-events: none;
237 width: $sideBarWidth !important; 243 transition-duration: 0.3s;
238 } 244 transform: translate3d(-$sideBarWidth, 0, 0);
239
240 &.hideSidebar {
241 .sidebar-container {
242 pointer-events: none;
243 transition-duration: 0.3s;
244 transform: translate3d(-$sideBarWidth, 0, 0);
245 }
246 } 245 }
247 } 246 }
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 }
255 } 254 }
256 } 255 }
257 256
...@@ -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) {
......
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 }
...@@ -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>
...@@ -159,7 +149,4 @@ export default { ...@@ -159,7 +149,4 @@ export default {
159 } 149 }
160 } 150 }
161 } 151 }
162 </script> 152 </script>
163 <style scoped lang="scss">
164 // @import "~@/styles/public.scss";
165 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -150,8 +150,3 @@ export default { ...@@ -150,8 +150,3 @@ export default {
150 } 150 }
151 } 151 }
152 </script> 152 </script>
153 <style scoped lang="scss">
154 // 引入表单整体样式
155 // @import "~@/styles/public.scss";
156 </style>
157
......
...@@ -158,7 +158,4 @@ ...@@ -158,7 +158,4 @@
158 } 158 }
159 } 159 }
160 } 160 }
161 </script> 161 </script>
162 <style scoped lang="scss">
163 // @import "~@/styles/public.scss";
164 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -169,6 +169,3 @@ export default { ...@@ -169,6 +169,3 @@ export default {
169 } 169 }
170 } 170 }
171 </script> 171 </script>
172 <style scoped lang="scss">
173 // @import "~@/styles/public.scss";
174 </style>
......
...@@ -135,6 +135,3 @@ export default { ...@@ -135,6 +135,3 @@ export default {
135 } 135 }
136 } 136 }
137 </script> 137 </script>
138 <style scoped lang="scss">
139 // @import "~@/styles/public.scss";
140 </style>
......
...@@ -201,6 +201,3 @@ export default { ...@@ -201,6 +201,3 @@ export default {
201 } 201 }
202 } 202 }
203 </script> 203 </script>
204 <style scoped lang="scss">
205 // @import "~@/styles/public.scss";
206 </style>
......
...@@ -151,6 +151,3 @@ export default { ...@@ -151,6 +151,3 @@ export default {
151 } 151 }
152 } 152 }
153 </script> 153 </script>
154 <style scoped lang="scss">
155 // @import "~@/styles/public.scss";
156 </style>
......
...@@ -157,7 +157,4 @@ export default { ...@@ -157,7 +157,4 @@ export default {
157 } 157 }
158 } 158 }
159 </script> 159 </script>
160 <style scoped lang="scss">
161 // @import "~@/styles/public.scss";
162 </style>
163 160
......
...@@ -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>
......
...@@ -143,6 +143,3 @@ export default { ...@@ -143,6 +143,3 @@ export default {
143 } 143 }
144 } 144 }
145 </script> 145 </script>
146 <style scoped lang="scss">
147 // @import "~@/styles/public.scss";
148 </style>
......
...@@ -148,6 +148,3 @@ export default { ...@@ -148,6 +148,3 @@ export default {
148 } 148 }
149 } 149 }
150 </script> 150 </script>
151 <style scoped lang="scss">
152 // @import "~@/styles/public.scss";
153 </style>
......
...@@ -145,6 +145,3 @@ export default { ...@@ -145,6 +145,3 @@ export default {
145 } 145 }
146 } 146 }
147 </script> 147 </script>
148 <style scoped lang="scss">
149 // @import "~@/styles/public.scss";
150 </style>
......
...@@ -158,7 +158,3 @@ export default { ...@@ -158,7 +158,3 @@ export default {
158 } 158 }
159 } 159 }
160 </script> 160 </script>
161 <style scoped lang="scss">
162 // 引入表单整体样式
163 // @import "~@/styles/public.scss";
164 </style>
......
...@@ -150,6 +150,3 @@ export default { ...@@ -150,6 +150,3 @@ export default {
150 } 150 }
151 } 151 }
152 </script> 152 </script>
153 <style scoped lang="scss">
154 // @import "~@/styles/public.scss";
155 </style>
......
...@@ -143,6 +143,3 @@ export default { ...@@ -143,6 +143,3 @@ export default {
143 } 143 }
144 } 144 }
145 </script> 145 </script>
146 <style scoped lang="scss">
147 // @import "~@/styles/public.scss";
148 </style>
......
...@@ -321,8 +321,6 @@ ...@@ -321,8 +321,6 @@
321 }; 321 };
322 </script> 322 </script>
323 <style scoped lang="scss"> 323 <style scoped lang="scss">
324 // @import "~@/styles/public.scss";
325
326 .jktjDetail { 324 .jktjDetail {
327 height: 100%; 325 height: 100%;
328 display: flex; 326 display: flex;
...@@ -359,6 +357,4 @@ ...@@ -359,6 +357,4 @@
359 } 357 }
360 } 358 }
361 </style> 359 </style>
362 <style scoped lang="scss"> 360
363 // @import "~@/styles/public.scss";
364 </style>
......
...@@ -286,8 +286,6 @@ ...@@ -286,8 +286,6 @@
286 }; 286 };
287 </script> 287 </script>
288 <style scoped lang="scss"> 288 <style scoped lang="scss">
289 // @import "~@/styles/public.scss";
290
291 .jktjDetail { 289 .jktjDetail {
292 height: 100%; 290 height: 100%;
293 display: flex; 291 display: flex;
...@@ -320,6 +318,3 @@ ...@@ -320,6 +318,3 @@
320 } 318 }
321 } 319 }
322 </style> 320 </style>
323 <style scoped lang="scss">
324 // @import "~@/styles/public.scss";
325 </style>
......
...@@ -214,8 +214,6 @@ ...@@ -214,8 +214,6 @@
214 }; 214 };
215 </script> 215 </script>
216 <style scoped lang="scss"> 216 <style scoped lang="scss">
217 // @import "~@/styles/public.scss";
218
219 .jktjDetail { 217 .jktjDetail {
220 height: 100%; 218 height: 100%;
221 display: flex; 219 display: flex;
...@@ -248,6 +246,3 @@ ...@@ -248,6 +246,3 @@
248 } 246 }
249 } 247 }
250 </style> 248 </style>
251 <style scoped lang="scss">
252 // @import "~@/styles/public.scss";
253 </style>
......
1 <!-- 1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-20 14:45:57
5 -->
6 <!--
2 功能：结果 7 功能：结果
3 作者：calliope 8 作者：calliope
4 --> 9 -->
...@@ -38,8 +43,6 @@ export default { ...@@ -38,8 +43,6 @@ export default {
38 } 43 }
39 </script> 44 </script>
40 <style scoped lang='scss'> 45 <style scoped lang='scss'>
41 @import '~@/styles/public.scss';
42
43 .result { 46 .result {
44 padding: 15px; 47 padding: 15px;
45 48
......
...@@ -99,205 +99,200 @@ ...@@ -99,205 +99,200 @@
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 // 注册组件
116 components: { 116 components: {
117 dataDetails, 117 dataDetails,
118 }, 118 },
119 data () { 119 data () {
120 return { 120 return {
121 121
122 pickerOptionsStart: { 122 pickerOptionsStart: {
123 disabledDate: (time) => { 123 disabledDate: (time) => {
124 let endDateVal = this.form.receiveEndTime; 124 let endDateVal = this.form.receiveEndTime;
125 if (endDateVal) { 125 if (endDateVal) {
126 return ( 126 return (
127 time.getTime() >= 127 time.getTime() >=
128 new Date(endDateVal).getTime() 128 new Date(endDateVal).getTime()
129 ); 129 );
130 } 130 }
131 },
132 },
133 pickerOptionsEnd: {
134 disabledDate: (time) => {
135 let beginDateVal = this.form.receiveStartTime;
136 if (beginDateVal) {
137 return (
138 time.getTime() <
139 new Date(beginDateVal).getTime()
140 );
141 }
142 },
143 },
144 // 表格数据
145 form: {
146 qxdm: "", // 行政区
147 receiveStartTime: "", // 开始日期
148 receiveEndTime: "", // 结束日期
149 bdcdyh: "", // 不动产单元号
150 ywh: "", // 业务号
151 qllx: "", // 权利类型
152 djlx: "", // 登记类型
153 jcjg: "", // 检查结果
154 rkjg: "", //入库结果
155 currentPage: 1
156 },
157 // 校验规则
158 rules: {
159 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
160 startTime: [
161 { required: true, message: "请选择开始日期", trigger: "change" },
162 ],
163 endTime: [
164 { required: true, message: "请选择结束日期", trigger: "change" },
165 ],
166 bdcdyh: [
167 { required: true, message: "不动产单元号", trigger: "change" },
168 ],
169 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
170 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
171 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
172 },
173 // 表格数据
174 tableData: {
175 // 表格头部
176 columns: [
177 {
178 label: "序号",
179 type: "index",
180 width: "50",
181 index: this.indexMethod,
182 }
183 ]
184 .concat(data.columns())
185 .concat([
186 {
187 label: "操作",
188 width: "90",
189 render: (h, scope) => {
190 return (
191 <div>
192 {
193 scope.row.receiveState == 2 ?
194 <el-button
195 type="text"
196 class='successColor'
197 onClick={() => {
198 this.handleDetails(scope.row);
199 }}
200 >
201 修改
202 </el-button> :
203 <el-button
204 type="text"
205 class='btnColor'
206 onClick={() => {
207 this.handleDetails(scope.row);
208 }}
209 >
210 详情
211 </el-button>
212 }
213 </div>
214 )
215 }
216 }
217 ]),
218 // 表格列表数据
219 total: 0,
220 data: [],
221 },
222 // 分页
223 pageData: {
224 total: 0,
225 pageSize: 10,
226 current: 1
227 }, 131 },
228 title: "",
229 };
230 },
231 methods: {
232 //截止日期变化
233 endTimeChange (val) {
234 this.form.receiveEndTime = timeFormat(new Date(val), true)
235 }, 132 },
236 // 初始化数据 133 pickerOptionsEnd: {
237 queryClick () { 134 disabledDate: (time) => {
238 getReceiveDataReportPage({ ...this.form, ...this.formData }).then( 135 let beginDateVal = this.form.receiveStartTime;
239 (res) => { 136 if (beginDateVal) {
240 if (res.code === 200) { 137 return (
241 let { total, records, current } = res.result; 138 time.getTime() <
242 this.tableData.total = total; 139 new Date(beginDateVal).getTime()
243 this.tableData.data = records ? records : []; 140 );
244 this.pageData.current = current
245 }
246 } 141 }
247 ) 142 },
248 },
249 // 重置
250 resetForm () {
251 this.$refs.ruleForm.resetFields();
252 this.form.currentPage = 1
253 this.queryClick();
254 }, 143 },
255 featchData () { 144 // 表格数据
256 this.queryClick(); 145 form: {
146 qxdm: "", // 行政区
147 receiveStartTime: "", // 开始日期
148 receiveEndTime: "", // 结束日期
149 bdcdyh: "", // 不动产单元号
150 ywh: "", // 业务号
151 qllx: "", // 权利类型
152 djlx: "", // 登记类型
153 jcjg: "", // 检查结果
154 rkjg: "", //入库结果
155 currentPage: 1
257 }, 156 },
258 // 结果 157 // 校验规则
259 handleResult (row) { 158 rules: {
260 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row) 159 pcode: [{ required: true, message: "请选择行政区", trigger: "change" }],
160 startTime: [
161 { required: true, message: "请选择开始日期", trigger: "change" },
162 ],
163 endTime: [
164 { required: true, message: "请选择结束日期", trigger: "change" },
165 ],
166 bdcdyh: [
167 { required: true, message: "不动产单元号", trigger: "change" },
168 ],
169 ywmc: [{ required: true, message: "业务名称", trigger: "change" }],
170 jcjg: [{ required: true, message: "检查结果", trigger: "change" }],
171 rkjg: [{ required: true, message: "入库结果", trigger: "change" }],
261 }, 172 },
262 // 详情 173 // 表格数据
263 handleDetails (row) { 174 tableData: {
264 if (row.rectypeName) { 175 // 表格头部
265 this.title = row.rectypeName 176 columns: [
266 } else { 177 {
267 let Title = '' 178 label: "序号",
268 this.dicData['A21'].map(item => { 179 type: "index",
269 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { 180 width: "50",
270 Title = item.DNAME 181 index: this.indexMethod,
271 return 182 }
272 } 183 ]
273 }) 184 .concat(data.columns())
274 185 .concat([
275 this.dicData['A8'].map(item => { 186 {
276 if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { 187 label: "操作",
277 Title += '-' + item.DNAME 188 width: "90",
278 return 189 render: (h, scope) => {
190 return (
191 <div>
192 {
193 scope.row.receiveState == 2 ?
194 <el-button
195 type="text"
196 class='successColor'
197 onClick={() => {
198 this.handleDetails(scope.row);
199 }}
200 >
201 修改
202 </el-button> :
203 <el-button
204 type="text"
205 class='btnColor'
206 onClick={() => {
207 this.handleDetails(scope.row);
208 }}
209 >
210 详情
211 </el-button>
212 }
213 </div>
214 )
215 }
279 } 216 }
280 }) 217 ]),
281 this.title = Title 218 // 表格列表数据
282 } 219 total: 0,
283 this.$refs.editLog.isShow(row); 220 data: [],
284 if (row.receiveState == 2) {
285 this.$store.dispatch('business/setReportLogEdit')
286 } else {
287 this.$store.dispatch('business/setEdit')
288 }
289 }, 221 },
290 } 222 // 分页
223 pageData: {
224 total: 0,
225 pageSize: 10,
226 current: 1
227 },
228 title: "",
229 };
230 },
231 methods: {
232 //截止日期变化
233 endTimeChange (val) {
234 this.form.receiveEndTime = timeFormat(new Date(val), true)
235 },
236 // 初始化数据
237 queryClick () {
238 getReceiveDataReportPage({ ...this.form, ...this.formData }).then(
239 (res) => {
240 if (res.code === 200) {
241 let { total, records, current } = res.result;
242 this.tableData.total = total;
243 this.tableData.data = records ? records : [];
244 this.pageData.current = current
245 }
246 }
247 )
248 },
249 // 重置
250 resetForm () {
251 this.$refs.ruleForm.resetFields();
252 this.form.currentPage = 1
253 this.queryClick();
254 },
255 featchData () {
256 this.queryClick();
257 },
258 // 结果
259 handleResult (row) {
260 this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row)
261 },
262 // 详情
263 handleDetails (row) {
264 if (row.rectypeName) {
265 this.title = row.rectypeName
266 } else {
267 let Title = ''
268 this.dicData['A21'].map(item => {
269 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) {
270 Title = item.DNAME
271 return
272 }
273 })
274
275 this.dicData['A8'].map(item => {
276 if (item.DCODE == row.QLLX || item.DCODE == row.qllx) {
277 Title += '-' + item.DNAME
278 return
279 }
280 })
281 this.title = Title
282 }
283 this.$refs.editLog.isShow(row);
284 if (row.receiveState == 2) {
285 this.$store.dispatch('business/setReportLogEdit')
286 } else {
287 this.$store.dispatch('business/setEdit')
288 }
289 },
291 } 290 }
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"; 295 margin-bottom: 0px;
296 // 引入当前css 296 }
297 @import "./index.scss";
298 .lastdom:nth-child(3) {
299 margin-bottom: 0px;
300 }
301
302 </style> 297 </style>
303 298
......
...@@ -170,10 +170,7 @@ export default { ...@@ -170,10 +170,7 @@ export default {
170 } 170 }
171 </script> 171 </script>
172 <style scoped lang="scss"> 172 <style scoped lang="scss">
173 // 引入表单整体样式
174 // @import "~@/styles/public.scss";
175 @import "../css/index.scss"; 173 @import "../css/index.scss";
176
177 /deep/th.el-table__cell { 174 /deep/th.el-table__cell {
178 height: 0 !important; 175 height: 0 !important;
179 } 176 }
......
...@@ -155,7 +155,6 @@ export default { ...@@ -155,7 +155,6 @@ export default {
155 </script> 155 </script>
156 <style scoped lang="scss"> 156 <style scoped lang="scss">
157 // 引入表单整体样式 157 // 引入表单整体样式
158 // @import "~@/styles/public.scss";
159 @import "../css/index.scss"; 158 @import "../css/index.scss";
160 159
161 /deep/.el-table thead.is-group th.el-table__cell { 160 /deep/.el-table thead.is-group th.el-table__cell {
......
...@@ -192,7 +192,6 @@ export default { ...@@ -192,7 +192,6 @@ export default {
192 </script> 192 </script>
193 <style scoped lang="scss"> 193 <style scoped lang="scss">
194 // 引入表单整体样式 194 // 引入表单整体样式
195 // @import "~@/styles/public.scss";
196 @import "../css/index.scss"; 195 @import "../css/index.scss";
197 196
198 /deep/.el-table thead.is-group th.el-table__cell { 197 /deep/.el-table thead.is-group th.el-table__cell {
......
...@@ -459,7 +459,6 @@ export default { ...@@ -459,7 +459,6 @@ export default {
459 </script> 459 </script>
460 <style scoped lang="scss"> 460 <style scoped lang="scss">
461 @import "~@/styles/mixin.scss"; 461 @import "~@/styles/mixin.scss";
462 // @import "~@/styles/public.scss";
463 @import "~@/styles/dialogBox.scss"; 462 @import "~@/styles/dialogBox.scss";
464 463
465 464
......
...@@ -358,7 +358,6 @@ export default { ...@@ -358,7 +358,6 @@ export default {
358 }; 358 };
359 </script> 359 </script>
360 <style rel="stylesheet/scss" lang="scss" scoped> 360 <style rel="stylesheet/scss" lang="scss" scoped>
361 // @import "~@/styles/public.scss";
362 361
363 /deep/.el-radio { 362 /deep/.el-radio {
364 margin-right: 5px !important; 363 margin-right: 5px !important;
......
...@@ -129,7 +129,6 @@ export default { ...@@ -129,7 +129,6 @@ export default {
129 }; 129 };
130 </script> 130 </script>
131 <style scoped lang="scss"> 131 <style scoped lang="scss">
132 // @import "~@/styles/public.scss";
133 /deep/.dialogBox .dialog_title { 132 /deep/.dialogBox .dialog_title {
134 top: 0; 133 top: 0;
135 margin-left: 5px; 134 margin-left: 5px;
......
...@@ -68,7 +68,6 @@ ...@@ -68,7 +68,6 @@
68 68
69 <style scoped lang="scss"> 69 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss"; 70 @import "~@/styles/mixin.scss";
71 @import "~@/styles/public.scss";
72 .information { 71 .information {
73 display: flex; 72 display: flex;
74 flex-direction: column; 73 flex-direction: column;
......
...@@ -212,7 +212,6 @@ ...@@ -212,7 +212,6 @@
212 <style scoped lang="scss"> 212 <style scoped lang="scss">
213 @import "~@/styles/mixin.scss"; 213 @import "~@/styles/mixin.scss";
214 214
215 // @import "~@/styles/public.scss";
216 .btnColRight { 215 .btnColRight {
217 height: 30px; 216 height: 30px;
218 .button { 217 .button {
......
...@@ -480,7 +480,6 @@ ...@@ -480,7 +480,6 @@
480 <style scoped lang="scss"> 480 <style scoped lang="scss">
481 @import "~@/styles/mixin.scss"; 481 @import "~@/styles/mixin.scss";
482 482
483 // @import "~@/styles/public.scss";
484 .btnColRight { 483 .btnColRight {
485 height: 30px; 484 height: 30px;
486 .button { 485 .button {
......
...@@ -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>
......