<template>
  <div>
    <div class="dv-content-line"></div>
        <div class="dv-content">
            <div class="dv-content-title">
                <img  src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/h5_template/%E5%B8%83%E6%9C%97%E5%95%86%E8%A1%8C/flashicon.png" alt="">
                <span class="content-title">布朗售后服务系统</span>
            </div>
          
           <div class="dv-add">
                <button class="btn-add" @click="add()">
                   <img class="btn-add-img" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/h5_template/%E5%B8%83%E6%9C%97%E5%95%86%E8%A1%8C/repair.png" alt="">
                  <span class="btn-add-txt" >我要维修</span>
                </button>
            </div>
            <div class="dv-history">
                <button class="btn-history" @click="history()">
                    <img class="btn-history-img" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/h5_template/%E5%B8%83%E6%9C%97%E5%95%86%E8%A1%8C/timeicon.png" alt="">
                    <span class="btn-add-txt" >查看个人历史</span>
                </button>
            </div>
        </div>
  </div>
</template>
<script>
// import $ from "jquery";
// import apiHelper from "@/assets/js/apiHelper.js";
//import $ from "jquery";
import apiHelper from "@/assets/js/apiHelper.js";

export default {
  name: "Login",
  props: ["comp", "cfg", "selectedPage"],
  data() {
    return {
      info: {
        userno: "",
        password: "",
      }
    };
  },
  methods: {
    add() {
      // 访问后台
      this.$parent.changeSelectedPage("Records_1");
    },
    // 登录
    history() {
      this.$parent.changeSelectedPage("Check_5");
    }
  },
  watch: {},
  created: function() {
    var that = this;
  },

  mounted: function() {
    var that = this;
  }
};
</script>

<style scoped>
.dv-content-line{
  height: 0.4rem;
  background: #f9fafb;
}
.dv-content-title{
    margin: 1rem 0rem 0.5rem 1rem;
    background-color: #FFFFFF;
}
.dv-content-title img{
    width: 1.1rem;
    margin: 0rem 0.5rem 0rem 0rem;
}

.content-title{
    position: relative;
    top: -0.3rem;
    font-size: 15px;
    font-weight: bolder;
    color: #7B3E15;
}

.dv-add{
    width: 100%;
    text-align: center;
        margin-top: 5rem;
}

.dv-history{
    width: 100%;
    text-align: center;
        margin-top: 2rem;
}

.btn-add{
    width: 86%;
    height: 6rem;
    border: 1px solid #1D4C9D;
    background-color: #1D4C9D;
    color: white;
    font-size: 17px;
    font-weight: bolder;
    border-radius: 3px;
}
.btn-history{
    width: 86%;
    height: 6rem;
    border: 1px solid #674129;
    background-color: #674129;
    color: white;
    font-size: 17px;
    font-weight: bolder;
    border-radius: 3px;
}

.btn-add-img,.btn-history-img{
    width: 1.5rem;
}

.btn-add-txt,.btn-history-txt{

    position: relative;
    top: -0.4rem;
}


</style>