<template>
  <div
      id="app"
     >
    <router-view />
    </div>
</template>
<script setup>
const myWidth = ref(null)
const myHeight = ref(null)
const scalesNum = ref(1); // 缩放比例:

function resize_window() {
  // 因为设计图是带3840*1080的，但是浏览器本身带顶部工具栏，所以缩放到时候稍微更小一点，这样不会有滚动条，这个值可以选择更大些，比如2300，这样左右两边会有空白
  myWidth.value = document.documentElement.clientWidth;
  myHeight.value = document.documentElement.clientHeight;
  if (myHeight.value / 3840 !== 0 && myWidth.value / 3840 / (myHeight.value / 1080) >= 1) {
    scalesNum.value = myHeight.value / 1080;
  } else {
    scalesNum.value = myWidth.value / 3840;
  }
};

// window.addEventListener("resize", () => {
//   resize_window();
// });
// resize_window()

</script>

<style lang="scss">
@import "@/assets/styles/common.scss";
#app{
  margin: auto !important;
  height:100vh;
  padding: 0;

  transform-origin: 0 0;

  position:relative;

 
  margin:auto;
  overflow: hidden !important;
     
}
.app-container {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  background-color: $bodyBackGround;
}
.el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}
.el-input-number--small {
  height: 26px !important;
  line-height: 26px !important;
}
.el-textarea .el-input__count,
.el-input .el-input__count .el-input__count-inner {
  font-size: 8px;
  height: 12px;
  line-height: 12px;
  background: transparent !important;
}

.el-input-number--medium {
  width: auto;
  line-height: 28px;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: #b6b6b6;
}

/* el-table 滚动条样式 */
.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
  width: 0px;
}

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.2);
}

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.1);
}

.el-table__header-wrapper .has-gutter th:nth-last-child(2) {
  border-right: 0;
}

.handle {
  color: $handle;
}
.handle2 {
  color: $green;
}
.untreated {
  color: $white;
}
.untreated2 {
  color: $red;
}
.success{
  color:$wx
}
.fail{
  color:$handle
}


* {
  -webkit-text-size-adjust: auto !important;
}
.el-table::before {
  height: 0 !important;
}
.el-table,
.el-table__expanded-cell {
  background-color: $modularBackGround !important;
  border: 0 !important;
}
/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
  background-color: transparent !important;
  border: 0 !important;
  font-size: 12px;
  color: $white;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  padding:0;
  cursor: pointer;
}
.el-table th > .cell {
  font-size: 12px;
}
/*去除底边框*/
.el-table td.el-table__cell {
  border: 0;

}
.el-table th.el-table__cell.is-leaf {
  border: 0;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: $tableHover !important;
  color:#FFC46D;
}
.el-table thead {
  background-color: $tableHover !important;
}
.el-table th > .cell{
  color: #A1A8B3;
}
.el-table__empty-text {
  color: #fff !important;
  font-size: 12px;
  margin-top: 10px;
}
.el-table__body tr.current-row > td {
  background-color: $tableHover !important;
}
.el-table--medium th, .el-table--medium td{
  padding:0 !important;
  color:$white2;
}
tr .cell{
  padding-left:40px !important;
  text-align: left;
}
.el-loading-mask{
  background-color:transparent !important;
}
.el-table .el-table__cell{
  padding:2px 0 !important;
}
.el-table__cell{
  font-size: 10px;
}
.el-table__inner-wrapper::before{
   height:0 !important;
}
</style>

