销户添加备注信息

package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "axios": "^0.21.1",
-    "element-ui": "^2.3.2",
+    "element-ui": "^2.15.13",
     "express": "^4.17.1",
     "file-saver": "^2.0.0",
     "fingerprintjs2": "^2.0.6",

src/components/byh/ClientManagerment.vue

@@ -2,21 +2,13 @@
   <div>
     <block-header title="搜索"/>
     <div class="page-search">
-      <el-form
-          label-suffix=":"
-          size="small"
-          :inline="true" :model="searchInfo" class="demo-form-inline">
-
+      <el-form label-suffix=":" size="small" :inline="true" :model="searchInfo" class="demo-form-inline">
         <el-form-item label="手机号">
-          <el-input
-              v-model="searchInfo.clientCell"
-              placeholder="请输入手机号"></el-input>
+          <el-input v-model="searchInfo.clientCell" placeholder="请输入手机号"></el-input>
         </el-form-item>
 
         <el-form-item label="产品名称">
-          <app-select
-              v-model="searchInfo.appName"
-              @handleSetting="(e)=>{ searchInfo.appName = e}"/>
+          <app-select v-model="searchInfo.appName" @handleSetting="(e)=>{ searchInfo.appName = e}"/>
         </el-form-item>
 
         <el-form-item>
@@ -25,9 +17,10 @@
       </el-form>
     </div>
 
+
     <div v-show="isShow">
       <!--用户信息-->
-      <block-header title="客户信息" />
+      <block-header title="客户信息"/>
       <el-collapse v-model="activeNames">
 
         <el-collapse-item title="用户基本信息" name="1">
@@ -54,7 +47,7 @@
                 <div class="grid-content bg-purple">
                   用户状态：{{ clientFormat(clientInfo.ucUserDO.state) }}
                   <el-button style="margin-left: 30px" type="danger" size="small"
-                             v-if="this.clientInfo.ucUserDO.state != 4" @click="cancelUser(clientInfo.ucUserDO)">销户
+                             v-if="this.clientInfo.ucUserDO.state != 4" @click="handleShow">销户
                   </el-button>
                 </div>
               </el-col>
@@ -165,6 +158,24 @@
       </el-collapse>
     </div>
 
+    <!--销户弹框-->
+    <el-dialog title="销户" :visible.sync="logVisible" width="30%" :before-close="handleClose">
+      <div style="margin-bottom: 20px;padding-left: 5px">正在进行销户操作，该操作不可恢复，请确认是否继续？</div>
+      <br/>
+
+      <el-form label-suffix=":" ref="logOffForm" :rules="rules" size="small" label-width="65px" :model="form"
+               class="demo-form-inline">
+        <el-form-item prop="memo" label="备注">
+          <el-input type="textarea" v-model="form.memo" :rows="2" placeholder="请输入内容"></el-input>
+        </el-form-item>
+      </el-form>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="logVisible = false" size="small">取 消</el-button>
+        <el-button type="primary" size="small" @click="handleLogSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+
 
   </div>
 </template>
@@ -180,7 +191,7 @@ export default {
       activeNames: ['1', '2', '3', '4'],
       searchInfo: {
         clientCell: '',
-        appName: '',
+        appName: ''
       },
       clientInfo: {
         ucUserDO: {},
@@ -188,21 +199,32 @@ export default {
         userFaceRecognitionDO: {},
         clientRiskFileDO: {},
       },
+
+      rules: {
+        memo: [
+          {required: true, message: "请输入备注信息", trigger: 'blur'}
+        ]
+      },
+      user: {},
+      form: {
+        userId: '',
+        creator: '',
+        clientCell: '',
+        appName: '',
+        memo: '',
+      },
+      logVisible: false,
+
     }
   },
   filters: {
     dateFilter: function (row) {
-      var exp = row
+      const exp = row;
       if (!exp || typeof (exp) === undefined || typeof (exp) === null) {
         return ''
       }
       return moment(exp).format("YYYY-MM-DD HH:mm:ss")
-    },
-
-    userStatusFilter: function (row) {
-
-    },
-
+    }
   },
 
   created() {
@@ -211,9 +233,48 @@ export default {
   },
 
   methods: {
+    // 显示销户弹框
+    handleShow() {
+      const {clientCell, appName} = this.searchInfo
+      this.form.appName = appName
+      this.form.clientCell = clientCell
+
+      this.logVisible = true;
+    },
+    // 关闭销户弹框
+    handleClose() {
+      this.logVisible = false;
+    },
+    // 注销提交
+    handleLogSubmit() {
+      this.$refs['logOffForm'].validate(async (valid) => {
+        if (valid) {
+
+          const form = this.form;
+          const user = this.user;
+          form.userId = user.userId;
+          form.creator = encodeURIComponent(localStorage.getItem("userName"));
+          try {
+            const res = await this.$$get('/client/accountCancellation', form);
+            const result = res.data;
+            if (result.success) {
+              this.$message({message: '销户成功', type: 'success'});
+              const {clientCell, appName} = this.searchInfo;
+              this.clientData(clientCell, appName);
+              this.handleClose()
+            }
+          } catch (err) {
+            this.$message({
+              type: 'info',
+              message: '销户失败'
+            });
+          }
+        }
+      })
+    },
     /*搜索条件*/
     onSubmit() {
-      if (this.searchInfo.clientCell == '' || this.searchInfo.appName == '') {
+      if (this.searchInfo.clientCell === '' || this.searchInfo.appName === '') {
         this.$message({message: '手机号或产品名称不能为空', type: 'error'});
         return;
       }
@@ -229,8 +290,11 @@ export default {
           return
         }
         this.isShow = true;
-        this.clientInfo = res.data.result;
-
+        const result = res.data.result;
+        this.clientInfo = result;
+        if (result.ucUserDO) {
+          this.user = result.ucUserDO
+        }
       }).catch(error => {
         this.$Message.error(error || '系统异常');
       });
@@ -313,8 +377,10 @@ export default {
 
     //销户
     cancelUser(record) {
-      var clientCell = this.searchInfo.clientCell;
-      var appName = this.searchInfo.appName;
+      const clientCell = this.searchInfo.clientCell;
+      const appName = this.searchInfo.appName;
+
+
       this.$confirm('正在进行销户操作, 是否继续?', '销户', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',

src/components/index/Index.vue

@@ -138,7 +138,6 @@ export default {
     height 100%
     position relative
     box-sizing border-box
-    padding-bottom 60px
     overflow-x hidden
 
     .menu {

src/main.js

@@ -24,7 +24,6 @@ import cacheManage from './utils/cacheManage'
 Vue.config.productionTip = false
 
 Vue.mixin(mixins)
-
 Vue.use(ElementUI)
 Vue.use(ajax)
 Vue.use(filter)

修改日志.md

@@ -6,3 +6,7 @@
 
 ### 2023-2-24 
 修改`/src/componments/LoanDetail.vue`，原来只有客户主管能看客户的借款合同，现在新增了一个`lookAgreement`的权限，如果有就可以查看
+
+
+### 2023-3-1
+1. 注销用户的时候添加一个备注消息，备注消息可以在客服管理的操作日志列表当中看到销户的原因