fj-dc-ui/.svn/pristine/4f/4f1f2304317cfbcf166900ff65e8cbc9134e0e42.svn-base

<template>
  <div style="height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;">
     <div class="box-card" style="background-color:#ECF8FF;height:30px;font-size:small;line-height:30px;">
            <!-- <p style="font-weight:bolder;color:#409EFF;float:right;margin-right:10px;"><i class="el-icon-info" style="margin-right:10px;"></i>
            当前督查水库10座,总体占比10%,完成此次督查计划要求50%
            </p> -->
            
        </div>
    <el-table
      :data="tableData"
      style="width: 100%;max-height:85%;overflow:auto;">
       <el-table-column
        prop="engId"
        label="人饮水工程ID"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="objId"
        label="督查对象ID"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="gropLeader"
        label="组长名称"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="gropLeaderTel"
        label="组长电话"
        min-width="100">
      </el-table-column>
       <el-table-column
        prop="recPers"
        label="记录人员名称"
        min-width="100">
      </el-table-column>
       <el-table-column
        prop="intm"
        label="创建时间"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="uptm"
        label="修改时间"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="note"
        label="备注"
        min-width="100">
      </el-table-column>
      <el-table-column
        prop="dataStat"
        label="数据状态"
        min-width="100">
      </el-table-column>
    </el-table>
    
    <div style="display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px;">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400">
      </el-pagination>
     <el-button type="primary" @click="editHandler" icon="el-icon-setting"  plain size="medium">管理人饮对象</el-button>
    </div>

  </div>
 
    
</template>

<script>
import Vue from 'vue'


export default {
  components: {
   
  },
  data:function() {
    return {
      //test
      tableData: []
    }
  },
  created() {
   
  },
  mounted:function(){
   
  },
  computed: {
   
  },
  methods: {
       editHandler(item){
        this.$emit("showEditDialog_dx",item);
    },
  },
  watch: {
    
  }
}
</script>

<style>

</style>