<template>
  <div class="index1">
    <div class="nav">
    <label @click="goUrl('#/attendanceCfg')">考勤配置</label>
    <label @click="goUrl('#/attendanceUser')">考勤人员</label>
    <label @click="goUrl('#/attendanceData')">考勤记录</label>
  </div>
  <iframe :src="src" :key="src" v-if="src" style="width: 100%;height:calc(100vh - 100px);" frameborder="0"></iframe>
  </div>
</template>

<script>
export default{
  name:"Index1.vue",
  props:{

  },
  data(){
    return{
      src:''
    }
  },
  methods:{
    goUrl(url){
      this.src=url+"?t="+(+new Date());
    }
  },
  created(){}
}
</script>

<style lang="scss" scoped>
.index1{
  padding:10px;
  .nav{
    label{
      margin-right: 10px;
      cursor: pointer;
      font-weight: normal;
      &:hover{
        font-weight: bold;
        color:cornflowerblue;
      }
    }
  }
}
</style>
