对比库管理

heyujie

2021-12-07 4ff29e301de38488db0ff04f0209c99e37cf30b4

 src/pages/syslog/views/pollingLog.vue

@@ -16,21 +16,32 @@
        <div class="search">

          <el-input

            placeholder="搜索"

            v-model="procName"

            v-model="fuzzySearch"

            size="small"

            class="input-with-select"

            @keyup.enter.native="getOperationLog(1)"

          >

            <span

              class="icon iconfont"

              class="icon iconfont icon_clear"

              @click="clearSearch"

              slot="append"

              v-if="fuzzySearch"

            >

              &#xe785;

            </span>

            <span

              class="icon iconfont icon_search"

              @click="getOperationLog(1)"

              slot="append"

              v-else

            >

              &#xe714;

            </span>



            <!-- <el-button

              slot="append"

              icon="el-icon-search"

              @click="getScheduleLog"

              @click="getOperationLog(1)"

            ></el-button> -->

          </el-input>

        </div>

@@ -47,6 +58,7 @@
          @change="dateChange"

          end-placeholder="结束日期"

          :picker-options="pickerOptions"

          popper-class="pollingLog_timePicker"

        >

        </el-date-picker>

      </div>

@@ -290,6 +302,11 @@
    },

    handleSelectionChange() {},

    handleClose() {},

    getOperationLog() {},

    clearSearch() {

      this.fuzzySearch = "";

      this.getOperationLog(1);

    },

  },

};

</script>

@@ -458,6 +475,13 @@
      }



      tr {

        td:first-child {

          border-radius: 4px 0 0 4px;

        }

        td:last-child {

          border-radius: 0 4px 4px 0;

        }



        &.current-row td {

          background-color: #4e94ff !important;

          color: #fff;

@@ -492,4 +516,55 @@
    background-color: white;

  }

}



.pollingLog_timePicker {

  width: 520px !important;

  * {

    font-size: 12px !important;

    min-width: 0px !important;

  }



  .el-date-range-picker__time-header {

    border: none;

  }



  .el-date-range-picker__content {

    padding: 2px 9px;

  }



  .el-date-table th {

    pad: 0 5px;

  }



  .el-picker-panel__shortcut {

    padding-left: 20px;

    padding-bottom: 10px;

  }



  .el-picker-panel__footer {

    padding: 0 20px 10px 0;

    background-color: none;

    display: flex;

    justify-content: end;

    border: none;

    button {

      display: block;

      width: 54px;

      height: 24px;

      border: 1px solid #e0e0e0;

      border-radius: 25px;

      line-height: 9px;



      &:first-child {

        color: #4f4f4f !important;

      }



      &:last-child {

        color: #fff !important;

        background-color: #4e94ff !important;

        border-color: #4e94ff !important;

      }

    }

  }

}

</style>