fj-dc-ui/.svn/pristine/e2/e2c69e17d615852fbe71ffa8f8e3a35da0f7ee52.svn-base

<template>
    <div class = "gwSearchWidget">
        <div class = "gwSearchWidgetInput">
            <el-input placeholder="请输入内容" v-model="searchText" style="min-width:150px;"
                clearable @keyup.enter.native="searchHandler" @change="inputChange">
                <el-button slot="append" icon="el-icon-search"  @click="searchHandler"></el-button>
            </el-input>
        </div>

        <div class = "gwSearchWidgetResult" v-show="showResultTabs">
            <div style="background-color:white;padding:5px;min-width: 360px;display:flex;flex-direction:column;height:500px;">
                <div class="searchResultTabs" style="padding: 5px !important;margin: 0px;">
                    <p style="margin:0px;font-size:small;">查询结果</p>
                    <span class="el-icon-error closeNaviToolButton" @click="closeSearchResult"></span>
                </div>
                <div style="display:flex;flex-direction:row;height:440px;margin:5px;">
                    <el-tabs @tab-click="tabClickHandler" tab-position="left" type="border-card" style="height:465px;">
                        <el-tab-pane label="人员">
                            <div class="searchResultSets" v-if="showResultType == 'pers'" v-loading="loading">
                                <div class="searchADItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'pers','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'pers','personInfo')">{{item.persName}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.orgNm}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">手机:{{item.mobilenumb}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'pers','track')">历史轨迹</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:42px;" @click="searchWidgetEmitHandler(item,'pers','group')">督查组</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="水库">
                            <div class="searchResultSets" v-if="showResultType == 'rsvr'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'rsvr','skLocate')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'rsvr','base')">{{item.rsName}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{formatEngScal(item.engScal)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.location}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'rsvr','base')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" v-show="item.status =='2019-督查中' || item.status =='2019-已督查'" @click="searchWidgetEmitHandler(item,'rsvr','dcxx')">督查信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" v-show="item.status =='督查计划外' || item.status =='2018-已督查'" @click="searchWidgetEmitHandler(item,'rsvr','plan')">加入督查计划</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="人饮">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'ny','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'ny','baseInfo')">{{item.cwsName}}</p>
                                            <!-- <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsCode}}</p> -->
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsLoc}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'ny','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'ny','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="行政村">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'xzc','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'xzc','baseInfo')">{{item.adNm}}</p>
                                            <!-- <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsCode}}</p> -->
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsLoc}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'xzc','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'xzc','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="督查县">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'dcx','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'dcx','baseInfo')">{{item.adName}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.adCode}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.adFullName}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'dcx','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'dcx','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="水毁">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'sh','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'sh','baseInfo')">{{item.wtdstNm}}</p>
                                            <!-- <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsCode}}</p> -->
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.locAd}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'sh','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'sh','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="172">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'172','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'172','baseInfo')">{{item.nm}}</p>
                                            <!-- <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.cwsCode}}</p> -->
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.adCode}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'172','baseInfo')">基础信息</p>
                                                <!-- <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'172','dcInfo')">督查信息</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="地下水">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'dxs','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'dxs','baseInfo')">{{item.stnm}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{dxsSttpFormat(item.sttp)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.adnm}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'dxs','baseInfo')">基础信息</p>
                                                <!-- <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'dxs','dcInfo')">督查信息</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="水闸">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'sz','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'sz','baseInfo')">{{item.gateName}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{gateTypeFormat(item.gateType)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.adnm}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'sz','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'sz','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="水源地">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'syd','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'syd','baseInfo')">{{item.waterSourceNm}}</p>
                                            <!-- <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{gateTypeFormat(item.gateType)}}</p> -->
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'syd','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'syd','dcInfo')">督查信息</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="取水口">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'qsk','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'qsk','baseInfo')">{{item.wintName}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{gateTypeFormat(item.gateType)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.wintPos}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'qsk','baseInfo')">基础信息</p>
                                                <!-- <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'qsk','dcInfo')">督查信息</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="水文站">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'swz','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'swz','baseInfo')">{{item.stnm}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{swzFormat(item.sttp)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div>
                                                <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{item.stcd}}</p>
                                            </div>
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'swz','baseInfo')">基础信息</p>
                                                <!-- <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'swz','dcInfo')">督查信息</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                        <el-tab-pane label="贫困县">
                            <div class="searchResultSets" v-if="showResultType == 'other'" v-loading="loading">
                                <div class="searchSKItem" v-for="(item,index) in currentResultSet" :key="index">
                                    <div style="display:flex;flex-direction:column;flex-basis:100%;background-color:transparent;">
                                        <div style="display:flex;flex-direction:row;align-items: flex-end;flex-basis:100%;">
                                            <span class="el-icon-location" style="color: blue;padding-bottom: 4px;" @click="searchWidgetEmitHandler(item,'pkx','location')"></span>
                                            <p style="margin:2px;color: blue;" class="adTitle" @click="searchWidgetEmitHandler(item,'pkx','baseInfo')">{{item.name}}</p>
                                            <p style="margin:2px;font-size:small;margin-left:5px;color:rgba(116, 115, 115, 0.7)">{{pkxTypeFormat(item)}}</p>
                                        </div>
                                        <div style="display:flex;flex-direction:row;justify-content:space-between;flex-basis:100%;">
                                            <div style="display:flex;flex-direction:row;float: right;">
                                                <!-- <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'pkx','baseInfo')">基础信息</p>
                                                <p style="margin:2px;font-size:small;color:blue;cursor:pointer;width:52px;" @click="searchWidgetEmitHandler(item,'pkx','dcInfo')">督查信息</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </el-tab-pane>
                    </el-tabs>
                </div>
                 <div class="block" style="display:flex;flex-direction:row;justify-content:center;align-items:center;">

                        <el-pagination
                            small
                            :current-page.sync="pageIndex"
                            :page-size="pageSize"
                            layout="total, prev, pager, next"
                            :total="total"
                            @current-change="pageIndexChange">
                        </el-pagination>
                    </div>
          </div>
    </div>
    </div>
