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

xing

2023-02-26 f32a2076eaf60866ec303cff56949a98e4f80072

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

 src/views/datamanage/dataUpdata copy.vue

@@ -1,56 +1,56 @@
<template>
  <div
    class="authorityManagement_box"
    v-loading.fullscreen.lock="fullscreenLoading"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)"
      class="authorityManagement_box"
      v-loading.fullscreen.lock="fullscreenLoading"
      element-loading-spinner="el-icon-loading"
      element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.dataUpdata')}`,
      ]"></My-bread>
    <el-divider />
    <el-divider/>
    <div class="updateContent">
      <el-tabs
        v-model="activeTabName"
        @tab-click="handleTabClick"
          v-model="activeTabName"
          @tab-click="handleTabClick"
      >
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.uploaddata')"
          name="first"
            :label="$t('dataManage.dataUpObj.uploaddata')"
            name="first"
        >
          <div class="contentIquery">
            <el-form
              :inline="true"
              :model="formInline"
              class="demo-form-inline"
                :inline="true"
                :model="formInline"
                class="demo-form-inline"
            >
              <el-form-item :label="$t('dataManage.dataUpObj.catalogue')">
                <el-cascader
                  v-model="formInline.dirid"
                  :options="catalogOption"
                  @change="catalogChange"
                  :props="cascader"
                    v-model="formInline.dirid"
                    :options="catalogOption"
                    @change="catalogChange"
                    :props="cascader"
                ></el-cascader>
              </el-form-item>
              <el-form-item :label="$t('dataManage.dataUpObj.company')">
                <el-cascader
                  v-model="formInline.depid"
                  :options="companyOption"
                  @change="companyChange"
                  :props="cascader"
                    v-model="formInline.depid"
                    :options="companyOption"
                    @change="companyChange"
                    :props="cascader"
                ></el-cascader>
              </el-form-item>
              <el-form-item :label="$t('dataManage.dataUpObj.versionNo')">
                <el-select
                  v-model="formInline.verid"
                  :placeholder="$t('common.choose')"
                    v-model="formInline.verid"
                    :placeholder="$t('common.choose')"
                >
                  <el-option
                    v-for="item in verOption"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                      v-for="item in verOption"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                  >
                  </el-option>
                </el-select>
@@ -66,116 +66,118 @@
          </el-form-item> -->
              <el-form-item>
                <el-input
                  <el-input
                  type="textarea"
                  v-model="formInline.fileName"
                  class="nm-skin-pretty"
                  show-word-limit
                  :rows="2"
                  resize='none'
                  style="width: 600px;"
                ></el-input>
                    type="textarea"
                    v-model="formInline.fileName"
                    class="nm-skin-pretty"
                    show-word-limit
                    :rows="2"
                    resize='none'
                    style="width: 600px;"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <input
                  id="uploadfile"
                  @change="handleFileChange"
                  type="file"
                  name="file"
                  multiple="multiple"
                  style="display: none"
                    id="uploadfile"
                    @change="handleFileChange"
                    type="file"
                    name="file"
                    multiple="multiple"
                    style="display: none"
                ></input>

                <el-button
                  v-if="formInline.fileName == '未选择文件'"
                  type="info"
                  @click="fileSelect"
                    v-if="formInline.fileName == '未选择文件'"
                    type="info"
                    @click="fileSelect"
                >
                  选择文件
                </el-button>
                <el-button
                  v-else
                  type="info"
                  @click="clearFileSelect"
                    v-else
                    type="info"
                    @click="clearFileSelect"
                >
                  重置
                </el-button>

              </el-form-item>
              <br />
              <br/>
              <el-form-item :label="$t('dataManage.dataUpObj.describe')">
                <el-input
                  type="textarea"
                  v-model="formInline.descr"
                  maxlength="50"
                  class="nm-skin-pretty"
                  show-word-limit
                  :rows="2"
                  resize='none'
                  style="width: 460px"
                    type="textarea"
                    v-model="formInline.descr"
                    maxlength="50"
                    class="nm-skin-pretty"
                    show-word-limit
                    :rows="2"
                    resize='none'
                    style="width: 460px"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button
                  icon="el-icon-upload"
                  @click="setFileUpload"
                  type="success"
                    icon="el-icon-upload"
                    @click="setFileUpload"
                    type="success"
                >{{
              $t('common.upload')
            }}</el-button>
                    $t('common.upload')
                  }}
                </el-button>

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

            <el-table
              :data="tableData"
              style="width: width:99%"
              height="99%"
              @selection-change="handleSelectionChange"
                :data="tableData"
                style="width: 99%"
                height="99%"
                @selection-change="handleSelectionChange"
            >
              <el-table-column
                type="selection"
                width="55"
                  type="selection"
                  width="55"
              />
              <el-table-column
                align="center"
                type="index"
                :label="$t('common.index')"
                width="70px"
                fixed
                  align="center"
                  type="index"
                  :label="$t('common.index')"
                  width="70px"
                  fixed
              />
              <el-table-column
                align="center"
                prop="name"
                :label="$t('common.name')"
                fixed
                  align="center"
                  prop="name"
                  :label="$t('common.name')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="sizes"
                :label="$t('common.size')"
                fixed
                :formatter="changeSizeFile"
                  align="center"
                  prop="sizes"
                  :label="$t('common.size')"
                  fixed
                  :formatter="changeSizeFile"
              />
              <!-- <el-table-column
          align="center"
