fj-dc-ui/.svn/pristine/6a/6aa5e6b4f8dc15ead5a485b9b3d4280532476070.svn-base

<template>
  <!-- 弹出窗 -->
  <el-dialog title="添加督查对象" :visible.sync="dialogFormVisible" width="80%" @close="closeWindowEvent" 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" :model="formInline" class="demo-form-inline">
              <el-form-item label="单位名称">
                <el-input
                  style="width:140px;"
                  v-model="formInline.utName"
                  clearable
                  placeholder="请输入单位名称"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="refreshCurrentShow">查询</el-button>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="toAddNewRsvr">添加新单位</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="type"
                label="单位类型"
                :formatter="utTypeFormatter"
                min-width="80"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="adName"
                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-container>
    <el-dialog title="添加新单位" :visible.sync="addRsvrVisible" append-to-body>
      <el-form label-width="220px" :model="formObj" :rules="rules" ref="formObj">
        <el-form-item label="单位名称" required>
          <el-input v-model="formObj.utName" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="统一社会信用代码">
          <el-input v-model="formObj.utCode" 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-select v-model="formObj.utType" clearable>
            <el-option label="钢铁企业" value="1"></el-option>
            <el-option label="高校" value="2"></el-option>
            <el-option label="宾馆" value="3"></el-option>
          </el-select>
        </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.utAttn" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="用水单位联系方式">
          <el-input v-model="formObj.utCont" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="注册地址">
          <el-input v-model="formObj.signAddr" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="单位地址">
          <el-input v-model="formObj.utAddr" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="经度">
          <el-input v-model="formObj.gdX" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="纬度">
          <el-input v-model="formObj.gdY" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="addRsvrVisible = false">取 消</el-button>
        <el-button type="primary" @click="addNewRsvr('formObj')">确 定</el-button>
      </div>
    </el-dialog>

    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">取 消</el-button>
      <el-button type="primary" @click="saveChange">确 定</el-button>
    </div>
  </el-dialog>
