<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";
import { sendMsg, modfiyUserInfo } from "@/api/securitySetting"
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 = '******'
        },
        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
        },
        async onSubmit() {
            const res = await sendMsg();
            this.$message({
                message: '发送成功',
                type: 'success'
            })
        },
    },
    filters: {
        phoneFilter(d) {
            let str = d + ''
            return str.substr(0, 3) + '***' + str.substr(-4)
        }
    }
}
</script>