运维管理样式修改

584911253@qq.com

2023-02-25 9660afd3e2ed1b9bd87c9316f8b24c63ad4c9a4e

 src/views/maintenance/logLog.vue

@@ -16,6 +16,7 @@
              :label="$t('operatManage.operationLogObj.username')"
            >
              <el-input
                  size="small"
                style="width: 200px"
                v-model="sizeForm.uname"
                :placeholder="$t('operatManage.operationLogObj.pleaseInput')"
@@ -26,10 +27,11 @@
              :label="$t('operatManage.operationLogObj.operationType')"
            >
              <el-select
                  size="small"
                style="width: 200px"
                :popper-append-to-body="false"
                v-model="sizeForm.type"
                :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
                :placeholder="$t('operatManage.operationLogObj.operationTypeHolder')"
              >
                <el-option :label="$t('loglog.login')" value="1" />
                <el-option :label="$t('loglog.checkout')" value="2" />
@@ -41,12 +43,13 @@
              :label="$t('operatManage.operationLogObj.startTime')"
            >
              <el-date-picker
                  size="small"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                v-model="sizeForm.start"
                style="width: 200px"
                type="datetime"
                :placeholder="$t('operatManage.operationLogObj.optionDate')"
                :placeholder="$t('operatManage.operationLogObj.startTimeHolder')"
              ></el-date-picker>
            </el-form-item>
            <el-form-item
@@ -54,12 +57,13 @@
              :label="$t('operatManage.operationLogObj.endTime')"
            >
              <el-date-picker
                  size="small"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                v-model="sizeForm.end"
                style="width: 200px"
                type="datetime"
                :placeholder="$t('operatManage.operationLogObj.optionDate')"
                :placeholder="$t('operatManage.operationLogObj.endTimeHolder')"
              >
              </el-date-picker>
            </el-form-item>
@@ -85,9 +89,10 @@
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <!-- 表格显示 -->
    <div class="table_box subpage_Div" :style="styleVar">
      <el-table :data="tableData" style="width: 100%" height="calc(100% - 57px)">
      <el-table :data="tableData" style="width: 100%" height="calc(100% - 45px)">
        <el-table-column
          width="150"
          type="index"
@@ -118,7 +123,7 @@
        />
      </el-table>
      <!-- 分页 -->
      <div style="margin-top: 25px" class="pagination_box">
      <div style="margin-top: 10px" class="pagination_box">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -180,7 +185,8 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 97}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
        // this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
      });
    },
    //格式化列表
@@ -305,16 +311,16 @@
.logLog_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5% 1%;

  .inquire {
   
    padding: 8px;
    margin-top: 20px;

    padding: 0 8px;
    //margin-top: 20px;

    border-radius: 5px;

    margin-bottom: 20px;
    //margin-bottom: 20px;
    .el-form-item {
      margin-bottom: 5px;
    }