农村事项管理图片上传多选

src/views/sunVillage_info/list_contract_add.vue

@@ -76,7 +76,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="fileList" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -189,11 +189,13 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.map(res=>{
+          this.openPic.push(res.file);
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_contract_edit.vue

@@ -77,7 +77,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="openPic" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -217,10 +217,12 @@
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
         // this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.forEach(res=> {
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_finance.vue

@@ -35,7 +35,7 @@
                         {{item.openNy}}
                     </div>
                 </div>
-                <div class="operation" v-show="false">
+                <div class="operation" v-show="showBtn">
                     <!-- delete 删除 edit编辑 view查看 -->
                     <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
                       <i class="icon "></i>

src/views/sunVillage_info/list_finance_add.vue

@@ -50,7 +50,7 @@
              </template>
            </van-field>
 <!--           @delete="deleteFile1"-->
-           <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+           <van-uploader v-model="fileList" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
 
            <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
              <van-field readonly input-align="right" :border="false" >
@@ -165,11 +165,13 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.map(res=> {
+          this.openPic.push(res.file);
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_finance_edit.vue

@@ -50,7 +50,7 @@
              </template>
            </van-field>
 <!--           @delete="deleteFile1"-->
-           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+           <van-uploader v-model="openPic" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
 
            <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
              <van-field readonly input-align="right" :border="false" >
@@ -192,11 +192,12 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPicList.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.forEach(res=> {
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_issues_add.vue

@@ -50,7 +50,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="fileList" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -170,11 +170,13 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.map(res=> {
+          this.openPic.push(res.file);
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_issues_edit.vue

@@ -50,7 +50,7 @@
              </template>
            </van-field>
 <!--           @delete="deleteFile1"-->
-           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+           <van-uploader v-model="openPic" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
 
            <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
              <van-field readonly input-align="right" :border="false" >
@@ -200,11 +200,12 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPicList.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.forEach(res=> {
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_photo_add.vue

@@ -71,7 +71,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="fileList" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -189,11 +189,13 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.map(res=> {
+          this.openPic.push(res.file);
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_photo_edit.vue

@@ -71,7 +71,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="openPic" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -209,11 +209,12 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        // this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.forEach(res=> {
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_tourists.vue

@@ -35,7 +35,7 @@
               {{item.openNy}}
             </div>
           </div>
-          <div class="operation">
+          <div class="operation" v-show="showBtn">
             <!-- delete 删除 edit编辑 view查看 list榜单 -->
             <div class="opera_btn list" @click="goRanking(item.id,item.openNy)">
               <i class="icon "></i>

src/views/sunVillage_info/list_tourists_add.vue

@@ -50,7 +50,7 @@
           </template>
         </van-field>
         <!--           @delete="deleteFile1"-->
-        <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
+        <van-uploader v-model="fileList" multiple :after-read="afterRead" @delete="deleteFile1"  style="margin-top: 10PX" />
 
         <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
           <van-field readonly input-align="right" :border="false" >
@@ -163,11 +163,13 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPic.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.map(res=> {
+          this.openPic.push(res.file);
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){

src/views/sunVillage_info/list_tourists_edit.vue

@@ -50,7 +50,7 @@
              </template>
            </van-field>
 <!--           @delete="deleteFile1"-->
-           <van-uploader v-model="openPic" :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
+           <van-uploader v-model="openPic" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" />
 
            <div style="border-top: 1px solid #ededed;margin-top: 10PX;">
              <van-field readonly input-align="right" :border="false" >
@@ -192,11 +192,12 @@
       },
       afterRead(file) {
         // 此时可以自行将文件上传至服务器
-        this.openPicList.push(file.file);
-        let params1 = new FormData();
-        params1.append("file", file.file);
-        commonUpload(params1).then((r1) => {
-          this.openPic2.push(r1.fileName);
+        file.forEach(res=> {
+          let params1 = new FormData();
+          params1.append("file", res.file);
+          commonUpload(params1).then((r1) => {
+            this.openPic2.push(r1.fileName);
+          })
         })
       },
       afterReadOpenFile(file){