Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
19 changed files
with
623 additions
and
217 deletions
| ... | @@ -34,7 +34,7 @@ export const constantRoutes = [ | ... | @@ -34,7 +34,7 @@ export const constantRoutes = [ |
| 34 | hidden: true, | 34 | hidden: true, |
| 35 | meta: { title: '发起申请' } | 35 | meta: { title: '发起申请' } |
| 36 | }, | 36 | }, |
| 37 | // 业务流程框架 | 37 | // 登记簿补录 |
| 38 | { | 38 | { |
| 39 | path: '/djbworkFrame', | 39 | path: '/djbworkFrame', |
| 40 | component: () => import('@/views/djbworkflow/workFrame.vue'), | 40 | component: () => import('@/views/djbworkflow/workFrame.vue'), |
| ... | @@ -42,6 +42,14 @@ export const constantRoutes = [ | ... | @@ -42,6 +42,14 @@ export const constantRoutes = [ |
| 42 | hidden: true, | 42 | hidden: true, |
| 43 | meta: { title: '登记簿补录' } | 43 | meta: { title: '登记簿补录' } |
| 44 | }, | 44 | }, |
| 45 | // 登记簿补录只读框架 | ||
| 46 | { | ||
| 47 | path: '/djbworkFrameView', | ||
| 48 | component: () => import('@/views/djbworkflow/workFrameView.vue'), | ||
| 49 | name: 'djbworkFrameView', | ||
| 50 | hidden: true, | ||
| 51 | meta: { title: '登记簿补录' } | ||
| 52 | }, | ||
| 45 | //登记簿详情 | 53 | //登记簿详情 |
| 46 | { | 54 | { |
| 47 | path: '/djbFrameall', | 55 | path: '/djbFrameall', | ... | ... |
| ... | @@ -147,9 +147,11 @@ div:focus { | ... | @@ -147,9 +147,11 @@ div:focus { |
| 147 | .pl-5 { | 147 | .pl-5 { |
| 148 | padding-left: 5px; | 148 | padding-left: 5px; |
| 149 | } | 149 | } |
| 150 | |||
| 150 | .pt-10 { | 151 | .pt-10 { |
| 151 | padding-top: 10px; | 152 | padding-top: 10px; |
| 152 | } | 153 | } |
| 154 | |||
| 153 | .block { | 155 | .block { |
| 154 | display: block; | 156 | display: block; |
| 155 | } | 157 | } |
| ... | @@ -383,7 +385,65 @@ aside { | ... | @@ -383,7 +385,65 @@ aside { |
| 383 | transition: 0.5s; | 385 | transition: 0.5s; |
| 384 | margin-left: -1px; | 386 | margin-left: -1px; |
| 385 | border-top: 0; | 387 | border-top: 0; |
| 388 | |||
| 386 | .el-checkbox__label { | 389 | .el-checkbox__label { |
| 387 | font-size: 16px; | 390 | font-size: 16px; |
| 388 | } | 391 | } |
| 389 | } | 392 | } |
| 393 | |||
| 394 | |||
| 395 | .linshiIcon { | ||
| 396 | position: relative; | ||
| 397 | |||
| 398 | .icon { | ||
| 399 | position: absolute; | ||
| 400 | top: 12px; | ||
| 401 | right: -5px; | ||
| 402 | transform: rotate(45deg); | ||
| 403 | color: #fff; | ||
| 404 | font-size: 12px; | ||
| 405 | z-index: 10; | ||
| 406 | } | ||
| 407 | } | ||
| 408 | |||
| 409 | .linshiIcon::after { | ||
| 410 | content: ""; | ||
| 411 | display: block; | ||
| 412 | width: 0; | ||
| 413 | height: 0; | ||
| 414 | border-width: 0px 0px 55px 55px; | ||
| 415 | border-style: none solid solid; | ||
| 416 | border-color: transparent transparent #fe9400; | ||
| 417 | position: absolute; | ||
| 418 | top: 0; | ||
| 419 | right: 0; | ||
| 420 | transform: rotate(-90deg); | ||
| 421 | } | ||
| 422 | |||
| 423 | .xianshiIcon { | ||
| 424 | position: relative; | ||
| 425 | |||
| 426 | .icon { | ||
| 427 | position: absolute; | ||
| 428 | top: 9px; | ||
| 429 | right: 5px; | ||
| 430 | transform: rotate(45deg); | ||
| 431 | color: #fff; | ||
| 432 | font-size: 12px; | ||
| 433 | z-index: 10; | ||
| 434 | } | ||
| 435 | } | ||
| 436 | |||
| 437 | .xianshiIcon::after { | ||
| 438 | content: ""; | ||
| 439 | display: block; | ||
| 440 | width: 0; | ||
| 441 | height: 0; | ||
| 442 | border-width: 0px 0px 55px 55px; | ||
| 443 | border-style: none solid solid; | ||
| 444 | border-color: transparent transparent #67C23A; | ||
| 445 | position: absolute; | ||
| 446 | top: 0; | ||
| 447 | right: 0; | ||
| 448 | transform: rotate(-90deg); | ||
| 449 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -13,7 +13,8 @@ | ... | @@ -13,7 +13,8 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="145px"> | 16 | label-width="145px" |
| 17 | > | ||
| 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 18 | <div class="slxx_title title-block"> | 19 | <div class="slxx_title title-block"> |
| 19 | 补录信息 | 20 | 补录信息 |
| ... | @@ -66,7 +67,12 @@ | ... | @@ -66,7 +67,12 @@ |
| 66 | <el-col :span="8"> | 67 | <el-col :span="8"> |
| 67 | <el-form-item label="登记类型:"> | 68 | <el-form-item label="登记类型:"> |
| 68 | <el-select v-model="ruleForm.qlxx.djlx"> | 69 | <el-select v-model="ruleForm.qlxx.djlx"> |
| 69 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 70 | <el-option |
| 71 | v-for="item in djlxlist" | ||
| 72 | :key="item.dcode" | ||
| 73 | :label="item.dname" | ||
| 74 | :value="item.dcode" | ||
| 75 | > | ||
| 70 | </el-option> | 76 | </el-option> |
| 71 | </el-select> | 77 | </el-select> |
| 72 | </el-form-item> | 78 | </el-form-item> |
| ... | @@ -125,7 +131,12 @@ | ... | @@ -125,7 +131,12 @@ |
| 125 | </el-form-item> --> | 131 | </el-form-item> --> |
| 126 | <el-form-item label="抵押不动产类型:"> | 132 | <el-form-item label="抵押不动产类型:"> |
| 127 | <el-select v-model="ruleForm.qlxx.djlx"> | 133 | <el-select v-model="ruleForm.qlxx.djlx"> |
| 128 | <el-option v-for="item in dictData['A27']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 134 | <el-option |
| 135 | v-for="item in dictData['A27']" | ||
| 136 | :key="item.dcode" | ||
| 137 | :label="item.dname" | ||
| 138 | :value="item.dcode" | ||
| 139 | > | ||
| 129 | </el-option> | 140 | </el-option> |
| 130 | </el-select> | 141 | </el-select> |
| 131 | </el-form-item> | 142 | </el-form-item> |
| ... | @@ -158,7 +169,12 @@ | ... | @@ -158,7 +169,12 @@ |
| 158 | <el-col :span="8"> | 169 | <el-col :span="8"> |
| 159 | <el-form-item label="是否预告登记:"> | 170 | <el-form-item label="是否预告登记:"> |
| 160 | <el-select v-model="ruleForm.qlxx.djlx"> | 171 | <el-select v-model="ruleForm.qlxx.djlx"> |
| 161 | <el-option v-for="item in dictData['A6']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 172 | <el-option |
| 173 | v-for="item in dictData['A6']" | ||
| 174 | :key="item.dcode" | ||
| 175 | :label="item.dname" | ||
| 176 | :value="item.dcode" | ||
| 177 | > | ||
| 162 | </el-option> | 178 | </el-option> |
| 163 | </el-select> | 179 | </el-select> |
| 164 | </el-form-item> | 180 | </el-form-item> |
| ... | @@ -175,40 +191,64 @@ | ... | @@ -175,40 +191,64 @@ |
| 175 | </el-col> | 191 | </el-col> |
| 176 | <el-col :span="8"> | 192 | <el-col :span="8"> |
| 177 | <el-form-item label="抵押面积:"> | 193 | <el-form-item label="抵押面积:"> |
| 178 | <div style="display:flex"> | 194 | <div style="display: flex"> |
| 179 | <el-input v-model="ruleForm.diyaq.dymj" style="width:500%" | 195 | <el-input |
| 180 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 196 | v-model="ruleForm.diyaq.dymj" |
| 197 | style="width: 500%" | ||
| 198 | oninput="value=value.replace(/[^\d.]/g,'')" | ||
| 199 | ></el-input> | ||
| 181 | <el-select v-model="ruleForm.diyaq.mjdw"> | 200 | <el-select v-model="ruleForm.diyaq.mjdw"> |
| 182 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 201 | <el-option |
| 202 | v-for="item in dictData['A7']" | ||
| 203 | :key="item.dcode" | ||
| 204 | :label="item.dname" | ||
| 205 | :value="item.dcode" | ||
| 206 | > | ||
| 183 | </el-option> | 207 | </el-option> |
| 184 | </el-select> | 208 | </el-select> |
| 185 | </div> | 209 | </div> |
| 186 | </el-form-item> | 210 | </el-form-item> |
| 187 | </el-col > | 211 | </el-col> |
| 188 | <el-col :span="8"> | 212 | <el-col :span="8"> |
| 189 | <el-form-item label="最高债权额"> | 213 | <el-form-item label="最高债权额"> |
| 190 | <div style="display:flex"> | 214 | <div style="display: flex"> |
| 191 | <el-input v-model="ruleForm.diyaq.zgzqse" style="width:500%" | 215 | <el-input |
| 192 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 216 | v-model="ruleForm.diyaq.zgzqse" |
| 217 | style="width: 500%" | ||
| 218 | oninput="value=value.replace(/[^\d.]/g,'')" | ||
| 219 | ></el-input> | ||
| 193 | <el-select v-model="ruleForm.diyaq.jedw"> | 220 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 194 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 221 | <el-option |
| 222 | v-for="item in dictData['A57']" | ||
| 223 | :key="item.dcode" | ||
| 224 | :label="item.dname" | ||
| 225 | :value="item.dcode" | ||
| 226 | > | ||
| 195 | </el-option> | 227 | </el-option> |
| 196 | </el-select> | 228 | </el-select> |
| 197 | </div> | 229 | </div> |
| 198 | </el-form-item> | 230 | </el-form-item> |
| 199 | </el-col > | 231 | </el-col> |
| 200 | <el-col :span="8"> | 232 | <el-col :span="8"> |
| 201 | <el-form-item label="被担保主债权数额"> | 233 | <el-form-item label="被担保主债权数额"> |
| 202 | <div style="display:flex"> | 234 | <div style="display: flex"> |
| 203 | <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%" | 235 | <el-input |
| 204 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 236 | v-model="ruleForm.diyaq.bdbzzqse" |
| 237 | style="width: 500%" | ||
| 238 | oninput="value=value.replace(/[^\d.]/g,'')" | ||
| 239 | ></el-input> | ||
| 205 | <el-select v-model="ruleForm.diyaq.jedw"> | 240 | <el-select v-model="ruleForm.diyaq.jedw"> |
| 206 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 241 | <el-option |
| 242 | v-for="item in dictData['A57']" | ||
| 243 | :key="item.dcode" | ||
| 244 | :label="item.dname" | ||
| 245 | :value="item.dcode" | ||
| 246 | > | ||
| 207 | </el-option> | 247 | </el-option> |
| 208 | </el-select> | 248 | </el-select> |
| 209 | </div> | 249 | </div> |
| 210 | </el-form-item> | 250 | </el-form-item> |
| 211 | </el-col > | 251 | </el-col> |
| 212 | <el-col :span="8"> | 252 | <el-col :span="8"> |
| 213 | <el-form-item label="币种"> | 253 | <el-form-item label="币种"> |
| 214 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> | 254 | <el-input v-model="ruleForm.qlxx.djsj"></el-input> |
| ... | @@ -312,8 +352,7 @@ | ... | @@ -312,8 +352,7 @@ |
| 312 | <el-row :gutter="10"> | 352 | <el-row :gutter="10"> |
| 313 | <el-col :span="12"> | 353 | <el-col :span="12"> |
| 314 | <el-form-item label="共有方式:"> | 354 | <el-form-item label="共有方式:"> |
| 315 | <el-radio-group | 355 | <el-radio-group v-model="ruleForm.qlxx.gyqk"> |
| 316 | v-model="ruleForm.qlxx.gyqk"> | ||
| 317 | <el-radio label="0">单独所有</el-radio> | 356 | <el-radio label="0">单独所有</el-radio> |
| 318 | <el-radio label="1">共同共有</el-radio> | 357 | <el-radio label="1">共同共有</el-radio> |
| 319 | <el-radio label="2">按份所有</el-radio> | 358 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -326,7 +365,8 @@ | ... | @@ -326,7 +365,8 @@ |
| 326 | :tableData="ruleForm.qlrData" | 365 | :tableData="ruleForm.qlrData" |
| 327 | @upDateQlrxxList="upDateQlrxxList" | 366 | @upDateQlrxxList="upDateQlrxxList" |
| 328 | :key="key" | 367 | :key="key" |
| 329 | :gyfs="ruleForm.qlxx.gyfs" /> | 368 | :gyfs="ruleForm.qlxx.gyfs" |
| 369 | /> | ||
| 330 | 370 | ||
| 331 | <div> | 371 | <div> |
| 332 | <div class="slxx_title title-block"> | 372 | <div class="slxx_title title-block"> |
| ... | @@ -337,7 +377,8 @@ | ... | @@ -337,7 +377,8 @@ |
| 337 | v-if="ruleForm.ywrData" | 377 | v-if="ruleForm.ywrData" |
| 338 | :tableData="ruleForm.ywrData" | 378 | :tableData="ruleForm.ywrData" |
| 339 | :key="key" | 379 | :key="key" |
| 340 | @upDateQlrxxList="upDateYwrxxList" /> | 380 | @upDateQlrxxList="upDateYwrxxList" |
| 381 | /> | ||
| 341 | </div> | 382 | </div> |
| 342 | </div> | 383 | </div> |
| 343 | <el-row class="btn"> | 384 | <el-row class="btn"> |
| ... | @@ -350,13 +391,13 @@ | ... | @@ -350,13 +391,13 @@ |
| 350 | </template> | 391 | </template> |
| 351 | <script> | 392 | <script> |
| 352 | import { mapGetters } from "vuex"; | 393 | import { mapGetters } from "vuex"; |
| 353 | import { init,save } from "@/api/djbbl.js"; | 394 | import { init, save } from "@/api/djbbl.js"; |
| 354 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 395 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 355 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 396 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 356 | 397 | ||
| 357 | import tdytTable from "@/views/workflow/components/tdytTable"; | 398 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 358 | export default { | 399 | export default { |
| 359 | components: { qlrCommonTable,ywrCommonTable,tdytTable }, | 400 | components: { qlrCommonTable, ywrCommonTable, tdytTable }, |
| 360 | computed: { | 401 | computed: { |
| 361 | ...mapGetters(["dictData", "flag"]), | 402 | ...mapGetters(["dictData", "flag"]), |
| 362 | }, | 403 | }, |
| ... | @@ -371,6 +412,7 @@ export default { | ... | @@ -371,6 +412,7 @@ export default { |
| 371 | ruleForm: {}, | 412 | ruleForm: {}, |
| 372 | //传递参数\ | 413 | //传递参数\ |
| 373 | rules: {}, | 414 | rules: {}, |
| 415 | // 权属状态 | ||
| 374 | qsztlist: [ | 416 | qsztlist: [ |
| 375 | { | 417 | { |
| 376 | dcode: "1", | 418 | dcode: "1", |
| ... | @@ -381,6 +423,35 @@ export default { | ... | @@ -381,6 +423,35 @@ export default { |
| 381 | dname: "历史", | 423 | dname: "历史", |
| 382 | }, | 424 | }, |
| 383 | ], | 425 | ], |
| 426 | |||
| 427 | // 登记类型 | ||
| 428 | djlxlist: [ | ||
| 429 | { | ||
| 430 | dcode: "100", | ||
| 431 | dname: "首次登记", | ||
| 432 | }, | ||
| 433 | { | ||
| 434 | dcode: "200", | ||
| 435 | dname: "转移登记", | ||
| 436 | }, | ||
| 437 | { | ||
| 438 | dcode: "300", | ||
| 439 | dname: "变更登记", | ||
| 440 | }, | ||
| 441 | { | ||
| 442 | dcode: "500", | ||
| 443 | dname: "更正登记", | ||
| 444 | }, | ||
| 445 | |||
| 446 | { | ||
| 447 | dcode: "901", | ||
| 448 | dname: "补证", | ||
| 449 | }, | ||
| 450 | { | ||
| 451 | dcode: "902", | ||
| 452 | dname: "换证", | ||
| 453 | }, | ||
| 454 | ], | ||
| 384 | }; | 455 | }; |
| 385 | }, | 456 | }, |
| 386 | created() { | 457 | created() { |
| ... | @@ -389,26 +460,26 @@ export default { | ... | @@ -389,26 +460,26 @@ export default { |
| 389 | mounted() {}, | 460 | mounted() {}, |
| 390 | methods: { | 461 | methods: { |
| 391 | loadData() { | 462 | loadData() { |
| 392 | console.log("预告登记",this.propsParam); | 463 | console.log("预告登记", this.propsParam); |
| 393 | init(this.propsParam.bsmRepair).then((res) => { | 464 | init(this.propsParam.bsmRepair).then((res) => { |
| 394 | if (res.code == 200) { | 465 | if (res.code == 200) { |
| 395 | this.ruleForm = res.result; | 466 | this.ruleForm = res.result; |
| 396 | console.log("this.ruleForm",this.ruleForm); | 467 | console.log("this.ruleForm", this.ruleForm); |
| 397 | this.isShow = true; | 468 | this.isShow = true; |
| 398 | } | 469 | } |
| 399 | }); | 470 | }); |
| 400 | }, | 471 | }, |
| 401 | // 更新土地用途信息 | 472 | // 更新土地用途信息 |
| 402 | upDateTdytxxList(val) { | 473 | upDateTdytxxList(val) { |
| 403 | console.log("VAL",val); | 474 | console.log("VAL", val); |
| 404 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 475 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 405 | this.key++; | 476 | this.key++; |
| 406 | }, | 477 | }, |
| 407 | // 更新权利人信息 | 478 | // 更新权利人信息 |
| 408 | upDateQlrxxList(val) { | 479 | upDateQlrxxList(val) { |
| 409 | console.log("val",val); | 480 | console.log("val", val); |
| 410 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 481 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 411 | console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); | 482 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); |
| 412 | this.czrOptions = this.ruleForm.qlrData; | 483 | this.czrOptions = this.ruleForm.qlrData; |
| 413 | this.key++; | 484 | this.key++; |
| 414 | }, | 485 | }, |
| ... | @@ -418,7 +489,7 @@ export default { | ... | @@ -418,7 +489,7 @@ export default { |
| 418 | this.key++; | 489 | this.key++; |
| 419 | }, | 490 | }, |
| 420 | onSubmit() { | 491 | onSubmit() { |
| 421 | console.log("this.ruleForm大信息",this.ruleForm); | 492 | console.log("this.ruleForm大信息", this.ruleForm); |
| 422 | if (this.ruleForm.qlrData.length == 0) { | 493 | if (this.ruleForm.qlrData.length == 0) { |
| 423 | this.$message({ | 494 | this.$message({ |
| 424 | showClose: true, | 495 | showClose: true, | ... | ... |
| ... | @@ -107,64 +107,6 @@ | ... | @@ -107,64 +107,6 @@ |
| 107 | } | 107 | } |
| 108 | } | 108 | } |
| 109 | 109 | ||
| 110 | .linshiIcon { | ||
| 111 | position: relative; | ||
| 112 | |||
| 113 | .icon { | ||
| 114 | position: absolute; | ||
| 115 | top: 12px; | ||
| 116 | right: -5px; | ||
| 117 | transform: rotate(45deg); | ||
| 118 | color: #fff; | ||
| 119 | font-size: 12px; | ||
| 120 | z-index: 10; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | |||
| 124 | .linshiIcon::after { | ||
| 125 | content: ""; | ||
| 126 | display: block; | ||
| 127 | width: 0; | ||
| 128 | height: 0; | ||
| 129 | border-width: 0px 0px 55px 55px; | ||
| 130 | border-style: none solid solid; | ||
| 131 | border-color: transparent transparent #fe9400; | ||
| 132 | position: absolute; | ||
| 133 | top: 0; | ||
| 134 | right: 0; | ||
| 135 | transform: rotate(-90deg); | ||
| 136 | } | ||
| 137 | |||
| 138 | .xianshiIcon { | ||
| 139 | position: relative; | ||
| 140 | |||
| 141 | .icon { | ||
| 142 | position: absolute; | ||
| 143 | top: 9px; | ||
| 144 | right: 5px; | ||
| 145 | transform: rotate(45deg); | ||
| 146 | color: #fff; | ||
| 147 | font-size: 12px; | ||
| 148 | z-index: 10; | ||
| 149 | } | ||
| 150 | } | ||
| 151 | |||
| 152 | .xianshiIcon::after { | ||
| 153 | content: ""; | ||
| 154 | display: block; | ||
| 155 | width: 0; | ||
| 156 | height: 0; | ||
| 157 | border-width: 0px 0px 55px 55px; | ||
| 158 | border-style: none solid solid; | ||
| 159 | border-color: transparent transparent #67C23A; | ||
| 160 | position: absolute; | ||
| 161 | top: 0; | ||
| 162 | right: 0; | ||
| 163 | transform: rotate(-90deg); | ||
| 164 | } | ||
| 165 | |||
| 166 | |||
| 167 | |||
| 168 | tr { | 110 | tr { |
| 169 | display: flex; | 111 | display: flex; |
| 170 | } | 112 | } | ... | ... |
| ... | @@ -43,8 +43,12 @@ export default { | ... | @@ -43,8 +43,12 @@ export default { |
| 43 | //加载流程初始参数 | 43 | //加载流程初始参数 |
| 44 | flowInitParam () { | 44 | flowInitParam () { |
| 45 | var formdata = new FormData(); | 45 | var formdata = new FormData(); |
| 46 | |||
| 46 | formdata.append("bsmSlsq", this.bsmSlsq); | 47 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 47 | formdata.append("bestepid", this.bestepid); | 48 | formdata.append("bestepid", this.bestepid); |
| 49 | if (this.type) { | ||
| 50 | formdata.append("type", "READ_ONLY"); | ||
| 51 | } | ||
| 48 | stepExpandInfo(formdata).then((res) => { | 52 | stepExpandInfo(formdata).then((res) => { |
| 49 | if (res.code === 200) { | 53 | if (res.code === 200) { |
| 50 | this.leftButtonList = res.result.button; | 54 | this.leftButtonList = res.result.button; | ... | ... |
src/views/djbworkflow/workFrameView.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-24 15:31:00 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="container"> | ||
| 8 | <!-- 顶部内容框 --> | ||
| 9 | <div class="topButton"> | ||
| 10 | <!-- 左侧业务功能按钮 --> | ||
| 11 | <ul> | ||
| 12 | <li | ||
| 13 | @click="operation(item)" | ||
| 14 | v-for="(item, index) in leftButtonList" | ||
| 15 | :key="index" | ||
| 16 | > | ||
| 17 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 18 | <span class="iconName">{{ item.name }}</span> | ||
| 19 | </li> | ||
| 20 | </ul> | ||
| 21 | <ul> | ||
| 22 | <li | ||
| 23 | @click="operation(item)" | ||
| 24 | v-for="(item, index) in rightButtonList" | ||
| 25 | :key="index" | ||
| 26 | > | ||
| 27 | <svg-icon class="icon" :icon-class="item.icon" /> | ||
| 28 | <span class="iconName">{{ item.name }}</span> | ||
| 29 | </li> | ||
| 30 | </ul> | ||
| 31 | <!-- <NoticeBar | ||
| 32 | class="NoticeBar" | ||
| 33 | :noticeList="noticeList" | ||
| 34 | v-if="noticeList.length > 0" | ||
| 35 | /> --> | ||
| 36 | </div> | ||
| 37 | <!-- 内容框架 --> | ||
| 38 | <div class="containerFrame"> | ||
| 39 | <!-- 左侧菜单栏 区分业务--> | ||
| 40 | <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 41 | <div class="leftCon"> | ||
| 42 | <!-- 分屏左侧预览 --> | ||
| 43 | <div v-if="splitScreen" class="splitScreen-con"> | ||
| 44 | <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" /> | ||
| 45 | </div> | ||
| 46 | <!-- 表单内容区域 --> | ||
| 47 | <div class="rightContainer"> | ||
| 48 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | ||
| 49 | <el-tab-pane | ||
| 50 | :label="item.name" | ||
| 51 | :name="item.value" | ||
| 52 | v-for="item in tabList" | ||
| 53 | :key="item.value" | ||
| 54 | > | ||
| 55 | </el-tab-pane> | ||
| 56 | </el-tabs> | ||
| 57 | <component | ||
| 58 | :key="fresh" | ||
| 59 | :is="componentTag" | ||
| 60 | v-bind="currentSelectProps" | ||
| 61 | /> | ||
| 62 | </div> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | <!-- 新增补录信息勾选权利类型 --> | ||
| 66 | <qllxDailog ref="qllxlist" /> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | <style scoped lang="scss"> | ||
| 70 | @import "~@/styles/mixin.scss"; | ||
| 71 | @import "./workFrame.scss"; | ||
| 72 | </style> | ||
| 73 | <script> | ||
| 74 | import WorkFlow from "./mixin/index"; | ||
| 75 | import { getForm } from "./flowform"; | ||
| 76 | import { getStepFormInfo } from "@/api/fqsq.js"; | ||
| 77 | import NoticeBar from "@/components/NoticeBar/index"; | ||
| 78 | import ProcessViewer from "./components/processViewer.vue"; | ||
| 79 | // 引入左侧菜单 | ||
| 80 | import { leftMenubl } from "@/api/djbbl.js"; | ||
| 81 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | ||
| 82 | import qllxDailog from "./djbBook/components/qllxDailog"; | ||
| 83 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | ||
| 84 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | ||
| 85 | // 登记簿数据信息 | ||
| 86 | import { addRepairRecord } from "@/api/djbbl.js"; | ||
| 87 | // 获取权利类型数组 | ||
| 88 | import { getQllxByBdcdyid } from "@/api/djbbl.js"; | ||
| 89 | |||
| 90 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | ||
| 91 | export default { | ||
| 92 | components: { | ||
| 93 | selectBdc, | ||
| 94 | NoticeBar, | ||
| 95 | ProcessViewer, | ||
| 96 | ordinaryMenu, | ||
| 97 | qllxDailog, | ||
| 98 | }, | ||
| 99 | mixins: [WorkFlow], | ||
| 100 | data() { | ||
| 101 | return { | ||
| 102 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 103 | //当前流程所在环节 | ||
| 104 | bestepid: this.$route.query.bestepid, | ||
| 105 | //受理申请标识码 | ||
| 106 | bdcdyid: this.$route.query.bdcdyid, | ||
| 107 | //当前流程所在环节 | ||
| 108 | bdcdyh: this.$route.query.bdcdyh, | ||
| 109 | qllx: this.$route.query.qllx, | ||
| 110 | //设置那个表单选中 | ||
| 111 | tabName: "", | ||
| 112 | // 弹框显示 | ||
| 113 | dialogVisible: true, | ||
| 114 | //表单集合 | ||
| 115 | tabList: [], | ||
| 116 | type: "READ_ONLY", | ||
| 117 | //选择加载哪一个组件 | ||
| 118 | componentTag: "", | ||
| 119 | //设置表单传递数据 | ||
| 120 | currentSelectProps: {}, | ||
| 121 | // 首次拿到的业务信息 | ||
| 122 | oneSelectProps: {}, | ||
| 123 | //材料信息选择卡索引 | ||
| 124 | oneget: true, | ||
| 125 | //页面监听时间 | ||
| 126 | _beforeUnload_time: "", | ||
| 127 | treedata: {}, | ||
| 128 | tabdata: [], | ||
| 129 | defaultNode: {}, | ||
| 130 | }; | ||
| 131 | }, | ||
| 132 | mounted() { | ||
| 133 | // this.getleftMenubl() | ||
| 134 | }, | ||
| 135 | |||
| 136 | methods: { | ||
| 137 | stepForm(qllx) { | ||
| 138 | this.oneSelectProps.qllx = qllx; | ||
| 139 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 140 | this.oneSelectProps.type = this.type | ||
| 141 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 142 | this.$nextTick(function () { | ||
| 143 | this.tabList = res.result; | ||
| 144 | this.tabName = this.tabList[0].value; | ||
| 145 | this.getFromRouter(this.tabName); | ||
| 146 | }); | ||
| 147 | }); | ||
| 148 | } | ||
| 149 | }, | ||
| 150 | // 获取右侧菜单 | ||
| 151 | // getleftMenubl() { | ||
| 152 | // leftMenubl(this.bsmSlsq).then((res) => { | ||
| 153 | // this.supplementarylist = res.result; | ||
| 154 | // }) | ||
| 155 | // }, | ||
| 156 | getQllxByBdcdyid() { | ||
| 157 | if (this.currentSelectProps.bdcdyid) { | ||
| 158 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
| 159 | (res) => { | ||
| 160 | if (res.code === 200) { | ||
| 161 | this.$refs.qllxlist.qllxlistdata = res.result; | ||
| 162 | this.$refs.qllxlist.dialogVisible = true; | ||
| 163 | } | ||
| 164 | } | ||
| 165 | ); | ||
| 166 | } | ||
| 167 | }, | ||
| 168 | // 获取右侧选项卡 | ||
| 169 | getCurrentSelectProps(val) { | ||
| 170 | if (val.bdcdyid) { | ||
| 171 | this.oneSelectProps = val; | ||
| 172 | } | ||
| 173 | this.currentSelectProps = val; | ||
| 174 | if (this.currentSelectProps.bsmRepair) { | ||
| 175 | this.stepForm(this.currentSelectProps.qllx); | ||
| 176 | } else if (!this.oneget) { | ||
| 177 | this.getdjblist(); | ||
| 178 | } | ||
| 179 | if (this.oneget) { | ||
| 180 | this.oneget = false; | ||
| 181 | this.stepForm(this.currentSelectProps.qllx); | ||
| 182 | } | ||
| 183 | }, | ||
| 184 | // 获取渲染登记簿列表 | ||
| 185 | getdjblist() { | ||
| 186 | getBdcqljqtsx({ | ||
| 187 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 188 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 189 | }).then((res) => { | ||
| 190 | if (res.code === 200) { | ||
| 191 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
| 192 | this.$nextTick(function () { | ||
| 193 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 194 | linShi: 0, | ||
| 195 | xianShi: 0, | ||
| 196 | liShi: 0, | ||
| 197 | }); | ||
| 198 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 199 | }); | ||
| 200 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
| 201 | this.tabdata = [ | ||
| 202 | ...settree, | ||
| 203 | ...settree[1].children[0].children[0].children, | ||
| 204 | ]; | ||
| 205 | this.tabdata.forEach((item, index, arr) => { | ||
| 206 | arr[index].name = item.label; | ||
| 207 | arr[index].value = item.id; | ||
| 208 | }); | ||
| 209 | this.tabList = this.tabdata; | ||
| 210 | } | ||
| 211 | }); | ||
| 212 | }, | ||
| 213 | //右侧表单选项卡事件 | ||
| 214 | beforeLeave(activeName) { | ||
| 215 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
| 216 | }, | ||
| 217 | //切换选项卡内容组件 | ||
| 218 | getFromRouter(tabname) { | ||
| 219 | console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList); | ||
| 220 | this.componentTag = getForm(tabname); | ||
| 221 | }, | ||
| 222 | closefp() { | ||
| 223 | console.log("点击分屏"); | ||
| 224 | this.splitScreen = this.splitScreen ? false : true; | ||
| 225 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
| 226 | this.getFromRouter(this.tabList[0].value); | ||
| 227 | this.clxxForm = getForm(this.tabList[1].value); | ||
| 228 | }, | ||
| 229 | // 增加补录记录 | ||
| 230 | addRepairRecord(row, del) { | ||
| 231 | let from = { | ||
| 232 | bsmQlxx: "", | ||
| 233 | bsmSlsq: this.bsmSlsq, | ||
| 234 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 235 | operate: "C", | ||
| 236 | qllx: "", | ||
| 237 | }; | ||
| 238 | if (row) { | ||
| 239 | from.bsmQlxx = row.bsmQlxx; | ||
| 240 | if (del) { | ||
| 241 | from.operate = del; | ||
| 242 | } else { | ||
| 243 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 244 | } | ||
| 245 | from.qllx = row.qllx; | ||
| 246 | } | ||
| 247 | addRepairRecord(from) | ||
| 248 | .then((res) => { | ||
| 249 | if (res.code == "200") { | ||
| 250 | this.$refs.qllxlist.dialogVisible = false; | ||
| 251 | this.$nextTick(() => { | ||
| 252 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 253 | this.$message({ | ||
| 254 | type: "success", | ||
| 255 | message: "补录成功!", | ||
| 256 | }); | ||
| 257 | }); | ||
| 258 | } else { | ||
| 259 | this.$alert(res.message, "提示", { | ||
| 260 | confirmButtonText: "确定", | ||
| 261 | type: "warning", | ||
| 262 | }); | ||
| 263 | } | ||
| 264 | }) | ||
| 265 | .catch((res) => { | ||
| 266 | console.log("错", res); | ||
| 267 | }); | ||
| 268 | }, | ||
| 269 | }, | ||
| 270 | }; | ||
| 271 | </script> | ||
| 272 | <style scoped lang="scss"></style> |
| ... | @@ -22,13 +22,19 @@ | ... | @@ -22,13 +22,19 @@ |
| 22 | :class="[ | 22 | :class="[ |
| 23 | row.qszt == '2' ? 'lishi' : '', | 23 | row.qszt == '2' ? 'lishi' : '', |
| 24 | row.qszt == '0' ? 'linshi' : '', | 24 | row.qszt == '0' ? 'linshi' : '', |
| 25 | item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', | 25 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 26 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 26 | ]"> | 27 | ]"> |
| 27 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 30 | </div> | 31 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 33 | 正在办理 | ||
| 34 | </div> | ||
| 35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 36 | 有效 | ||
| 37 | </div> | ||
| 32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 38 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 33 | 39 | ||
| 34 | <span v-else>{{ row[item.prop] }}</span> | 40 | <span v-else>{{ row[item.prop] }}</span> |
| ... | @@ -114,7 +120,7 @@ | ... | @@ -114,7 +120,7 @@ |
| 114 | return name; | 120 | return name; |
| 115 | }, | 121 | }, |
| 116 | // 新增一条补录信息 | 122 | // 新增一条补录信息 |
| 117 | editDialog(row, del) { | 123 | editDialog (row, del) { |
| 118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 124 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 119 | confirmButtonText: "确定", | 125 | confirmButtonText: "确定", |
| 120 | cancelButtonText: "取消", | 126 | cancelButtonText: "取消", | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button | 31 | <el-button |
| 34 | type="text" | 32 | type="text" |
| 35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
| 36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | 35 | <el-button |
| 40 | type="text" | 36 | type="text" |
| 41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
| 42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
| 43 | >删除</el-button | ||
| 44 | > | ||
| 45 | </div> | 39 | </div> |
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 47 | 正在办理 | 41 | 正在办理 |
| 48 | </div> | 42 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 44 | 有效 | ||
| 45 | </div> | ||
| 49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 51 | </span> | 48 | </span> |
| ... | @@ -61,11 +58,11 @@ | ... | @@ -61,11 +58,11 @@ |
| 61 | </template> | 58 | </template> |
| 62 | 59 | ||
| 63 | <script> | 60 | <script> |
| 64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
| 66 | import { getDiyaqList } from "@/api/registerBook.js"; | 63 | import { getDiyaqList } from "@/api/registerBook.js"; |
| 67 | export default { | 64 | export default { |
| 68 | data() { | 65 | data () { |
| 69 | return { | 66 | return { |
| 70 | title: "抵押权登记信息", | 67 | title: "抵押权登记信息", |
| 71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
| ... | @@ -80,11 +77,11 @@ export default { | ... | @@ -80,11 +77,11 @@ export default { |
| 80 | columns: datas.columns().DYAQ, | 77 | columns: datas.columns().DYAQ, |
| 81 | }; | 78 | }; |
| 82 | }, | 79 | }, |
| 83 | created() { | 80 | created () { |
| 84 | this.loadData(); | 81 | this.loadData(); |
| 85 | }, | 82 | }, |
| 86 | methods: { | 83 | methods: { |
| 87 | loadData() { | 84 | loadData () { |
| 88 | if (this.$parent.addRepairRecord) { | 85 | if (this.$parent.addRepairRecord) { |
| 89 | this.columns.unshift({ prop: "cz", label: "操作" }); | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 90 | } | 87 | } |
| ... | @@ -107,7 +104,7 @@ export default { | ... | @@ -107,7 +104,7 @@ export default { |
| 107 | } | 104 | } |
| 108 | }); | 105 | }); |
| 109 | }, | 106 | }, |
| 110 | checkChange() { | 107 | checkChange () { |
| 111 | if (this.checkList.length === 0) { | 108 | if (this.checkList.length === 0) { |
| 112 | this.tableData = []; | 109 | this.tableData = []; |
| 113 | this.emptycolNum = datas.columns().emptycolNum; | 110 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -115,7 +112,7 @@ export default { | ... | @@ -115,7 +112,7 @@ export default { |
| 115 | this.loadData(); | 112 | this.loadData(); |
| 116 | } | 113 | } |
| 117 | }, | 114 | }, |
| 118 | getQsztName(code) { | 115 | getQsztName (code) { |
| 119 | let name = ""; | 116 | let name = ""; |
| 120 | for (let item of this.qsztList) { | 117 | for (let item of this.qsztList) { |
| 121 | if (item.value == code) { | 118 | if (item.value == code) { |
| ... | @@ -126,7 +123,7 @@ export default { | ... | @@ -126,7 +123,7 @@ export default { |
| 126 | return name; | 123 | return name; |
| 127 | }, | 124 | }, |
| 128 | // 新增一条补录信息 | 125 | // 新增一条补录信息 |
| 129 | editDialog(row, del) { | 126 | editDialog (row, del) { |
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 131 | confirmButtonText: "确定", | 128 | confirmButtonText: "确定", |
| 132 | cancelButtonText: "取消", | 129 | cancelButtonText: "取消", |
| ... | @@ -134,7 +131,6 @@ export default { | ... | @@ -134,7 +131,6 @@ export default { |
| 134 | }) | 131 | }) |
| 135 | .then(() => { | 132 | .then(() => { |
| 136 | this.$parent.addRepairRecord(row, del); | 133 | this.$parent.addRepairRecord(row, del); |
| 137 | |||
| 138 | this.$message({ | 134 | this.$message({ |
| 139 | type: "success", | 135 | type: "success", |
| 140 | message: "补录成功!", | 136 | message: "补录成功!", |
| ... | @@ -148,9 +144,9 @@ export default { | ... | @@ -148,9 +144,9 @@ export default { |
| 148 | }); | 144 | }); |
| 149 | }, | 145 | }, |
| 150 | }, | 146 | }, |
| 151 | }; | 147 | }; |
| 152 | </script> | 148 | </script> |
| 153 | 149 | ||
| 154 | <style lang="scss" scoped> | 150 | <style lang="scss" scoped> |
| 155 | @import "./qlxxCommon.scss"; | 151 | @import "./qlxxCommon.scss"; |
| 156 | </style> | 152 | </style> | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,8 +25,8 @@ | ... | @@ -27,8 +25,8 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 31 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| ... | @@ -36,6 +34,9 @@ | ... | @@ -36,6 +34,9 @@ |
| 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 37 | 正在办理 | 35 | 正在办理 |
| 38 | </div> | 36 | </div> |
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 38 | 有效 | ||
| 39 | </div> | ||
| 39 | <span v-if="item.prop == 'qszt'"> | 40 | <span v-if="item.prop == 'qszt'"> |
| 40 | {{ getQsztName(row[item.prop]) }} | 41 | {{ getQsztName(row[item.prop]) }} |
| 41 | </span> | 42 | </span> |
| ... | @@ -51,11 +52,11 @@ | ... | @@ -51,11 +52,11 @@ |
| 51 | </template> | 52 | </template> |
| 52 | 53 | ||
| 53 | <script> | 54 | <script> |
| 54 | import { datas } from "./qlxxFormData.js"; | 55 | import { datas } from "./qlxxFormData.js"; |
| 55 | import { getSjlx } from "@/utils/dictionary.js"; | 56 | import { getSjlx } from "@/utils/dictionary.js"; |
| 56 | import { getDiyiqList } from "@/api/registerBook.js"; | 57 | import { getDiyiqList } from "@/api/registerBook.js"; |
| 57 | export default { | 58 | export default { |
| 58 | data() { | 59 | data () { |
| 59 | return { | 60 | return { |
| 60 | title: "地役权登记信息", | 61 | title: "地役权登记信息", |
| 61 | qsztList: datas.columns().qsztList, | 62 | qsztList: datas.columns().qsztList, |
| ... | @@ -70,11 +71,11 @@ export default { | ... | @@ -70,11 +71,11 @@ export default { |
| 70 | columns: datas.columns().DYIQ, | 71 | columns: datas.columns().DYIQ, |
| 71 | }; | 72 | }; |
| 72 | }, | 73 | }, |
| 73 | created() { | 74 | created () { |
| 74 | this.loadData(); | 75 | this.loadData(); |
| 75 | }, | 76 | }, |
| 76 | methods: { | 77 | methods: { |
| 77 | loadData() { | 78 | loadData () { |
| 78 | if (this.$parent.addRepairRecord) { | 79 | if (this.$parent.addRepairRecord) { |
| 79 | this.columns.unshift({ prop: "cz", label: "操作" }); | 80 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 80 | } | 81 | } |
| ... | @@ -97,7 +98,7 @@ export default { | ... | @@ -97,7 +98,7 @@ export default { |
| 97 | } | 98 | } |
| 98 | }); | 99 | }); |
| 99 | }, | 100 | }, |
| 100 | checkChange() { | 101 | checkChange () { |
| 101 | if (this.checkList.length === 0) { | 102 | if (this.checkList.length === 0) { |
| 102 | this.tableData = []; | 103 | this.tableData = []; |
| 103 | this.emptycolNum = datas.columns().emptycolNum; | 104 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -105,7 +106,7 @@ export default { | ... | @@ -105,7 +106,7 @@ export default { |
| 105 | this.loadData(); | 106 | this.loadData(); |
| 106 | } | 107 | } |
| 107 | }, | 108 | }, |
| 108 | getQsztName(code) { | 109 | getQsztName (code) { |
| 109 | let name = ""; | 110 | let name = ""; |
| 110 | for (let item of this.qsztList) { | 111 | for (let item of this.qsztList) { |
| 111 | if (item.value == code) { | 112 | if (item.value == code) { |
| ... | @@ -116,7 +117,7 @@ export default { | ... | @@ -116,7 +117,7 @@ export default { |
| 116 | return name; | 117 | return name; |
| 117 | }, | 118 | }, |
| 118 | // 新增一条补录信息 | 119 | // 新增一条补录信息 |
| 119 | editDialog(row, del) { | 120 | editDialog (row, del) { |
| 120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 121 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 121 | confirmButtonText: "确定", | 122 | confirmButtonText: "确定", |
| 122 | cancelButtonText: "取消", | 123 | cancelButtonText: "取消", |
| ... | @@ -138,9 +139,9 @@ export default { | ... | @@ -138,9 +139,9 @@ export default { |
| 138 | }); | 139 | }); |
| 139 | }, | 140 | }, |
| 140 | }, | 141 | }, |
| 141 | }; | 142 | }; |
| 142 | </script> | 143 | </script> |
| 143 | 144 | ||
| 144 | <style lang="scss" scoped> | 145 | <style lang="scss" scoped> |
| 145 | @import "./qlxxCommon.scss"; | 146 | @import "./qlxxCommon.scss"; |
| 146 | </style> | 147 | </style> | ... | ... |
| ... | @@ -11,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
| 11 | </div> | 11 | </div> |
| 12 | </template> | 12 | </template> |
| 13 | <script> | 13 | <script> |
| 14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; | 14 | import { getBdcqljqtsx } from "@/api/registerBook.js"; |
| 15 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 15 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
| 16 | export default { | 16 | export default { |
| 17 | data () { | 17 | data () { |
| 18 | return { | 18 | return { |
| 19 | //接收参数 | 19 | //接收参数 |
| ... | @@ -65,18 +65,19 @@ export default { | ... | @@ -65,18 +65,19 @@ export default { |
| 65 | this.loadComponent(data.form); | 65 | this.loadComponent(data.form); |
| 66 | }, | 66 | }, |
| 67 | loadComponent (form) { | 67 | loadComponent (form) { |
| 68 | console.log(form, 'formformformform'); | ||
| 68 | this.componentTag = (r) => | 69 | this.componentTag = (r) => |
| 69 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 70 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
| 70 | }, | 71 | }, |
| 71 | }, | 72 | }, |
| 72 | }; | 73 | }; |
| 73 | </script> | 74 | </script> |
| 74 | <style scoped lang="scss"> | 75 | <style scoped lang="scss"> |
| 75 | /deep/.rollTable { | 76 | /deep/.rollTable { |
| 76 | height: calc(100vh - 240px) !important; | 77 | height: calc(100vh - 240px) !important; |
| 77 | } | 78 | } |
| 78 | 79 | ||
| 79 | .content { | 80 | .content { |
| 80 | width: 100%; | 81 | width: 100%; |
| 81 | height: 100%; | 82 | height: 100%; |
| 82 | display: flex; | 83 | display: flex; |
| ... | @@ -97,31 +98,31 @@ export default { | ... | @@ -97,31 +98,31 @@ export default { |
| 97 | background-color: #f5f5f5; | 98 | background-color: #f5f5f5; |
| 98 | border: 1px solid rgb(228, 228, 228); | 99 | border: 1px solid rgb(228, 228, 228); |
| 99 | } | 100 | } |
| 100 | } | 101 | } |
| 101 | 102 | ||
| 102 | /deep/ .expanded.el-tree-node__expand-icon, | 103 | /deep/ .expanded.el-tree-node__expand-icon, |
| 103 | /deep/ .el-tree-node__expand-icon { | 104 | /deep/ .el-tree-node__expand-icon { |
| 104 | visibility: hidden; | 105 | visibility: hidden; |
| 105 | } | 106 | } |
| 106 | 107 | ||
| 107 | /deep/ .el-tree-node__content { | 108 | /deep/ .el-tree-node__content { |
| 108 | border: 1px solid rgb(228, 228, 228); | 109 | border: 1px solid rgb(228, 228, 228); |
| 109 | height: 45px; | 110 | height: 45px; |
| 110 | } | 111 | } |
| 111 | 112 | ||
| 112 | /deep/ .el-tree-node:focus>.el-tree-node__content { | 113 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
| 113 | background-color: #f5f5f5; | 114 | background-color: #f5f5f5; |
| 114 | color: #0079fe; | 115 | color: #0079fe; |
| 115 | border-right: 4px solid #0079fe; | 116 | border-right: 4px solid #0079fe; |
| 116 | } | 117 | } |
| 117 | 118 | ||
| 118 | /deep/.el-tree-node { | 119 | /deep/.el-tree-node { |
| 119 | white-space: pre-wrap; | 120 | white-space: pre-wrap; |
| 120 | } | 121 | } |
| 121 | 122 | ||
| 122 | /deep/ .is-current>.el-tree-node__content { | 123 | /deep/ .is-current > .el-tree-node__content { |
| 123 | background-color: #f5f5f5; | 124 | background-color: #f5f5f5; |
| 124 | color: #0079fe; | 125 | color: #0079fe; |
| 125 | border-right: 4px solid #0079fe; | 126 | border-right: 4px solid #0079fe; |
| 126 | } | 127 | } |
| 127 | </style> | 128 | </style> | ... | ... |
| ... | @@ -8,9 +8,7 @@ | ... | @@ -8,9 +8,7 @@ |
| 8 | <el-checkbox | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | 9 | v-for="item in qsztList" |
| 10 | :key="item.value" | 10 | :key="item.value" |
| 11 | :label="item.value" | 11 | :label="item.value">{{ item.label }}</el-checkbox> |
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 14 | </el-checkbox-group> | 12 | </el-checkbox-group> |
| 15 | </div> | 13 | </div> |
| 16 | </div> | 14 | </div> |
| ... | @@ -27,25 +25,24 @@ | ... | @@ -27,25 +25,24 @@ |
| 27 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 28 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 30 | ]" | 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', |
| 31 | > | 29 | ]"> |
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 33 | <el-button | 31 | <el-button |
| 34 | type="text" | 32 | type="text" |
| 35 | icon="el-icon-edit-outline" | 33 | icon="el-icon-edit-outline" |
| 36 | @click="editDialog(row)" | 34 | @click="editDialog(row)">编辑</el-button> |
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | 35 | <el-button |
| 40 | type="text" | 36 | type="text" |
| 41 | icon="el-icon-edit-outline" | 37 | icon="el-icon-edit-outline" |
| 42 | @click="editDialog(row, 'D')" | 38 | @click="editDialog(row, 'D')">删除</el-button> |
| 43 | >删除</el-button | ||
| 44 | > | ||
| 45 | </div> | 39 | </div> |
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 47 | 正在办理 | 41 | 正在办理 |
| 48 | </div> | 42 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 44 | 有效 | ||
| 45 | </div> | ||
| 49 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 50 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 51 | </span> | 48 | </span> |
| ... | @@ -61,11 +58,11 @@ | ... | @@ -61,11 +58,11 @@ |
| 61 | </template> | 58 | </template> |
| 62 | 59 | ||
| 63 | <script> | 60 | <script> |
| 64 | import { datas } from "./qlxxFormData.js"; | 61 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | 62 | import { getSjlx } from "@/utils/dictionary.js"; |
| 66 | import { getFdcq2List } from "@/api/registerBook.js"; | 63 | import { getFdcq2List } from "@/api/registerBook.js"; |
| 67 | export default { | 64 | export default { |
| 68 | data() { | 65 | data () { |
| 69 | return { | 66 | return { |
| 70 | title: "房地产权登记信息(独幢、层、套、间房屋)", | 67 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
| 71 | qsztList: datas.columns().qsztList, | 68 | qsztList: datas.columns().qsztList, |
| ... | @@ -80,11 +77,11 @@ export default { | ... | @@ -80,11 +77,11 @@ export default { |
| 80 | columns: datas.columns().FDCQ2, | 77 | columns: datas.columns().FDCQ2, |
| 81 | }; | 78 | }; |
| 82 | }, | 79 | }, |
| 83 | created() { | 80 | created () { |
| 84 | this.loadData(); | 81 | this.loadData(); |
| 85 | }, | 82 | }, |
| 86 | methods: { | 83 | methods: { |
| 87 | loadData() { | 84 | loadData () { |
| 88 | if (this.$parent.addRepairRecord) { | 85 | if (this.$parent.addRepairRecord) { |
| 89 | this.columns.unshift({ prop: "cz", label: "操作" }); | 86 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 90 | } | 87 | } |
| ... | @@ -107,7 +104,7 @@ export default { | ... | @@ -107,7 +104,7 @@ export default { |
| 107 | } | 104 | } |
| 108 | }); | 105 | }); |
| 109 | }, | 106 | }, |
| 110 | checkChange() { | 107 | checkChange () { |
| 111 | if (this.checkList.length === 0) { | 108 | if (this.checkList.length === 0) { |
| 112 | this.tableData = []; | 109 | this.tableData = []; |
| 113 | this.emptycolNum = datas.columns().emptycolNum; | 110 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -115,7 +112,7 @@ export default { | ... | @@ -115,7 +112,7 @@ export default { |
| 115 | this.loadData(); | 112 | this.loadData(); |
| 116 | } | 113 | } |
| 117 | }, | 114 | }, |
| 118 | getQsztName(code) { | 115 | getQsztName (code) { |
| 119 | let name = ""; | 116 | let name = ""; |
| 120 | for (let item of this.qsztList) { | 117 | for (let item of this.qsztList) { |
| 121 | if (item.value == code) { | 118 | if (item.value == code) { |
| ... | @@ -126,7 +123,7 @@ export default { | ... | @@ -126,7 +123,7 @@ export default { |
| 126 | return name; | 123 | return name; |
| 127 | }, | 124 | }, |
| 128 | // 新增一条补录信息 | 125 | // 新增一条补录信息 |
| 129 | editDialog(row, del) { | 126 | editDialog (row, del) { |
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 127 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 131 | confirmButtonText: "确定", | 128 | confirmButtonText: "确定", |
| 132 | cancelButtonText: "取消", | 129 | cancelButtonText: "取消", |
| ... | @@ -143,9 +140,9 @@ export default { | ... | @@ -143,9 +140,9 @@ export default { |
| 143 | }); | 140 | }); |
| 144 | }, | 141 | }, |
| 145 | }, | 142 | }, |
| 146 | }; | 143 | }; |
| 147 | </script> | 144 | </script> |
| 148 | 145 | ||
| 149 | <style lang="scss" scoped> | 146 | <style lang="scss" scoped> |
| 150 | @import "./qlxxCommon.scss"; | 147 | @import "./qlxxCommon.scss"; |
| 151 | </style> | 148 | </style> | ... | ... |
| ... | @@ -51,10 +51,14 @@ | ... | @@ -51,10 +51,14 @@ |
| 51 | row.qszt == '2' ? 'lishi' : '', | 51 | row.qszt == '2' ? 'lishi' : '', |
| 52 | row.qszt == '0' ? 'linshi' : '', | 52 | row.qszt == '0' ? 'linshi' : '', |
| 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 54 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 54 | ]"> | 55 | ]"> |
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 56 | 正在办理 | 57 | 正在办理 |
| 57 | </div> | 58 | </div> |
| 59 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 60 | 有效 | ||
| 61 | </div> | ||
| 58 | <span v-if="item.prop == 'qszt'"> | 62 | <span v-if="item.prop == 'qszt'"> |
| 59 | {{ getQsztName(row[item.prop]) }} | 63 | {{ getQsztName(row[item.prop]) }} |
| 60 | </span> | 64 | </span> |
| ... | @@ -100,9 +104,10 @@ | ... | @@ -100,9 +104,10 @@ |
| 100 | }, | 104 | }, |
| 101 | methods: { | 105 | methods: { |
| 102 | loadData () { | 106 | loadData () { |
| 103 | if(this.$parent.addRepairRecord){ | 107 | if (this.$parent.addRepairRecord) { |
| 104 | this.columns.unshift({prop:"cz", | 108 | this.columns.unshift({ |
| 105 | label:"操作" | 109 | prop: "cz", |
| 110 | label: "操作" | ||
| 106 | }) | 111 | }) |
| 107 | } | 112 | } |
| 108 | getNydsyqList({ | 113 | getNydsyqList({ |
| ... | @@ -143,13 +148,13 @@ | ... | @@ -143,13 +148,13 @@ |
| 143 | return name; | 148 | return name; |
| 144 | }, | 149 | }, |
| 145 | // 新增一条补录信息 | 150 | // 新增一条补录信息 |
| 146 | editDialog(row,del){ | 151 | editDialog (row, del) { |
| 147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 152 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 148 | confirmButtonText: '确定', | 153 | confirmButtonText: '确定', |
| 149 | cancelButtonText: '取消', | 154 | cancelButtonText: '取消', |
| 150 | type: 'warning' | 155 | type: 'warning' |
| 151 | }).then(() => { | 156 | }).then(() => { |
| 152 | this.$parent.addRepairRecord(row,del) | 157 | this.$parent.addRepairRecord(row, del) |
| 153 | 158 | ||
| 154 | this.$message({ | 159 | this.$message({ |
| 155 | type: 'success', | 160 | type: 'success', | ... | ... |
| ... | @@ -19,6 +19,7 @@ | ... | @@ -19,6 +19,7 @@ |
| 19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
| 20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 22 | ]"> | 23 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| ... | @@ -27,6 +28,9 @@ | ... | @@ -27,6 +28,9 @@ |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 29 | 正在办理 |
| 29 | </div> | 30 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 32 | 有效 | ||
| 33 | </div> | ||
| 30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
| 31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
| 32 | </span> | 36 | </span> |
| ... | @@ -42,9 +46,9 @@ | ... | @@ -42,9 +46,9 @@ |
| 42 | </template> | 46 | </template> |
| 43 | 47 | ||
| 44 | <script> | 48 | <script> |
| 45 | import { getYgdjList } from "@/api/registerBook.js"; | 49 | import { getYgdjList } from "@/api/registerBook.js"; |
| 46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
| 47 | export default { | 51 | export default { |
| 48 | data () { | 52 | data () { |
| 49 | return { | 53 | return { |
| 50 | title: "预告登记信息", | 54 | title: "预告登记信息", |
| ... | @@ -66,9 +70,10 @@ export default { | ... | @@ -66,9 +70,10 @@ export default { |
| 66 | methods: { | 70 | methods: { |
| 67 | loadData () { | 71 | loadData () { |
| 68 | // 判断是否在登记簿补录调的子页面 | 72 | // 判断是否在登记簿补录调的子页面 |
| 69 | if(this.$parent.addRepairRecord){ | 73 | if (this.$parent.addRepairRecord) { |
| 70 | this.columns.unshift({prop:"cz", | 74 | this.columns.unshift({ |
| 71 | label:"操作" | 75 | prop: "cz", |
| 76 | label: "操作" | ||
| 72 | }) | 77 | }) |
| 73 | } | 78 | } |
| 74 | getYgdjList({ | 79 | getYgdjList({ |
| ... | @@ -106,13 +111,13 @@ export default { | ... | @@ -106,13 +111,13 @@ export default { |
| 106 | return name; | 111 | return name; |
| 107 | }, | 112 | }, |
| 108 | // 新增一条补录信息 | 113 | // 新增一条补录信息 |
| 109 | editDialog(row,del){ | 114 | editDialog (row, del) { |
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 115 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 111 | confirmButtonText: '确定', | 116 | confirmButtonText: '确定', |
| 112 | cancelButtonText: '取消', | 117 | cancelButtonText: '取消', |
| 113 | type: 'warning' | 118 | type: 'warning' |
| 114 | }).then(() => { | 119 | }).then(() => { |
| 115 | this.$parent.addRepairRecord(row,del) | 120 | this.$parent.addRepairRecord(row, del) |
| 116 | 121 | ||
| 117 | this.$message({ | 122 | this.$message({ |
| 118 | type: 'success', | 123 | type: 'success', |
| ... | @@ -127,9 +132,9 @@ export default { | ... | @@ -127,9 +132,9 @@ export default { |
| 127 | 132 | ||
| 128 | }, | 133 | }, |
| 129 | }, | 134 | }, |
| 130 | }; | 135 | }; |
| 131 | </script> | 136 | </script> |
| 132 | 137 | ||
| 133 | <style lang="scss" scoped> | 138 | <style lang="scss" scoped> |
| 134 | @import "./qlxxCommon.scss"; | 139 | @import "./qlxxCommon.scss"; |
| 135 | </style> | 140 | </style> | ... | ... |
| ... | @@ -19,6 +19,7 @@ | ... | @@ -19,6 +19,7 @@ |
| 19 | row.qszt == '2' ? 'lishi' : '', | 19 | row.qszt == '2' ? 'lishi' : '', |
| 20 | row.qszt == '0' ? 'linshi' : '', | 20 | row.qszt == '0' ? 'linshi' : '', |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 22 | ]"> | 23 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 24 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| ... | @@ -27,6 +28,9 @@ | ... | @@ -27,6 +28,9 @@ |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 29 | 正在办理 |
| 29 | </div> | 30 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 32 | 有效 | ||
| 33 | </div> | ||
| 30 | <span v-if="item.prop == 'qszt'"> | 34 | <span v-if="item.prop == 'qszt'"> |
| 31 | {{ getQsztName(row[item.prop]) }} | 35 | {{ getQsztName(row[item.prop]) }} |
| 32 | </span> | 36 | </span> |
| ... | @@ -42,9 +46,9 @@ | ... | @@ -42,9 +46,9 @@ |
| 42 | </template> | 46 | </template> |
| 43 | 47 | ||
| 44 | <script> | 48 | <script> |
| 45 | import { getYydjList } from "@/api/registerBook.js"; | 49 | import { getYydjList } from "@/api/registerBook.js"; |
| 46 | import { datas } from "./qlxxFormData.js"; | 50 | import { datas } from "./qlxxFormData.js"; |
| 47 | export default { | 51 | export default { |
| 48 | data () { | 52 | data () { |
| 49 | return { | 53 | return { |
| 50 | title: "异议登记信息", | 54 | title: "异议登记信息", |
| ... | @@ -65,9 +69,10 @@ export default { | ... | @@ -65,9 +69,10 @@ export default { |
| 65 | }, | 69 | }, |
| 66 | methods: { | 70 | methods: { |
| 67 | loadData () { | 71 | loadData () { |
| 68 | if(this.$parent.addRepairRecord){ | 72 | if (this.$parent.addRepairRecord) { |
| 69 | this.columns.unshift({prop:"cz", | 73 | this.columns.unshift({ |
| 70 | label:"操作" | 74 | prop: "cz", |
| 75 | label: "操作" | ||
| 71 | }) | 76 | }) |
| 72 | } | 77 | } |
| 73 | getYydjList({ | 78 | getYydjList({ |
| ... | @@ -105,13 +110,13 @@ export default { | ... | @@ -105,13 +110,13 @@ export default { |
| 105 | return name; | 110 | return name; |
| 106 | }, | 111 | }, |
| 107 | // 新增一条补录信息 | 112 | // 新增一条补录信息 |
| 108 | editDialog(row,del){ | 113 | editDialog (row, del) { |
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 114 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 110 | confirmButtonText: '确定', | 115 | confirmButtonText: '确定', |
| 111 | cancelButtonText: '取消', | 116 | cancelButtonText: '取消', |
| 112 | type: 'warning' | 117 | type: 'warning' |
| 113 | }).then(() => { | 118 | }).then(() => { |
| 114 | this.$parent.addRepairRecord(row,del) | 119 | this.$parent.addRepairRecord(row, del) |
| 115 | 120 | ||
| 116 | this.$message({ | 121 | this.$message({ |
| 117 | type: 'success', | 122 | type: 'success', |
| ... | @@ -126,9 +131,9 @@ export default { | ... | @@ -126,9 +131,9 @@ export default { |
| 126 | 131 | ||
| 127 | }, | 132 | }, |
| 128 | }, | 133 | }, |
| 129 | }; | 134 | }; |
| 130 | </script> | 135 | </script> |
| 131 | 136 | ||
| 132 | <style lang="scss" scoped> | 137 | <style lang="scss" scoped> |
| 133 | @import "./qlxxCommon.scss"; | 138 | @import "./qlxxCommon.scss"; |
| 134 | </style> | 139 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-29 16:31:57 | 4 | * @LastEditTime: 2023-06-30 14:32:40 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -12,8 +12,8 @@ | ... | @@ -12,8 +12,8 @@ |
| 12 | </el-tab-pane> | 12 | </el-tab-pane> |
| 13 | </el-tabs> | 13 | </el-tabs> |
| 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 14 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
| 15 | <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas> | 15 | <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> |
| 16 | <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas> | 16 | <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> |
| 17 | </div> | 17 | </div> |
| 18 | </template> | 18 | </template> |
| 19 | 19 | ||
| ... | @@ -57,6 +57,7 @@ | ... | @@ -57,6 +57,7 @@ |
| 57 | } | 57 | } |
| 58 | }, | 58 | }, |
| 59 | mounted () { | 59 | mounted () { |
| 60 | debugger | ||
| 60 | this.columns = datas.columns(); | 61 | this.columns = datas.columns(); |
| 61 | if (this.formData.bdcqz) { | 62 | if (this.formData.bdcqz) { |
| 62 | //从缮证进入 | 63 | //从缮证进入 |
| ... | @@ -81,7 +82,7 @@ | ... | @@ -81,7 +82,7 @@ |
| 81 | this.activeName = res.result[0].bsmBdcqz | 82 | this.activeName = res.result[0].bsmBdcqz |
| 82 | this.bdcqz = res.result[0] | 83 | this.bdcqz = res.result[0] |
| 83 | this.headTabBdcqz = res.result | 84 | this.headTabBdcqz = res.result |
| 84 | if (this.activeName == 1) { | 85 | if (res.result[0].bdcqzlx == 1) { |
| 85 | this.drawTextOnImage() | 86 | this.drawTextOnImage() |
| 86 | } else { | 87 | } else { |
| 87 | this.drawTextzmImage() | 88 | this.drawTextzmImage() |
| ... | @@ -158,6 +159,15 @@ | ... | @@ -158,6 +159,15 @@ |
| 158 | context.drawImage(image, 0, 0); | 159 | context.drawImage(image, 0, 0); |
| 159 | context.font = '18px 楷体'; | 160 | context.font = '18px 楷体'; |
| 160 | context.fillStyle = '#000000'; | 161 | context.fillStyle = '#000000'; |
| 162 | // ysxlh | ||
| 163 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | ||
| 164 | // djsj | ||
| 165 | if (this.bdcqz.djsj) { | ||
| 166 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') | ||
| 167 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | ||
| 168 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | ||
| 169 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | ||
| 170 | } | ||
| 161 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | 171 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 162 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | 172 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 163 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | 173 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
| ... | @@ -192,7 +202,7 @@ | ... | @@ -192,7 +202,7 @@ |
| 192 | }); | 202 | }); |
| 193 | }); | 203 | }); |
| 194 | // fj | 204 | // fj |
| 195 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | 205 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600); |
| 196 | }; | 206 | }; |
| 197 | 207 | ||
| 198 | image.src = this.bdczmSrc; | 208 | image.src = this.bdczmSrc; | ... | ... |
| ... | @@ -59,16 +59,16 @@ | ... | @@ -59,16 +59,16 @@ |
| 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> |
| 60 | <el-table-column label="流程状态" header-align="center" align="center"> | 60 | <el-table-column label="流程状态" header-align="center" align="center"> |
| 61 | <template slot-scope="scope"> | 61 | <template slot-scope="scope"> |
| 62 | <div v-if="scope.row.finishTime == null">正在办理</div> | 62 | <div v-if="scope.row.endTime">已完结</div> |
| 63 | <div v-else>已完结</div> | 63 | <div v-else>正在办理</div> |
| 64 | </template> | 64 | </template> |
| 65 | </el-table-column> | 65 | </el-table-column> |
| 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> | 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> |
| 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> |
| 68 | <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> | 68 | <el-table-column label="创建时间" prop="createTime" width="160" align="center" /> |
| 69 | <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> | 69 | <el-table-column label="办结时间" prop="endTime" width="160" align="center" /> |
| 70 | <el-table-column label="操作方式" align="center"> | 70 | <el-table-column label="操作方式" prop="businessName" align="center"/> |
| 71 | </el-table-column> | 71 | <el-table-column label="意见" prop="idea" align="center"/> |
| 72 | </el-table> | 72 | </el-table> |
| 73 | </div> | 73 | </div> |
| 74 | </div> | 74 | </div> |
| ... | @@ -237,13 +237,31 @@ | ... | @@ -237,13 +237,31 @@ |
| 237 | // 获取流程记录 | 237 | // 获取流程记录 |
| 238 | getCommentList() { | 238 | getCommentList() { |
| 239 | this.formData.allCommentList.forEach(async (item,index) => { | 239 | this.formData.allCommentList.forEach(async (item,index) => { |
| 240 | item.comments.forEach(element => { | ||
| 241 | if(element.type=="COMPLETE"){ | ||
| 242 | this.formData.allCommentList[index].idea=element.message | ||
| 243 | } | ||
| 244 | }); | ||
| 240 | this.formData.allCommentList[index].agent=item.assignee.name | 245 | this.formData.allCommentList[index].agent=item.assignee.name |
| 241 | }) | 246 | }) |
| 242 | setTimeout(() => { | 247 | this.formData.handlinglist.forEach(async (item,index) => { |
| 243 | this.taskList =this.formData.allCommentList; | 248 | if(item.assignee.name){ |
| 249 | this.formData.handlinglist[index].agent=item.assignee.name | ||
| 250 | }else{ | ||
| 251 | let str="" | ||
| 252 | item.countersign.forEach((item) => { | ||
| 253 | str+=item.name+"," | ||
| 254 | }) | ||
| 255 | str=str.slice(0, -1); | ||
| 256 | this.formData.allCommentList[index].agent=str | ||
| 257 | } | ||
| 258 | |||
| 259 | }) | ||
| 260 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
| 261 | // this.taskList =this.formData.allCommentList; | ||
| 244 | // 处理数据之后赋值 | 262 | // 处理数据之后赋值 |
| 245 | this.taskCommentList=this.taskList | 263 | this.taskCommentList=this.taskList |
| 246 | }, 100) | 264 | |
| 247 | }, | 265 | }, |
| 248 | 266 | ||
| 249 | // 设置流程图元素状态 | 267 | // 设置流程图元素状态 | ... | ... |
| ... | @@ -76,6 +76,7 @@ export default { | ... | @@ -76,6 +76,7 @@ export default { |
| 76 | rejectedTaskSet: {}, | 76 | rejectedTaskSet: {}, |
| 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds | 77 | finishedSequenceFlowSet: result.finishedSequenceFlowIds |
| 78 | }, | 78 | }, |
| 79 | handlinglist:result.runningTasks, | ||
| 79 | allCommentList: result.finishedTasks | 80 | allCommentList: result.finishedTasks |
| 80 | }, '80%', true) | 81 | }, '80%', true) |
| 81 | }) | 82 | }) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:43:41 | 4 | * @LastEditTime: 2023-06-30 17:09:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" | 7 | <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" |
| ... | @@ -28,10 +28,14 @@ | ... | @@ -28,10 +28,14 @@ |
| 28 | row.qszt == '2' ? 'lishi' : '', | 28 | row.qszt == '2' ? 'lishi' : '', |
| 29 | row.qszt == '0' ? 'linshi' : '', | 29 | row.qszt == '0' ? 'linshi' : '', |
| 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 30 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 31 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | ||
| 31 | ]"> | 32 | ]"> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 33 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 33 | 正在办理 | 34 | 正在办理 |
| 34 | </div> | 35 | </div> |
| 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | ||
| 37 | 有效 | ||
| 38 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 39 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 40 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 41 | </span> | ... | ... |
| ... | @@ -195,7 +195,7 @@ | ... | @@ -195,7 +195,7 @@ |
| 195 | //有任务权限 | 195 | //有任务权限 |
| 196 | if(item.sjlx=="3"){ | 196 | if(item.sjlx=="3"){ |
| 197 | const { href } = this.$router.resolve( | 197 | const { href } = this.$router.resolve( |
| 198 | "/djbworkFrame?bsmSlsq=" + | 198 | "/djbworkFrameview?bsmSlsq=" + |
| 199 | item.bsmSlsq + | 199 | item.bsmSlsq + |
| 200 | "&bestepid=" + | 200 | "&bestepid=" + |
| 201 | item.bestepid + | 201 | item.bestepid + | ... | ... |
-
Please register or sign in to post a comment