<script>
import store from './store/index.js'
import jwt from '@/api/jwt.js'
import globalMixin from './globalMixin'
export default {
  mixins: [globalMixin],
  onLaunch: function (e) {
    console.log('App Launch')
    const { token } = e.query
    if (token) {
      jwt.setAccessToken(token)
    }
    if (!store.state.user_access_token) {
      //未登录
      uni.redirectTo({
        url: '/pages/login/login',
      })
    } else {
      this.$store.dispatch('getUserInfo')
      // console.log(store.state.user_access_token)
    }
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  },
}
</script>

<style>
@windicss;
</style>
<style lang="scss">
@import 'uview-ui/index.scss';
/*每个页面公共css */
uni-modal {
  z-index: 999999 !important;
}

body,
uni-page-body {
  background-color: #f8f8f8;
}

.cu-form {
  .u-form-item--left {
    // min-height: 76rpx;
    // align-items: center !important;
    // line-height: 42rpx;
  }
}

.bg-page {
  width: 100%;
  min-height: 100%;
  background-color: #eeeeef;
  position: absolute;
  left: 0;
  top: 0;
}
.mt24 {
  margin-top: 24rpx;
}
.mt12 {
  margin-top: 12rpx;
}
.mt20 {
  margin-top: 20rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr30 {
  margin-right: 30rpx;
}
.ml20 {
  margin-left: 20rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.pdlr30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.pdlr12 {
  padding-left: 12rpx;
  padding-right: 12rpx;
}
.pdlr24 {
  padding-left: 24rpx;
  padding-right: 24rpx;
}
.pdlr18 {
  padding-left: 18rpx;
  padding-right: 18rpx;
}
.pdl40 {
  padding-left: 40rpx;
}
.pdlr12 {
  padding-left: 12rpx;
  padding-right: 12rpx;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-1 {
  flex: 1;
}
.align-items {
  align-items: center;
}
.align-items-c {
  align-items: center;
}
.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.clamp-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cu-btn {
  height: 60rpx;
  flex-shrink: 0;
  font-size: 24rpx;
  position: relative;
  border: 0rpx;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 30rpx;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  overflow: visible;
  margin-left: initial;
  transform: translate(0rpx, 0rpx);
  margin-right: initial;
}
.cu-btn.round {
  border-radius: 1000rpx;
  border: none;
}
.cu-btn::after {
  display: none;
}
.cu-btn[class*='bg-']::after {
  display: none;
}
.cu-btn.round[class*='line']::after {
  border-radius: 1000rpx;
}
.cu-btn.button-hover {
  transform: translate(1rpx, 1rpx);
}
.cu-btn[class*='line'] {
  background-color: transparent;
}
.handle-btn .u-btn.u-btn--warning--disabled {
  color: #ffffff !important;
  border-color: #c0c0c0 !important;
  background-color: #c0c0c0 !important;
}
.cu-btn[class*='line']::after {
  content: ' ';
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1rpx solid currentColor;
  transform: scale(0.5);
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 12rpx;
  z-index: 1;
  pointer-events: none;
}
.safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.status_bar_top {
  padding-top: var(--status-bar-height);
}
.input-placeholder,
.textarea-placeholder {
  color: #c3c3c3;
}
.list_arrowR::after {
  content: '';
  width: 15rpx;
  height: 25rpx;
  position: absolute;
  right: 10rpx;
  top: 50%;
  transform: translateY(-50%);
  background: url('./static/img/my_arrow_right.png') no-repeat center;
  background-size: 100%;
}

.bg_colorf8 {
  background-color: #f8f8f8;
}
//公用 顶部筛选样式
.secreen-section {
  .slot-content {
    padding: 30rpx;
  }
  .dropdown-box {
    &.downClose {
      .u-dropdown__content {
        visibility: hidden;
      }
    }
  }
  .select-date {
    padding: 30rpx;
    display: flex;
    align-items: center;
    font-size: 28rpx;
    margin-bottom: 40rpx;
    .time_box {
      display: flex;
      align-items: center;
      height: 44rpx;
      .tip_txt {
        color: #ccc;
      }
      .delete_btn {
        padding: 15rpx;
        margin-left: 15rpx;
      }
    }
  }
  .btn_group {
    display: flex;
    justify-content: space-around;
    .btn {
      width: 300rpx;
    }
  }
  .quick_times {
    padding: 18rpx 24rpx 24rpx 24rpx;
    .tab-section {
      display: flex;
      flex-direction: row;
      align-items: center;
      overflow: hidden;
      position: relative;
      height: 72rpx;
      background-color: rgb(238, 238, 239);
      padding: 6rpx;
      border-radius: 10rpx;
      .tab-item {
        flex: 1;
        text-align: center;
        font-size: 28rpx;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: #303133;
        padding: 0 6rpx;
        &.active {
          font-weight: bold;
          background-color: rgb(255, 255, 255);
        }
      }
    }
  }
}
// 图表标题通用
.chart_section {
  .top_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24rpx 30rpx;
    // margin-bottom: 20rpx;
    font-size: 28rpx;
    .tit {
      font-size: 28rpx;
      font-weight: bold;
      .unit {
        font-weight: 500;
        margin-left: 16rpx;
        font-size: 24rpx;
      }
    }
  }
}
//弹出预警温度
.u-popup-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  .top_box {
    height: 96rpx;
    padding: 0 40rpx;
    .title {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      font-weight: bold;
    }
  }
  .form_cont {
    padding: 0 30rpx;
    .title2 {
      font-size: 30rpx;
      font-weight: bold;
      padding: 20rpx 0;
    }
    .label_tit {
      padding-top: 28rpx;
    }
  }
  .label_tit {
    padding: 18rpx 0;
  }
  .scroll-y {
    flex: 1;
    flex-shrink: 0;
    min-height: 1px;
  }
  .input_unit_ibox {
    padding: 0 24rpx;
  }
  .buttom_section {
    display: flex;
    justify-content: space-around;
    padding: 40rpx 24rpx 40rpx 24rpx;
    .btn {
      width: 220rpx;
    }
  }
}
//公用底部弹出详情
.popup-form-info {
  min-height: 450rpx;
  padding-bottom: 75rpx;
  .top_box {
    height: 96rpx;
    padding: 0 40rpx;
    .title {
      padding: 20rpx;
      text-align: center;
      font-size: 32rpx;
      font-weight: bold;
    }
    .handle-btns {
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 30rpx;
      .btn_del {
        color: #fa3534;
      }
      .btn_edit {
        color: #2979ff;
      }
    }
  }
  .form_edit {
    padding: 0 30rpx;
  }
  .plist {
    display: flex;
    padding: 20rpx 40rpx;
    .label_t {
      width: 100px;
    }
    .flex-1 {
      word-break: break-all;
    }
  }
}
//弹窗表单详情编辑
.popup-form-ubox {
  height: 100%;
  display: flex;
  flex-direction: column;
  .top_box {
    height: 96rpx;
    padding: 0 40rpx;
    .title {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
      font-weight: bold;
    }
  }
  .form_edit {
    padding: 0 30rpx;
    .label_tit {
      padding-top: 28rpx;
    }
    .input_box {
      width: 100%;
      padding: 0 12rpx;
    }
  }
  .label_tit {
    padding: 18rpx 0;
  }
  .scroll-y {
    flex: 1;
    flex-shrink: 0;
    min-height: 1px;
  }
  .buttom_section {
    display: flex;
    justify-content: space-around;
    padding: 40rpx 24rpx 40rpx 24rpx;
    .btn {
      width: 220rpx;
    }
  }
}
// 公用 swiper列表样式
.tb_swipe_list {
  margin-bottom: 24rpx;
  border-radius: 6rpx;
  .tb_body {
    padding: 16rpx;
    background-color: #fff;
    position: relative;

    .row_box {
      font-size: 28rpx;
      line-height: 40rpx;
      color: #333;
      &:nth-of-type(1) {
        font-size: 30rpx;
        margin-bottom: 5rpx;
        padding-right: 100rpx;
      }
    }
    .tag_status {
      position: absolute;
      right: 30rpx;
      top: 20rpx;
    }
  }
}
.tip_err_text {
  font-size: 28rpx;
  color: #fa3534;
}
.secreen-show-box {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 20rpx 30rpx;
  color: #666;
}
.placeholder {
  color: rgb(192, 196, 204);
}
.u-select-list {
  display: flex;
  position: relative;
  padding-right: 70rpx;
  .value {
    line-height: initial;
  }
  .placeholder {
    line-height: initial;
  }
  .right {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
  }
}
.popup-select-section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .top_section {
    padding: 30rpx;
    .title {
      font-size: 32rpx;
    }
  }
  .scrollY {
    flex: 1;
    width: 100%;
    min-height: 300rpx;
  }
  .info_cont {
    padding: 0 30rpx;
  }
  .buttom_section {
    display: flex;
    padding: 30rpx;
    justify-content: space-around;
    .btn {
      width: 240rpx;
    }
  }
  .select-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30rpx;
    .select-item {
      border: 1px solid #2979ff;
      color: #2979ff;
      padding: 4rpx 28rpx;
      border-radius: 72rpx;
      margin-top: 20rpx;
      margin-right: 20rpx;
      &.active {
        color: #fff;
        background-color: #2979ff;
      }
    }
  }
}
.page-top-title-box {
  display: flex;
  align-items: center;
  padding: 24rpx 30rpx;
  background-color: #fff;
  justify-content: space-between;
  border-top: 12rpx solid #eeeeef;
  .title {
    font-size: 32rpx;
    font-weight: bold;
  }
  .handle-option {
    .btn {
      font-size: 32rpx;
      height: 60rpx;
      padding: 0 40rpx;
      background-color: rgb(42, 125, 201);
    }
  }
}
.nav_slot_right_box {
  padding-right: 20rpx;
  .custom_btn {
    color: #fff;
    font-size: 32rpx;
    padding: 20rpx;
  }
}
.search-box {
  background-color: #fff;
  padding: 20rpx;
  .search-input-vh {
    padding: 12rpx 20rpx;
    border-radius: 30rpx;
    font-size: 28rpx;
    &::after {
      border-radius: 30rpx;
      border-color: #ddd;
    }
    .placeholder_text {
      color: #c3c3c3;
    }
  }
}
.popup-screen-groups {
  padding-top: 46px;
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  .row_ul {
    padding-top: 30rpx;
  }
  .row_list {
    padding: 0 20rpx;
    margin-bottom: 16rpx;
    .label_tit {
      width: 120rpx;
      text-align: right;
      margin-right: 20rpx;
      &.small {
        width: 90rpx;
      }
    }
  }
  .scroll-y {
    flex: 1;
    flex-shrink: 0;
    min-height: 1px;
  }
  .buttom_section {
    display: flex;
    justify-content: space-around;
    padding: 30rpx 24rpx;
    .btn {
      width: 220rpx;
      &.small_btn {
        width: 300rpx;
        height: 64rpx;
      }
    }
  }
}
.scrollY {
  width: 100%;
  height: 100%;
}
.u-select-input-list {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: row;
  border-radius: 8rpx;
  min-height: 72rpx;
  border: 1px solid #dcdfe6;
  padding: 0 20rpx;
  .select_wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 28rpx;
    color: #000;
  }
  .right-icon {
    .u-icon__icon {
      margin-left: 10rpx;
      color: rgb(192, 196, 204);
    }
  }
}

.dropdownClose {
  .u-dropdown__content {
    pointer-events: none;
  }
}

.right-part {
  .full-switch {
    display: none;
  }
}
.left-part{
  .live-mode{
    display: none;
  }
}
</style>
