运营后台用户添加体现信息

admin/src/views/receiver/send-log/index.vue

@@ -70,7 +70,11 @@
         cache-key="receiverCustomerTables"
       >
         <!-- 表头工具栏 -->
-        <template v-slot:toolbar></template>
+        <template v-slot:toolbar>
+          <el-button type="primary" size="small" @click="exportBas">
+            导出
+          </el-button>
+        </template>
         <template v-slot:userName="{ row }">
           <el-link type="primary" :underline="false" @click="showDetail(row)">
             <div>{{ row.name }}</div>
@@ -96,6 +100,7 @@
 <script>
   import { sendLog } from '@/api/receiver/subsidy';
   import edit from './components/edit.vue';
+  import { utils, writeFile } from 'xlsx';
 
   export default {
     name: 'receiverSendLog',
@@ -234,6 +239,40 @@
       showDetail(row) {
         this.current = row;
         this.showEdit = true;
+      },
+      exportBas() {
+        const array = [['姓名', '手机', '身份证号', '银行卡号', '开户行名称']];
+        sendLog({ page: 1, limit: 5000, where: this.where }).then((data) => {
+          if (data.list.length > 0) {
+            data.list.forEach((d) => {
+              array.push([
+                d.name,
+                d.mobile,
+                d.cardId,
+                d.bankCardNum,
+                d.bankName
+              ]);
+            });
+          }
+          const sheetName = 'Sheet1';
+          const workbook = {
+            SheetNames: [sheetName],
+            Sheets: {}
+          };
+          const sheet = utils.aoa_to_sheet(array);
+          workbook.Sheets[sheetName] = sheet;
+          // 设置列宽
+          sheet['!cols'] = [
+            { wch: 10 },
+            { wch: 10 },
+            { wch: 10 },
+            { wch: 10 },
+            { wch: 20 },
+            { wch: 40 },
+            { wch: 10 }
+          ];
+          writeFile(workbook, '补贴发放明细.xlsx');
+        });
       }
     }
   };

pingan/src/api/user/userinfo/index.js

@@ -1,11 +1,19 @@
 import request from '@/utils/request';
 
 export async function updateUserInfo(params) {
-  const res = await request.put('/user/userInfo', {
-    params
-  });
+  const res = await request.put('/user/userInfo', params);
   if (res.data.code === 0) {
     return res.data.message;
   }
   return Promise.reject(new Error(res.data.message));
 }
+
+export async function getUserInfo(params) {
+  const res = await request.get('/user/userInfo', {
+    params
+  });
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

pingan/src/views/user/profile/index.vue

@@ -65,17 +65,11 @@
                 <el-form-item label="身份证正反面:" prop="cardImg">
                   <el-row>
                     <el-col :md="6" :sm="12">
-                      <upload-img
-                        v-model="form2.cardImgFront"
-                        :images="form2.cardImgFront"
-                      />
+                      <upload-img v-model="form2.cardA" :images="form2.cardA" />
                       <div style="margin-left: 12px">身份证正面</div>
                     </el-col>
                     <el-col :md="6" :sm="12">
-                      <upload-img
-                        v-model="form2.cardImgReverse"
-                        :images="form2.cardImgReverse"
-                      />
+                      <upload-img v-model="form2.cardB" :images="form2.cardB" />
                       <div style="margin-left: 12px">身份证反面</div>
                     </el-col>
                   </el-row>
@@ -92,10 +86,10 @@
                     v-model="form2.bankCardNum"
                   />
                 </el-form-item>
-                <el-form-item label="银行开户行:" prop="bankAddress">
+                <el-form-item label="银行开户行:" prop="bankName">
                   <el-input
                     placeholder="请输入银行开户行"
-                    v-model="form2.bankAddress"
+                    v-model="form2.bankName"
                   />
                 </el-form-item>
                 <el-form-item>
@@ -117,7 +111,7 @@
 </template>
 
 <script>
-  import { updateUserInfo } from '@/api/user/userinfo';
+  import { updateUserInfo, getUserInfo } from '@/api/user/userinfo';
   import UploadImg from '@/components/UploadImg/index.vue';
 
   export default {
@@ -162,11 +156,11 @@
         // 是否显示裁剪弹窗
         visible: false,
         form2: {
-          cardImgFront: [],
-          cardImgReverse: [],
+          cardA: [],
+          cardB: [],
           cardId: '',
           bankCardNum: '',
-          bankAddress: ''
+          bankName: ''
         },
         rule2: {
           // cardImg: [
@@ -190,7 +184,7 @@
               trigger: 'blur'
             }
           ],
-          bankAddress: [
+          bankName: [
             {
               required: true,
               message: '请输入银行开户行',
@@ -212,8 +206,19 @@
     },
     created() {
       Object.assign(this.form, this.loginUser);
+      this.loadUserInfo();
     },
     methods: {
+      loadUserInfo() {
+        getUserInfo()
+          .then((res) => {
+            console.log(res);
+            Object.assign(this.form2, res);
+          })
+          .catch((e) => {
+            this.$message.error(e.message);
+          });
+      },
       /* 保存更改 */
       save() {
         this.$refs.form.validate((valid) => {
@@ -234,11 +239,11 @@
             return false;
           }
           this.loading = true;
-          updateUserInfo(this.form2)
+          updateUserInfo({ ...this.form2 })
             .then((res) => {
-              console.log(res);
               this.loading = false;
               this.$message.success(res);
+              this.loadUserInfo();
             })
             .catch((e) => {
               this.loading = false;