water_stations_patrol.vue 46.0 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808
<template>
    <section>
        <!--工具条-->
        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
            <el-form :inline="true" :model="filters">
                <el-form-item>
                    <el-input v-model="filters.cometovisitname" placeholder="报修人名称"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" v-on:click="getMaintainList()">查询</el-button>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="companyAdd">新增</el-button>
                </el-form-item>
            </el-form>
        </el-col>

        <!--列表-->
        <el-table :data="securityInspectionList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
            <el-table-column type="selection" width="55">
            </el-table-column>
            <el-table-column type="index">
            </el-table-column>
            <el-table-column prop="id" v-if="false" label="ID" sortable>
            </el-table-column>
            <el-table-column prop="creattime" label="日期"  sortable>
            </el-table-column>
            <el-table-column prop="checkprojectcontrolrommresponsibleperson" label="控制室巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="checkprojectfrequencyconversionresponsibleperson" label="变频间巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="checkprojectmeterbetweenturbidityinstrumentresponsibleperson" label="浊度仪巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="checkprojectmeterbetweenflowmeterresponsibleperson" label="流量表巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="residualchlorineinstrumentresponsibleperson" label="余氯仪巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="boosterpumproomresponsibleperson" label="增压泵房巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="clearwaterreserviorsresponsibleperson" label="清水池巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="betweenchlorineresponsibleperson" label="加氯间巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="groundEnvironmentResponsiblePerson" label="场区环境巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="groundsecurityresponsibleperson" label="场区安全巡视责任人"  sortable>
            </el-table-column>
            <el-table-column prop="securitytoolresponsibleperson" label="安全工具巡视责任人"  sortable>
            </el-table-column>
            <el-table-column label="操作" min-width="150">
                <template slot-scope="scope">
                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
                    <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>

        <!--工具条-->
        <el-col :span="24" class="toolbar">
            <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
            <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
            </el-pagination>
        </el-col>

        <!--编辑界面-->
        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
            <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
                <el-form-item label="ID">
                    <span>{{editForm.id}}</span>
                </el-form-item>
                <el-form-item label="日期" prop="datetime">
                    <el-date-picker
                            v-model="editForm.datetime"
                            type="date"
                            format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd"
                            placeholder="选择日期时间">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="来访时间" prop="cometovisitdate">
                    <el-date-picker
                            v-model="editForm.cometovisitdate"
                            type="date"
                            format="yyyy-MM-dd HH:mm:ss"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            placeholder="选择日期时间">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="离开时间" prop="leavedate">
                    <el-date-picker
                            v-model="editForm.leavedate"
                            type="date"
                            format="yyyy-MM-dd HH:mm:ss"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            placeholder="选择日期时间">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="姓名" prop="cometovisitname">
                    <el-input v-model="editForm.cometovisitname" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="车辆牌号" prop="carnumber">
                    <el-input v-model="editForm.carnumber" auto-complete="off" placeholder="请输入车辆牌号"></el-input>
                </el-form-item>
                <el-form-item label="联系电话" prop="phone">
                    <el-input v-model="editForm.phone" auto-complete="off" placeholder="请输入联系电话"></el-input>
                </el-form-item>
                <el-form-item label="来访事由" prop="comematter">
                    <el-input v-model="editForm.comematter" auto-complete="off" placeholder="请输入来访事由"></el-input>
                </el-form-item>
                <el-form-item label="值班人员" prop="warchkeeper">
                    <el-input v-model="editForm.warchkeeper" auto-complete="off" placeholder="请输值班人员"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="editFormVisible = false">取消</el-button>
                <el-button type="primary" @click.native="editSubmit" :loading="false">提交</el-button>
            </div>
        </el-dialog>

        <!--新增界面-->
        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
                <el-form-item label="控制室-供水系统正常运行操作台参数处于正常范围" prop="checkprojectcontrolrommwatersupplysystem">
                    <el-radio-group v-model="addFrom.checkprojectcontrolrommwatersupplysystem">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="控制室-安防西永正常运行,监控可用且画面清晰" prop="checkprojectcontrolrommsecuritysystem">
                    <el-radio-group v-model="addFrom.checkprojectcontrolrommsecuritysystem">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="控制室-运行记录准确清晰" prop="checkprojectcontrolrommrunningrecord">
                    <el-radio-group v-model="addFrom.checkprojectcontrolrommrunningrecord">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="控制室-文件架,座椅,板凳摆放整齐" prop="checkprojectcontrolrommdocumentholder">
                    <el-radio-group v-model="addFrom.checkprojectcontrolrommdocumentholder">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="控制室-地面和桌面卫生干净" prop="checkprojectcontrolrommground">
                    <el-radio-group v-model="addFrom.checkprojectcontrolrommground">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="控制室-巡视责任人" prop="checkprojectcontrolrommresponsibleperson">
                        <el-input v-model="addFrom.checkprojectcontrolrommresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="控制室-备注" prop="checkprojectcontrolrommnote">
                    <el-input v-model="addFrom.checkprojectcontrolrommnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="变频间-控制柜显示正常,运行正常" prop="checkprojectfrequencyconversionshow">
                    <el-radio-group v-model="addFrom.checkprojectfrequencyconversionshow">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="变频间-控制柜封闭严实,室内温度正常,无烧焦味道" prop="checkprojectfrequencyconversionclose">
                    <el-radio-group v-model="addFrom.checkprojectfrequencyconversionclose">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="变频间-地面卫生干净,门窗清洁" prop="checkprojectfrequencyconversionsanitation">
                    <el-radio-group v-model="addFrom.checkprojectfrequencyconversionsanitation">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="变频间-巡视责任人" prop="checkprojectfrequencyconversionresponsibleperson">
                    <el-input v-model="addFrom.checkprojectfrequencyconversionresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="变频间-备注" prop="checkprojectfrequencyconversionnote">
                    <el-input v-model="addFrom.checkprojectfrequencyconversionnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-电源是否正常" prop="checkprojectmeterbetweenturbidityinstrumentpowersupply">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentpowersupply">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-显示是否正常" prop="checkprojectmeterbetweenturbidityinstrumentshow">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentshow">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-外观是否破损" prop="checkprojectmeterbetweenturbidityinstrumentappearance">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentappearance">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-量程指示等是否正常" prop="checkprojectmeterbetweenturbidityinstrumentrange">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentrange">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-检测数据是否正常" prop="checkprojectmeterbetweenturbidityinstrumentdetection">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentdetection">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-巡视责任人" prop="checkprojectmeterbetweenturbidityinstrumentresponsibleperson">
                    <el-input v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-浊度仪-备注" prop="checkprojectmeterbetweenturbidityinstrumentnote">
                    <el-input v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-流量表-电源是否正常" prop="checkprojectmeterbetweenflowmeterpowersupply">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmeterpowersupply">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-流量表-显示是否正常" prop="checkprojectmeterbetweenflowmetershow">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmetershow">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-流量表-外观是否破损" prop="checkprojectmeterbetweenflowmeterappearance">
                    <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmeterappearance">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-流量表-巡视责任人" prop="checkprojectmeterbetweenflowmeterresponsibleperson">
                    <el-input v-model="addFrom.checkprojectmeterbetweenflowmeterresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-流量表-备注" prop="checkprojectmeterbetweenflowmeternote">
                    <el-input v-model="addFrom.checkprojectmeterbetweenflowmeternote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-管道是否锈蚀" prop="residualchlorineinstrumentpipeline">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentpipeline">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-电源是否正常" prop="residualchlorineinstrumentpowersupply">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentpowersupply">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-显示是否正常" prop="residualchlorineinstrumentshow">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentshow">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-外观是否破损" prop="residualchlorineinstrumentappearance">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentappearance">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-管道连接无漏水现象" prop="residualchlorineinstrumentpipelinmakewater">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentpipelinmakewater">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-运行设备正常,无噪音现象" prop="residualchlorineinstrumentequipment">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentequipment">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-地面卫生干净,门窗清洁" prop="residualchlorineinstrumentgroundsanitation">
                    <el-radio-group v-model="addFrom.residualchlorineinstrumentgroundsanitation">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-巡视责任人" prop="residualchlorineinstrumentresponsibleperson">
                    <el-input v-model="addFrom.residualchlorineinstrumentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="仪表间-余氯仪-备注" prop="residualchlorineinstrumentnote">
                    <el-input v-model="addFrom.residualchlorineinstrumentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="增压泵房-水泵正常运行,无噪音,电视机运行正常" prop="boosterpumproomwaterpump">
                    <el-radio-group v-model="addFrom.boosterpumproomwaterpump">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-轴承无磨损,无外向渗液现象" prop="boosterpumproombearing">
                    <el-radio-group v-model="addFrom.boosterpumproombearing">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-压力表显示正常,清晰" prop="boosterpumproomthevalue">
                    <el-radio-group v-model="addFrom.boosterpumproomthevalue">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-水泵阀门开关灵活,转向正常,无渗透" prop="boosterpumproompumpbody">
                    <el-radio-group v-model="addFrom.boosterpumproompumpbody">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-泵体无破损,铭牌完整" prop="boosterpumproomnameplate">
                    <el-radio-group v-model="addFrom.boosterpumproomnameplate">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-盘根密封无漏水,机座螺丝安装牢固,无脱落" prop="boosterpumproompacking">
                    <el-radio-group v-model="addFrom.boosterpumproompacking">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-控制柜显示正常,按钮灵活可靠,无烧焦味道" prop="boosterpumproomshow">
                    <el-radio-group v-model="addFrom.boosterpumproomshow">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-风机正常运行,控制按钮灵活可靠" prop="boosterpumproomfan">
                    <el-radio-group v-model="addFrom.boosterpumproomfan">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-排水沟污水泵可正常清理污水" prop="boosterpumproomdrainage">
                    <el-radio-group v-model="addFrom.boosterpumproomdrainage">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-地面卫生干净,门窗,泵体,控制柜,排风管清洁" prop="boosterpumproomsanitation">
                    <el-radio-group v-model="addFrom.boosterpumproomsanitation">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="增压泵房-巡视责任人" prop="boosterpumproomresponsibleperson">
                    <el-input v-model="addFrom.boosterpumproomresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="增压泵房-备注" prop="boosterpumproomnote">
                    <el-input v-model="addFrom.boosterpumproomnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="清水池-楼梯稳固,无摇摆现象" prop="clearwaterreserviorsstairs">
                    <el-radio-group v-model="addFrom.clearwaterreserviorsstairs">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="清水池-检测孔封盖严密,通气孔无破坏" prop="clearwaterreserviorsvent">
                    <el-radio-group v-model="addFrom.clearwaterreserviorsvent">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="清水池-池顶无裂纹,缝隙等" prop="clearwaterreserviorspoolroof">
                    <el-radio-group v-model="addFrom.clearwaterreserviorspoolroof">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="清水池-池顶卫生干净,无闲杂物品" prop="clearwaterreserviorssanitation">
                    <el-radio-group v-model="addFrom.clearwaterreserviorssanitation">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="清水池-进出水池阀门可正常扭转,无渗水现象" prop="clearwaterreserviorspumpbody">
                    <el-radio-group v-model="addFrom.clearwaterreserviorspumpbody">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="清水池-巡视责任人" prop="clearwaterreserviorsresponsibleperson">
                    <el-input v-model="addFrom.clearwaterreserviorsresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="清水池-备注" prop="clearwaterreserviorsnote">
                    <el-input v-model="addFrom.clearwaterreserviorsnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="加氯间-加氯设备运行正常,加氯间无异味" prop="betweenchlorineequipment">
                    <el-radio-group v-model="addFrom.betweenchlorineequipment">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="加氯管道无渗漏,无泄漏现象" prop="betweenchlorinepipe">
                    <el-radio-group v-model="addFrom.betweenchlorinepipe">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="加氯间-加药泵,电动阀门无异常,无剧烈震动现象" prop="betweenchlorinedosingpump">
                    <el-radio-group v-model="addFrom.betweenchlorinedosingpump">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="加氯间-流量计显示正常,轴承无磨损" prop="betweenchlorinetraffic">
                    <el-radio-group v-model="addFrom.betweenchlorinetraffic">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="加氯间-排风扇是否运行正常" prop="betweenchlorinefan">
                    <el-radio-group v-model="addFrom.betweenchlorinefan">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="加氯间-室内卫生干净门窗清洁" prop="betweenchlorinesanitation">
                    <el-radio-group v-model="addFrom.betweenchlorinesanitation">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>

                <el-form-item label="加氯间-巡视责任人" prop="betweenchlorineresponsibleperson">
                    <el-input v-model="addFrom.betweenchlorineresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="加氯间-备注" prop="betweenchlorinenote">
                    <el-input v-model="addFrom.betweenchlorinenote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>

                <el-form-item label="场区环境-水井井盖覆盖严密,井内无杂物,无淤水现象" prop="groundenvironmentwelllids">
                    <el-radio-group v-model="addFrom.groundenvironmentwelllids">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区环境-排水井盖封闭严实,雨水篦子芜杂物" prop="groundenvironmentdrainagen">
                    <el-radio-group v-model="addFrom.groundenvironmentdrainagen">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区环境-供水管道阀门无冒泡,无地漏现象" prop="groundenvironmentwatersupply">
                    <el-radio-group v-model="addFrom.groundenvironmentwatersupply">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区环境-电缆井封闭严实,无打开现象" prop="groundenvironmentcable">
                    <el-radio-group v-model="addFrom.groundenvironmentcable">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区环境-路面整洁干净,无闲杂人员" prop="groundenvironmentroad">
                    <el-radio-group v-model="addFrom.groundenvironmentroad">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区环境-巡视责任人" prop="groundenvironmentresponsibleperson">
                    <el-input v-model="addFrom.groundenvironmentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="场区环境-备注" prop="groundenvironmentnote">
                    <el-input v-model="addFrom.groundenvironmentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="场区安全-无违章电器使用,场区用电安全" prop="groundsecurityillegal">
                    <el-radio-group v-model="addFrom.groundsecurityillegal">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区安全-场区无危险品进入,消毒剂按规定存放整齐" prop="groundsecurityfire">
                    <el-radio-group v-model="addFrom.groundsecurityfire">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区安全-灭鼠器材够用,可用" prop="groundsecurityrats">
                    <el-radio-group v-model="addFrom.groundsecurityrats">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区安全-无可疑人员进入,外来人员登记记录齐全" prop="groundsecuritysuspiciouspersonnel">
                    <el-radio-group v-model="addFrom.groundsecuritysuspiciouspersonnel">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="场区安全-巡视责任人" prop="groundsecurityresponsibleperson">
                    <el-input v-model="addFrom.groundsecurityresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="场区安全-备注" prop="groundsecuritynote">
                    <el-input v-model="addFrom.groundsecuritynote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="安全工具-应急物资充足且摆放到位" prop="securitytoolemergency">
                    <el-radio-group v-model="addFrom.securitytoolemergency">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="安全工具-防汛物资充足且摆放到位" prop="securitytoolfloodcontroland">
                    <el-radio-group v-model="addFrom.securitytoolfloodcontroland">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="安全工具-防护服可用且摆放到位" prop="securitytoolprotective">
                    <el-radio-group v-model="addFrom.securitytoolprotective">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="安全工具-日常维修工具可用且摆放到位" prop="securitytoolmainteance">
                    <el-radio-group v-model="addFrom.securitytoolmainteance">
                        <el-radio :label="0" >是</el-radio>
                        <el-radio :label="1">否</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="安全工具-巡视责任人" prop="securitytoolresponsibleperson">
                    <el-input v-model="addFrom.securitytoolresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
                <el-form-item label="安全工具-备注" prop="securitytoolnote">
                    <el-input v-model="addFrom.securitytoolnote" auto-complete="off" placeholder="请输入姓名"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="addFormVisible = false">取消</el-button>
                <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
            </div>
        </el-dialog>
    </section>
