Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
13 changed files
with
467 additions
and
315 deletions
| ... | @@ -450,4 +450,33 @@ aside { | ... | @@ -450,4 +450,33 @@ aside { |
| 450 | top: 0; | 450 | top: 0; |
| 451 | right: 0; | 451 | right: 0; |
| 452 | transform: rotate(-90deg); | 452 | transform: rotate(-90deg); |
| 453 | } | ||
| 454 | |||
| 455 | // 正在注销 | ||
| 456 | .zhuxiaoIcon { | ||
| 457 | position: relative; | ||
| 458 | |||
| 459 | .icon { | ||
| 460 | position: absolute; | ||
| 461 | top: 9px; | ||
| 462 | right: 5px; | ||
| 463 | transform: rotate(45deg); | ||
| 464 | color: #fff; | ||
| 465 | font-size: 12px; | ||
| 466 | z-index: 10; | ||
| 467 | } | ||
| 468 | } | ||
| 469 | |||
| 470 | .zhuxiaoIcon::after { | ||
| 471 | content: ""; | ||
| 472 | display: block; | ||
| 473 | width: 0; | ||
| 474 | height: 0; | ||
| 475 | border-width: 0px 0px 55px 55px; | ||
| 476 | border-style: none solid solid; | ||
| 477 | border-color: transparent transparent red; | ||
| 478 | position: absolute; | ||
| 479 | top: 0; | ||
| 480 | right: 0; | ||
| 481 | transform: rotate(-90deg); | ||
| 453 | } | 482 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -15,8 +15,7 @@ | ... | @@ -15,8 +15,7 @@ |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | label-width="145px" | 17 | label-width="145px" |
| 18 | inline-message | 18 | inline-message> |
| 19 | > | ||
| 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 19 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 21 | <div class="slxx_title title-block"> | 20 | <div class="slxx_title title-block"> |
| 22 | 补录信息 | 21 | 补录信息 |
| ... | @@ -51,22 +50,18 @@ | ... | @@ -51,22 +50,18 @@ |
| 51 | :table-width="550" | 50 | :table-width="550" |
| 52 | :tableData="ztQlxxList" | 51 | :tableData="ztQlxxList" |
| 53 | :props="props" | 52 | :props="props" |
| 54 | @change="ztQlxxchange" | 53 | @change="ztQlxxchange"> |
| 55 | > | ||
| 56 | <el-table-column | 54 | <el-table-column |
| 57 | prop="qllxmc" | 55 | prop="qllxmc" |
| 58 | width="130" | 56 | width="130" |
| 59 | label="权利类型" | 57 | label="权利类型"></el-table-column> |
| 60 | ></el-table-column> | ||
| 61 | <el-table-column | 58 | <el-table-column |
| 62 | prop="bdcqzh" | 59 | prop="bdcqzh" |
| 63 | width="160" | 60 | width="160" |
| 64 | label="不动产权证书" | 61 | label="不动产权证书"></el-table-column> |
| 65 | ></el-table-column> | ||
| 66 | <el-table-column | 62 | <el-table-column |
| 67 | prop="qlrmc" | 63 | prop="qlrmc" |
| 68 | label="被执行人" | 64 | label="被执行人"></el-table-column> |
| 69 | ></el-table-column> | ||
| 70 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 65 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 71 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 66 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| 72 | <el-table-column prop="zl" label="坐落"></el-table-column> | 67 | <el-table-column prop="zl" label="坐落"></el-table-column> |
| ... | @@ -81,18 +76,15 @@ | ... | @@ -81,18 +76,15 @@ |
| 81 | :table-width="550" | 76 | :table-width="550" |
| 82 | :tableData="ssQlxxList" | 77 | :tableData="ssQlxxList" |
| 83 | :props="props" | 78 | :props="props" |
| 84 | @change="ssQlxxchange" | 79 | @change="ssQlxxchange"> |
| 85 | > | ||
| 86 | <el-table-column | 80 | <el-table-column |
| 87 | prop="qllxmc" | 81 | prop="qllxmc" |
| 88 | width="130" | 82 | width="130" |
| 89 | label="权利类型" | 83 | label="权利类型"></el-table-column> |
| 90 | ></el-table-column> | ||
| 91 | <el-table-column | 84 | <el-table-column |
| 92 | prop="bdcqzh" | 85 | prop="bdcqzh" |
| 93 | width="160" | 86 | width="160" |
| 94 | label="不动产权证书" | 87 | label="不动产权证书"></el-table-column> |
| 95 | ></el-table-column> | ||
| 96 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 88 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 97 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 89 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 98 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 90 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -186,8 +178,7 @@ | ... | @@ -186,8 +178,7 @@ |
| 186 | v-for="item in sfbxflist" | 178 | v-for="item in sfbxflist" |
| 187 | :key="item.dcode" | 179 | :key="item.dcode" |
| 188 | :label="item.dname" | 180 | :label="item.dname" |
| 189 | :value="item.dcode" | 181 | :value="item.dcode"></el-option> |
| 190 | ></el-option> | ||
| 191 | </el-select> | 182 | </el-select> |
| 192 | </el-form-item> | 183 | </el-form-item> |
| 193 | </el-col> | 184 | </el-col> |
| ... | @@ -203,8 +194,7 @@ | ... | @@ -203,8 +194,7 @@ |
| 203 | v-for="item in qsztlist" | 194 | v-for="item in qsztlist" |
| 204 | :key="item.dcode" | 195 | :key="item.dcode" |
| 205 | :label="item.dname" | 196 | :label="item.dname" |
| 206 | :value="item.dcode" | 197 | :value="item.dcode"></el-option> |
| 207 | ></el-option> | ||
| 208 | </el-select> | 198 | </el-select> |
| 209 | </el-form-item> | 199 | </el-form-item> |
| 210 | </el-col> | 200 | </el-col> |
| ... | @@ -225,8 +215,7 @@ | ... | @@ -225,8 +215,7 @@ |
| 225 | v-for="item in dictData['A32']" | 215 | v-for="item in dictData['A32']" |
| 226 | :key="item.dcode" | 216 | :key="item.dcode" |
| 227 | :label="item.dname" | 217 | :label="item.dname" |
| 228 | :value="item.dcode" | 218 | :value="item.dcode"></el-option> |
| 229 | ></el-option> | ||
| 230 | </el-select> | 219 | </el-select> |
| 231 | </el-form-item> | 220 | </el-form-item> |
| 232 | </el-col> | 221 | </el-col> |
| ... | @@ -322,225 +311,227 @@ | ... | @@ -322,225 +311,227 @@ |
| 322 | </div> | 311 | </div> |
| 323 | </template> | 312 | </template> |
| 324 | <script> | 313 | <script> |
| 325 | import { mapGetters } from "vuex"; | 314 | import { mapGetters } from "vuex"; |
| 326 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; | 315 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; |
| 327 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 316 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 328 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 317 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
| 329 | import tdytTable from "@/views/workflow/components/tdytTable"; | 318 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 330 | import selectTable from "@/components/selectTable/index.vue"; | 319 | import selectTable from "@/components/selectTable/index.vue"; |
| 331 | export default { | 320 | export default { |
| 332 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 321 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 333 | computed: { | 322 | computed: { |
| 334 | ...mapGetters(["dictData", "flag"]), | 323 | ...mapGetters(["dictData", "flag"]), |
| 335 | }, | 324 | }, |
| 336 | data() { | 325 | data () { |
| 337 | return { | 326 | return { |
| 338 | //表单是否可操作 | 327 | //表单是否可操作 |
| 339 | props: { | 328 | props: { |
| 340 | label: "bdcqzh", | 329 | label: "bdcqzh", |
| 341 | value: "bdcdyid", | 330 | value: "bdcdyid", |
| 342 | }, | ||
| 343 | propsParam: this.$attrs, | ||
| 344 | key: 0, | ||
| 345 | isShow: false, | ||
| 346 | ssqlxxshow: true, | ||
| 347 | disabled: true, | ||
| 348 | czrOptions: [], | ||
| 349 | ruleForm: {}, | ||
| 350 | // 登记类型 | ||
| 351 | djlxlist: [ | ||
| 352 | { | ||
| 353 | dcode: "100", | ||
| 354 | dname: "首次登记", | ||
| 355 | }, | ||
| 356 | { | ||
| 357 | dcode: "200", | ||
| 358 | dname: "转移登记", | ||
| 359 | }, | ||
| 360 | { | ||
| 361 | dcode: "300", | ||
| 362 | dname: "变更登记", | ||
| 363 | }, | ||
| 364 | { | ||
| 365 | dcode: "500", | ||
| 366 | dname: "更正登记", | ||
| 367 | }, | 331 | }, |
| 332 | propsParam: this.$attrs, | ||
| 333 | key: 0, | ||
| 334 | isShow: false, | ||
| 335 | ssqlxxshow: true, | ||
| 336 | disabled: true, | ||
| 337 | czrOptions: [], | ||
| 338 | ruleForm: {}, | ||
| 339 | rules: {}, | ||
| 340 | // 登记类型 | ||
| 341 | djlxlist: [ | ||
| 342 | { | ||
| 343 | dcode: "100", | ||
| 344 | dname: "首次登记", | ||
| 345 | }, | ||
| 346 | { | ||
| 347 | dcode: "200", | ||
| 348 | dname: "转移登记", | ||
| 349 | }, | ||
| 350 | { | ||
| 351 | dcode: "300", | ||
| 352 | dname: "变更登记", | ||
| 353 | }, | ||
| 354 | { | ||
| 355 | dcode: "500", | ||
| 356 | dname: "更正登记", | ||
| 357 | }, | ||
| 368 | 358 | ||
| 369 | { | 359 | { |
| 370 | dcode: "901", | 360 | dcode: "901", |
| 371 | dname: "补证", | 361 | dname: "补证", |
| 372 | }, | 362 | }, |
| 373 | { | 363 | { |
| 374 | dcode: "902", | 364 | dcode: "902", |
| 375 | dname: "换证", | 365 | dname: "换证", |
| 376 | }, | 366 | }, |
| 377 | ], | 367 | ], |
| 378 | 368 | ||
| 379 | // 权属状态 | 369 | // 权属状态 |
| 380 | qsztlist: [ | 370 | qsztlist: [ |
| 381 | { | 371 | { |
| 382 | dcode: "1", | 372 | dcode: "1", |
| 383 | dname: "现势", | 373 | dname: "现势", |
| 384 | }, | 374 | }, |
| 385 | { | 375 | { |
| 386 | dcode: "2", | 376 | dcode: "2", |
| 387 | dname: "历史", | 377 | dname: "历史", |
| 388 | }, | 378 | }, |
| 389 | ], | 379 | ], |
| 390 | // 是否被续封 | 380 | // 是否被续封 |
| 391 | sfbxflist: [ | 381 | sfbxflist: [ |
| 392 | { | 382 | { |
| 393 | dcode: "0", | 383 | dcode: "0", |
| 394 | dname: "否", | 384 | dname: "否", |
| 395 | }, | 385 | }, |
| 396 | { | 386 | { |
| 397 | dcode: "1", | 387 | dcode: "1", |
| 398 | dname: "是", | 388 | dname: "是", |
| 399 | }, | 389 | }, |
| 400 | ], | 390 | ], |
| 401 | //传递参数\ | 391 | //传递参数\ |
| 402 | 392 | ||
| 403 | ssQlxxList: [], | 393 | ssQlxxList: [], |
| 404 | ztQlxxList: [], | 394 | ztQlxxList: [], |
| 405 | rules: { | 395 | rules: { |
| 406 | bdcqzhrules:[ | 396 | bdcqzh: [ |
| 407 | { required: true, message: "不动产权证号:", trigger: "change" }, | 397 | { required: true, message: "不动产登记证明号", trigger: "blur" }, |
| 408 | ], | 398 | ], |
| 409 | qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | 399 | qxdm: [{ required: true, message: "区县代码", trigger: "blur" }], |
| 410 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 400 | djjg: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 411 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 401 | dbr: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 412 | djsjrules: [{ required: true, message: "登记时间", trigger: "change" }], | 402 | djsj: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 413 | }, | 403 | }, |
| 414 | }; | 404 | }; |
| 415 | }, | ||
| 416 | created() { | ||
| 417 | this.loadData(); | ||
| 418 | }, | ||
| 419 | mounted() {}, | ||
| 420 | methods: { | ||
| 421 | ztQlxxchange(val) { | ||
| 422 | this.ruleForm.ztQlxx = val; | ||
| 423 | }, | ||
| 424 | ssQlxxchange(val) { | ||
| 425 | this.ruleForm.ssQlxx = val; | ||
| 426 | this.ruleForm.qlxx.ssywh = val.ssywh; | ||
| 427 | }, | 405 | }, |
| 428 | djlxchange(val) { | 406 | created () { |
| 429 | if (val == null || val == 100) { | 407 | this.loadData(); |
| 430 | this.ssqlxxshow = false; | ||
| 431 | } else { | ||
| 432 | this.ssqlxxshow = true; | ||
| 433 | } | ||
| 434 | }, | 408 | }, |
| 435 | loadData() { | 409 | mounted () { }, |
| 436 | this.propsParam.isEdit = this.$parent.isEdit; | 410 | methods: { |
| 437 | init(this.propsParam).then((res) => { | 411 | ztQlxxchange (val) { |
| 438 | if (res.code == 200) { | 412 | this.ruleForm.ztQlxx = val; |
| 439 | this.ruleForm = res.result; | 413 | }, |
| 440 | this.isShow = true; | 414 | ssQlxxchange (val) { |
| 441 | let djlx = this.ruleForm.qlxx.djlx; | 415 | this.ruleForm.ssQlxx = val; |
| 442 | if (djlx == null || djlx == 100) { | 416 | this.ruleForm.qlxx.ssywh = val.ssywh; |
| 443 | this.ssqlxxshow = false; | 417 | }, |
| 444 | } | 418 | djlxchange (val) { |
| 445 | } | 419 | if (val == null || val == 100) { |
| 446 | }); | 420 | this.ssqlxxshow = false; |
| 447 | //获取主体信息 | 421 | } else { |
| 448 | getSsQlxx({ | 422 | this.ssqlxxshow = true; |
| 449 | bdcdyid: this.propsParam.bdcdyid, | ||
| 450 | qllx: this.propsParam.qllx, | ||
| 451 | }).then((res) => { | ||
| 452 | if (res.code == 200) { | ||
| 453 | this.ssQlxxList = res.result; | ||
| 454 | } | ||
| 455 | }); | ||
| 456 | //获取上手信息 | ||
| 457 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 458 | if (res.code == 200) { | ||
| 459 | this.ztQlxxList = res.result; | ||
| 460 | } | 423 | } |
| 461 | }); | 424 | }, |
| 462 | }, | 425 | loadData () { |
| 463 | // 更新土地用途信息 | 426 | this.propsParam.isEdit = this.$parent.isEdit; |
| 464 | upDateTdytxxList(val) { | 427 | init(this.propsParam).then((res) => { |
| 465 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 428 | if (res.code == 200) { |
| 466 | this.key++; | 429 | this.ruleForm = res.result; |
| 467 | }, | 430 | this.isShow = true; |
| 468 | // 更新权利人信息 | 431 | let djlx = this.ruleForm.qlxx.djlx; |
| 469 | upDateQlrxxList(val) { | 432 | if (djlx == null || djlx == 100) { |
| 470 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 433 | this.ssqlxxshow = false; |
| 471 | this.czrOptions = this.ruleForm.qlrData; | 434 | } |
| 472 | this.key++; | ||
| 473 | }, | ||
| 474 | // 更新义务人信息 | ||
| 475 | upDateYwrxxList(val) { | ||
| 476 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 477 | this.key++; | ||
| 478 | }, | ||
| 479 | onSubmit() { | ||
| 480 | this.$refs.ruleForm.validate((valid) => { | ||
| 481 | if (valid) { | ||
| 482 | if (this.ruleForm.qlrData.length == 0) { | ||
| 483 | this.$message({ | ||
| 484 | showClose: true, | ||
| 485 | message: "请确认权利人信息", | ||
| 486 | type: "error", | ||
| 487 | }); | ||
| 488 | return false; | ||
| 489 | } | 435 | } |
| 490 | 436 | }); | |
| 491 | if (this.ruleForm.qlxx.gyfs == "0") { | 437 | //获取主体信息 |
| 492 | if (this.ruleForm.qlrData.length > 1) { | 438 | getSsQlxx({ |
| 439 | bdcdyid: this.propsParam.bdcdyid, | ||
| 440 | qllx: this.propsParam.qllx, | ||
| 441 | }).then((res) => { | ||
| 442 | if (res.code == 200) { | ||
| 443 | this.ssQlxxList = res.result; | ||
| 444 | } | ||
| 445 | }); | ||
| 446 | //获取上手信息 | ||
| 447 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | ||
| 448 | if (res.code == 200) { | ||
| 449 | this.ztQlxxList = res.result; | ||
| 450 | } | ||
| 451 | }); | ||
| 452 | }, | ||
| 453 | // 更新土地用途信息 | ||
| 454 | upDateTdytxxList (val) { | ||
| 455 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | ||
| 456 | this.key++; | ||
| 457 | }, | ||
| 458 | // 更新权利人信息 | ||
| 459 | upDateQlrxxList (val) { | ||
| 460 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | ||
| 461 | this.czrOptions = this.ruleForm.qlrData; | ||
| 462 | this.key++; | ||
| 463 | }, | ||
| 464 | // 更新义务人信息 | ||
| 465 | upDateYwrxxList (val) { | ||
| 466 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | ||
| 467 | this.key++; | ||
| 468 | }, | ||
| 469 | onSubmit () { | ||
| 470 | this.$refs.ruleForm.validate((valid) => { | ||
| 471 | console.log("valid", valid); | ||
| 472 | if (valid) { | ||
| 473 | if (this.ruleForm.qlrData.length == 0) { | ||
| 493 | this.$message({ | 474 | this.$message({ |
| 494 | showClose: true, | 475 | showClose: true, |
| 495 | message: "共有方式:单独所有,权利人只能是一个人", | 476 | message: "请确认权利人信息", |
| 496 | type: "error", | 477 | type: "error", |
| 497 | }); | 478 | }); |
| 498 | return false; | 479 | return false; |
| 499 | } | 480 | } |
| 500 | this.ruleForm.qlrData[0].sfczr = "1"; | 481 | |
| 501 | } | 482 | if (this.ruleForm.qlxx.gyfs == "0") { |
| 502 | if (this.ruleForm.qlxx.gyfs == "1") { | 483 | if (this.ruleForm.qlrData.length > 1) { |
| 503 | //是否分别持证 | 484 | this.$message({ |
| 504 | if (this.ruleForm.qlxx.sqfbcz == "1") { | 485 | showClose: true, |
| 505 | //是 | 486 | message: "共有方式:单独所有,权利人只能是一个人", |
| 506 | this.ruleForm.qlrData.forEach((item, index) => { | 487 | type: "error", |
| 507 | item.sfczr = "1"; | 488 | }); |
| 508 | }); | 489 | return false; |
| 509 | } else { | 490 | } |
| 510 | this.ruleForm.qlrData.forEach((item, index) => { | 491 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 511 | if (item.zjh == this.ruleForm.czr) { | 492 | } |
| 493 | if (this.ruleForm.qlxx.gyfs == "1") { | ||
| 494 | //是否分别持证 | ||
| 495 | if (this.ruleForm.qlxx.sqfbcz == "1") { | ||
| 496 | //是 | ||
| 497 | this.ruleForm.qlrData.forEach((item, index) => { | ||
| 512 | item.sfczr = "1"; | 498 | item.sfczr = "1"; |
| 513 | } else { | 499 | }); |
| 514 | item.sfczr = "0"; | 500 | } else { |
| 515 | } | 501 | this.ruleForm.qlrData.forEach((item, index) => { |
| 516 | }); | 502 | if (item.zjh == this.ruleForm.czr) { |
| 503 | item.sfczr = "1"; | ||
| 504 | } else { | ||
| 505 | item.sfczr = "0"; | ||
| 506 | } | ||
| 507 | }); | ||
| 508 | } | ||
| 517 | } | 509 | } |
| 510 | save(this.ruleForm).then((res) => { | ||
| 511 | if (res.code === 200) { | ||
| 512 | this.$message({ | ||
| 513 | showClose: true, | ||
| 514 | message: "保存成功!", | ||
| 515 | type: "success", | ||
| 516 | }); | ||
| 517 | this.$store.dispatch("user/refreshPage", true); | ||
| 518 | } else { | ||
| 519 | this.$message({ | ||
| 520 | showClose: true, | ||
| 521 | message: res.message, | ||
| 522 | type: "error", | ||
| 523 | }); | ||
| 524 | } | ||
| 525 | }); | ||
| 526 | } else { | ||
| 527 | return false; | ||
| 518 | } | 528 | } |
| 519 | save(this.ruleForm).then((res) => { | 529 | }); |
| 520 | if (res.code === 200) { | 530 | }, |
| 521 | this.$message({ | ||
| 522 | showClose: true, | ||
| 523 | message: "保存成功!", | ||
| 524 | type: "success", | ||
| 525 | }); | ||
| 526 | this.$store.dispatch("user/refreshPage", true); | ||
| 527 | } else { | ||
| 528 | this.$message({ | ||
| 529 | showClose: true, | ||
| 530 | message: res.message, | ||
| 531 | type: "error", | ||
| 532 | }); | ||
| 533 | } | ||
| 534 | }); | ||
| 535 | } else { | ||
| 536 | return false; | ||
| 537 | } | ||
| 538 | }); | ||
| 539 | }, | 531 | }, |
| 540 | }, | 532 | }; |
| 541 | }; | ||
| 542 | </script> | 533 | </script> |
| 543 | <style scoped lang="scss"> | 534 | <style scoped lang="scss"> |
| 544 | @import "~@/styles/public.scss"; | 535 | @import "~@/styles/public.scss"; |
| 545 | @import "~@/styles/slxx/slxx.scss"; | 536 | @import "~@/styles/slxx/slxx.scss"; |
| 546 | </style> | 537 | </style> | ... | ... |
| ... | @@ -22,19 +22,32 @@ | ... | @@ -22,19 +22,32 @@ |
| 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' ? 'linshiIcon' : '', | 25 | |
| 26 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 26 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 27 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 28 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 29 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 27 | ]"> | 31 | ]"> |
| 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 33 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 31 | </div> | 35 | </div> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 33 | 正在办理 | 37 | 失效 |
| 34 | </div> | 38 | </div> |
| 35 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 39 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 36 | 有效 | 40 | 有效 |
| 37 | </div> | 41 | </div> |
| 42 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 43 | 正在补录 | ||
| 44 | </div> | ||
| 45 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 46 | 正在申请 | ||
| 47 | </div> | ||
| 48 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 49 | 正在注销 | ||
| 50 | </div> | ||
| 38 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | 51 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| 39 | 52 | ||
| 40 | <span v-else>{{ row[item.prop] }}</span> | 53 | <span v-else>{{ row[item.prop] }}</span> | ... | ... |
| ... | @@ -24,8 +24,11 @@ | ... | @@ -24,8 +24,11 @@ |
| 24 | :class="[ | 24 | :class="[ |
| 25 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 26 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 28 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 29 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 29 | ]"> | 32 | ]"> |
| 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 33 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 31 | <el-button | 34 | <el-button |
| ... | @@ -37,12 +40,21 @@ | ... | @@ -37,12 +40,21 @@ |
| 37 | icon="el-icon-edit-outline" | 40 | icon="el-icon-edit-outline" |
| 38 | @click="editDialog(row, 'D')">删除</el-button> | 41 | @click="editDialog(row, 'D')">删除</el-button> |
| 39 | </div> | 42 | </div> |
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 41 | 正在办理 | 44 | 失效 |
| 42 | </div> | 45 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 44 | 有效 | 47 | 有效 |
| 45 | </div> | 48 | </div> |
| 49 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 50 | 正在补录 | ||
| 51 | </div> | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 53 | 正在申请 | ||
| 54 | </div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 56 | 正在注销 | ||
| 57 | </div> | ||
| 46 | <span v-if="item.prop == 'qszt'"> | 58 | <span v-if="item.prop == 'qszt'"> |
| 47 | {{ getQsztName(row[item.prop]) }} | 59 | {{ getQsztName(row[item.prop]) }} |
| 48 | </span> | 60 | </span> | ... | ... |
| ... | @@ -24,19 +24,31 @@ | ... | @@ -24,19 +24,31 @@ |
| 24 | :class="[ | 24 | :class="[ |
| 25 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 26 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 28 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 29 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 29 | ]"> | 32 | ]"> |
| 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 33 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 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)">编辑</el-button> |
| 32 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 35 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 33 | </div> | 36 | </div> |
| 34 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 35 | 正在办理 | 38 | 失效 |
| 36 | </div> | 39 | </div> |
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 40 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 38 | 有效 | 41 | 有效 |
| 39 | </div> | 42 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 44 | 正在补录 | ||
| 45 | </div> | ||
| 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 47 | 正在申请 | ||
| 48 | </div> | ||
| 49 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 50 | 正在注销 | ||
| 51 | </div> | ||
| 40 | <span v-if="item.prop == 'qszt'"> | 52 | <span v-if="item.prop == 'qszt'"> |
| 41 | {{ getQsztName(row[item.prop]) }} | 53 | {{ getQsztName(row[item.prop]) }} |
| 42 | </span> | 54 | </span> | ... | ... |
| ... | @@ -19,19 +19,31 @@ | ... | @@ -19,19 +19,31 @@ |
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 24 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 25 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 26 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 24 | ]"> | 27 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <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> |
| 27 | <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> |
| 28 | </div> | 31 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 30 | 正在办理 | 33 | 失效 |
| 31 | </div> | 34 | </div> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 35 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 33 | 有效 | 36 | 有效 |
| 34 | </div> | 37 | </div> |
| 38 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 39 | 正在补录 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 42 | 正在申请 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 45 | 正在注销 | ||
| 46 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 47 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 48 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 49 | </span> |
| ... | @@ -71,11 +83,12 @@ | ... | @@ -71,11 +83,12 @@ |
| 71 | }, | 83 | }, |
| 72 | methods: { | 84 | methods: { |
| 73 | loadData () { | 85 | loadData () { |
| 74 | if(this.$parent.addRepairRecord){ | 86 | if (this.$parent.addRepairRecord) { |
| 75 | this.columns.unshift({prop:"cz", | 87 | this.columns.unshift({ |
| 76 | label:"操作" | 88 | prop: "cz", |
| 77 | }) | 89 | label: "操作" |
| 78 | } | 90 | }) |
| 91 | } | ||
| 79 | getJsydsyqList({ | 92 | getJsydsyqList({ |
| 80 | bdcdyid: this.propsParam.bdcdyid, | 93 | bdcdyid: this.propsParam.bdcdyid, |
| 81 | qllx: this.propsParam.qllx, | 94 | qllx: this.propsParam.qllx, |
| ... | @@ -113,14 +126,14 @@ | ... | @@ -113,14 +126,14 @@ |
| 113 | } | 126 | } |
| 114 | return name; | 127 | return name; |
| 115 | }, | 128 | }, |
| 116 | // 新增一条补录信息 | 129 | // 新增一条补录信息 |
| 117 | editDialog(row,del){ | 130 | editDialog (row, del) { |
| 118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 131 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 119 | confirmButtonText: '确定', | 132 | confirmButtonText: '确定', |
| 120 | cancelButtonText: '取消', | 133 | cancelButtonText: '取消', |
| 121 | type: 'warning' | 134 | type: 'warning' |
| 122 | }).then(() => { | 135 | }).then(() => { |
| 123 | this.$parent.addRepairRecord(row,del) | 136 | this.$parent.addRepairRecord(row, del) |
| 124 | 137 | ||
| 125 | this.$message({ | 138 | this.$message({ |
| 126 | type: 'success', | 139 | type: 'success', | ... | ... |
| ... | @@ -24,8 +24,11 @@ | ... | @@ -24,8 +24,11 @@ |
| 24 | :class="[ | 24 | :class="[ |
| 25 | row.qszt == '2' ? 'lishi' : '', | 25 | row.qszt == '2' ? 'lishi' : '', |
| 26 | row.qszt == '0' ? 'linshi' : '', | 26 | row.qszt == '0' ? 'linshi' : '', |
| 27 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 27 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 28 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 28 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 29 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 30 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 31 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 29 | ]"> | 32 | ]"> |
| 30 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 33 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 31 | <el-button | 34 | <el-button |
| ... | @@ -37,12 +40,21 @@ | ... | @@ -37,12 +40,21 @@ |
| 37 | icon="el-icon-edit-outline" | 40 | icon="el-icon-edit-outline" |
| 38 | @click="editDialog(row, 'D')">删除</el-button> | 41 | @click="editDialog(row, 'D')">删除</el-button> |
| 39 | </div> | 42 | </div> |
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 41 | 正在办理 | 44 | 失效 |
| 42 | </div> | 45 | </div> |
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 44 | 有效 | 47 | 有效 |
| 45 | </div> | 48 | </div> |
| 49 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 50 | 正在补录 | ||
| 51 | </div> | ||
| 52 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 53 | 正在申请 | ||
| 54 | </div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 56 | 正在注销 | ||
| 57 | </div> | ||
| 46 | <span v-if="item.prop == 'qszt'"> | 58 | <span v-if="item.prop == 'qszt'"> |
| 47 | {{ getQsztName(row[item.prop]) }} | 59 | {{ getQsztName(row[item.prop]) }} |
| 48 | </span> | 60 | </span> | ... | ... |
| ... | @@ -19,19 +19,31 @@ | ... | @@ -19,19 +19,31 @@ |
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 24 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 25 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 26 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 24 | ]"> | 27 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <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> |
| 27 | <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> |
| 28 | </div> | 31 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 30 | 正在办理 | 33 | 失效 |
| 31 | </div> | 34 | </div> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 35 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 33 | 有效 | 36 | 有效 |
| 34 | </div> | 37 | </div> |
| 38 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 39 | 正在补录 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 42 | 正在申请 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 45 | 正在注销 | ||
| 46 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 47 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 48 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 49 | </span> |
| ... | @@ -72,11 +84,12 @@ | ... | @@ -72,11 +84,12 @@ |
| 72 | methods: { | 84 | methods: { |
| 73 | loadData () { | 85 | loadData () { |
| 74 | 86 | ||
| 75 | if(this.$parent.addRepairRecord){ | 87 | if (this.$parent.addRepairRecord) { |
| 76 | this.columns.unshift({prop:"cz", | 88 | this.columns.unshift({ |
| 77 | label:"操作" | 89 | prop: "cz", |
| 78 | }) | 90 | label: "操作" |
| 79 | } | 91 | }) |
| 92 | } | ||
| 80 | getJsydsyqList({ | 93 | getJsydsyqList({ |
| 81 | bdcdyid: this.propsParam.bdcdyid, | 94 | bdcdyid: this.propsParam.bdcdyid, |
| 82 | qllx: this.propsParam.qllx, | 95 | qllx: this.propsParam.qllx, |
| ... | @@ -114,14 +127,14 @@ | ... | @@ -114,14 +127,14 @@ |
| 114 | } | 127 | } |
| 115 | return name; | 128 | return name; |
| 116 | }, | 129 | }, |
| 117 | // 新增一条补录信息 | 130 | // 新增一条补录信息 |
| 118 | editDialog(row,del){ | 131 | editDialog (row, del) { |
| 119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 132 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 120 | confirmButtonText: '确定', | 133 | confirmButtonText: '确定', |
| 121 | cancelButtonText: '取消', | 134 | cancelButtonText: '取消', |
| 122 | type: 'warning' | 135 | type: 'warning' |
| 123 | }).then(() => { | 136 | }).then(() => { |
| 124 | this.$parent.addRepairRecord(row,del) | 137 | this.$parent.addRepairRecord(row, del) |
| 125 | 138 | ||
| 126 | this.$message({ | 139 | this.$message({ |
| 127 | type: 'success', | 140 | type: 'success', | ... | ... |
| ... | @@ -19,19 +19,31 @@ | ... | @@ -19,19 +19,31 @@ |
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | row.qlzt == '3' ? 'linshiIcon' : '', |
| 24 | row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 25 | row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 26 | row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 24 | ]"> | 27 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <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> |
| 27 | <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> |
| 28 | </div> | 31 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="row.qlzt == '0'"> |
| 30 | 正在办理 | 33 | 失效 |
| 31 | </div> | 34 | </div> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 35 | <div class="icon" v-if="row.qlzt == '1'"> |
| 33 | 有效 | 36 | 有效 |
| 34 | </div> | 37 | </div> |
| 38 | <div class="icon" v-if="row.qlzt == '2'"> | ||
| 39 | 正在补录 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="row.qlzt == '3'"> | ||
| 42 | 正在申请 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="row.qlzt == '4'"> | ||
| 45 | 正在注销 | ||
| 46 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 47 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 48 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 49 | </span> |
| ... | @@ -50,15 +62,27 @@ | ... | @@ -50,15 +62,27 @@ |
| 50 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 62 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 51 | row.qszt == '2' ? 'lishi' : '', | 63 | row.qszt == '2' ? 'lishi' : '', |
| 52 | row.qszt == '0' ? 'linshi' : '', | 64 | row.qszt == '0' ? 'linshi' : '', |
| 53 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 65 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 54 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 66 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 67 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 68 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 69 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 55 | ]"> | 70 | ]"> |
| 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 71 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 57 | 正在办理 | 72 | 失效 |
| 58 | </div> | 73 | </div> |
| 59 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 74 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 60 | 有效 | 75 | 有效 |
| 61 | </div> | 76 | </div> |
| 77 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 78 | 正在补录 | ||
| 79 | </div> | ||
| 80 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 81 | 正在申请 | ||
| 82 | </div> | ||
| 83 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 84 | 正在注销 | ||
| 85 | </div> | ||
| 62 | <span v-if="item.prop == 'qszt'"> | 86 | <span v-if="item.prop == 'qszt'"> |
| 63 | {{ getQsztName(row[item.prop]) }} | 87 | {{ getQsztName(row[item.prop]) }} |
| 64 | </span> | 88 | </span> | ... | ... |
| ... | @@ -19,19 +19,31 @@ | ... | @@ -19,19 +19,31 @@ |
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 20 | row.qszt == '2' ? 'lishi' : '', | 20 | row.qszt == '2' ? 'lishi' : '', |
| 21 | row.qszt == '0' ? 'linshi' : '', | 21 | row.qszt == '0' ? 'linshi' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 22 | item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 23 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 23 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 24 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 25 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 26 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 24 | ]"> | 27 | ]"> |
| 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | 28 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <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> |
| 27 | <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> |
| 28 | </div> | 31 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 30 | 正在办理 | 33 | 失效 |
| 31 | </div> | 34 | </div> |
| 32 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 35 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 33 | 有效 | 36 | 有效 |
| 34 | </div> | 37 | </div> |
| 38 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 39 | 正在补录 | ||
| 40 | </div> | ||
| 41 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 42 | 正在申请 | ||
| 43 | </div> | ||
| 44 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 45 | 正在注销 | ||
| 46 | </div> | ||
| 35 | <span v-if="item.prop == 'qszt'"> | 47 | <span v-if="item.prop == 'qszt'"> |
| 36 | {{ getQsztName(row[item.prop]) }} | 48 | {{ getQsztName(row[item.prop]) }} |
| 37 | </span> | 49 | </span> |
| ... | @@ -72,11 +84,12 @@ | ... | @@ -72,11 +84,12 @@ |
| 72 | methods: { | 84 | methods: { |
| 73 | loadData () { | 85 | loadData () { |
| 74 | 86 | ||
| 75 | if(this.$parent.addRepairRecord){ | 87 | if (this.$parent.addRepairRecord) { |
| 76 | this.columns.unshift({prop:"cz", | 88 | this.columns.unshift({ |
| 77 | label:"操作" | 89 | prop: "cz", |
| 78 | }) | 90 | label: "操作" |
| 79 | } | 91 | }) |
| 92 | } | ||
| 80 | getTdsyqList({ | 93 | getTdsyqList({ |
| 81 | bdcdyid: this.propsParam.bdcdyid, | 94 | bdcdyid: this.propsParam.bdcdyid, |
| 82 | qllx: this.propsParam.qllx, | 95 | qllx: this.propsParam.qllx, |
| ... | @@ -114,14 +127,14 @@ | ... | @@ -114,14 +127,14 @@ |
| 114 | } | 127 | } |
| 115 | return name; | 128 | return name; |
| 116 | }, | 129 | }, |
| 117 | // 新增一条补录信息 | 130 | // 新增一条补录信息 |
| 118 | editDialog(row,del){ | 131 | editDialog (row, del) { |
| 119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 132 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 120 | confirmButtonText: '确定', | 133 | confirmButtonText: '确定', |
| 121 | cancelButtonText: '取消', | 134 | cancelButtonText: '取消', |
| 122 | type: 'warning' | 135 | type: 'warning' |
| 123 | }).then(() => { | 136 | }).then(() => { |
| 124 | this.$parent.addRepairRecord(row,del) | 137 | this.$parent.addRepairRecord(row, del) |
| 125 | 138 | ||
| 126 | this.$message({ | 139 | this.$message({ |
| 127 | type: 'success', | 140 | type: 'success', | ... | ... |
| ... | @@ -18,19 +18,31 @@ | ... | @@ -18,19 +18,31 @@ |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 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.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 22 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 23 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 24 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 25 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 23 | ]"> | 26 | ]"> |
| 24 | <div class="setbut" v-if="item.prop == 'cz'"> | 27 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 27 | </div> | 30 | </div> |
| 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 29 | 正在办理 | 32 | 失效 |
| 30 | </div> | 33 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 34 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 32 | 有效 | 35 | 有效 |
| 33 | </div> | 36 | </div> |
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 38 | 正在补录 | ||
| 39 | </div> | ||
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 41 | 正在申请 | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 44 | 正在注销 | ||
| 45 | </div> | ||
| 34 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 35 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 36 | </span> | 48 | </span> | ... | ... |
| ... | @@ -18,19 +18,31 @@ | ... | @@ -18,19 +18,31 @@ |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ |
| 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.qlzt == '0' ? 'zhuxiaoIcon' : '', |
| 22 | item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', | 22 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', |
| 23 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 24 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 25 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 23 | ]"> | 26 | ]"> |
| 24 | <div class="setbut" v-if="item.prop == 'cz'"> | 27 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 28 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 27 | </div> | 30 | </div> |
| 28 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'"> |
| 29 | 正在办理 | 32 | 失效 |
| 30 | </div> | 33 | </div> |
| 31 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> | 34 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'"> |
| 32 | 有效 | 35 | 有效 |
| 33 | </div> | 36 | </div> |
| 37 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 38 | 正在补录 | ||
| 39 | </div> | ||
| 40 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 41 | 正在申请 | ||
| 42 | </div> | ||
| 43 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 44 | 正在注销 | ||
| 45 | </div> | ||
| 34 | <span v-if="item.prop == 'qszt'"> | 46 | <span v-if="item.prop == 'qszt'"> |
| 35 | {{ getQsztName(row[item.prop]) }} | 47 | {{ getQsztName(row[item.prop]) }} |
| 36 | </span> | 48 | </span> | ... | ... |
-
Please register or sign in to post a comment