zuel-itsm-3.0.2/src/App.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "app",
  components: {},
  methods: {}
};
</script>

<style lang='less'>
.cube-picker-wheel-item{
  font-size: 12px!important;
}
* {
  font-family: "微软雅黑";
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fontBold{
  font-weight: bold;
}
.overflowEllipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical !important;
  text-overflow: -o-ellipsis-lastline;
}
.btn {
  display: inline-block;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  text-align: center;
  border-radius: 0.3rem;
  border-width: 0.01rem;
  border-style: solid;
  padding: 0 0.16rem;
  &.daipingjia {
    border-color: #e0872c;
    color: #e0872c;
    background: #fbf3e9;
  }
  &.daiqiangdan {
    border-color: #991f00;
    color: #991f00;
    background: #f4e8e5;
  }
  &.yiguanbi {
    border-color: #333;
    color: #333;
    background: #eee;
  }
  &.daishenhe {
    border-color: #825b00;
    color: #825b00;
    background: #f2eee5;
  }
  &.chulizhong {
    border-color: #003057;
    color: #003057;
    background: #e5eaee;
  }
  &.yijiejue {
    border-color: #40a19c;
    color: #40a19c;
    background: #ebf5f5;
  }
  &.chongxinzhipai {
    border-color: #48a843;
    color: #48a843;
    background: #ecf6ec;
  }
  &.daijiedan {
    border-color: #c2654e;
    color: #c2654e;
    background: #faf4f2;
  }
  &.zhixingzhong {
    border-color: #005395;
    color: #005395;
    background: #e5edf4;
  }
  &.yiwancheng {
    border-color: #056b00;
    color: #056b00;
    background: #e6f0e5;
  }
}

// 巡检详情按钮
.inspedtionDetail {
  .cube-switch-ui {
    border-color: #ccc !important;
    background-color: green !important;
  }
  .abnormal {
    .cube-switch-ui::before{
      border-color: #ccc !important;
      background-color: red !important;
    }
  }
}
// 新建事件按钮
.newIncident {
  .cube-btn.cube-btn_active,
  .cube-btn:active {
    background-color: #fff !important;
  }
}

// font-color 字体颜色
i.iconfont {
  &.icon-yiyuqi {
    color: #991f00;
  }
  &.icon-jijiang {
    color: #a37200;
  }
  &.icon-zhengchang {
    color: #056a00;
  }
}
.hcTable {
  padding: 0.1rem 0.24rem;
  table {
    border-collapse: collapse;
    border: 0.01rem solid #ccc;
    width: 100%;
    td {
      border: 0.01rem solid #ccc;
      text-align: center;
    }
  }
}
</style>