购物报账拖拽文件

src/components/ShoppingStore/ShoppingReimbursementDetails.vue

@@ -79,10 +79,12 @@
               </p>
               <img v-for="(img, imgIndex) in item.ShopDetailsList[0].imgList" @click="downLoadPZ(img)" v-if="img !== ''"
                 :src="img" style="width: 10px;height: 10px;" alt="">
-              <el-upload :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
-                <i class="el-icon-plus avatar-uploader-icon" @click="UploadType=1"></i>
-                <div class="el-upload__text" @click="UploadType=1">{{$t('tips.dianjishanhcuan')}}</div>
-              </el-upload>
+              <div class="roomReservationsImg">
+                <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
+                  <i class="el-icon-plus avatar-uploader-icon" @click="UploadType=1"></i>
+                  <div class="el-upload__text" @click="UploadType=1">{{$t('active.ld_djscwj')}}</div>
+                </el-upload>
+              </div>
               <!--Credentials 凭证【导游】-->
             </td>
             <td class="more_td">
@@ -121,10 +123,12 @@
               </p>
               <img v-for="(img, imgIndex) in item.ShopDetailsList[0].dmcImageList" @click="downLoadPZ(img)"
                 v-if="img !== ''" :src="img" style="width: 10px;height: 10px;" alt="">
-              <el-upload :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
-                <i class="el-icon-plus avatar-uploader-icon" @click="UploadType=2"></i>
-                <div class="el-upload__text" @click="UploadType=2">{{$t('tips.dianjishanhcuan')}}</div>
-              </el-upload>
+              <div class="roomReservationsImg">
+                <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
+                  <i class="el-icon-plus avatar-uploader-icon" @click="UploadType=2"></i>
+                  <div class="el-upload__text" @click="UploadType=2">{{$t('active.ld_djscwj')}}</div>
+                </el-upload>
+              </div>
             </td>
             <td v-if="subIndex==0" :rowspan="item.ShopDetailsList.length">
               <!--Remarks 备注-->
@@ -325,6 +329,10 @@
 </script>
 
 <style scoped>
+  /deep/.roomReservationsImg .el-upload-dragger{
+    width: auto;
+    height: auto
+  }
   .roomReservationsSplitTrCss td {
     background: #eee !important;
   }