用户信息采集

src/api/hisStore/answer.js

@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+
+
+// 查询问答详细
+export function getAnswer(id) {
+  return request({
+    url: '/store/answer/' + id,
+    method: 'get'
+  })
+}
+
+// 问答列表选项
+export function questionOptions() {
+  return request({
+    url: '/store/answer/allList',
+    method: 'get',
+  })
+}

src/api/hisStore/collection.js

@@ -0,0 +1,70 @@
+import request from '@/utils/request'
+
+// 查询用户信息采集列表
+export function listCollection(query) {
+  return request({
+    url: '/hisStore/collection/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询用户信息采集详细
+export function getCollection(id) {
+  return request({
+    url: '/hisStore/collection/' + id,
+    method: 'get'
+  })
+}
+
+// 查询用户信息采集详细
+export function getInfo(query) {
+  return request({
+    url: '/hisStore/collection/getInfo',
+    method: 'get',
+    params: query
+  })
+}
+
+// 新增用户信息采集
+export function addCollection(data) {
+  return request({
+    url: '/hisStore/collection',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改用户信息采集
+export function updateCollection(data) {
+  return request({
+    url: '/hisStore/collection',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除用户信息采集
+export function delCollection(id) {
+  return request({
+    url: '/hisStore/collection/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出用户信息采集
+export function exportCollection(query) {
+  return request({
+    url: '/hisStore/collection/export',
+    method: 'get',
+    params: query
+  })
+}
+
+
+export function getWxaCodeCollectionUnLimit(collectionId) {
+  return request({
+    url: 'hisStore/collection/getWxaCodeCollectionUnLimit/'+collectionId,
+    method: 'get',
+  })
+}

src/api/hisStore/storeAfterSales.js

@@ -62,6 +62,30 @@ export function exportStoreAfterSales(query) {
 
 
 
+// export function cancel(data) {
+//   return request({
+//     url: '/store/store/storeAfterSales/cancel',
+//     method: 'post',
+//     data: data
+//   })
+// }
+
+// export function refund(data) {
+//   return request({
+//     url: '/store/store/storeAfterSales/refund',
+//     method: 'post',
+//     data: data
+//   })
+// }
+
+export function audit(data) {
+  return request({
+    url: '/store/store/storeAfterSales/audit',
+    method: 'post',
+    data: data
+  })
+}
+
 export function cancel(data) {
   return request({
     url: '/store/store/storeAfterSales/cancel',
@@ -78,9 +102,16 @@ export function refund(data) {
   })
 }
 
-export function audit(data) {
+export function audit1(data) {
   return request({
-    url: '/store/store/storeAfterSales/audit',
+    url: '/store/store/storeAfterSales/audit1',
+    method: 'post',
+    data: data
+  })
+}
+export function audit2(data) {
+  return request({
+    url: '/store/store/storeAfterSales/audit2',
     method: 'post',
     data: data
   })

src/api/store/package.js

@@ -63,3 +63,10 @@ export function exportPackage(query) {
     params: query
   })
 }
+
+export function allPrivatePackage() {
+  return request({
+    url: '/store/package/privatePackageList',
+    method: 'get'
+  })
+}

src/views/hisStore/components/productAfterSalesOrder.vue

@@ -16,7 +16,11 @@
             <el-tag prop="status" v-for="(item, index) in salesStatusOptions"    v-if="afterSales.salesStatus==item.dictValue">{{item.dictLabel}}</el-tag>
           </span>
           <div class="operate-button-container"  >
-            <el-button size="mini" v-hasPermi="['store:storeAfterSales:edit']" v-show="afterSales.salesStatus==0&&afterSales.status===1"  @click="addDelivery">编辑物流</el-button>
+            <el-button size="mini"  v-hasPermi="['store:storeAfterSales:edit']" v-show="afterSales.salesStatus==0&&afterSales.status===1"  @click="addDelivery">编辑物流</el-button>
+            <el-button size="mini"  v-hasPermi="['store:storeAfterSales:audit1']" v-show="afterSales.salesStatus==0&&afterSales.status===0" @click="handleAudit1">平台审核</el-button>
+            <el-button size="mini"  v-hasPermi="['store:storeAfterSales:audit2']" v-show="afterSales.salesStatus==0&&afterSales.status===2" @click="handleAudit2">仓库审核</el-button>
+            <el-button size="mini"  v-hasPermi="['store:storeAfterSales:refund']" @click="handleRefund"  v-show="afterSales.salesStatus==0&&afterSales.status===3">财务审核</el-button>
+            <el-button size="mini"  v-hasPermi="['store:storeAfterSales:cancel']" @click="cancel"  v-show="afterSales.salesStatus==0">撤销</el-button>
             <el-button size="mini"  @click="showOrder">查看订单</el-button>
          </div>
         </div>
@@ -204,7 +208,7 @@
 </template>
 
 <script>
-import {getStoreAfterSales,cancel,refund,audit,updateStoreAfterSales } from "@/api/hisStore/storeAfterSales";
+import {getStoreAfterSales,cancel,refund,audit1,audit2,updateStoreAfterSales} from "@/api/hisStore/storeAfterSales";
 
 import productOrder from "./productOrder";
 export default {
@@ -312,53 +316,116 @@ export default {
         this.$refs.productOrder.getOrder(orderId);
       }, 500);
     },
-    handleAudit(){
-        this.audit.open=true;
-        this.form.serviceType=this.afterSales.serviceType;
-        this.form.salesId=this.afterSales.id;
-        this.form.refundAmount=this.afterSales.refundAmount;
-    },
-    submitAuditForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-           audit(this.form).then(response => {
-              if (response.code === 200) {
-                this.audit.open = false;
-                this.getStoreAfterSales(this.afterSales.id);
-                this.msgSuccess("操作成功");
-              }
-            });
-        }
-      });
-    },
-    cancel(){
+    handleAudit1(){
       var id=this.afterSales.id;
-      this.$confirm('是否确认取消订单?', "警告", {
+      this.$confirm('确定审请通过?', "警告", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
         }).then(function() {
           var data={salesId:id}
-          return cancel(data);
+          return audit1(data);
         }).then(() => {
           this.getStoreAfterSales(id);
           this.msgSuccess("操作成功");
         }).catch(function() {});
+
     },
-    refund(){
+    handleAudit2(){
       var id=this.afterSales.id;
-      this.$confirm('是否确认收货,确认后将自动退款给客户', "警告", {
+      this.$confirm('确定审请通过?', "警告", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
         }).then(function() {
           var data={salesId:id}
-          return refund(data);
+          return audit2(data);
         }).then(() => {
           this.getStoreAfterSales(id);
           this.msgSuccess("操作成功");
         }).catch(function() {});
+
+    },
+    handleRefund(){
+        this.audit.open=true;
+        this.form.salesId=this.afterSales.id;
+        this.form.refundAmount=this.afterSales.refundAmount;
+    },
+    submitAuditForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          refund(this.form).then(response => {
+              if (response.code === 200) {
+                this.audit.open = false;
+                this.getStoreAfterSales(this.afterSales.id);
+                this.msgSuccess("操作成功");
+              }
+            });
+        }
+      });
+    },
+    cancel(){
+      var id=this.afterSales.id;
+      this.$prompt('是否确定取消订单?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+      }).then(({ value }) => {
+        var data={salesId:id,remark:value};
+        return cancel(data);
+      }).then(() => {
+        this.getStoreAfterSales(id);
+        this.msgSuccess("操作成功");
+      }).catch(() => {
+
+      });
     },
+    // handleAudit(){
+    //     this.audit.open=true;
+    //     this.form.serviceType=this.afterSales.serviceType;
+    //     this.form.salesId=this.afterSales.id;
+    //     this.form.refundAmount=this.afterSales.refundAmount;
+    // },
+    // submitAuditForm() {
+    //   this.$refs["form"].validate(valid => {
+    //     if (valid) {
+    //        audit(this.form).then(response => {
+    //           if (response.code === 200) {
+    //             this.audit.open = false;
+    //             this.getStoreAfterSales(this.afterSales.id);
+    //             this.msgSuccess("操作成功");
+    //           }
+    //         });
+    //     }
+    //   });
+    // },
+    // cancel(){
+    //   var id=this.afterSales.id;
+    //   this.$confirm('是否确认取消订单?', "警告", {
+    //       confirmButtonText: "确定",
+    //       cancelButtonText: "取消",
+    //       type: "warning"
+    //     }).then(function() {
+    //       var data={salesId:id}
+    //       return cancel(data);
+    //     }).then(() => {
+    //       this.getStoreAfterSales(id);
+    //       this.msgSuccess("操作成功");
+    //     }).catch(function() {});
+    // },
+    // refund(){
+    //   var id=this.afterSales.id;
+    //   this.$confirm('是否确认收货,确认后将自动退款给客户', "警告", {
+    //       confirmButtonText: "确定",
+    //       cancelButtonText: "取消",
+    //       type: "warning"
+    //     }).then(function() {
+    //       var data={salesId:id}
+    //       return refund(data);
+    //     }).then(() => {
+    //       this.getStoreAfterSales(id);
+    //       this.msgSuccess("操作成功");
+    //     }).catch(function() {});
+    // },
     getStoreAfterSales(id){
         getStoreAfterSales(id).then(response => {
             this.afterSales = response.afterSales;

src/views/qw/externalContact/collection.vue

@@ -0,0 +1,189 @@
+<template>
+    <div class="app-container">
+        <el-form ref="form" :model="form" label-width="140px">
+            <el-button size="mini" type="text" @click="handleShare" icon="el-icon-coin"
+                v-hasPermi="['store:inquiryOrder:wxaCodeInquiryOrder']">分享
+            </el-button>
+            <el-form-item label="信息模板" prop="questionId">
+                <el-select @change="selectQuestion" v-model="form.questionId" placeholder="请选择问答">
+                    <el-option v-for="dict in questionOptions" :key="dict.dictValue" :label="dict.dictLabel"
+                        :value="parseInt(dict.dictValue)" />
+                </el-select>
+            </el-form-item>
+            <div v-for="(answer, index) in form.answers">
+                <div style="margin-bottom: 20px;margin-top: 20px;">
+                    <span style="font-size: 15px;font-weight: bold;    margin-left: 31px">{{ answer.title }}</span>
+                </div>
+                <div style="margin-left: 31px;">
+                    <el-radio-group :disabled="form.answers[index].flag" v-model="form.answers[index].value">
+                        <el-radio v-for="dict in answer.options" :label="dict.value">{{ dict.name }}</el-radio>
+                    </el-radio-group>
+                </div>
+
+            </div>
+            <el-form-item label="是否关联套餐包" prop="isPackage">
+                <el-radio-group v-model="form.isPackage">
+                    <el-radio :label="0">否</el-radio>
+                    <el-radio :label="1">是</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item v-if="form.isPackage == 1" label="套餐包" prop="packageId">
+                <el-select filterable v-model="form.packageId" placeholder="请选择套餐包">
+                    <el-option v-for="dict in privatePackageOptions" :key="dict.dictValue" :label="dict.dictLabel"
+                        :value="parseInt(dict.dictValue)" />
+                </el-select>
+            </el-form-item>
+            <el-form-item v-if="form.packageId && form.isPackage && form.isPackage == 1" label="支付类型" prop="payType">
+                <el-radio-group v-model="form.payType">
+                    <el-radio :label="1">全款</el-radio>
+                    <el-radio :label="2">物流代收</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item v-if="form.packageId && form.payType == 2 && form.isPackage &&   form.isPackage == 1" label="物流代收金额" prop="amount">
+                <el-input v-model="form.amount" placeholder="请输入物流代收金额" type="number" />
+            </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="submitForm">确 定</el-button>
+            <el-button @click="cancel">取 消</el-button>
+        </div>
+
+
+        <el-dialog :title="collectionForm.title" v-if="collectionForm.open" :visible.sync="collectionForm.open"
+            width="450px" append-to-body>
+            <div style="padding-bottom:15px;">
+                <img :src="codeImage" width="400px">
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="downloadImage(codeImage, collectionForm.name + '.png')">下载二维码</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { questionOptions, getAnswer } from "@/api/hisStore/answer";
+import { allPrivatePackage } from "@/api/store/package";
+import { getInfo, addCollection, updateCollection, getWxaCodeCollectionUnLimit } from "@/api/hisStore/collection";
+export default {
+    name: "collection",
+    components: {},
+    data() {
+        return {
+            form: {
+                answers: []
+            },
+            userId: null,
+            questionOptions: [],
+            privatePackageOptions: [],
+            collectionForm: {
+                open: false,
+                title: "用户信息采集分享",
+                name: null,
+            },
+            codeImage: null,
+        };
+    },
+    created() {
+        this.getQuestionOptions();
+        this.getAllPrivatePackge();
+    },
+    methods: {
+        downloadImage(imageSrc, fileName) {
+            const link = document.createElement('a');
+            link.href = imageSrc;
+            link.download = fileName || '付款二维码.png';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        },
+        handleShare() {
+            let loadingRock = this.$loading({
+                lock: true,
+                text: '生成二维码中~~请不要刷新页面！！',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+
+            getWxaCodeCollectionUnLimit(this.form.id).then(response => {
+                this.codeImage = response.url
+                this.collectionForm.open = true;
+                this.collectionForm.name = this.form.id;
+                loadingRock.close();
+            }).finally(res => {
+                loadingRock.close();
+            })
+        },
+        //获取问答模板
+        getQuestionOptions() {
+            console.log("this.userId", this.userId)
+            questionOptions().then(response => {
+                this.questionOptions = response.rows;
+            })
+        },
+        getAllPrivatePackge() {
+            allPrivatePackage().then(res => {
+                this.privatePackageOptions = res.rows;
+            })
+        },
+        getCollectionInfo(userId) {
+            const queryParams = {
+                userId: userId,
+            }
+            this.userId = userId;
+            getInfo(queryParams).then(res => {
+                this.form = res.data;
+            })
+        },
+        //选择问答模板
+        selectQuestion(val) {
+            console.log(val)
+            this.form = {
+                answers: []
+            };
+            const queryParams = {
+                userId: this.userId,
+                questionId: val
+            }
+            getInfo(queryParams).then(res => {
+                this.form = res.data;
+            })
+            // getAnswer(val).then(response =>{
+
+            //     this.form.answers = response.data.answers;
+            //     console.log(this.form)
+            // })
+        },
+
+        submitForm() {
+            console.log(this.form)
+            this.form.userId = this.userId;
+            this.$refs["form"].validate(valid => {
+                if (valid) {
+                    if (this.form.id != null) {
+                        updateCollection(this.form).then(res => {
+                            this.msgSuccess("修改成功");
+                            this.open = false;
+                            this.$parent.$parent.closeCollection();
+                        })
+
+                    } else {
+                        addCollection(this.form).then(res => {
+                            this.msgSuccess("添加成功");
+                            this.open = false;
+                            this.$parent.$parent.closeCollection();
+                        })
+                    }
+                }
+            });
+
+        },
+        cancel() {
+
+        },
+    },
+};
+
+
+
+</script>

src/views/qw/externalContact/index.vue

@@ -500,6 +500,14 @@
              >
              <span>会员详细</span>
           </el-button>
+          <el-button
+             size="mini"
+             type="text"
+             @click="handleInfoCollection(scope.row)"
+             v-if="scope.row.fsUserId"
+             >
+             <span>信息采集</span>
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -766,6 +774,10 @@
 	<el-dialog :title="info.title" :visible.sync="info.open"   width="1100px" append-to-body>
 	  <info  ref="Details" />
 	</el-dialog>
+
+  <el-dialog :title="collection.title" :visible.sync="collection.open"   width="1100px" append-to-body>
+	  <collection   ref="collection" />
+	</el-dialog>
   </div>
 </template>
 
@@ -794,13 +806,15 @@ import mycustomer from '@/views/qw/externalContact/mycustomer'
 import customerDetails from '@/views/qw/externalContact/customerDetails'
 import SopDialog from '@/views/course/sop/SopDialog.vue'
 import  selectUser  from "@/views/qw/externalContact/selectUser.vue";
+import  collection  from "@/views/qw/externalContact/collection.vue";
 import info from "@/views/qw/externalContact/info.vue";
 import { editTalk } from "@/api/qw/externalContactInfo";
 import PaginationMore from "../../../components/PaginationMore/index.vue";
 import userDetails from '@/views/store/components/userDetails.vue';
+import Collection from './collection.vue';
 export default {
   name: "ExternalContact",
-  components:{PaginationMore, mycustomer,customerDetails,SopDialog,selectUser,info,userDetails},
+  components:{PaginationMore, mycustomer,customerDetails,SopDialog,selectUser,info,userDetails,collection},
   data() {
     return {
       notesOpen: {
@@ -823,6 +837,10 @@ export default {
         title:"用户信息",
         open:false,
       },
+      collection:{
+        titile:"信息采集",
+        open:false,
+      },
       // ...其他已有数据
       qwUserSuggestions: [],       // 已展示的数据
       showQwUserDropdown: false,   // 控制下拉框显示
@@ -984,7 +1002,8 @@ export default {
       statusOptions:[],
       // 表单校验
       rules: {
-      }
+      },
+      userId:null,
     };
   },
   created() {
@@ -1040,6 +1059,17 @@ export default {
                  this.$refs.userDetails.getDetails(row.fsUserId);
             }, 1);
     },
+    handleInfoCollection(row){
+      this.collection.title = "信息采集";
+      this.collection.open = true;
+      this.userId = row.fsUserId;
+      setTimeout(() => {
+                 this.$refs.collection.getCollectionInfo(row.fsUserId);
+            }, 1);
+    },
+    closeCollection(){
+      this.collection.open = false;
+    },  
     onQwUserNameClear() {
       this.queryParams.qwUserId = null;  // 同时清空 qwUserId
     },

src/views/store/components/storeAfterSalesDetails.vue

@@ -21,10 +21,15 @@
                </span>
                <div class="operate-button-container"  >
                  <el-button size="mini"  @click="showOrder">查看订单</el-button>
+                 <el-button size="mini" @click="editDelivery()" v-show="item.salesStatus==0&&item.status===1" v-hasPermi="['store:storeAfterSales:edit']">编辑物流</el-button>
+                 <el-button size="mini" @click="goAuditing(1)"  v-show="item.status==0 && item.salesStatus==0 " v-hasPermi="['store:storeAfterSales:audit']">平台审核</el-button>
+                 <el-button size="mini" @click="depotAuditing(3)"  v-show="item.status==2 && item.salesStatus==0" v-hasPermi="['store:storeAfterSales:depot']">仓库审核</el-button>
+                 <el-button size="mini" @click="tuimoney(4)"  v-show="item.status==3 && item.salesStatus==0" v-hasPermi="['store:storeAfterSales:finance']">财务审核</el-button>
+                 <el-button size="mini" @click="NoAuditing(5)"  v-show="item.salesStatus==0  &&item.status<4 " v-hasPermi="['store:storeAfterSales:revoke']">驳回</el-button>
                </div>
-               <div class="operate-button-container"  >
+               <!-- <div class="operate-button-container"  >
                   <el-button size="mini" @click="editDelivery()" v-show="item.salesStatus==0&&item.status===1" v-hasPermi="['his:storeAfterSales:edit']">编辑物流</el-button>
-               </div>
+               </div> -->
              </div>
 
      <div style="margin: 20px 0px">

src/views/store/user/list.vue

@@ -84,7 +84,7 @@
     <el-table v-loading="loading" border :data="userList" @selection-change="handleSelectionChange" >
       <el-table-column type="selection" width="55" align="center" />
 
-      <el-table-column label="用户昵称" align="center" prop="nickName" width="150px"/>
+      <el-table-column label="用户昵称" align="center" prop="nickname" width="150px"/>
       <el-table-column label="用户头像" align="center" prop="avatar" >
          <template slot-scope="scope">
                  <el-image v-if="scope.row.avatar!=null"
@@ -110,6 +110,11 @@
             type="text"
             @click="handledetails(scope.row)"
           >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleNickName(scope.row)"
+          >修改昵称</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -128,7 +133,7 @@
         <el-form-item label="用户昵称" prop="nickName">
           <el-input v-model="form.nickName" placeholder="请输入用户昵称" />
         </el-form-item>
-        <el-form-item label="用户状态" prop="status">
+        <!-- <el-form-item label="用户状态" prop="status">
             <el-select v-model="form.status" placeholder="请选择状态" clearable size="small">
                   <el-option
                     v-for="dict in userOptions"
@@ -140,7 +145,7 @@
         </el-form-item>
         <el-form-item label="用户备注" prop="remark" >
           <el-input v-model="form.remark" placeholder="请输入用户备注" type="textarea"/>
-        </el-form-item>
+        </el-form-item> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -317,10 +322,12 @@ export default {
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
-    handleAdd() {
+    handleNickName(row) {
       this.reset();
       this.open = true;
-      this.title = "添加用户";
+      this.form.nickName = row.nickname;
+      this.form.userId = row.userId;
+      this.title = "修改用户昵称";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {

src/views/store/user/myList.vue

@@ -84,7 +84,7 @@
     <el-table v-loading="loading" border :data="userList" @selection-change="handleSelectionChange" >
       <el-table-column type="selection" width="55" align="center" />
 
-      <el-table-column label="用户昵称" align="center" prop="nickName" width="150px"/>
+      <el-table-column label="用户昵称" align="center" prop="nickname" width="150px"/>
       <el-table-column label="用户头像" align="center" prop="avatar" >
          <template slot-scope="scope">
                  <el-image v-if="scope.row.avatar!=null"
@@ -110,6 +110,11 @@
             type="text"
             @click="handledetails(scope.row)"
           >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleNickName(scope.row)"
+          >修改昵称</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -128,7 +133,7 @@
         <el-form-item label="用户昵称" prop="nickName">
           <el-input v-model="form.nickName" placeholder="请输入用户昵称" />
         </el-form-item>
-        <el-form-item label="用户状态" prop="status">
+        <!-- <el-form-item label="用户状态" prop="status">
             <el-select v-model="form.status" placeholder="请选择状态" clearable size="small">
                   <el-option
                     v-for="dict in userOptions"
@@ -140,7 +145,7 @@
         </el-form-item>
         <el-form-item label="用户备注" prop="remark" >
           <el-input v-model="form.remark" placeholder="请输入用户备注" type="textarea"/>
-        </el-form-item>
+        </el-form-item> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -261,6 +266,10 @@ export default {
                  this.$refs.userDetails.getDetails(row.userId);
             }, 1);
      },
+     /**修改昵称 */
+    //  handleNickName(row){
+    //     console.log(row);
+    //  },
     /** 查询用户列表 */
     getList() {
       this.loading = true;
@@ -320,10 +329,12 @@ export default {
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
-    handleAdd() {
+    handleNickName(row) {
       this.reset();
       this.open = true;
-      this.title = "添加用户";
+      this.form.nickName = row.nickname;
+      this.form.userId = row.userId;
+      this.title = "修改用户昵称";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {