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