1 修改汇率上传附件

src/components/FinancialModule/RecPayQuery.vue

@@ -3,7 +3,10 @@
     background-color: #E6E6E6;
   }
 
-
+  /deep/ .financiaUpload2 .el-upload-dragger {
+    width: 100px !important;
+    height: 80px !important;
+  }
 .recpayQueryMore{margin:10px 0px 5px 0px;text-align:center;cursor: pointer;}
 
 .page_RecPayQuery .el-form-item{
@@ -978,19 +981,54 @@
       <el-form class="cdForm" label-width="110px">
 
         
-        <el-form-item label="操作类型" prop="ImportType">
-          <template>
+        <el-form-item label="操作类型" prop="ImportType">          
             <el-select filterable v-model='FixedAssetsMsg.ImportType' class="w135 _border_b_1">
               <el-option label="佣金汇率" :value='1' :key='1'></el-option>
               <el-option label="机票付款日" :value='2' :key='2'></el-option>
               <el-option label="PIC付款日" :value='3' :key='3'></el-option>
             </el-select>
-          </template>
         </el-form-item>
 
         <el-form-item label="汇率" prop="Rate1" v-if="FixedAssetsMsg.ImportType==1">
           <el-input class="w135 _border_b_1" v-model="FixedAssetsMsg.Rate" placeholder="请输入汇率"></el-input>
         </el-form-item>
+        <div class="_addUpload_box clearfix">
+        <el-form-item label="上传附件" prop="Rate1" v-if="FixedAssetsMsg.ImportType==1">
+          <template v-for="(file,fIndex) in FixedAssetsMsg.Image">
+            <div v-if="file.Type==3" style="width:30px; float:left;">
+              <div class="iconfont ">
+                <el-image style="height:16px;" :src="file.Url?file.Url:file.Content"
+                  :preview-src-list="[file.Url?file.Url:file.Content]">
+                </el-image>
+                <!-- <img :src="file.Url?file.Url:file.Content" @click="showUpLoadFile(file,index)" style="height:16px;"> -->
+              </div>
+              <span class="iconfont icon-guanbi1" style="font-size:12px;"
+                @click="deleteCarBackUploadFile(fIndex,index)"></span>
+            </div>
+            <div v-if="file.Type==1" style="width:30px; float:left;">
+              <div class="iconfont "
+                :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
+                @click="showUpLoadFile(file)">
+              </div>
+              <span class="iconfont icon-guanbi1" style="font-size:12px;"
+                @click="deleteCarBackUploadFile(fIndex,index)"></span>
+            </div>
+            <div v-if="file.Type==2" style="width:30px; float:left;">
+              <div class="iconfont icon-excel" @click="showUpLoadFile(file,index)">
+              </div>
+              <span class="iconfont icon-guanbi1" style="font-size:12px;"
+                @click="deleteCarBackUploadFile(fIndex,index)"></span>
+            </div>
+          </template>
+          <div class="_pic_upload financiaUpload2">
+            <el-upload drag :http-request="uploadFileCarBackBtn" :multiple="false" :show-file-list="false" action="">
+              <i class="el-icon-plus avatar-uploader-icon"></i>
+              <div class="el-upload__text">{{$t('tips.dianjishanhcuan')}}</div>
+            </el-upload>
+          </div>
+        </el-form-item>
+      </div>
+
         <el-form-item label="预付款日" prop="CreateDate" v-if="FixedAssetsMsg.ImportType==2 || FixedAssetsMsg.ImportType==3">
           <el-date-picker class="w135 _border_b_1"
             v-model="FixedAssetsMsg.CreateDate"
@@ -1193,7 +1231,9 @@
           RelevanceFrId2:0,
           CreateDate:'',
           Rate:0,
-          ImportType:1
+          ImportType:1,
+          Remark:'',//存放图片 单个
+          Image:[]
         }
       }
     },
@@ -1533,6 +1573,8 @@
         this.showAirPayDate=true;
       },
       showBatchUpdateFDialog(){
+        this.FixedAssetsMsg.Image=[];
+        this.FixedAssetsMsg.Remark="";
         this.showBatchUpdateF=true;
       },
       // 确定垫付对象
@@ -1633,7 +1675,7 @@
         if (this.multipleSelection.length>0) {
           var frids = this.multipleSelection.map(item => item.id).join(',');
           this.apipost(
-            "Financial_post_BatchUpdateFinanceInfo", {FrIDs:frids,Rate:this.FixedAssetsMsg.Rate,ImportType:this.FixedAssetsMsg.ImportType,CreateDate:this.FixedAssetsMsg.CreateDate},res => {
+            "Financial_post_BatchUpdateFinanceInfo", {FrIDs:frids,Rate:this.FixedAssetsMsg.Rate,ImportType:this.FixedAssetsMsg.ImportType,CreateDate:this.FixedAssetsMsg.CreateDate,Remark:this.FixedAssetsMsg.Remark},res => {
               if (res.data.resultCode == 1) {
                 this.Success(this.$t('objFill.v101.FinancialModule.gengxincg')) ;
                 this.showBatchUpdateF = false;
@@ -2410,8 +2452,52 @@
             this.Error(res.data.message);
           }
         }, err => {})
-      }
-
+      },
+      uploadFileCarBackBtn(file) { //上传
+        if (file.file.size > 1024 * 1024 * 10) {
+          this.$message.warning(this.$t('tips.wjdxbncgsz'))
+          return
+        }
+        //  1 文档  2 数据 3 图片
+        let typeArr = [{
+            stringArr: 'GIF|JPG|JPEG|PNG|BMP',
+            type: 3
+          },
+          {
+            stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
+            type: 1
+          },
+        ]
+        let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
+        let fileTypeNumber = 2;
+        let typeOk = false;
+        typeArr.forEach(x => {
+          if (x.stringArr.indexOf(ft) != '-1') {
+            fileTypeNumber = x.type;
+            typeOk = true;
+          }
+        })
+        if (!typeOk) return this.$message.error(this.$t('tips.qscWEfile'));
+        let newArr = [];
+        newArr.push(file.file)
+        let path = "/Upload/Temporary/"
+        this.$message.info(this.$t('tips.shangchuanzhong'))
+        this.UploadSelfFileT(path, newArr, x => {
+          let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
+          this.FixedAssetsMsg.Image = [];
+          this.FixedAssetsMsg.Image.push({
+            Content: x.data.FilePath,
+            ID: 0,
+            Type: fileTypeNumber,
+            Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
+          })
+          this.FixedAssetsMsg.Remark = x.data.FilePath;
+          this.$message.success(this.$t('tips.scchenggong'))
+        }, 1);
+      },
+      deleteCarBackUploadFile(i) { // 删除上传文件
+        this.FixedAssetsMsg.Image.splice(i, 1);
+      },
     }
   }