Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
ee61002c by xiaomiao
Options

弹框样式拆分

1 parent cd82abd6
Inline Side-by-side
Showing 10 changed files with 1040 additions and 1034 deletions
...@@ -113,8 +113,8 @@ export default { ...@@ -113,8 +113,8 @@ export default {
113 } 113 }
114 </script> 114 </script>
115 <style rel="stylesheet/scss" lang="scss" > 115 <style rel="stylesheet/scss" lang="scss" >
116 @import "~@/styles/mixin.scss"; 116 // @import "~@/styles/mixin.scss";
117 @import "~@/styles/dialogBox.scss"; 117 // @import "~@/styles/dialogBox.scss";
118 </style> 118 </style>
119 <style rel="stylesheet/scss" scoped lang="scss" > 119 <style rel="stylesheet/scss" scoped lang="scss" >
120 /deep/.is-fullscreen { 120 /deep/.is-fullscreen {
...@@ -123,4 +123,4 @@ export default { ...@@ -123,4 +123,4 @@ export default {
123 left: 50% !important; 123 left: 50% !important;
124 transform: translate(-50%, -50%) !important; 124 transform: translate(-50%, -50%) !important;
125 } 125 }
126 </style>
...\ No newline at end of file ...\ No newline at end of file
126 </style>
......
...@@ -128,401 +128,401 @@ ...@@ -128,401 +128,401 @@
128 </template> 128 </template>
129 129
130 <script> 130 <script>
131 import axios from "axios"; 131 import axios from "axios";
132 import SERVER from '@/api/config' 132 import SERVER from '@/api/config'
133 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' 133 const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/'
134 import { mapGetters } from "vuex"; 134 import { mapGetters } from "vuex";
135 import JsonEditor from "@/components/JsonEditor.vue"; 135 import JsonEditor from "@/components/JsonEditor.vue";
136 import Xyjg from "./Result"; 136 import Xyjg from "./Result";
137 import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; 137 import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js";
138 export default { 138 export default {
139 components: { JsonEditor, Xyjg }, 139 components: { JsonEditor, Xyjg },
140 props: { 140 props: {
141 title: { 141 title: {
142 type: String, 142 type: String,
143 default: '' 143 default: ''
144 },
145 tabsActiveName: {
146 type: String,
147 default: ''
148 },
149 visiableXml: {
150 type: Boolean,
151 default: false
152 }
153 },
154
155 computed: {
156 ...mapGetters(["dicData"]),
157 },
158 data () {
159 return {
160 key: 0,
161 resultInfo: '',
162
163 titleName: 'sjmx',
164 // 报文list
165 bwoptions: [],
166 dataReport: {},
167 index: 0,
168 bsmYwsjb: "",
169 ruleFormList: {
170 BizMsgId: "", // 业务报文ID
171 ASID: "", // ASID
172 AreaCode: "", //行政区划编码
173 PreEstateNum: "", //上次不动产单元号
174 RecType: "", // 业务编码
175 RightType: "", // 权利类型
176 RegType: "", //登记类型
177 CertCount: "", //不动产权证书数量
178 createDate: "", //创建时间
179 RecFlowID: "", // 业务流水号
180 ParcelID: "", //宗地/宗海代码
181 ProofCount: "", //证明数量
182 EstateNum: "", // 不动产单元号
183 RegOrgID: "", // 登记机构
184 PreCertID: "", //次不动产权证号/不动产登记证明
185 }, 144 },
186 images: require("./images/success.gif"), 145 tabsActiveName: {
187 dialogVisible: false, 146 type: String,
188 activeName: undefined, 147 default: ''
189 editItem: "", 148 },
190 headerList: [], 149 visiableXml: {
191 dataTable: "", 150 type: Boolean,
192 }; 151 default: false
193 },
194 methods: {
195 dicStatus (val, code) {
196 let data = this.dicData[code],
197 name = ''
198 if (data) {
199 data.map((item) => {
200 if (item.DCODE == val) {
201 name = item.DNAME
202 }
203 })
204 return name
205 }
206 },
207 handleTitleTab (val) {
208 },
209 isShow (item) {
210 this.$set(this.bwoptions, 0, {
211 value: item.bizMsgid,
212 label: item.bizMsgid,
213 })
214 this.$set(this.bwoptions, 1, {
215 value: item.bizMsgid + 'CBXZ',
216 label: item.bizMsgid + 'CBXZ',
217 })
218 this.$set(this.bwoptions, 2, {
219 value: item.bizMsgid + 'BBXZ',
220 label: item.bizMsgid + 'BBXZ',
221 })
222 this.titleName = 'sjmx';
223 this.dialogVisible = true;
224 //获取表头列表
225 this._getList(item)
226 //不动产数据查询上报详情
227 getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
228 if (res.code == 200) {
229 this.dataReport = res.result;
230 }
231 })
232 // 获取xml
233 if (this.visiableXml) {
234 getXml(item.bizMsgid).then((res) => {
235 this.resultInfo = res.message
236 })
237 }
238 },
239 // 获取列表接口
240 _getList (data) {
241 getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => {
242 if (res.code == 200) {
243 this.headerList = res.result;
244 this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
245 this.bsmYwsjb = this.headerList[0].bsmYwsjb;
246 this.editItem = this.loadView(this.activeName);
247 }
248 });
249 },
250 changeList (val) {
251 let _index = val.index;
252 if (_index > this.index) {
253 } 152 }
254 this.index = _index;
255 this.bsmYwsjb = this.headerList[val.index].bsmYwsjb;
256 this.editItem = this.loadView(this.activeName);
257 // this.diaData.list.forEach((item) => {
258 // if (item.soleurl == this.activeName) {
259 // this.dataTable = item.dataTable;
260 // }
261 // });
262 }, 153 },
263 loadView (view) { 154
264 return (r) => 155 computed: {
265 require.ensure([], () => r(require(`@/components/Business/${view}.vue`))); 156 ...mapGetters(["dicData"]),
266 }, 157 },
267 closeDialog () { 158 data () {
268 this.dialogVisible = false; 159 return {
269 //关闭弹框时将tabs项置空 160 key: 0,
270 this.editItem = ""; 161 resultInfo: '',
271 this.headerList = []; 162
163 titleName: 'sjmx',
164 // 报文list
165 bwoptions: [],
166 dataReport: {},
167 index: 0,
168 bsmYwsjb: "",
169 ruleFormList: {
170 BizMsgId: "", // 业务报文ID
171 ASID: "", // ASID
172 AreaCode: "", //行政区划编码
173 PreEstateNum: "", //上次不动产单元号
174 RecType: "", // 业务编码
175 RightType: "", // 权利类型
176 RegType: "", //登记类型
177 CertCount: "", //不动产权证书数量
178 createDate: "", //创建时间
179 RecFlowID: "", // 业务流水号
180 ParcelID: "", //宗地/宗海代码
181 ProofCount: "", //证明数量
182 EstateNum: "", // 不动产单元号
183 RegOrgID: "", // 登记机构
184 PreCertID: "", //次不动产权证号/不动产登记证明
185 },
186 images: require("./images/success.gif"),
187 dialogVisible: false,
188 activeName: undefined,
189 editItem: "",
190 headerList: [],
191 dataTable: "",
192 };
272 }, 193 },
273 /** 194 methods: {
274 * @description: 提交 195 dicStatus (val, code) {
275 * @author: renchao 196 let data = this.dicData[code],
276 */ 197 name = ''
277 submitForm: _.debounce(async function () { 198 if (data) {
278 let _this = this 199 data.map((item) => {
279 // 上报请求头修改 200 if (item.DCODE == val) {
280 try { 201 name = item.DNAME
281 var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport,
282 {
283 headers: {
284 'Authorization': sessionStorage.getItem("token") || ""
285 } 202 }
286 }) 203 })
287 if (headRes.code == 200) { 204 return name
288 _this._getList(_this.dataReport)
289 } 205 }
290 } catch (error) { 206 },
291 this.$message({ 207 handleTitleTab (val) {
292 message: '报文头修改出错', 208 },
293 type: 'error' 209 isShow (item) {
210 this.$set(this.bwoptions, 0, {
211 value: item.bizMsgid,
212 label: item.bizMsgid,
294 }) 213 })
295 } 214 this.$set(this.bwoptions, 1, {
296 let listRes = await this.$refs["editItem"].handleUpdateForm() 215 value: item.bizMsgid + 'CBXZ',
297 if (headRes.data?.code == 200 && listRes == 200) { 216 label: item.bizMsgid + 'CBXZ',
298 this.$message({
299 message: '修改成功',
300 type: 'success'
301 }) 217 })
302 } 218 this.$set(this.bwoptions, 2, {
303 }, 500), 219 value: item.bizMsgid + 'BBXZ',
304 /** 220 label: item.bizMsgid + 'BBXZ',
305 * @description: 重新上报
306 * @author: renchao
307 */
308 handleResubmit () {
309 let _this = this
310 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
311 confirmButtonText: '确定',
312 cancelButtonText: '取消',
313 type: 'warning'
314 }).then(() => {
315 createXml()
316 }).catch(() => {
317 this.$message({
318 type: 'info',
319 message: '已取消删除'
320 }) 221 })
321 }) 222 this.titleName = 'sjmx';
322 function createXml () { 223 this.dialogVisible = true;
323 restartGenerateXml(_this.dataReport.bsmSjsb || _this.dataReport.bsmReport).then((res) => { 224 //获取表头列表
225 this._getList(item)
226 //不动产数据查询上报详情
227 getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
324 if (res.code == 200) { 228 if (res.code == 200) {
325 _this.resultInfo = res.message 229 this.dataReport = res.result;
326 _this.$message({ 230 }
327 message: '修改成功', 231 })
328 type: 'success' 232 // 获取xml
233 if (this.visiableXml) {
234 getXml(item.bizMsgid).then((res) => {
235 this.resultInfo = res.message
236 })
237 }
238 },
239 // 获取列表接口
240 _getList (data) {
241 getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => {
242 if (res.code == 200) {
243 this.headerList = res.result;
244 this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
245 this.bsmYwsjb = this.headerList[0].bsmYwsjb;
246 this.editItem = this.loadView(this.activeName);
247 }
248 });
249 },
250 changeList (val) {
251 let _index = val.index;
252 if (_index > this.index) {
253 }
254 this.index = _index;
255 this.bsmYwsjb = this.headerList[val.index].bsmYwsjb;
256 this.editItem = this.loadView(this.activeName);
257 // this.diaData.list.forEach((item) => {
258 // if (item.soleurl == this.activeName) {
259 // this.dataTable = item.dataTable;
260 // }
261 // });
262 },
263 loadView (view) {
264 return (r) =>
265 require.ensure([], () => r(require(`@/components/Business/${view}.vue`)));
266 },
267 closeDialog () {
268 this.dialogVisible = false;
269 //关闭弹框时将tabs项置空
270 this.editItem = "";
271 this.headerList = [];
272 },
273 /**
274 * @description: 提交
275 * @author: renchao
276 */
277 submitForm: _.debounce(async function () {
278 let _this = this
279 // 上报请求头修改
280 try {
281 var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport,
282 {
283 headers: {
284 'Authorization': sessionStorage.getItem("token") || ""
285 }
329 }) 286 })
287 if (headRes.code == 200) {
288 _this._getList(_this.dataReport)
330 } 289 }
290 } catch (error) {
291 this.$message({
292 message: '报文头修改出错',
293 type: 'error'
294 })
295 }
296 let listRes = await this.$refs["editItem"].handleUpdateForm()
297 if (headRes.data?.code == 200 && listRes == 200) {
298 this.$message({
299 message: '修改成功',
300 type: 'success'
301 })
302 }
303 }, 500),
304 /**
305 * @description: 重新上报
306 * @author: renchao
307 */
308 handleResubmit () {
309 let _this = this
310 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
311 confirmButtonText: '确定',
312 cancelButtonText: '取消',
313 type: 'warning'
314 }).then(() => {
315 createXml()
316 }).catch(() => {
317 this.$message({
318 type: 'info',
319 message: '已取消删除'
320 })
331 }) 321 })
322 function createXml () {
323 restartGenerateXml(_this.dataReport.bsmSjsb || _this.dataReport.bsmReport).then((res) => {
324 if (res.code == 200) {
325 _this.resultInfo = res.message
326 _this.$message({
327 message: '修改成功',
328 type: 'success'
329 })
330 }
331 })
332 }
332 } 333 }
333 } 334 }
334 } 335 }
335 }
336 </script> 336 </script>
337 <style scoped lang="scss"> 337 <style scoped lang="scss">
338 @import "~@/styles/mixin.scss"; 338 // @import "~@/styles/mixin.scss";
339 @import "~@/styles/dialogBox.scss"; 339 // @import "~@/styles/dialogBox.scss";
340 340
341 /deep/.el-dialog__body { 341 /deep/.el-dialog__body {
342 display: flex; 342 display: flex;
343 flex-direction: column; 343 flex-direction: column;
344 padding-bottom: 30px; 344 padding-bottom: 30px;
345 } 345 }
346 346
347 /deep/ .el-tabs { 347 /deep/ .el-tabs {
348 color: #CEF8FF; 348 color: #cef8ff;
349 } 349 }
350 350
351 .d-center { 351 .d-center {
352 z-index: 1000; 352 z-index: 1000;
353 } 353 }
354 354
355 .sjmx { 355 .sjmx {
356 display: flex; 356 display: flex;
357 flex-direction: column; 357 flex-direction: column;
358 height: 49vh; 358 height: 49vh;
359 359
360 /deep/.el-tabs__item { 360 /deep/.el-tabs__item {
361 height: 50px; 361 height: 50px;
362 padding-top: 6px; 362 padding-top: 6px;
363 }
363 } 364 }
364 } 365
365 366 .result {
366 .result { 367 flex: 1;
367 flex: 1; 368 height: 100%;
368 height: 100%;
369 }
370
371 .editDialogBox-con {
372 flex: 1;
373 height: 100%;
374 overflow-y: hidden;
375 }
376
377 /deep/.el-tabs__item {
378 color: #CEF8FF !important;
379
380 display: flex;
381 flex-direction: row;
382 justify-content: center;
383 background: url("~@/image/tabitem.png") no-repeat;
384 background-size: 100% 100%;
385 border: none !important;
386 }
387
388 .obligee-item-name {
389 background: #05275B;
390 color: #FFFFFF;
391 background: url("~@/image/itembg.png") no-repeat;
392 background-size: 100% 100%;
393 }
394
395 /deep/.el-tabs__nav-scroll {
396 background: none;
397 }
398
399 /deep/.el-tabs__nav {
400 display: flex;
401 border: none !important;
402 }
403
404 /deep/.el-tabs__item.is-top {
405 border: 1px solid #dfe4ed;
406 border-top: 1px solid #dfe4ed;
407 border-bottom: 1px solid transparent;
408 }
409
410 /deep/.el-tabs__header {
411 border: none;
412 margin-bottom: 0;
413 }
414
415 /deep/.el-tabs__item.is-top:not(:last-child) {
416 margin-right: 5px;
417 }
418
419 /deep/.el-tabs__item.is-top {
420 background-color: none !important;
421 }
422
423 /deep/.el-tabs__item.is-active {
424 background: url("~@/image/tabitemse.png") no-repeat;
425 background-size: 100% 100%;
426 }
427
428 .success-images {
429 width: 30px;
430 height: 30px;
431 position: relative;
432 top: 10px;
433 right: 3px;
434 }
435
436 .tab-pane-item {
437 line-height: 20px;
438 color: #02D9FD;
439
440 p {
441 text-align: center;
442 } 369 }
443 }
444 370
445 .edit-content { 371 .editDialogBox-con {
446 overflow-y: auto; 372 flex: 1;
447 overflow-x: hidden; 373 height: 100%;
448 padding-right: 1px; 374 overflow-y: hidden;
449 border-top: none; 375 }
450 }
451 376
452 /deep/.editDialogBox { 377 /deep/.el-tabs__item {
453 border-radius: 8px; 378 color: #cef8ff !important;
454 overflow: hidden;
455 min-width: 1228px;
456 379
457 .el-dialog__header {
458 display: flex; 380 display: flex;
459 margin-bottom: 10px; 381 flex-direction: row;
382 justify-content: center;
383 background: url("~@/image/tabitem.png") no-repeat;
384 background-size: 100% 100%;
385 border: none !important;
460 } 386 }
461 387
462 .dialog_footer { 388 .obligee-item-name {
463 flex-direction: column; 389 background: #05275b;
390 color: #ffffff;
391 background: url("~@/image/itembg.png") no-repeat;
392 background-size: 100% 100%;
393 }
464 394
465 .dialog_button { 395 /deep/.el-tabs__nav-scroll {
466 margin-top: 8px; 396 background: none;
467 }
468 } 397 }
469 398
470 .divider { 399 /deep/.el-tabs__nav {
471 width: 100%; 400 display: flex;
472 border-bottom: 1px solid #ccc; 401 border: none !important;
473 } 402 }
474 }
475 403
476 .el-dialog__wrapper { 404 /deep/.el-tabs__item.is-top {
477 overflow: hidden; 405 border: 1px solid #dfe4ed;
478 } 406 border-top: 1px solid #dfe4ed;
407 border-bottom: 1px solid transparent;
408 }
479 409
480 .dialog-from { 410 /deep/.el-tabs__header {
481 padding-top: 0; 411 border: none;
412 margin-bottom: 0;
413 }
482 414
483 .el-col { 415 /deep/.el-tabs__item.is-top:not(:last-child) {
484 justify-content: space-between; 416 margin-right: 5px;
485 } 417 }
486 418
487 .bz { 419 /deep/.el-tabs__item.is-top {
488 height: 100%; 420 background-color: none !important;
489 position: relative;
490 top: 3px;
491 } 421 }
492 422
493 /deep/.el-select { 423 /deep/.el-tabs__item.is-active {
494 padding-right: 15px; 424 background: url("~@/image/tabitemse.png") no-repeat;
425 background-size: 100% 100%;
495 } 426 }
496 427
497 /deep/.el-icon-circle-close { 428 .success-images {
498 display: none; 429 width: 30px;
430 height: 30px;
431 position: relative;
432 top: 10px;
433 right: 3px;
499 } 434 }
500 435
501 /deep/.el-input__suffix { 436 .tab-pane-item {
502 right: -25px !important; 437 line-height: 20px;
503 top: -5px; 438 color: #02d9fd;
439
440 p {
441 text-align: center;
442 }
504 } 443 }
505 444
506 /deep/.el-select, 445 .edit-content {
507 /deep/.el-input { 446 overflow-y: auto;
508 flex: 1; 447 overflow-x: hidden;
509 width: 100%; 448 padding-right: 1px;
449 border-top: none;
510 } 450 }
511 451
512 /deep/.el-textarea__inner { 452 /deep/.editDialogBox {
513 border: none !important; 453 border-radius: 8px;
514 margin: 0; 454 overflow: hidden;
455 min-width: 1228px;
456
457 .el-dialog__header {
458 display: flex;
459 margin-bottom: 10px;
460 }
461
462 .dialog_footer {
463 flex-direction: column;
464
465 .dialog_button {
466 margin-top: 8px;
467 }
468 }
469
470 .divider {
471 width: 100%;
472 border-bottom: 1px solid #ccc;
473 }
515 } 474 }
516 475
517 &_header { 476 .el-dialog__wrapper {
518 margin: 0 -5px !important; 477 overflow: hidden;
519 } 478 }
520 479
521 &_title { 480 .dialog-from {
522 font-size: 18px; 481 padding-top: 0;
523 color: #d7eaee; 482
524 margin: 3px 0; 483 .el-col {
484 justify-content: space-between;
485 }
486
487 .bz {
488 height: 100%;
489 position: relative;
490 top: 3px;
491 }
492
493 /deep/.el-select {
494 padding-right: 15px;
495 }
496
497 /deep/.el-icon-circle-close {
498 display: none;
499 }
500
501 /deep/.el-input__suffix {
502 right: -25px !important;
503 top: -5px;
504 }
505
506 /deep/.el-select,
507 /deep/.el-input {
508 flex: 1;
509 width: 100%;
510 }
511
512 /deep/.el-textarea__inner {
513 border: none !important;
514 margin: 0;
515 }
516
517 &_header {
518 margin: 0 -5px !important;
519 }
520
521 &_title {
522 font-size: 18px;
523 color: #d7eaee;
524 margin: 3px 0;
525 }
525 } 526 }
526 }
527 </style> 527 </style>
528 528
......
1 <template> 1 <template>
2 <transition name="msgbox-fade" v-if="myShow"> 2 <transition name="msgbox-fade" v-if="myShow">
3 <div class="ls-mask" v-loading="loading"> 3 <div class="ls-mask" v-loading="loading">
4 <div class="ls-mask-window dialogBox" :style="{ 'width': width }"> 4 <div class="ls-mask-window" :style="{ 'width': width }">
5 <div class="ls-head"> 5 <div class="ls-head">
6 <div class="ls-title" :style="{ 'text-align': titleStyle }"> 6 <div class="ls-title" :style="{ 'text-align': titleStyle }">
7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' /> 7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
...@@ -21,172 +21,167 @@ ...@@ -21,172 +21,167 @@
21 </transition> 21 </transition>
22 </template> 22 </template>
23 <script> 23 <script>
24 import Popup1 from './index' 24 import Popup1 from './index'
25 export default { 25 export default {
26 name: 'index', 26 name: 'index',
27 data () { 27 data () {
28 return { 28 return {
29 title: '标题', 29 title: '标题',
30 editItem: "", 30 editItem: "",
31 formData: undefined,//父组件传递的参数 负责传给子组件 31 formData: undefined,//父组件传递的参数 负责传给子组件
32 btnShow: false, 32 btnShow: false,
33 cancel: function () { }, 33 cancel: function () { },
34 confirm: function () { }, 34 confirm: function () { },
35 cancelText: '取消', 35 cancelText: '取消',
36 confirmText: '确认', 36 confirmText: '确认',
37 isSync: false, 37 isSync: false,
38 isShow: false, 38 isShow: false,
39 myShow: false, 39 myShow: false,
40 titleStyle: 'center', 40 titleStyle: 'center',
41 width: "75%", 41 width: "75%",
42 height: "auto", 42 height: "auto",
43 contentHeight: "", 43 contentHeight: "",
44 iconClass: "", 44 iconClass: "",
45 key: 0 45 key: 0
46 } 46 }
47 }, 47 },
48 props: { 48 props: {
49 loading: { type: Boolean, default: false }, 49 loading: { type: Boolean, default: false },
50 }, 50 },
51 watch: { 51 watch: {
52 isShow (newValue) { 52 isShow (newValue) {
53 this.editItem = this.loadViewFn(this.editItem) 53 this.editItem = this.loadViewFn(this.editItem)
54 document.body.appendChild(this.$el); 54 document.body.appendChild(this.$el);
55 this.myShow = newValue 55 this.myShow = newValue
56 } 56 }
57 }, 57 },
58 mounted () { 58 mounted () {
59 // 计算滚动条高度 59 // 计算滚动条高度
60 setTimeout(() => { 60 setTimeout(() => {
61 if (this.btnShow) { 61 if (this.btnShow) {
62 if (this.height == 'auto') { 62 if (this.height == 'auto') {
63 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' 63 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
64 } else {
65 this.contentHeight = this.height
66 }
64 } else { 67 } else {
65 this.contentHeight = this.height 68 if (this.height == 'auto') {
69 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
70 } else {
71 this.contentHeight = this.height
72 }
66 } 73 }
67 } else { 74 }, 300)
68 if (this.height == 'auto') { 75 },
69 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' 76 methods: {
70 } else { 77 onCancel () {
71 this.contentHeight = this.height 78 Popup1().close()
79 },
80 onConfirm () {
81 this.loading = true
82 let res = new Promise((resolve, reject) => {
83 this.confirm()
84 resolve(true)
85 })
86 if (res) {
87 this.isShow = false
72 } 88 }
89 },
90 loadingFn (e) { //加载状态
91 this.loading = e
92 },
93 loadViewFn (view) {
94 return (r) =>
95 require.ensure([], () =>
96 r(require(`@/${view}.vue`))
97 )
73 } 98 }
74 }, 300)
75 },
76 methods: {
77 onCancel () {
78 Popup1().close()
79 }, 99 },
80 onConfirm () { 100 destroyed () {
81 this.loading = true 101 if (this.appendToBody && this.$el && this.$el.parentNode) {
82 let res = new Promise((resolve, reject) => { 102 this.$el.parentNode.removeChild(this.$el);
83 this.confirm()
84 resolve(true)
85 })
86 if (res) {
87 this.isShow = false
88 } 103 }
89 },
90 loadingFn (e) { //加载状态
91 this.loading = e
92 },
93 loadViewFn (view) {
94 return (r) =>
95 require.ensure([], () =>
96 r(require(`@/${view}.vue`))
97 )
98 }
99 },
100 destroyed () {
101 if (this.appendToBody && this.$el && this.$el.parentNode) {
102 this.$el.parentNode.removeChild(this.$el);
103 } 104 }
104 } 105 }
105 }
106 </script> 106 </script>
107 <style scoped lang="scss" > 107 <style scoped lang="scss" >
108 @import "~@/styles/mixin.scss"; 108 .ls-mask {
109 @import "~@/styles/dialogBox.scss"; 109 width: 100%;
110 110 height: 100%;
111 .ls-mask { 111 z-index: 2000;
112 width: 100%; 112 position: fixed;
113 height: 100%; 113 left: 0;
114 z-index: 2000; 114 top: 0;
115 position: fixed; 115 background: rgba(0, 0, 0, 0.3);
116 left: 0; 116 }
117 top: 0;
118 background: rgba(0, 0, 0, 0.3);
119
120 }
121
122 .ls-mask-window {
123 background: white;
124 position: relative;
125 left: 50%;
126 top: 50%;
127 min-height: 200px;
128 transform: translate(-50%, -50%);
129 border-radius: 5px;
130 overflow: hidden;
131 }
132 117
133 .ls-mask-window b { 118 .ls-mask-window {
134 padding-left: 5px; 119 background: white;
135 } 120 position: relative;
121 left: 50%;
122 top: 50%;
123 min-height: 200px;
124 transform: translate(-50%, -50%);
125 border-radius: 5px;
126 overflow: hidden;
127 }
136 128
137 /deep/.closeStyle { 129 .ls-mask-window b {
138 top: 7px !important; 130 padding-left: 5px;
139 } 131 }
140 132
141 .ls-title { 133 /deep/.closeStyle {
142 padding: 10px; 134 top: 7px !important;
143 color: #ffffff; 135 }
144 // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
145 font-size: 16px;
146 }
147 136
148 .ls-title .svg-icon { 137 .ls-title {
149 font-size: 18px; 138 padding: 10px;
150 } 139 color: #ffffff;
140 // background: linear-gradient(90deg, #1D66DC 0%, #081B56 100%);
141 font-size: 16px;
142 }
151 143
152 .mask-content { 144 .ls-title .svg-icon {
153 padding: 15px; 145 font-size: 18px;
154 width: 100%; 146 }
155 min-height: 20%;
156 max-height: 95%;
157 // overflow-y: scroll;
158 }
159 147
160 .ls-mask-footer { 148 .mask-content {
161 height: 50px; 149 padding: 15px;
162 display: flex; 150 width: 100%;
163 justify-content: center; 151 min-height: 20%;
164 width: 100%; 152 max-height: 95%;
165 position: absolute; 153 // overflow-y: scroll;
166 border-top: 1px solid $borderColor; 154 }
167 bottom: 0;
168 background: #ffffff;
169 border-bottom-left-radius: 5px;
170 border-bottom-right-radius: 5px;
171 overflow: hidden;
172 }
173 155
156 .ls-mask-footer {
157 height: 50px;
158 display: flex;
159 justify-content: center;
160 width: 100%;
161 position: absolute;
162 border-top: 1px solid $borderColor;
163 bottom: 0;
164 background: #ffffff;
165 border-bottom-left-radius: 5px;
166 border-bottom-right-radius: 5px;
167 overflow: hidden;
168 }
174 169
175 /deep/.closeStyle { 170 /deep/.closeStyle {
176 position: absolute; 171 position: absolute;
177 top: 13px; 172 top: 13px;
178 right: 26px; 173 right: 26px;
179 font-size: 24px; 174 font-size: 24px;
180 cursor: pointer; 175 cursor: pointer;
181 color: #409EFF; 176 color: #409eff;
182 } 177 }
183 178
184 /deep/.el-loading-mask { 179 /deep/.el-loading-mask {
185 background: none; 180 background: none;
186 } 181 }
187 182
188 /deep/.el-button { 183 /deep/.el-button {
189 margin: 8px 10px; 184 margin: 8px 10px;
190 width: 75px; 185 width: 75px;
191 } 186 }
192 </style> 187 </style>
......
1 .dialogBox {
2 overflow: hidden;
3 background: url("~@/image/dialogBg.png") no-repeat !important;
4 background-size: 100% 100% !important;
5 // min-height: 90vh;
6 1
7 .dialog_title {
8 display: flex;
9 position: relative;
10 font-size: 22px;
11 top: -10px;
12 width: 38%;
13 height: 40px;
14 margin-left: 28px;
15 justify-content: center;
16 white-space: nowrap;
17
18 b {
19 font-weight: 200;
20 display: inline-block;
21 position: relative;
22 font-size: 24px;
23 top: -11px;
24 width: 38%;
25 height: 40px;
26 margin-left: 28px;
27 // @include flex-center;
28 display: flex;
29 justify-content: center;
30 }
31 }
32
33 .dialog_full {
34 position: absolute;
35 top: 0;
36 right: 30px;
37 }
38
39 .el-dialog__body {
40 max-height: 88vh;
41 overflow-x: hidden;
42 overflow-y: hidden;
43 }
44
45 .dialog_footer {
46 margin-bottom: 8px;
47 @include flex-center;
48 }
49
50 .dialogBox-content {
51 height: auto
52 }
53
54 .editDialogBox-box {
55 background: #031A46;
56 box-shadow: inset 0px 0px 12px 0px #02D9FD;
57 border-radius: 2px;
58 border: 1px solid #6BC1FC;
59 margin: 0 18px 10px 18px;
60 }
61 }
62
63 .item-content-input {
64 /deep/.el-input__inner {
65 border: none !important;
66 text-align: right;
67 }
68 }
69
70 .regularHeight {
71 display: flex;
72 flex-direction: column;
73 height: 87vh;
74
75 .editDialogBox-con,
76 .JsonEditor {
77 flex: 1;
78 height: 100%;
79 }
80 }
81
82 .dialog-from {
83 padding: 13px;
84 border-radius: 2px;
85 box-sizing: border-box;
86
87 .el-row {
88 display: flex;
89 flex-wrap: nowrap;
90 }
91
92 .el-col {
93 line-height: 18px;
94 display: flex;
95 align-items: center;
96 margin-bottom: 3px;
97 color: #B5D6DC;
98 border-radius: 2px;
99 border: 1px solid #224C7C;
100
101 span {
102 display: inline-block;
103 padding: 3px;
104 border-radius: 3px;
105 overflow: hidden;
106 white-space: nowrap;
107 text-align: left;
108 color: #02D9FD;
109 }
110
111 p {
112 flex: 1;
113 width: 100%;
114 padding-left: 5px;
115 line-height: 20px;
116 color: #c0c4cc;
117 cursor: not-allowed;
118 white-space: nowrap;
119 margin-right: 5px;
120 text-align: right;
121 }
122 }
123 }
124
125 /deep/.el-textarea__inner {
126 border: 1px solid #224C7C;
127 margin: 0 0 10px 0 !important;
128 width: 100% !important;
129 color: #dadde3 !important;
130 background: transparent !important;
131 }
132
133 /deep/.el-input__inner {
134 border: 1px solid #224C7C !important;
135 margin: 0 !important;
136 width: 100% !important;
137 color: #dadde3 !important;
138 background: transparent !important;
139 }
140
141 .dialog_title {
142 @include flex;
143 justify-content: space-between;
144 width: 100%;
145 }
146
147 .el-dialog__header {
148 color: #FFFFFF;
149 height: 46px !important;
150 width: 97%;
151 margin: 0 auto;
152 margin-top: 2px;
153 }
154
155 .el-dialog__body {
156 padding-top: 0;
157 padding-bottom: 0;
158 // height: 95vh;
159 }
160
161 .el-dialog__headerbtn {
162 width: 42px;
163 height: 20px;
164 background: url("~@/image/closebg.png") no-repeat;
165 background-size: 100% 100%;
166 right: 40px;
167 top: 33px;
168
169 &:hover {
170 box-shadow: inset 0px 0px 12px 0px #02D9FD;
171 }
172 }
173
174 .el-dialog__close {
175 font-size: 0;
176 }
177
178 .el-form-item {
179 @include flex;
180 width: 100%;
181 }
182
183 .el-dialog__wrapper {
184 width: 100%;
185 height: 100%;
186 overflow: hidden;
187 }
188
189 .contentCenter {
190 position: absolute;
191 top: 50%;
192 left: 50%;
193 transform: translate(calc(-50% + 85px), -50%);
194 }
195
196 .mainCenter {
197 position: absolute;
198 top: 50%;
199 left: 50%;
200 transform: translate(-50%, -50%);
201
202 // 展开收起按钮位置
203 .el-input__suffix {
204 right: 10px;
205 }
206 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -79,6 +79,15 @@ ...@@ -79,6 +79,15 @@
79 } 79 }
80 } 80 }
81 81
82 .el-dialog__close {
83 font-size: 0;
84 }
85
86 .el-form-item {
87 display: flex;
88 width: 100%;
89 }
90
82 .advanced-search { 91 .advanced-search {
83 display: flex; 92 display: flex;
84 font-size: 12px; 93 font-size: 12px;
...@@ -240,12 +249,6 @@ ...@@ -240,12 +249,6 @@
240 color: #fff; 249 color: #fff;
241 } 250 }
242 251
243 .el-dialog__headerbtn {
244 position: absolute;
245 top: 22px;
246 right: 30px;
247 }
248
249 .el-dialog__header { 252 .el-dialog__header {
250 text-align: center; 253 text-align: center;
251 margin-bottom: 10px; 254 margin-bottom: 10px;
...@@ -424,6 +427,7 @@ ...@@ -424,6 +427,7 @@
424 width: 100%; 427 width: 100%;
425 border-bottom: 1px solid #ccc; 428 border-bottom: 1px solid #ccc;
426 } 429 }
430
427 } 431 }
428 432
429 .el-dialog__wrapper { 433 .el-dialog__wrapper {
...@@ -552,3 +556,202 @@ ...@@ -552,3 +556,202 @@
552 background-size: cover; 556 background-size: cover;
553 color: white; 557 color: white;
554 } 558 }
559
560 // 监管弹框样式
561 .dialogBox {
562 overflow: hidden;
563 background: url("~@/image/dialogBg.png") no-repeat !important;
564 background-size: 100% 100% !important;
565 // min-height: 90vh;
566
567 .dialog_title {
568 display: flex;
569 position: relative;
570 font-size: 22px;
571 top: -10px;
572 width: 38%;
573 height: 40px;
574 margin-left: 28px;
575 justify-content: center;
576 white-space: nowrap;
577
578 b {
579 font-weight: 200;
580 display: inline-block;
581 position: relative;
582 font-size: 24px;
583 top: -11px;
584 width: 38%;
585 height: 40px;
586 margin-left: 28px;
587 // @include flex-center;
588 display: flex;
589 justify-content: center;
590 }
591 }
592
593 .dialog_full {
594 position: absolute;
595 top: 0;
596 right: 30px;
597 }
598
599 .el-dialog__body {
600 max-height: 88vh;
601 overflow-x: hidden;
602 overflow-y: hidden;
603 }
604
605 .dialog_footer {
606 margin-bottom: 8px;
607 display: flex;
608 justify-content: center;
609 align-items: center;
610 }
611
612 .dialogBox-content {
613 height: auto
614 }
615
616 .editDialogBox-box {
617 background: #031A46;
618 box-shadow: inset 0px 0px 12px 0px #02D9FD;
619 border-radius: 2px;
620 border: 1px solid #6BC1FC;
621 margin: 0 18px 10px 18px;
622 }
623
624 .item-content-input {
625 /deep/.el-input__inner {
626 border: none !important;
627 text-align: right;
628 }
629 }
630
631 .regularHeight {
632 display: flex;
633 flex-direction: column;
634 height: 87vh;
635
636 .editDialogBox-con,
637 .JsonEditor {
638 flex: 1;
639 height: 100%;
640 }
641 }
642
643 .dialog-from {
644 padding: 13px;
645 border-radius: 2px;
646 box-sizing: border-box;
647
648 .el-row {
649 display: flex;
650 flex-wrap: nowrap;
651 }
652
653 .el-col {
654 line-height: 18px;
655 display: flex;
656 align-items: center;
657 margin-bottom: 3px;
658 color: #B5D6DC;
659 border-radius: 2px;
660 border: 1px solid #224C7C;
661
662 span {
663 display: inline-block;
664 padding: 3px;
665 border-radius: 3px;
666 overflow: hidden;
667 white-space: nowrap;
668 text-align: left;
669 color: #02D9FD;
670 }
671
672 p {
673 flex: 1;
674 width: 100%;
675 padding-left: 5px;
676 line-height: 20px;
677 color: #c0c4cc;
678 cursor: not-allowed;
679 white-space: nowrap;
680 margin-right: 5px;
681 text-align: right;
682 }
683 }
684
685 }
686
687 .el-textarea__inner {
688 border: 1px solid #224C7C;
689 margin: 0 0 10px 0 !important;
690 width: 100% !important;
691 color: #dadde3 !important;
692 background: transparent !important;
693 }
694
695 .el-input__inner {
696 border: 1px solid #224C7C !important;
697 margin: 0 !important;
698 width: 100% !important;
699 color: #dadde3 !important;
700 background: transparent !important;
701 }
702
703 .el-dialog__header {
704 color: #FFFFFF;
705 height: 46px !important;
706 width: 97%;
707 margin: 0 auto;
708 margin-top: 2px;
709 }
710
711 .el-dialog__body {
712 padding-top: 0;
713 padding-bottom: 0;
714 // height: 95vh;
715 }
716
717 .el-dialog__headerbtn {
718 width: 42px;
719 height: 20px;
720 background: url("~@/image/closebg.png") no-repeat;
721 background-size: 100% 100%;
722 right: 40px;
723 top: 33px;
724
725 &:hover {
726 box-shadow: inset 0px 0px 12px 0px #02D9FD;
727 }
728 }
729
730 .el-dialog__close {
731 font-size: 0;
732 }
733
734 .el-form-item {
735 display: flex;
736 width: 100%;
737 }
738
739 }
740 .contentCenter {
741 position: absolute;
742 top: 50%;
743 left: 50%;
744 transform: translate(calc(-50% + 85px), -50%);
745 }
746
747 .mainCenter {
748 position: absolute;
749 top: 50%;
750 left: 50%;
751 transform: translate(-50%, -50%);
752
753 // 展开收起按钮位置
754 .el-input__suffix {
755 right: 10px;
756 }
757 }
......
...@@ -27,7 +27,14 @@ ...@@ -27,7 +27,14 @@
27 padding: 22px 42px 20px; 27 padding: 22px 42px 20px;
28 } 28 }
29 29
30 .el-dialog__close {
31 font-size: 0;
32 }
30 33
34 .el-form-item {
35 display: flex;
36 width: 100%;
37 }
31 38
32 .el-form--inline .el-form-item { 39 .el-form--inline .el-form-item {
33 width: auto; 40 width: auto;
......
...@@ -193,384 +193,384 @@ ...@@ -193,384 +193,384 @@
193 </template> 193 </template>
194 194
195 <script> 195 <script>
196 import { sbdata, sendThis } from './data/sbdata' 196 import { sbdata, sendThis } from './data/sbdata'
197 import { dbdata, sendThis1 } from './data/dbdata' 197 import { dbdata, sendThis1 } from './data/dbdata'
198 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" 198 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js"
199 import JsonEditor from "@/components/JsonEditor.vue"; 199 import JsonEditor from "@/components/JsonEditor.vue";
200 import { judgeListComplete } from "@/utils/tools.js" 200 import { judgeListComplete } from "@/utils/tools.js"
201 export default { 201 export default {
202 components: { JsonEditor }, 202 components: { JsonEditor },
203 data () { 203 data () {
204 return { 204 return {
205 key: 0, 205 key: 0,
206 title: '', 206 title: '',
207 dialogVisible: false, 207 dialogVisible: false,
208 titleName: 'sjmx', 208 titleName: 'sjmx',
209 titleName2: 'drdbxd', 209 titleName2: 'drdbxd',
210 dbBsm: '', 210 dbBsm: '',
211 // 头部信息 211 // 头部信息
212 accessLog: { 212 accessLog: {
213 AREACODE: '', 213 AREACODE: '',
214 AREANAME: '', 214 AREANAME: '',
215 ACCESSDATE: '', 215 ACCESSDATE: '',
216 REMARK: '' 216 REMARK: ''
217 }, 217 },
218 // 当日登薄信息记录数 218 // 当日登薄信息记录数
219 registerInfo: {
220 TOTALNUM: '', // 总数量
221 FIRSTREG: '', // 首次登记数量
222 TRANSFERREG: '', // 转移登记数量
223 CHANGEREG: '', // 变更登记数量
224 LOGOUTREG: '', // 注销登记数量
225 RIVISEREG: '', // 更正登记数量
226 DISSENTINGREG: '', // 异议登记数量
227 ADVANCEREG: '', // 预告登记数量
228 SEIZEREG: '', // 查封登记数量
229 EASEMENTREG: '', // 地役权登记数量
230 otherReg: '', // 其他登记数量
231 BUSINESSTYPECOUNT: '', // 业务类型总数
232 },
233 // 当日上报记录数
234 accessInfo: {
235 TOTALNUM: '', // 总数量
236 FIRSTREG: '', // 首次登记数量
237 TRANSFERREG: '', // 转移登记数量
238 CHANGEREG: '', // 变更登记数量
239 LOGOUTREG: '', // 注销登记数量
240 RIVISEREG: '', // 更正登记数量
241 DISSENTINGREG: '', // 异议登记数量
242 ADVANCEREG: '', // 预告登记数量
243 SEIZEREG: '', // 查封登记数量
244 EASEMENTREG: '', // 地役权登记数量
245 otherReg: '', // 其他登记数量
246 BUSINESSTYPECOUNT: '', // 业务类型总数
247 },
248 // 当日登薄详单
249 tableDBData: {
250 data: [],
251 column: dbdata.columns()
252 },
253 // 当日上报详单
254 tableSBData: {
255 data: [],
256 column: sbdata.columns()
257 },
258 // XML详情
259 resultInfo: '',
260 dataReport: {}
261 }
262 },
263 mounted () {
264 sendThis(this);
265 sendThis1(this);
266 },
267 watch: {
219 registerInfo: { 268 registerInfo: {
220 TOTALNUM: '', // 总数量 269 handler: function (newVal, oldVal) {
221 FIRSTREG: '', // 首次登记数量 270 this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
222 TRANSFERREG: '', // 转移登记数量 271 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
223 CHANGEREG: '', // 变更登记数量 272 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
224 LOGOUTREG: '', // 注销登记数量 273 },
225 RIVISEREG: '', // 更正登记数量 274 deep: true
226 DISSENTINGREG: '', // 异议登记数量
227 ADVANCEREG: '', // 预告登记数量
228 SEIZEREG: '', // 查封登记数量
229 EASEMENTREG: '', // 地役权登记数量
230 otherReg: '', // 其他登记数量
231 BUSINESSTYPECOUNT: '', // 业务类型总数
232 }, 275 },
233 // 当日上报记录数
234 accessInfo: { 276 accessInfo: {
235 TOTALNUM: '', // 总数量 277 handler: function (newVal, oldVal) {
236 FIRSTREG: '', // 首次登记数量 278 this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
237 TRANSFERREG: '', // 转移登记数量 279 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
238 CHANGEREG: '', // 变更登记数量 280 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
239 LOGOUTREG: '', // 注销登记数量 281 },
240 RIVISEREG: '', // 更正登记数量 282 deep: true
241 DISSENTINGREG: '', // 异议登记数量 283 }
242 ADVANCEREG: '', // 预告登记数量
243 SEIZEREG: '', // 查封登记数量
244 EASEMENTREG: '', // 地役权登记数量
245 otherReg: '', // 其他登记数量
246 BUSINESSTYPECOUNT: '', // 业务类型总数
247 },
248 // 当日登薄详单
249 tableDBData: {
250 data: [],
251 column: dbdata.columns()
252 },
253 // 当日上报详单
254 tableSBData: {
255 data: [],
256 column: sbdata.columns()
257 },
258 // XML详情
259 resultInfo: '',
260 dataReport: {}
261 }
262 },
263 mounted () {
264 sendThis(this);
265 sendThis1(this);
266 },
267 watch: {
268 registerInfo: {
269 handler: function (newVal, oldVal) {
270 this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
271 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
272 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
273 },
274 deep: true
275 }, 284 },
276 accessInfo: { 285 methods: {
277 handler: function (newVal, oldVal) { 286 closeDialog () {
278 this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) + 287 this.dialogVisible = false;
279 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
280 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
281 }, 288 },
282 deep: true 289 isShow (item) {
283 } 290 this.title = '登薄日志(' + item.ACCESSDATE + ')'
284 }, 291 this.titleName = 'sjmx'
285 methods: { 292 this.dialogVisible = true
286 closeDialog () { 293 this.dbBsm = item.dbBsm
287 this.dialogVisible = false; 294 this._getDetails(item.dbBsm)
288 }, 295 },
289 isShow (item) { 296 /**
290 this.title = '登薄日志(' + item.ACCESSDATE + ')' 297 * @description: 获取列表接口
291 this.titleName = 'sjmx' 298 * @author: renchao
292 this.dialogVisible = true 299 */
293 this.dbBsm = item.dbBsm 300 _getDetails (data) {
294 this._getDetails(item.dbBsm) 301 getDetail(data).then(res => {
295 }, 302 let { accessLog, registerInfo, accessInfo, accessList, registerList
296 /** 303 } = res.result
297 * @description: 获取列表接口 304 this.accessLog = accessLog
298 * @author: renchao 305 this.resultInfo = accessLog.LOGSXML
299 */ 306 this.registerInfo = registerInfo
300 _getDetails (data) { 307 this.accessInfo = accessInfo
301 getDetail(data).then(res => { 308 this.tableDBData.data = _.cloneDeep(registerList)
302 let { accessLog, registerInfo, accessInfo, accessList, registerList 309 this.tableSBData.data = _.cloneDeep(accessList)
303 } = res.result 310 this.tableDBData.data.forEach((item, index) => {
304 this.accessLog = accessLog 311 this.$set(item, 'index', index)
305 this.resultInfo = accessLog.LOGSXML 312 })
306 this.registerInfo = registerInfo 313 this.tableSBData.data.forEach((item, index) => {
307 this.accessInfo = accessInfo 314 this.$set(item, 'index', index)
308 this.tableDBData.data = _.cloneDeep(registerList) 315 })
309 this.tableSBData.data = _.cloneDeep(accessList)
310 this.tableDBData.data.forEach((item, index) => {
311 this.$set(item, 'index', index)
312 })
313 this.tableSBData.data.forEach((item, index) => {
314 this.$set(item, 'index', index)
315 }) 316 })
316 }) 317 },
317 }, 318 // 当日登薄详单
318 // 当日登薄详单 319 handleDBAdd () {
319 handleDBAdd () { 320 this.tableDBData.data.push({
320 this.tableDBData.data.push({ 321 YWH: '',
321 YWH: '', 322 DJLX: '',
322 DJLX: '', 323 QLLX: '',
323 QLLX: '', 324 BDCDYH: '',
324 BDCDYH: '', 325 ZSZMH: '',
325 ZSZMH: '', 326 SFSB: '',
326 SFSB: '', 327 BWID: '',
327 BWID: '', 328 BSM_DBLOG: this.accessLog.bsmDblog
328 BSM_DBLOG: this.accessLog.bsmDblog
329 })
330 this.tableDBData.data.forEach((item, index) => {
331 this.$set(item, 'index', index)
332 })
333 },
334 handleDBMinus (row) {
335 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
336 confirmButtonText: '确定',
337 cancelButtonText: '取消',
338 type: 'warning'
339 }).then(() => {
340 this.tableDBData.data.splice(row.index, 1)
341 this.$message({
342 type: 'success',
343 message: '删除成功!'
344 }) 329 })
345 this.tableDBData.data.forEach((item, index) => { 330 this.tableDBData.data.forEach((item, index) => {
346 this.$set(item, 'index', index) 331 this.$set(item, 'index', index)
347 }) 332 })
348 }).catch(() => { 333 },
349 this.$message({ 334 handleDBMinus (row) {
350 type: 'info', 335 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
351 message: '已取消删除' 336 confirmButtonText: '确定',
337 cancelButtonText: '取消',
338 type: 'warning'
339 }).then(() => {
340 this.tableDBData.data.splice(row.index, 1)
341 this.$message({
342 type: 'success',
343 message: '删除成功!'
344 })
345 this.tableDBData.data.forEach((item, index) => {
346 this.$set(item, 'index', index)
347 })
348 }).catch(() => {
349 this.$message({
350 type: 'info',
351 message: '已取消删除'
352 })
352 }) 353 })
353 }) 354 },
354 }, 355 // 当日上报详单
355 // 当日上报详单 356 handleSBAdd () {
356 handleSBAdd () { 357 this.tableSBData.data.push({
357 this.tableSBData.data.push({ 358 YWH: '',
358 YWH: '', 359 BDCDYH: '',
359 BDCDYH: '', 360 BWID: '',
360 BWID: '', 361 BSM_DBLOG: this.accessLog.bsmDblog
361 BSM_DBLOG: this.accessLog.bsmDblog
362 })
363 this.tableSBData.data.forEach((item, index) => {
364 this.$set(item, 'index', index)
365 })
366 },
367 handleSBMinus (row) {
368 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
369 confirmButtonText: '确定',
370 cancelButtonText: '取消',
371 type: 'warning'
372 }).then(() => {
373 this.tableSBData.data.splice(row.index, 1)
374 this.$message({
375 type: 'success',
376 message: '删除成功!'
377 }) 362 })
378 this.tableSBData.data.forEach((item, index) => { 363 this.tableSBData.data.forEach((item, index) => {
379 this.$set(item, 'index', index) 364 this.$set(item, 'index', index)
380 }) 365 })
381 }).catch(() => { 366 },
382 this.$message({ 367 handleSBMinus (row) {
383 type: 'info', 368 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
384 message: '已取消删除' 369 confirmButtonText: '确定',
385 }) 370 cancelButtonText: '取消',
386 }) 371 type: 'warning'
387 }, 372 }).then(() => {
388 /** 373 this.tableSBData.data.splice(row.index, 1)
389 * @description: 确定修改详情 374 this.$message({
390 * @param {*} function 375 type: 'success',
391 * @author: renchao 376 message: '删除成功!'
392 */ 377 })
393 submitForm: _.debounce(function () { 378 this.tableSBData.data.forEach((item, index) => {
394 let _this = this 379 this.$set(item, 'index', index)
395 if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) { 380 })
396 _editDetail() 381 }).catch(() => {
397 } 382 this.$message({
398 function _verify (data, msg) { 383 type: 'info',
399 let flag = true 384 message: '已取消删除'
400 if (!judgeListComplete(data)) {
401 _this.$message({
402 message: msg,
403 type: 'warning'
404 }) 385 })
405 flag = false
406 }
407 return flag
408 }
409 function _editDetail () {
410 edit({
411 accessLog: _this.accessLog, registerInfo: _this.registerInfo,
412 accessInfo: _this.accessInfo,
413 accessList: _this.tableSBData.data,
414 registerList: _this.tableDBData.data
415 }).then(res => {
416 if (res.code == 200) {
417 _this.$message({
418 message: '保存成功',
419 type: 'success'
420 })
421 _this._getDetails(_this.dbBsm)
422 }
423 })
424 }
425 }, 600),
426 /**
427 * @description: 登薄日志重新生成报文
428 * @param {*} function
429 * @author: renchao
430 */
431 handleResubmit () {
432 let _this = this
433 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
434 confirmButtonText: '确定',
435 cancelButtonText: '取消',
436 type: 'warning'
437 }).then(() => {
438 createXml()
439 }).catch(() => {
440 this.$message({
441 type: 'info',
442 message: '已取消删除'
443 }) 386 })
444 }) 387 },
445 function createXml () { 388 /**
446 regenerateDbXml(_this.dbBsm).then(res => { 389 * @description: 确定修改详情
447 if (res.code == 200) { 390 * @param {*} function
391 * @author: renchao
392 */
393 submitForm: _.debounce(function () {
394 let _this = this
395 if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) {
396 _editDetail()
397 }
398 function _verify (data, msg) {
399 let flag = true
400 if (!judgeListComplete(data)) {
448 _this.$message({ 401 _this.$message({
449 message: '生成成功', 402 message: msg,
450 type: 'success' 403 type: 'warning'
451 }) 404 })
452 _this.resultInfo = res.message 405 flag = false
453 } 406 }
407 return flag
408 }
409 function _editDetail () {
410 edit({
411 accessLog: _this.accessLog, registerInfo: _this.registerInfo,
412 accessInfo: _this.accessInfo,
413 accessList: _this.tableSBData.data,
414 registerList: _this.tableDBData.data
415 }).then(res => {
416 if (res.code == 200) {
417 _this.$message({
418 message: '保存成功',
419 type: 'success'
420 })
421 _this._getDetails(_this.dbBsm)
422 }
423 })
424 }
425 }, 600),
426 /**
427 * @description: 登薄日志重新生成报文
428 * @param {*} function
429 * @author: renchao
430 */
431 handleResubmit () {
432 let _this = this
433 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
434 confirmButtonText: '确定',
435 cancelButtonText: '取消',
436 type: 'warning'
437 }).then(() => {
438 createXml()
439 }).catch(() => {
440 this.$message({
441 type: 'info',
442 message: '已取消删除'
443 })
454 }) 444 })
445 function createXml () {
446 regenerateDbXml(_this.dbBsm).then(res => {
447 if (res.code == 200) {
448 _this.$message({
449 message: '生成成功',
450 type: 'success'
451 })
452 _this.resultInfo = res.message
453 }
454 })
455 }
455 } 456 }
456 } 457 }
457 } 458 }
458 }
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/dialogBox.scss"; 462 // @import "~@/styles/dialogBox.scss";
463
464
465 /deep/.el-tabs__header {
466 margin: 0;
467 }
468
469 /deep/.el-dialog {
470 display: flex;
471 flex-direction: column;
472 }
473 463
474 /deep/.el-dialog__body { 464 /deep/.el-tabs__header {
475 display: flex; 465 margin: 0;
476 flex-direction: column; 466 }
477 padding-bottom: 30px;
478 height: 100%;
479 flex: 1;
480 position: relative;
481 }
482 467
483 .regularHeight { 468 /deep/.el-dialog {
484 display: flex; 469 display: flex;
485 flex-direction: column; 470 flex-direction: column;
486 height: 87vh; 471 }
487 margin-bottom: 5px;
488 472
489 .editDialogBox-con, 473 /deep/.el-dialog__body {
490 .JsonEditor { 474 display: flex;
475 flex-direction: column;
476 padding-bottom: 30px;
477 height: 100%;
491 flex: 1; 478 flex: 1;
479 position: relative;
492 } 480 }
493 }
494
495 .d-center {}
496 481
497 .dialog_title { 482 .regularHeight {
498 top: -13px 483 display: flex;
499 } 484 flex-direction: column;
485 height: 87vh;
486 margin-bottom: 5px;
500 487
501 /deep/.el-tabs__item { 488 .editDialogBox-con,
502 color: #CEF8FF !important; 489 .JsonEditor {
490 flex: 1;
491 }
492 }
503 493
504 display: flex; 494 .d-center {
505 flex-direction: row; 495 }
506 justify-content: center;
507 background: url("~@/image/tabitem.png") no-repeat;
508 background-size: 100% 100%;
509 border: none !important;
510 }
511 496
512 /deep/.el-tabs__nav { 497 .dialog_title {
513 display: flex; 498 top: -13px;
514 border: none !important; 499 }
515 }
516 500
517 /deep/.el-tabs__item.is-top:not(:last-child) { 501 /deep/.el-tabs__item {
518 margin-right: 5px; 502 color: #cef8ff !important;
519 }
520 503
521 /deep/.el-icon-circle-close { 504 display: flex;
522 display: none; 505 flex-direction: row;
523 } 506 justify-content: center;
507 background: url("~@/image/tabitem.png") no-repeat;
508 background-size: 100% 100%;
509 border: none !important;
510 }
524 511
525 /deep/.el-tabs__item.is-active { 512 /deep/.el-tabs__nav {
526 background: url("~@/image/tabitemse.png") no-repeat; 513 display: flex;
527 background-size: 100% 100%; 514 border: none !important;
528 } 515 }
529 516
530 .from-clues-content { 517 /deep/.el-tabs__item.is-top:not(:last-child) {
531 margin-top: 0; 518 margin-right: 5px;
532 background: none; 519 }
533 padding: 0;
534 }
535 520
536 .editDialogBox-box { 521 /deep/.el-icon-circle-close {
537 position: relative; 522 display: none;
538 top: 10px; 523 }
539 height: 100%;
540 }
541 524
542 .dialog-from { 525 /deep/.el-tabs__item.is-active {
543 padding-top: 0; 526 background: url("~@/image/tabitemse.png") no-repeat;
527 background-size: 100% 100%;
528 }
544 529
545 .el-col { 530 .from-clues-content {
546 justify-content: space-between; 531 margin-top: 0;
532 background: none;
533 padding: 0;
547 } 534 }
548 535
549 .bz { 536 .editDialogBox-box {
550 height: 100%;
551 position: relative; 537 position: relative;
552 top: 3px; 538 top: 10px;
539 height: 100%;
553 } 540 }
554 541
555 /deep/.el-input { 542 .dialog-from {
556 flex: 1; 543 padding-top: 0;
557 width: 100%;
558 }
559 544
560 /deep/.el-textarea__inner { 545 .el-col {
561 border: none !important; 546 justify-content: space-between;
562 margin: 0; 547 }
563 }
564 548
565 &_header { 549 .bz {
566 margin: 0 -5px !important; 550 height: 100%;
567 } 551 position: relative;
552 top: 3px;
553 }
554
555 /deep/.el-input {
556 flex: 1;
557 width: 100%;
558 }
568 559
569 &_title { 560 /deep/.el-textarea__inner {
570 font-size: 14px; 561 border: none !important;
571 color: #d7eaee; 562 margin: 0;
572 margin: 3px 0; 563 }
564
565 &_header {
566 margin: 0 -5px !important;
567 }
568
569 &_title {
570 font-size: 14px;
571 color: #d7eaee;
572 margin: 3px 0;
573 }
573 } 574 }
574 }
575 </style> 575 </style>
576 576
......
...@@ -177,9 +177,12 @@ ...@@ -177,9 +177,12 @@
177 white-space: nowrap; 177 white-space: nowrap;
178 b { 178 b {
179 font-size: 16px; 179 font-size: 16px;
180 font-weight: 600;
181 } 180 }
182 } 181 }
182 .el-dialog__headerbtn {
183 right: 20px !important;
184 top: 23px !important;
185 }
183 } 186 }
184 } 187 }
185 </style> 188 </style>
......
...@@ -412,6 +412,6 @@ ...@@ -412,6 +412,6 @@
412 }; 412 };
413 </script> 413 </script>
414 <style scoped lang="scss"> 414 <style scoped lang="scss">
415 @import "~@/styles/mixin.scss"; 415 // @import "~@/styles/mixin.scss";
416 @import "~@/styles/dialogBox.scss"; 416 // @import "~@/styles/dialogBox.scss";
417 </style> 417 </style>
......
...@@ -210,9 +210,12 @@ ...@@ -210,9 +210,12 @@
210 white-space: nowrap; 210 white-space: nowrap;
211 b { 211 b {
212 font-size: 16px; 212 font-size: 16px;
213 font-weight: 600;
214 } 213 }
215 } 214 }
215 .el-dialog__headerbtn {
216 right: 20px !important;
217 top: 23px !important;
218 }
216 } 219 }
217 .selbig { 220 .selbig {
218 width: 500px; 221 width: 500px;
......