@@ -188,148 +190,151 @@

        </el-tab-pane>
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.receiptdata')"
          name="second"
            :label="$t('dataManage.dataUpObj.receiptdata')"
            name="second"
        >
          <div
            class="contentIquery"
            style="padding-bottom: 0% !important;"
              class="contentIquery"
              style="padding-bottom: 0% !important;"
          >
            <el-form
              :inline="true"
              :model="formWarehousing"
              class="demo-form-inline"
                :inline="true"
                :model="formWarehousing"
                class="demo-form-inline"
            >
              <el-form-item :label="$t('dataManage.dataUpObj.describe')">
                <el-input
                  v-model="formWarehousing.name"
                  placeholder="请输入内容"
                    v-model="formWarehousing.name"
                    placeholder="请输入内容"
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button
                  icon="el-icon-upload"
                  @click="setWarehouseSearch"
                  class="primary"
                    icon="el-icon-upload"
                    @click="setWarehouseSearch"
                    class="primary"
                >{{
              $t('common.iquery')
            }}</el-button>
                    $t('common.iquery')
                  }}
                </el-button>
                <el-button
                  @click="setWarehouseReset"
                  icon="el-icon-folder-add"
                  type="info"
                >{{ $t('common.reset') }}</el-button>
                    @click="setWarehouseReset"
                    icon="el-icon-folder-add"
                    type="info"
                >{{ $t('common.reset') }}
                </el-button>
                <el-button
                  @click="setWarehouseDel"
                  icon="el-icon-folder-delete"
                  type="danger"
                >{{ $t('common.delete') }}</el-button>
                    @click="setWarehouseDel"
                    icon="el-icon-folder-delete"
                    type="danger"
                >{{ $t('common.delete') }}
                </el-button>
              </el-form-item>
            </el-form>
          </div>
          <div
            class="contentTable"
            style="height:500px"
              class="contentTable"
              style="height:500px"
          >
            <el-table
              :data="waretableData"
              @selection-change="handleDelteChange"
              style="width:99%"
              height="92%"
                :data="waretableData"
                @selection-change="handleDelteChange"
                style="width:99%"
                height="92%"
            >
              <el-table-column
                type="selection"
                width="55"
                  type="selection"
                  width="55"
              />
              <el-table-column
                align="center"
                type="index"
                :label="$t('common.index')"
                width="70px"
                fixed
                  align="center"
                  type="index"
                  :label="$t('common.index')"
                  width="70px"
                  fixed
              />
              <el-table-column
                align="center"
                prop="name"
                :label="$t('common.name')"
                fixed
                  align="center"
                  prop="name"
                  :label="$t('common.name')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="dirName"
                :label="$t('dataManage.dataUpObj.catalogue')"
                fixed
                  align="center"
                  prop="dirName"
                  :label="$t('dataManage.dataUpObj.catalogue')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="depName"
                :label="$t('dataManage.dataUpObj.company')"
                fixed
                  align="center"
                  prop="depName"
                  :label="$t('dataManage.dataUpObj.company')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="verName"
                :label="$t('dataManage.dataUpObj.versionNo')"
                fixed
                  align="center"
                  prop="verName"
                  :label="$t('dataManage.dataUpObj.versionNo')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="type"
                :label="$t('common.type')"
                fixed
                  align="center"
                  prop="type"
                  :label="$t('common.type')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="sizes"
                :label="$t('common.size')"
                fixed
                :formatter="changeSizeFile"
                  align="center"
                  prop="sizes"
                  :label="$t('common.size')"
                  fixed
                  :formatter="changeSizeFile"
              />
              <el-table-column
                align="center"
                prop="tab"
                :label="$t('dataManage.dataUpObj.tableName')"
                fixed
                  align="center"
                  prop="tab"
                  :label="$t('dataManage.dataUpObj.tableName')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="rows"
                :label="$t('common.lineNuber')"
                fixed
                  align="center"
                  prop="rows"
                  :label="$t('common.lineNuber')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="desc"
                :label="$t('dataManage.dataUpObj.describe')"
                fixed
                  align="center"
                  prop="desc"
                  :label="$t('dataManage.dataUpObj.describe')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="uname"
                :label="$t('dataManage.vmobj.createonuser')"
                fixed
                  align="center"
                  prop="uname"
                  :label="$t('dataManage.vmobj.createonuser')"
                  fixed
              />
              <el-table-column
                align="center"
                prop="createTime"
                :label="$t('dataManage.vmobj.createontime')"
                fixed
                :formatter="changetimeFile"
                  align="center"
                  prop="createTime"
                  :label="$t('dataManage.vmobj.createontime')"
                  fixed
                  :formatter="changetimeFile"
              />
            </el-table>

            <div
              style="margin-top: 10px"
              class="pagination_box"
                style="margin-top: 10px"
                class="pagination_box"
            >
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="listData.pageIndex"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="listData.pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="count"
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  :current-page="listData.pageIndex"
                  :page-sizes="[10, 20, 50, 100]"
                  :page-size="listData.pageSize"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="count"
              >
              </el-pagination>
            </div>