</template>

<script>
    import util from '../../common/js/util'
    import NProgress from 'nprogress'
    import { getList, remove, batchRemove, edit, add } from '../../api/staff/come_car';
    import moment from 'moment'

    export default {
        data() {
            return {
                filters: {
                    cometovisitname: ''
                },
                userid: '',
                securityInspectionList: [],
                total: 0,
                pageNum: 1,
                pageSize: 5,
                listLoading: false,
                sels: [],//列表选中列
                //编辑界面是否显示
                editFormVisible: false,
                editLoading: false,
                editFormRules: {
                    repairscontent: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    reflectway: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsdept: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsname: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    answerthephonename: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsphone: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    maintaincase: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    cooperatemaintainname: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    meno: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                },
                //编辑界面数据
                editForm: {
                    id:'',
                    datetime:'',
                    cometovisitdate:'',
                    leavedate:'',
                    cometovisitname: '',
                    carnumber: '',
                    phone: '',
                    comematter: '',
                    warchkeeper: ''

                },
                //新增界面是否显示
                addFormVisible: false,
                addLoading: false,
                addFormRules: {
                    repairscontent: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    reflectway: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsdept: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsname: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    answerthephonename: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    repairsphone: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    maintaincase: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    cooperatemaintainname: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                    meno: [
                        { required: true, message: '不能为空!!!', trigger: 'blur' }
                    ],
                },

                //新增界面数据
                addForm: {
                    datetime:'',
                    cometovisitdate:'',
                    leavedate:'',
                    cometovisitname: '',
                    carnumber: '',
                    phone: '',
                    comematter: '',
                    warchkeeper: '',
                    userid: this.userid
                }
            }
        },
        mounted() {
            this.userid = JSON.parse(sessionStorage.getItem('user')).userId;
            this.getMaintainList();

        },
        methods: {

            handleCurrentChange(val) {
                this.pageNum = val;
                this.getMaintainList();
            },
            //获取列表
            getMaintainList() {
                let para = {
                    pageNum: this.pageNum,
                    pageSize: this.pageSize,
                    cometovisitname: this.filters.cometovisitname
                };
                this.listLoading = true;
                getList(para).then((res) => {
                    this.total = res.data.total;
                    this.securityInspectionList = res.data.list;
                    this.listLoading = false;
                    //NProgress.done();
                }).catch((error) => {

                    this.listLoading = false;
                    if(null!= error.response && error.response!==undefined){
                        let status= error.response.status;
                        let msg = error.response.statusText;
                        alert(status+msg);
                    }else {
                        alert(error);
                    }

                });

            },


            //删除
            handleDel: function (index, row) {
                this.$confirm('确认删除该记录吗?', '提示', {
                    type: 'warning'
                }).then(() => {
                    this.listLoading = true;
                    //NProgress.start();
                    let para = { id: row.id };
                    remove(para).then((res) => {
                        this.listLoading = false;
                        //NProgress.done();
                        this.$message({
                            message: '删除成功',
                            type: 'success'
                        });
                        this.getMaintainList();
                    }).catch((error) => {
                        this.listLoading = false;
                        alert(error);
                    });
                }).catch();
            },
            /**
             * 显示编辑界面
             * @param index
             * @param row 为这行的数据对象
             */
            handleEdit: function (index, row) {
                this.editFormVisible = true;
                this.editForm = Object.assign({}, row);
                this.getMaintainList();
            },
            //显示新增界面,每次点开初始化数据
            companyAdd: function () {
                this.addFormVisible = true;
                this.addForm = {
                    userid: this.userid
                };
                this.getMaintainList();
            },

            //新增
            addSubmit: function () {
                this.$refs.addForm.validate((valid) => {
                    if (valid) {
                        this.$confirm('确认提交吗?', '提示', {}).then(() => {
                            //NProgress.start();
                            this.listLoading = true;
                            let para = Object.assign({}, this.addForm);
                            add(para).then((res) => {
                                this.addLoading = false;
                                //NProgress.done();
                                this.$message({
                                    message: '提交成功',
                                    type: 'success'
                                });
                                this.$refs['addForm'].resetFields();
                                this.addFormVisible = false;
                                this.getMaintainList();
                            }).catch(error => alert(error));
                        });
                    }
                });
            },
            //编辑
            editSubmit: function () {
                this.$refs.editForm.validate((valid) => {
                    if (valid) {
                        this.$confirm('确认提交吗?', '提示', {}).then(() => {
                            this.editLoading = true;
                            let para = Object.assign({}, this.editForm);
                            this.editLoading = true;
                            edit(para).then((res) => {

                                this.$message({
                                    message: '提交成功',
                                    type: 'success'
                                });
                                this.$refs['editForm'].resetFields();
                                this.editFormVisible = false;
                                this.getMaintainList();
                            }).catch(error => alert(error));
                        });
                    }
                });
            },

            selsChange: function (sels) {
                this.sels = sels;
            },
            //批量删除
            batchRemove: function () {
                var ids = this.sels.map(item => item.id).toString();
                this.$confirm('确认删除选中记录吗?', '提示', {
                    type: 'warning'
                }).then(() => {
                    this.listLoading = true;
                    //NProgress.start();
                    let para = { ids: ids };
                    batchRemove(para).then((res) => {
                        this.listLoading = false;
                        //NProgress.done();
                        this.$message({
                            message: '删除成功',
                            type: 'success'
                        });
                        this.getMaintainList();
                    });
                }).catch(() => {

                });
            }
        },

    }
</script>