专题图，数据上传

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>

@@ -288,6 +315,7 @@
      formInline: {
        verid: '',
        gather: '',
        fileName:'未选择文件'
      },
      formWarehousing: {
          name:''
@@ -542,13 +570,14 @@
            message: '上传成功',
            type: 'success'
          });

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

      this.handlerLoading(false);
    },
    //获取文件上传数据
@@ -590,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() {