fj-dc-ui/.svn/pristine/92/922aa73a81e232a3c3bc6570b70133f235e6099b.svn-base

<template>
    <div :style="{'height':this.tableHeight+'px'}">
        <el-container>
            <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow-x: hidden;">
                <el-table :data="villageList" :height="tableHeight1" style="width: 100%">
                    <el-table-column align="center" show-overflow-tooltip prop="adnm" label="行政村名(*县*乡镇*村)" min-width="160"></el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="isNdAdmin" label="是否需要设置管水员" min-width="110">
                        <template slot-scope="scope">
                            <span>{{formatRadio(scope.row.isNdAdmin)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="isAdmin" label="是否设置管水员" min-width="80">
                        <template slot-scope="scope">
                            <span>{{formatRadio(scope.row.isAdmin)}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="adminNm" label="管水员姓名" min-width="90"></el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="adminAge" label="管水员年龄" min-width="90"></el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="adminPro" label="管水员性质" min-width="90">
                        <template slot-scope="scope">
                            <span>{{scope.row.adminPro == 'A' ? '专职' : scope.row.adminPro == 'B' ? '兼职' : scope.row.adminPro}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="salary" label="管水员工资（元/年）" min-width="100"></el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="operFee" label="运行维护费用（元/年）" min-width="110"></el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="otherFeeOrg" label="除水费收入外的运行维护费用来源" min-width="130">
                        <template slot-scope="scope">
                            <span>{{scope.row.otherFeeOrg == 'A' ? '政府' : scope.row.otherFeeOrg == 'B' ? '村委会' : scope.row.otherFeeOrg == 'C' ? '村民自筹' : scope.row.otherFeeOrg}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" show-overflow-tooltip prop="feeCommons" label="费用说明" min-width="90"></el-table-column>
                    <el-table-column align="center" sortable show-overflow-tooltip prop="visitDate" label="暗访日期" min-width="100"></el-table-column>
                </el-table>
            </el-main>
        </el-container>
        <!-- 分页 -->
        <div style="text-align: center;">
            <el-pagination
                class="paginationCenter"
                background
                @size-change="handleSizeChange"
                @current-change="search"
                :current-page.sync="pageIndex"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="pageSize"
                layout="total, sizes, prev, pager, next"
                :total="total">
            </el-pagination>
        </div>
    </div>
</template>

<script>
import provTreeList from "../../../../../widgets/villageList_nongyin.vue";
import inputWith from "../../../../../widgets/inuptWith.vue"
import request from "../../../../../utils/gw_ajax_request.js"
import {formatDateTimeD} from "../../../../../utils/gw_date.js"
export default {
    components: {
        provTreeList: provTreeList,
        inputWith: inputWith
    },
    props: ['ryObjId'],
    data() {
        return {
            tableHeight: window.innerHeight * 0.5,
            tableHeight1: window.innerHeight * 0.5 -2,
            addObj: {
                adnm: '',
                adCode: '',
                isNdAdmin: '',
                recPersId: '',
                isAdmin: '',
                adminNm: '',
                adminAge: '',
                adminPro: '',
                salary: '',
                operFee: '',
                otherFeeOrg: '',
                feeCommons: '',
                visitDate: '',
                recPers2: ''
            },
            searchObj: {
                pageNum: 1,
                pageSize: 20
            },
            adminType: [
                {
                    label: '专职',
                    value: 'A'
                },{
                    label: '兼职',
                    value: 'B'
                }
            ],
            feeFrom: [
                {
                    label: '政府',
                    value: 'A',
                },{
                    label: '村委会',
                    value: 'B',
                },{
                    label: '村民自筹',
                    value: 'C',
                },
            ],
            pageIndex: 1,
            pageSize: 20,
            total: 1,
            villageList: [],
            dialogFormVisible: false,
            formLabelWidth: '170px',
            curOperate: '',
            isExits: false,
            loading: true
        }
    },
    computed:{
      recPersId(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
      }
    },
    watch: {
        ryObjId(newVal,oldVal){
            if(newVal){
                this.getVillageList()
            }
        }
    },
    mounted() {
        this.getVillageList()
    },
    methods: {
        //工程列表
        getVillageList(){
            this.searchObj.pageSize = this.pageSize;
            this.searchObj.pageNum = this.pageIndex;
            this.searchObj.ryObjId = this.ryObjId
            let paramsObj = this.searchObj
            request.post('/dc/insp/VlgdrinkFacOper/queryListByPage',paramsObj).then((res)=>{
                if(res.success){
                    this.villageList = res.data.list
                    this.total = res.data.total
                    // this.loading = false
                }
            })
        },
        search(val){
            this.pageIndex = val
            this.getVillageList()
        },
        handleSizeChange(val){
            console.log(val);
            this.pageSize = val;
            this.getVillageList()
        },
        formatRadio(val){
            if(val == '1'){
                return '是'
            }else{
                return '否'
            }
        }
    },
    
  }

</script>

<style>

</style>