fj-dc-ui/.svn/pristine/b5/b563c248c96e471dbb1b4005376c0ac59a3c6bf8.svn-base

<template>
  <!-- 弹出窗 -->
  <el-dialog title="添加督查对象" :visible.sync="dialogFormVisible" width="80%" modal-append-to-body append-to-body>
    <el-container>
      <el-aside width="200px" style="border:1px solid #d5d5ff">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">
          <i class="el-icon-share"></i>所属机构
        </p>
        <provTreeListQy
        ref="provTreeListQyRef"
        v-show="showLeftTree"
        :ddczId='dczId'
          rootCode="000000"
          :adCodes="adCodes"
          rootType="1"
          style="max-height:485px;"
          @treeDataEmit="treeDataEmit"
          @provTreeSelectChange="provTreeSelectChangeHandler_qy">

        </provTreeListQy>
        <provTreeList
        v-show="!showLeftTree"
          rootCode="000000"
          rootType="1"
          style="max-height:485px;"
          @provTreeSelectChange="provTreeSelectChangeHandler"
        ></provTreeList>
      </el-aside>
      <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
        <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">督查对象</p>
        <el-form style="padding:10px">
          <div>
            <el-form size="mini" :inline="true" class="demo-form-inline">
              <el-form-item label="对象名称">
                <el-input
                  style="width:140px;"
                  v-model="searchNameOfSzName"
                  clearable
                  placeholder="请输入对象名称"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="refreshCurrentShow">查询</el-button>
                <el-button type="primary" @click="addSzVisible=true">新增对象</el-button>
              </el-form-item>
            </el-form>
            <el-table
              border
              v-loading="loading"
              :data="currentShowList"
              tooltip-effect="dark"
              style="width: 100%"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="selection" width="60"></el-table-column>
              <el-table-column align="center" prop="index" label="序号" min-width="40"></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="nm"
                label="单位名称"
                min-width="100">
              </el-table-column>
<!--              <el-table-column-->
<!--                align="center"-->
<!--                show-overflow-tooltip-->
<!--                prop="wintCode"-->
<!--                label="取水许可证号"-->
<!--                min-width="100">-->
<!--              </el-table-column>-->
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adName"
                label="行政区划"
                min-width="100"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="location"
                label="所在位置"
                min-width="100"
              ></el-table-column>

            </el-table>
            <div
              class="block"
              style="display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top: 5px;background-color: #fff;"
            >
              <el-pagination
                small
                @current-change="handleCurrentChange"
                :pager-count="5"
                :current-page.sync="pageIndex"
                :page-size="pageSize"
                layout="total, prev, pager, next"
                :total="total"
              ></el-pagination>
            </div>
          </div>
          <!-- </el-form-item> -->
        </el-form>
      </el-main>
      <el-dialog title="添加新对象" :visible.sync="addSzVisible" append-to-body>
        <el-form label-width="220px"  ref="formObj">
          <el-form-item label="单位名称" required>
            <el-input v-model="formObj.depName" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="行政区划" required>
            <div>
              <el-select v-model="provName" placeholder="选择省" @change="provChange" style="width:20%">
                <el-option
                  v-for="item in provList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="cityName" placeholder="选择市" @change="cityChange" style="width:20%">
                <el-option
                  v-for="item in cityList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
              <el-select v-model="countryName" placeholder="选择县" @change="countryChange" style="width:20%">
                <el-option
                  v-for="item in countryList"
                  :key="item.adCode"
                  :label="item.adName"
                  :value="item.adCode">
                </el-option>
              </el-select>
            </div>
          </el-form-item>
<!--          <el-form-item label="取水许可证号" required>-->
<!--            <el-input v-model="formObj.wintCode" autocomplete="off" style="width:70%;"></el-input>-->
<!--          </el-form-item>-->
          <el-form-item label="单位地址">
            <el-input v-model="formObj.loc" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人名称" >
            <el-input v-model="formObj.utLead" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="责任人电话">
            <el-input v-model="formObj.principalTel" autocomplete="off" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="联络人名称">
            <el-input v-model="formObj.depPers" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="联络人电话">
            <el-input v-model="formObj.depPersTel" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="备注">
            <el-input type="textarea" v-model="formObj.note"></el-input>
          </el-form-item>
          <el-form-item label="经度">
            <el-input clearable v-model="formObj.centerX" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="纬度">
            <el-input clearable v-model="formObj.centerY" style="width:70%;"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="addSzVisible = false">取 消</el-button>
          <el-button type="primary" @click="addNewObj">确 定</el-button>
        </div>
      </el-dialog>
    </el-container>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">取 消</el-button>
      <el-button type="primary" :loading="addOnce" :disabled="addOnce" @click="saveChange">确 定</el-button>
    </div>
  </el-dialog>
