fj-dc-ui/.svn/pristine/32/32ed7a543d7ed876b902708ebcd25539c48edff1.svn-base

<template>
    <div id="mainSz">
      <el-row style="margin-bottom:5px;">
        <el-col :span="24">
          <div class="grid-content bg-purple-light">
            <!--<el-form-->
              <!--:inline="true"-->
              <!--size="mini"-->
              <!--class="demo-form-inline"-->
              <!--style="padding: 5px;"-->
            <!--&gt;-->
              <!--<el-form-item label="工程名称">-->
                <!--<el-input v-model="nm" placeholder="输入工程名称" clearable @keydown.enter.native="searchByName"></el-input>-->
              <!--</el-form-item>-->
          <!--&nbsp;&nbsp;&nbsp;<el-form-item>-->
              <!--<el-button @click="searchByName" size="mini" type="primary">筛选</el-button>-->
            <!--</el-form-item>-->

              <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
            <!--</el-form>-->
            <div style="padding:5px;">
              <el-table :data="tableData_szList" height="540" border stripe style="width: 100%">
                <el-table-column type="index" width="50" label="序号" align="center"
                                 :index="indexMethod_sz">
                </el-table-column>
                <!--<el-table-column prop="nm" label="水闸名称" min-width="130" align="center"></el-table-column>-->
                <!--<el-table-column prop="engScal" label="工程规模" :formatter="formatEngScal" min-width="100"></el-table-column>-->
                <!--<el-table-column prop="gateType" label="水闸类型" :formatter="formatGateType" min-width="100"></el-table-column>-->
                <!--<el-table-column prop="location" show-overflow-tooltip min-width="200" label="水闸所在位置"></el-table-column>-->
                <el-table-column prop="nm" label="工程名称" min-width="150" show-overflow-tooltip></el-table-column>
                <el-table-column prop="ptype" label="工程类型" min-width="100" show-overflow-tooltip>
                  <template slot-scope="scope">
                    <span>{{scope.row.ptype | pType}}</span>
                  </template>
                </el-table-column>
                <el-table-column prop="stwktm" label="开工年份" min-width="80"></el-table-column>
                <el-table-column prop="plantm" label="计划工期(月)" min-width="100"></el-table-column>
                <el-table-column prop="estapp" label="总投资(亿元)" min-width="100"></el-table-column>
                <el-table-column prop="oneUnitName" v-if="currentRow.engSta == '1'" label="一级管理单位" min-width="100">
                  <!--<template slot-scope="scope">-->
                    <!--<span v-if="scope.row.oneUnitName">{{scope.row.oneUnitName}}</span>-->
                    <!--<span v-else style="color: blue;cursor:pointer" @click="toAddUnitOne(scope.row)">添加</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="Info172(scope.row,'location')">定位</el-button>
                    <el-button type="text" size="small" @click="Info172(scope.row,'baseInfo')">基础信息</el-button>
                     <!-- <el-button type="text" size="small" @click="Info172(scope.row,'dcInfo')">督查信息</el-button> -->
                  </template>
                </el-table-column>
              </el-table>
              <div class="block" style='margin-top:15px;'>
                <el-pagination background @size-change="handleSizeChange_sz"
                               @current-change="handleCurrentChange_sz" :page-sizes="[10,50, 100, 200]"
                               :page-size="15" layout="total,sizes, prev, pager, next"
                               :total="recordTotal_sz">
                </el-pagination>
              </div>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
</template>

<script>
  import request from '../../../utils/gw_ajax_request'
  export default {
    name: "dxsInfo",
    props: ["currentAdCode"],
    data() {
      return {
        model_sz_name:'',
        tableData_szList:[],
        pageSize_sz: 10,
        pageIndex_sz: 1,
        recordTotal_sz: 0,
        engScale: "",
        adName:'',
        nm:'',
        dcType:'',
        currentRow:{}
      }
    },
    mounted(){
      this.loadTableSz();
    },
    methods:{
      loadTableSz() {
        request.post(`/dc/insp/rsvrRgstr/list/type`, {
            type: "empwt",
            presId: localStorage.getItem("userid"),
            pageNum:  this.pageIndex_sz,
            pageSize: this.pageSize_sz,
            adCode: this.currentAdCode,
          })
          .then(res => {
            if (res.success) {
              this.tableData_szList = res.data.list;
              this.recordTotal_sz = res.data.total;
            }
          });
      },
      indexMethod_sz(index) {
        return (index + 1) + this.pageSize_sz * (this.pageIndex_sz - 1)
      },
      // 查询
      searchByName(){
        this.loadTableSz();
      },
      handleSizeChange_sz: function (pageSize) {
        this.pageSize_sz = pageSize;
        this.loadTableSz();
      },
      handleCurrentChange_sz: function (pageNum) {
        this.pageIndex_sz = pageNum;
        this.loadTableSz();
      },
      szInfo(row,info){
        this.$emit('szInfo',row,info)
      },
      formatGateType:function(row, column){
        return row.gateType == "1" ? '分(泄)洪闸'
          : row.gateType == "2" ? '节制闸'
            : row.gateType == "3" ? '排(退)水闸'
              :row.gateType == "4" ? '引(进)水闸'
                :row.gateType == "5" ? '挡潮闸'
                  :row.gateType == "6" ? '船闸':'其他'
      },

      formatEngScal:function(row, column){
        return row.engScal == "1" ? '大型'
          : row.engScal == "2" ? '中型'
            : row.engScal == "3" ? '小型':'其他'
      },
      Info172(row,info){
        this.$emit('Info172',row,info)
      },
    },
    filters: {
      pType(val) {
        if (val != "0" && !val) {
          return "";
        }
        if (val == "0") {
          return "重大农业节水工程";
        } else if (val == "1") {
          return "重大引调水工程";
        } else if (val == "2") {
          return "重点水源工程";
        } else if (val == "3") {
          return "江河湖泊治理骨干工程";
        } else if (val == "4") {
          return "新建大型灌区工程";
        } else if (val == "5") {
          return "非水利部下达投资计划";
        } else if (val == "6") {
          return "全部由地方投资";
        } else if (val == "7") {
          return "其他项目";
        } else {
          return "未知项目";
        }
      },
      // nature(val) {
      //   if (val != "0" && !val) {
      //     return "";
      //   }
      //   if (val == "1") {
      //     return "项目法人(建设单位)";
      //   } else if (val == "2") {
      //     return "勘察设计单位";
      //   } else if (val == "3") {
      //     return "监理单位";
      //   } else if (val == "4") {
      //     return "施工单位";
      //   } else if (val == "5") {
      //     return "金属结构及机电设备安装单位";
      //   } else if (val == "6") {
      //     return "安全监测单位";
      //   } else if (val == "7") {
      //     return "质量检测单位";
      //   } else {
      //     return "其它";
      //   }
      // },
      // government(val) {
      //   if (val != "0" && !val) {
      //     return "";
      //   }
      //   if (val == "1") {
      //     return "直管";
      //   } else if (val == "2") {
      //     return "代建";
      //   }
      // }
    },
    watch: {
      currentAdCode(){
        this.loadTableSz();
      }
    }
  }
</script>

<style>
  #mainSz .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 0;
  }
</style>