应用中心和更新的逻辑

heyujie

2021-03-03 0961ee5718e67c942937647cf4ee471e236e4edc

 src/pages/shuohuangMonitorAnalyze/components/guideIndex.vue

@@ -76,6 +76,7 @@
          <div class="val">99%</div>
          <div class="trend">
            <el-progress
              class="defined-progress"
              :percentage="99"
              stroke-linecap="square"
              color="#1890ff"
@@ -105,7 +106,7 @@
            <el-tab-pane label="隐患事件趋势" name="hidDanderTrend"></el-tab-pane>
          </el-tabs>
          <div class="rt">
            <time-shortcut @actPickerChange="timeShortChange"></time-shortcut>
            <time-shortcut actPicker="week" @actPickerChange="timeShortChange"></time-shortcut>
            <el-date-picker
              v-model="searchHidDanderTime"
              type="datetimerange"
@@ -1111,10 +1112,10 @@
<style lang="scss">
.guide-index {
  .el-progress-bar__outer {
    border-radius: 5px;
    border-radius: 2px;
  }
  .el-progress-bar__inner {
    border-radius: 5px;
    border-radius: 2px;
  }
  .triangle {
    width: 0;
@@ -1133,6 +1134,27 @@
      border-right-color: transparent;
    }
  }
  .defined-progress{
    position: relative;
    &:before{
      content: '';
      position: absolute;
      width: 2px;
      height: 4px;
      background: #1890ff;
      top: -6px;
      right: -5px;
    }
    &:after{
      content: '';
      position: absolute;
      width: 2px;
      height: 4px;
      background: #1890ff;
      bottom: -6px;
      right: -5px;
    }
  }
  .tab-menu {
    .el-tabs__item {
      padding: 0 30px !important;