Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
dc92f2eb by renchao@pashanhoo.com
Options

Merge branch 'master' into dev

2 parents bd01f54b 4902817c
Inline Side-by-side
Showing 12 changed files with 426 additions and 391 deletions
1 <!--
2 * @Author: xiaomiao 1158771342@qq.com
3 * @Date: 2023-03-09 15:24:53
4 * @LastEditors: xiaomiao 1158771342@qq.com
5 * @LastEditTime: 2023-04-03 09:04:26
6 * @FilePath: \上报\bdcjg-web\src\components\Button.vue
7 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
8 -->
1 <template> 9 <template>
2 <el-button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType"> 10 <el-button class="button" :disabled="disableds" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
3 <slot></slot> 11 <slot></slot>
4 </el-button> 12 </el-button>
5 </template> 13 </template>
...@@ -11,6 +19,10 @@ ...@@ -11,6 +19,10 @@
11 type: String, 19 type: String,
12 default: 'cx' 20 default: 'cx'
13 }, 21 },
22 disableds: {
23 type: Boolean,
24 default: false
25 }
14 }, 26 },
15 methods: { 27 methods: {
16 handleClick (evt) { 28 handleClick (evt) {
...@@ -20,5 +32,4 @@ ...@@ -20,5 +32,4 @@
20 }; 32 };
21 </script> 33 </script>
22 <style scoped lang="scss"> 34 <style scoped lang="scss">
23
24 </style> 35 </style>
......
...@@ -200,7 +200,7 @@ export default { ...@@ -200,7 +200,7 @@ export default {
200 border-bottom: 1px solid #d8dce5; 200 border-bottom: 1px solid #d8dce5;
201 box-sizing: border-box; 201 box-sizing: border-box;
202 padding-top: 7px; 202 padding-top: 7px;
203 margin-bottom: 7px; 203 margin-bottom: 10px;
204 border-radius: 4px; 204 border-radius: 4px;
205 205
206 .tags-view-wrapper { 206 .tags-view-wrapper {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-03-28 10:14:20 4 * @LastEditTime: 2023-04-03 10:12:39
5 --> 5 -->
6 <template> 6 <template>
7 <div class="app-wrapper"> 7 <div class="app-wrapper">
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
74 } 74 }
75 75
76 .app-content { 76 .app-content {
77 overflow-x: hidden; 77 overflow: hidden;
78 box-sizing: border-box; 78 box-sizing: border-box;
79 flex: 1; 79 flex: 1;
80 width: 100%; 80 width: 100%;
......
...@@ -431,79 +431,6 @@ aside { ...@@ -431,79 +431,6 @@ aside {
431 border-radius: 16px; 431 border-radius: 16px;
432 color: #B06974; 432 color: #B06974;
433 } 433 }
434 // 通过 入库 样式
435 .adopt,
436 .success {
437 color: #00FAA8;
438 position: relative;
439 }
440
441 .warehousing {
442 color: #FFCA57;
443 position: relative;
444 }
445
446 .fail {
447 color: #F56C6C;
448 position: relative;
449 }
450
451
452 .adopt::before {
453 position: absolute;
454 content: '';
455 display: block;
456 width: 8px;
457 height: 8px;
458 left: -15px;
459 top: 5px;
460 background: #00FAA8;
461 border-radius: 50%;
462 border: 2px solid rgba(0, 0, 0, 0.2);
463 }
464
465 .warehousing::before {
466 position: absolute;
467 content: '';
468 display: block;
469 width: 8px;
470 height: 8px;
471 left: -15px;
472 top: 4px;
473 background: #FF9933;
474 border-radius: 50%;
475 border: 2px solid rgba(0, 0, 0, 0.2);
476 }
477
478 // 成功 失败
479 .success::before {
480 position: absolute;
481 content: '√';
482 display: block;
483 width: 0;
484 height: 8px;
485 left: -10px;
486 top: 2px;
487 background: #00FAA8;
488 color: #00FAA8;
489 }
490
491 .fail {
492 color: #FF7962;
493 position: relative;
494 }
495
496 .fail::before {
497 position: absolute;
498 content: '!';
499 display: block;
500 width: 0;
501 height: 8px;
502 left: -10px;
503 top: 2px;
504 background: #FF7962;
505 color: #FF7962;
506 }
507 434
508 // 引入字体 435 // 引入字体
509 @font-face { 436 @font-face {
......
...@@ -63,8 +63,6 @@ ...@@ -63,8 +63,6 @@
63 63
64 // 查询表单样式 64 // 查询表单样式
65 .from-clues { 65 .from-clues {
66
67
68 height: 100%; 66 height: 100%;
69 width: 100%; 67 width: 100%;
70 // min-width: 1280px; 68 // min-width: 1280px;
...@@ -95,7 +93,7 @@ ...@@ -95,7 +93,7 @@
95 .el-input__inner { 93 .el-input__inner {
96 background: #07388B; 94 background: #07388B;
97 border-radius: 2px; 95 border-radius: 2px;
98 color: #7A7A7A !important; 96 color: #E3F1FF !important;
99 border: 1px solid #6BC1FC; 97 border: 1px solid #6BC1FC;
100 } 98 }
101 99
...@@ -232,6 +230,80 @@ ...@@ -232,6 +230,80 @@
232 color: #FFFFFF; 230 color: #FFFFFF;
233 } 231 }
234 232
233 // 通过 入库 样式
234 .adopt,
235 .success {
236 color: #00FAA8;
237 position: relative;
238 }
239
240 .warehousing {
241 color: #FFCA57;
242 position: relative;
243 }
244
245 .fail {
246 color: #F56C6C;
247 position: relative;
248 }
249
250
251 .adopt::before {
252 position: absolute;
253 content: '';
254 display: block;
255 width: 8px;
256 height: 8px;
257 left: -15px;
258 top: 5px;
259 background: #00FAA8;
260 border-radius: 50%;
261 border: 2px solid rgba(0, 0, 0, 0.2);
262 }
263
264 .warehousing::before {
265 position: absolute;
266 content: '';
267 display: block;
268 width: 8px;
269 height: 8px;
270 left: -15px;
271 top: 4px;
272 background: #FF9933;
273 border-radius: 50%;
274 border: 2px solid rgba(0, 0, 0, 0.2);
275 }
276
277 // 成功 失败
278 .success::before {
279 position: absolute;
280 content: '√';
281 display: block;
282 width: 0;
283 height: 8px;
284 left: -10px;
285 top: 2px;
286 background: #00FAA8;
287 color: #00FAA8;
288 }
289
290 .fail {
291 color: #FF7962;
292 position: relative;
293 }
294
295 .fail::before {
296 position: absolute;
297 content: '!';
298 display: block;
299 width: 0;
300 height: 8px;
301 left: -10px;
302 top: 2px;
303 background: #FF7962;
304 color: #FF7962;
305 }
306
235 307
236 //*****end*通用表单查询条件，列表样式******// 308 //*****end*通用表单查询条件，列表样式******//
237 .el-range-separator { 309 .el-range-separator {
...@@ -262,6 +334,19 @@ ...@@ -262,6 +334,19 @@
262 .btnColRight { 334 .btnColRight {
263 box-sizing: border-box; 335 box-sizing: border-box;
264 text-align: right; 336 text-align: right;
337
338
339 .is-disabled,
340 .is-disabled:hover,
341 .is-disabled:focus {
342 cursor: wait;
343 background: url("../image/btn.png") no-repeat 0 0;
344 background-size: cover;
345
346 }
347
348
349
265 } 350 }
266 351
267 352
...@@ -441,6 +526,7 @@ ...@@ -441,6 +526,7 @@
441 } 526 }
442 527
443 // 按钮样式 528 // 按钮样式
529
444 .cx { 530 .cx {
445 background: url("../image/btn.png") no-repeat 0 -34px; 531 background: url("../image/btn.png") no-repeat 0 -34px;
446 background-size: cover; 532 background-size: cover;
...@@ -1322,4 +1408,4 @@ ...@@ -1322,4 +1408,4 @@
1322 height: 44px; 1408 height: 44px;
1323 } 1409 }
1324 } 1410 }
1325 } 1411 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -69,6 +69,23 @@ ...@@ -69,6 +69,23 @@
69 height: calc(100vh - 230px); 69 height: calc(100vh - 230px);
70 } 70 }
71 71
72 // 通过 入库 样式
73 .adopt,
74 .success {
75 color: #0A852A;
76 position: relative;
77 }
78
79 .warehousing {
80 color: #FFCA57;
81 position: relative;
82 }
83
84 .fail {
85 color: #AB0C0C;
86 position: relative;
87 }
88
72 /* --------------进度条美化---------------- */ 89 /* --------------进度条美化---------------- */
73 ::-webkit-scrollbar { 90 ::-webkit-scrollbar {
74 width: 7px; 91 width: 7px;
...@@ -191,25 +208,6 @@ ...@@ -191,25 +208,6 @@
191 208
192 } 209 }
193 210
194 // 面包屑
195 // .breadcrumb {
196 // width: 80%;
197 // text-indent: 10px;
198 // background: url("~@/image/breadcrumb.png") no-repeat;
199 // background-size: 100% 100%;
200 // line-height: 32px;
201 // height: 32px;
202 // padding-left: 35px;
203 // margin: 8px 0 10px 6px;
204 // color: #CEF8FF;
205 // }
206
207 .el-icon-arrow-right {
208 // width: 2px;
209 // position: relative;
210 // left: 10px;
211 }
212
213 .el-breadcrumb__inner { 211 .el-breadcrumb__inner {
214 color: #CEF8FF !important; 212 color: #CEF8FF !important;
215 } 213 }
...@@ -693,8 +691,6 @@ ...@@ -693,8 +691,6 @@
693 691
694 // 人员管理角色管理菜单管理修改新增弹框样式 692 // 人员管理角色管理菜单管理修改新增弹框样式
695 .PersonnelDialog { 693 .PersonnelDialog {
696
697
698 .el-dialog__headerbtn .el-dialog__close { 694 .el-dialog__headerbtn .el-dialog__close {
699 font-size: 20px; 695 font-size: 20px;
700 color: #4162D8 696 color: #4162D8
...@@ -789,13 +785,13 @@ ...@@ -789,13 +785,13 @@
789 height: calc(100% - 58px); 785 height: calc(100% - 58px);
790 display: flex; 786 display: flex;
791 flex-direction: column; 787 flex-direction: column;
788
792 .from-clues-content { 789 .from-clues-content {
793 flex: 1; 790 flex: 1;
794 height: 100%; 791 height: 100%;
795 } 792 }
796 } 793 }
797 794
798
799 // 修改基本信息界面样式 795 // 修改基本信息界面样式
800 .informationbase { 796 .informationbase {
801 margin: 0.1875rem 1.0417rem; 797 margin: 0.1875rem 1.0417rem;
...@@ -1025,4 +1021,4 @@ ...@@ -1025,4 +1021,4 @@
1025 height: 44px; 1021 height: 44px;
1026 } 1022 }
1027 } 1023 }
1028 } 1024 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -113,6 +113,7 @@ ...@@ -113,6 +113,7 @@
113 @include font_color("submenuColor"); 113 @include font_color("submenuColor");
114 border-right: 5px solid #36CEB6; 114 border-right: 5px solid #36CEB6;
115 box-sizing: border-box; 115 box-sizing: border-box;
116
116 .svg-icon { 117 .svg-icon {
117 color: #1ea6f8 !important; 118 color: #1ea6f8 !important;
118 } 119 }
...@@ -366,7 +367,7 @@ ...@@ -366,7 +367,7 @@
366 } 367 }
367 368
368 .el-menu-item span { 369 .el-menu-item span {
369 white-space: nowrap !important; 370 // white-space: nowrap !important;
370 word-break: break-all; 371 word-break: break-all;
371 line-height: 20px; 372 line-height: 20px;
372 flex: 1; 373 flex: 1;
......
1 /* 1
2 * @Description: 2
3 * @Autor: renchao
4 * @LastEditTime: 2023-03-31 09:57:20
5 */
6 import filter from '@/utils/filter.js' 3 import filter from '@/utils/filter.js'
7 class data extends filter { 4 class data extends filter {
8 constructor() { 5 constructor() {
...@@ -35,7 +32,7 @@ class data extends filter { ...@@ -35,7 +32,7 @@ class data extends filter {
35 { 32 {
36 label: "业务号", 33 label: "业务号",
37 prop: "ywh", 34 prop: "ywh",
38 minWidth: 150, 35 minWidth: 120,
39 }, 36 },
40 { 37 {
41 label: "不动产单元号", 38 label: "不动产单元号",
......
...@@ -55,201 +55,211 @@ ...@@ -55,201 +55,211 @@
55 55
56 <script> 56 <script>
57 57
58 import columnar from "@/components/Echart/Columnar"; 58 import columnar from "@/components/Echart/Columnar";
59 import work from "@/api/work"; 59 import work from "@/api/work";
60 export default { 60 export default {
61 data () { 61 data () {
62 return { 62 return {
63 // 日均接入量 63 // 日均接入量
64 qxerrer: "", 64 qxerrer: "",
65 qxsuccess: "", 65 qxsuccess: "",
66 sterrer: "", 66 sterrer: "",
67 stsuccess: "", 67 stsuccess: "",
68 qxjrl: "", 68 qxjrl: "",
69 stjrl: "", 69 stjrl: "",
70 qxcgl: "", 70 qxcgl: "",
71 stcgl: "" 71 stcgl: ""
72 }; 72 };
73 },
74 mounted () {
75 this.getsthjqxjrtotal();
76 },
77 components: { columnar },
78 computed: {
79 qxjrlList: function () {
80 return this.qxjrl && this.qxjrl.toString().split("");
81 }, 73 },
82 stjrlList: function () { 74 mounted () {
83 return this.stjrl && this.stjrl.toString().split(""); 75 this.getsthjqxjrtotal();
84 }, 76 },
85 }, 77 components: { columnar },
86 methods: { 78 computed: {
87 getsthjqxjrtotal () { 79 qxjrlList: function () {
88 return new Promise(async (resolve) => { 80 return this.qxjrl && this.qxjrl.toString().split("");
89 try { 81 },
90 let p = { 82 stjrlList: function () {
91 DJLX: "", 83 return this.stjrl && this.stjrl.toString().split("");
92 QLLX: "", 84 },
93 XZQDM: "", 85 },
94 }; 86 methods: {
95 let res = await work.getsthjqxjrtotal(p); 87 getsthjqxjrtotal () {
96 this.stjrl = res.result.stsum 88 return new Promise(async (resolve) => {
97 this.qxjrl = res.result.qxsum 89 try {
98 this.qxerrer = Number(res.result.qxjrerrer) 90 let p = {
99 this.sterrer = Number(res.result.sthjerrer) 91 DJLX: "",
100 if (res.result.sum == "0") { 92 QLLX: "",
101 this.qxcgl = "100%" 93 XZQDM: "",
102 this.stcgl = "100%" 94 };
103 } else { 95 let res = await work.getsthjqxjrtotal(p);
104 let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100 96 this.stjrl = res.result.stsum
105 let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100 97 this.qxjrl = res.result.qxsum
106 this.qxcgl = qxcglnum.toFixed(2) + "%"; 98 this.qxerrer = Number(res.result.qxjrerrer)
107 this.stcgl = stcgl.toFixed(2) + "%"; 99 this.sterrer = Number(res.result.sthjerrer)
100 if (res.result.sum == "0") {
101 this.qxcgl = "100%"
102 this.stcgl = "100%"
103 } else {
104 let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100
105 let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100
106 this.qxcgl = qxcglnum.toFixed(2) + "%";
107 this.stcgl = stcgl.toFixed(2) + "%";
108 108
109 }
110 } catch (error) {
111 this.$refs.msg.messageShow();
109 } 112 }
110 } catch (error) { 113 });
111 this.$refs.msg.messageShow(); 114 },
112 }
113 });
114 }, 115 },
115 }, 116 };
116 };
117 </script> 117 </script>
118 118
119 <style lang="scss" scoped> 119 <style lang="scss" scoped>
120 .leftcard { 120 .leftcard {
121 width: 30%; 121 width: 30%;
122 display: flex;
123 height: calc(100vh - 114px);
124 flex-direction: column;
125
126 .card {
127 height: 22%;
128 background: url("~@/image/qxjr.png") no-repeat;
129 background-size: 100% 100%;
130 position: relative;
131 text-align: center;
132 width: 100%;
133 }
134
135 .carda {
136 height: 22%;
137 background: url("~@/image/sthj.png") no-repeat;
138 background-size: 100% 100%;
139 position: relative;
140 text-align: center;
141 width: 100%;
142 }
143
144 .card1 {
145 background: url("~@/image/sbtj.png") no-repeat;
146 background-size: 100% 100%;
147 position: relative;
148 box-sizing: border-box;
149 flex: 1;
150 }
151
152 .cardhead {
153 color: #02d9fd;
154 line-height: 0.125rem;
155 letter-spacing: 0.0104rem;
156 position: absolute;
157 font-size: 0.1042rem;
158 left: 0;
159 right: 0;
160 margin: auto;
161 text-align: center;
162 top: 8px;
163 font-weight: 700;
164 }
165
166 .rjjrlList {
167 display: flex; 122 display: flex;
168 margin-top: 0.01781rem; 123 height: calc(100vh - 114px);
124 flex-direction: column;
169 125
170 .qxjr { 126 .card {
171 background: url("~@/image/jrl3.png"); 127 height: 22%;
128 background: url("~@/image/qxjr.png") no-repeat;
172 background-size: 100% 100%; 129 background-size: 100% 100%;
173 width: 29px; 130 position: relative;
174 height: 46px; 131 text-align: center;
132 width: 100%;
175 } 133 }
176 134
177 .sthj { 135 .carda {
178 background: url("~@/image/jh.png"); 136 height: 22%;
137 background: url("~@/image/sthj.png") no-repeat;
179 background-size: 100% 100%; 138 background-size: 100% 100%;
180 width: 29px; 139 position: relative;
181 height: 46px; 140 text-align: center;
182 } 141 width: 100%;
183
184 p {
185 margin: 0 0.0156rem 0.0521rem 0.0156rem;
186 font-weight: 700;
187 font-size: 30px;
188 } 142 }
189 }
190 143
191 .cardcontent { 144 .card1 {
192 width: 100%; 145 background: url("~@/image/sbtj.png") no-repeat;
193 height: 100%; 146 background-size: 100% 100%;
194 display: flex;
195 // padding: 35px 20px 20px 20px;
196 box-sizing: border-box;
197 color: #e3f1ff;
198 margin-top: 0.1263rem;
199
200 .cardcontent-left {
201 width: 60%;
202 flex-direction: column;
203 position: relative; 147 position: relative;
148 box-sizing: border-box;
204 flex: 1; 149 flex: 1;
205 height: 100%;
206
207 li {
208 font-size: 0.1042rem;
209 }
210 } 150 }
211 151
212 .cardcontent-left::before { 152 .cardhead {
153 color: #02d9fd;
154 line-height: 0.125rem;
155 letter-spacing: 0.0104rem;
213 position: absolute; 156 position: absolute;
157 font-size: 0.1042rem;
158 left: 0;
214 right: 0; 159 right: 0;
215 top: 0.24rem; 160 margin: auto;
216 content: ""; 161 text-align: center;
217 width: 0.0052rem; 162 top: 8px;
218 height: 0.4688rem; 163 font-weight: 700;
219 background: linear-gradient(180deg,
220 #091b4c 0%,
221 #47b5e0 56%,
222 #091b4c 100%);
223 } 164 }
224 165
225 .cardcontent-right { 166 .rjjrlList {
226 flex: 1; 167 display: flex;
168 margin-top: 0.01781rem;
169
170 .qxjr {
171 background: url("~@/image/jrl3.png");
172 background-size: 100% 100%;
173 width: 29px;
174 height: 46px;
175 }
176
177 .sthj {
178 background: url("~@/image/jh.png");
179 background-size: 100% 100%;
180 width: 29px;
181 height: 46px;
182 }
183
184 p {
185 margin: 0 0.0156rem 0.0521rem 0.0156rem;
186 font-weight: 700;
187 font-size: 30px;
188 }
189 }
190
191 .cardcontent {
227 width: 100%; 192 width: 100%;
228 height: 100%; 193 height: 100%;
229 flex-direction: column; 194 display: flex;
230 font-size: 0.09977rem; 195 // padding: 35px 20px 20px 20px;
196 box-sizing: border-box;
197 color: #e3f1ff;
198 margin-top: 0.1263rem;
231 199
232 .bad { 200 .cardcontent-left {
233 color: #c97168; 201 width: 60%;
202 flex-direction: column;
203 position: relative;
204 flex: 1;
205 height: 100%;
206
207 li {
208 font-size: 0.1042rem;
209 }
234 } 210 }
235 211
236 .cg { 212 .cardcontent-left::before {
237 color: #5fba7d; 213 position: absolute;
214 right: 0;
215 top: 0.24rem;
216 content: "";
217 width: 0.0052rem;
218 height: 0.4688rem;
219 background: linear-gradient(
220 180deg,
221 #091b4c 0%,
222 #47b5e0 56%,
223 #091b4c 100%
224 );
238 } 225 }
239 226
240 p { 227 .cardcontent-right {
241 margin-bottom: 0.0417rem; 228 flex: 1;
229 width: 100%;
230 height: 100%;
231 flex-direction: column;
232 font-size: 0.09977rem;
233
234 .bad {
235 color: #c97168;
236 }
242 237
243 span:nth-child(1) { 238 .cg {
244 margin-right: 0.0781rem; 239 color: #5fba7d;
245 } 240 }
246 241
247 span:nth-child(2) { 242 p {
248 font-size: 20px; 243 width: 1.25rem;
249 font-weight: 900; 244 margin-bottom: 0.0417rem;
245
246 span:nth-child(1) {
247 text-align: right;
248 display: inline-block;
249
250 width: 45%;
251 margin-right: 0.0781rem;
252 }
253
254 span:nth-child(2) {
255 text-align: left;
256 display: inline-block;
257 width: 45%;
258 font-size: 20px;
259 font-weight: 900;
260 }
250 } 261 }
251 } 262 }
252 } 263 }
253 } 264 }
254 }
255 </style> 265 </style>
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 57
58 let res = await work.getdjywltotal(p); 58 let res = await work.getdjywltotal(p);
59 res.result.map((item, index) => { 59 res.result.map((item, index) => {
60 this.config.data.push([index, item.AREACODE, item.ywtotal]) 60 this.config.data.push([index + 1, item.AREACODE, item.ywtotal])
61 61
62 }); 62 });
63 63
......
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
25 <el-form-item> 25 <el-form-item>
26 <btn nativeType="cz" @click="handleResetForm">重置</btn> 26 <btn nativeType="cz" @click="handleResetForm">重置</btn>
27 <btn nativeType="cx" @click="featchDataSelf">查询</btn> 27 <btn nativeType="cx" @click="featchDataSelf">查询</btn>
28 <btn nativeType="cx" @click="handlesetExport2Excel(downTitle)">导出</btn> 28 <btn nativeType="cx" :disableds="disableds" @click="handlesetExport2Excel(downTitle)">导出</btn>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 </el-row> 31 </el-row>
...@@ -45,135 +45,142 @@ ...@@ -45,135 +45,142 @@
45 </template> 45 </template>
46 46
47 <script> 47 <script>
48 // 接入质量评价表 48 // 接入质量评价表
49 // 引入表格头部数据 49 // 引入表格头部数据
50 import data from "./data"; 50 import data from "./data";
51 // 引入table混入方法 51 // 引入table混入方法
52 import tableMixin from "@/mixins/tableMixin.js"; 52 import tableMixin from "@/mixins/tableMixin.js";
53 // 导出excel表格 53 // 导出excel表格
54 import downLbTable from '@/components/DownLbTable' 54 import downLbTable from '@/components/DownLbTable'
55 // 获取时间 55 // 获取时间
56 import { getCurrentDate, setExport2Excel } from "@/utils/tools"; 56 import { getCurrentDate, setExport2Excel } from "@/utils/tools";
57 import { dataReceiveQuality } from "@/api/statistics.js"; 57 import { dataReceiveQuality } from "@/api/statistics.js";
58 export default { 58 export default {
59 name: "jsbwcx", 59 name: "jsbwcx",
60 components: { 60 components: {
61 downLbTable 61 downLbTable
62 }, 62 },
63 mixins: [tableMixin], 63 mixins: [tableMixin],
64 data () { 64 data () {
65 return { 65 return {
66 pickerOptionsStart: { 66
67 disabledDate: (time) => { 67 pickerOptionsStart: {
68 let endDateVal = this.form.endTime; 68 disabledDate: (time) => {
69 if (endDateVal) { 69 let endDateVal = this.form.endTime;
70 return ( 70 if (endDateVal) {
71 time.getTime() >= 71 return (
72 new Date(endDateVal).getTime() 72 time.getTime() >=
73 ); 73 new Date(endDateVal).getTime()
74 } 74 );
75 }
76 },
75 }, 77 },
76 }, 78 pickerOptionsEnd: {
77 pickerOptionsEnd: { 79 disabledDate: (time) => {
78 disabledDate: (time) => { 80 let beginDateVal = this.form.startTime;
79 let beginDateVal = this.form.startTime; 81 if (beginDateVal) {
80 if (beginDateVal) { 82 return (
81 return ( 83 time.getTime() <
82 time.getTime() < 84 new Date(beginDateVal).getTime()
83 new Date(beginDateVal).getTime() 85 );
84 ); 86 }
85 } 87 },
86 }, 88 },
87 }, 89 // 表格数据
88 // 表格数据 90 form: {
91 startTime: "", // 开始日期
92 endTime: "" // 结束日期
93 },
94 // 校验规则
95 rules: {
96 startTime: [
97 { required: true, message: "请选择开始日期", trigger: "change" },
98 ],
99 endTime: [
100 { required: true, message: "请选择结束日期", trigger: "change" },
101 ]
102 },
103 // 表格数据
104 tableData: {
105 // 表格头部
106 columns: [
107 {
108 label: "序号",
109 type: "index",
110 width: "50",
111 // index: this.indexMethod,
112 }
113 ]
114 .concat(data.columns()),
115 data: []
116 },
117 // 导出表格标题
118 downTitle: '',
119 disableds: false,
120 }
121 },
122 watch: {
89 form: { 123 form: {
90 startTime: "", // 开始日期 124 handler (newVal, oldVal) {
91 endTime: "" // 结束日期 125 this.generateFileName()
126 },
127 deep: true
128 }
129 },
130 created () {
131 this.handleResetForm()
132 this.generateFileName()
133 },
134 methods: {
135 handleSearch () { },
136 // 生成文件名
137 generateFileName () {
138 var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
139 this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
92 }, 140 },
93 // 校验规则 141 headerStyle ({ row, rowIndex }) {
94 rules: { 142 if (rowIndex == 4) {
95 startTime: [ 143 row[2].rowSpan = 2;
96 { required: true, message: "请选择开始日期", trigger: "change" }, 144 row[3].rowSpan = 2;
97 ], 145 row[4].rowSpan = 2;
98 endTime: [ 146 }
99 { required: true, message: "请选择结束日期", trigger: "change" },
100 ]
101 }, 147 },
102 // 表格数据 148 headerStyle1 ({ row, rowIndex }) {
103 tableData: { 149 if (rowIndex == 3) {
104 // 表格头部 150 row[2].rowSpan = 2;
105 columns: [ 151 row[3].rowSpan = 2;
106 { 152 row[4].rowSpan = 2;
107 label: "序号", 153 }
108 type: "index",
109 width: "50",
110 // index: this.indexMethod,
111 }
112 ]
113 .concat(data.columns()),
114 data: []
115 }, 154 },
116 // 导出表格标题 155 handlesetExport2Excel (val) {
117 downTitle: '' 156 this.disableds = true
118 } 157 setTimeout(() => {
119 }, 158 this.disableds = false
120 watch: { 159 }, 1000);
121 form: { 160
122 handler (newVal, oldVal) { 161 setExport2Excel(val)
123 this.generateFileName()
124 }, 162 },
125 deep: true 163 // 初始化数据
126 } 164 featchDataSelf () {
127 }, 165 dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
128 created () { 166 let records = res.result
129 this.handleResetForm() 167 this.tableData.data = records ? records : []
130 this.generateFileName() 168 })
131 }, 169 },
132 methods: { 170 // 重置
133 handleSearch () { }, 171 handleResetForm () {
134 // 生成文件名 172 this.form.startTime = getCurrentDate()
135 generateFileName () { 173 this.form.endTime = getCurrentDate('time')
136 var reg = /(\d{4})\-(\d{2})\-(\d{2})/; 174 this.featchDataSelf()
137 this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}至${this.form.endTime.replace(reg, "$1年$2月$3日")})`
138 },
139 headerStyle ({ row, rowIndex }) {
140 if (rowIndex == 4) {
141 row[2].rowSpan = 2;
142 row[3].rowSpan = 2;
143 row[4].rowSpan = 2;
144 }
145 },
146 headerStyle1 ({ row, rowIndex }) {
147 if (rowIndex == 3) {
148 row[2].rowSpan = 2;
149 row[3].rowSpan = 2;
150 row[4].rowSpan = 2;
151 } 175 }
152 },
153 handlesetExport2Excel (val) {
154 setExport2Excel(val)
155 },
156 // 初始化数据
157 featchDataSelf () {
158 dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
159 let records = res.result
160 this.tableData.data = records ? records : []
161 })
162 },
163 // 重置
164 handleResetForm () {
165 this.form.startTime = getCurrentDate()
166 this.form.endTime = getCurrentDate('time')
167 this.featchDataSelf()
168 } 176 }
169 } 177 }
170 }
171 </script> 178 </script>
172 <style scoped lang="scss"> 179 <style scoped lang="scss">
173 @import "../css/index.scss"; 180 @import "../css/index.scss";
174 181
175 /deep/th.el-table__cell { 182 /deep/th.el-table__cell {
176 height: 0 !important; 183 height: 0 !important;
177 } 184 }
178 </style> 185 </style>
179 186
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 </el-form-item> 7 </el-form-item>
8 <el-row class="mb-5"> 8 <el-row class="mb-5">
9 <el-col :span="4"> 9 <el-col :span="4">
10 <el-form-item label="菜单名称" prop="rolesName"> 10 <el-form-item label="角色名称" prop="rolesName">
11 <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> 11 <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
......