专题图，数据上传

Surpriseplus

2022-12-21 4f969102916872db85296709d700ff387fe3a0c2

 src/views/datamanage/dataUpdata.vue

@@ -40,7 +40,7 @@
              </el-option>
              </el-select>
          </el-form-item>
          <el-form-item :label="$t('dataManage.dataUpObj.entryTime')">
          <!-- <el-form-item :label="$t('dataManage.dataUpObj.entryTime')">
            <el-date-picker
              v-model.trim="formInline.gather"
              :picker-options="pickerOptions"
@@ -48,12 +48,39 @@
              placeholder="请选择"
              value-format="yyyy-MM-dd HH:mm:ss"
            />
          </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>
            ></el-input>
          </el-form-item>
          <el-form-item>
            <input id="uploadfile" @change= "handleFileChange" type="file"  name="file" multiple="multiple"  style="display: none"></input>
            <el-button icon="el-icon-document-add" @click="fileSelect" class="primary">{{
              $t('common.file')
            }}</el-button>




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

          </el-form-item>
          <br />
          <el-form-item :label="$t('dataManage.dataUpObj.describe')">
@@ -126,12 +153,12 @@
          fixed
         :formatter="changeSizeFile"
        />
         <el-table-column
         <!-- <el-table-column
          align="center"
          prop="guid"
          :label="$t('common.md5')"
          fixed
        />
        /> -->
    </el-table>
      </div>

@@ -152,16 +179,24 @@
              type="info"
              >{{ $t('common.reset') }}</el-button
            >
             <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">
   <el-table
     :data="waretableData"

   @selection-change="handleDelteChange"
        style="width:99%"
        height="92%"
 >
    <el-table-column
      type="selection"
      width="55"/>
        <el-table-column
          align="center"
          type="index"
@@ -266,7 +301,7 @@
import MyBread from '../../components/MyBread.vue';
import { getToken } from '@/utils/auth';
import { selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
dataUpload_selectByPageForUpload} from '../../api/api';
dataUpload_selectByPageForUpload,dataUpload_deleteMetas} from '../../api/api';
export default {
  name: 'dataUpdata',
  components: {
@@ -280,6 +315,7 @@
      formInline: {
        verid: '',
        gather: '',
        fileName:'未选择文件'
      },
      formWarehousing: {
          name:''
@@ -347,10 +383,34 @@
      },
      deep: true,
      immediate: true,
      multipleDelete:[]
    },
  },

  methods: {

  async setWarehouseDel(){
          var std = [];
          for (var i in this.multipleDelete) {
            std.push(this.multipleDelete[i].id);
          }
          const res = await dataUpload_deleteMetas({ids: std.toString() })
          if(res.code != 200){
            this.$message.error('删除失败');
          }else{
               this.$message({
          message: '删除成功',
          type: 'success'
        });
        this.listData.pageIndex=1;
        this.listData.pageSize = 10;
           this.getAllWareTable();
          }
    },
    handleDelteChange(val){
    this.multipleDelete = val;
    },

    changetimeFile(res){

//shijianchuo是整数，否则要parseInt转换
@@ -419,7 +479,7 @@
        this.$message.error('列表数据获取失败');
        return;
      }
      debugger

      this.count = res.count;
 this.waretableData =res.result;
    },
@@ -510,13 +570,14 @@
            message: '上传成功',
            type: 'success'
          });

this.clearFileSelect();
        },
        error: (rs) => {
          alert("上传文件失败！");
          this.clearFileSelect();
        }
      });
      document.getElementById("uploadfile").value = "";

      this.handlerLoading(false);
    },
    //获取文件上传数据
@@ -558,9 +619,20 @@
    fileSelect() {
      $("#uploadfile").click();
    },
    handleFileChange() {
      var fs = document.getElementById("uploadfile");
    handleFileChange(event) {
      var std =[];
      var len = event.currentTarget.files.length;
      for(var i = 0;i<len;i++){
var f = event.currentTarget.files[i];
std.push(f.name)
      }

        this.formInline.fileName =std.toString() ;

    },
    clearFileSelect(){
   this.formInline.fileName="未选择文件";
    document.getElementById("uploadfile").value = "";
    },
    //当前时间获取
    timeDefault() {