管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-08-04 d3215f0051943a83f459009359d0039c3a0e1a4e
信息管理
已修改3个文件
261 ■■■■ 文件已修改
src/views/datamanage/dataLoader.vue 214 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/dataUpdata.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/metadataManage.vue 43 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/datamanage/dataLoader.vue
@@ -1,20 +1,31 @@
<template>
  <div class="authorityManagement_box"    v-loading.fullscreen.lock="fullscreenLoading"
  <div
    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="[
    element-loading-background="rgba(0, 0, 0, 0.8)"
  >
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.datawarehousing')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="updateContent">
       <el-tabs v-model="activeTabName" @tab-click="handleTabClick">
    <el-tab-pane :label="$t('dataManage.dataUpObj.uploaddata')" name="first">
      <el-tabs
        v-model="activeTabName"
        @tab-click="handleTabClick"
      >
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.uploaddata')"
          name="first"
        >
       <div class="contentIquery">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-form
              :inline="true"
              :model="formInline"
              class="demo-form-inline"
            >
          <el-form-item :label="$t('dataManage.dataUpObj.catalogue')">
            <el-cascader
              v-model="formInline.dirid"
@@ -32,34 +43,47 @@
            ></el-cascader>
          </el-form-item>
          <el-form-item :label="$t('dataManage.dataUpObj.versionNo')">
              <el-select v-model="formInline.verid" :placeholder="$t('common.choose')">
                <el-select
                  v-model="formInline.verid"
                  :placeholder="$t('common.choose')"
                >
              <el-option
                v-for="item in verOption"
                :key="item.id"
                :label="item.name"
                :value="item.id">
                    :value="item.id"
                  >
              </el-option>
              </el-select>
          </el-form-item>
          <el-form-item>
   <el-input
              type="textarea"
              v-model="formInline.fileName"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
                  :rows="2"
                  resize='none'
              style="width: 650px;"
            ></el-input>
          </el-form-item>
            <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple" accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip"  style="display: none"></input>
                <input
                  id="uploadfile"
                  @change="handleFileChange"
                  type="file"
                  name="file"
                  multiple="multiple"
                  accept=".xls,.xlsx,.mdb,.shp.zip,.gdb.zip"
                  style="display: none"
                ></input>
   <el-button v-if="formInline.fileName == '未选择文件'"
                <el-button
                  v-if="formInline.fileName == '未选择文件'"
              type="info"
                @click="fileSelect">
                  @click="fileSelect"
                >
                   选择文件
             </el-button>
             <el-button
@@ -78,13 +102,17 @@
              maxlength="50"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"  resize='none'
                  :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">{{
                <el-button
                  icon="el-icon-upload"
                  @click="setFileUpload"
                  type="success"
                >{{
              $t('common.upload')
            }}</el-button>
@@ -92,23 +120,19 @@
              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>
@@ -117,8 +141,12 @@
     :data="tableData"
        style="width: 100%"
        height="99%"
        @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" />
              @selection-change="handleSelectionChange"
            >
              <el-table-column
                type="selection"
                width="55"
              />
        <el-table-column
          align="center"
          type="index"
@@ -135,92 +163,101 @@
    </el-table>
      </div>
        </el-tab-pane>
       <el-tab-pane :label="$t('dataManage.dataUpObj.receiptdata')" name="second">
<div class="contentIquery" style="padding-bottom: 0% !important;">
        <el-form :inline="true" :model="formWarehousing" class="demo-form-inline">
        <el-tab-pane
          :label="$t('dataManage.dataUpObj.receiptdata')"
          name="second"
        >
          <div
            class="contentIquery"
            style="padding-bottom: 0% !important;"
          >
            <el-form
              :inline="true"
              :model="formWarehousing"
              class="demo-form-inline"
            >
          <el-form-item :label="$t('dataManage.dataUpObj.describe')">
