fj-dc-ui/.svn/pristine/48/488f2e674c82197d09b33dca43eabd7981b7c1eb.svn-base

<template>
    <div class="nysgc" style="width: 100%;margin: auto">
        <el-row>
            <el-col :span="24">
                <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
                    <el-form-item label="督查时间">
                        <div style="display: flex;">
                            <el-date-picker
                                    v-model="dateRange"
                                    type="daterange"
                                    value-format="yyyy-MM-dd"
                                    style="width:100%"
                                    range-separator="至"
                                    start-placeholder="开始日期"
                                    end-placeholder="结束日期"
                            ></el-date-picker>
                        </div>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="onSubmit" icon="el-icon-search">查询</el-button>
                    </el-form-item>

                </el-form>
            </el-col>
        </el-row>
        <el-table :data="tableData5" style="width: 100%;" v-loading="loading" :height="dxdcMainHeight + 'px'">
            <el-table-column align="center" type="index" fixed label="序号" min-width="80">
                <template slot-scope="scope">{{ (pageIndex - 1) * pageSize + (scope.$index + 1) }}</template>
            </el-table-column>
            <el-table-column label="概况">
                <el-table-column align="center" show-overflow-tooltip prop="province" label="省"  v-if="isXj"
                                 min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="city" :label="ownAdName"
                                 min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="county" label="县(区)"
                                 min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="town" label="乡(镇)"
                                 min-width="100"></el-table-column>
                <el-table-column
                        prop="villageNm"
                        label="所在地"
                        align="center"
                        show-overflow-tooltip
                        min-width="150"
                ></el-table-column>
                <el-table-column align="center" sortable show-overflow-tooltip prop="visitDate" label="暗访日期"
                                 min-width="110"></el-table-column>
                <el-table-column
                        align="center"
                        show-overflow-tooltip
                        prop="pjnm"
                        label="工程名称"
                        min-width="160"
                ></el-table-column>
                <el-table-column prop="buildYear" align="center" label="建成年份" min-width="80"></el-table-column>
                <el-table-column prop="planSupplyScale" label="设计供水规模(m³/d)" min-width="150"
                                 align="center"></el-table-column>
                <el-table-column prop="supplyScale" label="实际供水规模（m³/d)" min-width="150"
                                 align="center"></el-table-column>
                <el-table-column prop="personNum" label="覆盖人口(万人)" min-width="120" align="center">
                    <template slot-scope="scope">
                        <span>{{scope.row.personNum ? scope.row.personNum / 10000 : scope.row.personNum === 0 ? 0 : ''}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" label="管网漏损率（%）" min-width="150">
                    <template slot-scope="scope">
                        <span>{{scope.row.pipeDamagePer ? scope.row.pipeDamagePer * 100 + '%' : ''}}</span>
                    </template>
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="projectType"
                        label="工程类别"
                        min-width="120"
                        show-overflow-tooltip
                >
                    <template slot-scope="scope">
                        <span v-if="scope.row.projectType == 1">千吨万人</span>
                        <span v-else-if="scope.row.projectType == 2">千吨万人以下工程</span>
                        <span v-else-if="scope.row.projectType == 3">分散式工程</span>
                        <span v-else>城市管网延伸</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" label="是否24小时不间断供水" min-width="200">
                    <template slot-scope="scope">
                        <span>{{shifouRadio(scope.row.is24hSupply)}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" label="是否定时供水" min-width="200">
                    <template slot-scope="scope">
                        <span v-if="scope.row.is24hSupply == '0'">{{shifouRadio(scope.row.isHrSupply)}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" prop="hrNote" label="备注" min-width="200" show-overflow-tooltip>
                    <template slot-scope="scope">
                        <span v-if="scope.row.isHrSupply == '1'">{{scope.row.hrNote}}</span>
                    </template>
                </el-table-column>
            </el-table-column>
            <el-table-column label="水质保障">
                <el-table-column label="净化设施设备" align="center">
                    <el-table-column label="是否配备" align="center">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isHavecleanEqui)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column label="是否正常运行" align="center" min-width="130">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isCleanequiG)}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
                <el-table-column label="消毒设备" align="center">
                    <el-table-column prop="isHavedisinfect" label="是否配备" align="center">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isHavedisinfect)}}</span>
                        </template>
                    </el-table-column>

                    <el-table-column prop="disinfectType" label="消毒方式" align="center">
                        <template slot-scope="scope">
                            <span v-if="scope.row.disinfectType == 1">液氯</span>
                            <span v-else-if="scope.row.disinfectType == 2">二氧化氯</span>
                            <span v-else-if="scope.row.disinfectType == 3">次氯酸钠</span>
                            <span v-else-if="scope.row.disinfectType == 4">臭氧</span>
                            <span v-else-if="scope.row.disinfectType == 5">紫外线</span>
                            <span v-else-if="scope.row.disinfectType == 6">漂白粉或漂白精</span>
                            <span v-else-if="scope.row.disinfectType == 7">无</span>
                            <span v-else>其它</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="disinfectNote" label="备注" align="center" min-width="200"
                                     show-overflow-tooltip>
                        <template slot-scope="scope">
                            <span v-if="scope.row.disinfectType == '6'">{{scope.row.disinfectNote}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="isDisinfectGood" label="是否正常运行" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isDisinfectGood)}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
                <el-table-column label="水质检测报告" align="center">
                    <el-table-column prop="isHavereport" label="有无报告" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{youwuRadio(scope.row.isHavereport)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="isQuailtyGood" label="是否达标" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isQuailtyGood)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="qualityNote" label="备注" align="center" min-width="200" show-overflow-tooltip>
                        <template slot-scope="scope">
                            <span v-if="scope.row.isQuailtyGood == '0'">{{scope.row.qualityNote}}</span>
                        </template>

                    </el-table-column>
                </el-table-column>
                <el-table-column label="千吨万人水厂水质化验室" align="center">
                    <el-table-column prop="isHaveLab" label="是否配备" align="center">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isHaveLab)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="isDailyCheck" label="是否开展日检" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isDailyCheck)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column prop="isDailycheckGood" label="水质是否达标" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isDailycheckGood)}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
            </el-table-column>
            <el-table-column label="运行管理" align="center">
                <el-table-column label="有无取水许可证" align="center" min-width="130">
                    <template slot-scope="scope">
                        <span>{{youwuRadio(scope.row.isInsLicence)}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="有无卫生许可证" align="center" min-width="130">
                    <template slot-scope="scope">
                        <span>{{youwuRadio(scope.row.isSanLicence)}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="自动化控制系统" align="center">
                    <el-table-column label="是否配备" align="center">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isAutosystem)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column label="是否正常运行" align="center" min-width="130">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isAutosysGood)}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
                <el-table-column label="视频安防系统" align="center">
                    <el-table-column label="是否配备" align="center" min-width="110">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isVideoSystem)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column label="是否正常运行" align="center" min-width="130">
                        <template slot-scope="scope">
                            <span>{{shifouRadio(scope.row.isVideosysGood)}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
                <el-table-column label="水费水价" align="center">
                    <el-table-column prop="waterFee" label="执行水价（元/ m³）" align="center"
                                     min-width="140"></el-table-column>
                    <el-table-column prop="waterCost" label="全成本（元/ m³）" align="center"
                                     min-width="140"></el-table-column>
                    <el-table-column prop="operCost" label="运行成本（元/ m³）" align="center"
                                     min-width="140"></el-table-column>
                    <el-table-column label="水费回收率（%）" align="center" min-width="140">
                        <template slot-scope="scope">
                            <span>{{scope.row.feeRecyclePer ? scope.row.feeRecyclePer * 100 + '%' : ''}}</span>
                        </template>
                    </el-table-column>
                </el-table-column>
                <el-table-column prop="manager" label="管理主体" align="center" show-overflow-tooltip>
                    <template slot-scope="scope">
                        <span v-if="scope.row.manager == 1">村委会</span>
                        <span v-else-if="scope.row.manager == 2">乡镇政府或水管站</span>
                        <span v-else-if="scope.row.manager == 3">供水公司</span>
                        <span v-else-if="scope.row.manager == 4">租赁承包</span>
                        <span v-else-if="scope.row.manager == 5">其他</span>
                    </template>
                </el-table-column>
                <el-table-column prop="isHaveHotline" label="是否配备供水服务热线电话" align="center" min-width="200">
                    <template slot-scope="scope">
                        <span>{{shifouRadio(scope.row.isHaveHotline)}}</span>
                    </template>
                </el-table-column>
            </el-table-column>
            <el-table-column label="填报状态" prop="status" align="center" min-width="100">
                <template slot-scope="scope">
                    <span v-if="scope.row.status == 0">未填报</span>
                    <span v-else>已填报</span>
                </template>
            </el-table-column>
            <el-table-column label="记录人员" prop="recPers2" align="center"></el-table-column>
            <el-table-column label="记录人员电话" prop="recPersTel" align="center" min-width="150"></el-table-column>
            <el-table-column
                    align="center"
                    show-overflow-tooltip
                    label="操作"
                    min-width="160"
                    fixed="right"
            >
                <template slot-scope="scope">
                    <el-button type="success" plain @click="lookOver(scope.row)">查看</el-button>
                </template>
            </el-table-column>
        </el-table>
        <div style="margin-top: 20px;text-align: center;">
            <el-pagination
                    background
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page.sync="pageIndex"
                    :page-sizes="[10, 20, 30, 40, 50, 100]"
                    :page-size="pageSize"
                    layout="sizes, total, prev, pager, next"
                    :total="total"
            ></el-pagination>
        </div>
        <!--督查成果查看-->
        <renyinProject v-if="ryInfoDialog" ref="ryRef" :ryTitle="ryTitle" :ryObjId="ryObjId" :ryEngId="ryEngId"
                       @cancelHandler="ryCancelHandler"></renyinProject>
    </div>
</template>

<script>
    import request from "../../../utils/gw_ajax_request.js";

    export default {
        name: "nysgcTable1",
        props: ["fengongxianCode", "engId", "fenggongxianName", "fengongxianObjCode", 'currentNodeType', 'lyjg', 'fengongxianAdCode', 'fengongxianChildren', 'adCodes', 'groups'],
        components: {
            renyinProject: resolve => {
                require(['../../../views/zongHeXinXiOl/components/popupWindow/renyin/main.vue'], resolve)
            },
        },
        data() {
            return {
                dateRange: [],
                dxdcMainHeight: window.innerHeight - 340,
                groupId: '',
                lyjg1: [],
                groupName: '',
                sttm: '',
                ettm: '',
                searchObj: {
                    pageNum: this.pageIndex,
                    pageSize: this.pageSize,
                    adCodes: [],
                    persId: "",
                    chkComId: '',
                    chkCom: '',
                    groupNm: '',
                    groupId: '',
                    startDate: '',
                    endDate: '',
                },
                dialogShow: false,
                tableData5: [],
                pageIndex: 1,
                pageSize: 20,
                total: 0,
                dialogFormVisible: false,
                addObj: {
                    engId: "",
                    cwsCode: "",
                    villageNm: "",
                    buildYear: "",
                    equPlbm: "",
                    feePlbm: "",
                    insPlbm: "",
                    labPlbm: "",
                    pjnm: "",
                    rptPlbm: "",
                    runId: "",
                    sanPlbm: "",
                    splPlbm: "",
                    status: "",
                    sysPlbm: "",
                    updateTime: "",
                    planSupplyScale: "",
                    supplyScale: "",
                    personNum: "",
                    //gclb
                    pipeDamagePer: "",
                    is24hSupply: "",
                    isHavecleanEqui: "",
                    isCleanequiG: "",
                    isHavedisinfect: "",
                    //xdfs
                    disinfectType: "",
                    isDisinfectGood: "",
                    isHavereport: "",
                    isQuailtyGood: "",
                    isHaveLab: "",
                    isDailyCheck: "",
                    isDailycheckGood: "",
                    isInsLicence: "",
                    isSanLicence: "",
                    isAutosystem: "",
                    isAutosysGood: "",
                    isVideoSystem: "",
                    isVideosysGood: "",
                    waterFee: "",
                    waterCost: "",
                    operCost: "",
                    feeRecyclePer: "",
                    manager: "",
                    isHaveHotline: "",
                    visitDate: "",
                    recPers2: "",
                    recPersTel: "",
                    isHrSupply: '',
                    hrNote: '',
                    disinfectNote: '',
                    qualityNote: '',
                },
                jiucuoObj: {
                    cwsCode: '',
                    pjnm: '',
                    villageNm: '',
                    buildYear: '',
                    planSupplyScale: '',
                    personNum: ''
                },
                curOperate: "",
                formLabelWidth: "250px",
                tableDefaultExpandedKeys: [],
                treeData: [],
                treeProps: {
                    label: "name",
                    children: "children",
                    disabled: false,
                    expandOnClickNode: false,
                    first: true
                },
                gcType: [
                    {
                        label: "A-千吨万人",
                        value: "1"
                    },
                    {
                        label: "B-千吨万人以下工程",
                        value: "2"
                    },
                    {
                        label: "C-分散式工程",
                        value: "3"
                    },
                    {
                        label: "D-城市管网延伸",
                        value: "4"
                    },
                    {
                        label: "E-其他",
                        value: "5"
                    }
                ],
                xdfs: [
                    {
                        label: "A-液氯",
                        value: "1"
                    },
                    {
                        label: "B-二氧化氯",
                        value: "2"
                    },
                    {
                        label: "C-次氯酸钠",
                        value: "3"
                    },
                    {
                        label: "D-臭氧",
                        value: "4"
                    },
                    {
                        label: "E-紫外线",
                        value: "5"
                    },
                    {
                        label: "F-其他",
                        value: "6"
                    },
                    {
                        label: "漂白粉或漂白精",
                        value: "7"
                    },
                    {
                        label: "无",
                        value: "8"
                    }
                ],
                glzt: [
                    {
                        label: "A-村委会",
                        value: "1"
                    },
                    {
                        label: "B-乡镇政府或水管站",
                        value: "2"
                    },
                    {
                        label: "C-供水公司",
                        value: "3"
                    },
                    {
                        label: "D-租赁承包",
                        value: "4"
                    },
                    {
                        label: "E-其他",
                        value: "5"
                    }
                ],
                loading: false,
                problemMiddleType: "",
                dialogFormVisible2: false,
                jqmmButton: false,
                jqmmShow: false,
                imageShow: false,
                jqmmEngId: "",
                sydName: "",
                centerX: 0,
                centerY: 0,
                //督查成果
                ryInfoDialog: false,
                ryTitle: "",
                ryObjId: "",
                ryEngId: ""
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            recPers2() {
                return localStorage.getItem("account")
                    ? localStorage.getItem("account")
                    : "1098101939614724096";
            },
            userId: function () {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
        },
        watch: {
            adCodes(n) {
                if (n.length) {
                    this.getNysgcDataByNode();
                }
            }
        },
        mounted() {
            this.searchObj.persId = this.userId;
        },
        methods: {
            handleSelect(item) {
                console.log(item);
                this.groupId = item.id;
            },
            onSubmit() {
                if (this.adCodes.length) {
                    this.getNysgcDataByNode();
                }
            },
            getNysgcDataByNode() {
                if (this.dateRange && this.dateRange.length > 1 && this.dateRange[0] != '' && this.dateRange[1] != '') {
                    this.searchObj.startDate = this.dateRange[0];
                    this.searchObj.endDate = this.dateRange[1];
                } else {
                    delete this.searchObj['startDate'];
                    delete this.searchObj['endDate'];
                }
                this.searchObj.pageNum = this.pageIndex
                this.searchObj.pageSize = this.pageSize
                this.searchObj.adCodes = this.adCodes.toString()
                this.searchObj.groupId = this.groupId
                request.post(`/dc/insp/vlgdrinkProjManage/getPageByNodeId`, this.searchObj)
                    .then(res => {
                        if (res.success) {
                            this.loading = false;
                            var obj = res.data;
                            this.tableData5 = obj.list;
                            this.total = obj.total;
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                        this.loading = false;
                    });
            },
            shifouRadio(val) {
                if (val == "1") {
                    return "是";
                } else if (val == "2" || val == "0") {
                    return "否";
                }
            },
            youwuRadio(val) {
                if (val == "1") {
                    return "有";
                } else if (val == "2" || val == "0") {
                    return "无";
                }
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
                this.pageSize = val;

                this.getNysgcDataByNode();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.pageIndex = val;
                this.getNysgcDataByNode();
            },
            //-----------------------------------------------------------------
            //    督查成果
            ryCancelHandler() {
                this.ryInfoDialog = false;
            },
            //成果查看
            lookOver(row) {
                this.ryTitle = row.villageNm;
                this.ryObjId = row.objId;
                this.ryEngId = row.engId;
                this.ryInfoDialog = true;
                if (this.$refs['ryRef']) {
                    this.$refs['ryRef'].showDialog();
                }
            }

        }
    };
</script>

<style>
    .nysgc .el-table td.is-hidden > *,
    .nysgc .el-table th.is-hidden > *,
    .el-table--hidden {
        visibility: visible;
    }
</style>