:预警研判

“dzb”

2022-11-02 12fd8f6b04b26ef02bccdf5fd0bcefb59541c7f6

 src/App.vue

@@ -3,12 +3,163 @@
    <router-view />
  </div>
</template>

<style >

</style>
<script>
export default {

export default {
  data() {
    return {
      mytitle: '',
    }
  },
  async created() {
    const imgObj = await this.getIcon();
    this.changIcon(imgObj);
  },
  methods: {
    changIcon(obj) {
      var link = document.querySelector("link [rel*='icon']") || document.createElement("link");
      var title = document.querySelector("title") || document.createElement("title");
      link.type = "image/x-icon";
      link.rel = "shortcut icon";
      link.href = obj.chromeLinkUrl;  //icon图标
      title.innerHTML = obj.title;
      document.getElementsByTagName("head")[0].appendChild(link);
      document.getElementsByTagName("head")[0].appendChild(title);
    },
    // 获取icon
    async getIcon() {
      let result;
      const pic = JSON.parse(sessionStorage.getItem('pic'));
      if (pic) {
        result = pic;
        // console.log('缓存')
      } else {
        // console.log('请求');
        await this.$axios({
          method: 'get',
          url: 'sccg/system/portal/logo/search',
        }).then(res => {
          result = res.data;
          sessionStorage.setItem('pic', JSON.stringify(result));
        })
      }
      return result;
    },
  }
};
</script>
</script>
<style lang="scss">
.el-select-dropdown__item {
  height: 100% !important;
}

.el-select-dropdown,
.popper-class {
  background-color: #17324c !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #17324c !important;
}

.el-tree {
  background-color: #09152f !important;
}

.el-tree-node__content:hover,
.el-upload-list__item:hover {
  background-color: #09152f !important;
  color: #4b9bb7 !important;
}

.el-tree-node:focus>.el-tree-node__content {
  background-color: #070f22 !important;
  color: #4b9bb7
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #070f22;
}

/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #070f22;
}

/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555;
}

// 设置dialog样式
.el-dialog__header,
.el-dialog__body {
  background-color: #06122c;
}

.el-dialog__header {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 20px;
  line-height: 60px;
}

.el-dialog__close {
  width: 20px;
  height: 20px;
  // color: #fff;
}

.el-dialog__body {
  padding: 0;
}

#app {
  // 设置弹出框样式
  .el-dialog__title {
    color: #4b9bb7;
  }

  // 设置table样式
  .el-table__empty-block {
    background-color: #09152f;
  }

  .el-table__empty-block {
    color: #4b9bb7;
  }

  .el-table__empty-text {
    color: #4b9bb7;
  }

  .el-table .warning-row {
    background: #06122c;
  }

  .el-table .success-row {
    background: #071f39;
  }

  .el-input__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
  }
  .el-textarea__inner{
    background-color: #09152f;
    border: 1px solid #17324c;
  }
}
</style>