<el-input v-model="formWarehousing.name" placeholder="请输入内容"></el-input>
                <el-input
                  v-model="formWarehousing.name"
                  placeholder="请输入内容"
                ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-upload" @click="setWarehouseSearch"
           class="primary">{{
                <el-button
                  icon="el-icon-upload"
                  @click="setWarehouseSearch"
                  class="primary"
                >{{
              $t('common.iquery')
            }}</el-button>
            <el-button @click="setWarehouseReset"
                <el-button
                  @click="setWarehouseReset"
              icon="el-icon-folder-add"
              type="info"
              >{{ $t('common.reset') }}</el-button
            >
              <el-button @click="setWarehouseDel"
                >{{ $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>
   <div class="contentTable" style="height:500px">
          <div
            class="contentTable"
            style="height:500px"
          >
   <el-table
     :data="waretableData"
        style="width:99%"
        height="92%"
         @selection-change="handleDelteChange"
 >
   <el-table-column
      type="selection"
      width="55">
                width="55"
              >
    </el-table-column>
        <el-table-column
          align="center"
          type="index"
          :label="$t('common.index')"
          width="70px"
        />
          <el-table-column
          align="center"
          prop="name"
          :label="$t('common.name')"
        />
         <el-table-column
          align="center"
          prop="dirName"
          :label="$t('dataManage.dataUpObj.catalogue')"
        />
         <el-table-column
          align="center"
          prop="depName"
          :label="$t('dataManage.dataUpObj.company')"
        />
             <el-table-column
          align="center"
          prop="verName"
          :label="$t('dataManage.dataUpObj.versionNo')"
        />
             <el-table-column
          align="center"
          prop="type"
          :label="$t('common.type')"
        />
        <el-table-column
          align="center"
          prop="sizes"
          :label="$t('common.size')"
          :formatter="changeSizeFile"
        />
         <el-table-column
          align="center"
          :label="$t('dataManage.dataUpObj.tableName')"
        >
         <template slot-scope="scope">
      <a @click="detail(scope.row)"  >{{
@@ -233,19 +270,16 @@
          align="center"
          prop="rows"
          :label="$t('common.lineNuber')"
        />
         <el-table-column
          align="center"
          prop="desc"
          :label="$t('dataManage.dataUpObj.describe')"
        />
        <el-table-column
          align="center"
          prop="uname"
          :label="$t('dataManage.vmobj.createonuser')"
        />
         <el-table-column
          align="center"
@@ -255,7 +289,10 @@
        />
    </el-table>
      <div style="margin-top: 10px" class="pagination_box">
            <div
              style="margin-top: 10px"
              class="pagination_box"
            >
    <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -272,7 +309,6 @@
  </el-tabs>
    </div>
    <!--  -->
   <el-dialog
@@ -284,33 +320,62 @@
  <div  class="dialogBox">
  <div class="transFarBox">
    <ul>
      <li @click="singleElection(item)" v-for="(item, i) in tableWareOne"  :class="{ active: activeName == item.tab }">{{item.tab}} ({{item.type}})</li>
            <li
              @click="singleElection(item)"
              v-for="(item, i) in tableWareOne"
              :class="{ active: activeName == item.tab }"
            >{{item.tab}} ({{item.type}})</li>
    </ul>
  </div>
  <div class="tarnsbtton">
   <div><div style="padding:2%"> <el-link><i class="el-icon-plus"></i></el-link></div></div>
          <div>
            <div style="padding:2%"> <el-link><i class="el-icon-plus"></i></el-link></div>
          </div>
  </div>
  <div class="transFarBox">
 <ul>
      <li @click="singleElection2(item)" v-for="(item, i) in tableWareTwo"  :class="{ active: activeName2 == item.entity }">{{item.tabDesc}} ( {{item.ns}}.{{item.tab}})</li>
            <li
              @click="singleElection2(item)"
              v-for="(item, i) in tableWareTwo"
              :class="{ active: activeName2 == item.entity }"
            >{{item.tabDesc}} ( {{item.ns}}.{{item.tab}})</li>
    </ul>
  </div>
   <div class="tarnsbtton">
     <div><div style="padding:2%"> <el-link @click="setWareTableChangeLeft"  ><i class="el-icon-d-arrow-left"></i></el-link></div><br/> <div style="padding:2%">
    <el-link><i class="el-icon-d-arrow-right" @click="setWareTableChangeRight"></i></el-link></div></div>
          <div>
            <div style="padding:2%"> <el-link @click="setWareTableChangeLeft"><i class="el-icon-d-arrow-left"></i></el-link></div><br />
            <div style="padding:2%">
              <el-link><i
                  class="el-icon-d-arrow-right"
                  @click="setWareTableChangeRight"
                ></i></el-link>
            </div>
          </div>
   </div>
   <div class="transFarBox">
     <ul>
      <li @click="singleElection3(i)" v-for="(item, i) in tableWareThree"  :class="{ active: activeName3 ==( item.tab+i)}">{{item.tab}} ( {{item.tabDesc}}  {{item.ns}}.{{item.tabs}} )</li>
            <li
              @click="singleElection3(i)"
              v-for="(item, i) in tableWareThree"
              :class="{ active: activeName3 ==( item.tab+i)}"
            >{{item.tab}} ( {{item.tabDesc}} {{item.ns}}.{{item.tabs}} )</li>
    </ul>
   </div>
  </div>
  <span slot="footer" class="dialog-footer">
        <el-button  class="primary" @click="autoMatchWare">自动匹配</el-button>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          class="primary"
          @click="autoMatchWare"
        >自动匹配</el-button>
    <el-button @click="setInsrtWareTableClose ">取 消</el-button>
    <el-button class="primary" @click="setInsrtWareTable">确 定</el-button>
        <el-button
          class="primary"
          @click="setInsrtWareTable"
        >确 定</el-button>
  </span>
</el-dialog>
@@ -327,7 +392,11 @@
            border
          style="width: 100%"
          >
            <el-table-column width="60" type="index" :label="$t('common.index')" />
          <el-table-column
            width="60"
            type="index"
            :label="$t('common.index')"
          />
            <el-table-column
              v-for="(item, index) in attributeData"
              :key="index"
@@ -337,7 +406,10 @@
              align="center"
            ></el-table-column>
          </el-table>
            <div style="margin-top: 10px" class="pagination_box">
        <div
          style="margin-top: 10px"
          class="pagination_box"
        >
    <el-pagination
          @size-change="handleLoaderSizeChange"
          @current-change="handleLoaderCurrentChange"
src/views/datamanage/dataUpdata.vue
@@ -2122,8 +2122,8 @@
      for (var i = 0; i < val1.length; i++) {
        const stdTab = this.setSplitWare(val1[i].tab);
        for (var j = 0; j < val2.length; j++) {
          if (val2[j].tab.indexOf(stdTab) > -1) {
          var tabs = stdTab.toLowerCase();
          if (val2[j].tab.indexOf(tabs) > -1) {
            std.push(val1[i].tab);
            val1[i].entity = val2[j].entity;
            val1[i].tabDesc = val2[j].tabDesc;
src/views/datamanage/metadataManage.vue
@@ -932,6 +932,7 @@
        <el-table
          :data="gdbData"
          style="width: 100%"
          max-height="38.54167vw"
        >
          <el-table-column
            type="selection"
@@ -1062,6 +1063,27 @@
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
    <div
      class="loadBox"
      v-if="loadDialogVisible"
    >
      <div style="widht:100%; margin:20px; color:white">
        <div style="margin-left:99%">
          <!-- <el-link
            @click="setloadDialogVisible()"
            style="color:white"
          > X</el-link> -->
        </div>
      </div>
      <div
        v-loading="true"
        element-loading-background="rgba(0, 0, 0, 0.0) "
        element-loading-text="数据删除中"
        style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); "
      >
      </div>
    </div>
  </div>
</template>
@@ -1231,6 +1253,7 @@
      gdbData: [],
      gdbDialog: false,
      gdbGuid: null,
      loadDialogVisible: false
    };
  },
  created() {
@@ -1709,6 +1732,9 @@
    },
    // 删除多条
    deleteMetaInfo() {
      if (this.multipleSelection.length <= 0) {
        return this.$message("请选择要删除的数据");
      }
      this.$confirm("确定是否删除所选内容?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
@@ -1719,8 +1745,10 @@
          for (var i in this.multipleSelection) {
            std.push(this.multipleSelection[i].id);
          }
          this.loadDialogVisible = true;
          deleteMeta({ ids: std.toString() }).then((res) => {
            if (res.code == 200) {
              this.loadDialogVisible = false;
              this.$message({
                type: "success",
                message: "删除成功!",
@@ -1728,9 +1756,12 @@
              this.multipleSelection = [];
              // this.listData.pageSize = 10
              this.listData.pageIndex = 1;
              this.getMetaData();
            } else {
              this.loadDialogVisible = false;
              this.$message.error("删除失败");
              this.multipleSelection = [];
            }
          });
@@ -2053,5 +2084,17 @@
    height: 740px;
    overflow-y: auto;
  }
  .loadBox {
    position: fixed;
    z-index: 2002;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    .el-loading-mask {
      background: transparent !important;
    }
  }
}
</style>