style:样式修改
Showing
6 changed files
with
472 additions
and
486 deletions
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox dataReporting editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
3 | :visible.sync="dialogVisible" width="92%"> | 3 | custom-class="dialogBox dataReporting editDialogBox sbdialog commonDialog mainCenter" :visible.sync="dialogVisible" |
4 | width="92%"> | ||
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 5 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '详情' }} | 6 | {{ title || '详情' }} |
6 | </div> | 7 | </div> |
... | @@ -111,7 +112,7 @@ | ... | @@ -111,7 +112,7 @@ |
111 | </div> | 112 | </div> |
112 | </div> | 113 | </div> |
113 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> | 114 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xml'"> |
114 | <JsonEditor :resultInfo="resultInfo" /> | 115 | <JsonEditor class="editXML" :resultInfo="resultInfo" /> |
115 | </div> | 116 | </div> |
116 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> | 117 | <div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'"> |
117 | <Xyjg :form-data='dataReport'></Xyjg> | 118 | <Xyjg :form-data='dataReport'></Xyjg> |
... | @@ -128,218 +129,209 @@ | ... | @@ -128,218 +129,209 @@ |
128 | </template> | 129 | </template> |
129 | 130 | ||
130 | <script> | 131 | <script> |
131 | import axios from "axios"; | 132 | import axios from "axios"; |
132 | import SERVER from '@/api/config' | 133 | import SERVER from '@/api/config' |
133 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | 134 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' |
134 | import { mapGetters } from "vuex"; | 135 | import { mapGetters } from "vuex"; |
135 | import JsonEditor from "@/components/JsonEditor.vue"; | 136 | import JsonEditor from "@/components/JsonEditor.vue"; |
136 | import Xyjg from "./Result"; | 137 | import Xyjg from "./Result"; |
137 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; | 138 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; |
138 | export default { | 139 | export default { |
139 | components: { JsonEditor, Xyjg }, | 140 | components: { JsonEditor, Xyjg }, |
140 | props: { | 141 | props: { |
141 | title: { | 142 | title: { |
142 | type: String, | 143 | type: String, |
143 | default: '' | 144 | default: '' |
144 | }, | 145 | }, |
145 | tabsActiveName: { | 146 | tabsActiveName: { |
146 | type: String, | 147 | type: String, |
147 | default: '' | 148 | default: '' |
149 | }, | ||
150 | visiableXml: { | ||
151 | type: Boolean, | ||
152 | default: false | ||
153 | } | ||
154 | }, | ||
155 | |||
156 | computed: { | ||
157 | ...mapGetters(["dicData"]), | ||
158 | }, | ||
159 | data () { | ||
160 | return { | ||
161 | key: 0, | ||
162 | resultInfo: '', | ||
163 | |||
164 | titleName: 'sjmx', | ||
165 | // 报文list | ||
166 | bwoptions: [], | ||
167 | dataReport: {}, | ||
168 | index: 0, | ||
169 | bsmYwsjb: "", | ||
170 | ruleFormList: { | ||
171 | BizMsgId: "", // 业务报文ID | ||
172 | ASID: "", // ASID | ||
173 | AreaCode: "", //行政区划编码 | ||
174 | PreEstateNum: "", //上次不动产单元号 | ||
175 | RecType: "", // 业务编码 | ||
176 | RightType: "", // 权利类型 | ||
177 | RegType: "", //登记类型 | ||
178 | CertCount: "", //不动产权证书数量 | ||
179 | createDate: "", //创建时间 | ||
180 | RecFlowID: "", // 业务流水号 | ||
181 | ParcelID: "", //宗地/宗海代码 | ||
182 | ProofCount: "", //证明数量 | ||
183 | EstateNum: "", // 不动产单元号 | ||
184 | RegOrgID: "", // 登记机构 | ||
185 | PreCertID: "", //次不动产权证号/不动产登记证明 | ||
148 | }, | 186 | }, |
149 | visiableXml: { | 187 | images: require("./images/success.gif"), |
150 | type: Boolean, | 188 | dialogVisible: false, |
151 | default: false | 189 | activeName: undefined, |
190 | editItem: "", | ||
191 | headerList: [], | ||
192 | dataTable: "", | ||
193 | }; | ||
194 | }, | ||
195 | methods: { | ||
196 | dicStatus (val, code) { | ||
197 | let data = this.dicData[code], | ||
198 | name = '' | ||
199 | if (data) { | ||
200 | data.map((item) => { | ||
201 | if (item.DCODE == val) { | ||
202 | name = item.DNAME | ||
203 | } | ||
204 | }) | ||
205 | return name | ||
152 | } | 206 | } |
153 | }, | 207 | }, |
154 | 208 | handleTitleTab (val) { | |
155 | computed: { | ||
156 | ...mapGetters(["dicData"]), | ||
157 | }, | 209 | }, |
158 | data () { | 210 | isShow (item) { |
159 | return { | 211 | this.$set(this.bwoptions, 0, { |
160 | key: 0, | 212 | value: item.bizMsgid, |
161 | resultInfo: '', | 213 | label: item.bizMsgid, |
162 | 214 | }) | |
163 | titleName: 'sjmx', | 215 | this.$set(this.bwoptions, 1, { |
164 | // 报文list | 216 | value: item.bizMsgid + 'CBXZ', |
165 | bwoptions: [], | 217 | label: item.bizMsgid + 'CBXZ', |
166 | dataReport: {}, | 218 | }) |
167 | index: 0, | 219 | this.$set(this.bwoptions, 2, { |
168 | bsmYwsjb: "", | 220 | value: item.bizMsgid + 'BBXZ', |
169 | ruleFormList: { | 221 | label: item.bizMsgid + 'BBXZ', |
170 | BizMsgId: "", // 业务报文ID | 222 | }) |
171 | ASID: "", // ASID | 223 | this.titleName = 'sjmx'; |
172 | AreaCode: "", //行政区划编码 | 224 | this.dialogVisible = true; |
173 | PreEstateNum: "", //上次不动产单元号 | 225 | //获取表头列表 |
174 | RecType: "", // 业务编码 | 226 | this._getList(item) |
175 | RightType: "", // 权利类型 | 227 | //不动产数据查询上报详情 |
176 | RegType: "", //登记类型 | 228 | getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => { |
177 | CertCount: "", //不动产权证书数量 | 229 | if (res.code == 200) { |
178 | createDate: "", //创建时间 | 230 | this.dataReport = res.result; |
179 | RecFlowID: "", // 业务流水号 | 231 | } |
180 | ParcelID: "", //宗地/宗海代码 | 232 | }) |
181 | ProofCount: "", //证明数量 | 233 | // 获取xml |
182 | EstateNum: "", // 不动产单元号 | 234 | if (this.visiableXml) { |
183 | RegOrgID: "", // 登记机构 | 235 | getXml(item.bizMsgid).then((res) => { |
184 | PreCertID: "", //次不动产权证号/不动产登记证明 | 236 | this.resultInfo = res.message |
185 | }, | 237 | }) |
186 | images: require("./images/success.gif"), | 238 | } |
187 | dialogVisible: false, | 239 | }, |
188 | activeName: undefined, | 240 | // 获取列表接口 |
189 | editItem: "", | 241 | _getList (data) { |
190 | headerList: [], | 242 | getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => { |
191 | dataTable: "", | 243 | if (res.code == 200) { |
192 | }; | 244 | this.headerList = res.result; |
245 | this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName | ||
246 | this.bsmYwsjb = this.headerList[0].bsmYwsjb; | ||
247 | this.editItem = this.loadView(this.activeName); | ||
248 | } | ||
249 | }); | ||
250 | }, | ||
251 | changeList (val) { | ||
252 | let _index = val.index; | ||
253 | if (_index > this.index) { | ||
254 | } | ||
255 | this.index = _index; | ||
256 | this.bsmYwsjb = this.headerList[val.index].bsmYwsjb; | ||
257 | this.editItem = this.loadView(this.activeName); | ||
258 | // this.diaData.list.forEach((item) => { | ||
259 | // if (item.soleurl == this.activeName) { | ||
260 | // this.dataTable = item.dataTable; | ||
261 | // } | ||
262 | // }); | ||
263 | }, | ||
264 | loadView (view) { | ||
265 | return (r) => | ||
266 | require.ensure([], () => r(require(`@/components/Business/${view}.vue`))); | ||
193 | }, | 267 | }, |
194 | methods: { | 268 | closeDialog () { |
195 | dicStatus (val, code) { | 269 | this.dialogVisible = false; |
196 | let data = this.dicData[code], | 270 | //关闭弹框时将tabs项置空 |
197 | name = '' | 271 | this.editItem = ""; |
198 | if (data) { | 272 | this.headerList = []; |
199 | data.map((item) => { | 273 | }, |
200 | if (item.DCODE == val) { | 274 | /** |
201 | name = item.DNAME | 275 | * @description: 提交 |
276 | * @author: renchao | ||
277 | */ | ||
278 | submitForm: _.debounce(async function () { | ||
279 | let _this = this | ||
280 | // 上报请求头修改 | ||
281 | try { | ||
282 | var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport, | ||
283 | { | ||
284 | headers: { | ||
285 | 'Authorization': sessionStorage.getItem("token") || "" | ||
202 | } | 286 | } |
203 | }) | 287 | }) |
204 | return name | 288 | if (headRes.code == 200) { |
289 | _this._getList(_this.dataReport) | ||
205 | } | 290 | } |
206 | }, | 291 | } catch (error) { |
207 | handleTitleTab (val) { | 292 | this.$message({ |
208 | }, | 293 | message: '报文头修改出错', |
209 | isShow (item) { | 294 | type: 'error' |
210 | this.$set(this.bwoptions, 0, { | ||
211 | value: item.bizMsgid, | ||
212 | label: item.bizMsgid, | ||
213 | }) | 295 | }) |
214 | this.$set(this.bwoptions, 1, { | 296 | } |
215 | value: item.bizMsgid + 'CBXZ', | 297 | let listRes = await this.$refs["editItem"].handleUpdateForm() |
216 | label: item.bizMsgid + 'CBXZ', | 298 | if (headRes.data?.code == 200 && listRes == 200) { |
217 | }) | 299 | this.$message({ |
218 | this.$set(this.bwoptions, 2, { | 300 | message: '修改成功', |
219 | value: item.bizMsgid + 'BBXZ', | 301 | type: 'success' |
220 | label: item.bizMsgid + 'BBXZ', | ||
221 | }) | 302 | }) |
222 | this.titleName = 'sjmx'; | 303 | } |
223 | this.dialogVisible = true; | 304 | }, 500), |
224 | //获取表头列表 | 305 | /** |
225 | this._getList(item) | 306 | * @description: 重新上报 |
226 | //不动产数据查询上报详情 | 307 | * @author: renchao |
227 | getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => { | 308 | */ |
228 | if (res.code == 200) { | 309 | handleResubmit () { |
229 | this.dataReport = res.result; | 310 | let _this = this |
230 | } | 311 | this.$confirm('重新生成报文,是否上报省厅?', '提示', { |
312 | confirmButtonText: '确定', | ||
313 | cancelButtonText: '取消', | ||
314 | type: 'warning' | ||
315 | }).then(() => { | ||
316 | createXml() | ||
317 | }).catch(() => { | ||
318 | this.$message({ | ||
319 | type: 'info', | ||
320 | message: '已取消删除' | ||
231 | }) | 321 | }) |
232 | // 获取xml | 322 | }) |
233 | if (this.visiableXml) { | 323 | function createXml () { |
234 | getXml(item.bizMsgid).then((res) => { | 324 | restartGenerateXml(_this.dataReport.bsmSjsb || _this.dataReport.bsmReport).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) { | 325 | if (res.code == 200) { |
243 | this.headerList = res.result; | 326 | _this.resultInfo = res.message |
244 | this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName | 327 | _this.$message({ |
245 | this.bsmYwsjb = this.headerList[0].bsmYwsjb; | 328 | message: '修改成功', |
246 | this.editItem = this.loadView(this.activeName); | 329 | type: 'success' |
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 | } | ||
286 | }) | 330 | }) |
287 | if (headRes.code == 200) { | ||
288 | _this._getList(_this.dataReport) | ||
289 | } | 331 | } |
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 | }) | ||
321 | }) | 332 | }) |
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 | } | ||
333 | } | 333 | } |
334 | } | 334 | } |
335 | } | 335 | } |
336 | } | ||
336 | </script> | 337 | </script> |
337 | <style scoped lang="scss"> | ||
338 | /deep/.editDialogBox { | ||
339 | .el-dialog__header { | ||
340 | display: flex; | ||
341 | margin-bottom: 10px; | ||
342 | } | ||
343 | } | ||
344 | </style> | ||
345 | ... | ... |
... | @@ -86,7 +86,6 @@ input[type="number"] { | ... | @@ -86,7 +86,6 @@ input[type="number"] { |
86 | // refine element ui upload | 86 | // refine element ui upload |
87 | .el-input.is-disabled .el-input__inner { | 87 | .el-input.is-disabled .el-input__inner { |
88 | background-color: transparent !important; | 88 | background-color: transparent !important; |
89 | border: 1px solid #224C7C !important; | ||
90 | } | 89 | } |
91 | 90 | ||
92 | .upload-container { | 91 | .upload-container { |
... | @@ -217,4 +216,4 @@ input[type="number"] { | ... | @@ -217,4 +216,4 @@ input[type="number"] { |
217 | 216 | ||
218 | .el-form-item__content { | 217 | .el-form-item__content { |
219 | flex: 1; | 218 | flex: 1; |
220 | } | 219 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -223,18 +223,9 @@ | ... | @@ -223,18 +223,9 @@ |
223 | } | 223 | } |
224 | 224 | ||
225 | // 登簿日志弹出框 | 225 | // 登簿日志弹出框 |
226 | .entryJournal { | 226 | .commonDialog { |
227 | .el-textarea__inner { | ||
228 | height: 67vh !important; | ||
229 | border: none !important; | ||
230 | background-color: #ffffff !important; | ||
231 | color: #000000 !important; | ||
232 | } | ||
233 | |||
234 | /deep/.dialog-from_header { | 227 | /deep/.dialog-from_header { |
235 | margin: 0 !important; | 228 | margin: 0 !important; |
236 | |||
237 | |||
238 | } | 229 | } |
239 | 230 | ||
240 | .el-dialog__headerbtn .el-dialog__close { | 231 | .el-dialog__headerbtn .el-dialog__close { |
... | @@ -270,16 +261,23 @@ | ... | @@ -270,16 +261,23 @@ |
270 | .regularHeight { | 261 | .regularHeight { |
271 | display: flex; | 262 | display: flex; |
272 | flex-direction: column; | 263 | flex-direction: column; |
273 | height: 87vh; | 264 | height: 80vh; |
274 | margin-bottom: 5px; | 265 | margin-bottom: 5px; |
275 | 266 | ||
276 | .editDialogBox-con, | 267 | .editDialogBox-con, |
277 | .JsonEditor { | 268 | .JsonEditor { |
278 | flex: 1; | 269 | flex: 1; |
279 | } | 270 | } |
280 | } | ||
281 | 271 | ||
282 | .d-center {} | 272 | .editXML { |
273 | border: 1px solid blue; | ||
274 | margin-top: 10px; | ||
275 | |||
276 | .el-textarea__inner { | ||
277 | height: 68vh !important; | ||
278 | } | ||
279 | } | ||
280 | } | ||
283 | 281 | ||
284 | .dialog_title { | 282 | .dialog_title { |
285 | color: white; | 283 | color: white; |
... | @@ -288,14 +286,11 @@ | ... | @@ -288,14 +286,11 @@ |
288 | 286 | ||
289 | .el-tabs__item { | 287 | .el-tabs__item { |
290 | color: #CEF8FF !important; | 288 | color: #CEF8FF !important; |
291 | background-color: #3D59C4; | 289 | background-color: none; |
292 | display: flex; | 290 | display: flex; |
293 | flex-direction: row; | 291 | flex-direction: row; |
294 | justify-content: center; | 292 | justify-content: center; |
295 | // background: url("~@/image/tabitem.png") no-repeat; | ||
296 | // background-size: 100% 100%; | ||
297 | border-radius: 3px; | 293 | border-radius: 3px; |
298 | border: 1px solid blue !important; | ||
299 | } | 294 | } |
300 | 295 | ||
301 | .el-tabs__nav { | 296 | .el-tabs__nav { |
... | @@ -312,8 +307,7 @@ | ... | @@ -312,8 +307,7 @@ |
312 | } | 307 | } |
313 | 308 | ||
314 | .el-tabs__item.is-active { | 309 | .el-tabs__item.is-active { |
315 | // background: url("~@/image/tabitemse.png") no-repeat; | 310 | background-color: #3D59C4; |
316 | // background-size: 100% 100%; | ||
317 | } | 311 | } |
318 | 312 | ||
319 | .from-clues-content { | 313 | .from-clues-content { |
... | @@ -325,7 +319,6 @@ | ... | @@ -325,7 +319,6 @@ |
325 | .editDialogBox-box { | 319 | .editDialogBox-box { |
326 | position: relative; | 320 | position: relative; |
327 | top: 10px; | 321 | top: 10px; |
328 | // height: 100%; | ||
329 | } | 322 | } |
330 | 323 | ||
331 | .dialog-from { | 324 | .dialog-from { |
... | @@ -367,6 +360,25 @@ | ... | @@ -367,6 +360,25 @@ |
367 | } | 360 | } |
368 | } | 361 | } |
369 | 362 | ||
363 | .entryJournal { | ||
364 | .el-textarea__inner { | ||
365 | height: 67vh !important; | ||
366 | border: none !important; | ||
367 | background-color: #ffffff !important; | ||
368 | color: #000000 !important; | ||
369 | } | ||
370 | } | ||
371 | |||
372 | // 上报日志弹出框 | ||
373 | .sbdialog { | ||
374 | .el-textarea__inner { | ||
375 | height: 30vh !important; | ||
376 | border: none !important; | ||
377 | background-color: #ffffff !important; | ||
378 | color: #000000 !important; | ||
379 | } | ||
380 | } | ||
381 | |||
370 | // 数据上报弹出框 | 382 | // 数据上报弹出框 |
371 | .dataReporting { | 383 | .dataReporting { |
372 | .el-dialog__header { | 384 | .el-dialog__header { |
... | @@ -426,15 +438,11 @@ | ... | @@ -426,15 +438,11 @@ |
426 | 438 | ||
427 | .el-tabs__item { | 439 | .el-tabs__item { |
428 | color: #cef8ff !important; | 440 | color: #cef8ff !important; |
429 | |||
430 | display: flex; | 441 | display: flex; |
431 | flex-direction: row; | 442 | flex-direction: row; |
432 | justify-content: center; | 443 | justify-content: center; |
433 | // background: url("~@/image/tabitem.png") no-repeat; | ||
434 | // background-size: 100% 100%; | ||
435 | background-color: #3D59C4; | 444 | background-color: #3D59C4; |
436 | border-radius: 3px; | 445 | border-radius: 3px; |
437 | border: 1px solid blue !important; | ||
438 | } | 446 | } |
439 | 447 | ||
440 | .obligee-item-name { | 448 | .obligee-item-name { |
... | @@ -512,8 +520,8 @@ | ... | @@ -512,8 +520,8 @@ |
512 | } | 520 | } |
513 | 521 | ||
514 | .el-tabs__item.is-active { | 522 | .el-tabs__item.is-active { |
515 | // background: url("~@/image/tabitemse.png") no-repeat; | 523 | background-color: #1c3294; |
516 | // background-size: 100% 100%; | 524 | color: #FFFFFF; |
517 | } | 525 | } |
518 | 526 | ||
519 | .success-images { | 527 | .success-images { |
... | @@ -640,10 +648,6 @@ | ... | @@ -640,10 +648,6 @@ |
640 | } | 648 | } |
641 | } | 649 | } |
642 | 650 | ||
643 | .el-form-item__label { | ||
644 | color: rgb(0, 0, 0); | ||
645 | } | ||
646 | |||
647 | .el-input__inner { | 651 | .el-input__inner { |
648 | // background-color: #07388b; | 652 | // background-color: #07388b; |
649 | } | 653 | } |
... | @@ -659,10 +663,6 @@ | ... | @@ -659,10 +663,6 @@ |
659 | // color: rgb(0, 0, 0); | 663 | // color: rgb(0, 0, 0); |
660 | } | 664 | } |
661 | 665 | ||
662 | .el-form-item__label { | ||
663 | color: rgb(2, 0, 0); | ||
664 | } | ||
665 | |||
666 | .el-dialog__header { | 666 | .el-dialog__header { |
667 | .dialog_title { | 667 | .dialog_title { |
668 | 668 | ||
... | @@ -785,9 +785,9 @@ | ... | @@ -785,9 +785,9 @@ |
785 | border-right: none; | 785 | border-right: none; |
786 | text-align: center; | 786 | text-align: center; |
787 | padding: 0; | 787 | padding: 0; |
788 | color: #05bbdb; | ||
789 | line-height: 16px; | 788 | line-height: 16px; |
790 | font-size: 12px; | 789 | font-size: 12px; |
790 | text-align: right; | ||
791 | margin-top: 8px !important; | 791 | margin-top: 8px !important; |
792 | } | 792 | } |
793 | 793 | ||
... | @@ -868,4 +868,4 @@ | ... | @@ -868,4 +868,4 @@ |
868 | right: 5px; | 868 | right: 5px; |
869 | } | 869 | } |
870 | } | 870 | } |
871 | } | 871 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <template> | 1 | <template> |
2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox entryJournal editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" |
3 | :visible.sync="dialogVisible" width="90%"> | 3 | custom-class="dialogBox entryJournal commonDialog editDialogBox mainCenter" :visible.sync="dialogVisible" width="90%"> |
4 | <div slot="title" class="dialog_title" ref="dialogTitle"> | 4 | <div slot="title" class="dialog_title" ref="dialogTitle"> |
5 | {{ title || '登薄日志' }} | 5 | {{ title || '登薄日志' }} |
6 | </div> | 6 | </div> |
... | @@ -193,270 +193,269 @@ | ... | @@ -193,270 +193,269 @@ |
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: { | ||
268 | registerInfo: { | 219 | registerInfo: { |
269 | handler: function (newVal, oldVal) { | 220 | TOTALNUM: '', // 总数量 |
270 | this.registerInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) + | 221 | FIRSTREG: '', // 首次登记数量 |
271 | (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0) | 222 | TRANSFERREG: '', // 转移登记数量 |
272 | + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0) | 223 | CHANGEREG: '', // 变更登记数量 |
273 | }, | 224 | LOGOUTREG: '', // 注销登记数量 |
274 | deep: true | 225 | RIVISEREG: '', // 更正登记数量 |
226 | DISSENTINGREG: '', // 异议登记数量 | ||
227 | ADVANCEREG: '', // 预告登记数量 | ||
228 | SEIZEREG: '', // 查封登记数量 | ||
229 | EASEMENTREG: '', // 地役权登记数量 | ||
230 | otherReg: '', // 其他登记数量 | ||
231 | BUSINESSTYPECOUNT: '', // 业务类型总数 | ||
275 | }, | 232 | }, |
233 | // 当日上报记录数 | ||
276 | accessInfo: { | 234 | accessInfo: { |
277 | handler: function (newVal, oldVal) { | 235 | TOTALNUM: '', // 总数量 |
278 | this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) + | 236 | FIRSTREG: '', // 首次登记数量 |
279 | (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0) | 237 | TRANSFERREG: '', // 转移登记数量 |
280 | + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0) | 238 | CHANGEREG: '', // 变更登记数量 |
281 | }, | 239 | LOGOUTREG: '', // 注销登记数量 |
282 | deep: true | 240 | RIVISEREG: '', // 更正登记数量 |
283 | } | 241 | DISSENTINGREG: '', // 异议登记数量 |
284 | }, | 242 | ADVANCEREG: '', // 预告登记数量 |
285 | methods: { | 243 | SEIZEREG: '', // 查封登记数量 |
286 | closeDialog () { | 244 | EASEMENTREG: '', // 地役权登记数量 |
287 | this.dialogVisible = false; | 245 | otherReg: '', // 其他登记数量 |
246 | BUSINESSTYPECOUNT: '', // 业务类型总数 | ||
288 | }, | 247 | }, |
289 | isShow (item) { | 248 | // 当日登薄详单 |
290 | this.title = '登薄日志(' + item.ACCESSDATE + ')' | 249 | tableDBData: { |
291 | this.titleName = 'sjmx' | 250 | data: [], |
292 | this.dialogVisible = true | 251 | column: dbdata.columns() |
293 | this.dbBsm = item.dbBsm | ||
294 | this._getDetails(item.dbBsm) | ||
295 | }, | 252 | }, |
296 | /** | 253 | // 当日上报详单 |
297 | * @description: 获取列表接口 | 254 | tableSBData: { |
298 | * @author: renchao | 255 | data: [], |
299 | */ | 256 | column: sbdata.columns() |
300 | _getDetails (data) { | ||
301 | getDetail(data).then(res => { | ||
302 | let { accessLog, registerInfo, accessInfo, accessList, registerList | ||
303 | } = res.result | ||
304 | this.accessLog = accessLog | ||
305 | this.resultInfo = accessLog.LOGSXML | ||
306 | this.registerInfo = registerInfo | ||
307 | this.accessInfo = accessInfo | ||
308 | this.tableDBData.data = _.cloneDeep(registerList) | ||
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 | }) | ||
317 | }, | 257 | }, |
318 | // 当日登薄详单 | 258 | // XML详情 |
319 | handleDBAdd () { | 259 | resultInfo: '', |
320 | this.tableDBData.data.push({ | 260 | dataReport: {} |
321 | YWH: '', | 261 | } |
322 | DJLX: '', | 262 | }, |
323 | QLLX: '', | 263 | mounted () { |
324 | BDCDYH: '', | 264 | sendThis(this); |
325 | ZSZMH: '', | 265 | sendThis1(this); |
326 | SFSB: '', | 266 | }, |
327 | BWID: '', | 267 | watch: { |
328 | BSM_DBLOG: this.accessLog.bsmDblog | 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 | }, | ||
276 | accessInfo: { | ||
277 | handler: function (newVal, oldVal) { | ||
278 | this.accessInfo.TOTALNUM = (newVal.FIRSTREG - 0) + (newVal.TRANSFERREG - 0) + | ||
279 | (newVal.CHANGEREG - 0) + (newVal.LOGOUTREG - 0) + (newVal.RIVISEREG - 0) + (newVal.DISSENTINGREG - 0) | ||
280 | + (newVal.ADVANCEREG - 0) + (newVal.SEIZEREG - 0) + (newVal.otherReg - 0) | ||
281 | }, | ||
282 | deep: true | ||
283 | } | ||
284 | }, | ||
285 | methods: { | ||
286 | closeDialog () { | ||
287 | this.dialogVisible = false; | ||
288 | }, | ||
289 | isShow (item) { | ||
290 | this.title = '登薄日志(' + item.ACCESSDATE + ')' | ||
291 | this.titleName = 'sjmx' | ||
292 | this.dialogVisible = true | ||
293 | this.dbBsm = item.dbBsm | ||
294 | this._getDetails(item.dbBsm) | ||
295 | }, | ||
296 | /** | ||
297 | * @description: 获取列表接口 | ||
298 | * @author: renchao | ||
299 | */ | ||
300 | _getDetails (data) { | ||
301 | getDetail(data).then(res => { | ||
302 | let { accessLog, registerInfo, accessInfo, accessList, registerList | ||
303 | } = res.result | ||
304 | this.accessLog = accessLog | ||
305 | this.resultInfo = accessLog.LOGSXML | ||
306 | this.registerInfo = registerInfo | ||
307 | this.accessInfo = accessInfo | ||
308 | this.tableDBData.data = _.cloneDeep(registerList) | ||
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 | }) | ||
317 | }, | ||
318 | // 当日登薄详单 | ||
319 | handleDBAdd () { | ||
320 | this.tableDBData.data.push({ | ||
321 | YWH: '', | ||
322 | DJLX: '', | ||
323 | QLLX: '', | ||
324 | BDCDYH: '', | ||
325 | ZSZMH: '', | ||
326 | SFSB: '', | ||
327 | BWID: '', | ||
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: '删除成功!' | ||
329 | }) | 344 | }) |
330 | this.tableDBData.data.forEach((item, index) => { | 345 | this.tableDBData.data.forEach((item, index) => { |
331 | this.$set(item, 'index', index) | 346 | this.$set(item, 'index', index) |
332 | }) | 347 | }) |
333 | }, | 348 | }).catch(() => { |
334 | handleDBMinus (row) { | 349 | this.$message({ |
335 | this.$confirm('此操作将删除列表, 是否继续?', '提示', { | 350 | type: 'info', |
336 | confirmButtonText: '确定', | 351 | message: '已取消删除' |
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 | }) | ||
353 | }) | 352 | }) |
354 | }, | 353 | }) |
355 | // 当日上报详单 | 354 | }, |
356 | handleSBAdd () { | 355 | // 当日上报详单 |
357 | this.tableSBData.data.push({ | 356 | handleSBAdd () { |
358 | YWH: '', | 357 | this.tableSBData.data.push({ |
359 | BDCDYH: '', | 358 | YWH: '', |
360 | BWID: '', | 359 | BDCDYH: '', |
361 | BSM_DBLOG: this.accessLog.bsmDblog | 360 | BWID: '', |
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: '删除成功!' | ||
362 | }) | 377 | }) |
363 | this.tableSBData.data.forEach((item, index) => { | 378 | this.tableSBData.data.forEach((item, index) => { |
364 | this.$set(item, 'index', index) | 379 | this.$set(item, 'index', index) |
365 | }) | 380 | }) |
366 | }, | 381 | }).catch(() => { |
367 | handleSBMinus (row) { | 382 | this.$message({ |
368 | this.$confirm('此操作将删除列表, 是否继续?', '提示', { | 383 | type: 'info', |
369 | confirmButtonText: '确定', | 384 | message: '已取消删除' |
370 | cancelButtonText: '取消', | ||
371 | type: 'warning' | ||
372 | }).then(() => { | ||
373 | this.tableSBData.data.splice(row.index, 1) | ||
374 | this.$message({ | ||
375 | type: 'success', | ||
376 | message: '删除成功!' | ||
377 | }) | ||
378 | this.tableSBData.data.forEach((item, index) => { | ||
379 | this.$set(item, 'index', index) | ||
380 | }) | ||
381 | }).catch(() => { | ||
382 | this.$message({ | ||
383 | type: 'info', | ||
384 | message: '已取消删除' | ||
385 | }) | ||
386 | }) | 385 | }) |
387 | }, | 386 | }) |
388 | /** | 387 | }, |
389 | * @description: 确定修改详情 | 388 | /** |
390 | * @param {*} function | 389 | * @description: 确定修改详情 |
391 | * @author: renchao | 390 | * @param {*} function |
392 | */ | 391 | * @author: renchao |
393 | submitForm: _.debounce(function () { | 392 | */ |
394 | let _this = this | 393 | submitForm: _.debounce(function () { |
395 | if (_verify(this.tableDBData.data, '当日登薄详单列表必填') && _verify(this.tableSBData.data, '当日上报详单列表必填')) { | 394 | let _this = this |
396 | _editDetail() | 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)) { | ||
401 | _this.$message({ | ||
402 | message: msg, | ||
403 | type: 'warning' | ||
404 | }) | ||
405 | flag = false | ||
397 | } | 406 | } |
398 | function _verify (data, msg) { | 407 | return flag |
399 | let flag = true | 408 | } |
400 | if (!judgeListComplete(data)) { | 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) { | ||
401 | _this.$message({ | 417 | _this.$message({ |
402 | message: msg, | 418 | message: '保存成功', |
403 | type: 'warning' | 419 | type: 'success' |
404 | }) | 420 | }) |
405 | flag = false | 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 | }) | ||
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 | ||
406 | } | 453 | } |
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 | }) | ||
444 | }) | 454 | }) |
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 | } | ||
456 | } | 455 | } |
457 | } | 456 | } |
458 | } | 457 | } |
458 | } | ||
459 | </script> | 459 | </script> |
460 | <style scoped lang="scss"> | 460 | |
461 | </style> | ||
462 | 461 | ... | ... |
-
Please register or sign in to post a comment