fj-dc-ui/.svn/pristine/9e/9e5d06915239045f4db217d6dcef9acc74d4cf1e.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>
            &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
                      style="width: 100%" v-loading="loading">
              <el-table-column type="index" min-width="50" label="序号" align="center"
                               :index="indexMethod_country">
              </el-table-column>
              <el-table-column prop="adCode" label="行政区划代码" min-width="110" align="center">
              </el-table-column>
              <el-table-column prop="adName" label="名称" min-width="160" align="center" sortable>
              </el-table-column>
              <el-table-column prop="adGrad" label="行政区划等级" min-width="120" align="center"
                               :formatter="formatter_country_xzqh">
              </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,
              objtype: '23',
              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
              }
            })
              .then((res) => {
                this.loading = false;
                if (res.success) {
                  var obj = res.data;
                  this.tableData_countrywaterList = obj.list;
                  this.recordTotal_country = obj.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)
          },
        },
        watch:{
          currentAdCode(){
            this.loadTableCountry();
          }
        }
    }
</script>

<style scoped>

</style>