管道基础大数据平台系统开发-【前端】-新系統界面
584911253@qq.com
2023-02-25 9660afd3e2ed1b9bd87c9316f8b24c63ad4c9a4e
src/views/maintenance/downlog.vue
@@ -22,6 +22,7 @@
            >
              <el-input
                style="width: 200px"
                size="small"
                v-model="sizeForm.uname"
                :placeholder="$t('operatManage.operationLogObj.pleaseInput')"
              />
@@ -32,9 +33,10 @@
            >
              <el-select
                style="width: 200px"
                size="small"
                :popper-append-to-body="false"
                v-model="sizeForm.type"
                :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
                :placeholder="$t('operatManage.operationLogObj.operationTypeHolder')"
              >
                <el-option
                  :label="$t('downlog.type1')"
@@ -67,13 +69,14 @@
              :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"
                :popper-class="popperclass"
                :placeholder="$t('operatManage.operationLogObj.optionDate')"
                :placeholder="$t('operatManage.operationLogObj.startTimeHolder')"
              ></el-date-picker>
            </el-form-item>
            <el-form-item
@@ -84,9 +87,10 @@
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                v-model="sizeForm.end"
                size="small"
                style="width: 200px"
                type="datetime"
                :placeholder="$t('operatManage.operationLogObj.optionDate')"
                :placeholder="$t('operatManage.operationLogObj.endTimeHolder')"
              >
              </el-date-picker>
            </el-form-item>
@@ -110,6 +114,7 @@
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div
      class="table_box subpage_Div"
      :style="styleVar"
@@ -117,7 +122,7 @@
      <el-table
        :data="tableData"
        style="width: 100%"
        height="calc(100% - 57px)"
        height="calc(100% - 45px)"
      >
        <el-table-column
          align="center"
@@ -161,7 +166,7 @@
        />
      </el-table>
      <div
        style="margin-top: 25px"
        style="margin-top: 10px"
        class="pagination_box"
      >
        <el-pagination
@@ -225,7 +230,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 + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
      });
    },
    formatSize(row, column) {
@@ -366,18 +372,17 @@
.logLog_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5% 1%;
  .el-input {
    width: 300px;
  }
  .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: 5px;
    }