fj-dc-ui/.svn/pristine/32/32f0d42052f33ac4d46b270ee3ecc53ef9ce8e19.svn-base

<template>
  <div id="app" style="overflow:hidden;" >
    <router-view v-if="localRefresh"></router-view>
  </div>
</template>
<script>
  import orgStatus from './store/orgChange.js'
  import request from '@util/gw_ajax_request.js'
  export default {
      name: 'App',
      mounted() {
          document.documentElement.style.setProperty('--echarts_map_bg','#5aaef1');
          document.documentElement.style.setProperty('--echarts_map_spin','#ff9b41');
                    this.autoSetScale() // 进页面先执行一次页面高度和宽度计算然后赋值
          window.addEventListener('resize', () => {
            this.autoSetScale()
          }, false)
      // 刷新页面时重新获取当前用户所属的机构列表
          if(this.persId){
            this.userOrganList()
          }
          // this.setTheme();
             this.initRoot();
      },
      data() {
          return {
            transformScale:1,
            width:0,
            localRefresh: true,
            persId: localStorage.getItem('userid')
          }
      },
      computed:{
        currentOrgId(){
          return orgStatus.state.currentOrg
        },
        currentSystem(){
          return orgStatus.state.currentSystem
        },
        isHb(){
          if(localStorage.getItem('currentRlcode') && localStorage.getItem('currentRlcode').substring(0,2)=="42"){
            return true;
          }else{
            return false;
          }
        }
      },
    methods:{
      initRoot(){
        if(this.isHb){
          const scriptElement = document.createElement('script');
          scriptElement.async = true;
          scriptElement.defer = true;
          scriptElement.src="http://183.95.190.106:8000/embed.js?protocol=http&host=10.142.147.43:8080&token=2172e2f8daf74a11&t="+new Date().getTime()
          document.head.appendChild(scriptElement);
        }
      },
       getCookie(name){
            var aCookie = document.cookie.split("; ");
            for (var i=0; i < aCookie.length; i++){
                var aCrumb = aCookie[i].split("=");
                if (name == aCrumb[0])
                    return unescape(aCrumb[1]);
            }
            return null;
        },
        setTheme(){
          if(this.getCookie("isDcTheme")=="1" || (!this.getCookie("isDcTheme") && ((window.location.href.indexOf("101.207.130.194")>-1) || (window.location.href.indexOf("221.237.107.122")>-1)))){
              document.documentElement.style.setProperty('--theme_head_bar_active','#0e4f74');
              document.documentElement.style.setProperty('--theme_head_color','#003e60');
              document.documentElement.style.setProperty('--theme_head_bar','linear-gradient(0deg,rgb(0 44 76),rgb(0 60 93),rgb(0 51 80))');
              document.documentElement.style.setProperty('--main_background',`url(${require('./assets/bjdc.png')}) no-repeat`);
              document.documentElement.style.setProperty('--header_background',`url(${require('./assets/headerdc.png')}) no-repeat`);
              document.documentElement.style.setProperty('--bg_color','#001C2E');
              document.documentElement.style.setProperty('--border-color','#002d49');
              document.documentElement.style.setProperty('--main_color','#01c3dc');
              document.documentElement.style.setProperty('--scrollbar-color','#006397 #001C2E');
              document.documentElement.style.setProperty('--hover-bg','#07537b');
              document.documentElement.style.setProperty('--hover-color','#64b2ba');
              document.documentElement.style.setProperty('--summary-bg','linear-gradient(180deg, #FFFFFF 0%, #ADE8FA 100%)');
              document.documentElement.style.setProperty('--summary-color','#C1F053');
              document.documentElement.style.setProperty('--summary-img-bg','none');
              document.documentElement.style.setProperty('--echart_title','#084d74');
              document.documentElement.style.setProperty('--echart_border','5px solid #003d5e');
              document.documentElement.style.setProperty('--echarts_map_bg','#002845');
              document.documentElement.style.setProperty('--echarts_map_bg_start','#00497d');
              document.documentElement.style.setProperty('--echarts_map_spin','#ff9b41');
              document.documentElement.style.setProperty('--news_color','#aae0fc');
              document.documentElement.style.setProperty('--news_border','1px solid #4f8dc0');
              document.documentElement.style.setProperty('--tip_bg','#00213a');
              document.documentElement.style.setProperty('--tip_color','#2682b4');
              document.documentElement.style.setProperty('--boxborder_color','1px solid #144365');
          }else{
              document.documentElement.style.setProperty('--theme_head_bar_active','#147DF4');
              document.documentElement.style.setProperty('--theme_head_color','#0dabf5');
              document.documentElement.style.setProperty('--theme_head_bar','linear-gradient(0deg,rgba(8,146,233,1),rgba(9,169,244,1),rgba(122,210,255,1))');
              document.documentElement.style.setProperty('--main_background',`url(${require('./assets/scbg.jpg')}) no-repeat`);
              document.documentElement.style.setProperty('--header_background','#09a4f1');
              document.documentElement.style.setProperty('--bg_color','white');
              document.documentElement.style.setProperty('--border-color','#C0C4CC');
              document.documentElement.style.setProperty('--main_color','#0c92d5');
              document.documentElement.style.setProperty('--scrollbar-color','#0c92d5 white');
              document.documentElement.style.setProperty('--hover-bg','#0c92d5');
              document.documentElement.style.setProperty('--hover-color','white');
              document.documentElement.style.setProperty('--summary-bg','linear-gradient(180deg, #0c92d5 0%, #0c92d5 100%)');
              document.documentElement.style.setProperty('--summary-color','#e6a23c');
              document.documentElement.style.setProperty('--summary-img-bg','#0c92d5');
              document.documentElement.style.setProperty('--echart_title','#09a4f1');
              document.documentElement.style.setProperty('--echart_border','5px solid #09a4f1');
              document.documentElement.style.setProperty('--echarts_map_bg','#5aaef1');
              document.documentElement.style.setProperty('--echarts_map_bg_start','#3384da');
              document.documentElement.style.setProperty('--echarts_map_spin','#ff9b41');
              document.documentElement.style.setProperty('--news_color','#88898d');
              document.documentElement.style.setProperty('--news_border','1px solid #C0C4CC');
              document.documentElement.style.setProperty('--tip_bg','#09a4f1');
              document.documentElement.style.setProperty('--tip_color','white');
              document.documentElement.style.setProperty('--boxborder_color','1px solid #09a4f1');
          }
        },
        autoSetScale() {
            let zoom = (window.innerHeight / 1080).toFixed(3)
            this.transformScale = `scale(${zoom})`
            this.width = `${(window.innerWidth * zoom).toFixed(2)}px`
        },
        userOrganList(){
          request.get(`/bis/insp/${this.persId}`).then(res=>{
            if(res.success){
              let allOrg = JSON.stringify(res.data.allOrg);
              localStorage.setItem("allOrg",allOrg)
            }
            // else{
            //   this.$message.warning(res.message)
            // }
          })
          //     .catch(error=>{
          //   this.$message.error(error)
          // })
        }
    },
    watch:{
      currentOrgId(val){
        this.localRefresh = false // 通过v-if移除router-view节点
        this.$nextTick(() => {
          this.localRefresh = true // DOM更新后再通过v-if添加router-view节点
        })
      },
      currentSystem(val){
        this.localRefresh = false // 通过v-if移除router-view节点
        this.$nextTick(() => {
          this.localRefresh = true // DOM更新后再通过v-if添加router-view节点
        })
      },
      // 当时为什么要根据persId是否变化来判断呢？
      persId(val){
        if(val){
          this.userOrganList()
        }
      }
    }
  }