</template>
<script>
  import request from '@util/gw_ajax_request.js';
  import provTreeList from "@widget/provTreeList.vue";
  import {getObjListNotInspGroupId} from "@api/duChaDuiXiang_xsk_API.js";
  import {getTdfjList, addDcAndObjRel, getOtherTableData} from "@api/duChaDuiXiang_tdfj_API.js";

  export default {
    components: {
      provTreeList: provTreeList,
      provTreeListQy: resolve => {
        require(['@widget/provTreeList_quyu.vue'], resolve)
      },
    },
    props: ["dczId", "dczName", "plnaId", "objType","adCodes","isNewPlan"],
    data() {
      return {
        formInline: {
          name: '',
        },
        addOnce: false,
        objTypeName: '',
        searchNameOfRsName: "",
        searchNameOfAdName: "",
        searchNameOfwtdstNm: "",
        addLevel: "",
        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,
        formObj: {
          "adCode": '',
          "adName": '',
          "utName": '',
          "utCode": "",
          "utType": "",
          "utPpt": '',
          "utAttn": "",
          "utCont": "",
          "signAddr": "",
          "utAddr": "",
          "gdX": "",
          "gdY": "",
          "trdType": '',
          "greenArea": "",
          "wsTw": "",
          "wsBw": "",
          "wsOth": "",
          "payWb": "",
          "wbPer": "",
          "mainPrd": "",
          "wipaa": "",
          "hasWrmrms": "",
          "isKmwuul": "",
          "wuUt": "",
          "wuUtAttn": "",
          "wuUtCont": "",
        },
        areasList: [],
        gongchengguimo: [
          {
            value: "4",
            label: "小（1）型"
          },
          {
            value: "5",
            label: "小（2）型"
          }
        ],
        zhubaleixing: [
          {
            value: "1",
            label: "混凝土坝"
          },
          {
            value: "2",
            label: "碾压混凝土坝"
          },
          {
            value: "3",
            label: "浆砌石坝"
          },
          {
            value: "4",
            label: "土坝"
          },
          {
            value: "5",
            label: "堆石坝"
          },
          {
            value: "6",
            label: "挡水坝"
          },
          {
            value: "7",
            label: "其他"
          }
        ],
        initLoacData: [{
          label: '江苏',
          cities: []
        }, {
          label: '浙江',
          cities: []
        }],
        props: {
          value: 'id',
          label: 'label',
          children: 'cities'
        },
        rules: {
          rsName: [
            {required: true, message: '请输入水库名称', trigger: 'blur'},
          ],
          rsAdmName: [
            {required: true, message: '请输入管理单位', trigger: 'blur'}
          ],
          compDate: [
            {required: true, message: '请选择完成时间', trigger: 'blur'}
          ]
        },
        provList: [],
        cityList: [],
        countryList: [],
        provName: '',
        cityme: '',
        countryName: '',
        provNames: '',
        cityNames: '',
        countryNames: '',
        curSelectItem: 0
      }
    },
    watch: {
      dczId: function (n, o) {
        this.searchProvTreeListCode = "";
      },
      objType: function (n, o) {
        this.searchProvTreeListCode = "";
        this.objType = n;
        this.getTableData_sk();
        this.getAreaList()
      },
      qyDataList(n, o) {
        this.showLeftTree = this.qyDataList.length != 0;
        this.getTableData_sk();
      }

    },
    mounted() {
      this.formObj.adCode = ""
    },
    computed: {
      userId: function () {
        return localStorage.getItem("userid") ? localStorage.getItem("userid") : '1098101939614724096'
      },
    },
    methods: {
      changeCurrentObjSelectName(item) {
        this.objType = item;
      },
      selectChange(val) {
        console.log(val);
        this.objType = val;
      },
      utTypeFormatter: function (row, column) {
        return row.type == 1 ? "钢铁企业" :
          row.type == 2 ? "高校" : "宾馆";
      },
      utPptFormatter: function (row, column) {
        return row.utPpt == 1
          ? "节水型" : "非节水型";
      },
      adNameFormatter: function (row, column) {
        return row.adName;
      },
      adFullNameFormatter: function (row, column) {
        return row.adFullName;
      },
      adCodeFormatter: function (row, column) {
        return row.adCode;
      },
      showDialog(tableCurrentRowType = null, yqList) {
        this.tableCurrentRowType = tableCurrentRowType;
        this.dialogFormVisible = true;
        let markObjType = tableCurrentRowType ? tableCurrentRowType : this.objType;//添加额外参数规避watch的先后执行问题
        if (markObjType === _self.objType && this.showLeftTree) {
          this.$refs['provTreeListQyRef'].getQyList();
        }
        this.getTableData_sk();
      },
      saveChange() {
        this.addObjectChange();
      },
      treeDataEmit(item) {
        this.qyDataList = item;
        if (this.qyDataList.length == 0) {
          this.showLeftTree = false;
        } else {
          this.showLeftTree = true;
        }
      },
      getTableData_dxs() {
        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)
        var obj = {
          "adcd": str,
          "adnm": '',
          "groupId": _self.dczId,
          "stcd": '',
          "stnm": _self.stnm,
          "sttp": '',
          "pageNum": _self.pageIndex,
          "pageSize": _self.pageSize
        }
        request.post('/dc/insp/obj/getGrwNotInGroup', obj).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_sk() {
        var _self = this;
        if (_self.qyDataList.length == 0) {
          _self.showLeftTree = false;
        } else {
          _self.showLeftTree = true;
        }
        _self.loading = true;
        if (_self.qyDataList.length > 1) {
          var str = '';
          for (var i = 0; i < _self.qyDataList.length; i++) {
            str += _self.qyDataList[i].adCode + ',';
          }
          str = str.substring(0, str.length - 1);
          _self.searchProvTreeListCode = str;
        } else {
          _self.searchProvTreeListCode = _self.searchProvTreeListCode;
        }
        getTdfjList(_self.pageIndex, _self.pageSize, _self.objType, _self.formInline.utName, _self.dczId, _self.searchProvTreeListCode).then((response) => {
          _self.loading = false;
          _self.currentShowList = response.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = response.data.total;
        })
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
        this.refreshCurrentShow();
      },
      refreshCurrentShow: function () {
        if (this.searchProvTreeListCode) {
          this.getTableData_sk1();
        } else {
          this.getTableData_sk();
        }
      },

      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].id;
          obj['name'] = _self.multipleSelection[i].nm;
          obj['ptype'] = _self.objType;
          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");
            }
          });

        } catch (e) {
          alert("暂无数据");
        }
      },
      provTreeSelectChangeHandler: function (params) {
        this.searchProvTreeListCode = params.code;
        this.formObj.adCode = params.code;
        this.getTableData_sk();
      },
      provTreeSelectChangeHandler_qy(params) {
        //this.qyDataList.length = 1;
        this.searchProvTreeListCode = params.code;
        this.formObj.adCode = params.code;
        this.getTableData_sk();
      },

      getTableData_dxs1() {
        var _self = this;
        var obj = {
          "adcd": _self.searchProvTreeListCode,
          "adnm": '',
          "groupId": _self.dczId,
          "stcd": '',
          "stnm": _self.stnm,
          "sttp": '',
          "pageNum": _self.pageIndex,
          "pageSize": _self.pageSize
        }
        request.post('/dc/insp/obj/getGrwNotInGroup', obj).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_sk1() {
        var _self = this;
        if (_self.qyDataList.length == 0) {
          _self.showLeftTree = false;
        } else {
          _self.showLeftTree = true;
        }
        _self.loading = true;
        if (_self.qyDataList.length > 1) {
          var str = '';
          for (var i = 0; i < _self.qyDataList.length; i++) {
            str += _self.qyDataList[i].adCode + ',';
          }
          str = str.substring(0, str.length - 1);
          _self.searchProvTreeListCode = str;
        } else {
          _self.searchProvTreeListCode = _self.searchProvTreeListCode;
        }
        getTdfjList(_self.pageIndex, _self.pageSize, _self.objType, _self.formInline.utName, _self.dczId, _self.searchProvTreeListCode).then((response) => {
          _self.loading = false;
          _self.currentShowList = response.data.list;
          _self.currentShowList.forEach((element, index) => {
            element["index"] = _self.pageSize * (_self.pageIndex - 1) + index + 1;
          });
          _self.total = response.data.total;
        })
      },
      toAddNewRsvr() {
        this.addRsvrVisible = true
      },
      addNewRsvr(formName) {
        let _this = this
        if (!this.formObj.utName) {
          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.utType) {
          this.$message.warning('请选择单位类型')
          return
        }
        this.$refs[formName].validate((valid) => {
          if (valid) {
            request.post('/att/wtunt/base', this.formObj).then(res => {
              if (res.success) {
                _this.$message.success('添加成功')
                this.getTableData_sk();
                _this.addRsvrVisible = false
                _this.formObj = {
                  "adName": '',
                  "adCode": '',
                  "utName": '',
                  "utCode": "",
                  "utType": "",
                  "utPpt": '',
                  "utAttn": "",
                  "utCont": "",
                  "signAddr": "",
                  "utAddr": "",
                  "gdX": "",
                  "gdY": "",
                  "trdType": '',
                  "greenArea": "",
                  "wsTw": "",
                  "wsBw": "",
                  "wsOth": "",
                  "payWb": "",
                  "wbPer": "",
                  "mainPrd": "",
                  "wipaa": "",
                  "hasWrmrms": "",
                  "isKmwuul": "",
                  "wuUt": "",
                  "wuUtAttn": "",
                  "wuUtCont": "",
                };
              } else {
                _this.$message.error(res.message)
              }
            }).catch(res => {
              _this.$message.error('请求错误' + res.message)
            })
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      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>