@@ -345,11 +350,19 @@
<script>
import $ from 'jquery';
import MyBread from '../../components/MyBread.vue';
import { getToken } from '@/utils/auth';
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: {
@@ -414,8 +427,8 @@
          let nowDate = moment(date).format('HH:mm:ss');
          let st = '';
          if (
            moment(date).format('yyyy-MM-DD') ===
            moment(newValue).format('yyyy-MM-DD')
              moment(date).format('yyyy-MM-DD') ===
              moment(newValue).format('yyyy-MM-DD')
          ) {
            let hh1 = moment(newValue).format('HH:mm:ss');
            if (hh1 > nowDate) {
@@ -442,7 +455,7 @@
      for (var i in this.multipleDelete) {
        std.push(this.multipleDelete[i].id);
      }
      const res = await dataUpload_deleteMetas({ ids: std.toString() })
      const res = await dataUpload_deleteMetas({ids: std.toString()})
      if (res.code != 200) {
        this.$message.error('删除失败');
      } else {
@@ -470,17 +483,17 @@
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return (
        y +
        '-' +
        this.add0(m) +
        '-' +
        this.add0(d) +
        ' ' +
        h +
        ':' +
        mm +
        ':' +
        s
          y +
          '-' +
          this.add0(m) +
          '-' +
          this.add0(d) +
          ' ' +
          h +
          ':' +
          mm +
          ':' +
          s
      );
    },
    //格式化时间
@@ -618,7 +631,7 @@

        error: (rs) => {
          this.fullscreenLoading = false;
            this.$message.error('数据上传失败');
          this.$message.error('数据上传失败');
          this.clearFileSelect();
        }
      });
@@ -691,17 +704,17 @@
      var seconds = date.getSeconds(); //秒
      var sign2 = ':';
      var s1 =
        date.getFullYear() +
        '-' +
        (date.getMonth() + 1) +
        '-' +
        date.getDate() +
        ' ' +
        hour +
        sign2 +
        minutes +
        sign2 +
        seconds;
          date.getFullYear() +
          '-' +
          (date.getMonth() + 1) +
          '-' +
          date.getDate() +
          ' ' +
          hour +
          sign2 +
          minutes +
          sign2 +
          seconds;
      this.formInline.gather = s1;
    },

@@ -741,7 +754,7 @@
    async getselectVerByDirid() {
      this.verOption = [];
      this.formInline.verid = "";
      const res = await dataUploadSelectVerByDirid({ dirid: this.formInline.dirid });
      const res = await dataUploadSelectVerByDirid({dirid: this.formInline.dirid});
      if (res.code != 200) {
        this.$message.error('版本列表获取失败');
        return;
@@ -780,12 +793,13 @@
  height: calc(100% - 20px);
  padding: 10px;
  position: absolute;
  

  .updateContent {
    width: 100%;
    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 {

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

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

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

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

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

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

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

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

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

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

    .primary {
      background: #409eff;
      border: #409eff;
@@ -902,39 +935,48 @@
    }
  }

  /deep/.el-form-item__label {
  /deep/ .el-form-item__label {
    color: white;
  }

  // 设置输入框的背景色、字体颜色、边框属性设置；
  /deep/.el-input__inner {
    background-color: transparent !important ;
  /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 {

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

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

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

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

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

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