添加时间筛选

zhanghua

2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3

 src/views/operate/log/index.vue

@@ -64,16 +64,19 @@
              @click="handleExport"
              >导出</el-button
            >
            <el-button class="el-icon-delete-solid">清空</el-button>
            <!-- <el-button class="el-icon-delete-solid">清空</el-button> -->
          </div>
        </div>
        <!-- 数据展示 -->
        <el-table
          border
          stripe
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            // background: '#06122c',
            background: '#F5F5F5',
            'font-size': '12px',
            color: '#4b9bb7',
            color: '#606266',
            'font-weight': '650',
            'line-height': '45px',
          }"
@@ -109,7 +112,7 @@
        <!-- tools -->
        <div class="tools">
          <div class="funs">
            <div class="funsItem funs-sp">
            <div class="funsItem funs-sp funs-first">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
@@ -301,7 +304,7 @@
        startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "",
        sort: mysort,
      });
      return arr.data.data;
      return arr;
    },
    // 批量下拉框操作
    async selectChange(list) {
@@ -427,23 +430,23 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;

  padding: 10px 20px;
  // color: #606266;
  border: 1px solid #ccc;
  header {
    background-color: white;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .header-nav {
      line-height: 40px;
      padding: 0 30px;
      padding-left: 10px;
      display: flex;
      justify-content: space-between;
      font-weight: 650;
    }

    .header-content {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      // justify-content: space-between;
@@ -463,10 +466,10 @@
          flex: 1;
          color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
          }
          //&::v-deep .el-input__inner {
          //  background-color: #09152f;
          //  border: 1px solid #17324c;
          //}
        }
        .el-select {
          flex: 1;
@@ -474,9 +477,9 @@
        .el-date-editor {
          flex: 1;
        }
        :deep(.el-range-input) {
          background-color: #09152f;
        }
        //:deep(.el-range-input) {
        //  background-color: #09152f;
        //}
      }
      .find {
        margin-left: 15px;
@@ -497,10 +500,10 @@
  }

  main {
    background-color: #09152f;
    background-color: white;
    margin-top: 20px;
    padding-bottom: 50px;
    border: 1pox solid #fff;
    border: 1px solid #fff;

    .el-link {
      color: #4b9bb7;
@@ -525,13 +528,15 @@
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px;
      //padding: 0 20px;

      .funs {
        display: flex;

        .funs-first {
          margin-left: 0 !important;
        }
        .funs-sp {
          border: 1px solid #17324c;
          border: 1px solid #dcdfe6;
        }

        .funsItem {
@@ -552,10 +557,10 @@
            width: 120px;
          }

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
          }
          //&::v-deep .el-input__inner {
          //  border: none;
          //  background-color: #09152f;
          //}

          &:hover {
            border: 1px solid #4b9bb7;
@@ -573,33 +578,33 @@
        line-height: 50px;
        justify-content: center;

        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            color: #4b9bb7;
          }

          &::v-deep .active {
            background-color: #409eff;
            color: #fff;
          }
        }
        //.el-pagination {
        //  &::v-deep li,
        //  &::v-deep .btn-prev,
        //  &::v-deep .btn-next {
        //    background-color: #071f39;
        //    color: #4b9bb7;
        //  }
        //
        //  &::v-deep .active {
        //    background-color: #409eff;
        //    color: #fff;
        //  }
        //}
      }
    }

    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #606266;
      // font-size: 10px;

      &::v-deep .el-table__empty-block {
        background-color: #09152f;
      }

      &::v-deep .el-table__empty-block {
        color: #4b9bb7;
      }
      //&::v-deep .el-table__empty-block {
      //  background-color: #09152f;
      //}
      //
      //&::v-deep .el-table__empty-block {
      //  color: #4b9bb7;
      //}

      .operation {
        display: flex;
@@ -607,20 +612,20 @@
        .line {
          padding: 0 5px;
        }

        color: var(--operation-color);
        span:hover {
          cursor: pointer;
        }
      }
    }

    .el-table::v-deep .warning-row {
      background: #06122c;
    }

    .el-table::v-deep .success-row {
      background: #071f39;
    }
    //.el-table::v-deep .warning-row {
    //  background: #06122c;
    //}
    //
    //.el-table::v-deep .success-row {
    //  background: #071f39;
    //}
  }
}
</style>
</style>