fj-dc-ui/.svn/pristine/e5/e5f624dbbe3f8fae20c20ee3f1353ebf96c16372.svn-base

<template>
  <div class="main">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-form :inline="true" :model="searchForm" class="demo-form-inline">
          <el-form-item label="单位名称">
            <el-input v-model="searchForm.wintName" clearble placeholder="单位名称"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="searchBtn">查询</el-button>
          </el-form-item>
          <el-form-item style="float:right;">
            <el-button type="primary" @click="addQsk" v-if="openType">添加取水口</el-button>
          </el-form-item>
        </el-form>
      </div>
      <div  class="text item">
        <el-table
          ref="qskTable"
          border
          v-loading="loading"
          :height="400"
          :data="qskList"
          style="width: 100%">
          <el-table-column prop="wintCode" label="取水口编码" show-overflow-tooltip min-width="100" align="center"></el-table-column>
          <el-table-column prop="wintName" label="取水口名称" show-overflow-tooltip min-width="100" align="center"></el-table-column>
          <el-table-column prop="adName" label="行政区划名称" show-overflow-tooltip min-width="120" align="center"></el-table-column>
          <el-table-column prop="wintPos" label="取水口位置" show-overflow-tooltip min-width="100" align="center"></el-table-column>
          <el-table-column
            prop="status"
            label="督查状态"
            align="center"
            min-width="130">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                 v-if="scope.row.status == 0 || scope.row.status==null"
               >未督查</span>
              <span
                style="padding: 3px 10px;background:#FBB56D;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.status == 1"
              >督查中</span>
              <span
                style="padding: 3px 10px;background:#63C25E;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.status == 2"
              >已督查</span>
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作" min-width="150" fixed="right" v-if="ownPriv('manage') && openType">
            <template slot-scope="scope">
              <el-button size="mini" type="success"  @click="dcBtn(scope.row)" v-if="scope.row.state!='2' && openType">督查</el-button>
              <el-button size="mini" type="danger"  @click="delBtn(scope.row)" v-if="scope.row.state!='2' && openType">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination background  :pager-count="5" :current-page="pageNum"
                       :page-size="pageSize" :page-sizes="[10, 20, 30, 40, 50, 100]"
                       layout="sizes, total, prev, pager, next" :total="total"
                       @current-change="pageChange"
        ></el-pagination>
      </div>
    </el-card>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="'添加取水口'"
      width="60%"
      :visible.sync="addVisible"
      :close-on-click-modal="false"
      v-if="addVisible"
      :modal-append-to-body="true"
      :append-to-body="true"
      @close="closeDialog">
      <div style="width: 100%;margin-bottom: 20px;">
        <el-form :inline="true" :model="qskSearch" ref="qskSearch" label-width="100px" class="demo-form-inline">
          <el-form-item label="取水口名称">
            <el-input type="text" v-model="qskSearch.wintName" clearable placeholder="取水口名称"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="searchBtn1">查询</el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="showAddNewObj">新增</el-button>
          </el-form-item>
          <el-form-item style="float:right;">
            <el-button type="primary" @click="addQskSelect" v-if="openType">批量添加取水口到督查</el-button>
          </el-form-item>
        </el-form>
        <div>
          <el-table
            ref="allQskTable"
            border
            v-loading="loading1"
            :height="500"
            :data="qskList1"
            style="width: 100%"
            @selection-change="handleSelectionChange">
            <el-table-column
              type="selection"
              width="55">
            </el-table-column>
            <el-table-column prop="wintCode" label="取水口编码" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="wintName" label="取水口名称" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="adName" label="行政区划名称" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="wintPos" label="取水口位置" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="wainType" label="取水口类型" show-overflow-tooltip min-width="100" align="center">
              <template slot-scope="scope">
                <span v-if="scope.row.wainType=='1'">单一用户取水口</span>
                <span v-if="scope.row.wainType=='2'">多用户公用取水口</span>
              </template>
            </el-table-column>
            <el-table-column prop="wainIntName" label="取水工程名称" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="wainIntType" label="取水工程类型" show-overflow-tooltip min-width="100" align="center">
              <template slot-scope="scope">
                <span v-if="scope.row.wainIntType=='1'">渠道</span>
                <span v-if="scope.row.wainIntType=='2'">人工河道</span>
                <span v-if="scope.row.wainIntType=='3'">虹吸管</span>
                <span v-if="scope.row.wainIntType=='4'">泵站</span>
                <span v-if="scope.row.wainIntType=='5'">闸</span>
                <span v-if="scope.row.wainIntType=='6'">从江河湖泊饮水的水库</span>
                <span v-if="scope.row.wainIntType=='7'">其他</span>
              </template>
            </el-table-column>
            <el-table-column prop="wainWasoName" label="取水水源名称" show-overflow-tooltip min-width="100" align="center"></el-table-column>
            <el-table-column prop="wainWasoType" label="取水水源类型" show-overflow-tooltip min-width="100" align="center">
              <template slot-scope="scope">
                <span v-if="scope.row.wainWasoType=='1'">河道内的水库</span>
                <span v-if="scope.row.wainWasoType=='2'">湖泊</span>
                <span v-if="scope.row.wainWasoType=='3'">河流</span>
                <span v-if="scope.row.wainWasoType=='4'">跨省引调水工程</span>
                <span v-if="scope.row.wainWasoType=='5'">地下水</span>
                <span v-if="scope.row.wainWasoType=='9'">其他</span>
              </template>
            </el-table-column>
          </el-table>
          <el-pagination background  :pager-count="5" :current-page="pageNum1"
                         :page-size="pageSize1" :page-sizes="[10, 20, 30, 40, 50, 100]"
                         layout="sizes, total, prev, pager, next" :total="total1"
                         @current-change="pageChange1"
          ></el-pagination>
        </div>
      </div>
      <el-dialog
        class="outerDialog custom_dialog"
        :title="'新增取水口'"
        width="60%"
        :visible.sync="addNewVisible"
        :close-on-click-modal="false"
        v-if="addNewVisible"
        :modal-append-to-body="true"
        :append-to-body="true"
        @close="closeDialog1">
        <div style="width: 100%;">
          <el-form :model="addNewObj" ref="addNewObj" label-width="200px">
            <el-form-item label="取水口编码">
              <el-input type="text" v-model="addNewObj.wintCode" clearable placeholder="请输入取水口编码" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="取水口名称">
              <el-input type="text" v-model="addNewObj.wintName" clearable placeholder="请输入取水口名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="行政区划" style="position: relative">
              <el-input
                v-model="addNewObj.adName"
                autocomplete="off"
                @focus="showMenuTree = true"
                auto-complete="off"
                readonly
                style="width:60%;"
              ></el-input>
              <provTreeList
                style="width:300px;"
                v-if="showMenuTree"
                :rootCode="rootCode"
                :rootType="rootType"
                @provTreeSelectChange="provTreeSelectChangeHandler"
              ></provTreeList>
            </el-form-item>
            <el-form-item label="取水口位置">
              <el-input type="text" v-model="addNewObj.wintPos" clearable placeholder="请输入取水口位置" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="所在水资源一级区名称">
              <el-input type="text" v-model="addNewObj.locWrz1rdName" clearable placeholder="请输入所在水资源一级区名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="所在水资源二级区名称">
              <el-input type="text" v-model="addNewObj.locWrz2rdName" clearable placeholder="请输入所在水资源二级区名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="所在水资源三级区名称">
              <el-input type="text" v-model="addNewObj.locWrz3rdName" clearable placeholder="请输入所在水资源三级区名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="取水口类型">
              <el-select v-model="addNewObj.wainType" clearable>
                <el-option label="单一用户取水口" value="1"></el-option>
                <el-option label="多用户公用取水口" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="水行政主管部门名称">
              <el-input type="text" v-model="addNewObj.charDepNm" clearable placeholder="请输入水行政主管部门名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="单位联系人名称">
              <el-input type="text" v-model="addNewObj.charDepPers" clearable placeholder="请输入单位联系人名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="主管部门联系电话">
              <el-input type="text" v-model="addNewObj.charDepTel" clearable placeholder="请输入主管部门联系电话" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="取水工程名称">
              <el-input type="text" v-model="addNewObj.wainIntName" clearable placeholder="请输入取水工程名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="取水工程类型">
              <el-select v-model="addNewObj.wainIntType" clearable>
                <el-option label="渠道" value="1"></el-option>
                <el-option label="人工河道" value="2"></el-option>
                <el-option label="虹吸管" value="3"></el-option>
                <el-option label="泵站" value="4"></el-option>
                <el-option label="闸" value="5"></el-option>
                <el-option label="从江河湖泊饮水的水库" value="6"></el-option>
                <el-option label="其他" value="7"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="取水水源类型">
              <el-select v-model="addNewObj.wainWasoType" clearable>
                <el-option label="河道内的水库" value="1"></el-option>
                <el-option label="湖泊" value="2"></el-option>
                <el-option label="河流" value="3"></el-option>
                <el-option label="跨省引调水工程" value="4"></el-option>
                <el-option label="地下水" value="5"></el-option>
                <el-option label="其他" value="9"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="取水水源名称">
              <el-input type="text" v-model="addNewObj.wainWasoName" clearable placeholder="请输入取水水源名称" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="设计最大取水流量(m3/s）">
              <el-input type="text" v-model="addNewObj.desQ" clearable placeholder="请输入设计最大取水流量(m3/s）" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="设计日最大取水量(m3/s）">
              <el-input type="text" v-model="addNewObj.desDayQ" clearable placeholder="请输入设计日最大取水量(m3/s）" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="设计年取水量（万m3/年）">
              <el-input type="text" v-model="addNewObj.desYearQ" clearable placeholder="请输入设计年取水量（万m3/年）" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="经度">
              <el-input type="text" v-model="addNewObj.centerX" clearable placeholder="请输入经度" style="width:60%;"></el-input>
            </el-form-item>
            <el-form-item label="纬度">
              <el-input type="text" v-model="addNewObj.centerY" clearable placeholder="请输入纬度" style="width:60%;"></el-input>
            </el-form-item>
          </el-form>
          <span slot="footer" style="text-align: center;display: block;padding-bottom: 10px;">
                <el-button style="margin-top:5px;" type="primary" @click="addNewBtn">确定</el-button>
        </span>
        </div>
      </el-dialog>
    </el-dialog>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="qskDialogT+'取水口'"
      width="60%"
      :visible.sync="qskDialogVisible"
      :close-on-click-modal="false"
      v-if="qskDialogVisible"
      :modal-append-to-body="true"
      :append-to-body="true"
      @close="closeDialog2">
      <qsktb @dcSuccess="dcSuccess" v-if="qskDialogVisible" :currentObjectId="currentObjectId" :currentObjectName="currentObjectName" :currentObjectRgstrId="currentObjectRgstrId" :openType="openType" :qskId="qskId" :qskNm="qskNm"></qsktb>
    </el-dialog>
  </div>