</template>
<script>
import request from '../../../utils/gw_ajax_request'
import { queryByName } from '../../../api/zhxxAPI.js'
export default {
    components: {

    },
    props:[],
    data () {
        return {
            showResultTabs:false,
            searchText:'',
            showResultType:'pers',//当前tab签类型
            currentObjType:'',
            currentResultSet:[],
            pageIndex:1,
            pageSize:10,
            total:0,
            loading:true,
        }
    },
    computed:{
		userId: function () {
            return localStorage.getItem("userid") ?localStorage.getItem("userid") : "1098101939614724096";
        },
        currentAdCode:function(){
            localStorage.getItem('areacode') ? localStorage.getItem('areacode') : '000000000000';
        }
	},
    mounted:function(){

    },
    watch:{

    },
    methods:{
        searchHandler(){
            this.getDataList();
            this.showResultTabs = true;
        },
        getDataList(){
            let _self = this;
            _self.loading = true;
            let obj = {
                'name':_self.searchText,
                'adCode':_self.currentAdCode,
                'type':_self.showResultType,
                'objType':_self.currentObjType,
                'pageNum':_self.pageIndex,
                'pageSize':_self.pageSize,
                'persId':_self.userId
            }
            queryByName(obj).then((res)=>{
                if(res.success){
                    _self.currentResultSet = res.data.list;
                    _self.total = res.data.total;
                }
                _self.loading = false;
            })
        },
        searchWidgetEmitHandler(item,type,val){
            this.$emit('searchWidgetEmitHandler',item,type,val);
        },
        tabClickHandler(val,objtype){
            console.log(val);
            if(val.label == "人员"){
                this.showResultType = 'pers';
                this.currentObjType = '';
            }else if(val.label == "水库"){
                this.showResultType = 'rsvr';
                this.currentObjType = '';
            }else if(val.label == "人饮"){
                this.showResultType = 'other';
                this.currentObjType = '21';
            }else if(val.label == "行政村"){
                this.showResultType = 'other';
                this.currentObjType = '2';
            }else if(val.label == "督查县"){
                this.showResultType = 'other';
                this.currentObjType = '23';
            }else if(val.label == "水毁"){
                this.showResultType = 'other';
                this.currentObjType = '3';
            }else if(val.label == "172"){
                this.showResultType = 'other';
                this.currentObjType = '4';
            }else if(val.label == "地下水"){
                this.showResultType = 'other';
                this.currentObjType = '5';
            }else if(val.label == "水闸"){
                this.showResultType = 'other';
                this.currentObjType = '6';
            }else if(val.label == "水源地"){
                this.showResultType = 'other';
                this.currentObjType = '22';
            }else if(val.label == "取水口"){
                this.showResultType = 'other';
                this.currentObjType = '14';
            }else if(val.label == "水文站"){
                this.showResultType = 'other';
                this.currentObjType = '12';
            }else if(val.label == "贫困县"){
                this.showResultType = 'other';
                this.currentObjType = '13';
            }
            this.getDataList();
        },
        pageIndexChange(val){
            this.pageIndexChange = val;
            this.getDataList();
        },
        inputChange:function(){
            if(this.searchText==''){
                this.showResultTabs = false;
            }
        },
        closeSearchResult(){
            this.showResultTabs = false;
        },
        formatEngScal(val) {
            switch (val) {
                case "1":
                    val = "大（1）型";
                    break;
                case "2":
                    val = "大（2）型";
                    break;
                case "3":
                    val = "中型";
                    break;
                case "4":
                    val = "小（1）型";
                    break;
                case "5":
                    val = "小（2）型";
                    break;
                case "9":
                    val = "其他";
                    break;
            }
            return val;
        },
        dxsSttpFormat(sttp) {//地下水监测站类型
            return sttp == 'NATIONAL'? "国家级监测站": 
                    sttp == 'PROVAUTO'? "省级自动监测站": 
                    sttp == 'PROVHAND'? "省级手动监测站": 
                    sttp == 'PRO'? "省级监测站": '';
        },
        gateTypeFormat(sttp) {//水闸类型
            return sttp == '1'? "分(泄)洪闸": 
                    sttp == '2'? "节制闸": 
                    sttp == '3'? "排(退)水闸": 
                    sttp == '4'? "引(进)水闸": 
                    sttp == '5'? "挡潮闸": 
                    sttp == '6'? "船闸": 
                    sttp == '9'? "其它": '';
        },
        swzFormat(sttp){
            return sttp == 'MM'? "气象站": 
                    sttp == 'PP'? "雨量站": 
                    sttp == 'BB'? "蒸发站": 
                    sttp == 'ZQ'? "河道水文站": 
                    sttp == 'DD'? "堰闸水文站": 
                    sttp == 'ZZ'? "河道水位站": 
                    sttp == 'TT'? "潮位站": 
                    sttp == 'RR'? "水库水文站": 
                    sttp == 'DP'? "泵站": 
                    sttp == 'ZG'? "地下水站": 
                    sttp == 'SS'? "墒情站": 
                    sttp == 'ZB'? "分洪水位站": '';
        },
        pkxTypeFormat(obj){
           if(obj.pw == '1'){
               return '连片外贫困县'
           }else if(obj.zdx == '1'){
               return '重点扶贫县'
           }else if(obj.sdpk == '1'){
               return '深度贫困县'
           }else if(obj.sqsz == '1'){
               return '三区三州'
           }else if(obj.bjx == '1'){
               return '边境县'
           }else if(obj.mzx == '1'){
               return '民族自治县、旗'
           }else if(obj.sysq == '1'){
               return '赣闽粤原中央苏区'
           }else if(obj.tcx == '1'){
               return '天窗县'
           }else if(obj.ddfp == '1'){
               return '定点扶贫先'
           }
        }
    }
}
</script>


