fj-dc-ui/.svn/pristine/03/03a2a92679f4517fed8adbbcf591a1280e9520eb.svn-base

<template>
  <div v-loading='exportLoading'>
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-light">
          <div style="padding:5px;">
            <span style="font-size: 12px;margin-left: 10px;">名称：</span>
            <el-input style="width:130px;" class="kjr-input" size="mini"
                      v-model="model_country_name" placeholder="请输入名称查询" @keydown.enter.native="searchByName" clearable>
            </el-input>
            <!--<span style="font-size: 12px;margin-left: 10px;">工程类别：</span>-->
            <!--<el-select v-model="gclb" placeholder="请选择" clearable>-->
              <!--<el-option-->
                <!--v-for="item in gcEngType"-->
                <!--:key="item.value"-->
                <!--:label="item.label"-->
                <!--:value="item.value">-->
              <!--</el-option>-->
            <!--</el-select>-->
            &nbsp;&nbsp;&nbsp;
            <el-button @click="searchByName" size="mini" type="primary">查询</el-button>
            
            <el-button @click="exPort" size="mini" type="success">导出</el-button>
          </div>
          <div style="padding:0px;">
            <el-table :data="tableData_countrywaterList" height="510" border stripe v-loading="loading">
              <el-table-column type="index" min-width="50" label="序号" align="center"
                               :index="indexMethod_country">
              </el-table-column>
              <el-table-column prop="cwsName" label="工程名称" min-width="110" align="center" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="cwsLoc" label="工程位置" min-width="160" align="center" sortable show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="engType" label="工程类别" min-width="120" align="center"
                               :formatter="formatEngType" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="compDate" label="建成时间" min-width="120" align="center" show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="scope.row.compDate">{{scope.row.compDate.substr(0,10)}}</span>
                </template>
              </el-table-column>
              <el-table-column fixed="right" label="操作" min-width="200" align="center">
                <template slot-scope="scope">
                  <el-button type="text" size="small" @click="ryInfo(scope.row,'location')">定位</el-button>
                  <!-- <el-button type="text" size="small" @click="ryInfo(scope.row,'baseInfo')">基础信息</el-button> -->
                  <el-button type="text" size="small" @click="ryInfo(scope.row,'dcInfo')">督查信息</el-button>
                </template>
              </el-table-column>
            </el-table>
            <div class="block" style='text-align: center;'>
              <el-pagination background @size-change="handleSizeChange_country"
                             @current-change="handleCurrentChange_country" :page-sizes="[10,50, 100, 200]"
                             :page-size="15" layout="total,sizes, prev, pager, next"
                             :total="recordTotal_country">
              </el-pagination>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import request from '../../../utils/gw_ajax_request.js';
  import {exportModel} from "@util/gw_exportModel";
    export default {
        name: "peopleDrink",
        props:["currentAdCode"],
        data() {
            return {
              model_country_name:'',
              tableData_countrywaterList:[],
              pageSize_country: 10,
              pageIndex_country: 1,
              recordTotal_country: 0,
              loading: false,
              gcEngType: [
                {
                  value: '1',
                  label: '城镇管网延伸'
                }, {
                  value: '2',
                  label: '联村'
                }, {
                  value: '3',
                  label: '单村'
                }],
              gclb:'',
              objtype:'21',
              exportLoading:false

            }
        },
        mounted(){
          this.loadTableCountry();
        },
        methods:{
          searchByName(){
            this.loadTableCountry();
          },
          async exPort(){
            this.exportLoading = true;
            let url = `/pdcApi/dc/insp/obj/getObjByPersId?persGuid=${localStorage.getItem("userid")}&objType=${this.objtype}&adName=${this.model_country_name}&adCode=${this.currentAdCode}&isExport=1`;
            let downloadName =  "农村饮水工程.xls";
            let type = "get";
            let result = await exportModel(type,url,downloadName);
            this.exportLoading = result;
          },
          loadTableCountry() {
            this.loading = true;
            request.get(`/dc/insp/obj/getPageByPersId`, {
              params: {
                persGuid: localStorage.getItem("userid"),
                objType: this.objtype,
                pageNum: this.pageIndex_country,
                pageSize: this.pageSize_country,
                adName: this.model_country_name,
                adCode: this.currentAdCode,
                // engType: this.gclb,
              }
            })
              .then((res) => {
                this.loading = false;
                if (res.success) {
                  this.$nextTick(() => {
                    this.tableData_countrywaterList = res.data.list;
                    this.recordTotal_country = res.data.total;
                  })

                }
              })
          },
          location2() {

          },
          indexMethod_country(index) {
            return (index + 1) + this.pageSize_country * (this.pageIndex_country - 1)
          },
          formatter_country_xzqh(row, column) {
            switch (row.adGrad) {
              case "1":
                return "中国"
                break;
              case "2":
                return "省级"
                break;
              case "3":
                return "市级"
                break;
              case "4":
                return "县级"
                break;
              case "5":
                return "乡级"
                break;
              case "6":
                return "乡级"
                break;
              default:
                return "--"
                break;
            }
          },
          handleSizeChange_country: function (pageSize) {
            this.pageSize_country = pageSize;
            this.loadTableCountry();
          },
          handleCurrentChange_country: function (pageNum) {
            this.pageIndex_country = pageNum;
            this.loadTableCountry();
          },


          ryInfo(row,info){
            this.$emit('ryInfo',row,info)
          },
          formatEngType(row){
            let engType = row.engType;
            let _engType = '其他';
            switch (engType) {
              case '1' : _engType = '城镇管网延伸';break;
              case '2' : _engType = '联村';break;
              case '3' : _engType = '单村';break;
            }
            return _engType;
          },
        },
        watch: {
          currentAdCode(){
            this.loadTableCountry();
          }
        }
    }
</script>

<style scoped>

</style>