修改样式

src/views/dehumidificationSystem/airClamp.vue

        arr1obj: {
          txt: '浦口侧上游排气夹',
          '7709': 0,
          '7710': 1,
          '7711': 2
          '7710': 1
        },
        arr1: [],
        arr2obj: {
        arr6obj: {
          txt: '建邺侧上游排气夹',
          '7697': 0,
          '7698': 1,
          '7699': 2
          '7698': 1
        },
        arr6: [],
        arr7obj: {
          txt: '建邺侧下游排气夹',
          '7703': 0,
          '7704': 1,
          '7705': 2
          '7704': 1
        },
        arr7: [],
        arr8obj: {
        arr12obj: {
          txt: '浦口侧下游排气夹',
          '7715': 0,
          '7716': 1,
          '7717': 2
          '7716': 1
        },
        arr11: [],
        unitObj: {
          return
        }
        this.blockShow = true
        const array1 = ['', '', '']
        const array1 = ['', '']
        const array2 = ['', '', '']
        const array3 = ['', '']
        const array4 = ['', '']
        const array5 = ['', '', '']
        const array6 = ['', '', '']
        const array7 = ['', '', '']
        const array6 = ['', '']
        const array7 = ['', '']
        const array8 = ['', '', '']
        const array9 = ['', '']
        const array10 = ['', '']
        const array11 = ['', '', '']
        const array12 = ['', '', '']
        const array12 = ['', '']
        Object.keys(res['01']).forEach((key) => {
          res['01'][key].forEach((item) => {
            const code = item.code
        background-color: rgba(246, 250, 255, 0.8);
        &:nth-child(2) {
          top: 215px;
          top: 223px;
          left: 201px;
        }
        }
        &:nth-child(6) {
          top: 132px;
          top: 137px;
          right: 290px;
        }
        &:nth-child(7) {
          top: 215px;
          top: 223px;
          right: 146px;
        }
        background-color: rgba(246, 250, 255, 0.8);
        &:nth-child(2) {
          top: 215px;
          top: 223px;
          left: 147px;
        }
        }
        &:nth-child(7) {
          top: 215px;
          top: 223px;
          right: 201px;
        }

src/views/dehumidificationSystem/history.vue

              switch (this.truObject[key]) {
                case '01':
                  echObj.color.push('#5793f3')
                  echObj.yAxis.push(this.yAxisFun('温度', -50, 100, 'left', '#5793f3', '℃'))
                  echObj.yAxis.push(this.yAxisFun('温度', -20, 100, 'left', '#5793f3', '℃'))
                  echObj.series.push(this.seriesFun('温度', 'line', idx, []))
                  echObj.legend.push('温度')
                  break
                  break
                case '03':
                  echObj.color.push('#675bba')
                  echObj.yAxis.push(this.yAxisFun('压力', 0, 250, 'right', '#675bba', 'kPa'))
                  echObj.yAxis.push(this.yAxisFun('压力', 0, 10, 'right', '#675bba', 'kPa'))
                  echObj.series.push(this.seriesFun('压力', 'bar', idx, []))
                  echObj.legend.push('压力')
                  break
                case '04':
                  const yItem = this.yAxisFun('风量', 0, 250, 'right', '#67C23A', 'm³/h')
                  const yItem = this.yAxisFun('风量', 0, 100, 'right', '#67C23A', 'm³/h')
                  if (echObj.color.indexOf('#675bba') >= 0) {
                    yItem.offset = 80
                  }

src/views/layout/Layout.vue

      <navbar></navbar>
      <app-main></app-main>
    </div>
    <div class="main-footer">
      <div style="margin:0 auto;line-height:20px;color:#939393; padding:12px 0;overflow: hidden;width:380px">
        <a style="margin: 0 5px 0 0;float:left">京ICP备16026450号-2 |</a>
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802027571" style="display:inline-block;text-decoration:none;float:left">
          <img src="./img/beian.png" width="18" style="float:left;"/>
          <p style="float:left;margin: 0 0 0 5px;">京公网安备 11010802027571号</p>
        </a>
      </div>
    </div>
  </div>
</template>

src/views/layout/com.vue

      <nava></nava>
      <app-main></app-main>
    </div>
    <div class="main-footer">
      <div style="margin:0 auto;line-height:20px;color:#939393; padding:12px 0;overflow: hidden;width:380px">
        <a style="margin: 0 5px 0 0;float:left">京ICP备16026450号-2 |</a>
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802027571" style="display:inline-block;text-decoration:none;float:left">
          <img src="./img/beian.png" width="18" style="float:left;" />
          <p style="float:left;margin: 0 0 0 5px;">京公网安备 11010802027571号</p>
        </a>
      </div>
    </div>
  </div>
</template>

src/views/login/index.vue

<template>
  <div class="login-container">
  <div class="login-container loginBox">
    <div class="logo-wrapper">
      <div class="logo-img"></div>
    </div>
    <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left">
    <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" style="position: static">
      <h3 class="title">登录</h3>
      <el-form-item prop="username">
        <span class="svg-container svg-container_login">
        <el-button v-waves type="text" @click.native.prevent="goBackPwd">忘记密码？</el-button>
      </el-form-item>
    </el-form>
    <div class="main-footer">
        <div style="margin:0 auto;line-height:20px;color:#939393; padding:12px 0;overflow: hidden;width:380px">
          <a style="margin: 0 5px 0 0;float:left">京ICP备16026450号-2 |</a>
          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802027571" style="display:inline-block;text-decoration:none;float:left">
            <img src="../layout/img/beian.png" width="18" style="float:left;"/>
            <p style="float:left;margin: 0 0 0 5px;">京公网安备 11010802027571号</p>
          </a>
        </div>
      </div>
  </div>
</template>
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .loginBox {
    display: flex;
    align-items: center;
    justify-content: center;
    .logo-wrapper {
      position: fixed;
      top: 0
    }
  }
  .main-footer{
    z-index: 2002;
    position:fixed;
    background: #f5e2e6;
    border-top:1px solid #e6e6e6;
    bottom:0;
    left:0;
    right:0;
    font-size:14px;
    text-align: center;
    color: #333;
    opacity:0.8;
  }
</style>