fj-dc-ui/.svn/pristine/fc/fcbbe4da6d8f8666b6685e20119c1d623b6984ce.svn-base

<template>
    <el-table key='firstTable' :data="tableData" @selection-change="handleSelectionChange" style="width: 100%;max-height:85%;overflow:hidden;"
              :height="tableHeight">
        <!-- <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="utName"
        label="单位名称"
        min-width="100"
      ></el-table-column>
      <el-table-column
        align="center"
        show-overflow-tooltip
        prop="utType"
        label="单位类型"
        :formatter="utTypeFormatter"
        min-width="80"
      ></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="rsAdmDep"-->
                <!--label="归口管理部门"-->
                <!--:formatter="rsAdmDepFormatter"-->
                <!--min-width="100"-->
        <!--&gt;</el-table-column>-->
        <!--<el-table-column-->
                <!--align="center"-->
                <!--show-overflow-tooltip-->
                <!--prop="rsAdmName"-->
                <!--label="所在位置"-->
                <!--min-width="100"-->
        <!--&gt;</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: []
            }
        },
        methods: {
          utTypeFormatter: function(row, column) {
            return row.utType == 1 ? "钢铁企业" :
              row.utType == 2 ? "高校" :"宾馆";
          },
            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>