代码优化

linwe

2024-08-09 5e2aafeede13d337380f736567caf74f49713be7

 src/styles/avue-ui.scss

@@ -1,122 +1,167 @@
body {
    .avue--disabled {
        color: #777 !important;
        cursor: not-allowed;
    }
  .avue--disabled {
    color: #777 !important;
    cursor: not-allowed;
  }
}

.place-info-box {
    .el-dialog {
  .el-dialog {
    display: flex;
    flex-direction: column;
    height: 72% !important;

    .el-dialog__header {
      padding-top: 10px !important;
      padding-bottom: 10px !important;

      .el-dialog__headerbtn {
        top: 10px !important;
      }
    }

    .el-dialog__body {
      padding: 0px !important;
      padding-bottom: 10px !important;
      height: 0 !important;
      flex: 1;

      .el-tabs {
        display: flex;
        flex-direction: column;
        height: 72% !important;
        height: 100% !important;

        .el-dialog__header {
            padding-top: 10px !important;
            padding-bottom: 10px !important;

            .el-dialog__headerbtn {
                top: 10px !important;
            }
        .el-tabs__content {
          flex: 1;
        }

        .el-dialog__body {
            padding: 0px !important;
            padding-bottom: 10px !important;
            height: 0 !important;
            flex: 1;

            .el-tabs {
                display: flex;
                flex-direction: column;
                height: 100% !important;

                .el-tabs__content {
                    flex: 1;
                }
            }
        }
      }
    }
  }
}

.audit-info-box {
    .el-dialog {
        height: auto !important;
    }
  .el-dialog {
    height: auto !important;
  }
}

.turn-over-popup {
    .el-dialog {
        width: 520px !important;
    }
  .el-dialog {
    width: 520px !important;
  }
}

.cur-house-hold-box {
    .avue-crud__left {
        flex: 1;
    }
  .avue-crud__left {
    flex: 1;
  }
}

.cur-resident-supervision-page,
.cur-house-hold-supervision-page {
    margin: 10px !important;
    margin-top: 0 !important;
    padding: 0 !important;
.cur-resident-supervision-page {
  .echarts-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px 0;
    justify-content: space-between;

    .echarts-wrap {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        justify-content: space-between;
    .echarts-cell {
      //   margin: 0 5px;
      height: 300px;
      width: calc(25% - 10px);
      display: flex;
      flex-direction: column;
      background: #fff;


        // .echarts-cell:nth-child(1),
        // .echarts-cell:nth-child(2) {
        //     height: 300px;
        //     width: calc(50% - 5px);
        // }

        // .echarts-cell:nth-child(3),
        // .echarts-cell:nth-child(4),
        // .echarts-cell:nth-child(5) {
        //     margin-top: 10px;
        //     height: 300px;
        //     width: calc((100% / 3) - 6.66px);
        // }

        .echarts-cell {
            margin: 0 5px;
            height: 300px;
            width: calc(20% - 10px);
            display: flex;
            flex-direction: column;
            background: #fff;

            .echarts-item {
                padding: 10px;
                width: 100%;
                height: 0;
                flex: 1;
            }
        }

    }

    .cur-from-box {
        margin-top: 10px;
      .echarts-item {
        box-sizing: border-box;
        padding: 10px;
        background: #fff;
        width: 100%;
        height: 0;
        flex: 1;
      }
    }

  }

  .cur-from-box {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
  }

  .echarts-cell:first-child {
    margin-left: 0;
  }

  .echarts-cell:last-child {
    margin-right: 0;
  }
}

.cur-house-hold-supervision-page {
    .echarts-cell:nth-child(1) {
        width: 0;
  .echarts-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;


    // .echarts-cell:nth-child(1),
    // .echarts-cell:nth-child(2) {
    //     height: 300px;
    //     width: calc(50% - 5px);
    // }

    // .echarts-cell:nth-child(3),
    // .echarts-cell:nth-child(4),
    // .echarts-cell:nth-child(5) {
    //     margin-top: 10px;
    //     height: 300px;
    //     width: calc((100% / 3) - 6.66px);
    // }

    .echarts-cell {
      margin: 0 5px;
      height: 300px;
      width: calc(20% - 10px);
      display: flex;
      flex-direction: column;
      background: #fff;

      .echarts-item {
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        height: 0;
        flex: 1;
      }
    }

    .echarts-cell:nth-child(2) {
        width: 0;
        flex: 2;
    }
}
  }

  .cur-from-box {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
  }

  .echarts-cell:first-child {
    margin-left: 0;
  }

  .echarts-cell:last-child {
    margin-right: 0;
  }
}

.cur-house-hold-supervision-page {
  .echarts-cell:nth-child(1) {
    width: 0;
    flex: 1;
  }

  .echarts-cell:nth-child(2) {
    width: 0;
    flex: 2;
  }
}