diff --git a/src/api/securitySetting.js b/src/api/securitySetting.js
new file mode 100644
index 0000000..5dc7ffc
--- /dev/null
+++ b/src/api/securitySetting.js
@@ -0,0 +1,20 @@
+import request from "@/utils/request";
+
+/**
+ * 验证码
+ */
+export function sendMsg(params) {
+    return request({
+        url: "/api/tbUserInfo/sendMsg",
+        method: "get",
+        params
+    });
+}
+// 提交表单
+export function modfiyUserInfo(data) {
+    return request({
+        url: "/api/tbUserInfo/modfiyUserInfo",
+        method: "post",
+        data,
+    });
+}
diff --git a/src/views/shop/components/securitySetting.vue b/src/views/shop/components/securitySetting.vue
index 55c9540..e68bc36 100644
--- a/src/views/shop/components/securitySetting.vue
+++ b/src/views/shop/components/securitySetting.vue
@@ -10,7 +10,7 @@
                 {{ form.phone | phoneFilter }}
             </el-form-item>
             <el-form-item label="验证码">
-                <el-input v-model="form.prepareAmount" placeholder="" style="width: 200px;"></el-input>
+                <el-input v-model="form.prepareAmount" placeholder="点击发送" style="width: 200px;"></el-input>
                 <el-button type="primary" @click="onSubmit">发送</el-button>
             </el-form-item>
             <el-form-item>
@@ -21,6 +21,7 @@
 </template>
 <script>
 import { tbShopInfo } from "@/api/user";
+import { sendMsg, modfiyUserInfo } from "@/api/securitySetting"
 export default {
     data() {
         return {
@@ -39,16 +40,33 @@ export default {
             this.form = res
             this.form.password = '******'
         },
-        submitHandle() { },
+        async submitHandle() {
+            let data = {
+                code: this.form.prepareAmount,
+                pwd: this.form.password,
+            }
+            const res = await modfiyUserInfo(data);
+            this.$message({
+                message: '修改成功',
+                type: 'success'
+            })
+        },
         resetting() {
             this.form.password = ''
             this.disabled = false
         },
-        onSubmit() { },
+        async onSubmit() {
+            const res = await sendMsg();
+            this.$message({
+                message: '发送成功',
+                type: 'success'
+            })
+        },
     },
     filters: {
         phoneFilter(d) {
-            return d.substr(0, 3) + '***' + d.substr(-4)
+            let str = d + ''
+            return str.substr(0, 3) + '***' + str.substr(-4)
         }
     }
 }