<style>
.gwSearchWidget{
    position: fixed;
    top: 96px;
    right: 450px;
    min-height: 10px;
    width: 100px;
    border-radius: 3px;
    /* background-color: rgba(255,255,255,0.5); */
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.gwSearchWidgetInput{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.gwSearchWidgetResult{
    margin-top: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    min-width: 360px;
    max-height:500px;
}
.searchResultTabs{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0px 25px 3px 5px;
    margin-top:10px;
    border-bottom: 1px solid rgba(233,233,233,0.7);
}
.searchResultSets{
    /* padding:5px; */
    margin:0px;
    max-height: 430px;
    min-width:238px;
    overflow: auto;
}
.searchADItem{
    border:1px solid skyblue;
    border-radius: 3px;
    padding:5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top:5px;
    min-height:55px;
}
/* .searchADItem :hover{
    background-color: rgba(82, 177, 255, 0.493);
} */
.searchSKItem{
    border:1px solid skyblue;
    border-radius: 3px;
    padding:5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top:5px;
    min-height:55px;
}
.searchGMItem{
    border:1px solid skyblue;
    border-radius: 3px;
    padding:5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top:5px;
    min-height:55px;
}
.searchRiverItem{
    border:1px solid skyblue;
    border-radius: 3px;
    padding:5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top:5px;
    min-height:55px;
}
.adTitle:hover{
    color:rgb(0, 38, 253);
    text-decoration: underline;
    cursor: pointer;
}
.subLink:hover{
    color:rgb(0, 38, 253) !important;
    text-decoration: underline;
    cursor: pointer;
}
.buttonA{
    color: #409EFF !important;
    border-color: #c6e2ff !important;
    background-color: #ecf5ff !important;

}
.badgeA{
    margin-right:10px;
}
.gwSearchWidget .closeNaviToolButton{
    font-size:small;
    color:rgb(0,89,242);
}
.gwSearchWidget .closeNaviToolButton:hover{
    color:cadetblue;
    cursor: pointer;
}
.gwSearchWidget .el-tabs--border-card>.el-tabs__content{
    padding: 5px;
}
</style>