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