feat:登薄日志
Showing
6 changed files
with
427 additions
and
1 deletions
src/api/journal.js
0 → 100644
| 1 | import request from '@/utils/request' | ||
| 2 | |||
| 3 | class journal { | ||
| 4 | // 登薄日志 | ||
| 5 | async queryAccessLogs (data) { | ||
| 6 | return request({ | ||
| 7 | url: '/accessLog/queryAccessLogs', | ||
| 8 | method: 'post', | ||
| 9 | data | ||
| 10 | }) | ||
| 11 | } | ||
| 12 | // GET /accessLog/getXmlById登簿日志报文预览 | ||
| 13 | async getXmlById (id) { | ||
| 14 | return request({ | ||
| 15 | url: '/accessLog/getXmlById', | ||
| 16 | method: 'get', | ||
| 17 | params: { | ||
| 18 | id: id | ||
| 19 | } | ||
| 20 | }) | ||
| 21 | } | ||
| 22 | // 上报日志 | ||
| 23 | async querySjsbTask (data) { | ||
| 24 | return request({ | ||
| 25 | url: '/sjsbFunctionOper/querySjsbTask', | ||
| 26 | method: 'post', | ||
| 27 | data | ||
| 28 | }) | ||
| 29 | } | ||
| 30 | // 查询响应日志 | ||
| 31 | async queryResponseLog (id) { | ||
| 32 | return request({ | ||
| 33 | url: '/sjsbFunctionOper/queryResponseLog', | ||
| 34 | method: 'get', | ||
| 35 | params: { | ||
| 36 | msgid: id | ||
| 37 | } | ||
| 38 | }) | ||
| 39 | } | ||
| 40 | // 重新发报接口 | ||
| 41 | async sendXmlForPlat (id) { | ||
| 42 | return request({ | ||
| 43 | url: '/sjsbFunctionOper/sendXmlForPlat', | ||
| 44 | method: 'get', | ||
| 45 | params: { | ||
| 46 | msgid: id | ||
| 47 | } | ||
| 48 | }) | ||
| 49 | } | ||
| 50 | // 预览xml报文 | ||
| 51 | async queryXML (id) { | ||
| 52 | return request({ | ||
| 53 | url: '/sjsbFunctionOper/queryXML', | ||
| 54 | method: 'get', | ||
| 55 | params: { | ||
| 56 | msgid: id | ||
| 57 | } | ||
| 58 | }) | ||
| 59 | } | ||
| 60 | // 重新抽取 | ||
| 61 | async extractionAndInsertData (id) { | ||
| 62 | return request({ | ||
| 63 | url: '/sjsbFunctionOper/extractionAndInsertData', | ||
| 64 | method: 'get', | ||
| 65 | params: { | ||
| 66 | msgid: id | ||
| 67 | } | ||
| 68 | }) | ||
| 69 | } | ||
| 70 | // 错误日志查询 | ||
| 71 | async queryErrorLog (id) { | ||
| 72 | return request({ | ||
| 73 | url: '/sjsbFunctionOper/queryErrorLog', | ||
| 74 | method: 'get', | ||
| 75 | params: { | ||
| 76 | msgid: id | ||
| 77 | } | ||
| 78 | }) | ||
| 79 | } | ||
| 80 | // 校验报文 | ||
| 81 | async checkSjsbXmlDatas (id) { | ||
| 82 | return request({ | ||
| 83 | url: '/sjsbFunctionOper/checkSjsbXmlDatas', | ||
| 84 | method: 'get', | ||
| 85 | params: { | ||
| 86 | msgid: id | ||
| 87 | } | ||
| 88 | }) | ||
| 89 | } | ||
| 90 | } | ||
| 91 | export default new journal() | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -46,6 +46,19 @@ export const asyncRoutes = [ | ... | @@ -46,6 +46,19 @@ export const asyncRoutes = [ |
| 46 | } | 46 | } |
| 47 | ] | 47 | ] |
| 48 | }, | 48 | }, |
| 49 | // 登簿日志 | ||
| 50 | { | ||
| 51 | path: '/registerLog', | ||
| 52 | component: Layout, | ||
| 53 | children: [ | ||
| 54 | { | ||
| 55 | path: 'index', | ||
| 56 | component: () => import('@/views/registerLog/index'), | ||
| 57 | name: 'registerLog', | ||
| 58 | meta: { title: '登簿日志', icon: 'zhcx' } | ||
| 59 | } | ||
| 60 | ] | ||
| 61 | }, | ||
| 49 | // 接入业务信息 | 62 | // 接入业务信息 |
| 50 | { | 63 | { |
| 51 | path: '/busineInfo', | 64 | path: '/busineInfo', | ... | ... |
| ... | @@ -218,7 +218,6 @@ export default { | ... | @@ -218,7 +218,6 @@ export default { |
| 218 | } | 218 | } |
| 219 | } | 219 | } |
| 220 | </script> | 220 | </script> |
| 221 | |||
| 222 | <style scoped lang="scss"> | 221 | <style scoped lang="scss"> |
| 223 | @import "~@/styles/mixin.scss"; | 222 | @import "~@/styles/mixin.scss"; |
| 224 | @import "./index.scss"; | 223 | @import "./index.scss"; | ... | ... |
src/views/registerLog/data/index.js
0 → 100644
| 1 | class data { | ||
| 2 | columns () { | ||
| 3 | return [ | ||
| 4 | { | ||
| 5 | prop: "areaname", | ||
| 6 | label: "行政区名称", | ||
| 7 | width: 100 | ||
| 8 | }, | ||
| 9 | { | ||
| 10 | prop: "areacode", | ||
| 11 | label: "行政区代码", | ||
| 12 | width: 100 | ||
| 13 | }, | ||
| 14 | { | ||
| 15 | prop: "accessdate", | ||
| 16 | width: 135, | ||
| 17 | label: "上报日期" | ||
| 18 | }, | ||
| 19 | { | ||
| 20 | label: "类别", | ||
| 21 | render: (h, scope) => { | ||
| 22 | return ( | ||
| 23 | <div> | ||
| 24 | <p>登簿</p> | ||
| 25 | <p>接入</p> | ||
| 26 | </div> | ||
| 27 | ) | ||
| 28 | }, | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | label: "总量", | ||
| 32 | render: (h, scope) => { | ||
| 33 | return ( | ||
| 34 | <div class={scope.row.registerInfoModel.totalnum === scope.row.accessInfoModel.totalnum ? '' : 'difference'}> | ||
| 35 | <p>{scope.row.registerInfoModel.totalnum}</p> | ||
| 36 | <p>{scope.row.accessInfoModel.totalnum}</p> | ||
| 37 | </div> | ||
| 38 | ) | ||
| 39 | }, | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | label: "首次登记", | ||
| 43 | render: (h, scope) => { | ||
| 44 | return ( | ||
| 45 | <div class={scope.row.registerInfoModel.firstreg === scope.row.accessInfoModel.firstreg ? '' : 'difference'}> | ||
| 46 | <p>{scope.row.registerInfoModel.firstreg}</p> | ||
| 47 | <p>{scope.row.accessInfoModel.firstreg}</p> | ||
| 48 | </div> | ||
| 49 | ) | ||
| 50 | }, | ||
| 51 | }, | ||
| 52 | { | ||
| 53 | label: "转移登记", | ||
| 54 | render: (h, scope) => { | ||
| 55 | return ( | ||
| 56 | <div class={scope.row.registerInfoModel.transferreg === scope.row.accessInfoModel.transferreg ? '' : 'difference'}> | ||
| 57 | <p>{scope.row.registerInfoModel.transferreg}</p> | ||
| 58 | <p>{scope.row.accessInfoModel.transferreg}</p> | ||
| 59 | </div> | ||
| 60 | ) | ||
| 61 | }, | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | label: "变更登记", | ||
| 65 | render: (h, scope) => { | ||
| 66 | return ( | ||
| 67 | <div class={scope.row.registerInfoModel.changereg === scope.row.accessInfoModel.changereg ? '' : 'difference'}> | ||
| 68 | <p>{scope.row.registerInfoModel.changereg}</p> | ||
| 69 | <p>{scope.row.accessInfoModel.changereg}</p> | ||
| 70 | </div> | ||
| 71 | ) | ||
| 72 | }, | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | label: "注销登记", | ||
| 76 | render: (h, scope) => { | ||
| 77 | return ( | ||
| 78 | <div class={scope.row.registerInfoModel.logoutreg === scope.row.accessInfoModel.logoutreg ? '' : 'difference'}> | ||
| 79 | <p>{scope.row.registerInfoModel.logoutreg}</p> | ||
| 80 | <p>{scope.row.accessInfoModel.logoutreg}</p> | ||
| 81 | </div> | ||
| 82 | ) | ||
| 83 | }, | ||
| 84 | }, | ||
| 85 | { | ||
| 86 | label: "更正登记", | ||
| 87 | render: (h, scope) => { | ||
| 88 | return ( | ||
| 89 | <div class={scope.row.registerInfoModel.rivisereg === scope.row.accessInfoModel.rivisereg ? '' : 'difference'}> | ||
| 90 | <p>{scope.row.registerInfoModel.rivisereg}</p> | ||
| 91 | <p>{scope.row.accessInfoModel.rivisereg}</p> | ||
| 92 | </div> | ||
| 93 | ) | ||
| 94 | }, | ||
| 95 | }, | ||
| 96 | |||
| 97 | // 异议登记 | ||
| 98 | { | ||
| 99 | label: "异议登记", | ||
| 100 | render: (h, scope) => { | ||
| 101 | return ( | ||
| 102 | <div class={scope.row.registerInfoModel.dissentingreg === scope.row.accessInfoModel.dissentingreg ? '' : 'difference'}> | ||
| 103 | <p>{scope.row.registerInfoModel.dissentingreg}</p> | ||
| 104 | <p>{scope.row.accessInfoModel.dissentingreg}</p> | ||
| 105 | </div> | ||
| 106 | ) | ||
| 107 | }, | ||
| 108 | }, | ||
| 109 | // 预告登记 | ||
| 110 | { | ||
| 111 | label: "预告登记", | ||
| 112 | render: (h, scope) => { | ||
| 113 | return ( | ||
| 114 | <div class={scope.row.registerInfoModel.advancereg === scope.row.accessInfoModel.advancereg ? '' : 'difference'}> | ||
| 115 | <p>{scope.row.registerInfoModel.advancereg}</p> | ||
| 116 | <p>{scope.row.accessInfoModel.advancereg}</p> | ||
| 117 | </div> | ||
| 118 | ) | ||
| 119 | }, | ||
| 120 | }, | ||
| 121 | // 查封登记 | ||
| 122 | { | ||
| 123 | label: "查封登记", | ||
| 124 | render: (h, scope) => { | ||
| 125 | return ( | ||
| 126 | <div class={scope.row.registerInfoModel.seizereg === scope.row.accessInfoModel.seizereg ? '' : 'difference'}> | ||
| 127 | <p>{scope.row.registerInfoModel.seizereg}</p> | ||
| 128 | <p>{scope.row.accessInfoModel.seizereg}</p> | ||
| 129 | </div> | ||
| 130 | ) | ||
| 131 | }, | ||
| 132 | }, | ||
| 133 | // 地役权登记 | ||
| 134 | { | ||
| 135 | label: "地役权登记", | ||
| 136 | render: (h, scope) => { | ||
| 137 | return ( | ||
| 138 | <div class={scope.row.registerInfoModel.easementreg === scope.row.accessInfoModel.easementreg ? '' : 'difference'}> | ||
| 139 | <p>{scope.row.registerInfoModel.easementreg}</p> | ||
| 140 | <p>{scope.row.accessInfoModel.easementreg}</p> | ||
| 141 | </div> | ||
| 142 | ) | ||
| 143 | }, | ||
| 144 | }, | ||
| 145 | // 抵押权登记 | ||
| 146 | { | ||
| 147 | label: "抵押权登记", | ||
| 148 | render: (h, scope) => { | ||
| 149 | return ( | ||
| 150 | <div class={scope.row.registerInfoModel.mortgagereg === scope.row.accessInfoModel.mortgagereg ? '' : 'difference'}> | ||
| 151 | <p>{scope.row.registerInfoModel.mortgagereg}</p> | ||
| 152 | <p>{scope.row.accessInfoModel.mortgagereg}</p> | ||
| 153 | </div> | ||
| 154 | ) | ||
| 155 | }, | ||
| 156 | } | ||
| 157 | ] | ||
| 158 | } | ||
| 159 | } | ||
| 160 | export default new data() |
src/views/registerLog/index.scss
0 → 100644
src/views/registerLog/index.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="registerLog from-clues"> | ||
| 3 | <div class="registerLog-header from-clues-header"> | ||
| 4 | <el-form ref="form" :model="form" label-width="80px"> | ||
| 5 | <el-row> | ||
| 6 | <el-col :span="5"> | ||
| 7 | <el-form-item label="行政区"> | ||
| 8 | <el-select v-model="form.areacode" filterable placeholder="请选择行政区"> | ||
| 9 | <!-- <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | ||
| 10 | </el-option> --> | ||
| 11 | </el-select> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | <el-col :span="10"> | ||
| 15 | <el-form-item label="上报时间" class="reportingTime"> | ||
| 16 | <el-date-picker type="date" placeholder="选择开始日期" :picker-options="pickerOptionsStart" clearable | ||
| 17 | v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> | ||
| 18 | <span class="line">-</span> | ||
| 19 | <el-date-picker placeholder="选择结束日期" clearable :picker-options="pickerOptionsEnd" v-model="form.endTime" | ||
| 20 | value-format="yyyy-MM-dd"> | ||
| 21 | </el-date-picker> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="9" class="btnColRight"> | ||
| 25 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | </el-form> | ||
| 29 | </div> | ||
| 30 | <div class="from-clues-content"> | ||
| 31 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" | ||
| 32 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | ||
| 33 | :data="tableData.data"> | ||
| 34 | </lb-table> | ||
| 35 | </div> | ||
| 36 | <!-- 预览弹框 --> | ||
| 37 | <dialogBox ref="dialog" isReset saveButton="关闭" divider title="XML报文"> | ||
| 38 | <div class="xmlMessage"> | ||
| 39 | {{ xml }} | ||
| 40 | </div> | ||
| 41 | </dialogBox> | ||
| 42 | </div> | ||
| 43 | </template> | ||
| 44 | |||
| 45 | <script> | ||
| 46 | // 登簿日志 | ||
| 47 | import data from "./data" | ||
| 48 | import journal from '@/api/journal.js' | ||
| 49 | import fromMixin from '@/mixins/fromMixin.js' | ||
| 50 | import tableMixin from '@/mixins/tableMixin.js' | ||
| 51 | export default { | ||
| 52 | name: "registerLog", | ||
| 53 | mixins: [fromMixin, tableMixin], | ||
| 54 | data () { | ||
| 55 | return { | ||
| 56 | xml: '', | ||
| 57 | form: { | ||
| 58 | areacode: '', | ||
| 59 | startTime: '', | ||
| 60 | endTime: '', | ||
| 61 | currentPage: 1 | ||
| 62 | }, | ||
| 63 | tableData: { | ||
| 64 | columns: [{ | ||
| 65 | label: '序号', | ||
| 66 | type: 'index', | ||
| 67 | width: '50', | ||
| 68 | index: this.indexMethod, | ||
| 69 | }].concat(data.columns()) | ||
| 70 | .concat([ | ||
| 71 | { | ||
| 72 | label: "XML报文", | ||
| 73 | width: 130, | ||
| 74 | render: (h, scope) => { | ||
| 75 | return ( | ||
| 76 | <div> | ||
| 77 | <el-button | ||
| 78 | type="text" | ||
| 79 | icon="el-icon-view" | ||
| 80 | onClick={() => { this.handlePreview(scope.$index, scope.row) }} | ||
| 81 | > | ||
| 82 | 预览 | ||
| 83 | </el-button> | ||
| 84 | </div> | ||
| 85 | ); | ||
| 86 | }, | ||
| 87 | }, | ||
| 88 | ]), | ||
| 89 | data: [] | ||
| 90 | }, | ||
| 91 | pageData: { | ||
| 92 | total: 0, | ||
| 93 | pageSize: 15, | ||
| 94 | current: 1 | ||
| 95 | } | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | // watch: { | ||
| 99 | // 'dicData.XZQ': { | ||
| 100 | // handler (val, oldVal) { | ||
| 101 | // if (val.length == 1) { | ||
| 102 | // this.form.areacode = val[0].DCODE | ||
| 103 | // } | ||
| 104 | // }, | ||
| 105 | // deep: true | ||
| 106 | // } | ||
| 107 | // }, | ||
| 108 | // created () { | ||
| 109 | // if (this.dicData && this.dicData['XZQ'] && this.dicData['XZQ'].length == 1) { | ||
| 110 | // this.form.areacode = this.dicData.XZQ[0].DCODE | ||
| 111 | // } | ||
| 112 | // }, | ||
| 113 | methods: { | ||
| 114 | async featchData () { | ||
| 115 | try { | ||
| 116 | this.form = Object.assign(this.form, this.formData) | ||
| 117 | let { list, total, pages: pageSize, pageNum: current | ||
| 118 | } = await journal.queryAccessLogs(this.form) | ||
| 119 | this.tableData.data = list | ||
| 120 | this.pageData = { | ||
| 121 | pageSize, | ||
| 122 | current, | ||
| 123 | total | ||
| 124 | } | ||
| 125 | } catch (error) { | ||
| 126 | this.message = error | ||
| 127 | } | ||
| 128 | }, | ||
| 129 | async handlePreview (index, row) { | ||
| 130 | try { | ||
| 131 | let { result: res } = await journal.getXmlById(row.id) | ||
| 132 | if (res != null) { | ||
| 133 | this.xml = res | ||
| 134 | this.$refs.dialog.isShow(); | ||
| 135 | } else { | ||
| 136 | this.$message('报文为空') | ||
| 137 | } | ||
| 138 | } catch (error) { | ||
| 139 | this.$alert(error, '提示', { | ||
| 140 | confirmButtonText: '确定', | ||
| 141 | type: 'error' | ||
| 142 | }) | ||
| 143 | } | ||
| 144 | } | ||
| 145 | }, | ||
| 146 | } | ||
| 147 | </script> | ||
| 148 | <style scoped lang="scss"> | ||
| 149 | @import "~@/styles/public.scss"; | ||
| 150 | @import "./index.scss"; | ||
| 151 | </style> |
-
Please register or sign in to post a comment