<template>
  <div class="dashboard-editor-container">
    <div class="seach-center">
      <div class="seach-logo"><img src="../assets/image/logo.png" alt=""></div>
      <el-input prefix-icon="el-icon-search" placeholder="请输入你需要搜索的内容" @keyup.enter.native="searchDocument" v-model="search" class="input-with-select">
        <el-button slot="append" @click="searchDocument">搜索文档</el-button>
      </el-input>
      <div class="common-url">
        <div class="common-url-title">常用链接</div>
        <div class="common-url-center">
          <a href="https://www.oceanengine.com/" target="_blank" class="link">巨量引擎</a>
          <a href="http://baidu.guojidxqf.com/?gclid=Cj0KCQiAmaibBhCAARIsAKUlaKQaOd7vK47N2G7vH6lSS4QeRNY_0gIbaJ13hSL4Og7A50CiNFRRL3waAjMAEALw_wcB"  target="_blank" class="link">百度联盟</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      loading: false,
      search: ''
    };
  },
  watch: {},
  created() {},
  methods: {
    // 搜索
    searchDocument() {
      if (!this.search.trim()) {
        this.$message({
          message: '请输入需要搜索的内容',
          type: 'warning'
        })
        return
      }
      this.$router.push({
        name: 'tailAfter',
        params: {
          search: this.search
        }
      })
    }
  },
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>