fj-dc-ui/.svn/pristine/ba/ba3d9f9c0308dcf636e1cbe6d3849499a985978f.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="leglPers"-->
<!--                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="adFullName"
                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"  ref="formObj">
        <el-form-item label="单位名称" required >
          <el-input v-model="formObj.name" autocomplete="off" placeholder="单位名称" clearable 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="法人">
          <el-input v-model="formObj.leglPers" autocomplete="off" placeholder="法人" clearable style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="统一社会信用代码">
          <el-input v-model="formObj.idnt" placeholder="统一社会信用代码" clearable autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="单位地址">
          <el-input v-model="formObj.busAddr" placeholder="单位地址" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="所属行业">
          <el-input v-model="formObj.industry" placeholder="所属行业" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="行业代码">
          <el-input v-model="formObj.industryCode" placeholder="行业代码" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="主要产品">
          <el-input v-model="formObj.majorProduct" placeholder="主要产品" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="取水用途">
          <el-input v-model="formObj.waterIntake" placeholder="取水用途" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="联系人">
          <el-input v-model="formObj.conPers" placeholder="联系人" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="联系人电话">
          <el-input v-model="formObj.conPersTel" placeholder="联系人电话" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="经度">
          <el-input v-model="formObj.centerX" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="纬度">
          <el-input v-model="formObj.centerY" autocomplete="off" style="width:70%;"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input type="textarea" v-model="formObj.note" 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","isNew"],
        computed: {},
        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: {
                    name:"",
                    leglPers:"",
                    adCode:"",
                    adName:"",
                    idnt:"",
                    sctcd:"",
                    industry:"",
                    industryCode:"",
                    majorProduct:"",
                    waterIntake:"",
                    depType:"",
                    tmpType:"",
                    regAddr:"",
                    busAddr:"",
                    conPers:"",
                    conPersTel:"",
                    keyPers:"",
                    centerX:"",
                    centerY:"",
                    gdX:"",
                    gdY:""
                },
                areasList:[],
                props: {
                    value: 'id',
                    label: 'label',
                    children: 'cities'
                },
                provList: [],
                cityList: [],
                countryList: [],
                provName: '',
                cityName: '',
                countryName: '',
                provNames: '',
                cityNames: '',
                countryNames: '',
                curSelectItem: 0,
                unitList:[{label:"企业",value:"1"},{label:"机关",value:"2"},{label:"学校",value:"3"},{label:"医院",value:"4"},{label:"宾馆",value:"5"},{label:"高校",value:"6"},{label:"其他",value:"7"}],
                industryList:[{label:"节水型",value:"1"},{label:"非节水型",value:"2"}]
            }
        },
        watch: {
            dczId: function(n, o) {
                this.searchProvTreeListCode = "";
            },
            objType: function(n, o) {
                this.searchProvTreeListCode = "";
            }
        },
        mounted() {

        },
        computed:{
            userId:function(){
                return localStorage.getItem("userid")? localStorage.getItem("userid"): '1098101939614724096'
            },
        },
        methods: {
            industryFormat(row, column){
               var name = "";
               this.industryList.forEach((item,index) =>{
                   if(row[column.property] == item.value){
                     name = item.label;
                   }
               })
               return name;
            },
            unitFormat(row, column){
                var name = "";
                this.unitList.forEach((item,index) =>{
                    if(row[column.property] == item.value){
                        name = item.label;
                    }
                })
                return name;
            },
            changeCurrentObjSelectName(item){
                this.objType = item;
            },
            selectChange(val){
                console.log(val);
                this.objType = val;
            },
            showDialog() {
                this.dialogFormVisible = true;
                this.getAreaList();
                if(this.$refs['provTreeListQyRef']){
                    this.$refs['provTreeListQyRef'].getQyList();
                }
                this.getTableData_sk();
            },
            saveChange() {
                this.addObjectChange();
            },
            treeDataEmit(item){
                if(item.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;
                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() {
                this.getTableData_sk();
            },

            addObjectChange: function() {
                //提交当前选中对象
                var _self = this;
                var names = [];
                if(_self.addOnce){
                    _self.addOnce = false;
                    return;
                }
                _self.addOnce = true
                var objArr = [];
                var objIds = [];
                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'] = _self.objType;
                    objArr.push(obj);
                    objIds.push(_self.multipleSelection[i].code);
                    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) {
                            if(this.isNew){
                                _self.addOnce = false;
                                _self.$message.success("添加成功");
                                _self.$emit('addSuccess',{listArr:objArr,listIds:objIds});
                                _self.dialogFormVisible = false;
                            }else {
                                _self.addOnce = false;
                                _self.dialogFormVisible = false;
                                _self.$message.success("添加成功");
                                _self.$emit("addSuccess");
                            }
                        }
                    });

                } catch (e) {
                    alert("暂无数据");
                }
            },
            provTreeSelectChangeHandler: function(params) {
                this.searchProvTreeListCode = params.code;
                this.getTableData_sk();
            },
            provTreeSelectChangeHandler_qy(params){
                this.searchProvTreeListCode = 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;
                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.name){
                    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
                }
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        request.post('/att/jswiu2024/base/',this.formObj).then(res=>{
                            if(res.success){
                                _this.$message.success('添加成功')
                                this.getTableData_sk();
                                _this.addRsvrVisible = false;
                                _this.provName = "";
                                _this.cityName = "";
                                _this.countryName = "";
                                _this.formObj = {};
                            }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>