fj-dc-ui/.svn/pristine/a2/a2a4b88dcfc8dd92accf6a1f6c672b4adb47199b.svn-base

<template>
  <div class="nysgc" style="width: 80%;margin: auto">

    <h1 style="text-align: center;margin-bottom: 20px;">农村饮水工程运行管理情况表附件5-2</h1>
    <el-table
      :data="tableData5"
      height="500"
      style="width: 100%">
      <el-table-column
        label="概况"
        align="center">
        <el-table-column
          prop="name"
          label="工程名称" align="center" width="120"></el-table-column>
      </el-table-column>

      <el-table-column label="暗访日期" prop="visitDate" align="center" min-width="100"></el-table-column>
      <el-table-column label="记录人员ID" prop="recPersId" align="center" min-width="150"></el-table-column>
      <el-table-column label="记录人员" prop="recPers2" align="center"></el-table-column>
      <el-table-column label="记录人员电话" prop="recPersTel" align="center"></el-table-column>
    </el-table>
    <!--<div style="overflow: hidden;margin-top: 20px;">-->
      <!--<p style="float: left;margin-left: 100px;">暗访(组)人：{{tableData5.recPers2}}</p>-->
      <!--<p style="float: right;margin-right: 100px;">暗访日期：{{tableData5.visitDate}}</p>-->
    <!--</div>-->
    <div style="margin-top: 20px;text-align: center;">
      <el-pagination
        background
        layout="total,prev, pager, next"
        :total="tableData5.length">
      </el-pagination>
    </div>
  </div>
</template>

<script>
  import axios from 'axios'
    export default {
        name: "nysgcTable2",
        data(){
          return {
            tableData5: [],
          }
        },
        mounted(){
          this.getNysgcData();
        },
        methods:{
          getNysgcData(){
            let params = {
              'content ' :  this.
            }
            axios.post(`/pdcApi/dc/insp/vlgdrinkProjManage/queryListByPage`, {
              params: {}
            })
              .then((res) => {
                if (res.status == 200 && res.data.data != null) {
                  var obj = res.data.data;
                  this.tableData5 = obj.list;
                }
              })
              .catch(function (error) {
                console.log(error);
              });
          },
          shifouRadio(val){
            if(val == '1'){
              return '是'
            }else{
              return '否'
            }
          },
          youwuRadio(val){
            if(val == '1'){
              return '有'
            }else{
              return '无'
            }
          }
      }
    }
</script>

<style>
  .nysgc .el-table th>.cell {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
  }
  .nysgc .el-table--border th, .el-table__fixed-right-patch {
    background: rgba(240, 240, 240, 1);
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(0, 0, 0, 0.1), -1px 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
</style>