fj-dc-ui/.svn/pristine/b2/b291df5b828d129d33706c1971e41ba52ad5c9dc.svn-base

<template>
<div>
    <el-container>
        <el-main id="dxdcListMain" style="padding:5px 20px;">
            <div>
                <h3 style="text-align: center">{{fenggongxianName}}农村饮水工程设施维护表
                    <el-button v-show="this.currentNodeType == 'county' && ownPriv('manage')" type="primary" @click="toAddMember('添加')" style="float: right;margin: 0 0 10px;"><i class="el-icon-circle-plus"></i> 添加</el-button>
                </h3>
            </div>
            <el-row>
                <el-col :span="24">
                    <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">

                    <el-form-item label="行政区名称">
                    <el-input v-model="searchObj.adNm" clearable placeholder="行政区名称"></el-input>
                    </el-form-item>

                    <el-form-item label="检查单位">
                    <el-select v-model="searchObj.chkComId" clearable placeholder="检查单位">
                        <el-option v-for="item in lyjg1" :key="item.id" :label="item.nm" :value="item.id"></el-option>
                    </el-select>
                    </el-form-item>

                </el-form>
                </el-col>
                <el-col :span="24">
                    <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">


                    <el-form-item label="所在组">
                    <el-autocomplete v-model="groupName" clearable value-key='nm' :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
                        @select="handleSelect"></el-autocomplete>
                    </el-form-item>
                    <el-form-item label="督查时间">
                    <div style="display: flex;">
                         <el-date-picker
                  v-model="dateRange"
                  type="daterange"
                  value-format="yyyy-MM-dd"
                  style="width:100%"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                ></el-date-picker>
                        <!-- <el-date-picker v-model="searchObj.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker>
                        <p style="padding-left: 10px;padding-right: 10px;">至</p>
                        <el-date-picker v-model="searchObj.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"></el-date-picker> -->
                    </div>
                    </el-form-item>
                    <el-form-item>
                    <el-button type="primary" @click="onSubmit" icon="el-icon-search">查询</el-button>
                    </el-form-item>

                </el-form>
                </el-col>
                </el-row>
            <el-table :height="dxdcMainHeight+'px'" border :data="villageList" tooltip-effect="dark" style="width: 100%;" v-loading="loading"  >
                <el-table-column align="center" type="index" label="序号" min-width="45">
                    <template slot-scope="scope">
                        {{ (pageIndex - 1) * pageSize + (scope.$index + 1) }}
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="province" label="省"  v-if="isXj" min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="city" :label="ownAdName" min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="county" label="县(区)" min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="town" label="乡(镇)" min-width="100"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="adnm" label="行政村名(*县*乡镇*村)" min-width="160"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="chkCom" label="检查单位" min-width="120"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="groupNm" label="所在组" min-width="100"></el-table-column>
                <el-table-column align="center" sortable show-overflow-tooltip prop="visitDate" label="暗访日期" min-width="110"></el-table-column>
                <el-table-column align="center" sortable show-overflow-tooltip prop="updateTime" label="最后修改日期" min-width="130">
                    <template slot-scope="scope">
                    <span>{{scope.row.updateTime.substring(0,10)}}</span>
                    </template>
                </el-table-column>


                <el-table-column align="center" show-overflow-tooltip prop="isNdAdmin" label="是否需要设置管水员" min-width="110">
                    <template slot-scope="scope">
                        <span>{{formatRadio(scope.row.isNdAdmin)}}</span>
                    </template>
                </el-table-column>
                 <el-table-column align="center" show-overflow-tooltip  label="是否供水单位直接管理" min-width="110">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isNdAdmin == '0'">{{formatRadio(scope.row.isComMng)}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="isAdmin" label="是否设置管水员" min-width="80">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isNdAdmin == '1'">{{formatRadio(scope.row.isAdmin)}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="adminNm" label="管水员姓名" min-width="90">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isAdmin == 1">{{scope.row.adminNm}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="adminAge" label="管水员年龄" min-width="90">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isAdmin == 1">{{scope.row.adminAge}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="adminPro" label="管水员性质" min-width="90">
                    <template slot-scope="scope">
                        <span v-if="scope.row.isAdmin == 1">{{scope.row.adminPro == 'A' ? '专职' : scope.row.adminPro == 'B' ? '兼职' : scope.row.adminPro}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="salary" label="管水员工资（元/年）" min-width="100">
                  <template slot-scope="scope">
                    <span  v-if="scope.row.isAdmin == '1'">{{scope.row.salary}}</span>
                  </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="operFee" label="运行维护费用（元/年）" min-width="110"></el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="otherFeeOrg" label="除水费收入外的运行维护费用来源" min-width="130">
                    <template slot-scope="scope">
                        <span>{{scope.row.otherFeeOrg == 'A' ? '政府' : scope.row.otherFeeOrg == 'B' ? '村委会' : scope.row.otherFeeOrg == 'C' ? '村民自筹' : scope.row.otherFeeOrg == 'D' ? '其它' : scope.row.otherFeeOrg}}</span>
                    </template>
                </el-table-column>
                <el-table-column align="center" show-overflow-tooltip prop="feeCommons" label="费用说明" min-width="90"></el-table-column>

                <!-- <el-table-column align="center" show-overflow-tooltip prop="recPers2" label="记录人员" min-width="70"></el-table-column> -->
                <el-table-column v-if="currentNodeType == 'county' && ownPriv('manage')" align="center" show-overflow-tooltip label="操作" min-width="150" fixed="right">
                    <template slot-scope="scope">
                        <el-button type="success" plain @click="toAddMember('编辑',scope.row)">编辑</el-button>
                        <el-button type="danger" plain @click="deleteMember(scope.row)">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-main>
        <el-footer id="dxdcFooter">
            <el-pagination background @current-change="handleCurrentChange" @size-change="handleSizeChange" :pager-count="5" :current-page.sync="pageIndex" :page-size="pageSize" :page-sizes="[10, 20, 30, 40, 50, 100]" layout="sizes, total, prev, pager, next" :total="total"></el-pagination>
        </el-footer>
    </el-container>
    <!-- 添加/编辑人员弹窗 -->
    <el-dialog :title="'村内农村饮水工程设施运行维护情况'" :visible.sync="dialogFormVisible" :before-close="handleClose">
        <el-container style="height:700px;">
            <!-- <el-aside width="200px" style="border:1px solid #d5d5ff;overflow-y:hidden;">
          <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">
            <i class="el-icon-share"></i>选择行政村
          </p>
          <provTreeList
            :rootCode="fengongxianCode"
            style="max-height:100%;"
            @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 :model="addObj" status-icon :label-width="formLabelWidth" :rules="rules">
                    <p style="margin-top:10px;margin-bottom: 10px;overflow: hidden;"><i class="el-icon-caret-right"></i><span style="width:120px;padding-left: 10px">基本信息</span><span class="hrs"></span>
                      <!--<el-button v-if="jqmmButton" type="warning" style="float: right;" @click="recentAppearance">近期面貌</el-button>-->
                      <el-button v-if="jqmmButton" type="warning" style="float: right;margin-right: 10px;" @click="imageClick">影像</el-button>
                    </p>
                    <el-form-item label="行政村名(*县*乡镇*村)" :rules="{required: true}">
                        <!-- <el-input v-model="addObj.adnm" autocomplete="off" style="width:70%;"></el-input> -->
                        <inputWith v-model="addObj.adnm" :initalValue="addObj.adnm" autocomplete="off" :rootCode="fengongxianAdCode" @provTreeSelectChange="provTreeSelectChangeHandler" style="width:70%;"></inputWith>
                    </el-form-item>
                    <el-form-item label="行政村编码" :rules="{required: true}">
                        <el-input v-model="addObj.adCode" autocomplete="off" :disabled="true" style="width:70%;"></el-input>
                    </el-form-item>
                    <p style="margin-top:10px;margin-bottom: 10px"><i class="el-icon-caret-right"></i><span style="width:120px;padding-left: 10px">调研信息</span><span class="hrs"></span></p>
                    <el-form-item label="是否需要设置管水员">
                        <el-radio v-model="addObj.isNdAdmin" label="1">是</el-radio>
                        <el-radio v-model="addObj.isNdAdmin" label="0">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否是供水单位直接管理" v-if="addObj.isNdAdmin == '0'">
                        <el-radio v-model="addObj.isComMng" label="1">是</el-radio>
                        <el-radio v-model="addObj.isComMng" label="0">否</el-radio>
                    </el-form-item>
                    <el-form-item label="是否设置管水员">
                        <el-radio v-model="addObj.isAdmin" label="1">是</el-radio>
                        <el-radio v-model="addObj.isAdmin" label="0">否</el-radio>
                    </el-form-item>
                    <div v-show="local">
                        <el-form-item label="管水员姓名" v-show="local">
                            <el-input v-model="addObj.adminNm" autocomplete="off" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="管水员年龄" prop="adminAge" v-show="local">
                            <el-input v-model.number="addObj.adminAge" maxlength="2" autocomplete="off" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="管水员性质" v-show="local">
                            <el-select v-model="addObj.adminPro" placeholder="请选择" style="width:70%;">
                                <el-option v-for="item in adminType" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="管水员工资（元/年）" prop="salary" v-show="local">
                            <el-input v-model.number="addObj.salary" maxlength="6" autocomplete="off" style="width:70%;"></el-input>
                        </el-form-item>
                    </div>
                    <el-form-item label="运行维护费用（元/年）" prop="operFee">
                        <el-input v-model.number="addObj.operFee" maxlength="9" autocomplete="off" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="除水费收入外的运行维护费用来源">
                        <el-select v-model="addObj.otherFeeOrg" placeholder="请选择" style="width:70%;">
                            <el-option v-for="item in feeFrom" :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="费用说明" prop="feeCommons">
                        <el-input type="textarea" :rows="2" v-model.trim="addObj.feeCommons" style="width:70%;"></el-input>
                    </el-form-item>
                    <el-form-item label="暗访日期">
                        <el-date-picker v-model="addObj.visitDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width:70%;">
                        </el-date-picker>
                    </el-form-item>
                    <!-- <el-form-item label="记录人员">
              <el-input v-model="addObj.recPers2" autocomplete="off" style="width:70%;"></el-input>
            </el-form-item> -->
                </el-form>
            </el-main>
        </el-container>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisible = false">取 消</el-button>
            <el-button type="primary" @click="addMember">确 定</el-button>
        </div>
    </el-dialog>

    <theRecentAppearance v-if="jqmmShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="jqmmShow" :jqmmEngId="jqmmEngId" :dialogTitle="sswhName + '饮水工程设施运行维护情况近期面貌'"></theRecentAppearance>
    <!--影像弹窗-->
    <el-dialog :title="sswhName + '影像'" :visible.sync="imageShow" append-to-body :close-on-click-modal="false" width="60%">
      <div style="height: 60vh;">
        <mapLocation ref="mapRef" v-if="imageShow" :gdX="centerX" :gdY="centerY"></mapLocation>
      </div>
    </el-dialog>
</div>
</template>

<script>
import provTreeList from "../../widgets/villageList_nongyin.vue";
import inputWith from "../../widgets/inuptWith.vue"
import request from "../../utils/gw_ajax_request.js"
import theRecentAppearance from  '../duChaDuiXiang/theRecentAppearance'
import mapLocation from '../../views/duChaTianBao/mapLocation'
import {
    formatDateTimeD,dateFormat
} from "../../utils/gw_date.js"
export default {

    components: {
        provTreeList: provTreeList,
        inputWith: inputWith,
      theRecentAppearance: theRecentAppearance,
      mapLocation:mapLocation
    },
    props: ['fengongxianCode', 'engId', 'fenggongxianName','currentNodeType','lyjg','fengongxianAdCode','fengongxianChildren'],

    data() {
        return {
             dateRange:[],
            dxdcMainHeight: window.innerHeight - 340,
            groups:[],
            groupId:'',
            lyjg1:[],
            groupName:'',
            sttm:'',
            ettm:'',
            local: false,
            dxdcMainHeight: window.innerHeight - 327,
            dxdcAsideHeight: window.innerHeight - 90,
            addObj: {
                adnm: '',
                adCode: '',
                isNdAdmin: '',
                recPersId: '',
                isAdmin: '',
                adminNm: '',
                adminAge: '',
                adminPro: '',
                salary: '',
                operFee: '',
                otherFeeOrg: '',
                feeCommons: '',
                visitDate: '',
                recPers2: '',
                isComMng:'',
            },
            rules: {
                adminAge: [{
                    required: false,
                    type: 'number',
                    message: '年龄必须为数字值'
                }],
                salary: [{
                    required: false,
                    type: 'number',
                    message: '管水员工资必须为数字值'
                }],
                operFee: [{
                    required: false,
                    type: 'number',
                    message: '运行维护费用必须为数字值'
                }],
            },
            searchObj: {
                pageNum: this.pageIndex,
                pageSize: this.pageSize,
                adNm: "",
                persId: "",
                chkComId:'',
                chkCom:'',
                groupNm:'',
                groupId:'',
                startDate:'',
                endDate:'',
            },
            adminType: [{
                    label: '专职',
                    value: 'A'
                },
                {
                    label: '兼职',
                    value: 'B'
                }
            ],
            feeFrom: [{
                    label: '政府',
                    value: 'A',
                },
                {
                    label: '村委会',
                    value: 'B',
                },
                {
                    label: '村民自筹',
                    value: 'C',
                },
                {
                    label: '其它',
                    value: 'D',
                },
                {
                    label: '无',
                    value: 'E',
                },
            ],
            pageIndex: 1,
            pageSize: 20,
            total: 1,
            villageList: [],
            dialogFormVisible: false,
            formLabelWidth: '170px',
            curOperate: '',
            isExits: false,
            loading: false,
            tableHeight:50,
            jqmmButton: false,
            jqmmShow: false,
            imageShow: false,
            jqmmEngId: "",
            sswhName: "",
            centerX: 0,
            centerY: 0
        }
    },
    computed: {
        recPersId() {
            return localStorage.getItem("userid") ? localStorage.getItem("userid") : '1098101939614724096'
        },
        userId: function() {
            return localStorage.getItem("userid")
            ? localStorage.getItem("userid")
            : "1098101939614724096";
        },
    },
    mounted() {
        this.$nextTick(function () {
            this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 200;
        })
        // this.getVillageList()
        this.searchObj.persId = this.userId;
        this.getAllGroup();
    },
    activated(){
      this.searchObj.nodeId = this.fengongxianCode;
    },
    watch: {
        lyjg(n,o){
            this.lyjg1 = this.lyjg;
        },
        groupName(n,o){
            if(n==''){
            this.groupId = '';
            }
        },
        fengongxianCode(newVal,oldVal){
            console.log(oldVal)
            console.log(newVal)
            if(newVal =='' || newVal ==null){
                this.villageList = []
                this.total = 0
                return
            }else{
                this.getVillageListByNode();
            }
            // if(newVal){
            //     // if(this.currentNodeType == 'node'){
            //     //     this.loading = true
            //     //     this.getVillageListByNode()
            //     // }else{
            //     //     this.loading = true
            //     //     this.getVillageList()
            //     // }
            //     this.tableLoading = true
            //     this.getVillageListByNode()
            // }

        },
        fenggongxianName(){
          this.loading = true
          this.getVillageListByNode()
        },
        'addObj.isAdmin'(val, oldVal) {
            console.log(val, oldVal)
            if (val == '1') {
                this.local = true
            }else{
              this.local = false
            }
        },
        deep: true

    },
    methods: {
        //获取所有的组
        getAllGroup(){
            var _self = this;
            request.get('/dc/user/getGroupByPersid',{params:{'persid':this.userId,'ptype':'2'}}).then((res)=>{
            if(res.success){
                _self.groups = res.data;
            }
            })
        },
        querySearchAsync(queryString, cb) {
            var restaurants = this.groups;
            var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;

            clearTimeout(this.timeout);
            this.timeout = setTimeout(() => {
            cb(results);
            }, 1500 * Math.random());
        },
        createStateFilter(queryString) {
            return (state) => {
            return (state.nm.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
            };
        },
        handleSelect(item) {
            console.log(item);
            this.groupId = item.id;
        },
        onSubmit(){
            this.getVillageListByNode();
        },
        //工程列表
        getVillageList() {
            if (this.engId == '' || this.engId == null) {
                this.villageList = []
                this.total = 0
                return;
            }
             if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
         this.searchObj.startDate = this.dateRange[0];
          this.searchObj.endDate = this.dateRange[1];
        }else{
            delete this.searchObj['startDate'];
             delete this.searchObj['endDate'];
        }
            this.searchObj.pageSize = this.pageSize;//添加每页条目数
            this.searchObj.pageNum = this.pageIndex;
            this.searchObj.engId = this.engId;
            let paramsObj = this.searchObj;
            request.post('/dc/insp/VlgdrinkFacOper/queryListByPage', paramsObj).then((res) => {
                if (res.success) {
                    this.villageList = res.data.list
                    this.total = res.data.total
                    this.loading = false
                }
            })
        },
        //根据节点id查工程列表
        getVillageListByNode(){
          if(this.fengongxianChildren) {
                if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
         this.searchObj.startDate = this.dateRange[0];
          this.searchObj.endDate = this.dateRange[1];
        }else{
            delete this.searchObj['startDate'];
             delete this.searchObj['endDate'];
        }
               this.searchObj.pageSize = this.pageSize;//添加每页条目数
            this.searchObj.pageNum = this.pageIndex
            this.searchObj.nodeId = this.fengongxianCode
            this.searchObj.groupId = this.groupId
            // delete this.searchObj.adNm;
            this.searchObj.adNm = this.searchObj.adNm
            let paramsObj = this.searchObj
            request.post('/dc/insp/VlgdrinkFacOper/getPageByNodeId', paramsObj).then((res) => {
              if (res.success) {
                this.villageList = res.data.list
                this.total = res.data.total
                this.loading = false
              }
            })
          }else{
               if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
         this.searchObj.startDate = this.dateRange[0];
          this.searchObj.endDate = this.dateRange[1];
        }else{
            delete this.searchObj['startDate'];
             delete this.searchObj['endDate'];
        }
               this.searchObj.pageSize = this.pageSize;//添加每页条目数
            this.searchObj.pageNum = this.pageIndex
            this.searchObj.nodeId = this.fengongxianCode
            this.searchObj.groupId = this.groupId
            this.searchObj.adNm = this.fenggongxianName
            let paramsObj = this.searchObj
            request.post('/dc/insp/VlgdrinkFacOper/getPageByNodeId', paramsObj).then((res) => {
              if (res.success) {
                this.villageList = res.data.list
                this.total = res.data.total
                this.loading = false
              }
            })
          }
        },
         handleClose(done) {
            this.$confirm('确认关闭？', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(_ => {
                done();
            }).catch(_ => {

            });
        },
        toAddMember(type, row) {
            this.curOperate = type
            let rowObj = {}
            Object.assign(rowObj, row)
            if (this.curOperate == '编辑') {
                this.addObj = rowObj;
                this.sswhName = this.addObj.adnm;
                this.jqmmEngId = this.addObj.runstseId;
                this.jqmmButton = true;
            } else {
                for (var obj in this.addObj) {
                    this.addObj[obj] = ''
                }
                this.addObj.visitDate = formatDateTimeD()
            }
            this.dialogFormVisible = true
        },
        addMember() {
            this.addObj.engId = this.engId
            this.addObj.recPersId = this.recPersId
            if (!this.addObj.adnm) {
                this.$message.info('请选择行政村')
                return
            }
            if (this.curOperate == '添加') {
                this.isExits = false
                this.villageList.forEach((ele) => {
                    if (this.addObj.adCode == ele.adCode) {
                        this.isExits = true
                    }
                })
                if (this.isExits) {
                    this.$message.info('该行政村已存在')
                } else {
                    request.post('/dc/insp/VlgdrinkFacOper/insert', this.addObj).then((res) => {
                        if (res.success) {
                            // this.getVillageList()
                            this.getVillageListByNode();
                            this.dialogFormVisible = false
                            this.$message.success('添加成功')
                        } else {
                            this.$message.error(res.message)
                        }
                    })
                }
            } else if (this.curOperate == '编辑') {
                request.post('/dc/insp/VlgdrinkFacOper/update', this.addObj).then((res) => {
                    if (res.success) {
                        // this.getVillageList()
                        this.getVillageListByNode();
                        this.dialogFormVisible = false
                        this.$message.success('修改成功')
                    } else {
                        this.$message.error(res.message)
                    }
                })
            }
        },
        deleteMember(row) {
            this.$confirm('确定删除该村吗?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                request.post(`/dc/insp/VlgdrinkFacOper/${row.runstseId}`).then((res) => {
                    if (res.success) {
                        // this.getVillageList()
                        this.getVillageListByNode();
                        this.dialogFormVisible = false
                        this.$message({
                            type: 'success',
                            message: '删除成功!'
                        });
                    }
                })
            }).catch(() => {
                this.$message({
                    type: 'info',
                    message: '已取消删除'
                });
            });
        },
        //分页
        handleCurrentChange(val) {
            this.searchObj.pageNum = val;
            // if(this.currentNodeType=='county'){
            // this.getVillageList()
            // }else{
            // this.getVillageListByNode();
            // }
            this.getVillageListByNode();
        },
        handleSizeChange(val) {
            this.searchObj.pageSize = val;
            this.pageSize = val
            // if(this.currentNodeType=='county'){
            //     this.getVillageList()
            // }else{
            //     this.getVillageListByNode();
            // }
            this.getVillageListByNode();
        },
        provTreeSelectChangeHandler(params) {
            this.addObj.adnm = params.name;
            this.addObj.adCode = params.code;
        },
        formatRadio(val) {
            if (val == '1') {
                return '是'
            } else {
                return '否'
            }
        },
        //  近期面貌
        recentAppearance(){
          this.jqmmShow = true;
          // this.jqmmShow += 1;

        },
        jqmmDialog(){
          this.jqmmShow = false;
        },

        //  影像
        imageClick(){
          if(!this.centerX && !this.centerY){
            this.$message.warning('暂无经纬度信息！');
            return false;
          }
          this.imageShow = true;
        }
    },

}
</script>

<style>
#dcdxHeader {
    padding: 15px 20px;
}

#dxdcFooter {
    text-align: center;
}

#dxdcAside {
    border: 1px solid #d5d5ff;
}

.el-dialog__wrapper .el-treeWhite {
    /* max-height: 260px !important; */
}
</style>