管道基础大数据平台系统开发-【前端】-新系統界面
xing
2023-02-25 5652efe9e762e81e897da039fc7a3f13a754846c
src/views/datamanage/dataUpdata.vue
@@ -43,6 +43,22 @@
                  :value="item.value"
                ></el-option>
              </el-select>
<!--              <el-select v-else-if="$t('shuJuGuanLi.shuJuJianSuo.language')==='en'"
                  :disabled="tableData.length == 0 ? false : true"
                  v-model="formInline.uploadType"
                  @change="uploadTypeChange"
                  :popper-append-to-body="false"
                  placeholder="请选择"
              >
                <el-option
                           v-for="item in uploadOption2"
                           :key="item.value"
                           :label="item.label"
                           :value="item.value"
                ></el-option>
              </el-select>-->
            </el-form-item>
            <!-- 存储目录 -->
            <el-form-item
@@ -188,7 +204,7 @@
                </el-form-item>
                <el-form-item>
                  <el-input
                    placeholder="请输入内容"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                    v-model="formInline.specialtyData"
                    style="width:210px;"
                    disabled
@@ -224,7 +240,7 @@
                  v-show="uploadFlag"
                >
                  <el-input
                    placeholder="请输入内容"
                    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                    v-model="formInline.metaData"
                    style="width:210px;"
                    disabled
@@ -319,6 +335,7 @@
         
        </div>
        <!-- 上传数据列表 -->
        <div class="dividing-line"></div>
        <div class="table_box" :style="styleVar">
          <el-table
            style="width:100%"
@@ -368,9 +385,9 @@
                  v-if="menuStatus.download"
                  v-show="scope.row.code != null"
                  @click="handerLogClick(scope.row)"
                  type="text"
                  type="primary"
                  size="mini"
                  style="font-size: 14px;"
                  plain
                > 日志
                </el-button>
              </template>
@@ -394,13 +411,13 @@
            <el-form-item :label="$t('dataManage.dataUpObj.describe')">
              <el-input
                v-model="formWarehousing.name"
                placeholder="请输入内容"
                :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                style="width: 200px;"
              ></el-input>
            </el-form-item>
            </div>
            <div>
  <el-form-item>
            <el-form-item>
              <el-button
                v-if="menuStatus.delete"
                @click="setWarehouseDel"
@@ -440,8 +457,8 @@
          </el-form>
        </div>
        <!-- 入库 -->
            <div class="table_box"  :style="styleVar1">
        <div class="dividing-line"></div>
        <div class="table_box"  :style="styleVar1">
              <el-table
                ref="filterTable"
                :data="waretableData"
@@ -462,10 +479,19 @@
                ></el-table-column>
                <el-table-column
                  align="center"
                  prop="name"
                  :label="$t('common.name')"
                  width="100"
                />
                  width="120"
                 >
                      <template slot-scope="scope">
                                  <span v-if="scope.row.ismeta > 0">
                     <el-link  style="color:#409eff" title="元数据查询" @click="setQueryMetaData(scope.row)"   target="_blank">{{ scope.row.name }}</el-link>
            </span>
            <span v-else>{{ scope.row.name }}</span>
                    </template>
                 </el-table-column>
                <el-table-column
                  align="center"
                  prop="dirName"
@@ -550,7 +576,7 @@
      title="数据质检"
      :visible.sync="quayTestVisible"
      width="70%"
      top="10vh"
      top="2vh"
      :modal="false"
      :before-close="handleQuayTestCloseDown"
    >
@@ -825,40 +851,40 @@
    <el-dialog
      title="数据质检"
      :visible.sync="testQuayVisible"
      width="50%"
      top="15vh"
      top="2vh"
      :modal="false"
      :before-close="handleTestQuayCloseDown"
      label-width="80px"
    >
      <el-form :model="formCheckAll">
      <el-form :model="formCheckAll" label-position="top">
        <el-form-item label="项目名称">
          <el-col :span="20">
            <el-input
              disabled
              v-model="formCheckAll.xmmc"
              style="width:85%"
            ></el-input>
          </el-col>
        </el-form-item>
        <el-form-item label="所属专业">
          <el-col :span="20">
            <el-input
              disabled
              v-model="formCheckAll.sjzy"
              width="100px"
              style="width:85%"
            ></el-input>
          </el-col>
        </el-form-item>
        <el-form-item
          v-show="formCheckAll.isDiZai"
          label="所属专业"
        >
          <el-col :span="20">
            <el-select
              v-model="formCheckAll.diZaiType"
              placeholder="请选择"
              style="width:100%"
              style="width:85%"
            >
              <el-option
                v-for="item in disOptions"
@@ -868,7 +894,7 @@
              >
              </el-option>
            </el-select>
          </el-col>
        </el-form-item>
      </el-form>
@@ -899,6 +925,7 @@
      :title="$t('dataManage.datawarehousing')"
      :visible.sync="dialogWarehousing"
      width="70%"
      top="2vh"
    >
      <div class="dialogBox">
        <div class="transFarBox subpage_Div">
@@ -975,9 +1002,9 @@
      :title="$t('common.details')"
      :visible.sync="dialogVisible"
      width="70%"
      top="10vh"
       top="2vh"
    >
      <div style="height:550px">
      <div style="height: 500px; overflow: auto">
        <el-table
          ref="filterTable"
          :data="dbTableData"
@@ -1022,6 +1049,7 @@
      title="上传进度"
      :visible.sync="jindudialogVisible"
      width="30%"
       top="2vh"
    >
      <div>
        <div>
@@ -1040,6 +1068,7 @@
      :title="$t('common.details')"
      :visible.sync="enclosureVisible"
      :show-close="false"
       top="2vh"
    >
      <span
        style="font-size:20px"
