20230226@xingjs@优化完善数据管理样式

xing

2023-02-26 f32a2076eaf60866ec303cff56949a98e4f80072

20230226@xingjs@优化完善数据管理样式

 src/views/datamanage/dataUpdata copy.vue

@@ -66,7 +66,6 @@
          </el-form-item> -->
              <el-form-item>
                <el-input
                  <el-input
                  type="textarea"
                  v-model="formInline.fileName"
                  class="nm-skin-pretty"
@@ -74,7 +73,6 @@
                  :rows="2"
                  resize='none'
                  style="width: 600px;"
                ></el-input>
                ></el-input>
              </el-form-item>
              <el-form-item>
@@ -123,25 +121,29 @@
                  type="success"
                >{{
              $t('common.upload')
            }}</el-button>
                  }}
                </el-button>

                <el-button
                  icon="el-icon-delete"
                  type="danger"
                  @click="setFileDelete"
                  :disabled="tableData.length == 0 ? true : false"
                >{{ $t('common.delete') }}</el-button>
                >{{ $t('common.delete') }}
                </el-button>
                <el-button
                  icon="el-icon-data-line"
                  type="info"
                  disabled
                >{{ $t('common.quayTest') }}</el-button>
                >{{ $t('common.quayTest') }}
                </el-button>
                <el-button
                  icon="el-icon-folder-add"
                  type="warning"
                  @click="setFileWare"
                  :disabled="tableData.length == 0 ? true : false"
                >{{ $t('common.Warehousin') }}</el-button>
                >{{ $t('common.Warehousin') }}
                </el-button>
              </el-form-item>
            </el-form>
          </div>
@@ -149,7 +151,7 @@

            <el-table
              :data="tableData"
              style="width: width:99%"
                style="width: 99%"
              height="99%"
              @selection-change="handleSelectionChange"
            >
@@ -213,17 +215,20 @@
                  class="primary"
                >{{
              $t('common.iquery')
            }}</el-button>
                  }}
                </el-button>
                <el-button
                  @click="setWarehouseReset"
                  icon="el-icon-folder-add"
                  type="info"
                >{{ $t('common.reset') }}</el-button>
                >{{ $t('common.reset') }}
                </el-button>
                <el-button
                  @click="setWarehouseDel"
                  icon="el-icon-folder-delete"
                  type="danger"
                >{{ $t('common.delete') }}</el-button>
                >{{ $t('common.delete') }}
                </el-button>
              </el-form-item>
            </el-form>
          </div>
@@ -347,9 +352,17 @@
import MyBread from '../../components/MyBread.vue';
import { getToken } from '@/utils/auth';
import {
  selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
  dataUpload_selectByPageForUpload, dataUpload_deleteMetas
  dataUpload_deleteMetas,
  dataUpload_selectByPageForUpload,
  dataUploadDeleteFiles,
  dataUploadInsertFiles,
  dataUploadSelectFiles,
  dataUploadSelectPath,
  dataUploadSelectVerByDirid,
  queryDepTree,
  selectdirTab
} from '../../api/api';

export default {
  name: 'dataUpdata',
  components: {
@@ -786,6 +799,7 @@
    height: 670px;

    position: relative;

    .contentIquery {
      width: 97%;
      height: 16%;
@@ -793,6 +807,7 @@
      padding: 1%;
      border-radius: 5px;
    }

    .contentTable {
      width: 97%;
      height: 400px;
@@ -801,6 +816,7 @@
      border-radius: 5px;
      margin-top: 1%;
      /*修改table 表体的背景颜色和文字颜色*/

      /deep/ .el-table {
        background-color: transparent;

@@ -808,6 +824,7 @@
        td {
          background-color: transparent;
        }

        .el-table__expanded-cell {
          background-color: transparent !important;
        }
@@ -817,6 +834,7 @@
          background-color: #303030;
          color: #fff;
        }

        tr > td {
          background-color: #303030;
          color: #fff;
@@ -844,7 +862,9 @@
          height: 5px;
          /*滚动条高度*/
        }

        /*定义滚动条轨道 内阴影+圆角*/

        .el-table__body-wrapper::-webkit-scrollbar-track {
          box-shadow: 0px 1px 3px #216fe6 inset;
          /*滚动条的背景区域的内阴影*/
@@ -852,49 +872,62 @@
        }

        /*定义滑块 内阴影+圆角*/

        .el-table__body-wrapper::-webkit-scrollbar-thumb {
          box-shadow: 0px 1px 3px #216fe6 inset;
          border-radius: 6px;
          background-color: #216fe6;
        }
      }

      .pagination_box {
        margin-top: 20px;

        /deep/.el-input__inner {
          background-color: transparent !important;
          border: 1px solid;
          color: white;
        }

        /deep/.el-pagination__total {
          color: white;
        }

        /deep/.el-pagination__jump {
          color: white;
        }

        /deep/.el-pager li.active {
          color: #409eff;
        }

        /deep/.el-pager li {
          color: white;
          background: transparent;
        }

        /deep/.el-pager li {
          color: white;
        }

        /deep/.btn-prev {
          background: transparent;
        }

        /deep/.btn-next {
          background: transparent;
        }

        /deep/.btn-next i {
          color: white;
        }

        /deep/.btn-prev i {
          color: white;
        }
      }
    }

    .primary {
      background: #409eff;
      border: #409eff;
@@ -905,36 +938,45 @@
  /deep/.el-form-item__label {
    color: white;
  }

  // 设置输入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
    color: #fff;
    border: 1px solid;
  }

  /deep/ .popper__arrow::after {
    border-top-color: rgba(43, 45, 55, 0.8);
  }

  /deep/ .el-select .el-input__inner {
    border-color: #fff !important;
  }

  /deep/.el-cascader .el-input__inner {
    border-color: #fff !important;
  }

  /deep/.el-textarea__inner {
    background: transparent;
    border-color: #fff !important;
    color: white;
  }

  /deep/.el-textarea .el-input__count {
    background: transparent;
    color: #fff !important;
  }

  /deep/.el-loading-spinner i {
    color: #1890ff !important;
  }

  /deep/.el-tabs__active-bar {
    background: #409eff;
  }

  /deep/ .el-tabs__item {
    color: #409eff;
  }