style:上报
Showing
3 changed files
with
285 additions
and
243 deletions
1 | /* | 1 | /* |
2 | * @Description: 数据上报模块api文件 | 2 | * @Description: 数据上报模块api文件 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-01 16:33:08 | 4 | * @LastEditTime: 2023-03-03 14:38:57 |
5 | */ | 5 | */ |
6 | /* 引入axios请求文件 */ | 6 | /* 引入axios请求文件 */ |
7 | import request from '@/utils/request' | 7 | import request from '@/utils/request' |
... | @@ -109,4 +109,17 @@ export function restartGenerateXml (bsmReport) { | ... | @@ -109,4 +109,17 @@ export function restartGenerateXml (bsmReport) { |
109 | url: urlHeader + 'restartGenerateXml?bsmReport=' + bsmReport, | 109 | url: urlHeader + 'restartGenerateXml?bsmReport=' + bsmReport, |
110 | method: 'post' | 110 | method: 'post' |
111 | }) | 111 | }) |
112 | } | ||
113 | |||
114 | /** | ||
115 | * @description: 编辑报文头 | ||
116 | * @param {*} data | ||
117 | * @author: renchao | ||
118 | */ | ||
119 | export function edit (data) { | ||
120 | return request({ | ||
121 | url: urlHeader + 'edit', | ||
122 | method: 'post', | ||
123 | data | ||
124 | }) | ||
112 | } | 125 | } |
... | \ 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 editDialogBox mainCenter" | 2 | <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter" |
3 | :visible.sync="dialogVisible" width="88%"> | 3 | :visible.sync="dialogVisible" width="92%"> |
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> |
... | @@ -11,81 +11,86 @@ | ... | @@ -11,81 +11,86 @@ |
11 | <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> | 11 | <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane> |
12 | <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> | 12 | <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane> |
13 | </el-tabs> | 13 | </el-tabs> |
14 | <div class="dialog-from item-content-input" :class="$store.state.business.Edit ? 'editInput' : ''" | 14 | <div class="dialog-from item-content-input" v-if="titleName == 'sjmx'"> |
15 | v-if="titleName == 'sjmx'"> | ||
16 | <el-row> | 15 | <el-row> |
17 | <el-col :span="5"> | 16 | <el-col :span="5"> |
18 | <span>业务报文ID:</span> | 17 | <span>业务报文ID:</span> |
19 | <el-input v-model="dataReport.BizMsgId"></el-input> | 18 | <el-select v-model="dataReport.BizMsgId" :disabled="$store.state.business.Edit"> |
19 | <el-option v-for="item in bwoptions" :key="item.value" :label="item.label" :value="item.value"> | ||
20 | </el-option> | ||
21 | </el-select> | ||
20 | </el-col> | 22 | </el-col> |
21 | <el-col :span="6"> | 23 | <el-col :span="6"> |
22 | <span>ASID:</span> | 24 | <span>ASID:</span> |
23 | <el-input v-model="dataReport.ASID"></el-input> | 25 | <el-input v-model="dataReport.ASID" :disabled="$store.state.business.Edit"></el-input> |
24 | </el-col> | 26 | </el-col> |
25 | <el-col :span="6"> | 27 | <el-col :span="6"> |
26 | <span>行政区划编码:</span> | 28 | <span>行政区划编码:</span> |
27 | <el-input v-model="dataReport.AreaCode"></el-input> | 29 | <el-input v-model="dataReport.AreaCode" :disabled="$store.state.business.Edit"></el-input> |
28 | </el-col> | 30 | </el-col> |
29 | <el-col :span="7"> | 31 | <el-col :span="7"> |
30 | <span>上次不动产单元号:</span> | 32 | <span>上次不动产单元号:</span> |
31 | <el-input v-model="dataReport.PreEstateNum"></el-input> | 33 | <el-input v-model="dataReport.PreEstateNum" :disabled="$store.state.business.Edit"></el-input> |
32 | </el-col> | 34 | </el-col> |
33 | </el-row> | 35 | </el-row> |
34 | <el-row> | 36 | <el-row> |
35 | <el-col :span="5"> | 37 | <el-col :span="5"> |
36 | <span>业务编码:</span> | 38 | <span>业务编码:</span> |
37 | <el-input v-model="dataReport.RecType"></el-input> | 39 | <el-input v-model="dataReport.RecType" :disabled="$store.state.business.Edit"></el-input> |
38 | </el-col> | 40 | </el-col> |
39 | <el-col :span="6"> | 41 | <el-col :span="6"> |
40 | <span>权利类型:</span> | 42 | <span>权利类型:</span> |
41 | <el-select v-model="dataReport.RightType"> | 43 | <el-select v-model="dataReport.RightType" :disabled="$store.state.business.Edit"> |
42 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 44 | <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
43 | </el-option> | 45 | </el-option> |
44 | </el-select> | 46 | </el-select> |
45 | </el-col> | 47 | </el-col> |
46 | <el-col :span="6"> | 48 | <el-col :span="6"> |
47 | <span>登记类型:</span> | 49 | <span>登记类型:</span> |
48 | <el-select v-model="dataReport.RegType"> | 50 | <el-select v-model="dataReport.RegType" :disabled="$store.state.business.Edit"> |
49 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> | 51 | <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> |
50 | </el-option> | 52 | </el-option> |
51 | </el-select> | 53 | </el-select> |
52 | </el-col> | 54 | </el-col> |
53 | <el-col :span="7"> | 55 | <el-col :span="7"> |
54 | <span>不动产权证书数量:</span> | 56 | <span>不动产权证书数量:</span> |
55 | <el-input v-model="dataReport.CertCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input> | 57 | <el-input v-model="dataReport.CertCount" :disabled="$store.state.business.Edit" |
58 | oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input> | ||
56 | </el-col> | 59 | </el-col> |
57 | </el-row> | 60 | </el-row> |
58 | <el-row> | 61 | <el-row> |
59 | <el-col :span="5"> | 62 | <el-col :span="5"> |
60 | <span>创建时间:</span> | 63 | <span>创建时间:</span> |
61 | <el-date-picker v-model="dataReport.createDate" type="date" value-format="yyyy-MM-dd"> | 64 | <el-date-picker v-model="dataReport.createDate" clearable :disabled="$store.state.business.Edit" type="date" |
65 | value-format="yyyy-MM-dd"> | ||
62 | </el-date-picker> | 66 | </el-date-picker> |
63 | </el-col> | 67 | </el-col> |
64 | <el-col :span="6"> | 68 | <el-col :span="6"> |
65 | <span>业务流水号:</span> | 69 | <span>业务流水号:</span> |
66 | <el-input v-model="dataReport.RecFlowID"></el-input> | 70 | <el-input v-model="dataReport.RecFlowID" :disabled="$store.state.business.Edit"></el-input> |
67 | </el-col> | 71 | </el-col> |
68 | <el-col :span="6"> | 72 | <el-col :span="6"> |
69 | <span>宗地/宗海代码:</span> | 73 | <span>宗地/宗海代码:</span> |
70 | <el-input v-model="dataReport.ParcelID"></el-input> | 74 | <el-input v-model="dataReport.ParcelID" :disabled="$store.state.business.Edit"></el-input> |
71 | </el-col> | 75 | </el-col> |
72 | <el-col :span="7"> | 76 | <el-col :span="7"> |
73 | <span>证明数量:</span> | 77 | <span>证明数量:</span> |
74 | <el-input v-model="dataReport.ProofCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input> | 78 | <el-input v-model="dataReport.ProofCount" :disabled="$store.state.business.Edit" |
79 | oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input> | ||
75 | </el-col> | 80 | </el-col> |
76 | </el-row> | 81 | </el-row> |
77 | <el-row> | 82 | <el-row> |
78 | <el-col :span="7"> | 83 | <el-col :span="7"> |
79 | <span>不动产单元号:</span> | 84 | <span>不动产单元号:</span> |
80 | <el-input v-model="dataReport.EstateNum"></el-input> | 85 | <el-input v-model="dataReport.EstateNum" :disabled="$store.state.business.Edit"></el-input> |
81 | </el-col> | 86 | </el-col> |
82 | <el-col :span="7"> | 87 | <el-col :span="7"> |
83 | <span>登记机构:</span> | 88 | <span>登记机构:</span> |
84 | <el-input v-model="dataReport.RegOrgID"></el-input> | 89 | <el-input v-model="dataReport.RegOrgID" :disabled="$store.state.business.Edit"></el-input> |
85 | </el-col> | 90 | </el-col> |
86 | <el-col :span="11"> | 91 | <el-col :span="11"> |
87 | <span>上次不动产权证号/不动产登记证明:</span> | 92 | <span>上次不动产权证号/不动产登记证明:</span> |
88 | <el-input v-model="dataReport.PreCertID"></el-input> | 93 | <el-input v-model="dataReport.PreCertID" :disabled="$store.state.business.Edit"></el-input> |
89 | </el-col> | 94 | </el-col> |
90 | </el-row> | 95 | </el-row> |
91 | </div> | 96 | </div> |
... | @@ -124,10 +129,13 @@ | ... | @@ -124,10 +129,13 @@ |
124 | </template> | 129 | </template> |
125 | 130 | ||
126 | <script> | 131 | <script> |
132 | import axios from "axios"; | ||
133 | import SERVER from '@/api/config' | ||
134 | const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/' | ||
127 | import { mapGetters } from "vuex"; | 135 | import { mapGetters } from "vuex"; |
128 | import JsonEditor from "@/components/JsonEditor.vue"; | 136 | import JsonEditor from "@/components/JsonEditor.vue"; |
129 | import Xyjg from "./Result"; | 137 | import Xyjg from "./Result"; |
130 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml } from "@/api/dataReport.js"; | 138 | import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js"; |
131 | export default { | 139 | export default { |
132 | components: { JsonEditor, Xyjg }, | 140 | components: { JsonEditor, Xyjg }, |
133 | props: { | 141 | props: { |
... | @@ -150,31 +158,31 @@ export default { | ... | @@ -150,31 +158,31 @@ export default { |
150 | }, | 158 | }, |
151 | data () { | 159 | data () { |
152 | return { | 160 | return { |
153 | 161 | key: 0, | |
154 | resultInfo: '', | 162 | resultInfo: '', |
155 | 163 | ||
156 | titleName: 'sjmx', | 164 | titleName: 'sjmx', |
157 | 165 | // 报文list | |
166 | bwoptions: [], | ||
158 | dataReport: {}, | 167 | dataReport: {}, |
159 | index: 0, | 168 | index: 0, |
160 | bsmYwsjb: "", | 169 | bsmYwsjb: "", |
161 | ruleFormList: { | 170 | ruleFormList: { |
162 | bizMsgID: "", | 171 | BizMsgId: "", // 业务报文ID |
163 | asid: "", | 172 | ASID: "", // ASID |
164 | areaCode: "", | 173 | AreaCode: "", //行政区划编码 |
165 | preestateNum: "", | 174 | PreEstateNum: "", //上次不动产单元号 |
166 | recType: "", | 175 | RecType: "", // 业务编码 |
167 | rightType: "", | 176 | RightType: "", // 权利类型 |
168 | regType: "", | 177 | RegType: "", //登记类型 |
169 | certCount: "", | 178 | CertCount: "", //不动产权证书数量 |
170 | createDate: "", | 179 | createDate: "", //创建时间 |
171 | recFlowID: "", | 180 | RecFlowID: "", // 业务流水号 |
172 | regOrgID: "", | 181 | ParcelID: "", //宗地/宗海代码 |
173 | prllfCount: "", | 182 | ProofCount: "", //证明数量 |
174 | parcelID: "", | 183 | EstateNum: "", // 不动产单元号 |
175 | estateNum: "", | 184 | RegOrgID: "", // 登记机构 |
176 | preCertID: "", | 185 | PreCertID: "", //次不动产权证号/不动产登记证明 |
177 | digitalSign: "", | ||
178 | }, | 186 | }, |
179 | images: require("./images/success.gif"), | 187 | images: require("./images/success.gif"), |
180 | dialogVisible: false, | 188 | dialogVisible: false, |
... | @@ -200,18 +208,22 @@ export default { | ... | @@ -200,18 +208,22 @@ export default { |
200 | handleTitleTab (val) { | 208 | handleTitleTab (val) { |
201 | }, | 209 | }, |
202 | isShow (item) { | 210 | isShow (item) { |
203 | this.dataReport = item; | 211 | this.$set(this.bwoptions, 0, { |
212 | value: item.bizMsgid, | ||
213 | label: item.bizMsgid, | ||
214 | }) | ||
215 | this.$set(this.bwoptions, 1, { | ||
216 | value: item.bizMsgid + 'CBXZ', | ||
217 | label: item.bizMsgid + 'CBXZ', | ||
218 | }) | ||
219 | this.$set(this.bwoptions, 2, { | ||
220 | value: item.bizMsgid + 'BBXZ', | ||
221 | label: item.bizMsgid + 'BBXZ', | ||
222 | }) | ||
204 | this.titleName = 'sjmx'; | 223 | this.titleName = 'sjmx'; |
205 | this.dialogVisible = true; | 224 | this.dialogVisible = true; |
206 | //获取表头列表 | 225 | //获取表头列表 |
207 | getTabsDetail({ bsmReport: this.dataReport.bsmReport || this.dataReport.bsmSjsb }).then((res) => { | 226 | this._getList(item) |
208 | if (res.code == 200) { | ||
209 | this.headerList = res.result; | ||
210 | this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName | ||
211 | this.bsmYwsjb = this.headerList[0].bsmYwsjb; | ||
212 | this.editItem = this.loadView(this.activeName); | ||
213 | } | ||
214 | }); | ||
215 | //不动产数据查询上报详情 | 227 | //不动产数据查询上报详情 |
216 | getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => { | 228 | getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => { |
217 | if (res.code == 200) { | 229 | if (res.code == 200) { |
... | @@ -225,6 +237,17 @@ export default { | ... | @@ -225,6 +237,17 @@ export default { |
225 | }) | 237 | }) |
226 | } | 238 | } |
227 | }, | 239 | }, |
240 | // 获取列表接口 | ||
241 | _getList (data) { | ||
242 | getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => { | ||
243 | if (res.code == 200) { | ||
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 | }, | ||
228 | changeList (val) { | 251 | changeList (val) { |
229 | let _index = val.index; | 252 | let _index = val.index; |
230 | if (_index > this.index) { | 253 | if (_index > this.index) { |
... | @@ -252,22 +275,33 @@ export default { | ... | @@ -252,22 +275,33 @@ export default { |
252 | * @description: 提交 | 275 | * @description: 提交 |
253 | * @author: renchao | 276 | * @author: renchao |
254 | */ | 277 | */ |
255 | submitForm: _.debounce(function () { | 278 | submitForm: _.debounce(async function () { |
256 | this.$refs["editItem"].handleUpdateForm() | 279 | let _this = this |
257 | .then((res) => { | 280 | // 上报请求头修改 |
258 | if (res == 200) { | 281 | try { |
259 | this.$message({ | 282 | var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport, |
260 | message: '修改成功', | 283 | { |
261 | type: 'success' | 284 | headers: { |
262 | }) | 285 | 'Authorization': sessionStorage.getItem("token") || "" |
263 | } | 286 | } |
264 | }) | ||
265 | .catch(function (error) { | ||
266 | this.$alert(error, "提示", { | ||
267 | confirmButtonText: "确定", | ||
268 | type: "error" | ||
269 | }) | 287 | }) |
288 | if (headRes.code == 200) { | ||
289 | _this._getList(_this.dataReport) | ||
290 | } | ||
291 | } catch (error) { | ||
292 | this.$message({ | ||
293 | message: '报文头修改出错', | ||
294 | type: 'error' | ||
270 | }) | 295 | }) |
296 | } | ||
297 | let listRes = await this.$refs["editItem"].handleUpdateForm() | ||
298 | console.log(headRes, listRes); | ||
299 | if (headRes.data?.code == 200 && listRes == 200) { | ||
300 | this.$message({ | ||
301 | message: '上报成功', | ||
302 | type: 'success' | ||
303 | }) | ||
304 | } | ||
271 | }, 500), | 305 | }, 500), |
272 | /** | 306 | /** |
273 | * @description: 重新上报 | 307 | * @description: 重新上报 |
... | @@ -306,14 +340,6 @@ export default { | ... | @@ -306,14 +340,6 @@ export default { |
306 | @import "~@/styles/mixin.scss"; | 340 | @import "~@/styles/mixin.scss"; |
307 | @import "~@/styles/dialogBox.scss"; | 341 | @import "~@/styles/dialogBox.scss"; |
308 | 342 | ||
309 | .editInput { | ||
310 | /deep/.el-input__inner { | ||
311 | color: #87adf3; | ||
312 | cursor: not-allowed; | ||
313 | pointer-events: none; | ||
314 | } | ||
315 | } | ||
316 | |||
317 | /deep/.el-dialog__body { | 343 | /deep/.el-dialog__body { |
318 | display: flex; | 344 | display: flex; |
319 | flex-direction: column; | 345 | flex-direction: column; |
... | @@ -405,7 +431,7 @@ export default { | ... | @@ -405,7 +431,7 @@ export default { |
405 | padding-right: 1px; | 431 | padding-right: 1px; |
406 | margin-bottom: 10px; | 432 | margin-bottom: 10px; |
407 | border-top: none; | 433 | border-top: none; |
408 | height: 45vh; | 434 | height: 44vh; |
409 | } | 435 | } |
410 | 436 | ||
411 | /deep/.editDialogBox { | 437 | /deep/.editDialogBox { |
... | @@ -453,6 +479,10 @@ export default { | ... | @@ -453,6 +479,10 @@ export default { |
453 | padding-right: 15px; | 479 | padding-right: 15px; |
454 | } | 480 | } |
455 | 481 | ||
482 | /deep/.el-icon-circle-close { | ||
483 | display: none; | ||
484 | } | ||
485 | |||
456 | /deep/.el-input__suffix { | 486 | /deep/.el-input__suffix { |
457 | right: -25px !important; | 487 | right: -25px !important; |
458 | top: -5px; | 488 | top: -5px; | ... | ... |
... | @@ -99,189 +99,188 @@ | ... | @@ -99,189 +99,188 @@ |
99 | </template> | 99 | </template> |
100 | 100 | ||
101 | <script> | 101 | <script> |
102 | // 接收报文查询 | 102 | // 接收报文查询 |
103 | // 引入表格头部数据 | 103 | // 引入表格头部数据 |
104 | import data from "./data"; | 104 | import data from "./data"; |
105 | // 引入table混入方法 | 105 | // 引入table混入方法 |
106 | import tableMixin from "@/mixins/tableMixin.js"; | 106 | import tableMixin from "@/mixins/tableMixin.js"; |
107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; | 107 | import { getReceiveDataReportPage } from "@/api/dataReport.js"; |
108 | // 引入详情弹框 | 108 | // 引入详情弹框 |
109 | import dataDetails from "@/components/EditDialog"; | 109 | import dataDetails from "@/components/EditDialog"; |
110 | //引入日期处理方法 | 110 | //引入日期处理方法 |
111 | import { timeFormat } from "@/utils/operation"; | 111 | import { timeFormat } from "@/utils/operation"; |
112 | export default { | 112 | export default { |
113 | name: "jsbwcx", | 113 | name: "jsbwcx", |
114 | mixins: [tableMixin], | 114 | mixins: [tableMixin], |
115 | // 注册组件 | 115 | // 注册组件 |
116 | components: { | 116 | components: { |
117 | dataDetails, | 117 | dataDetails, |
118 | }, | 118 | }, |
119 | data () { | 119 | data () { |
120 | return { | 120 | return { |
121 | 121 | ||
122 | pickerOptionsStart: { | 122 | pickerOptionsStart: { |
123 | disabledDate: (time) => { | 123 | disabledDate: (time) => { |
124 | let endDateVal = this.form.receiveEndTime; | 124 | let endDateVal = this.form.receiveEndTime; |
125 | if (endDateVal) { | 125 | if (endDateVal) { |
126 | return ( | 126 | return ( |
127 | time.getTime() >= | 127 | time.getTime() >= |
128 | new Date(endDateVal).getTime() | 128 | new Date(endDateVal).getTime() |
129 | ); | 129 | ); |
130 | } | 130 | } |
131 | }, | ||
132 | }, | ||
133 | pickerOptionsEnd: { | ||
134 | disabledDate: (time) => { | ||
135 | let beginDateVal = this.form.receiveStartTime; | ||
136 | if (beginDateVal) { | ||
137 | return ( | ||
138 | time.getTime() < | ||
139 | new Date(beginDateVal).getTime() | ||
140 | ); | ||
141 | } | ||
142 | }, | ||
143 | }, | ||
144 | // 表格数据 | ||
145 | form: { | ||
146 | qxdm: "", // 行政区 | ||
147 | receiveStartTime: "", // 开始日期 | ||
148 | receiveEndTime: "", // 结束日期 | ||
149 | bdcdyh: "", // 不动产单元号 | ||
150 | ywh: "", // 业务号 | ||
151 | qllx: "", // 权利类型 | ||
152 | djlx: "", // 登记类型 | ||
153 | jcjg: "", // 检查结果 | ||
154 | rkjg: "", //入库结果 | ||
155 | currentPage: 1 | ||
156 | }, | ||
157 | // 校验规则 | ||
158 | rules: { | ||
159 | pcode: [{ required: true, message: "请选择行政区", trigger: "change" }], | ||
160 | startTime: [ | ||
161 | { required: true, message: "请选择开始日期", trigger: "change" }, | ||
162 | ], | ||
163 | endTime: [ | ||
164 | { required: true, message: "请选择结束日期", trigger: "change" }, | ||
165 | ], | ||
166 | bdcdyh: [ | ||
167 | { required: true, message: "不动产单元号", trigger: "change" }, | ||
168 | ], | ||
169 | ywmc: [{ required: true, message: "业务名称", trigger: "change" }], | ||
170 | jcjg: [{ required: true, message: "检查结果", trigger: "change" }], | ||
171 | rkjg: [{ required: true, message: "入库结果", trigger: "change" }], | ||
172 | }, | ||
173 | // 表格数据 | ||
174 | tableData: { | ||
175 | // 表格头部 | ||
176 | columns: [ | ||
177 | { | ||
178 | label: "序号", | ||
179 | type: "index", | ||
180 | width: "50", | ||
181 | index: this.indexMethod, | ||
182 | } | ||
183 | ] | ||
184 | .concat(data.columns()) | ||
185 | .concat([ | ||
186 | { | ||
187 | label: "操作", | ||
188 | width: "90", | ||
189 | render: (h, scope) => { | ||
190 | return ( | ||
191 | <div> | ||
192 | <el-button | ||
193 | type="primary" | ||
194 | onClick={() => { | ||
195 | this.handleDetails(scope.row); | ||
196 | }} | ||
197 | > | ||
198 | 详情 | ||
199 | </el-button> | ||
200 | </div> | ||
201 | ) | ||
202 | } | ||
203 | } | ||
204 | ]), | ||
205 | // 表格列表数据 | ||
206 | total: 0, | ||
207 | data: [], | ||
208 | }, | ||
209 | // 分页 | ||
210 | pageData: { | ||
211 | total: 0, | ||
212 | pageSize: 10, | ||
213 | current: 1 | ||
214 | }, | 131 | }, |
215 | title: "", | ||
216 | }; | ||
217 | }, | ||
218 | methods: { | ||
219 | //截止日期变化 | ||
220 | endTimeChange (val) { | ||
221 | this.form.receiveEndTime = timeFormat(new Date(val), true) | ||
222 | }, | 132 | }, |
223 | // 初始化数据 | 133 | pickerOptionsEnd: { |
224 | queryClick () { | 134 | disabledDate: (time) => { |
225 | getReceiveDataReportPage({ ...this.form, ...this.formData }).then( | 135 | let beginDateVal = this.form.receiveStartTime; |
226 | (res) => { | 136 | if (beginDateVal) { |
227 | if (res.code === 200) { | 137 | return ( |
228 | console.log("菜单列表", res); | 138 | time.getTime() < |
229 | let { total, records, current } = res.result; | 139 | new Date(beginDateVal).getTime() |
230 | this.tableData.total = total; | 140 | ); |
231 | this.tableData.data = records ? records : []; | ||
232 | this.pageData.current = current | ||
233 | } | ||
234 | } | 141 | } |
235 | ) | 142 | }, |
236 | }, | ||
237 | // 重置 | ||
238 | resetForm () { | ||
239 | this.$refs.ruleForm.resetFields(); | ||
240 | this.form.currentPage = 1 | ||
241 | this.queryClick(); | ||
242 | }, | 143 | }, |
243 | featchData () { | 144 | // 表格数据 |
244 | this.queryClick(); | 145 | form: { |
146 | qxdm: "", // 行政区 | ||
147 | receiveStartTime: "", // 开始日期 | ||
148 | receiveEndTime: "", // 结束日期 | ||
149 | bdcdyh: "", // 不动产单元号 | ||
150 | ywh: "", // 业务号 | ||
151 | qllx: "", // 权利类型 | ||
152 | djlx: "", // 登记类型 | ||
153 | jcjg: "", // 检查结果 | ||
154 | rkjg: "", //入库结果 | ||
155 | currentPage: 1 | ||
245 | }, | 156 | }, |
246 | // 结果 | 157 | // 校验规则 |
247 | handleResult (row) { | 158 | rules: { |
248 | this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row) | 159 | pcode: [{ required: true, message: "请选择行政区", trigger: "change" }], |
160 | startTime: [ | ||
161 | { required: true, message: "请选择开始日期", trigger: "change" }, | ||
162 | ], | ||
163 | endTime: [ | ||
164 | { required: true, message: "请选择结束日期", trigger: "change" }, | ||
165 | ], | ||
166 | bdcdyh: [ | ||
167 | { required: true, message: "不动产单元号", trigger: "change" }, | ||
168 | ], | ||
169 | ywmc: [{ required: true, message: "业务名称", trigger: "change" }], | ||
170 | jcjg: [{ required: true, message: "检查结果", trigger: "change" }], | ||
171 | rkjg: [{ required: true, message: "入库结果", trigger: "change" }], | ||
249 | }, | 172 | }, |
250 | // 详情 | 173 | // 表格数据 |
251 | handleDetails (row) { | 174 | tableData: { |
252 | if (row.rectypeName) { | 175 | // 表格头部 |
253 | this.title = row.rectypeName | 176 | columns: [ |
254 | } else { | 177 | { |
255 | let Title = '' | 178 | label: "序号", |
256 | this.dicData['A21'].map(item => { | 179 | type: "index", |
257 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { | 180 | width: "50", |
258 | Title = item.DNAME | 181 | index: this.indexMethod, |
259 | return | 182 | } |
260 | } | 183 | ] |
261 | }) | 184 | .concat(data.columns()) |
262 | 185 | .concat([ | |
263 | this.dicData['A8'].map(item => { | 186 | { |
264 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { | 187 | label: "操作", |
265 | Title += '-' + item.DNAME | 188 | width: "90", |
266 | return | 189 | render: (h, scope) => { |
190 | return ( | ||
191 | <div> | ||
192 | <el-button | ||
193 | type="primary" | ||
194 | onClick={() => { | ||
195 | this.handleDetails(scope.row); | ||
196 | }} | ||
197 | > | ||
198 | 详情 | ||
199 | </el-button> | ||
200 | </div> | ||
201 | ) | ||
202 | } | ||
267 | } | 203 | } |
268 | }) | 204 | ]), |
269 | this.title = Title | 205 | // 表格列表数据 |
270 | } | 206 | total: 0, |
271 | this.$refs.editLog.isShow(row); | 207 | data: [], |
272 | if (row.receiveState == 2) { | 208 | }, |
273 | this.$store.dispatch('business/setReportLogEdit') | 209 | // 分页 |
274 | } else { | 210 | pageData: { |
275 | this.$store.dispatch('business/setEdit') | 211 | total: 0, |
276 | } | 212 | pageSize: 10, |
213 | current: 1 | ||
277 | }, | 214 | }, |
278 | } | 215 | title: "", |
216 | }; | ||
217 | }, | ||
218 | methods: { | ||
219 | //截止日期变化 | ||
220 | endTimeChange (val) { | ||
221 | this.form.receiveEndTime = timeFormat(new Date(val), true) | ||
222 | }, | ||
223 | // 初始化数据 | ||
224 | queryClick () { | ||
225 | getReceiveDataReportPage({ ...this.form, ...this.formData }).then( | ||
226 | (res) => { | ||
227 | if (res.code === 200) { | ||
228 | let { total, records, current } = res.result; | ||
229 | this.tableData.total = total; | ||
230 | this.tableData.data = records ? records : []; | ||
231 | this.pageData.current = current | ||
232 | } | ||
233 | } | ||
234 | ) | ||
235 | }, | ||
236 | // 重置 | ||
237 | resetForm () { | ||
238 | this.$refs.ruleForm.resetFields(); | ||
239 | this.form.currentPage = 1 | ||
240 | this.queryClick(); | ||
241 | }, | ||
242 | featchData () { | ||
243 | this.queryClick(); | ||
244 | }, | ||
245 | // 结果 | ||
246 | handleResult (row) { | ||
247 | this.$popupDialog('响应结果', 'views/jsbwcx/components/result', row) | ||
248 | }, | ||
249 | // 详情 | ||
250 | handleDetails (row) { | ||
251 | if (row.rectypeName) { | ||
252 | this.title = row.rectypeName | ||
253 | } else { | ||
254 | let Title = '' | ||
255 | this.dicData['A21'].map(item => { | ||
256 | if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { | ||
257 | Title = item.DNAME | ||
258 | return | ||
259 | } | ||
260 | }) | ||
261 | |||
262 | this.dicData['A8'].map(item => { | ||
263 | if (item.DCODE == row.QLLX || item.DCODE == row.qllx) { | ||
264 | Title += '-' + item.DNAME | ||
265 | return | ||
266 | } | ||
267 | }) | ||
268 | this.title = Title | ||
269 | } | ||
270 | this.$refs.editLog.isShow(row); | ||
271 | if (row.receiveState == 2) { | ||
272 | this.$store.dispatch('business/setReportLogEdit') | ||
273 | } else { | ||
274 | this.$store.dispatch('business/setEdit') | ||
275 | } | ||
276 | }, | ||
279 | } | 277 | } |
278 | } | ||
280 | </script> | 279 | </script> |
281 | <style scoped lang="scss"> | 280 | <style scoped lang="scss"> |
282 | // 引入表单整体样式 | 281 | // 引入表单整体样式 |
283 | @import "~@/styles/public.scss"; | 282 | @import "~@/styles/public.scss"; |
284 | // 引入当前css | 283 | // 引入当前css |
285 | @import "./index.scss"; | 284 | @import "./index.scss"; |
286 | </style> | 285 | </style> |
287 | 286 | ... | ... |
-
Please register or sign in to post a comment