fj-dc-ui/.svn/pristine/07/07d091d72c06709d59fb9f48bd9aee5186e0222c.svn-base

<template>
  <div style="width: 100%;height:100%;">
    <div id="tabSys" v-if="isShow">
      <div class="tabDiv">
        <div class="dcItem" @click="appTab('dc')">水利督查</div>
        <div class="jcItem" @click="appTab('jc')">水利稽察</div>
        <div class="ygItem" @click="appTab('yg')" v-if="GetQueryString('accessId')">水利遥感</div>
      </div>
    </div>
  </div>
</template>
<script>
    import orgStatus from '../../store/orgChange.js'
    export default {
        name: '',
        data() {
            return {
                isShow:false
            }
        },
        computed:{

        },
        mounted() {
            if(this.GetQueryString("ticket")){
                this.isShow = false;
                localStorage.setItem('ownApp', '2')
                orgStatus.commit('changeSystem', '2')
                this.$router.push('/jchome');
            }else{
                this.isShow = true;
            }
        },
        methods:{
            GetQueryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if (r != null) return unescape(r[2]);
                return null;
            },
            appTab(type){
                if(type=='dc'){
                    localStorage.setItem('ownApp','1')
                    orgStatus.commit('changeSystem', '1')
                    this.$router.push('/home');
                }
                if(type=='jc'){
                    localStorage.setItem('ownApp','2')
                    orgStatus.commit('changeSystem', '2')
                    this.$router.push('/jchome');
                }
                if(type=='yg'){
                    if(this.GetQueryString("accessId")){
                        window.location.href="http://139.170.150.123:7010?adCode=063&accessToken="+this.GetQueryString("accessId");
                    }

                }

            }
        },
        watch:{

        }
    }

</script>

<style scoped>
   #tabSys{
     width: 100%;
     height:100%;
     margin: 0;
     padding: 0;
     background-image: url('../../assets/images/login_bj.jpg');
     background-size: 100% 100%;
     display: flex;
     justify-content: center;
     align-items: center;
   }
  .tabDiv{
     width: 500px;
     height:200px;
     display: flex;
     justify-content: center;
     align-items: center;
  }
  .dcItem{
    width: 100px;
    height:200px;
    box-shadow: 0 6px 10px 15px rgb(255, 29, 60);
    background: #e40640;
    font-size: 49px;
    display: flex;
    align-items: center;
    border-radius: 70px;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
    font-weight: bold;
    cursor:pointer;
    margin: 20px;
  }
  .imgItem{
    width: 200px;
    height:200px;
    background-image: url('../../assets/images/province_logo.png');
    background-size: 183px 200px;
  }
   .jcItem{
     width: 100px;
     height:200px;
     box-shadow: 0 6px 10px 15px rgb(255, 138, 27);
     background: #fbac53;
     font-size: 49px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     border-radius: 50px;
     padding-left: 10px;
     padding-right: 10px;
     color:white;
     font-weight: bold;
     cursor:pointer;
     margin: 20px;
   }
   .ygItem{
     width: 100px;
     height:200px;
     box-shadow: 0 6px 10px 15px rgb(64, 170, 231);
     background: #5de0fe;
     font-size: 49px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     border-radius: 50px;
     padding-left: 10px;
     padding-right: 10px;
     color:white;
     font-weight: bold;
     cursor:pointer;
     margin: 20px;
   }
</style>