资料馆，数据申请界面优化,综合展示三维截面分析

Surpriseplus

2023-02-26 303f5d5c1296bfdcec63f1de35f3f64739f14007

 src/views/Archive/index.vue

@@ -146,7 +146,10 @@
      </el-form>
    </div>
    <div class="contBox">
      <div class="archTopBox">
      <div
        id="archTopBox"
        class="archTopBox"
      >

        <div
          class="boxCard"
@@ -214,7 +217,7 @@
        </div>
      </div>
      <div class="archBottomBox">
        <div class="pagination_box">
        <div style="margin-top:10px">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
@@ -545,7 +548,7 @@
          </el-table-column>
        </el-table>
        <div class="archBottomBox">
          <div class="pagination_box">
          <div>
            <el-pagination
              @size-change="handleSizeChange1"
              @current-change="handleCurrentChange1"
@@ -1325,12 +1328,28 @@
    handleSizeChange(val) {
      this.listData.pageIndex = 1;
      this.listData.pageSize = val;
      this.getAllTabesData();
      switch (this.formInline.dataType) {

        case "type2"://文件数据
          this.getQueryFileData();
          break;
        case "type1"://数据库数据
          this.getQueryBankData();
          break;
      }

    },
    handleCurrentChange(val) {
      this.listData.pageIndex = val;
      this.getAllTabesData();
      switch (this.formInline.dataType) {

        case "type2"://文件数据
          this.getQueryFileData();
          break;
        case "type1"://数据库数据
          this.getQueryBankData();
          break;
      }
    },
    // 关键字查询
    submitForm() {
@@ -1350,16 +1369,22 @@

    },
    handleSizeChange1(val) {

      this.listBankData.pageIndex = 1;
      this.listBankData.pageSize = val;
      //获取table信息
      this.getCollapseTable(this.filedsLayer);



    },
    handleCurrentChange1(val) {
      // 将div的滚动条复位到顶部

      this.listBankData.pageIndex = val;
      //获取table信息
      this.getCollapseTable(this.filedsLayer);

    },
    //查询数据库数据
    async getQueryBankData() {
@@ -1507,8 +1532,7 @@
  height: calc(100% - 20px);
  padding: 10px;
  position: relative;
  overflow: auto;

  overflow: hidden;
  .menu_top {
    display: flex;
    justify-content: space-between;
@@ -1519,7 +1543,7 @@
  }
  .contBox {
    width: 100%;
    min-height: calc(100% - 111px);
    height: calc(100% - 111px);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
@@ -1527,6 +1551,10 @@

    .archTopBox {
      width: 100%;

      overflow: auto;

      position: relative;
      .cardItem {
        margin-bottom: 10px;
        margin-left: 20px;