fj-dc-ui/.svn/pristine/cb/cb8761b78be047c951dc5e67ee748dae4c3946cf.svn-base

<template>
    <el-table key='firstTable'  :data="tableData" style="width: 100%;max-height:85%;overflow:hidden;" :height="tableHeight" @selection-change="handleSelectionChange">
        <!-- <el-table-column type="index" width="50"></el-table-column> -->
        <el-table-column
            type="selection"
            width="55">
            </el-table-column>
        <el-table-column align="center" prop="index" label="序号" min-width="50"></el-table-column>
        <el-table-column
        align="center"
        show-overflow-tooltip
        prop="name"
        label="对象名称"
        min-width="100"
        ></el-table-column>
        <el-table-column
        align="center"
        show-overflow-tooltip
        prop="adName"
        label="行政区划"
        min-width="100"
        ></el-table-column>
       <el-table-column
        align="center"
        show-overflow-tooltip
        prop="depType"
        :formatter="unitFormat"
        label="单位类型"
        min-width="100"
       ></el-table-column>
       <el-table-column
        align="center"
        show-overflow-tooltip
        prop="tmpType"
        :formatter="industryFormat"
        label="行业类型"
        min-width="100"
        ></el-table-column>
        <el-table-column align="center" show-overflow-tooltip prop="groupName" label="所在分组" min-width="80"></el-table-column>
        <el-table-column prop="address" label="操作" min-width="60" v-if="ownPriv('manage')">
        <template slot-scope="scope">
            <el-button @click="deleteHandler(scope.row)" type="text" size="small">删除</el-button>
        </template>
        </el-table-column>
    </el-table>
</template>
<script>
export default {
    props:['tableData'],
    data(){
        return{
            tableHeight:window.innerHeight - 330,
            bisInspAllRlationParams: [],
            unitList:[{label:"企业",value:"1"},{label:"机关",value:"2"},{label:"学校",value:"3"},{label:"医院",value:"4"},{label:"宾馆",value:"5"},{label:"高校",value:"6"},{label:"其他",value:"7"}],
            industryList:[{label:"节水型",value:"1"},{label:"非节水型",value:"2"}]
        }
    },
    methods:{
        industryFormat(row, column){
            var name = "";
            this.industryList.forEach((item,index) =>{
                if(row[column.property] == item.value){
                    name = item.label;
                }
            })
            return name;
        },
        unitFormat(row, column){
            var name = "";
            this.unitList.forEach((item,index) =>{
                if(row[column.property] == item.value){
                    name = item.label;
                }
            })
            return name;
        },
        handleSelectionChange(val) {
            console.log(val)
            this.bisInspAllRlationParams = []
            val.forEach((item)=>{
                this.bisInspAllRlationParams.push(item.objId)
            })
            this.$emit('deleteHandlerobj',this.bisInspAllRlationParams)
        },
        deleteHandler(row){
            this.$emit('deleteHandler',row)
        },
        engScalFormatter(row,column){
            return row.engScal == '1'? "大（1）型":
                row.engScal == '2'? "大（2）型":
                row.engScal == '3'? "中型":
                row.engScal == '4'? "小（1）型":
                row.engScal == '5'? "小（2）型": '';
        },
        rsAdmDepFormatter(row, column) {
            return row.rsAdmDep == 1
                ? "水利部门"
                : row.rsAdmDep == 2
                ? "电力部门"
                : row.rsAdmDep == 3
                ? "农业部门"
                : row.rsAdmDep == 4
                ? "林业部门"
                : row.rsAdmDep == 5
                ? "城建部门"
                : row.rsAdmDep == 6
                ? "航运部门"
                : row.rsAdmDep == 7
                ? "环保部门"
                : "其他部门";
        },
    }
}
</script>
<style lang="">

</style>