fj-dc-ui/.svn/pristine/d9/d9cbbc3052d7d7407f895a9c0e3d0ea8e4fffa5e.svn-base

<template>
  <div>
    <el-container>
      <el-main id="dxdcListMain" style="padding:5px 20px;">
        <el-table border :data="villageList" tooltip-effect="dark" 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="isPoverty" label="是否贫困村" min-width="80">
            <template slot-scope="scope">
              <span>{{formatRadio(scope.row.isPoverty)}}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="isFluexc" label="是否氟超标地区" min-width="100">
            <template slot-scope="scope">
              <span>{{formatRadio(scope.row.isFluexc)}}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="isMtarea" label="是否山区" min-width="70">
            <template slot-scope="scope">
              <span>{{formatRadio(scope.row.isMtarea)}}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="isCenwtSupply" label="是否集中供水村" min-width="100">
            <template slot-scope="scope">
              <span>{{formatRadio(scope.row.isCenwtSupply)}}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" show-overflow-tooltip prop="watersupplyPer" label="集中供水人口比例" min-width="110">
            <template slot-scope="scope">
              <span>{{scope.row.watersupplyPer ? scope.row.watersupplyPer * 100 + '%' : ''}}</span>
            </template>
          </el-table-column>
          <!-- <el-table-column align="center" show-overflow-tooltip prop="recPers2" label="记录人员" min-width="80"></el-table-column> -->
          <!-- <el-table-column align="center" show-overflow-tooltip prop="recPersTel" label="记录人员电话" min-width="80"></el-table-column> -->
          <el-table-column align="center" sortable show-overflow-tooltip prop="visitDate" label="暗访日期" min-width="80"></el-table-column>
          <!-- <el-table-column align="center" show-overflow-tooltip prop="bornDate" label="暗访组（人）名单" min-width="80"></el-table-column> -->
        </el-table>
      </el-main>
    </el-container>
  </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 {getTableId_ny,updateTable1_ny} from "../../api/duChaTianBao.js"
import {formatDateTimeD} from "../../utils/gw_date.js"
  export default {

    components: {
        provTreeList: provTreeList,
        inputWith: inputWith
    },
    props: ['engId'],

    data() {
      return {
        dxdcMainHeight: window.innerHeight - 197,
        dxdcAsideHeight: window.innerHeight - 90,
        formObj: {
          engId:'',
          adNm: '',
          villageCode:'',
          isPoverty: '',
          isFluexc: '',
          isMtarea: '',
          isCenwtSupply: '',
          watersupplyPer: '',
          recPers2: '',
          recPersId: '',
          recPersTel: '',
          visitDate: '',
          createTime:'',
        },
        getEngId:false,
        searchObj: {
          pageNum: '',
          pageSize: 20
        },
        pageIndex: 1,
        pageSize: 20,
        total: 1,
        villageList: [],
        dialogFormVisible: false,
        formLabelWidth: '160px',
        curOperate: '',
        isExits: false,
        loading: true
      }
    },
    computed:{
      recPersId(){
        return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
      }
    },
    mounted() {
      // this.getVillageList()
      // alert(this.engId);
    },
    watch: {
      engId(newVal,oldVal){
        if(newVal){
          this.getVillageList()
        }

      }
    },
    methods: {
      submitTable:function(){
        updateTable1_ny(
        this.formObj.adNm,
        this.engId,
        this.formObj.isCenwtSupply,
        this.formObj.isFluexc,
        this.formObj.isMtarea,
        this.formObj.isPoverty,
        this.formObj.recPers2,
        this.formObj.recPersId,
        this.formObj.recPersTel,
        this.formObj.status,
        this.formObj.villageCode,
        this.formObj.visitDate,
        this.formObj.watersupplyPer
        ).then((res)=>{
          this.dialogFormVisible = false
          this.getVillageList()
        });
      },
      //村列表
      getVillageList(){
        this.searchObj.pageNum = this.pageIndex;
        this.searchObj.engId = this.engId;
        let paramsObj = this.searchObj;
          request.post('/dc/insp/secsurveyVlg/queryListByPage',paramsObj).then((res)=>{
              if(res.success){
                this.villageList = res.data.list
                // this.total = res.data.total
                // this.loading = false
              }
          })
      },
      toAddMember(type,row){
        this.curOperate = type
        let rowObj = {}
        Object.assign(rowObj,row)
        if(this.curOperate == '编辑'){
          this.formObj = rowObj
          this.formObj.watersupplyPer = this.formObj.watersupplyPer * 100
        }else{
          for (var obj in this.formObj) {
            this.formObj[obj] = ''
          }
          this.formObj.visitDate = formatDateTimeD()
        }
        this.dialogFormVisible = true
      },
      addTable(){
        this.formObj = {
          engId:'',
          adNm: '',
          villageCode:'',
          isPoverty: '',
          isFluexc: '',
          isMtarea: '',
          isCenwtSupply: '',
          watersupplyPer: '',
          recPers2: '',
          recPersTel: '',
          visitDate: ''
        };
        this.getEngId = false;
        this.dialogFormVisible = true
      },
      //村信息
      provTreeSelectChangeHandler(params) {
        this.formObj.adNm = params.name;
        this.formObj.villageCode = params.code;
      },
      formatRadio(val){
        if(val == '1'){
          return '是'
        }else if(val == '0'){
          return '否'
        }else{
          return val
        }
      }
    },

  }

</script>

<style>
  #dcdxHeader {
    padding: 15px 20px;
  }
  #dxdcFooter {
    text-align: center;
  }
  #dxdcAside {
    border:1px solid #d5d5ff;
  }
  .el-dialog__wrapper .el-treeWhite{
    /* max-height: 260px !important; */
  }
</style>