上传养老金excel文件解析

src/api/user.js

@@ -94,6 +94,13 @@ export function createMerchant(data) {
   return request.post(`/mv-merchant/createObj`, data)
 }
 /**
+ * @description 上传养老金excel
+ */
+export function uploadPension(data) {
+  return request.post(`/mv-gzc-logs/uploadPension`, data , {timeout:24*60*60*1000});
+  // return request.post(`/mv-gzc-logs/uploadPension`, data);
+}
+/**
  * @description 查询入账公证处明细列表
  */
 export function getMvGzcLogsList(data) {

src/views/mvGzcLog/index.vue

@@ -44,8 +44,17 @@
          >
             搜索
          </el-button>
+
+              <el-button
+                class="filter-item"
+                type="primary"
+                icon="el-icon-upload"
+                @click="onUpload()"
+              >
+                养老金excel文件上传
+              </el-button>
             </el-form-item>
-            
+
           </el-form>
         </div>
       </div>
@@ -87,7 +96,7 @@
                <span>{{ row.password }}</span>
             </template>
          </el-table-column> -->
-         
+
          <el-table-column label="单号"  align="center">
             <template slot-scope="{ row }">
                <span>{{ row.outTradeNo }}</span>
@@ -158,11 +167,11 @@
                <span>{{ row.wxpayAccount }}</span>
             </template>
          </el-table-column>
-        
-         
+
+
         <el-table-column prop="createTime" label="创建时间" min-width="150" />
         <el-table-column prop="updateTime" label="修改时间" min-width="100" />
-        
+
          <!-- <el-table-column label="最后登录时间" width="150px" align="center">
             <template slot-scope="{ row }">
                <span>{{
@@ -179,7 +188,7 @@
             fixed="right"
          >
             <template slot-scope="{ row }">
-              
+
 
                <el-button
                   type="primary"
@@ -204,7 +213,7 @@
                      </el-button>
                   </el-popconfirm>
                </template>
-               
+
             </template>
          </el-table-column>     -->
             </el-table>
@@ -230,7 +239,7 @@
             label-width="120px"
             style="width: 400px; margin-left: 50px"
          >
-            
+
             <el-form-item label="姓名" prop="realname">
                <el-input v-model="temp.realname" />
             </el-form-item>
@@ -267,13 +276,60 @@
             </el-button>
          </div>
       </el-dialog>
+
+      <!-- 上传页面 -->
+      <el-dialog :title="'养老金excel文件上传'" :visible.sync="dialogUploadFormVisible">
+        <el-form
+          ref="dataUploadForm"
+          :model="temp"
+          label-position="left"
+          label-width="120px"
+          style="width: 400px; margin-left: 50px"
+        >
+          <el-form-item label="文件" prop="fileList">
+            <el-upload
+              ref="upload"
+              action="/admin/mv-gzc-logs/uploadPension"
+              :file-list="fileList"
+              :auto-upload="false"
+              :on-change="handleChange"
+              :limit="1"
+              :accept="'.xlsx,.xls'"
+            >
+              <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
+              <div slot="tip" class="el-upload__tip">只能上传.xlsx和.xls文件</div>
+            </el-upload>
+          </el-form-item>
+        </el-form>
+
+        <!-- 弹窗底部按钮 -->
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogUploadFormVisible = false">
+            取消
+          </el-button>
+          <el-button
+            type="primary"
+            @click="submitUpload()"
+          >
+            确定
+          </el-button>
+        </div>
+      </el-dialog>
     </div>
   </template>
-  
+
   <script>
-  import { getMvMerchantList,getMvMerchantDetail,delMerchant,createMerchant,getMvGzcLogsList } from "@/api/user";
+  import {
+    getMvMerchantList,
+    getMvMerchantDetail,
+    delMerchant,
+    createMerchant,
+    getMvGzcLogsList,
+    uploadPension
+  } from "@/api/user";
   import { roterPre } from "@/settings";
-  
+  import { Loading } from 'element-ui';
+
   export default {
     filters: {
       showAccountType(e){
@@ -286,13 +342,16 @@
          } else {
           return "";
          }
-      },    
+      },
     },
     data() {
       return {
         temp:{},
         dialogStatus:'add',
         dialogFormVisible:false,
+        dialogUploadFormVisible:false,
+        loadingInstance:null,
+        fileList: [],
         //  日期选择限制
         pickerOptions0: {
             disabledDate: (time) => {
@@ -359,7 +418,7 @@
       };
     },
     mounted() {
-        
+
 
         // this.getUserList();
         // this.getRefundData();
@@ -401,7 +460,7 @@
         this.$message.info(res.message);
       }).catch(res => {
             this.$message.error(res.message);
-           
+
       });
     },
       // 表格退货
@@ -475,6 +534,36 @@
             this.listLoading = false;
           });
       },
+      // 上传
+      onUpload() {
+        this.fileList = [];
+        this.dialogUploadFormVisible = true;
+      },
+      handleChange(file, fileList) {
+        this.fileList = fileList;
+      },
+      submitUpload() {
+       // console.log('submitUpload',this.fileList);
+        // 显示加载状态
+        this.loadingInstance = Loading.service({
+          lock: true,
+          text: '正在解析中...',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+        const formData = new FormData();
+        formData.append('file', this.fileList[0].raw); // 假设 `file` 是你的文件对象
+        uploadPension(formData).then(() => {
+          this.dialogUploadFormVisible = false;
+          this.$notify({
+            title: "成功",
+            message: "上传成功",
+            type: "success",
+            duration: 2000,
+          });
+          // 文件处理完成后，隐藏加载状态
+          this.loadingInstance.close();
+        });
+      },
       pageChange(page) {
         this.tableFrom.pageNum = page;
         this.getList();
@@ -486,18 +575,18 @@
     }
   };
   </script>
-  
+
   <style lang="scss" scoped>
-     
+
   p{
     margin: 0;
     padding: 0;
   }
   .daada{
-   
+
   margin-bottom: 30px;
     display: flex;
-   
+
   }
   .contain-count{
     display: flex;
@@ -511,7 +600,7 @@
   /deep/ .el-table tr{
     height: 50px;
   }
-  
+
   .all_box {
     margin-left: 30px;
     width: 240px;
@@ -705,4 +794,3 @@
     max-width: 180px;
   }
   </style>
-