fj-dc-ui/.svn/pristine/d2/d2a46e097ebf7f94d8f6b20b2da13535ac3875ce.svn-base

<template>
    <div>
    <el-select 
    v-model="value" 
    placeholder="请选择" 
    filterable
    autoComplete = "off"
    :filter-method="filterMethod"
    @change='chooseChange'
    >
    <el-option
      v-for="item in searchDataList"
      :key="item.adCode"
      :value="item.adCode"
      :label="item.adName"
      >
    </el-option>
  </el-select>
  
     
  </div>
</template>
<script>
import request from '../utils/gw_ajax_request.js';
    export default {
        props: ['nodeList'],
        components:{
            
        },
        data() {
            return {
                value: '',
                searchDataList:[],
            }
        },
        computed:{
            userId:function(){
                return localStorage.getItem("userid")? localStorage.getItem("userid"): ''
            },
        },
        mounted(){
           this.getAreaList();
        },
        watch: {
           
        },
        methods:{
            getAreaList(){
                var _self = this;
                var str = '';
                let codes = [];
                for(var i=0;i<_self.nodeList.length;i++){
                    codes.push(_self.nodeList[i].code);
                    
                }
                str = codes.join(',');
                request.get('/dc/att/adXBase/getTargetAdByNodeId',{params:{'persGuid':this.userId,'nodeIds':str}}).then((res)=>{
                    let data = res.data
                    this.searchDataList = data;
                })
            },
            chooseChange:function(p){
                console.log(p);
                this.searchDataList.forEach((element) => {
                    if(element.adCode == p){
                        console.log(element);
                        this.$emit("selectDuChaAreaNode", { 'adCode':element.adCode, 'adName': element.adName});
                    }
                });
            },
            filterMethod:function(text){
                console.log(text);
                this.value = text;
                let filterResult = [];
                this.searchDataList.forEach((element) =>{
                    if(element.adName.indexOf(text)>=0){
                        filterResult.push(element);
                    }
                });
                this.searchDataList =  filterResult;
            },
            
        },
       
    }
</script>
<style>
</style>