</template>
<script>
import request from '../../utils/gw_ajax_request.js';
import provTreeList from "../../widgets/provTreeList.vue";
// import provTreeListQy from "../../widgets/provTreeList_quyu.vue"
import {
  getObjListNotInspGroupId,
  addDcAndObjRel
} from "../../api/duChaDuiXiang_xsk_API.js";
import {getSupObjListNotInspGroupId} from '../../api/duChaPlan.js'
export default {
  components: {
    provTreeList: provTreeList,
    provTreeListQy:resolve => {require(['../../widgets/provTreeList_quyu.vue'],resolve)},
  },
  props: ["dczId", "dczName", "plnaId", "objType","adCodes","isNewPlan"],
  computed: {},
  data() {
    return {
      addOnce:false,
      searchNameOfSzName: "",
      searchNameOfAdName: "",
      searchNameOfwtdstNm: "",
      rsAdmDep: "",
      engScal: "",
      wtdstState: "",
      engLevel: "",
      wtdstType: "",
      stnm:'',
      pageIndex: 1,
      pageSize: 10,
      total: 0,
      currentShowList: [],
      dialogFormVisible: false,
      formLabelWidth: "120",
      addArr: "",
      addName:"",
      addLttd:"",
      addLgtd:"",
      multipleSelection: [],
      searchProvTreeListCode: "",
      qyDataList:[],
      loading:false,
      showLeftTree:true,
      addRsvrVisible: false,
      addSzVisible:false,
      curSelectItem: 0,
      formObj: {
          depName:"",
          //wintCode:"",
          loc:"",
          utLead:"",
          principalTel:"",
          depPers:"",
          depPersTel:"",
          note:"",
          centerX:"",
          centerY:"",
          adCode:"",
          adName:""
      },
      gongchengguimo: [
          {
              value: "1",
              label: "大型"
          },
          {
              value: "2",
              label: "中型"
          },
          {
              value: "3",
              label: "小型"
          }
      ],
      jiansheInfo: [

          {
              value: "2",
              label: "在建"
          },
          {
              value: "1",
              label: "已建"
          },
      ],
      gateTypeArray: [
          {
              value: "1",
              label: "分(泄)洪闸"
          },
          {
              value: "2",
              label: "节制闸"
          },
          {
              value: "3",
              label: "排(退)水闸"
          },
          {
              value: "4",
              label: "引(进)水闸"
          },
          {
              value: "5",
              label: "挡潮闸"
          },
          {
              value: "6",
              label: "船闸"
          },
          {
              value: "9",
              label: "其他"
          }
      ],
      zhubaleixing: [
          {
              value: "1",
              label: "混凝土坝"
          },
          {
              value: "2",
              label: "碾压混凝土坝"
          },
          {
              value: "3",
              label: "浆砌石坝"
          },
          {
              value: "4",
              label: "土坝"
          },
          {
              value: "5",
              label: "堆石坝"
          },
          {
              value: "6",
              label: "挡水坝"
          },
          {
              value: "7",
              label: "其他"
          }
      ],
      props: {
          value: 'id',
          label: 'label',
          children: 'cities'
      },
        provList: [],
        cityList: [],
        countryList: [],
        provName: '',
        cityName: '',
        countryName: '',
        provNames: '',
        cityNames: '',
        countryNames: ''
    }
  },
  watch: {
      dczId: function(n, o) {
          this.searchProvTreeListCode = "";
      },
      objType: function(n, o) {
          this.searchProvTreeListCode = "";
          this.objType = n;
          this.getAreaList()
      },
      qyDataList(n,o){
          if(this.qyDataList.length == 0){
              this.showLeftTree = false;
          }else{
              this.showLeftTree = true;
          }
          this.getTableData_sz();
          this.getAreaList()
      },
      searchProvTreeListCode(val){
          if(val){
              this.getTableData_sz()
          }
      }
  },
  mounted() {
    this.getTableData_sz();
    // this.getAreaList()
  },
  computed:{
        userId:function(){
            return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
        },
  },
  methods: {
      addNewObj(){
          let _this = this
          if(!this.formObj.depName){
              this.$message.warning('请输入单位名称')
              return
          }
          if(!this.provName){
              this.$message.warning('请选择省份')
              return
          }
          if(!this.cityName){
              this.$message.warning('请选择市区')
              return
          }
          if(!this.countryName){
              this.$message.warning('请选择区县')
              return
          }
          // if(!this.formObj.wintCode){
          //     this.$message.warning('请输入取水许可证号')
          //     return
          // }
          this.formObj.adCode = this.countryName;
          request.post('/att/dep/base',this.formObj).then(res=>{
              if(res.success){
                  _this.$message.success('添加成功');
                  this.getTableData_sz();
                  _this.addSzVisible = false;
                  _this.provName = "";
                  _this.cityName = "";
                  _this.countryName = "";
                  _this.formObj = {};
              }else{
                  _this.$message.error(res.message)
              }
          }).catch(res=>{
              _this.$message.error('请求错误'+ res.message)
          })

      },
      gateTypeFormatter(row,column){
        return row.gateType == '1'? "分(泄)洪闸":
            row.gateType == '2'? "节制闸":
            row.gateType == '3'? "排(退)水闸":
            row.gateType == '4'? "引(进)水闸":
            row.gateType == '5'? "挡潮闸":
            row.gateType == '6'? "船闸":
            row.gateType == '9'? "其它": '';
      },
      engScalFormatter(row,column){
        return row.engScal == '1'? "大型":
            row.engScal == '2'? "中型":
            row.engScal == '3'? "小型": '';
      },
    rsAdmDepFormatter: function(row, column) {
      return row.rsAdmDep == 1
        ? "水利部门"
        : row.rsAdmDep == 2
        ? "电力部门"
        : row.rsAdmDep == 3
        ? "农业部门"
        : row.rsAdmDep == 4
        ? "林业部门"
        : row.rsAdmDep == 5
        ? "城建部门"
        : row.rsAdmDep == 6
        ? "航运部门"
        : row.rsAdmDep == 7
        ? "环保部门"
        : "其他部门";
    },
    showDialog() {
      this.dialogFormVisible = true;
      if(this.$refs['provTreeListQyRef']){
        this.$refs['provTreeListQyRef'].getQyList();
      }
        this.getTableData_sz();
    },
    saveChange() {
      this.addObjectChange();
    },
    treeDataEmit(item){
      this.qyDataList = item;
      if(this.qyDataList.length == 0){
        this.showLeftTree = false;
      }else{
        this.showLeftTree = true;
      }
    },
    getTableData_sz(){
      var _self = this;
      if(_self.qyDataList.length == 0){
        _self.showLeftTree = false;
      }else{
        _self.showLeftTree = true;
      }
      _self.loading = true;
      var str = '';
      for(var i=0;i<_self.qyDataList.length;i++){
        str+= _self.qyDataList[i].adCode+',';
      }
      str = str.substring(0,str.length-1);
      getSupObjListNotInspGroupId(str,_self.dczId,'',_self.pageSize,_self.pageIndex,'69',_self.searchNameOfSzName,'').then((res)=>{
          _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    getTableData_sz1(){
      var _self = this;

      getSupObjListNotInspGroupId(_self.searchProvTreeListCode,_self.dczId,'',_self.pageSize,_self.pageIndex,'69',_self.searchNameOfSzName,'').then((res)=>{
          _self.loading = false;
          _self.currentShowList = res.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = res.data.total;
      })
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.refreshCurrentShow();
    },
    refreshCurrentShow: function() {
        if(this.searchProvTreeListCode){
          this.getTableData_sz1();
        }else{
          this.getTableData_sz();
        }
    },

    addObjectChange: function() {
      //提交当前选中对象
      var _self = this;
      var names = [];
      if(_self.addOnce){
        _self.addOnce = false;
        return;
      }
      _self.addOnce = true
      var objArr = [];
      const length = _self.multipleSelection.length;
        for (let i = 0; i < length; i++) {
            var obj = {};
            obj['code'] = _self.multipleSelection[i].code;
            obj['name'] = _self.multipleSelection[i].nm;

            obj['ptype'] = '69';
            objArr.push(obj);
            names.push(_self.multipleSelection[i].nm);
        }
        if(this.isNewPlan){
            var obj = {
                persid :this.userId,
                nm: this.dczName,
                id: this.dczId,
                persAllAreaDtoList: [],
                persAllDtoList: [],
                persAllObjDtoList: objArr
            };
            this.addOnce = false;
            this.dialogFormVisible = false;
            this.$message.success("选择成功");
            this.$emit("addSuccess",{obj:obj,names:names.join(",")});
            return;
        }
      try {
        request.post("/supervision/plan/insertSupervisionObj", {
            persid :this.userId,
            nm: this.dczName,
            id: this.dczId,
            persAllAreaDtoList: [],
            persAllDtoList: [],
            persAllObjDtoList: objArr
        }).then(response => {
            if (response.success == true) {
                _self.addOnce = false;
                _self.dialogFormVisible = false;
                _self.$message.success("添加成功");
                _self.$emit("addSuccess");
            }
        });
        // addDcAndObjRel(
        //   _self.addArr,
        //   _self.addName,
        //   _self.addLttd,
        //   _self.addLgtd,
        //   _self.objType,
        //   _self.dczId,
        //   _self.plnaId,
        //   _self.plnaId,
        // ).then(response => {
        //   if (response.success == true) {
        //     _self.addOnce = false;
        //     this.dialogFormVisible = false;
        //     // this.getTableData();
        //     this.$message.success("添加成功");
        //     this.$emit("addSuccess");
        //     // _self.dczId = "";
        //     _self.addArr = "";
        //   }
        // });
      } catch (e) {
        alert("暂无数据");
      }
    },
    provTreeSelectChangeHandler: function(params) {
      this.searchProvTreeListCode = params.code;
        this.getTableData_sz1();

    },
    provTreeSelectChangeHandler_qy(params){
      this.searchProvTreeListCode = params.code;
        this.getTableData_sz1();

    },
      getAreaList(val){
          let areaParams = {
              adName: "",
              id: this.dczId,
              pageNum: 1,
              pageSize: 10000
          }
          let adCode = ''
          if(!val){
              adCode = '000000000000'
          }else{
              adCode = val
          }
          request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
              if(res.success){
                  if(this.curSelectItem == 1){
                      this.cityList = res.data
                  }else if(this.curSelectItem == 2){
                      this.countryList = res.data
                  }else{
                      this.provList = res.data
                  }

              }
          })
      },
      handleItemChange(val){
          this.getAreaList(val)
      },
      provChange(val){
          this.curSelectItem = 1
          this.cityName = ''
          this.countryName = ''
          this.formObj.admDiv = val
          this.provList.forEach(ele=>{
              if(ele.adCode == this.provName){
                  this.provNames = ele.adName
              }
          })
          this.formObj.adName = this.provNames
          this.getAreaList(val)
      },
      cityChange(val){
          this.curSelectItem = 2
          if(val && val != ''){
              this.formObj.admDiv = val
              this.countryName = ''
              this.cityList.forEach(ele=>{
                  if(ele.adCode == this.cityName){
                      this.cityNames = ele.adName
                  }
              })
              this.formObj.adName = this.provNames + this.cityNames
              this.getAreaList(val)
          }
      },
      countryChange(val){
          if(val && val != ''){
              this.formObj.admDiv = val
              this.countryList.forEach(ele=>{
                  if(ele.adCode == this.countryName){
                      this.countryNames = ele.adName
                  }
              })
              this.formObj.adName = this.provNames + this.cityNames + this.countryNames
              this.formObj.adCode = val
          }
      },
      closeWindowEvent(){
          this.formObj.adCode = ""
      }

  }
};
</script>
<style>
</style>