<template>
  <div class="app-container">
    <div class="form-container">
      <el-form
        :inline="true"
        :model="formInline"
        :rules="rules"
        ref="ruleForm"
        label-position="right"
        label-width="90px"
      >
        <el-row>
          <el-form-item label="企業(yè)名稱:">
            <el-autocomplete
              class="inline-input"
              v-model="formInline.inputName"
              :fetch-suggestions="querySearch"
              placeholder="請輸入內(nèi)容"
            ></el-autocomplete>
          </el-form-item>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: "PublicityResults",
  data() {
    return {
      rules: {},
      formInline: {
        inputName: undefined, //輸入框輸入的雙向綁定的數(shù)據(jù)
      },
      restaurants: [], //后端獲取輸入框的數(shù)據(jù)
    };
  },
  mounted() {
    this.restaurants = this.loadAll();
  },
  methods: {
    // 獲取數(shù)據(jù)
    loadAll() {
      return [
        { value: "三全鮮食（北新涇店）", address: "長寧區(qū)新漁路144號" },
        {
          value: "Hot honey 首爾炸雞（仙霞路）",
          address: "上海市長寧區(qū)淞虹路661號",
        },
        {
          value: "新旺角茶餐廳",
          address: "上海市普陀區(qū)真北路988號創(chuàng)邑金沙谷6號樓113",
        },
        { value: "瀧千家(天山西路店)", address: "天山西路438號" },
        {
          value: "胖仙女紙杯蛋糕（上海凌空店）",
          address: "上海市長寧區(qū)金鐘路968號1幢18號樓一層商鋪18-101",
        },
        { value: "貢茶", address: "上海市長寧區(qū)金鐘路633號" },
        {
          value: "豪大大香雞排超級奶爸",
          address: "上海市嘉定區(qū)曹安公路曹安路1685號",
        },
        {
          value: "茶芝蘭（奶茶，手抓餅）",
          address: "上海市普陀區(qū)同普路1435號",
        },
        { value: "十二瀧町", address: "上海市北翟路1444弄81號B幢-107" },
        { value: "星移濃縮咖啡", address: "上海市嘉定區(qū)新郁路817號" },
        { value: "阿姨奶茶/豪大大", address: "嘉定區(qū)曹安路1611號" },
        { value: "新麥甜四季甜品炸雞", address: "嘉定區(qū)曹安公路2383弄55號" },
        {
          value: "Monica摩托主題咖啡店",
          address: "嘉定區(qū)江橋鎮(zhèn)曹安公路2409號1F，2383弄62號1F",
        },
        {
          value: "浮生若茶（凌空soho店）",
          address: "上海長寧區(qū)金鐘路968號9號樓地下一層",
        },
        { value: "NONO JUICE  鮮榨果汁", address: "上海市長寧區(qū)天山西路119號" },
        { value: "CoCo都可(北新涇店）", address: "上海市長寧區(qū)仙霞西路" },
        {
          value: "快樂檸檬（神州智慧店）",
          address: "上海市長寧區(qū)天山西路567號1層R117號店鋪",
        },
        {
          value: "Merci Paul cafe",
          address: "上海市普陀區(qū)光復西路丹巴路28弄6號樓819",
        },
        {
          value: "貓山王（西郊百聯(lián)店）",
          address: "上海市長寧區(qū)仙霞西路88號第一層G05-F01-1-306",
        },
        { value: "槍會山", address: "上海市普陀區(qū)棕櫚路" },
        { value: "縱食", address: "元豐天山花園(東門) 雙流路267號" },
        { value: "錢記", address: "上海市長寧區(qū)天山西路" },
        { value: "壹杯加", address: "上海市長寧區(qū)通協(xié)路" },
        {
          value: "唦哇嘀咖",
          address: "上海市長寧區(qū)新涇鎮(zhèn)金鐘路999號2幢（B幢）第01層第1-02A單元",
        },
        { value: "愛茜茜里(西郊百聯(lián))", address: "長寧區(qū)仙霞西路88號1305室" },
        {
          value: "愛茜茜里(近鐵廣場)",
          address:
            "上海市普陀區(qū)真北路818號近鐵城市廣場北區(qū)地下二樓N-B2-O2-C商鋪",
        },
        {
          value: "鮮果榨汁（金沙江路和美廣店）",
          address: "普陀區(qū)金沙江路2239號金沙和美廣場B1-10-6",
        },
        {
          value: "開心麗果（繽谷店）",
          address: "上海市長寧區(qū)威寧路天山路341號",
        },
        { value: "超級雞車（豐莊路店）", address: "上海市嘉定區(qū)豐莊路240號" },
        { value: "妙生活果園（北新涇店）", address: "長寧區(qū)新漁路144號" },
        { value: "香宜度麻辣香鍋", address: "長寧區(qū)淞虹路148號" },
        {
          value: "凡仔漢堡（老真北路店）",
          address: "上海市普陀區(qū)老真北路160號",
        },
        { value: "港式小鋪", address: "上海市長寧區(qū)金鐘路968號15樓15-105室" },
        { value: "蜀香源麻辣香鍋（劍河路店）", address: "劍河路443-1" },
        { value: "北京餃子館", address: "長寧區(qū)北新涇街道天山西路490-1號" },
        {
          value: "飯典*新簡餐（凌空SOHO店）",
          address: "上海市長寧區(qū)金鐘路968號9號樓地下一層9-83室",
        },
        {
          value: "焦耳·川式快餐（金鐘路店）",
          address: "上海市金鐘路633號地下一層甲部",
        },
        { value: "動力雞車", address: "長寧區(qū)仙霞西路299弄3號101B" },
        { value: "瀏陽蒸菜", address: "天山西路430號" },
        { value: "四海游龍（天山西路店）", address: "上海市長寧區(qū)天山西路" },
        {
          value: "櫻花食堂（凌空店）",
          address: "上海市長寧區(qū)金鐘路968號15樓15-105室",
        },
        { value: "壹分米客家傳統(tǒng)調(diào)制米粉(天山店)", address: "天山西路428號" },
        {
          value: "福榮祥燒臘（平溪路店）",
          address: "上海市長寧區(qū)協(xié)和路福泉路255弄57-73號",
        },
        {
          value: "速記黃燜雞米飯",
          address: "上海市長寧區(qū)北新涇街道金鐘路180號1層01號攤位",
        },
        { value: "紅辣椒麻辣燙", address: "上海市長寧區(qū)天山西路492號" },
        {
          value: "(小楊生煎)西郊百聯(lián)餐廳",
          address: "長寧區(qū)仙霞西路88號百聯(lián)2樓",
        },
        { value: "陽陽麻辣燙", address: "天山西路389號" },
        {
          value: "南拳媽媽龍蝦蓋澆飯",
          address: "普陀區(qū)金沙江路1699號鑫樂惠美食廣場A13",
        },
      ];
    },

    querySearch(queryString, cb) {
      let restaurants = this.restaurants;
      let results = queryString
        ? restaurants.filter(this.createFilter(queryString))
        : restaurants;
      // 調(diào)用 callback 返回建議列表的數(shù)據(jù)
      cb(results);
    },
    createFilter(queryString) {
      return (restaurant) => {
        return (
          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1
        );
      };
    },
  },
};
</script>