From 8581e454aab1e047026201272cee3f9534a5d797 Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Thu, 11 Jul 2024 13:43:39 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=BA=97=E9=93=BA=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E5=BA=97=E9=93=BA=E9=85=8D=E7=BD=AE-=E5=AE=89=E5=85=A8?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/shop/components/securitySetting.vue | 55 +++++++++++++++++++
 src/views/shop/shop_configuration.vue         |  6 +-
 2 files changed, 60 insertions(+), 1 deletion(-)
 create mode 100644 src/views/shop/components/securitySetting.vue

diff --git a/src/views/shop/components/securitySetting.vue b/src/views/shop/components/securitySetting.vue
new file mode 100644
index 0000000..55c9540
--- /dev/null
+++ b/src/views/shop/components/securitySetting.vue
@@ -0,0 +1,55 @@
+<template>
+    <div>
+        <el-form ref="form" :model="form" label-width="120px" label-position="left">
+            <el-form-item label="操作密码">
+                <el-input v-model="form.password" :disabled="disabled" placeholder="请输入操作密码"
+                    style="width: 200px;"></el-input>
+                <el-button type="primary" @click="resetting">重置</el-button>
+            </el-form-item>
+            <el-form-item label="安全手机号">
+                {{ form.phone | phoneFilter }}
+            </el-form-item>
+            <el-form-item label="验证码">
+                <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>
+                <el-button type="primary" @click="submitHandle">保存 </el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+<script>
+import { tbShopInfo } from "@/api/user";
+export default {
+    data() {
+        return {
+            disabled: true,
+            form: {}
+        }
+    },
+    mounted() {
+        this.getinfo()
+    },
+    methods: {
+        // 获取用户信息
+        async getinfo() {
+            const shopId = localStorage.getItem("shopId");
+            const res = await tbShopInfo(shopId);
+            this.form = res
+            this.form.password = '******'
+        },
+        submitHandle() { },
+        resetting() {
+            this.form.password = ''
+            this.disabled = false
+        },
+        onSubmit() { },
+    },
+    filters: {
+        phoneFilter(d) {
+            return d.substr(0, 3) + '***' + d.substr(-4)
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/src/views/shop/shop_configuration.vue b/src/views/shop/shop_configuration.vue
index 63bd8bc..7cab95d 100644
--- a/src/views/shop/shop_configuration.vue
+++ b/src/views/shop/shop_configuration.vue
@@ -4,10 +4,13 @@
             <el-tab-pane label="店铺信息" name="1"></el-tab-pane>
             <el-tab-pane label="基础配置" name="2"></el-tab-pane>
             <!-- <el-tab-pane label="通知配置" name="3"></el-tab-pane> -->
+            <el-tab-pane label="安全设置" name="4"></el-tab-pane>
         </el-tabs>
         <shopInfo v-if="activeName == 1" />
         <shopSetting v-if="activeName == 2" />
         <notice v-if="activeName == 3" />
+        <securitySetting v-if="activeName == 4" />
+        
     </div>
 </template>
 
@@ -15,12 +18,13 @@
 import shopInfo from './components/shopInfo'
 import shopSetting from './components/shopSetting'
 import notice from './components/notice'
+import securitySetting from './components/securitySetting'
 
 export default {
     components: {
         shopInfo,
         shopSetting,
-        notice
+        notice,securitySetting
     },
     data() {
         return {

From f8fbe4fe83aa99a0987da48c52ed395ae5bbf01c Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Thu, 11 Jul 2024 14:17:46 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=AE=89=E5=85=A8=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/securitySetting.js                    | 20 ++++++++++++++
 src/views/shop/components/securitySetting.vue | 26 ++++++++++++++++---
 2 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 src/api/securitySetting.js

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)
         }
     }
 }