..

src/main/resources/static/components/module/userInfo/index.vue

@@ -29,6 +29,10 @@
                 {{ viewData.retireDate ? $moment(viewData.retireDate).format("YYYY-MM-DD") : null }}
             </el-descriptions-item>
             <el-descriptions-item label="联系电话">{{ viewData.mobile }}</el-descriptions-item>
+            <el-descriptions-item label="福利号码">
+                {{ viewData.welfareMobile }}
+                <el-link type="primary" @click="openWelfareMobile">修改</el-link>
+            </el-descriptions-item>
             <el-descriptions-item label="电子邮箱">{{ viewData.email }}</el-descriptions-item>
         </el-descriptions>
 
@@ -62,6 +66,18 @@
             <el-descriptions-item label="现聘职级">{{ viewData.positionLevel }}</el-descriptions-item>
             <el-descriptions-item label="职员等级">{{ viewData.employeeLevel }}</el-descriptions-item>
         </el-descriptions>
+
+        <el-dialog title="修改福利号码" width="30%" :visible.sync="welfareDialog" append-to-body>
+            <el-form :model="welfareForm" ref="formRef" label-width="120px">
+                <el-form-item label="福利号码" prop="welfareMobile">
+                    <el-input v-model="welfareForm.welfareMobile" placeholder="请输入福利号码" maxlength="11" />
+                </el-form-item>
+            </el-form>
+            <div slot="footer">
+                <el-button type="default" block @click="welfareDialog = false">取消</el-button>
+                <el-button type="primary" block @click="saveWelfareMobile">保存</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
 <script>
@@ -69,7 +85,12 @@ module.exports = {
     name: "userInfo",
     data() {
         return {
-            viewData: {}
+            id: null,
+            viewData: {},
+            welfareDialog: false,
+            welfareForm: {
+                welfareMobile: ""
+            }
         }
     },
     methods: {
@@ -77,11 +98,34 @@ module.exports = {
             if (!id) {
                 return
             }
+            this.id = id
             this.$axios.post("/platform/member/apply/common/findOne", { id }).then((res) => {
                 if (res.code === 0) {
                     this.viewData = res.data
                 }
             })
+        },
+        openWelfareMobile() {
+            this.welfareForm.welfareMobile = this.viewData.welfareMobile || ""
+            this.welfareDialog = true
+        },
+        saveWelfareMobile() {
+            if (!this.welfareForm.welfareMobile) {
+                this.$message.warning("请输入福利号码")
+                return
+            }
+            if (!/^1[3-9]\d{9}$/.test(this.welfareForm.welfareMobile)) {
+                this.$message.warning("请输入正确的手机号码")
+                return
+            }
+
+            this.$axios.post("/platform/h5/updateWelfareMobile", { mobile: this.welfareForm.welfareMobile }).then((res) => {
+                if (res.code === 0) {
+                    this.$message.success("修改成功")
+                    this.welfareDialog = false
+                    this.onOpen(this.id)
+                }
+            })
         }
     }
 }