@@ -1055,6 +1084,117 @@
          @click="uploadAnFiles"
        >继续</el-button>
      </span>
    </el-dialog>
   <el-dialog
      :title="fromQueryMeta.title"
      :visible.sync="queryMetaFlag"
      width="70%"
      top="2vh"
    >
    <div style="height: 500px; overflow: auto;width:100%; ">
    <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline">
  <el-form-item  >
    <el-input size="small" v-model="fromQueryMeta.name" ></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" size="small"  @click="setSearchMetaData()">查询</el-button>
      <el-button type="info" size="small"  @click="setRestMetaData()" >重置</el-button>
  </el-form-item>
</el-form>
    <el-table
                ref="filterTable"
                :data="metaDataTable"
                style="width: 100%"
                height="calc(100% - 130px)"
              >
                <el-table-column
                  align="center"
                  type="index"
                  :label="$t('common.index')"
                  width="70px"
                ></el-table-column>
                <el-table-column
                  align="center"
                  prop="name"
                  :label="$t('common.name')"
                  width="120"
                 >
                 </el-table-column>
                <el-table-column
                  align="center"
                  prop="dirName"
                  :label="$t('dataManage.dataUpObj.catalogue')"
                  width="300"
                />
                <el-table-column
                  align="center"
                  prop="depName"
                  :label="$t('dataManage.dataUpObj.company')"
                  width="200"
                />
                <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
                      class="scopeRowColor"
                      @click="detail(scope.row)"
                    >{{ scope.row.tab }}</a>
                  </template>
                </el-table-column>
                <el-table-column
                  align="center"
                  prop="rows"
                  :label="$t('common.lineNuber')"
                />
                <el-table-column
                  align="center"
                  prop="desc"
                  :label="$t('dataManage.dataUpObj.describe')"
                />
              </el-table>
 <div
          class="pagination_box"
        >
          <el-pagination
            @size-change="handleMetaSizeChange"
            @current-change="handMetaCurrentChange"
            :current-page="listMetaData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listMetaData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="listMetaData.count"
          >
          </el-pagination>
        </div>
    </div>
    </el-dialog>
    <input
      name="file1"
@@ -1089,6 +1229,7 @@
  dataUpload_insertFiles,
  dataUpload_selectFields,
  dataUpload_selectDbData,
  dataUpload_selectPageAndCountByPid,
} from "../../api/api";
export default {
  name: "dataUpdata",
@@ -1193,6 +1334,16 @@
          label: "项目整体上传",
        },
      ],
      uploadOption2: [
        {
          value: "v1",
          label: "Single file upload",
        },
        {
          value: "v2",
          label: "Overall project upload",
        },
      ],
      formInline: {
        uploadType: "v1",
        dirid: null,
@@ -1277,6 +1428,20 @@
      styleVar1: {
        height: "calc(100% - 109px)",
      },
      metaFileData: [],
      listMetaData: {
        metaid: 0,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      },
      queryMetaFlag: false,
      fromQueryMeta: {
        title: "",
        name: "",
      },
      metaDataTable: [],
    };
  },
@@ -1300,6 +1465,54 @@
  },
  watch: {},
  methods: {
    setRestMetaData() {
      this.fromQueryMeta.name = "";
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;
      this.startQueryMetaData();
    },
    setSearchMetaData() {
      this.listMetaData.name = this.fromQueryMeta.name;
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = 10;
      this.startQueryMetaData();
    },
    //元数据页面切换
    handleMetaSizeChange(val) {
      this.listMetaData.pageIndex = 1;
      this.listMetaData.pageSize = val;
      this.startQueryMetaData();
    },
    //元数据页面切换
    handMetaCurrentChange(val) {
      this.listMetaData.pageIndex = val;
      this.startQueryMetaData();
    },
    //元数据查询
    setQueryMetaData(row) {
      this.fromQueryMeta.title = row.name;
      this.listMetaData = {
        metaid: row.id,
        name: "",
        pageIndex: 1,
        pageSize: 10,
        count: 0,
      };
      this.startQueryMetaData();
      this.queryMetaFlag = true;
    },
    async startQueryMetaData() {
      const data = await dataUpload_selectPageAndCountByPid(this.listMetaData);
      if (data.code != 200) {
        return;
      }
      this.metaDataTable = data.result;
      this.listMetaData.count = data.count;
    },
    onResize() {
      this.timer && clearTimeout(this.timer);
      this.timer = setTimeout(() => {
@@ -1310,8 +1523,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        const rect1 = this.$refs.container1.getBoundingClientRect();
         console.log(rect)
        console.log(rect1)
        this.tableHeight = `${rect.height + 40}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 40}px)`;
        this.styleVar1["height"] = `calc(100% - ${rect1.height + 40}px)`;
@@ -1543,6 +1755,13 @@
          }
        }
      }
      for (var i in this.metaFileData) {
        this.insertWareList.filter((res) => {
          if (res.name == this.metaFileData[i]) {
            res.isMeta = true;
          }
        });
      }
      this.loading = true;
      const res = await dataUpload_insertFiles(
@@ -1695,6 +1914,7 @@
          }
        }
      }
      var obj = {
        dirid: this.formInline.dirid,
        epsgCode: this.formInline.coordinateId,
@@ -2397,6 +2617,7 @@
        std.push(f.name);
      }
      this.formInline.metaData = std.toString();
      this.metaFileData = std;
    },
    //From表单初始化
@@ -2567,6 +2788,9 @@
      overflow: auto;
    }
  }
  /deeep/.el-loading-mask {
    z-index: 9999;
  }
}
.inquire {
  padding: 8px;