修改目录管理样式

王旭

2023-02-23 78b543ca7046ff1fa0b1727821e789bfb3291814

修改目录管理样式

 src/views/datamanage/SpatialData.vue

@@ -115,7 +115,6 @@
                  @click="showDetail(scope.$index, scope.row)"
                >{{$t('common.details')}}</el-button>
                <el-button
                 type="primary"
                  plain
                  size="small"
                  @click="getAttachTable(scope.$index, scope.row)"

 src/views/datamanage/catalogueManage.vue

@@ -1,14 +1,15 @@
<template>
  <div class="subpage_Box">
    <div class="cataLogContent">
      <div class="cataLog_leftTree subpage_Div">
        <My-bread
          :list="[
            `${$t('dataManage.dataManage')}`,
            `${$t('dataManage.catalogueManage')}`,
          ]"
        ></My-bread>
        <el-divider />
          <My-bread
        :list="[
          `${$t('dataManage.dataManage')}`,
          `${$t('dataManage.catalogueManage')}`,
        ]"
      ></My-bread>
      <el-divider />
    <div class="mainBox">

      <div class="cataLogContent leftTree subpage_Div">
        <div style="min-width: 450px">
          <el-tree
            ref="tree"
@@ -23,8 +24,9 @@
          </el-tree>
        </div>
      </div>
      <div class="cataLog_rightContent subpage_Div">
      <div class="cataLog_rightContent right subpage_Div">
        <div
        class="inquire"
          style="
            align-items: center;
            display: flex;
@@ -112,8 +114,8 @@
            </div>
          </div>
        </div>
        <el-divider />
        <el-form :model="itemdetail" ref="itemdetail" :rules="rules">
        
        <el-form :model="itemdetail" ref="itemdetail" :rules="rules" style="position: relative;">
          <el-form-item
            prop="name"
            :label="$t('dataManage.dataUpObj.directoryName')"
@@ -140,7 +142,7 @@
              v-model="itemdetail.exts"
              type="textarea"
              resize="none"
              style="height: 100%; overflow: auto;max-width: 400px;"
              style="height: 100%; overflow: auto; max-width: 400px"
            />
          </el-form-item>
          <el-form-item
@@ -151,7 +153,7 @@
              v-model="itemdetail.checks"
              type="textarea"
              resize="none"
              style="height: 100%; overflow: auto;max-width: 400px;"
              style="height: 100%; overflow: auto; max-width: 400px"
            />
          </el-form-item>
          <el-form-item
@@ -163,7 +165,7 @@
              disabled
              type="textarea"
              resize="none"
              style="height: 100%; overflow: auto;max-width: 400px;"
              style="height: 100%; overflow: auto; max-width: 400px"
            />
          </el-form-item>
          <el-form-item
@@ -237,7 +239,7 @@
            v-model="ruleForm.exts"
            type="textarea"
            resize="none"
            style="height: 100%; overflow: auto; "
            style="height: 100%; overflow: auto"
          />
        </el-form-item>
        <el-form-item
@@ -248,7 +250,7 @@
            v-model="ruleForm.checks"
            type="textarea"
            resize="none"
            style="height: 100%; overflow: auto; "
            style="height: 100%; overflow: auto"
          />
        </el-form-item>
        <el-form-item
@@ -260,7 +262,7 @@
            disabled
            type="textarea"
            resize="none"
            style="height: 100%; overflow: auto; "
            style="height: 100%; overflow: auto"
          />
        </el-form-item>
        <el-form-item
@@ -580,18 +582,20 @@
      }
    },
    setDelNode() {
      this.$confirm('此操作将永久删除该目录, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.remove(this.newNode, this.itemdetail)
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
      this.$confirm("此操作将永久删除该目录, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.remove(this.newNode, this.itemdetail);
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
      });
    },
    setNewNode(res) {
      var id, lever, orderNum;
@@ -901,35 +905,71 @@
.subpage_Box {
  height: 96%;
  width: 98%;
 padding: 1%;
  padding: 1%;
  border-radius: 10px;
  .cataLogContent {
    width: 100%;
  // .cataLogContent {
  //   width: 100%;
  //   height: 100%;
  //   display: flex;
  //   // align-items: center;
  //   justify-content: space-between;
  //   .cataLog_leftTree {
  //     width: 30%;
  //     height: 98%;
  //     border-radius: 5px;
  //     padding: 10px;
  //     overflow-y: auto;
  //   }
  //   .cataLog_rightContent {
  //     width: 66%;
  //     height: 98%;
  //     border-radius: 5px;
  //     padding: 10px;
  //     .menuTop {
  //       /deep/ .el-form-item {
  //         margin-bottom: 0px;
  //       }
  //     }
  //   }
  // }
}
.mainBox {
  width: 100%;
  height: calc(100% - 75px);
  display: flex;
  justify-content: space-between;
  .leftTree {
    width: calc(32% - 0px);
    height: 100%;
    display: flex;
    // align-items: center;
    justify-content: space-between;
    .cataLog_leftTree {
      width: 30%;
      height: 98%;
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    overflow-y: auto;
  }
  .right {
    width: 65%;
    height: 100%;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    .inquire {
      // margin-bottom: 10px;
      padding: 8px;
      // margin-top: 10px;
      border-radius: 5px;
      padding: 10px;
      overflow-y: auto;
    }
    .cataLog_rightContent {
      width: 66%;
      height: 98%;
      border-radius: 5px;
      padding: 10px;
      .menuTop {
        /deep/ .el-form-item {
          margin-bottom: 0px;
        }
      border: 1px solid #dcdfe6;
      margin-bottom: 20px;
      .el-form-item {
        margin: 5px;
      }
    }

  }
}
.btnBox{
  text-align: right;
.btnBox {
  position: absolute;
  bottom:0;
  right: 0;
}
</style>

 src/views/datamanage/dataStatistics.vue

@@ -527,6 +527,14 @@
        padding: 1%;
        border-radius: 5px;
        margin-top: 1%;
        .el-table,
        .el-table /deep/ .el-table__expanded-cell {
          background-color: transparent !important;
        }
        .el-table /deep/ th,
        .el-table /deep/ tr {
          background-color: transparent !important;
        }
      }
    }
  }

 src/views/datamanage/metadataManage.vue

@@ -254,7 +254,7 @@
          :label="$t('dataManage.vmobj.createontime')"
          :formatter="formatData"
        />
        <el-table-column min-width="100" :label="$t('common.operate')">
        <el-table-column min-width="180" :label="$t('common.operate')">
          <template slot-scope="scope">
            <el-button
              @click="showDetail(scope.row)"