</template>

<script>
    import provTreeList from "../../../widgets/provTreeList";
    import request from '../../../utils/gw_ajax_request.js'
    import qsktb from './qsktb'
    export default {
        components: {
            provTreeList,
            qsktb
        },
        props: ['currentObjectId','currentObjectName','currentObjectRgstrId','openType'],

        data() {
            return {
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                loading1:false,
                pageNum1:1,
                pageSize1:10,
                total1:0,
                addVisible:false,
                addNewVisible:false,
                qskList:[],
                qskList1:[],
                selectList:[],
                showMenuTree:false,
                rootCode: "000000",
                rootType: "2",
                qskDialogT:"",
                qskId:"",
                qskNm:"",
                qskDialogVisible:false,
                searchForm:{
                    wintName:""
                },
                qskSearch:{
                    wintName:""
                },
                addNewObj:{
                    wintCode:"",
                    wintName:"",
                    adCode:"",
                    adName:"",
                    wintPos:"",
                    locWrz1rdName:"",
                    locWrz2rdName:"",
                    locWrz3rdName:"",
                    wainType:"",
                    charDepNm:"",
                    charDepPers:"",
                    charDepTel:"",
                    wainIntName:"",
                    wainIntType:"",
                    wainWasoType:"",
                    wainWasoName:"",
                    desQ:"",
                    desDayQ:"",
                    desYearQ:"",
                    centerX:"",
                    centerY:""
                }
            }
        },
        computed:{
            recPersId(){
                return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
            }
        },
        created(){

        },
        mounted() {
           this.getQskList();
        },
        watch: {

        },
        methods: {
            dcSuccess(){
               this.getQskList();
            },
            dcBtn(row){
               this.qskDialogT =  row.wintName;
               this.qskNm =  row.wintName;
               this.qskId =  row.id;
               this.qskDialogVisible = true;
            },
            addNewBtn(){
                if(!this.addNewObj.wintCode){
                    this.$message.warning('取水口编码不能为空');
                    return;
                }
                if(!this.addNewObj.wintName){
                    this.$message.warning('取水口名称不能为空');
                    return;
                }
                if(!this.addNewObj.adCode){
                    this.$message.warning('行政区划不能为空');
                    return;
                }
                var _self = this;
                var obj = this.addNewObj;
                request.post('/att/wint/base/b', obj).then((res) => {
                    if(res.success) {
                        _self.$message.success('添加成功');
                        _self.addNewVisible = false;
                        _self.addNewObj = {};
                        _self.getQskList1();
                    }else{
                        _self.$message.error(res.message);
                    }
                });
            },
            showAddNewObj(){
               this.addNewVisible = true;
            },
            provTreeSelectChangeHandler: function(params) {
                this.$set(this.addNewObj,'adName',params.name);
                this.$set(this.addNewObj,'adCode',params.code);
            },
            addQskSelect(){
               if(this.selectList && this.selectList.length>0){
                   for(var i = 0;i<this.selectList.length;i++){
                       this.selectList[i].rgstrId = this.currentObjectRgstrId;
                       this.selectList[i].wintId = this.selectList[i].id;
                   }
                   var _self = this;
                   request.post('/bis/insp/wiuqh/wint/insert',this.selectList).then((res) => {
                       if(res.success) {
                           _self.$message.success('添加成功');
                           _self.getQskList1();
                           _self.getQskList();
                       }else{
                           _self.$message.error(res.message);
                       }
                       _self.$nextTick(() => {
                           _self.$refs.allQskTable.clearSelection();
                       });
                   });
               }else{
                   this.$message.warning('请选择数据');
               }
            },
            searchBtn1(){
                this.getQskList1();
            },
            handleSelectionChange(val){
              this.selectList = val;
            },
            addQsk(){
                this.addVisible = true;
                this.getQskList1();
            },
            closeDialog(){
               this.addVisible = false;
            },
            closeDialog1(){
                this.addNewVisible = false;
            },
            closeDialog2(){
                this.qskDialogVisible = false;
            },
            searchBtn(){
               this.getQskList();
            },
            delBtn(row){
                var _self = this;
                this.$confirm('此操作将单位从列表中删除，确认删除该单位吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/wiuqh/wint/delete/'+row.id).then((res)=>{
                        if(res.success){
                            _self.getQskList();
                            _self.$message.success('删除成功')
                        }else{
                            _self.$message.error(res.message)
                        }
                    });
                })
            },
            getQskList(){
                var _self = this;
                this.loading = true;
                var obj = this.searchForm;
                obj.pageNum = this.pageNum;
                obj.pageSize = this.pageSize;
                obj.rgstrId = this.currentObjectRgstrId;
                request.post('/bis/insp/wiuqh/wint/findPage', obj).then((res) => {
                    if(res.success) {
                       _self.qskList = res.data.list;
                       _self.total = 10;
                       _self.loading = false;
                    }else{
                        _self.$message.error(res.message);
                    }
                });
            },
            getQskList1(){
                var _self = this;
                this.loading1 = true;
                var obj = this.qskSearch;
                obj.pageNum = this.pageNum1;
                obj.pageSize = this.pageSize1;
                obj.rgstrId = this.currentObjectRgstrId;
                request.post('/bis/insp/wiuqh/wint/findBaseInfo', obj).then((res) => {
                    if(res.success) {
                        _self.qskList1 = res.data.list;
                        _self.total1 = 10;
                        _self.loading1 = false;
                    }else{
                        _self.$message.error(res.message);
                    }
                    _self.$nextTick(() => {
                        _self.$refs.allQskTable.clearSelection();
                    });
                });
            },
            pageChange(val){
               this.pageNum = val;
               this.getQskList();
            },
            pageChange1(val){
                this.pageNum1 = val;
                this.getQskList1();
            }
        },

    }

</script>

<style scoped>
  .main .box-card /deep/ .el-card__header{
     padding: 0;
  }
  .main .demo-form-inline /deep/ .el-form-item{
    margin-bottom: 0;
    padding: 10px 10px;
  }
</style>