Vue.component('appoint-country', {
  template:
    '<div>\
			<div class="c-f16 c-border-b pb5 ui-grid middle search-wrapper">\
				<div>社区服务中心&emsp;&emsp;</div>\
				<div class=" ml30" id="search"><input class="h34 " v-model="keyword"  @keyup.enter="searchItem" placeholder="请输入社区名称查询"/><span @click="searchItem"></span></div>\
			</div>\
			<ul class="clearfix">\
				<li v-for="(list, index) in country">\
					<a href="javascript: void(0)" :title="list.address" @click="selCountry(list)">{{list.address}}</a>\
				</li>\
			</ul>\
			</div>',
  props: ['country'],
  data: function () {
    return {
      keyword: ''
    }
  },
  mounted: function () {},
  watch: {
    keyword: function (i) {
      // this.$parent.initTypeof(2,i)
    }
  },
  methods: {
    selCountry: function (list) {
      var str = JSON.stringify(list)
      var content =
        '../../jbsc/html/appointment/appoint-doctor-detail.html?hospital=' +
        encodeURIComponent(str) +
        '&patient=' +
        patient +
        '&callCode=' +
        callCode
      if (backToSynergy) {
        content += '&backToSynergy=1'
      }
      top.layer.open({
        type: 2,
        title: false,
        area: ['800px', '90%'],
        content: content
      })
      closeLayer()
    },
    searchItem: function () {
      this.$parent.initTypeof(2, this.keyword)
    }
  }
})