</script>

<style>
:root {
  /* 背景色 */
  --theme_head_color:#0dabf5;
  --theme_head_bar:linear-gradient(0deg,rgba(8,146,233,1),rgba(9,169,244,1),rgba(122,210,255,1));
  --theme_head_bar_active:#147DF4;

  /*mainPage*/
  --main_background: url('./assets/scbg.jpg') no-repeat;
  --main_color:#0c92d5;
  --header_background:#09a4f1;
  --bg_color:white;
  --border-color:#C0C4CC;
  --scrollbar-color:#0c92d5 white;
  --hover-bg:#0c92d5;
  --hover-color:white;
  --summary-border: #66FBF9;
  --summary-bg:linear-gradient(180deg, #0c92d5 0%, #0c92d5 100%);
  --summary-color:#0c92d5;
  --summary-img-bg:#0c92d5;
  --echart_title:#09a4f1;
  --echart_border:5px solid #09a4f1;
  --echarts_map_bg:#5aaef1;
  --echarts_map_bg_start:#3384da;
  --echarts_map_spin: #ff9b41;
  --news_color:#000000;
  --news_border:1px solid #C0C4CC;
  --tip_bg:#09a4f1;
  --tip_color:white;
  --boxborder_color:1px solid #09a4f1;

}
*{
  margin: 0;
  padding: 0;
}
#app{
  height:100%;
  width:100%;
}
body .el-table th.gutter{
  display: table-cell!important;
}
/*滚动条样式*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/*正常情况下滑块的样式*/
::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .4);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: white;
}
/*鼠标悬浮在滚动条上的主干部分*/
::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: rgba(0, 0, 0, .01);
}
/*el-table thead默认样式更改*/
.el-table__header th,.el-table__header tr{
  background: rgba(235,243,251,1)!important;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1) !important;
  font-size: 14px !important;
  font-family: MicrosoftYaHei;
  font-weight: 400 !important;
  color: rgba(51,51,51,1);
}
tr.el-table__row {
  font-size:13px;
  font-family:MicrosoftYaHei;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.el-dialog__header {
  padding: 15px 20px 10px !important;
}
.el-dialog__title {
  line-height: 24px;
  font-size: 15px !important;
  color: #606266 !important;
  font-weight: bold !important;
}
.el-dialog__headerbtn {
  position: absolute;
  top: 15px !important;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}
.el-dialog__body {
  padding: 0px 20px !important;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}
</style>