Skip to content

bdc / bdcjg-web

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

style:监管登薄日志

1 parent 35a29d48
Inline Side-by-side
Showing 2 changed files with 251 additions and 244 deletions
...@@ -637,7 +637,7 @@ ...@@ -637,7 +637,7 @@
637 637
638 .tab-pane-item { 638 .tab-pane-item {
639 line-height: 20px; 639 line-height: 20px;
640 color: #02d9fd; 640 color: #FFFFFF;
641 641
642 p { 642 p {
643 text-align: center; 643 text-align: center;
...@@ -1015,4 +1015,4 @@ ...@@ -1015,4 +1015,4 @@
1015 font-size: 20px; 1015 font-size: 20px;
1016 color: #4162D8 1016 color: #4162D8
1017 } 1017 }
1018 } 1018 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template> 1 <template>
2 <!-- 修改登簿日志弹窗 --> 2 <!-- 修改登簿日志弹窗 -->
3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" 3 <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
4 custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%"> 4 custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%">
5 <div slot="title" class="dialog_title" ref="dialogTitle"> 5 <div slot="title" class="dialog_title" ref="dialogTitle">
...@@ -188,277 +188,284 @@ ...@@ -188,277 +188,284 @@
188 <btn nativeType="cx" @click="submitForm">保 存</btn> 188 <btn nativeType="cx" @click="submitForm">保 存</btn>
189 </div> 189 </div>
190 <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'"> 190 <div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'">
191 <btn nativeType="cx" @click="handleExtract">再次抽取</btn>
191 <btn nativeType="cx" @click="handleResubmit">重新上报</btn> 192 <btn nativeType="cx" @click="handleResubmit">重新上报</btn>
192 </div> 193 </div>
193 </el-dialog> 194 </el-dialog>
194 </template> 195 </template>
195 196
196 <script> 197 <script>
197 import { sbdata, sendThis } from './data/sbdata' 198 import { sbdata, sendThis } from './data/sbdata'
198 import { dbdata, sendThis1 } from './data/dbdata' 199 import { dbdata, sendThis1 } from './data/dbdata'
199 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js" 200 import { getDetail, edit, regenerateDbXml } from "@/api/recordLog.js"
200 import JsonEditor from "@/components/JsonEditor.vue"; 201 import JsonEditor from "@/components/JsonEditor.vue";
201 import { judgeListComplete } from "@/utils/tools.js" 202 import { judgeListComplete } from "@/utils/tools.js"
202 export default { 203 export default {
203 components: { JsonEditor }, 204 components: { JsonEditor },
204 data () { 205 data () {
205 return { 206 return {
206 key: 0, 207 key: 0,
207 title: '', 208 title: '',
208 dialogVisible: false, 209 dialogVisible: false,
209 titleName: 'sjmx', 210 titleName: 'sjmx',
210 titleName2: 'drdbxd', 211 titleName2: 'drdbxd',
211 dbBsm: '', 212 dbBsm: '',
212 // 头部信息 213 // 头部信息
213 accessLog: { 214 accessLog: {
214 AREACODE: '', 215 AREACODE: '',
215 AREANAME: '', 216 AREANAME: '',
216 ACCESSDATE: '', 217 ACCESSDATE: '',
217 REMARK: '' 218 REMARK: ''
218 }, 219 },
219 // 当日登薄信息记录数 220 // 当日登薄信息记录数
221 registerInfo: {
222 TOTALNUM: '', // 总数量
223 FIRSTREG: '', // 首次登记数量
224 TRANSFERREG: '', // 转移登记数量
225 CHANGEREG: '', // 变更登记数量
226 LOGOUTREG: '', // 注销登记数量
227 RIVISEREG: '', // 更正登记数量
228 DISSENTINGREG: '', // 异议登记数量
229 ADVANCEREG: '', // 预告登记数量
230 SEIZEREG: '', // 查封登记数量
231 EASEMENTREG: '', // 地役权登记数量
232 otherReg: '', // 其他登记数量
233 BUSINESSTYPECOUNT: '', // 业务类型总数
234 },
235 // 当日上报记录数
236 accessInfo: {
237 TOTALNUM: '', // 总数量
238 FIRSTREG: '', // 首次登记数量
239 TRANSFERREG: '', // 转移登记数量
240 CHANGEREG: '', // 变更登记数量
241 LOGOUTREG: '', // 注销登记数量
242 RIVISEREG: '', // 更正登记数量
243 DISSENTINGREG: '', // 异议登记数量
244 ADVANCEREG: '', // 预告登记数量
245 SEIZEREG: '', // 查封登记数量
246 EASEMENTREG: '', // 地役权登记数量
247 otherReg: '', // 其他登记数量
248 BUSINESSTYPECOUNT: '', // 业务类型总数
249 },
250 // 当日登薄详单
251 tableDBData: {
252 data: [],
253 column: dbdata.columns()
254 },
255 // 当日上报详单
256 tableSBData: {
257 data: [],
258 column: sbdata.columns()
259 },
260 // XML详情
261 resultInfo: '',
262 dataReport: {}
263 }
264 },
265 mounted () {
266 sendThis(this);
267 sendThis1(this);
268 },
269 watch: {
220 registerInfo: { 270 registerInfo: {
221 TOTALNUM: '', // 总数量 271 handler: function (newVal, oldVal) {
222 FIRSTREG: '', // 首次登记数量 272 this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
223 TRANSFERREG: '', // 转移登记数量 273 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
224 CHANGEREG: '', // 变更登记数量 274 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
225 LOGOUTREG: '', // 注销登记数量 275 },
226 RIVISEREG: '', // 更正登记数量 276 deep: true
227 DISSENTINGREG: '', // 异议登记数量
228 ADVANCEREG: '', // 预告登记数量
229 SEIZEREG: '', // 查封登记数量
230 EASEMENTREG: '', // 地役权登记数量
231 otherReg: '', // 其他登记数量
232 BUSINESSTYPECOUNT: '', // 业务类型总数
233 }, 277 },
234 // 当日上报记录数
235 accessInfo: { 278 accessInfo: {
236 TOTALNUM: '', // 总数量 279 handler: function (newVal, oldVal) {
237 FIRSTREG: '', // 首次登记数量 280 this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
238 TRANSFERREG: '', // 转移登记数量 281 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
239 CHANGEREG: '', // 变更登记数量 282 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
240 LOGOUTREG: '', // 注销登记数量 283 },
241 RIVISEREG: '', // 更正登记数量 284 deep: true
242 DISSENTINGREG: '', // 异议登记数量 285 }
243 ADVANCEREG: '', // 预告登记数量
244 SEIZEREG: '', // 查封登记数量
245 EASEMENTREG: '', // 地役权登记数量
246 otherReg: '', // 其他登记数量
247 BUSINESSTYPECOUNT: '', // 业务类型总数
248 },
249 // 当日登薄详单
250 tableDBData: {
251 data: [],
252 column: dbdata.columns()
253 },
254 // 当日上报详单
255 tableSBData: {
256 data: [],
257 column: sbdata.columns()
258 },
259 // XML详情
260 resultInfo: '',
261 dataReport: {}
262 }
263 },
264 mounted () {
265 sendThis(this);
266 sendThis1(this);
267 },
268 watch: {
269 registerInfo: {
270 handler: function (newVal, oldVal) {
271 this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) +
272 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0)
273 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
274 },
275 deep: true
276 }, 286 },
277 accessInfo: { 287 methods: {
278 handler: function (newVal, oldVal) { 288 // 关闭弹框事件
279 this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) + 289 closeDialog () {
280 (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0) 290 this.dialogVisible = false;
281 + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0)
282 }, 291 },
283 deep: true 292 // 展示弹框
284 } 293 isShow (item) {
285 }, 294 this.title = '登薄日志(' + item.ACCESSDATE + ')'
286 methods: { 295 this.titleName = 'sjmx'
287 // 关闭弹框事件 296 this.dialogVisible = true
288 closeDialog () { 297 this.dbBsm = item.dbBsm
289 this.dialogVisible = false; 298 this._getDetails(item.dbBsm)
290 }, 299 },
291 // 展示弹框 300 /**
292 isShow (item) { 301 * @description: 获取列表接口
293 this.title = '登薄日志(' + item.ACCESSDATE + ')' 302 * @author: renchao
294 this.titleName = 'sjmx' 303 */
295 this.dialogVisible = true 304 _getDetails (data) {
296 this.dbBsm = item.dbBsm 305 getDetail(data).then(res => {
297 this._getDetails(item.dbBsm) 306 let { accessLog, registerInfo, accessInfo, accessList, registerList
298 }, 307 } = res.result
299 /** 308 this.accessLog = accessLog
300 * @description: 获取列表接口 309 this.resultInfo = accessLog.LOGSXML
301 * @author: renchao 310 this.registerInfo = registerInfo
302 */ 311 this.accessInfo = accessInfo
303 _getDetails (data) { 312 this.tableDBData.data = _.cloneDeep(registerList)
304 getDetail(data).then(res => { 313 this.tableSBData.data = _.cloneDeep(accessList)
305 let { accessLog, registerInfo, accessInfo, accessList, registerList 314 this.tableDBData.data.forEach((item, index) => {
306 } = res.result 315 this.$set(item, 'index', index)
307 this.accessLog = accessLog 316 })
308 this.resultInfo = accessLog.LOGSXML 317 this.tableSBData.data.forEach((item, index) => {
309 this.registerInfo = registerInfo 318 this.$set(item, 'index', index)
310 this.accessInfo = accessInfo 319 })
311 this.tableDBData.data = _.cloneDeep(registerList)
312 this.tableSBData.data = _.cloneDeep(accessList)
313 this.tableDBData.data.forEach((item, index) => {
314 this.$set(item, 'index', index)
315 })
316 this.tableSBData.data.forEach((item, index) => {
317 this.$set(item, 'index', index)
318 }) 320 })
319 }) 321 },
320 }, 322 // 当日登薄详单
321 // 当日登薄详单 323 handleDBAdd () {
322 handleDBAdd () { 324 this.tableDBData.data.push({
323 this.tableDBData.data.push({ 325 YWH: '',
324 YWH: '', 326 DJLX: '',
325 DJLX: '', 327 QLLX: '',
326 QLLX: '', 328 BDCDYH: '',
327 BDCDYH: '', 329 ZSZMH: '',
328 ZSZMH: '', 330 SFSB: '',
329 SFSB: '', 331 BWID: '',
330 BWID: '', 332 BSM_DBLOG: this.accessLog.bsmDblog
331 BSM_DBLOG: this.accessLog.bsmDblog
332 })
333 this.tableDBData.data.forEach((item, index) => {
334 this.$set(item, 'index', index)
335 })
336 },
337 handleDBMinus (row) {
338 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
339 confirmButtonText: '确定',
340 cancelButtonText: '取消',
341 type: 'warning'
342 }).then(() => {
343 this.tableDBData.data.splice(row.index, 1)
344 this.$message({
345 type: 'success',
346 message: '删除成功!'
347 }) 333 })
348 this.tableDBData.data.forEach((item, index) => { 334 this.tableDBData.data.forEach((item, index) => {
349 this.$set(item, 'index', index) 335 this.$set(item, 'index', index)
350 }) 336 })
351 }).catch(() => { 337 },
352 this.$message({ 338 handleDBMinus (row) {
353 type: 'info', 339 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
354 message: '已取消删除' 340 confirmButtonText: '确定',
341 cancelButtonText: '取消',
342 type: 'warning'
343 }).then(() => {
344 this.tableDBData.data.splice(row.index, 1)
345 this.$message({
346 type: 'success',
347 message: '删除成功!'
348 })
349 this.tableDBData.data.forEach((item, index) => {
350 this.$set(item, 'index', index)
351 })
352 }).catch(() => {
353 this.$message({
354 type: 'info',
355 message: '已取消删除'
356 })
355 }) 357 })
356 }) 358 },
357 }, 359 // 当日上报详单
358 // 当日上报详单 360 handleSBAdd () {
359 handleSBAdd () { 361 this.tableSBData.data.push({
360 this.tableSBData.data.push({ 362 YWH: '',
361 YWH: '', 363 BDCDYH: '',
362 BDCDYH: '', 364 BWID: '',
363 BWID: '', 365 BSM_DBLOG: this.accessLog.bsmDblog
364 BSM_DBLOG: this.accessLog.bsmDblog
365 })
366 this.tableSBData.data.forEach((item, index) => {
367 this.$set(item, 'index', index)
368 })
369 },
370 handleSBMinus (row) {
371 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
372 confirmButtonText: '确定',
373 cancelButtonText: '取消',
374 type: 'warning'
375 }).then(() => {
376 this.tableSBData.data.splice(row.index, 1)
377 this.$message({
378 type: 'success',
379 message: '删除成功!'
380 }) 366 })
381 this.tableSBData.data.forEach((item, index) => { 367 this.tableSBData.data.forEach((item, index) => {
382 this.$set(item, 'index', index) 368 this.$set(item, 'index', index)
383 }) 369 })
384 }).catch(() => { 370 },
385 this.$message({ 371 handleSBMinus (row) {
386 type: 'info', 372 this.$confirm('此操作将删除列表, 是否继续?', '提示', {
387 message: '已取消删除' 373 confirmButtonText: '确定',
388 }) 374 cancelButtonText: '取消',
389 }) 375 type: 'warning'
390 }, 376 }).then(() => {
391 /** 377 this.tableSBData.data.splice(row.index, 1)
392 * @description: 确定修改详情 378 this.$message({
393 * @param {*} function 379 type: 'success',
394 * @author: renchao 380 message: '删除成功!'
395 */ 381 })
396 submitForm: _.debounce(function () { 382 this.tableSBData.data.forEach((item, index) => {
397 let _this = this 383 this.$set(item, 'index', index)
398 if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) { 384 })
399 _editDetail() 385 }).catch(() => {
400 } 386 this.$message({
401 function _verify (data, msg) { 387 type: 'info',
402 let flag = true 388 message: '已取消删除'
403 if (!judgeListComplete(data)) {
404 _this.$message({
405 message: msg,
406 type: 'warning'
407 }) 389 })
408 flag = false
409 }
410 return flag
411 }
412 function _editDetail () {
413 edit({
414 accessLog: _this.accessLog, registerInfo: _this.registerInfo,
415 accessInfo: _this.accessInfo,
416 accessList: _this.tableSBData.data,
417 registerList: _this.tableDBData.data
418 }).then(res => {
419 if (res.code == 200) {
420 _this.$message({
421 message: '保存成功',
422 type: 'success'
423 })
424 _this._getDetails(_this.dbBsm)
425 }
426 })
427 }
428 }, 600),
429 /**
430 * @description: 登薄日志重新生成报文
431 * @param {*} function
432 * @author: renchao
433 */
434 handleResubmit () {
435 let _this = this
436 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
437 confirmButtonText: '确定',
438 cancelButtonText: '取消',
439 type: 'warning'
440 }).then(() => {
441 createXml()
442 }).catch(() => {
443 this.$message({
444 type: 'info',
445 message: '已取消删除'
446 }) 390 })
447 }) 391 },
448 function createXml () { 392 /**
449 regenerateDbXml(_this.dbBsm).then(res => { 393 * @description: 确定修改详情
450 if (res.code == 200) { 394 * @param {*} function
395 * @author: renchao
396 */
397 submitForm: _.debounce(function () {
398 let _this = this
399 if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) {
400 _editDetail()
401 }
402 function _verify (data, msg) {
403 let flag = true
404 if (!judgeListComplete(data)) {
451 _this.$message({ 405 _this.$message({
452 message: '生成成功', 406 message: msg,
453 type: 'success' 407 type: 'warning'
454 }) 408 })
455 _this.resultInfo = res.message 409 flag = false
456 } 410 }
411 return flag
412 }
413 function _editDetail () {
414 edit({
415 accessLog: _this.accessLog, registerInfo: _this.registerInfo,
416 accessInfo: _this.accessInfo,
417 accessList: _this.tableSBData.data,
418 registerList: _this.tableDBData.data
419 }).then(res => {
420 if (res.code == 200) {
421 _this.$message({
422 message: '保存成功',
423 type: 'success'
424 })
425 _this._getDetails(_this.dbBsm)
426 }
427 })
428 }
429 }, 600),
430 /**
431 * @description: 登薄再次抽取
432 * @param {*} function
433 * @author: renchao
434 */
435 handleExtract () { },
436 /**
437 * @description: 登薄日志重新生成报文
438 * @param {*} function
439 * @author: renchao
440 */
441 handleResubmit () {
442 let _this = this
443 this.$confirm('重新生成报文，是否上报省厅?', '提示', {
444 confirmButtonText: '确定',
445 cancelButtonText: '取消',
446 type: 'warning'
447 }).then(() => {
448 createXml()
449 }).catch(() => {
450 this.$message({
451 type: 'info',
452 message: '已取消上报报文'
453 })
457 }) 454 })
455 function createXml () {
456 regenerateDbXml(_this.dbBsm).then(res => {
457 if (res.code == 200) {
458 _this.$message({
459 message: '生成成功',
460 type: 'success'
461 })
462 _this.resultInfo = res.message
463 }
464 })
465 }
458 } 466 }
459 } 467 }
460 } 468 }
461 }
462 </script> 469 </script>
463 470
464 471
......