管道分析，IE判斷，上传Loading

Surpriseplus

2022-12-30 a55625f79b5bea88a04dc5cebf264a61cd594547

 src/views/datamanage/dataUpdata.vue

@@ -1,19 +1,30 @@
<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.dataUpdata')}`,
      ]"
    ></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"
@@ -31,12 +42,16 @@
            ></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>
@@ -54,23 +69,29 @@
              <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: 600px;"
            ></el-input>
            ></el-input>
          </el-form-item>
          <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple"  style="display: none"></input>
                <input
                  id="uploadfile"
                  @change="handleFileChange"
                  type="file"
                  name="file"
                  multiple="multiple"
                  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
@@ -90,14 +111,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>

@@ -105,23 +129,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>
@@ -131,8 +151,12 @@
        :data="tableData"
        style="width: width:99%"
        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"
@@ -163,31 +187,50 @@
      </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"
   @selection-change="handleDelteChange"
@@ -196,7 +239,8 @@
 >
    <el-table-column
      type="selection"
      width="55"/>
                width="55"
              />
        <el-table-column
          align="center"
          type="index"
@@ -215,7 +259,6 @@
          prop="dirName"
          :label="$t('dataManage.dataUpObj.catalogue')"
          fixed

        />
         <el-table-column
          align="center"
@@ -275,7 +318,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"
@@ -300,8 +346,10 @@
import $ from 'jquery';
import MyBread from '../../components/MyBread.vue';
import { getToken } from '@/utils/auth';
import { selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
dataUpload_selectByPageForUpload,dataUpload_deleteMetas} from '../../api/api';
import {
  selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
  dataUpload_selectByPageForUpload, dataUpload_deleteMetas
} from '../../api/api';
export default {
  name: 'dataUpdata',
  components: {
@@ -494,7 +542,7 @@
    },
    //数据删除
    async setFileDelete() {
      this.handlerLoading(true);

      var data = JSON.stringify(this.multipleSelection);
      const res = await dataUploadDeleteFiles(data);
      if (res.code != 200) {
@@ -502,10 +550,6 @@
        return;
      }
      this.getFileLength();



      this.handlerLoading(false);
    },
    //数据入库
    async setFileWare() {
@@ -543,13 +587,13 @@
    },
    //文件上传
    setFileUpload() {
      this.handlerLoading(true);
      this.fullscreenLoading = true;
      var token = getToken();
      var formData = new FormData();

      var fs = document.getElementById("uploadfile");
      if (fs.files.length == 0) {
        this.handlerLoading(false);

        return this.$message.error('请选择需要上传的文件');
      }
      for (var i = 0, c = fs.files.length; i < c; i++) {
@@ -565,20 +609,26 @@
        contentType: false,
        success: (rs) => {
          this.getFileLength();

          this.fullscreenLoading = false;
          this.$message({
            message: '上传成功',
            type: 'success'
          });
this.clearFileSelect();
        },

        error: (rs) => {
          alert("上传文件失败！");
          this.fullscreenLoading = false;
            this.$message.error('数据上传失败');
          this.clearFileSelect();
        }
      });

      this.handlerLoading(false);

    },
    progressHandle(e) {
      var percent = (e.loaded / e.total * 100).toFixed(2);
      console.log(percent)
    },
    //获取文件上传数据
    async getFileLength() {
@@ -891,3 +941,8 @@
  }
}
</style>
<style>
.el-loading-spinner i {
  color: #1890ff !important;
}
</style>