fj-dc-ui/.svn/pristine/72/72db9785f0bdda2ff44fed92bf1d3e944ad1a99e.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_dxs_name"
                        placeholder="请输入名称查询" @keyup.enter.native="searchByName">
              </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_dxsList" height="530" border stripe style="width: 100%">
                <el-table-column type="index" width="50" label="序号" align="center"
                                 :index="indexMethod_dxs">
                </el-table-column>
                <el-table-column prop="stnm" label="测站名称" min-width="110" align="center">
                </el-table-column>
                <el-table-column prop="stcd" label="测站编码" min-width="100" align="center">
                </el-table-column>
                <el-table-column prop="adnm" label="所属行政区" min-width="100" align="center" show-overflow-tooltip>
                </el-table-column>
                <!--<el-table-column label="定位" width="70" align="center">-->
                  <!--<template slot-scope="scope">-->
                    <!--<i size="big" @click="location2(scope.row.lgtdPc,scope.row.lttdPc,5)"-->
                       <!--style="color:blue;font-size: 22px;cursor:pointer;"-->
                       <!--class="el-icon-location-outline"></i>-->
                  <!--</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="dxsInfo(scope.row,'location')">定位</el-button>
                    <el-button type="text" size="small" @click="dxsInfo(scope.row,'baseInfo')">基础信息</el-button>
                    <!-- <el-button type="text" size="small" @click="dxsInfo(scope.row,'dcInfo')">督查信息</el-button> -->
                  </template>
                </el-table-column>
              </el-table>
              <div class="block" style='text-align: center;'>
                <el-pagination background @size-change="handleSizeChange_dxs"
                               @current-change="handleCurrentChange_dxs" :page-sizes="[10,50, 100, 200]"
                               :page-size="15" layout="total,sizes, prev, pager, next"
                               :total="recordTotal_dxs">
                </el-pagination>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
</template>

<script>
  import request from '../../../utils/gw_ajax_request'
  import {exportModel} from "@util/gw_exportModel";
  export default {
    name: "dxsInfo",
    props: ["currentAdCode"],
    data() {
      return {
        model_dxs_name:'',
        tableData_dxsList:[],
        pageSize_dxs: 10,
        pageIndex_dxs: 1,
        recordTotal_dxs: 0,
        exportLoading:false,
      }
    },
    mounted(){
      this.loadTableDxs();
    },
    methods:{
      async exPort(){
            this.exportLoading = true;
            let url = `/pdcApi/dc/insp/obj/getObjByPersId?persGuid=${localStorage.getItem("userid")}&objType=5&stnm=${this.model_dxs_name}&adCode=${this.currentAdCode}&isExport=1`;
            let downloadName =  "地下水.xls";
            let type = "get";
            let result = await exportModel(type,url,downloadName);
            this.exportLoading = result;
          },
      loadTableDxs() {
        request.get(`/dc/insp/obj/getPageByPersId`, {
          params: {
            objType: 5,
            pageNum: this.pageIndex_dxs,
            pageSize: this.pageSize_dxs,
            stnm: this.model_dxs_name,
            persGuid:localStorage.getItem("userid"),
            adCode: this.currentAdCode
          }
        })
          .then((res) => {
            console.log(res)
            if (res.success) {
              var obj = res.data;
              this.tableData_dxsList = obj.list;
              this.recordTotal_dxs = obj.total;
            }
          })
      },
      indexMethod_dxs(index) {
        return (index + 1) + this.pageSize_dxs * (this.pageIndex_dxs - 1)
      },
      // 查询
      searchByName(){
        this.loadTableDxs();
      },
      location2(){

      },
      handleSizeChange_dxs: function (pageSize) {
        this.pageSize_dxs = pageSize;
        this.loadTableDxs();
      },
      handleCurrentChange_dxs: function (pageNum) {
        this.pageIndex_dxs = pageNum;
        this.loadTableDxs();
      },
      dxsInfo(row,info){
        this.$emit('dxsInfo',row,info)
      },

    },
    watch :{
      currentAdCode(){
        this.loadTableDxs();
      }
    }
  }
</script>

<style scoped>

</style>