用户编辑和余额增加减

src/views/user_manage/user_list.vue

@@ -90,8 +90,14 @@
         </el-table-column>
         <el-table-column label="操作" width="200">
           <template v-slot="scope">
-            <el-button type="text" @click="">编辑</el-button>
-            <el-button type="text" @click="editPop(scope.row)">增减余额</el-button>
+            <el-button type="text" @click="edituser(scope.row)">编辑</el-button>
+            <el-dropdown size="mini" @command="editPop(scope.row)">
+              <span class="el-dropdown-link" style="font-size: 12px;"> 更多 </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item>增减余额</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            <!-- <el-button type="text" @click="editPop(scope.row)">增减余额</el-button> -->
             <!-- <el-button type="text" @click="">历史订单</el-button>
             <el-button type="text" @click="">充值记录</el-button> -->
 
@@ -108,7 +114,39 @@
         @size-change="sizeChange" @current-change="paginationChange"
         layout="total, sizes, prev, pager, next, jumper"></el-pagination>
     </div>
+    <!-- 编辑用户 -->
+    <el-dialog title="编辑" :visible.sync="dialogVisibleedit" width="30%">
+      <el-form ref="form" :model="userinfos" label-width="80px">
+        <el-form-item label="生日">
+          <el-date-picker v-model="userinfos.birthday" type="date" placeholder="选择日期"  value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="会员名称">
+          <el-input v-model="userinfos.name"></el-input>
+        </el-form-item>
+        <el-form-item label="性别">
+          <el-radio-group v-model="userinfos.sex">
+            <el-radio label="1">男</el-radio>
+            <el-radio label="2">女</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <!-- <el-form-item label="状态">
+          <el-radio-group v-model="userinfos.status">
+            <el-radio label="1">正常</el-radio>
+            <el-radio label="0">不可使用</el-radio>
+          </el-radio-group>
+        </el-form-item> -->
+        <el-form-item label="联系电话">
+          <el-input v-model="userinfos.telephone" @input="checkIfNum"></el-input>
+        </el-form-item>
 
+
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleedit = false">取 消</el-button>
+        <el-button type="primary" @click="sumbituser">确 定</el-button>
+      </span>
+    </el-dialog>
     <!-- 增减余额弹窗 -->
     <el-dialog title="增减余额" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
       <el-form ref="form" :model="userinfo" label-width="80px">
@@ -116,31 +154,31 @@
           {{ userinfo.nickName }}
         </el-form-item>
         <el-form-item label="增减">
-          <el-radio-group v-model="userinfo.IncreaseDeduction">
-            <el-radio :label="1">增加</el-radio>
-            <el-radio :label="2">备选项</el-radio>
+          <el-radio-group v-model="userinfo.operationType">
+            <el-radio label="in">增加</el-radio>
+            <el-radio label="out">扣除</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="余额">
-          <el-input v-model="userinfo.nickName"></el-input>
+          <el-input v-model="userinfo.amount" @input="checkIfNum"></el-input>
         </el-form-item>
         <el-form-item label="类型">
           <el-radio-group v-model="userinfo.type">
-            <el-radio :label="1">消费</el-radio>
-            <el-radio :label="2">充值退款</el-radio>
+            <el-radio label="consume">消费</el-radio>
+            <el-radio label="inMoney ">充值退款</el-radio>
           </el-radio-group>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button type="primary" @click="sumbit">确 定</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { queryAllShopUser, queryAllShopInfo } from "@/api/shop";
+import { queryAllShopUser, queryAllShopInfo, midfiyAccount, tbShopUseredit } from "@/api/shop";
 import dayjs from "dayjs";
 let cacheData = {};
 export default {
@@ -163,10 +201,16 @@ export default {
         total: 0
       },
       dialogVisible: false,
+      dialogVisibleedit: false,
       userinfo: {
         nickName: '',
-        IncreaseDeduction: 1,
-        type: 1
+        operationType: 'in',
+        type: 'consume'
+      },
+      userinfos: {
+        levelConsume: "0",
+        sex: '1',
+        status: '1'
       }
     };
   },
@@ -176,17 +220,52 @@ export default {
     }
   },
   mounted() {
+
     cacheData = { ...this.query };
     this.getTableData();
     this.getShopInfo();
   },
   methods: {
+    checkIfNum() {
+      this.userinfo.amount = this.userinfo.amount.toString().replace(/\D/g, '');
+    },
     handleClose() {
       this.userinfo = {}
     },
+    async sumbituser() {
+      let res = await tbShopUseredit({
+        ...this.userinfos,
+        levelConsume:'0',
+        shopId: localStorage.getItem("shopId"),
+      })
+      this.$message.success('修改成功')
+      this.dialogVisibleedit = false
+      this.getTableData();
+    },
+    async sumbit() {
+      let res = await midfiyAccount(this.userinfo)
+      this.dialogVisible = false
+      this.$message.success('修改成功')
+      this.getTableData();
+    },
     editPop(d) {
       this.dialogVisible = true
       this.userinfo.nickName = d.nickName
+      this.userinfo.id = d.id
+    },
+    edituser(d) {
+      let obj = { ...d }
+      if (d.sex == '男') {
+        obj.sex = '1'
+      } else {
+        obj.sex = '2'
+      }
+      obj.birthday = d.birthDay
+      obj.name = d.nickName
+      console.log(obj, '调试1')
+      this.userinfos = obj
+
+      this.dialogVisibleedit = true
     },
     toPage(type) {
       const pages = {