<template>
  <div>
    <div class="footer">
      <div class="footList content">
        <div v-for="(item, index) in footList" :key="index">
          <div class="t4">{{ item.title }}</div>
          <ul>
            <li class="t1" v-for="(item, index) in item.list" :key="index">
              <span class="textcolor" @click="xxxxmove(item.url)">{{
                item.name
              }}</span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="flex-center copyright">
      <div>Copyright © 2020 北京易优采供应链管理有限公司 版权所有</div>
    </div>
  </div>
</template>
<script>
import { getMessagephone } from "@/common/list.js";
export default {
  mounted() {
    getMessagephone().then((res) => {
      this.footList[3].list[0].name = `客服联系电话 : ${res.data.phone}`;
      this.footList[3].list[1].name = `电子邮箱 : ${res.data.email}`;
    });
  },
  methods: {
    xxxxmove(url) {
      this.$router.push(url);
    },
  },
  data() {
    return {
      /*  email:'605664467@qq.com', */
      footList: [
        {
          title: "友情链接",
          list: [
            {
              name: "教育部学校规划建设发展",
              url:
                "https://www.csdp.edu.cn/index.aspx?AspxAutoDetectCookieSupport=1",
            },
            {
              name: "北京市教委",
              url: "http://jw.beijing.gov.cn/",
            },
            {
              name: "全国农产品批发市场价格信息网",
              url: "http://pfscnew.agri.gov.cn/",
            },
          ],
        },
        {
          title: "关于我们",
          list: [
            { name: "诚招英才", url: "/message/news?id=126" },
            { name: "联系我们", url: "/message/news?id=126" },
          ],
        },
        {
          title: "客服中心",
          list: [
            { name: "帮助中心", url: "/message/news?id=127" },
            { name: "在线客服", url: "/message/news?id=127" },
          ],
        },
        /*  */
        {
          title: "联系方式",
          list: [{ name: "客服联系电话 : " }, { name: "电子邮箱: " }],
        },
      ],
    };
  },
};
</script>

<style>
.footList {
  display: flex;
  justify-content: space-between;
}

.footer {
  margin-top: 0.6rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.3rem 0 0.2rem;
  /* border-top: .01rem solid #D6D6D6; */
  border-bottom: 0.01rem solid #e4e7ed;
  background: #f7f8fa;
}

.t4 {
  margin-bottom: 0.36rem;

}

ul > .t1 {
  margin-bottom: 0.24rem;

  color: #323232;
}
.copyright {
  height: 0.39rem;
  font-size: 0.16rem;
  color: rgba(153, 153, 153, 1);

  background: #f7f8fa;
}
.copyright > div {
  font-size: 0.12rem;
  font-family: MicrosoftYaHei;
  color: #999999;
}
.textcolor {
  color: #323232;
}
</style>
